/*-----------------------------------------------------------------------------------

 Theme Name: Affiliate Marketing
 Description: Lorem ipsum dolor sit amet, consectetur adipisicing elit.
 Author: Kapil Prajapati
-----------------------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
:root {
  --primary-background:#1a4845; 
  --white-background:#fff;
  --black-background:#000;
  --primary-color:#1a4845;
  --black-color:#000;
  --white-color:#fff;
  --font-weight-100:100;
  --font-weight-200:200;
  --font-weight-300:300;
  --font-weight-400:400;
  --font-weight-500:500;
  --font-weight-600:600;
  --font-weight-700:700;
  --font-weight-800:800;
  --font-10:10px;
  --font-11:11px;
  --font-12:12px;
  --font-13:13px;
  --font-14:14px;
  --font-15:15px;
  --font-16:16px;
  --font-17:17px;
  --font-18:18px;
  --font-19:19px;
  --font-20:20px;
  --font-21:21px;
  --font-22:22px;
  --font-23:23px;
  --font-24:24px;
  --font-25:25px;
  --font-26:26px;
  --font-27:27px;
  --font-28:28px;
  --font-29:29px;
  --font-30:30px;
  --font-31:31px;
  --font-32:32px;
  --font-33:33px;
  --font-34:34px;
  --font-35:35px;
  --font-36:36px;
  --font-37:37px;
  --font-38:38px;
  --font-39:39px;
  --font-40:40px;
  --font-41:41px;
  --font-42:42px;
  --font-43:43px;
  --font-44:44px;
  --font-45:45px;
  --font-46:46px;
  --font-47:47px;
  --font-48:48px;
  --font-49:49px;
  --font-50:50px;
  --font-60:60px;
  --font-70:70px;
  --font-80:80px;
  --font-90:90px;
  --font-100:100px;
  --justify-center:center;
  --justify-spabe:space-between;
  --align-center:center;
  --primary-display:block;
  --secondary-display:flex;
  --display-inline:inline-block;
  --text-uppercase:uppercase;
  --text-capital:capitalize;
}
body{font-family: 'Roboto', sans-serif; }
p{font-family: 'Roboto', sans-serif;}
h1{ font-family: 'Roboto', sans-serif;}
h2{ font-family: 'Roboto', sans-serif;}
h3{ font-family: 'Roboto', sans-serif;}
h4{ font-family: 'Roboto', sans-serif; margin-bottom: 0;}
h5{font-family: 'Roboto', sans-serif;}
h6{font-family: 'Roboto', sans-serif;}
a{font-family: 'Roboto', sans-serif;}
li{font-family: 'Roboto', sans-serif;}
html {
  scroll-behavior: smooth;
}

/*=======================header ccss start============================*/
/* sticky menu css */
.is-sticky{position: fixed!important;top: 0;left: 0;width: 100%;z-index: 999;box-shadow: 0 2px 15px rgba(0,0,0,.1);}
.is-sticky{animation: smoothScroll 1s forwards; }
@keyframes smoothScroll {
    0% {transform: translateY(-150px); } 
    100% {transform: translateY(0px); }
}
.logo-top img{width: 70%; margin-left:10px;height:auto;}
.search-bar{display: flex; justify-content: center; align-items: center; height: 100%;}
.search-bar button{border: none; background-color: #efefef; padding: 14px 18px; }
.search-bar input{border: none; background-color: #efefef; padding: 14px; }
.search-bar input:focus{border: none; outline: none; box-shadow: unset; background-color: #efefef; padding: 14px; }
.sign-button{background-color: #332151;padding: 10px 15px;color: #fff!important;text-decoration: none;font-family: 'Roboto', sans-serif;margin-left: 38px;box-shadow: 0 0 6px 0 rgb(0 0 0 / 23%);border-radius: 2px;}
#log-button i{font-size: 23px; }
#log-button1 i{font-size: 23px; }
.header-features {padding: 40px 22px; /*width: 212px;*/ background-color: #fff; }
.header-feat-inner {position: relative; display: flex; justify-content: end; align-items: center; height: 100%; }
.header-feat-inner ul {display: flex; justify-content: end; align-items: center; list-style-type: none; margin-bottom: 0; padding-left: 0; }
.header-feat-inner ul li {position: relative; margin-right: 0; }
#log-button {color: #000; }
#log-button1 {color: #000; }
.header-feat-inner ul li a {color: #000; }
.login-panel {width: 353px;height: auto;background-color: #fff;display: none;position: absolute;z-index: 99;left: -55px;top: 70px;padding: 10px;border-top: 3px solid #741fa2;}
.badge-feat {position: absolute; text-decoration: none; width: 17px; height: 17px; background-color: red; color: #fff; display: flex; justify-content: center; /* align-items: center; */ font-size: 11px; border-radius: 50px; top: -11px; right: -9px; justify-content: center; align-items: center; line-height: 13px; }
.topbar-header{padding: 10px 0px;}
.login-detail ul{display: block; }
.login-detail ul li{/* margin-bottom: 14px; *//* padding-bottom: 15px; */border-bottom: 1px solid #263477;}
.login-detail ul li a{display: flex; align-items: center; text-decoration: none; }
.login-detail ul li a img{width: 90px;height: 90px;height: 89px;argin-right: 15px;}
.login-detail ul li a p{margin-bottom: 0;font-size: 14px;padding-left: 20px;text-decoration: none;}
.navbar-nav li a{font-weight: 400; color: #000!important; margin-right: 21px; font-size: 17px; }
.navbar-nav li a span{background-color: #2b8c2f;border-radius: 10px;color: #fff;font-size: 11px;padding: 3px 8px;margin-left: 5px;}
.navbar-right ul{list-style-type: none; padding-left: 0px; margin-left: 0px; display: flex; align-items: center; margin-bottom: 0; }
.navbar-right ul li{margin-left: 30px; }
.navbar-right ul li a{font-weight: 400; color: #000!important; font-size: 16px; text-decoration: none; }



/*========================header css end===========================*/

/*========================main banner css start===========================*/
#home-right-slider .owl-nav .owl-prev {position: absolute;left: 6px;top: 32%;opacity: 1;-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;background: #fff;width: 35px;cursor: pointer;height: 45px;position: absolute;display: block;z-index: 1000;border-radius: 0;border: 1px solid #ccc;border-top-right-radius: 5px;border-bottom-right-radius: 5px;font-size: 22px;}
#home-right-slider .owl-nav .owl-prev span {font-size: 1.6875rem; color: var(--color); }
#home-right-slider .owl-nav .owl-prev:focus {outline: 0; }
#home-right-slider .owl-nav .owl-prev:hover {background: #fff;color: var(--color);}
#home-right-slider .owl-nav .owl-next {position: absolute;right: 6px;top: 32%;opacity: 1;-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;background: #ffff;width: 35px;cursor: pointer;height: 45px;position: absolute;display: block;z-index: 1000;border-radius: 0;border: 1px solid #ccc;border-top-left-radius: 5px;border-bottom-left-radius: 5px;font-size: 22px;}
#home-right-slider .owl-nav .owl-next span {font-size: 1.6875rem; color: var(--color); }
#home-right-slider .owl-nav .owl-next:focus {outline: 0; }
#home-right-slider .owl-nav .owl-next:hover {background: #fff;color: var(--color);}
#home-right-slider:hover .owl-prev {left: 6px;opacity: 1;}
#home-right-slider:hover .owl-next {right: 6px; opacity: 1; }
#home-left-slider .item{height: 525px; width: 100%; object-fit: cover;}
#home-right-slider .item{height: auto;width: 100%;object-fit: cover;}
#home-right-slider .item img{height: auto;width: 100%;object-fit: cover;}
.main-left-slider{background-color: #ebecf4; padding: 20px; }
.left-slider-box img{/* height: 100%; *//* object-fit: cover; */}
.main-right-slider {background-color: unset;padding: 0px;height: 100%;}
.main-banner-sec{padding: 9px 0px 0;}
.left-slider-box{position: relative;}
.content-banner{position: absolute;bottom: 75px;background-color: #fff;width: 85%;left: 0;right: 0;margin: 0 auto;padding: 37px;}
.content-banner p{text-transform: uppercase; font-size: var(--font-20); font-weight: var(--font-weight-600); color: #84b784; margin-bottom: 15px; font-family: 'Poppins', sans-serif;}
.content-banner h2{text-transform: uppercase; color: var(--primary-color); margin-bottom: 0; }
/*========================main banner css end===========================*/

/*========================top categories css start===========================*/

.top-cat-main{background-color: #ffffff;padding: 23px 15px;}
.top-cat-wrap h3{text-transform: uppercase;font-weight: 600;font-size: 20px;font-family: 'Lato', sans-serif;margin-bottom: 22px;}
.top-cat-box{text-align: center; background-color: #fff; padding: 20px; border-radius: 10px; }
.top-cat-box h5{text-transform: uppercase; font-size: 18px; font-weight: 400; }
.top-cat-box img{width: 100%!important;margin: 0px auto 0;}
.top-cat-box:hover{background-color: unset;}
.top-cat-box:hover h5{color: #fff;}

#top-categories .owl-nav .owl-prev {position: absolute;left: -10px;top: 32%;opacity: 1;-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;background: #fff;width: 35px;cursor: pointer;height: 45px;position: absolute;display: block;z-index: 1000;border-radius: 0; border-radius: 5px;font-size: 22px;  box-shadow: 0px 0px 10px #ccc;}
#top-categories .owl-nav .owl-prev span {font-size: 1.6875rem; color: var(--color); }
#top-categories .owl-nav .owl-prev:focus {outline: 0; }
#top-categories .owl-nav .owl-prev:hover {background: #fff;color: var(--color);}
#top-categories .owl-nav .owl-next {position: absolute;right: -10px;top: 32%;opacity: 1;-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;background: #ffff;width: 35px;cursor: pointer;height: 45px;position: absolute;display: block;z-index: 1000;border-radius: 0;border-radius: 5px;font-size: 22px; box-shadow: 0px 0px 10px #ccc;}
#top-categories .owl-nav .owl-next span {font-size: 1.6875rem; color: var(--color); }
#top-categories .owl-nav .owl-next:focus {outline: 0; }
#top-categories .owl-nav .owl-next:hover {background: #fff;color: var(--color);}
#top-categories:hover .owl-prev {left: -10px;opacity: 1;}
#top-categories:hover .owl-next {right: -10px; opacity: 1; }
#top-categories .owl-nav{display: block;}

/*========================top categories css start===========================*/

/*========================footer sec css start===========================*/
.footer-about img{margin-bottom: 22px; }
.footer-about p{color: var(--white-color);font-size: var(--font-17);font-family: 'Poppins', sans-serif;}
.footer-social{margin-top: 27px; }
.footer-social ul{padding-left: 0; margin-left: 0; list-style: none; display: flex; }
.footer-social ul li{margin-right: 16px; }
.footer-social ul li a{color: var(--white-color); font-size: var(--font-21); }
.footer-main{padding: 50px 0px; background-repeat: no-repeat; width: 100%; background-size: cover; }
.quick-links h4{color: var(--white-color);font-family: 'Poppins', sans-serif;font-weight: var(--font-weight-600);margin-bottom: 18px;font-size: 23px;}
.quick-links ul{padding-left: 0px; margin-left: 0; list-style-type: none; margin-bottom: 0;}
.quick-links ul li{margin-bottom: 10px; }
.quick-links ul li a{font-family: 'Poppins', sans-serif; color: var(--white-color); text-decoration: none; font-size: var(--font-15); }
.footer-right{padding-left: 40px;}
.quick-links ul li:last-child{margin-bottom: 0px;}
.copyright{background-color: #103150;padding: 20px 0px;}
.copyright p{margin-bottom: 0; text-align: center; color: var(--white-color); font-family: 'Poppins', sans-serif; }
.copyright a{font-family: 'Poppins', sans-serif; color: var(--white-color); text-decoration: none;}
/*========================footer sec css end===========================*/





.popular-left{height: 271px;border-radius: 6px; width: 100%; box-shadow: 0 3px 12px 0 rgb(2 3 5 / 7%);border: solid 1px #e7e7e7;padding: 12px;box-sizing: border-box;transition: all .3s ease;text-align: center;display: flex;justify-content: center;align-items: center;}

.popular-left a{text-decoration: none; width: 100%;}
.popular-left p{font-weight: 500; color: #7b7b7b; font-size: 16px; border-bottom: 1px solid #d8d8d8; position: unset; left: 12px; padding-bottom: 12px; top: 19px; width: 90%; /* width: calc(100% - 24px); */ margin: 0 auto 26px; }
.popular-left img{max-width: 100%; max-height: 100%; vertical-align: middle; transition: all .3s ease; }




.store-div a img {margin: 0 auto; vertical-align: middle; max-width: 60%; max-height: 150%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }   
.store-div a>p {line-height: 15px; margin: 0; opacity: 0; top: 0; visibility: hidden; width: 100%; height: 100%; position: absolute; left: 0; color: #fff; font-size: 13px; transition: all .3s cubic-bezier(.31,.17,.52,.96); display: flex; justify-content: center; flex-direction: column; }




.store-div a {display: inline-block; position: relative; text-align: center; border: 1px solid #e7e7e7; border-radius: 4px; overflow: hidden; width: 94%; height: 75px; line-height: 75px; margin-bottom: 10px; }



.store-div a img {margin: 0 auto; vertical-align: middle; max-width: 60%; max-height: 150%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }   


.store-div a:focus>p, .store-div a:hover>p {background-color: #2d3e50; opacity: 1; visibility: visible; }


.store-div a:nth-child(3n+1) {margin-left: 6px; }
.store-div a img {margin: 0 auto;vertical-align: middle;max-width: 75%;max-height: 150%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}   

.store-div a>p span {text-decoration: underline; }


#store-slide .owl-nav .owl-next {position: absolute; right: 8px; top: 37%; opacity: 1; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; background: #ffff; width: 40px; cursor: pointer; height: 40px; position: absolute; display: block; z-index: 1000; border-radius: 0; border-radius: 5px; font-size: 22px; box-shadow: 0px 0px 10px #ccc; border-radius: 50%;} #store-slide .owl-nav .owl-next span {font-size: 1.6875rem; color: var(--color); }
#store-slide .owl-nav .owl-next:focus {outline: 0; }

#store-slide:hover .owl-prev {left: 8px;opacity: 1;}
#store-slide:hover .owl-next {right: 8px; opacity: 1; }



#store-slide .owl-dots button.active{background-color: #741fa2!important;height: 15px;border-color: #741fa2!important;}


.store-div.filter-store-div a>p {
    line-height: 15px;
    margin: 0;
    opacity: 0;
    top: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    color: #fff;
    font-size: 13px;
    transition: all .3s cubic-bezier(.31,.17,.52,.96);
    display: flex;
    justify-content: center;
    flex-direction: column;
    right: 0;
    margin: 0 auto;
    text-align: center;
}

.store-div.filter-store-div a:focus>p, .store-div.filter-store-div a:hover>p {
    background-color: #2d3e50!important;
    opacity: 1!important;
    visibility: visible;
}







.news-form form input{border-radius: 0; width: 450px; padding: 15px; height: 56px; }
.news-form form button{margin-bottom: 0!important;background-color: #3d00ff;border-radius: 3px;padding: 14px 37px;height: 56px;text-transform: uppercase;}
.newsletter-wrapp{padding: 50px 0px;} 


.top-selling-header{display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
.top-selling-header h4{text-transform: uppercase; font-weight: 600; font-size: 25px; margin-bottom: 19px; }
.top-selling-header a{color: #000; text-transform: uppercase; text-decoration: none; }
.top-selling-header a i{margin-left: 5px; }
.product-box{border: 1px solid #ccc; border-radius: 10px; margin: 3px; }
.store-detail{border-bottom: 1px solid #ccc; padding: 12px; }
.store-detail img{width: auto!important; display: block; margin: 0 auto; }
.product-detail{text-align: center; padding: 19px; }
.product-detail h3{font-size: 17px; border-bottom: 1px solid #ccc; padding: 10px; }
.product-detail p{font-size: 14px; }
.product-detail h5{font-weight: 600;font-size: 19px;}
.product-detail h5 del{color: #b9b8b8;font-size: 14px;margin-right: 5px;}
.product-detail h5 span{color: #f17431;font-size: 12px;margin-left: 5px;}
.product-detail a{display: block; background-color: #741fa2; color: #fff; text-decoration: none; padding: 10px; border: 2px solid #741fa2; margin: 26px 0px 0; }
.product-detail img{width: 60%!important; margin: 14px auto; }
.top-selling-wrapp{padding-bottom: 40px;}
.product-slider .owl-nav .owl-prev {position: absolute;left: -2px;top: 43%;opacity: 1;-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;background: #fff!important;width: 35px;cursor: pointer;height: 45px;position: absolute;display: block;z-index: 1000;border-radius: 0; border-radius: 5px;font-size: 22px;  box-shadow: 0px 0px 10px #ccc;}
.product-slider .owl-nav .owl-prev span {font-size: 1.6875rem; color: var(--color); }
.product-slider .owl-nav .owl-prev:focus {outline: 0; }
.product-slider .owl-nav .owl-prev:hover {background: #fff;color: var(--color);}
.product-slider .owl-nav .owl-next {position: absolute;right: -2px;top: 43%;opacity: 1;-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;background: #ffff!important;width: 35px;cursor: pointer;height: 45px;position: absolute;display: block;z-index: 1000;border-radius: 0;border-radius: 5px;font-size: 22px; box-shadow: 0px 0px 10px #ccc;}
.product-slider .owl-nav .owl-next span {font-size: 1.6875rem; color: var(--color); }
.product-slider .owl-nav .owl-next:focus {outline: 0; }
.product-slider .owl-nav .owl-next:hover {background: #fff;color: var(--color);}
.product-slider:hover .owl-prev {left: -2px;opacity: 1;}
.product-slider:hover .owl-next {right: -2px; opacity: 1; }
.product-slider .owl-nav{display: block!important;}

.how-it-head h5{
    font-weight: 700;
    font-size: 26px;
    margin-bottom: 12px;
}
.how-it-head p{
    font-size: 17px;
}
.how-it-box img{margin: 0 auto;
    display: block;
    margin-top: 10px;
    width: 6px;
        height: 68px;
    object-fit: cover;
  }
.how-it-box p{
    text-align: center;
    width: 65%;
    margin: 0 auto;
}
.how-it-work{padding-bottom: 50px;}
.how-it-inner{padding: 20px 280px;}

.conten-wrapp{padding-bottom: 60px;}
.content-inner-div p{font-size: 15px;}
.content-inner-div h5{
    margin-bottom: 15px;
}
.content-inner-div ol{
    list-style: lower-alpha;
}
.content-inner-div ol li{
    margin-bottom: 7px;
}
.location-right img{width: 100%;}
.location-left h3{
    font-size: 23px;
    margin-bottom: 28px;
    padding-top: 44px;
}
.location-left ul{
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
}
.location-left ul li{
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    width: 20%;
}
.location-left ul li img{
    width: 23%;
    margin-right: 10px;
}
.location-left ul li p{
    margin-bottom: 0;
}
/*========================collection sec css start===========================*/
.collection-wrapp{padding: 50px 0px;}
.collection-box img{width: 100%;}


/*========================footer sec css start===========================*/
.footer-about img{margin-bottom: 22px; }
.footer-about p{color: var(--white-color);font-size: 15px;font-family: 'Poppins', sans-serif;}
.footer-social{margin-top: 27px; }
.footer-social ul{padding-left: 0; margin-left: 0; list-style: none; display: flex; }
.footer-social ul li{margin-right: 16px; }
.footer-social ul li a{color: var(--white-color); font-size: var(--font-21); }
.footer-main{padding: 50px 0px; background-repeat: no-repeat; width: 100%; background-size: cover; }
.quick-links h4{color: var(--white-color);font-family: Rubik,'Helvetica','Arial',sans-serif;font-weight: var(--font-weight-600);margin-bottom: 18px;font-size: 17px;}
.quick-links ul{padding-left: 0px; margin-left: 0; list-style-type: none; margin-bottom: 0;}
.quick-links ul li{margin-bottom: 10px; }
.quick-links ul li a{font-family: 'Poppins', sans-serif; color: var(--white-color); text-decoration: none; font-size: var(--font-15); }
.footer-right{padding-left: 40px;}
.quick-links ul li:last-child{margin-bottom: 0px;}
.copyright{background-color: #7950bd;padding: 20px 0px;}
.copyright p{margin-bottom: 0; text-align: center; color: var(--white-color); font-family: 'Poppins', sans-serif; }
.copyright a{font-family: 'Poppins', sans-serif; color: var(--white-color); text-decoration: none;}
/*========================footer sec css end===========================*/



.popular-left{height: 270px;border-radius: 6px;box-shadow: 0 3px 12px 0 rgb(2 3 5 / 7%);border: solid 1px #e7e7e7;padding: 0px;box-sizing: border-box;transition: all .3s ease;text-align: center;display: flex;justify-content: center;align-items: center;}


.popular-left p{font-weight: 500;color: #7b7b7b;font-size: 16px;border-bottom: 1px solid #d8d8d8;position: unset;left: 12px;padding-bottom: 12px;top: 19px;width: 100%;/* width: calc(100% - 24px); */margin: 0 auto 26px;}

.popular-left  h6{bottom: 12px;/* width: 90%; *//* width: calc(100% - 24px); */top: auto;color: #000;height: 40px;font-size: 13px;border-radius: 4px;border: solid 1px #741fa2;padding: 12px 12px;box-sizing: border-box;text-align: center;margin-top: 20px;}

.popular-store-wrapp{padding: 20px 0px;}
.popular-store-wrapp h3{text-transform: uppercase;font-weight: 600;margin-bottom: 32px;font-size: 20px;font-family: 'Lato', sans-serif;padding-left: 24px;}

.withou-carousel .store-div a{width: 100%;}






#store-slide .owl-nav .owl-prev {position: absolute;left: 8px;top: 37%;opacity: 1; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; background: #ffff; width: 40px; cursor: pointer; height: 40px; position: absolute; display: block; z-index: 1000; border-radius: 0; border-radius: 5px; font-size: 22px; box-shadow: 0px 0px 10px #ccc; border-radius: 50%;}





#store-slide .owl-nav .owl-next:hover {background: #fff;color: var(--color);}






#store-slide .owl-dots{justify-content: var(--justify-center);margin-top: 30px;margin-bottom: 30px;position: absolute;display: block;bottom: -66px;right: 0;left: 0;text-align: center;}








.news-form form input{border-radius: 0; width: 450px; padding: 15px; height: 56px; }
.news-form form button{margin-bottom: 0!important;background-color: #711f9d;border-radius: 3px;padding: 14px 37px;height: 56px;text-transform: uppercase;}
.newsletter-wrapp{padding: 50px 0px;} 


.top-selling-header{display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
.top-selling-header h4{text-transform: uppercase;font-weight: 600;padding-left: 24px;font-size: 20px;font-family: 'Lato', sans-serif;margin-bottom: 19px;}
.top-selling-header a{color: #000; text-transform: uppercase; text-decoration: none; }
.top-selling-header a i{margin-left: 5px; }
.product-box{border: 1px solid #ccc; border-radius: 10px; margin: 3px; }
.store-detail{border-bottom: 1px solid #ccc; padding: 12px; }
.store-detail img{width: auto!important; display: block; margin: 0 auto; }
.product-detail{text-align: center;padding: 0px 10px 19px;}
.product-detail h3{font-size: 17px; border-bottom: 1px solid #ccc; padding: 10px; }
.product-detail p{font-size: 14px;height: 40px;font-family: 'Lato', sans-serif !important;overflow: hidden;}
.product-detail h5{font-weight: 600;font-size: 19px;}
.product-detail h5 del{color: #b9b8b8;font-size: 14px;margin-right: 5px;}
.product-detail h5 span{color: #f17431;font-size: 12px;margin-left: 5px;}
.product-detail a{display: block;background-color: #741fa2;color: #fff;text-decoration: none;padding: 5px;border: 2px solid #741fa2;margin: 26px 0px 0;width: 60%;text-align: center;margin: 0 auto;margin-top: 30px;}
.product-detail img{width: 50%!important;margin: 14px auto;}
.top-selling-wrapp{padding-bottom: 40px;}
.product-slider .owl-nav .owl-prev {position: absolute;left: -5px;top: 43%;opacity: 1;-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;background: #fff!important;width: 35px;cursor: pointer;height: 45px;position: absolute;display: block;z-index: 1000;border-radius: 0; border-radius: 5px;font-size: 22px;  box-shadow: 0px 0px 10px #ccc;}
.product-slider .owl-nav .owl-prev span {font-size: 1.6875rem; color: var(--color); }
.product-slider .owl-nav .owl-prev:focus {outline: 0; }
.product-slider .owl-nav .owl-prev:hover {background: #fff;color: var(--color);}
.product-slider .owl-nav .owl-next {position: absolute;right: -5px;top: 43%;opacity: 1;-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;background: #ffff!important;width: 35px;cursor: pointer;height: 45px;position: absolute;display: block;z-index: 1000;border-radius: 0;border-radius: 5px;font-size: 22px; box-shadow: 0px 0px 10px #ccc;}
.product-slider .owl-nav .owl-next span {font-size: 1.6875rem; color: var(--color); }
.product-slider .owl-nav .owl-next:focus {outline: 0; }
.product-slider .owl-nav .owl-next:hover {background: #fff;color: var(--color);}
.product-slider:hover .owl-prev {left: -5px;opacity: 1;}
.product-slider:hover .owl-next {right: -5px; opacity: 1; }
.product-slider .owl-nav{display: block!important;}

.how-it-head{text-align: center;margin-bottom: 60px;}
.how-it-head h5{font-weight: 700; font-size: 26px; margin-bottom: 12px; }
.how-it-head p{font-size: 17px; }
.how-it-box img{margin: 0 auto; display: block; margin-top: 10px; width: 6px; height: 68px; object-fit: cover; }
.how-it-box p{text-align: center; width: 65%; margin: 0 auto; }
.how-it-work{padding-bottom: 50px;}
.how-it-inner{padding: 20px 80px;}
.conten-wrapp{padding-bottom: 60px;}
.content-inner-div p{font-size: 15px;}
.content-inner-div h5{margin-bottom: 15px; }
.content-inner-div ol{list-style: lower-alpha; }
.content-inner-div ol li{margin-bottom: 7px; }
.location-right img{width: 100%;}
.location-left h3{margin-bottom: 28px;padding-top: 44px;font-weight: 600;padding-left: 24px;font-size: 20px;font-family: 'Lato', sans-serif;}
.location-left ul{margin-left: 0;padding-left: 24px;padding-left: 24px;list-style-type: none;display: flex;flex-wrap: wrap;}
.location-left ul li{display: flex; align-items: center; margin-bottom: 30px; width: 20%; }
.location-left ul li img{width: 50px; margin-right: 10px; }
.location-left ul li p{margin-bottom: 0; }
.location-left ul li a{color: #000; text-decoration: none;}


/*------------------------- Breadcrumb Styles --------------------------*/
 .axil-breadcrumb-area {position: relative;background: #332151;padding: 40px 0 45px;}
 .axil-breadcrumb-area .inner .title {font-size: 37px; margin-bottom: 0; color: #fff; }
 .axil-breadcrumb-area .inner .bradcrumb-thumb {text-align: right; position: relative; z-index: 1; }
 .axil-breadcrumb-area .inner .bradcrumb-thumb::after {content: ""; height: 110px; width: 110px; background-color: var(--color-white); border-radius: 50%; position: absolute; top: -10px; right: 60px; z-index: -1; }
 .axil-breadcrumb {display: flex;padding: 0;margin: 0 0 7px;list-style: none;align-items: center;}
 .axil-breadcrumb li {margin-top: 0;margin-bottom: 0;font-size: var(--font-size-b1);line-height: var(--line-height-b1);font-weight: unset !important;}
 .axil-breadcrumb li a {color: #fff; display: block; text-decoration: none; }
 .axil-breadcrumb li.axil-breadcrumb-item.active {color: #fff; }
 .axil-breadcrumb li.separator {height: 11px; width: 2px; background-color: #e5e5e5; margin: 0 8px; }
 /*------------------------- About Us start--------------------------*/
 @media only screen and (max-width: 991px) {
   .axil-about-area .about-thumbnail {margin-bottom: 50px; text-align: center; } }
 @media only screen and (max-width: 767px) {
   .axil-about-area .about-thumbnail {margin-bottom: 40px; } }
 .axil-about-area .about-thumbnail img {border-radius: 10px; width: 100%; }
 .axil-about-area .about-content .title {margin-bottom: 24px; line-height: 1.2; font-size: 28px; color: #000; }
 .axil-about-area .about-content .text-heading {font-size: 15px; margin-bottom: 22px; display: block; text-align: justify; }
 .axil-about-area .about-content p {font-size: var(--font-size-b2); margin-bottom: 34px; }
 .axil-about-area .about-content.content-right {padding-left: 50px; }
 .axil-about-area .about-content.content-left {padding-right: 60px; }
 .axil-about-area.about-style-2 {padding-top: 80px; }
 @media only screen and (max-width: 767px) {
   .axil-about-area.about-style-2 {padding-top: 60px; }
}
 .axil-about-area.about-style-2 .about-content .subtitle {font-size: 14px; margin-bottom: 5px; display: block; }
 .axil-about-area.about-style-2 .about-content .title {font-size: 40px; }
 .axil-about-area.about-style-2 .about-content .axil-btn {border-color: #efefef; }
 .axil-about-area.about-style-2 .about-content .axil-btn:hover {border-color: var(--color-primary); }
 .about-info-area {position: relative; z-index: 1; }
 .about-info-area:after {content: ""; height: 50%; width: 100%; background-color: #f6f6f6; position: absolute; left: 0; right: 0; bottom: 0; z-index: -1; }
 .about-info-box {box-shadow: 0 16px 32px 0 rgba(0, 0, 0, .04);padding: 40px 50px;border: 1px solid #fff;border-radius: 5px;background-color: #fff;transition: var(--transition);margin-bottom: 30px;}
 .about-info-box .thumb {margin-bottom: 26px; }
 .about-info-box .content .title {margin-bottom: 12px; font-weight: 700; }
 .about-info-box .content p {font-size: var(--font-size-b2); }
 .about-info-box:hover {border-color: var(--color-primary); }
 .about-style-3 {padding: 80px 0 0; margin-bottom: -20px; }
 .about-style-3 .section-title-wrapper {padding-right: 0; }
 .about-style-3 .section-title-wrapper .title {margin-bottom: 10px; }
 .about-features {margin-bottom: 50px; }
 .about-features .sl-number {font-size: 40px; font-weight: 700; color: var(--color-lightest); margin-bottom: 10px; }
 .about-features .title {margin-bottom: 10px; }
 .about-gallery .thumbnail {margin-bottom: 20px; }
 .about-gallery .thumbnail img {border-radius: 6px; width: 100%; }
 .about-gallery .thumbnail.thumbnail-1 {margin-top: 30px; }
 @media only screen and (max-width: 991px) {
   .about-gallery .thumbnail.thumbnail-1 {margin-top: 0; }
}
.about-style-1{padding: 50px 0px;}
.title-highlighter {margin-bottom: 15px; display: block; font-size: 21px; font-weight: 500; }
.title-highlighter i{color: #741fa2; padding-right: 11px; font-size: 24px; }
 /*------------------------- About Us end--------------------------*/

 


.category-wrapp{padding: 50px 0px;}
.category-wrapp .top-cat-box{box-shadow: 0px 0px 10px #ccc; margin-bottom: 30px;}
.category-wrapp .top-cat-box h6{margin-top: 20px;}
.category-wrapp .top-cat-box:hover h6{color: #fff;}

.collection-div img{width: 100%;}
.collection-div{margin-bottom: 30px;}


.contact-banner-div{    padding-top: 11px;
    padding-bottom: 0px;  box-shadow: unset;}

.contact-left{
    margin-top: 0px;
    background-color: #fff;
    padding: 40px;
    box-shadow: 0px 0px 10px #ccc;
}
.contact-left h5{
    font-size: 26px;
    color: #000;
    font-weight: 600;
    letter-spacing: 0px;
    margin-bottom: 15px;
}
.contact-left h2{
    font-size: 30px;
    margin-bottom: 14px;
}
.contact-left h6{
    font-size: 15px;
    margin-bottom: 50px;
}
.contact-left form{}
.contact-left form label{
    font-family: 'Poppins', sans-serif;
    margin-bottom: 8px;
    font-size: 15px;
}
.contact-left form input{
    margin-bottom: 15px;
    padding: 10px;
    border-radius: 1px;
}
.contact-left form textarea{
    height: 150px;
}
.contact-left form button{
    border: 2px solid #741fa2;
    border-radius: 0;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 11px 21px;
    margin-top: 32px;
    margin-bottom: 30px;
}
.contact-left p{
    font-size: 17px;
}

.contact-right-div{
    padding: 35px 20px;
}
.contact-right-div h5{
    font-size: 25px;
    color: #000;
    font-weight: 600;
    letter-spacing: 0px;
    margin-bottom: 23px;
    text-transform: uppercase;
}
.contact-right-div ul{
    padding-left: 0px;
    list-style-type: none;
    margin-left: 0px;
}
.contact-right-div ul li{
    display: flex;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 20px;
    align-items: center;
}
.contact-right-div ul li p{
    font-family: 'Poppins', sans-serif;
    margin-bottom: 0;
}
.contact-right-div ul li i{
    margin-right: 12px;
    font-size: 25px;
    color: #741fa2;
}

.contact-page-wrapp{padding: 50px 0px;}


.error-page{text-align: center;}
.error-page-inner { max-width: 100%; width: 100%; position: relative; }
.error-page-inner > h1 {display: inherit; font-size: 200px; color: #292929; font-weight: 700; margin-bottom: 20px; }
.error-page-inner > h1 > i{color: #332151;}
.error-page-inner span{font-size: 25px; margin-bottom: 22px; display: block;}
.error-button a{color: #fff;font-size: 17px;line-height: 15px;font-weight: 700;font-style: normal;text-decoration: none;background-color: unset;border-color: #332151;border-style: solid;border-width: 2px 2px 2px 2px;border-radius: 4px;padding: 16px 59px;background-color: #332151;}
.error-button a:hover{background-color: #292929;color: #fff;border-color: #292929;}
.error-button{margin-top: 46px;margin-bottom: 50px;}
.thankyou h1{display: inherit; font-size: 131px; color: #292929; font-weight: 700; margin-bottom: 20px; margin-top: 52px; }



.faq-wrapper{padding: 70px 0px;}
.faq-inner-div .accordion-item{margin-bottom: 20px; border: 1px solid rgba(0,0,0,.125)!important;background-color: #fff;box-shadow: 0px 0px 10px #ccc!important;padding: 14px 22px;}
.faq-inner-div  .accordion-button:not(.collapsed) {
    color: #000!important;
    background-color: #fff!important;
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);

}

.product-list-wrapp{padding: 20px 0px;}
.product-list-wrapp .product-box{margin-bottom: 30px;}


.sidebar-inner{background-color: #fff;margin-bottom: 20px;box-shadow: 0 3px 6px rgb(0 0 0 / 16%);padding: 29px 29px 0px;}
.side-head{display: flex;justify-content: space-between;align-items: center;margin-bottom: 18px;}
.side-head h4{font-family: 'Poppins', sans-serif;margin-bottom: 0px;text-transform: uppercase;font-weight: 600;font-size: 15px;}
.side-head a{font-family: 'Poppins', sans-serif;color: #ff3f6c;text-decoration: none;}



.filter-start{font-family: 'Poppins', sans-serif;}
.filter-start ul{font-family: 'Poppins', sans-serif;margin-left: 0px;padding-left: 0px;list-style-type: none;}
.filter-start ul li{font-family: 'Poppins', sans-serif;border-top: 1px solid #ccc;padding: 20px 0px 20px;}
.filter-start ul li h3{font-family: 'Poppins', sans-serif;font-size: 17px;text-transform: uppercase;font-weight: 700;margin-bottom: 18px;}
.filter-start ul li label{font-family: 'Poppins', sans-serif;}
.filter-start ul li input{font-family: 'Poppins', sans-serif;}
.filter-start a{font-family: 'Poppins', sans-serif;color: #ff3f6c;text-decoration: none;font-size: 17px;padding-left: 24px;margin-top: 7px;display: inline-block;}
.custom-checkbox{margin-bottom: 10px;}


.container-check {display: block; position: relative; padding-left: 30px; margin-bottom: 12px; cursor: pointer; font-size: 16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; align-items: center; }
/* Hide the browser's default checkbox */
.container-check input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
/* Create a custom checkbox */
.checkmark {position: absolute; top: 0; left: 0; height: 21px; width: 21px; background-color: unset; border: 1px solid #ccc; border-radius: 4px; }
/* On mouse-over, add a grey background color */
.container-check:hover input ~ .checkmark {background-color: #ccc; }
/* When the checkbox is checked, add a blue background */
.container-check input:checked ~ .checkmark {background-color: #26357a;}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {content: ""; position: absolute; display: none; }
/* Show the checkmark when checked */
.container-check input:checked ~ .checkmark:after {display: block; }
/* Style the checkmark/indicator */
.container-check .checkmark:after {left: 7px; top: 3px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.container-check small{
    padding-left: 7px;
    color: #ccc;
    font-size: 13px;
}
.colo-div{
    width: 20px;
    height: 21px;
    border-radius: 50px;
    background-color: green;
    margin-right: 8px;
    border: 1px solid #ccc;
}


/*===============================blog page section css start================================*/
.blog-content a.blog-read:hover{background-color: #dd2839;color: #000;border-color: #dd2839;}
.blog-headings p{padding: 0% 27%;}
.blog-content{padding: 15px;}
.blog-headings{text-align: center; padding-bottom: 40px;}
.blog-headings h5{color: #00E5CC;font-size: 18px;font-weight: 500;text-transform: uppercase;margin-bottom: 13px;}
.blog-headings h2{color: #000E44;font-size: 42px;font-weight: 700;/* text-transform: uppercase; */margin-bottom: 14px;}
.blog-headings p{color: #848E9F; font-size: 16px; font-weight: 400;}
.home-blog-image img{width: 100%;border-radius: 10px;border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.blog-category{color: #848E9F;font-size: 16px;font-weight: 400;position: absolute;bottom: 10px;right: 10px;background-color: #731a17;padding: 5px 23px;border-radius: 50px;color: #fff;box-shadow: 0px 0px 10px #fff;}
.blog-category a{color: #fff;}
.home-blog-image{position: relative; margin-bottom: 15px;}
.blog-date {color: #000;font-size: 14px;font-weight: 500;margin-left: 20px;}
.blog-feat{margin-top: 10px;margin-bottom: 9px;}
.blog-date:first-child{margin-left: 0px;}
.blog-date i{color: #dd2839;}
.blog-content h4 a{color: #000;font-weight: 700;font-size: 16px;text-decoration: none;line-height: 15px;}
.blog-content p{color: #000;font-size: 15px;font-weight: 400;}
.blog-content a.blog-read{color: #fff;font-size: 15px;background-color: #dd2839;padding: 8px 16px;display: inline-block;margin-top: 7px;border-radius: 0;text-decoration: none;margin-bottom: 12px;}
.blog-content a.blog-read i{margin-left: 5px;font-size: 14px;}
.blog-wrapper{padding: 70px 0px 0px;}
.blog-page{margin-bottom: 30px;background-color: #fff;/* padding: 15px; */border-radius: 10px;box-shadow: 0 2px 20px rgb(0 0 0 / 15%);}
.blog-content h4{line-height: 22px;margin-bottom: 14px;}

/*=================================blog page section css end==============================*/

/*=================================Blog detail section css start==================================*/
.blog-detail-page-title h3{font-size: 24px; text-align: center; margin-bottom: 30px; color: #000E44; font-weight: 600; }
.blog-detail-image img{width: 100%;height: 370px;max-height: 370px;object-fit: cover;}
.blog-detail-image{position: relative;}
.blog-detail-title h1{color: #000E44;text-decoration: none;font-size: 33px;margin-top: 10px;font-weight: 600;margin-bottom: 15px;}
.blog-detail-title h2{color: #000E44;text-decoration: none;font-size: 29px;margin-top: 10px;font-weight: 600;margin-bottom: 15px;}
.blog-detail-title h3{color: #000;text-decoration: none;font-size: 22px;margin-top: 10px;font-weight: 700;margin-bottom: 15px;}
.blog-detail-title h4{color: #000E44;text-decoration: none;font-size: 24px;margin-top: 10px;font-weight: 600;margin-bottom: 15px;}
.blog-detail-title h5{color: #000E44;text-decoration: none;font-size: 22px;margin-top: 10px;font-weight: 600;margin-bottom: 15px;}
.blog-detail-title h6{color: #000E44;text-decoration: none;font-size: 20px;margin-top: 10px;font-weight: 600;margin-bottom: 15px;}
.blog-detail-title{margin-top: 20px;}
.blod-detail-description p{text-align: justify;font-size: 15px;font-weight: 400;color: #000;}
.blod-detail-description{margin-top: 13px;}
.blog-detail-wrapper .widget {margin-bottom: 0px;padding: 30px;background-color: #fff;border-radius: 10px;position: relative;/* box-shadow: 0 0 20px rgb(0 0 0 / 7%); */}
h2.widget-title, h2.widgettitle {font-size: 24px;font-size: 25px;padding-bottom: 18px;margin-bottom: 30px;position: relative;color: #000;font-weight: 700;}
.blog-detail-wrapper .widget-title:after{position: absolute;content: '';width: 63px;height: 2px;background-color: #dd2839;bottom: 6px;left: 0;}
#secondary .widget ul {margin: 0; padding-left: 0; list-style-type: none; }
.blog-detail-wrapper .widget ol li, .blog-detail-wrapper .widget ul li {padding: .72rem 0; border-bottom: 1px solid #e8ecef; border-top: 1px solid #e8ecef; list-style-type: none; padding-left: 0; display: flex; justify-content: space-between; }
.blog-detail-wrapper .widget_categories ul{padding-left: 0;}
.blog-detail-wrapper .widget ol li:first-child, .blog-detail-wrapper .widget ul li:first-child {border-top: none; padding-top: 0; }
#secondary .widget ul li {position: relative; }
.blog-detail-wrapper .widget_categories li a {display: flex; color: #000!important; font-size: 17px; text-decoration: none; }
.blog-detail-wrapper .widget_categories li a i {display: flex; color: #000!important; padding-left: 20px; font-size: 19px; padding-right: 14px; padding-top: 7px; }
.blog-detail-wrapper .widget_recent_entries img {margin-right: 17px; height: 74px; max-width: 75px; display: block; object-fit: cover; border-radius: 10px; }
.blog-detail-wrapper .widget_recent_entries li.item-recent-post .title-post {display: flex; flex-direction: column; }
.blog-detail-wrapper .widget_recent_entries li.item-recent-post a {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;line-height: 1.3;max-height: 2.6em;margin-bottom: .5em;font-size: 17px;color: #000;text-decoration: none;font-weight: 600;}
.blog-detail-wrapper .widget_recent_entries .post-date {display: block;font-size: 14px!important;font-size: .6875rem;color: #dd2839;text-transform: uppercase;}
.blog-detail-wrapper .widget_recent_entries ul{padding-left: 0px;}
.feat_blog_con p span {color: #dd2839;font-size: 15px;margin-right: 17px;font-weight: 400;}
.feat_blog_con p span a {color: #848e9f;font-size: 15px;margin-right: 17px;font-weight: 400; text-decoration: none;}
.blog-detail-image{position: relative;}
.blog-detail-image img{border-radius: 10px;}
.blog-detail-image .blog-detail-cat{font-size: 16px;font-weight: 400;position: absolute;bottom: 10px;right: 10px;background-color: #721915;padding: 5px 23px;border-radius: 50px;color: #fff;box-shadow: 0px 0px 10px #fff;}
.blog-detail-image .blog-detail-cat a{color: #fff; text-decoration: none;}


.gaurav-product-class{
  display: inline-block;
    width: 100%;
    height: 150px;
    vertical-align: middle;
    line-height: 150px;
    font-size: 32px;
    text-align: center;
    border: 3px dashed #1c87c9;
    margin:14px auto !important;
}

.gaurav-product-class-img{
  height:150px;
}



.career-box{display: flex;justify-content: center;align-items: center;width: 100%;height: 200px;border: 2px solid #ccc;text-align: center;padding: 1px;}
.career-box-inner i{font-size: 70px;color: #095797;margin-bottom: 20px;}
.career-box-inner h3{font-size: 25px;font-weight: 600;color: #095797;margin-bottom: 16px;}
.career-main-head{text-align: center; margin-bottom: 60px;}
.career-main-head h3{color: #095797;font-weight: 700;text-transform: uppercase;font-size: 28px;}
.career-main-wrap{padding: 100px 0px 60px;margin-bottom: 100px;}
.career-box-inner h5{color: #000;}
.career-box{margin-bottom: 35px;}
.main-career-link:hover .career-box{background-color: #095797;}
.main-career-link:hover .career-box-inner i{color: #fff;}
.main-career-link:hover .career-box-inner h3{color: #fff;}
.main-career-link:hover .career-box-inner h5{color: #fff;}
.main-career-link{text-decoration: none;}
.browse-category{text-align: center;}
.browse-category a{color: #fff;text-decoration: none;background-color: #085696;padding: 15px 30px;display: inline-block;margin-top: 19px;font-size: 18px;}
.how-career-image img{width: 100%; margin-bottom: 70px;}
.how-career-head{text-align: center; margin-bottom: 50px;}
.how-career-head h3{color: #095797;font-weight: 700;text-transform: uppercase;font-size: 28px;}
.career-main-wrap{background-color: #f4f4f4;}
.career-feat-box{display: flex;border-width: 2px 2px 2px 17px;border-style: solid;border-color: #ccc;padding: 15px;align-items: center;margin-bottom: 40px;}
.career-feat-img img{max-width: 260px;max-height: 200px;object-fit: cover;}
.career-feat-content{width: 68%;padding: 0px 40px;}
.career-feat-content h3{color: #085696;font-weight: 800;font-size: 20px;margin-bottom: 1px;}
.career-feat-content h5{font-size: 17px;font-weight: 600;margin-bottom: 1px;}
.career-feat-content p{color: #878585;font-size: 13px;}
.career-feat-content ul{padding-left: 0px;list-style-type: none;display: flex;}
.career-feat-content ul li{margin-right: 21px;color: #878585;font-weight: 500;font-size: 12px;}
.career-feat-content ul li i{color: #063f6e;font-size: 14px;margin-right: 8px;}
.browse-jobs{text-align: center;width: 32%;display: flex;justify-content: center;align-items: center;}
.browse-jobs a{border: 2px solid #063f6e;padding: 4px 26px;color: #063f6e;text-decoration: none;font-size: 17px;display: inline-block;}
.career-feat-head{margin-top: 50px;}
.career-feat-head h4{font-size: 36px;font-weight: 700;margin-bottom: 30px;}
.career-feat-content p a{color: #095797; text-decoration: none;}
.tech-det-main{background-color: #fff;box-shadow: 0px 0px 10px #ccc;width: 80%;padding: 15px;margin-top: -120px;position: relative;}
.tech-det-main ul{display: flex;justify-content: space-between;list-style-type: none;margin-bottom: 0;padding: 13px 21px;}
.tech-det-main ul li{color: #095696;font-size: 22px;font-weight: 600;display: flex;position: relative;padding: 21px 0px;}
.tech-det-main ul li i{margin-right: 12px;font-size: 40px;}
.tech-det-main ul li:after{content: '';width: 1px;height: 100%;background-color: #d3d3d3;position: absolute;right: -31px;top: 0;}
.tech-det-main ul li:last-child:after{display: none;}
.tech-form-inner img{width: 100%;}
.tech-detail-form{padding: 30px 0px 6px;}
.tech-det-form-main{box-shadow: 0px 0px 10px #ccc;}
.tech-form-right{background-color: #fff; /* padding: 50px; */ height: 100%;}
.tech-form-right-inner form input{border: none;border-bottom: 3px solid #085696;border-radius: 0;margin-bottom: 25px;padding: 33px 7px;}
.tech-form-right-inner form textarea{border: none;
    border-bottom: 3px solid #085696;
    border-radius: 0;
    margin-bottom: 55px;
    padding: 33px 7px;height: 150px;}
.tech-form-right-inner form button{background-color: #085696;color: #fff;border: none;padding: 15px 26px;font-size: 21px;}
.tech-form-right{display: flex;justify-content: center;align-items: center;width: 100%; padding: 0px 50px;}
.tech-form-right-inner{width: 100%;}
.tech-form-inner{position: relative;}
.tech-form-inner h2{position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;font-size: 56px;color: #fff;font-weight: 900;text-align: center;display: flex;justify-content: center;align-items: center;height: 100%;}
.tech-choose-right img{width: 100%;}

.tech-choose-head-main h2.tech-choose-head{margin-bottom: 56px;color: #085696; font-weight: 700;font-size: 37px;text-align: center;}

.tech-choose-us{padding: 70px 0px 50px;background-color: #f4f4f4;margin-top: 50px;}
.gaurav-class-anchor{
  color:#a19c9c;
  font-size: 13px;
}

.domain-main-cta{background-color: #fff;box-shadow: 0px 0px 10px #ccc;padding: 40px;display: flex;align-items: center;height: 100%;margin: 100px 0px;}
.domain-cat-content p{margin-bottom: 0;font-size: 15px;color: #000;}
.domain-cta-button{text-align: center;}
.domain-cta-button a{background-color: #095696;color: #fff;text-decoration: none;padding: 12px 46px;font-size: 18px;display: inline-block;}
.domain-detail-box{background-color: #fff;border: 1px solid #ccc;text-align: center;padding: 15px;height: 220px;margin-bottom: 30px;}
.domain-detail-box h4{font-size: 15px;margin-top: 10px;color: #095696;font-weight: 700;}
.domain-listing-padd{padding: 0px;}
.domain-detail-listing-wrap{padding: 70px 0px 70px;}
.domain-list-main-cta{background-repeat: no-repeat;background-size: cover;padding: 60px;}
.domain-list-cta-content{padding-left: 35px;}
.domain-list-cta-inner-content{text-align: right;}
.domain-list-cta-inner-content h5{color: #fff;font-size: 31px;font-weight: 600;margin-bottom: 30px;}
.domain-list-cta-inner-content p{color: #fff;}
.domain-form-left{background-color: #fff;width: 100%;padding: 28px;border-radius: 13px;}
.domain-hire-main{background-color: #fff;padding-top: 90px;}
.domain-hire-main p{color: #000; }
.domain-hire-main a{background-color: #095696;color: #fff;padding: 13px 42px;}

.domain-form-left h4{margin-bottom: 27px;font-weight: 600;font-size: 16px;}
.domain-form-left form .form-group{position: relative;margin-bottom: 30px;}
.domain-form-left form .form-group label{ position: absolute; top: -8px; background-color: #fff; padding: 0px 15px;left: 23px;font-size: 14px;}

.domain-form-left form .form-group input{padding: 21px 21px 12px;font-size: 15px;}
.cta-submit-button{text-align: center;}

.career-find-job{
    border-width: 2px 2px 2px 17px;
    border-style: solid;
    border-color: #ccc;
    padding: 30px;
    margin-bottom: 40px;
}
.career-find-inner h4{
    color: #063f6e;
    font-weight: 700;
    font-size: 27px;
    margin-bottom: 15px;
}
.career-find-inner h5{
    color: #000;
    font-size: 23px;
    font-weight: 500;
}
.career-find-inner p{
    font-size: 21px;
    color: #000;
    font-weight: 500;
}
.career-find-inner a{
    display: inline-block;
    /* background-color: #063f6e; */
    color: #063f6e;
    text-decoration: none;
    padding: 8px 29px;
    font-size: 20px;
    margin: 10px 0px;
    border: 2px solid #063f6e;
    font-weight: 600;
}

.career-detail-right{}
.career-detail-right h3{
    margin-bottom: 27px;
    font-size: 24px;
    font-weight: 700;
    color: #085696;
}

.career-find-inner h5 i{
    color: #063f6e;
    margin-right: 10px;
}
.career-detail-wrap{padding: 100px 0px 50px;}
.career-detail-left{}
.career-detail-left h2{
    font-size: 31px;
    font-weight: 800;
    color: #095797;
    margin-bottom: 20px;
}
.career-detail-left h2 i{
    margin-right: 9px;
}
.career-detail-left h3{
    font-weight: 700;
    color: #095797;
    margin-bottom: 18px;
    margin-top: 40px;
    font-size: 25px;
}
.career-detail-left ul{
    padding-left: 0;
    list-style-type: none;
}
.career-detail-left ul li{
    color: #000;
    font-size: 15px;
    margin-bottom: 16px;
    font-weight: 500;
    position: relative;
}
.career-detail-left ul li:before{content: '\f111';color: #063f6e;font-family: 'Font Awesome 5 Free';font-weight: 600;font-size: 8px;margin-right: 10px;}

.career-detail-left p{color: #000; font-size: 16px;}

.career-detail-profile-main{background-color: #095696; padding: 65px 0px;}
li.go-alpha {
   
   display: inline-block;
}
li.go-alpha a:hover {
  color:white;
  background-color: blue;
}
li.go-alpha a {
  padding-top: 4px;
    font-size: 14px;
    width: 30px;
    height: 30px;
    border: 1px solid #9b9b9b;
    border-radius: 50%;
    display: inline-block;
    /* place-items: center; */
    margin-left: 0.5rem;
    margin-bottom: 8px;
    background: #f5f5f5;
    cursor: pointer;
    text-align: center;
    vertical-align: center;
    top: 10px;
    color:black;
    text-decoration: none;
    display: block;
    color:black;
    text-decoration: none;
}
.store-div1 a{
      display: inline-block;
    position: relative;
    text-align: center;
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    overflow: hidden;
    width: 94%;
    height: 75px;
    line-height: 28px;
    margin-bottom: 10px;
    text-decoration: none;
    color:black;
    font-size: 14px;
}




.cbtn {background: #e5e5e5; width: 245px; border-radius: 2px; height: 44px; line-height: 40px; position: relative; border: 1.5px dashed #979797; z-index: 1; display: block; text-decoration: none; }
.cbtn>span{text-align: right; color: #000; font-weight: 700; padding-right: 18px; position: relative; display: block; }
.cbtn>div {transition: all .3s ease;position: absolute;left: -2px;top: -2px;height: 44px;background: #332151;font-size: 13px;font-weight: 700;width: 211px;color: #fff;box-shadow: 0 2px 4px 0 rgb(157 157 157 / 50%);border-radius: 20px 2px 2px 4px;line-height: 43px;text-align: left;padding-left: 24px;}
.coupon-top-div{display: flex; justify-content: space-between; align-items: center; }
.coupon-detail h2{font-weight: 600; font-size: 25px; }
.coupon-detail h2 span{font-weight: 400;font-size: 19px;}
.coupon-detail p a{color: #000; text-decoration: none; font-size: 15px; padding-top: 10px; display: inline-block; }
.coupon-detail p{width: 100%;}
.coupon-detail{width: 75%;}
.coupon-div-main{background-color: #fff; box-shadow: 0px 0px 10px #ccc; padding: 20px; }
.coupon-div-inner{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 13px 0px 0px;
}
.coupon-div-inner ul{
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 0;
    display: flex;
}
.coupon-div-inner ul li{
    margin-right: 19px;
}
.coupon-div-inner ul li a{
    color: #5a5a5a;
    font-size: 14px;
    text-decoration: none;
}
.coupon-div-inner ul li a i{}
.coupon-share a{}
.coupon-share a i{
    color: #000;
    font-size: 15px;
}
.related-cop-box h3{font-size: 25px;}

.coupon-bottom-div{
    border-top: 1px solid #ccc;
}
.coupon-extra{display: none;background-color: #f4f4f4;padding: 17px;}
.coupon-extra.open{display: block;}
.coupon-comment{display: none;background-color: #f4f4f4;padding: 17px;}
.coupon-comment.open{display: block;}
.coupon-extra ul{padding-left: 0px; list-style-type: none; }
.coupon-extra ul li{font-size: 14px; margin-bottom: 4px; }
.coupon-comment form{width: 100%; display: flex; justify-content: space-between; }
.coupon-comment form input{width: 100%; border-radius: 0; }
.coupon-comment form button{background-color: #000; border: none; border-radius: 0; }
.input-col{width: 88%;}

.coupon-div-show{display: none;}
.offer-div-show{display: none;}
.product-div-show{display: none;}
.coupon-div-show.open{display: block;}
.offer-div-show.open{display: block;}
.product-div-show.open{display: block;}
.all{display: none;}
.all.open{display: block;}


.tab-buttons ul{padding-left: 0px; list-style-type: none; display: flex; margin-bottom: 0px;}
.tab-buttons ul li{margin-right: 10px; }
.tab-buttons ul li a{text-decoration: none;color: #fff;font-size: 15px;width: 113px;border:1px solid #fff;text-align: center;padding: 5px;display: block;}
.alix-store-detail{height: 200px;     padding: 5px 0 45px;}
 .gm-mri {width: 100%;height: 190px;line-height: 190px;position: relative;top: 0px;display: inline-block;/* box-shadow: 0px 1px 5px #ccc; */background-color: #fff;box-shadow: 0px 0px 2px #ccc;}
.gm-mri>img {vertical-align: middle;width: auto;max-height: 100%;top: 50%;position: absolute;left: 50%;transform: translate(-50%,-50%);max-width: 250px;}
.gm-mri:hover>span {opacity: 1; }
.gm-mri>span {position: absolute; top: 0; left: 0; background: rgba(255,255,255,.9); width: 100%; color: #373737; font-size: 14px; cursor: pointer; opacity: 0; height: 100%; font-weight: 700; transition: all .3s ease; text-align: center; box-shadow: 0px 0px 10px #ccc; }
.store-side-tab{margin-top: 20px;}
 .tab-store-head{display: flex;justify-content: space-between;padding-top: 15px;}
.tab-heading-store h2{color: #fff; font-size: 23px; }
.tab-heading-store ul{padding-left: 0; list-style-type: none; display: flex; }
.tab-heading-store ul li{margin-right: 23px;color: #ccc;font-size: 17px;position: relative;}
.tab-heading-store ul li i{color: #8db654; margin-right: 5px;}
.tab-heading-store ul li:after{content: '|';position: absolute;right: -14px;font-size: 20px;top: -6px;}
.tab-heading-store ul li:last-child:after{display: none;}
.tab-rating-store ul{padding-left: 0; list-style-type: none; display: flex; }
.tab-rating-store ul li{margin-right: 25px; display: flex; align-items: center; position: relative; }
.tab-rating-store ul li:after{content: '';position: absolute;right: -16px;font-size: 20px;top: 0px;border-right: 1px solid #ccc;height: 100%;}
.tab-rating-store ul li:last-child:after{display: none;}
.tab-rating-store ul li i{color: #ffb125; margin-right: 10px; font-size:27px; }
.tab-rating-store ul li p{margin-bottom: 0; color: #fff; }
.tab-rating-store ul li p small{color: #ccc; width: 36px; display: inline-block; }
.tab-rating-store ul li p span{display: block; color: #cccc; font-size: 13px; }


.coup-image{
          width: 120px;
    height: 120px;
    background-color: #efefef;
    border-radius: 6px;
    margin-bottom: 10px;
    padding: 9px;
    display: flex;
    justify-content: center;
    align-items: end;
    margin-right: 20px;
}
.coup-image h3{
      color: #332151;
      font-size: 30px;
      text-align: center;
}
.coup-image span{
  font-size: 20px;
    display: block;
}
.coup-image p{
    text-align: center;
    font-size: 15px;
    border-top: 1px solid #ccc;
    margin-bottom: 0;
    padding-top: 5px;
}
.coupon-image-inn{width: 100%;}
.coupon-div-main{margin-bottom: 11px;border-radius: 10px;}

.border-coupon{border-left: 5px solid #741fa2;}
.verified a{color: #8db654!important;}
.filter-link ul li a{padding-left: 0px; color: #000;}

.filter-para p{font-size: 15px;/* text-align: justify; */}
.filter-para{padding-bottom: 19px; border-top: 1px solid #ccc; padding-top: 20px; }
.filter-para ul li{border:none; padding: 0px;}
.store-div.filter-store-div a>p {
    line-height: 15px;
    margin: 0;
    opacity: 0;
    top: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    color: #fff;
    font-size: 13px;
    transition: all .3s cubic-bezier(.31,.17,.52,.96);
    display: flex;
    justify-content: center;
    flex-direction: column;
    right: 0;
    margin: 0 auto;
    text-align: center;
}

.store-div.filter-store-div a:focus>p, .store-div.filter-store-div a:hover>p {
    background-color: #2d3e50!important;
    opacity: 1!important;
    visibility: visible;
}

.related-store ul{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}
.related-store ul li{
    width: 50%;
}



.common-detail-product table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
  margin-bottom: 16px;
}

.common-detail-product table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

.common-detail-product table tr {
  background-color: unset;
  border: 1px solid #ddd;
  padding: .35em;
}

.common-detail-product table th,
table td {
  padding: .625em;
  text-align: center;
  border: 1px solid #ccc;
  font-size: 14px;
}

.common-detail-product table th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #741fa2;
  color: #fff;
}

@media screen and (max-width: 600px) {
  .common-detail-product table {
    border: 0;
  }

  .common-detail-product table caption {
    font-size: 1.3em;
  }
  
  .common-detail-product table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  .common-detail-product table tr {
    border-bottom: 3px solid #ddd;
    /* display: block; */
    margin-bottom: .625em;
  }
  
  .common-detail-product table td {
    border-bottom: 1px solid #ddd;
    /* display: block; */
    font-size: .8em;
    text-align: right;
  }
  
  .common-detail-product table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  .common-detail-product table td:last-child {
    border-bottom: 0;
  }
}

.common-detail-product h1{
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 10px;
}
.common-detail-product h2{
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 10px;
}
.common-detail-product h3{
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px;
}
.common-detail-product h4{
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
}
.common-detail-product h5{
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 10px;
}
.common-detail-product ul li{
    color: #000;
    font-size: 15px;
    margin-bottom: 6px;
}
.common-detail-product ul li:before{content: '\f061';font-weight: 600;font-family: 'Font Awesome 5 Free';margin-right: 6px;color: #741fa2;}
.common-detail-product ol{
    padding-left: 16px;
    margin-left: 0px;
}
.common-detail-product ol li{
    font-size: 15px;
    margin-bottom: 6px;
}
.common-detail-product p{font-size: 15px;/* text-align: justify; */}



.back-go{color: #fff;font-size: 17px;text-decoration: none;display: flex;align-items: center;}
.back-go:hover{color: #fff;}
.back-go i{ width: 35px; height: 35px; background-color: #fff; border-radius: 50px;color: #000; display: flex; justify-content: center;align-items: center; margin-right: 10px; }
.share-button{color: #fff;font-size: 17px;text-decoration: none;display: flex;align-items: center;justify-content: end;}
.share-button:hover{color: #fff;}
.share-button i{
    width: 35px;
    height: 35px;
    background-color: #741fa2;
    border-radius: 50px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
}
.coupon-list-page{background: linear-gradient(148deg,#2f7bd9 14%,#741fa2 86%);padding: 16px 0px 30px;}
.coupon-list-action{display: flex; justify-content: space-between; align-items: center;}

.list-cop-con h5{
    font-size: 20px;
}
.list-cop-con h5 span{
    font-size: 26px;
    font-weight: 800;
}
.list-cop-con p{
    font-size: 15px;
}
.list-coupon-con{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.list-coupon-con img{
    width: 20%;
    margin-left: 40px;
}
.show-cop-div h6{
    font-size: 15px;
    margin-bottom: 20px;
}
.show-cop-div p{border-radius: 2px;border: dashed 2px #000;background-color: #f0f0f0;text-align: center;color: #000;font-weight: 700;height: 63px;line-height: 63px;box-sizing: border-box;font-size: 26px;margin-bottom: 20px;}
.show-cop-div a{
    font-size: 15px;
}
.show-cop-div a i{
    margin-right: 6px;
}
.show-cop-div {
    border-top: 1px solid #ccc;
    padding: 19px 0px  0px;
    text-align: center;
}
.main-coupon-list{
      border-radius: 8px;
    box-shadow: 0 1px 4px 0 rgb(17 19 35 / 7%);
    border: solid 0.6px #f1f1f1;
    background-color: #fff;
    margin-top: 30px;
    padding: 20px;
}

.cop-extra-con{height: 100%; display: flex; align-items: center; }
.cop-extra-inner{    max-height: 150px;
    overflow-y: auto;
    padding: 12px 12px;
    color: #515151;     border-left: 1px solid #d6d8da; }
.cop-extra-inner ul{
  color: #373737;
    line-height: 22px;
    padding-left: 16px;
    margin: 0 auto 24px;
    list-style-type: decimal;
}
.cop-extra-inner li{ margin-bottom: 12px; font-size: 14px;}
.cop-extra-inner li span.span1{color: #ff4136;}
.cop-extra-inner li span.span2{color: #ff851b;}
/* width */
.cop-extra-inner::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.cop-extra-inner::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.cop-extra-inner::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
.cop-extra-inner::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.gcd-act {
    display: block;
    margin: 18px 0 0;
    text-align: center;
}
.gcd-act>span {
    color: #741fa2;
    border: solid 1px #741fa2;
    background-color: #f0f8ff;
    display: inline-block;
    padding: 8px 12px;
    border-radius: 32px;
}
 .gcd-act #cYes {
    border: solid 1px #8db654;
    border-radius: 2px;
    color: #595959;
    background: #fff;
    padding: 4px 12px;
    display: inline-block!important;
    margin: 0 4px;
    font-size: 12px;
    cursor: pointer;
}
.gcd-act #cNo {
    border: solid 1px #d56164;
    border-radius: 2px;
    color: #595959;
    background: #fff;
    padding: 4px 12px;
    display: inline-block!important;
    margin: 0 4px;
    font-size: 12px;
    cursor: pointer;
}
.related-cop-box{
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 10px;
}
.related-cop-box a{
    font-size: 14px;
    text-decoration: none;
    display: flex;
    align-items: center;
    margin-top: 33px;
    justify-content: flex-end;
}
.related-cop-box a i{
    width: 30px;
    height: 30px;
    background-color: #741fa2;
    border-radius: 50px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
}
.related-cop-box img{
    width: 33%;
    margin: 14px 0px;
}
.related-cop-head h4{
    font-size: 20px;
    position: relative;
    margin-bottom: 13px;
}
.related-cop-head h4:after{content: '';width: 50px;height: 4px;background-color: #741fa2;position: absolute;bottom: -10px;left: 0;}
.grap-related-pro{
    padding-top: 35px;
}

.search-feat-inner.open{transition: all .3s ease; display: block;}
.search-feat-inner{display: none;transition: all .3s ease;background-color: #fff;padding: 0;position: absolute;top: 47px;width: 220px;right: 0;box-shadow: 0px 0px 4px #ccc;}
.share-feat{position: relative;width: 50%;justify-content: end;/* text-align: right; */}
.search-feat-inner ul{
    padding-left: 0;
    list-style-type: none;
}
.search-feat-inner ul li{
    margin-bottom: 1px;
    padding: 9px 20px;
}
.search-feat-inner ul li:hover{background-color: #ccc;}
.search-feat-inner ul li a{
    color: #000;
    text-decoration: none;
}
.search-feat-inner ul li a i{
    margin-right: 13px;
}
.cop-detail h5{
    margin-bottom: 21px;
    color: green;
    font-size: 19px;
}
.cop-detail h5 i{
    margin-right: 10px;
}
.cop-detail p{
    width: 40%;
    margin: 30px auto 26px;
}
.main-cop-detail{
    width: 82%;
    margin: 0 auto;
}
.cop-detil-wrap{background-color: #fff; background:unset;}
.cop-detail{border:none;}
.cop-detail-logo{
    margin-bottom: 20px;
    padding: 20px;
}
.cop-detail-logo img{
    width: 9%;
    margin: 0 auto;
    display: block;
}

.expire-coupon h5{    color: rgba(81,81,81,.6);}
.expire-coupon p{    color: rgba(81,81,81,.6);}
.expire-coupon a{justify-content: flex-end;}

.footer-about img{
    width: 80%;
}

.border-coupon-green {
    border-left: 5px solid #56ba2e!important;
}
.coup-image h3.-green {
    color: #332151;
    font-size: 30px;
    text-align: center;
}
.cbtn-green {background: #e5e5e500;width: 245px;border-radius: 2px;height: 44px;line-height: 40px;position: relative;border: 1.5px dashed #fffdfd;z-index: 1;display: block;text-decoration: none;}
.cbtn-green>span{text-align: right; color: #000; font-weight: 700; padding-right: 18px; position: relative; display: block; }
.cbtn-green>div {transition: all .3s ease;position: absolute;left: -2px;top: -2px;height: 44px;background: #332151;font-size: 13px;font-weight: 700;width: 246px;color: #fff;box-shadow: 0 2px 4px 0 rgb(157 157 157 / 50%);/* border-radius: 20px 2px 2px 4px; */line-height: 43px;text-align: left;padding-left: 24px;}

.empty-state {
  width: 100%;
  margin: 40px auto;
  background: #ffffff;
  box-shadow: 10px 20px 100px #e1e3ec;
  border-radius: 4px;
}
.empty-state__content {
  padding: 48px;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.empty-state__content .empty-state__icon {
  width: 200px;
  height: 200px;
  display: flex;
  align-items: center;
  border-radius: 200px;
  justify-content: center;
  background-color: #f7fafc;
  box-shadow: 0px 2px 1px #e1e3ec;
}
.empty-state__content .empty-state__icon img {
  width: 170px;
}
.empty-state__content .empty-state__message {
  color: #38a169;
  font-size: 19px;
  font-weight: 500;
  margin-top: 0.85rem;
}
.empty-state__content .empty-state__help {
  color: #a2a5b9;
  font-size: 0.875rem;
}

.credit {
  color: #A2A5B9;
  font-size: 0.75rem;
  text-align: center;
}
.credit a {
  color: #444;
}




.top-cat-inner a{color: #000; text-decoration: none;}
.top-cat-inner:hover a{color: #fff;}

.coupon-add-div{display: flex; align-items: center;}



.navbar-right li a span {
    background-color: #2b8c2f;
    border-radius: 10px;
    color: #fff;
    font-size: 11px;
    padding: 3px 8px;
    margin-left: 5px;
}

.store-div1 a{display: flex; justify-content: center;align-items: center;}
.store-div1  p{margin-bottom: 0px;}
.header-feat-inner.mobile-feat-head {
    display: none;
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 15px;
    border-bottom: 1px solid #741fa2;
}


.ui-widget-content a {
    color: #625c5c;
    display: block;
    text-decoration: none;
    font-size: 17px;
    font-weight: bold;
    margin-right: 47px;
}


.sidebar {
    position: absolute;
    width: 100%;
    height: 100vh;
    top: 0px;
    z-index: 9;
    padding: 0px 0px 0px;
    background: #fff;
    box-shadow: 1px 0 20px rgb(0 0 0 / 8%);
    left: -100%;
    transition: 1s;
    overflow-y: scroll;
}
.top-bar-side {
    background-color: #fff;
    padding: 0 10px;
    display: flex;
    justify-content: end;
    align-items: center;
}
.top-side-left {
    display: flex;
    align-items: center;
}
.login-user-img {
    width: 40px;
    height: 40px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    font-size: 17px;
    margin-right: 14px;
}
.top-side-con h6 {
    color: #fff;
    font-size: 13px;
    margin-bottom: 2px;
}
.top-side-con h2 {
    font-size: 16px;
    color: #fff;
}
#sidebar-close h4 i {
    color: #000;
}
.main-side-toggle .sidebar {
    left: 0;
    transition: 1s;
}

.overstyle {
    overflow: hidden;
}

.search-bar-side input{border-bottom: 1px solid #000 !important;border-radius: 0;border: none;}
.search-bar-side{padding: 10px;}
.search-tags{padding: 13px;}
.search-tags p{font-size: 15px;}
.search-tags h5{font-size: 15px;position: relative;margin-bottom: 30px;}
.search-tags h5:after{content: '';width: 50px;height: 3px;background-color: #741fa2;position: absolute;bottom: -9px;left: 0;}
.search-tags ul{padding-left: 0;list-style-type: none;display: flex;flex-wrap: wrap;}
.search-tags ul li{width: 50%;margin-bottom: 10px;}
.search-tags ul li a{background-color: #ebebeb;padding: 10px 20px;display: inline-block;border-radius: 50px;font-size: 12px;color: #000;text-decoration: none;}


.hotest-tag{padding: 13px;}
.hotest-tag h5{font-size: 15px;position: relative;margin-bottom: 30px;}
.hotest-tag h5:after{content: '';width: 50px;height: 3px;background-color: #741fa2;position: absolute;bottom: -9px;left: 0;}
.hotest-box{margin-bottom: 15px;}
.hotest-box a{display: flex;justify-content: space-between;border: 1px solid #ccc;border-radius: 9px;padding: 10px;align-content: center;text-decoration: none;}
.hotest-box img{height: auto;}
.hotest-box p{margin-bottom: 0;color: #000;}
.hotest-box h6{margin-bottom: 0;}
.hotest-box h6 i{width: 20px;height: 20px;background-color: #741fa2;color: #fff;display: flex;justify-content: center;align-items: center;border-radius: 50px;font-size: 12px;}


.ui-widget-content{z-index: 9999999999999999999; position: relative;}

.mobile-cop-con{display: none;}

.mobile-header-wrap{display: none;}

.main-side-toggle-open .navbar-collapse{display: block; position: absolute;
z-index: 9999;
background-color: #fff;
width: 100%;
top: 75px;
left: 0;padding: 20px;}
.mobile-feat-head .sign-button{background-color: unset!important; margin: 0!important; box-shadow: unset!important;}
#nav-link-open i{color: #000; font-size: 27px;}
#nav-link-open{text-decoration: none;}
.mobile-tab-store{display: none;}
.kapil-mobile{display: none;}
img.store-img {
    width: 75px !important;
}


.coupon-add-div{align-items: flex-start;}

.coupon-exclusive{
  background-color: #741fa2;
  padding: 1px;
  border-radius: 10px;
  border-left: unset;
  margin-bottom: 10px;
}
.coupon-exclusive h6{ color: #fff;padding: 10px; font-size: 15px; margin-bottom: 0; }
.coupon-exclusive i.fa-chart-line{margin-right: 10px; color: #fff;}
.coupon-exclusive .coupon-div-main {margin-bottom: 0px;}

.popular-left{padding: 18px; position: relative;}
.popular-left h6{position: absolute;
bottom: 0;
width: 92%;}
.popular-left p{position: absolute;
top: 8px;
width: 94%;}

#product-id span{background-color: #2b8c2f;
border-radius: 10px;
color: #fff;
font-size: 11px;
padding: 3px 8px;
margin-left: 5px;}
#product-id1 span{background-color: #2b8c2f;
border-radius: 10px;
color: #fff;
font-size: 11px;
padding: 3px 8px;
margin-left: 5px;}
.tab-buttons ul li a{width: 152px;}

.coupon-image-inn{height: 100%;width: 200px;}
.coupon-image-inn img{height: 100%;}


.popular-right{padding: 0px 60px;}



.news-left-box{display: flex; align-items: center; }
.news-left-box i {
    background-color: #711f9d;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 27px;
    margin-right: 20px;
}
.news-con h5 {
    font-size: 18px;
    font-style: italic;
    font-weight: 400;
}
.news-con h3 {
    font-style: italic;
    font-weight: 600;
}

.store-page-new .popular-right{padding: 0px 0px;}

.product-slider{padding: 0px 50px;}
.static-image-new{margin-bottom: 30px;}
.static-image-new img{width: 100%;}


.login-modal-popup .modal-dialog{max-width: 585px!important;}

.login-form form input {
    width: 67%;
    padding: 13px;
    border: 2px solid #000;
}

.register-form input {
    width: 100%!important;
    margin-bottom: 20px;
}

.register-form input{width: 100%!important; margin-bottom: 20px;}

.form-check input{width: 1rem!important; height: 1rem!important; padding: 0!important;}

.register-form .login-second-button{margin-top: 18px;}

.form-check{margin-bottom: 10px;}


.modal-header {
    background-color: #151d47 !important;
    color: #fff !important;
}
.form-check label{color: #000000;text-align: right;margin-top: 1px;}

.form-check label a{color: #1c2d88;text-decoration: none;}

.modal-header button {
    color: #fff;
}
.btn-close-sed {
    background-color: unset;
    border: none;
}.btn-close-sed i {
    background-color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
}
.login-second-button {
    background-color: #151d49;
    padding: 12px 42px;
    color: #fff;
    border-radius: 0;
    display: block;
    width: 100%;
    font-size: 18px;
}

.login-form form h6 {
    color: #000000;
    text-align: center;
    margin-top: 22px;
}

.other-login-options {
    border-radius: 0 0 10px 10px;
    padding: 20px 30px;
    text-align: center;
}
.btn.btn-flat.btn-blue {
    background-color: #4476b2;
}.btn.btn-flat {
    padding: 12px 19px;
    text-decoration: none;
    text-transform: uppercase;
    color: white;
    background-color: #aa0144;
    border: 1px solid transparent;
    white-space: nowrap;
    transition: ease-in-out .15s all;
    margin-right: 5px;
    cursor: pointer;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 20px;
    display: inline-block;
    border-radius: 0px;
}
.form-first {
    box-shadow: 0 15px 10px -20px #111;
    padding: 20px 12px;
}.login-form form h5 {
    text-align: center;
    margin: 17px 0px;
}.login-form form h6 a {
    color: #4476b2;
    text-decoration:none;
}
/*===============================User Dashboard css start=============================*/

.user-dashboard-wrapper {

  padding: 50px 0px;

}



.user-dash-links-inner {

  border: 1px solid rgba(0, 0, 0, 0.2);

}



.user-dash-links-inner ul {padding: 12px 30px 25px;list-style-type: none;}



.user-dash-links-inner ul li {

  border-bottom: 1px dashed rgba(0, 0, 0, 0.342);

}



.user-dash-links-inner ul li a {

  font-size: 14px;

  font-weight: 600;

  line-height: 40px;

  text-decoration: none;

  color: #000;

}



.user-detail-inner {

  border: 1px solid rgba(0, 0, 0, 0.2);

  padding: 20px 30px 30px;

}



.user-detail-title {

  border-bottom: 1px solid rgba(0, 0, 0, 0.2);

  padding-bottom: 12px;

}



.user-detail-title h4 {

  font-size: 24px;

  line-height: 34px;

  font-weight: 600;

  color: #000;

}



.user-detail-content {

  margin-top: 15px;

}



.user-detail-content h5 {

  font-size: 14px;

  text-transform: uppercase;

  font-weight: 600;

}



.user-detail-content ul li p {

  margin-bottom: 0px;

  font-size: 14px;

  line-height: 24px;

}



.user-detail-content ul li p span {

  font-weight: 600;

}



.recent-order-table {

  margin-top: 30px;

}



.recent-order-table-inner {

  border: 1px solid rgba(0, 0, 0, 0.2);

  padding: 20px 30px 30px;

}



.recent-order-title {

  border-bottom: 1px solid rgba(0, 0, 0, 0.2);

  padding-bottom: 12px;

}



.recent-order-title h4 {

  font-size: 24px;

  line-height: 34px;

  font-weight: 600;

  color: #000;

}



.change-password-inner {

  border: 1px solid rgba(0, 0, 0, 0.2);

  padding: 20px 30px 30px;

}



.change-password-title {

  border-bottom: 1px solid rgba(0, 0, 0, 0.2);

  padding-bottom: 12px;

}



.change-password-title h4 {

  font-size: 24px;

  line-height: 34px;

  font-weight: 600;

  color: #000;

}



.order-listing {

  margin-top: 0px;

}



.change-password-form {

  margin-top: 20px;

}



.change-password-form form input {border-radius: 0px;padding: 12px 10px;margin-bottom: 26px;}



.change-password-form form .change-password-button {width: 120px;height: 50px;background: #aa0144;color: #fff;font-size: 14px;line-height: 50px;font-weight: 600;text-align: center;text-transform: uppercase;border: 0px;border-radius: 3px;cursor: pointer;}



.change-profile-inner {

  border: 1px solid rgba(0, 0, 0, 0.2);

  padding: 20px 30px 30px;

}



.change-profile-title {

  border-bottom: 1px solid rgba(0, 0, 0, 0.2);

  padding-bottom: 12px;

}



.change-profile-title h4 {

  font-size: 24px;

  line-height: 34px;

  font-weight: 600;

  color: #000;

}



.change-profile-form {

  margin-top: 20px;

}



.change-profile-form form input {

  border-radius: 0px;

  padding: 12px 10px;

}



.change-profile-form form .change-password-button {width: 120px;height: 50px;background: #aa0144;color: #fff;font-size: 14px;line-height: 50px;font-weight: 600;text-align: center;text-transform: uppercase;border: 0px;border-radius: 3px;cursor: pointer;justify-content: center;margin: 0 auto;}



.change-profile-form form select {

  border-radius: 0px;

  height: 50px !important;

}



.change-profile-form form textarea {

  border-radius: 0px;

  padding: 12px 10px;

  height: 110px;

}



.change-profile-form form .upload-img {

  padding: 18px 0px 20px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.change-profile-form form .upload-img .img {

  width: 100px;

  height: 100px;

  border: 1px solid rgba(0, 0, 0, 0.4);

  border-radius: 50%;

  margin-right: 30px;

  overflow: hidden;

}



.change-profile-form form .upload-img .img img {

  width: 100%;

  height: 100%;

}



.change-profile-form form .upload-img .file-upload-area {

  -webkit-box-flex: 1;

  -ms-flex: 1;

  flex: 1;

}



.change-profile-form form .upload-img .file-upload-area .upload-file {

  width: 150px !important;

  height: 40px;

  cursor: pointer;

  position: relative;

}



.change-profile-form form .upload-img .file-upload-area .upload-file .upload {

  width: 150px !important;

  height: 40px;

  display: inline-block;

  opacity: 0;

  cursor: pointer;

}



.change-profile-form form .upload-img .file-upload-area .upload-file span {

  position: absolute;

  top: 0;

  left: 0;

  width: 150px !important;

  height: 40px;

  background: #fedc19;

  z-index: -1;

  cursor: pointer;

  text-align: center;

  line-height: 40px;

  color: #000;

  font-weight: 600;

}



.modal-header {background-color: #151d49 !important;color: #fff !important;}



.modal-header button {

  color: #fff;

}



.shipping-address-inner {

  border: 1px solid rgba(0, 0, 0, 0.2);

  padding: 20px 30px 30px;

}

.gaurav-new-class-demo{
    color:#7c7676 !important;
}


.cont-drop{display: none;}
.drop-show{display: block; position: absolute; background-color: #fff; top: 38px; padding: 0px; box-shadow: 0px 0px 10px #ccc;     z-index: 9;}
#country-new{margin-right: 31px;text-decoration: none;border: 1px solid #ccc;padding: 10px 11px;border-radius: 3px;}
.drop-show ul{display: block;}
.drop-show ul li{border-bottom: 1px solid #ccc; padding: 10px 24px; text-align: left;}
.drop-show ul li:last-child{border: none;}
#country-new i{margin-left: 4px;}
.input-col {
    width: 61%;
}
.visit-s-but{display: block; width: 100%; height: 100%;}


.tab-buttons.main-header-wrapper.is-sticky{background: #332151;width: 100%;display: flex;justify-content: center;padding: 12px;top: 130px;align-items: center;}
.store-news-col input {
    border-radius: 0;
    width: 336px!important;
    padding: 15px;
    height: 56px;
}






.sidebar-mob {
    position: absolute;
    width: 75%;
    height: 100vh;
    top: 0px;
    z-index: 9;
    padding: 0px 0px 0px;
    background: #fff;
    box-shadow: 1px 0 20px rgb(0 0 0 / 8%);
    left: -100%;
    transition: 1s;
    overflow-y: scroll;
}
.top-bar-side {
    background-color: #000;
    padding: 20px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.top-side-left {
    display: flex;
    align-items: center;
}
.login-user-img {
    width: 40px;
    height: 40px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    font-size: 17px;
    margin-right: 14px;
}
.top-side-con h6 {
    color: #fff;
    font-size: 13px;
    margin-bottom: 2px;
}
.top-side-con h2 {
    font-size: 16px;
    color: #fff;
}
#sidebar-closes h4 i {
    color: #fff;
}
.main-side-toggle-mob .sidebar-mob {
    left: 0;
    transition: 1s;
}

.overstyles {
    overflow: hidden;
}
.login-user-img img {width: 100%;}

.top-bar-sided{text-align: right; padding: 20px;}




.store-news-col{
  align-items: center;
  background-color: #2c2341;
  padding: 30px;
  border-radius: 10px;
  margin-bottom: 11px;
}

.store-news-col .news-con h5{color: #fff;}
.store-news-col .news-con h3{color: #fff;}
.store-news-col .news-con p{color: #fff;}



.store-news-col .row{align-items: center;}

.store-two-news-col input{width: 593px!important;}

.store-two-news-col .input-col {
    width: 76%;
}
.store-two-news-col .news-left-box i {
    background-color: #3d00ff;
    width: 160px;
    height: 130px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 57px;
    margin-right: 0;
}

.news-col-text-cen .news-con{text-align: center;}

header{background-color: #fff;}

.home-two-news input{width: 536px!important;}

.home-two-news .input-col {
    width: 73%;
}

.home-three-new .news-left-box i {
    background-color: #3d00ff;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 36px;
    margin-right: 0;
    margin-top: -68px;
    margin-bottom: 35px;
}

.home-three-new .news-left-box{justify-content: center;}
.home-three-new .news-con{text-align: center; margin-bottom: 40px;}
.home-three-new form.row{justify-content: center;     margin-bottom: 20px;}

.home-three-new .input-col {
    width: 42%;
}



.product-slider .owl-dots button {width: 44px;height: 10px;border-radius: 50px;margin-right: 10px;margin-bottom: 9px;background-color: rgb(225, 225, 225)!important;border: 3px solid rgb(225, 225, 225) !important;}

.product-slider .owl-dots button.active {height: 10px;background-color: #741fa2!important;border-color: #741fa2 !important;}

.product-slider .owl-dots {justify-content: var(--justify-center);margin-top: 30px;margin-bottom: 30px;position: unset;right: 0;text-align: center;display: block!important;top: 150px;left: 0;}

.product-slider .owl-dots button:focus { outline: none; box-shadow: none; }



.gaura-country{
        margin-right: 31px;
    text-decoration: none;
    border: 1px solid #ccc;
    padding: 10px 11px;
    border-radius: 3px;
    color:#741fa2;
        color: #00519d!important;
    border-radius: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}





.gaura-country img{
    width: 28px;
        margin-right: 5px;
    margin-left: 14px;
}

.gaurav-country-anchor{
    text-decoration: none;color:#741fa2;
}
.gaurav-country-anchor img{
    width:30px;padding-right:10px;
}

.icon-bell.dropdown-toggle::after{
        display: inline-block;
    
    content: unset;
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

.login-detail-gaurav  a{display: flex; align-items: center; text-decoration: none; }
.login-detail-gaurav  a img{width: 90px;height: 90px;height: 89px;argin-right: 15px;}
.login-detail-gaurav  a p{margin-bottom: 0;font-size: 14px;padding-left: 20px;text-decoration: none;}


sup{color: #741fa2;}

.comntryyy .dropdown-menu a{    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 15px;
    color: #00519d!important;}
.comntryyy .dropdown-menu{    margin-top: 9px!important;
    border-radius: 12px;}


#store-slide .owl-dots button {width: 44px;height: 10px;border-radius: 50px;margin-right: 10px;margin-bottom: 9px;background-color: rgb(225, 225, 225)!important;border: 3px solid rgb(225, 225, 225) !important;}

#store-slide .owl-dots button.active {height: 10px;background-color: #741fa2!important;border-color: #741fa2 !important;}

#store-slide .owl-dots {justify-content: var(--justify-center);margin-top: 30px;margin-bottom: 30px;position: unset;right: 0;text-align: center;display: block!important;top: 150px;left: 0;}

#store-slide .owl-dots button:focus { outline: none; box-shadow: none; }

.tab-buttons.main-header-wrapper p{color: #fff; margin-right: 100px; margin-bottom: 0px;}



.ui-autocomplete{z-index: 99999;}
.ui-autocomplete li:hover{background-color: #efefef!important; color: #000;}
.ui-autocomplete li a:hover{background-color: #efefef!important; color: #000;}
.ui-autocomplete li .gaurav-data-ui:hover{background-color: #efefef!important; color: #000;}
    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-state-active.ui-button:hover 
{
  
  color:black !important;
  background-color: #efefef!important;
}    
.ui-state-active a, .ui-widget-content .ui-state-active a, .ui-widget-header .ui-state-active a, a.ui-button:active, .ui-button:active a, .ui-state-active.ui-button:hover a
{
  
  color:black !important;

}

@media screen and (min-width: 64em){
.g-hm-head {
    position: relative;
}
}
@media screen and (min-width: 64em){
.g-hm-head:after, .g-hm-head:before {
    content: "";
    width: calc(100% - 800px);
    background: #d0d0d0;
    height: 1px;
    display: block;
    position: absolute;
    top: 22px;
}
}
@media screen and (min-width: 64em){
.g-hm-head:before {
    left: 0;
}
}
@media screen and (min-width: 64em){
.g-home-h1 {
    font-size: 16px;
    width: 400px;
    height: 45px;
    line-height: 45px;
    border-radius: 25px;
    margin: 20px auto;
    position: relative;
}
}
.g-home-h1 {
    text-align: center;
    border: 1px solid #979797;
    border-radius: 15px;
    line-height: 36px;
    color: #575757;
    font-size: 14px;
    height: 39px;
    margin: 12px auto;
}

@media screen and (min-width: 64em){
.g-hm-head:after {
    right: 0;
}
}

@media screen and (min-width: 64em){
.g-hm-head:after, .g-hm-head:before {
    content: "";
    width: calc(100% - 880px);
    background: #d0d0d0;
    height: 1px;
    display: block;
    position: absolute;
    top: 18px;
}
}

.ui-widget.ui-widget-content{z-index: 9999999;}

.modal-pop-img img{width: 498px;
    height: 250px;
    object-fit: cover;}
.pop-bottom-img .modal-body{padding: 0px;}
.pop-bottom-img .modal-pop-img .btn-close{position: absolute; top: 15px; right: 15px; }
.pop-bottom-img .modal-pop-img{position: relative;z-index: 9999999999;}

.pop-bottom-img .modal-dialog{
  position: fixed;
    top: auto;
    right: 9px;
    left: auto;
    bottom: 0;
    z-index: 9999;
}

.pop-bottom-img .modal-dialog.end-0 {
    right: 10px!important;
}

.pop-bottom-img .modal-dialog.bottom-0 {
    bottom: -18px!important;
}

   .tab-image-coupon{
        display:none;
    }
    .mobile-image-coupon{
        display:none;
    }
    
    .logo-top{
        align-items: center;
    display: flex;
    height: 100%;
    }
    .logo-top a{
        display:block;
    }
    
    .logo-top a{
        display:block;
    }
    

    #btnwhatsapp a{background-color: unset!important;}