@import url('https://fonts.googleapis.com/css2?family=Kaisei+Tokumin:wght@400;500;700;800&family=Poppins:wght@300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css?family=Nunito:300,400,400i,600,600i,700,700i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Fugaz+One&display=swap');
a{text-decoration: none; }
*{transition: all 0.3s ease-out;}
:root{
    --lg-font: 'Kaisei Tokumin', serif;
    --sm-font: 'Poppins', sans-serif;
}
.container-fluid-lg{ clear: both;}
.navbar .megamenu{ padding: 1rem; }
section{ position: relative; clear: both; }

/* ============ desktop view ============ */
@media all and (min-width: 992px) { 
    .navbar .has-megamenu{position:static!important;}
    .navbar .megamenu{left:0; right:0; width:100%; margin-top:0;  }  
  }	
  /* ============ desktop view .end// ============ */
  
  /* ============ mobile view ============ */
@media(max-width: 991px){
    .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{ overflow-y: auto; max-height: 90vh; margin-top:10px;}
}
body{ font-family: var(--sm-font); background-color: rgb(240, 240, 240);}
/********* Header Css Start  *************/
.navbar{ box-shadow: 0px 3px 9px 3px rgba(0, 0, 0, 0.1);}
.navbar-expand-lg .navbar-nav .nav-link{color: #977a7a;}
.megamenu .col-megamenu ul li a{ color: #977a7a;}
.megamenu .col-megamenu {text-align: left;}
.megamenu .col-megamenu ul li{position: relative; padding: 0 0 0 18px !important; line-height: 30px !important; margin: 0 0 5px;}
.megamenu .col-megamenu ul li:before{content: '\f054'; font-family: FontAwesome; position: absolute; left: 0; font-size: 12px; top: 0; transition: all 0.3s ease-out; color: #977a7a;}
.megamenu .col-megamenu ul li:hover:before {left: 5px;}
/********* Header Css End  *************/
/********* Client Review Css Start  *************/
.ClientReview{ box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 6%); border:none; background-color: #9f90b7; color:#fff; min-height: 385px; }
.clientSlide.owl-carousel .owl-item img{max-width:100%;  width: auto;}
.clientSlide.owl-carousel .owl-item{height: 100%;}
.clientSlide.owl-carousel .owl-item .item{height: 100%;}
.TESTIMONIALS{ background-image: url(../img/gif2.gif); background-repeat:no-repeat;}
.clientSlide.owl-theme .owl-nav.disabled + .owl-dots{margin-top: 30px;}
.clientSlide.owl-theme .owl-nav.disabled + .owl-dots span{margin: 5px;}
.clientSlide.owl-theme .owl-dots .owl-dot.active span, .clientSlide.owl-theme .owl-dots .owl-dot:hover span{background: #977a7a;}
/********* Client Review Css End  *************/

.carousel-inner{ transition: all 0.3s ease-out; position: relative; height: 36vw;}
.collection{ background-image:url(../img/collectionBG.png); background-repeat: no-repeat;}
.productbg{ background: rgb(247, 247, 247);}
.pro{ justify-content: center; position: relative; align-items: center;}
.dropdown-menu{ box-shadow: 0px 3px 9px 3px rgba(0, 0, 0, 0.1); border : 0.5px 0px 0px 0px  rgb(202, 202, 202, 0.1); border-radius: 0%; }
#header-sroll { position:relative; z-index: 99; height: 100px; background:#ccc; left:0; top:0; float:left; width:100%;
    -ms-transition:     all 0.3s ease-out;
    -moz-transition:    all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition:      all 0.3s ease-out;
    transition:         all 0.3s ease-out;
}
#header-sroll h1 {font-size: 30px; font-family: Arial; text-align: center; line-height: 50px;
     -ms-transition:    all 0.3s ease-out;
    -moz-transition:    all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition:      all 0.3s ease-out;
    transition:         all 0.3s ease-out;
}
#header-sroll.small { height: 70px; line-height: 35px; position: fixed;}
#header-sroll .rounded{transition: all 0.3s ease-out;}
#header-sroll.small .rounded{max-width:70px;}
#header-sroll.small h1{ height: 70px; line-height: 35px; font-size: 25px;}
.dropdown-toggle:after{transition: all 0.3s ease-out;}
.dropdown-toggle.show:after{ transform: rotate(-180deg);}
.imgDiv{position: relative; overflow: hidden; transition: all 0.3s ease-out;}
.imgDiv::before{content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.7); opacity: 0; transition: all 0.3s ease-out;} 
.imgDiv:hover:after{ opacity: 0.5;}
.imgDiv:hover:before{opacity: 0.5;}
.imgDiv:hover .shopnow{bottom: calc(50% - 22px);}
.imgDiv .shopnow{position: absolute; bottom: -45px; max-width: 180px; padding: 10px; text-align: center; z-index: 1; left: 0; right: 0; margin: 0 auto; background: #dc3545; color: #fff; border-radius: 6px;}
.ItemCard{ background-color: #ffffff; border:none; border-radius: 0px; box-shadow: none;}
.price{color: #977a7a;font-weight: 400;font-family: 'Poppins', sans-serif;position: absolute;bottom: 15px;font-size: 14px;padding-left: 28px;margin-bottom: 0;}
.price::before{content:"Rs.";font-size: 16px;position: absolute;left: 0;bottom: -1px;}
.favorite{ position: absolute; top:200px;}
.ProductAction{ position: relative; overflow: hidden; transition: all 0.3s ease-out; min-height: 385px;max-height: 285px;display: flex;align-items: center;}
.ProductAction img{ position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 100%; max-width: 510px; width: auto;}
.ProductAction:hover:after{ opacity: 0.5;}
.ProductAction:hover:before{opacity: 0.5;}
.ProductAction:hover .actionbtn{ bottom: 30px;}
.ProductAction .actionbtn{position: absolute; bottom: -45px; max-width: max-content; padding: 10px; text-align: center; z-index: 1; left: 0; right: 0; margin: 0 auto; background: #dc3545; color: rgb(0, 0, 0); border-radius: 6px;}
.commonBG{ position: static; background-image:url(../img/collectionBG1.png);background-repeat: no-repeat;}
.FilterValue{ font-size:14px ; background-color: rgb(240, 240, 240); border: 1px;}
.dropdown-menu.show{ transform: translate(0px, 45px) !important;}
.sort{ text-align: right;}
.navbar .dropdown-menu.show{ transform: translate(0px, 0px) !important;}
.nav{ background-color: #868617;}
.adSlider{ width: 100%; padding: 20px;  border-radius: 0px; overflow: hidden;}
.adSlider .slider { position: relative; width: 100%; height: 100%; overflow: hidden; }
.adSlider .slider .slide{position: relative; height: 100%; float: left; transition: width .5s ease;  }
.adSlider .slider .slide img {height: 100%; box-shadow: 0 0 10px rgba(black, .5);  }
.ad{background-color: rgb(250, 239, 239);}
.LatestPost{ background-image: url(../img/TestimonialBG.png);background-repeat: no-repeat;}
.itemList img{max-width: 100%;}
.table thead tr th:first-child { width: 100%; max-width: 40%;}
.quantity{max-width: max-content; max-height:max-content; border: 1px solid rgb(225, 225, 225); border-radius: 8px;}
.quantity a, .quantity h5 { padding: 10px; margin: 0px;}
.table>thead{ background: #444444;}
.table>thead tr th{color: #fff !important; font-weight: 500; padding: 12px 20px !important;}

/********* Footer Css End  *************/
footer{background-image: url(../img/FooterBG.png); background-repeat: no-repeat;}
footer h6{color: #977a7a; font-weight: 600;}
footer ul{list-style-type: none; padding: 0px; margin: 0px;}
footer ul li a,footer ul li {color: #977a7a;}
footer ul li{line-height: 32px;position: relative; padding-left: 20px;}
footer ul.footerAdd li:before{content: "\f3c5"; font-family: FontAwesome; position: absolute; left: 0; font-size: 14px; top: 0px; }
footer ul.links li:before{content: '\f054'; font-family: FontAwesome; position: absolute; left: 0; font-size: 12px; top: 0px; transition: all 0.3s ease-out;}
footer ul.info li:before{content: "\f0e0"; font-family: FontAwesome; position: absolute; left: 0; font-size: 12px; top: 0px;}
footer ul.info li:nth-child(2)::before{content: "\f095"; font-family: FontAwesome; position: absolute; left: 0; font-size: 12px; top: 0px;}
footer ul.links li:hover:before{left: 5px;}
footer .social-links a { padding: 5px; border: 1px solid #977a7a; color: #977a7a; width: 40px; height: 40px; display: inline-block; text-align: center; line-height: 30px; border-radius: 50%; margin: 0px 5px !important; transition: all 0.3s ease-out;}
footer .social-links a i{line-height: inherit;}
footer .social-links a:hover{background:  #977a7a; color: #fff;}
footer .info a:hover{text-decoration: underline; color:#977a7a}

/********* Footer Css End  *************/


/********* Client Review Css Starts *************/

/********* Client Review Css Ends *************/

.title h3{position:relative;color: #977a7a; margin-bottom: 30px; padding-bottom: 12px !important;}
.title h3:before{content:''; position:absolute; left:0; right:0; bottom:0; margin:0 auto; max-width:150px; border-bottom:double}


/******** Detail page image sliider starts ********/

.small-img-row{ display: flex; justify-content: space-between;}
.small-img-col{ padding: 6px; flex-basis: 24%; cursor: pointer;}
.mainImg{ max-width:100%; padding: 6px;}
.small-img{ padding-top: 12px; width:100%;}

/******** Detail page image sliider ends ********/
.para{ color: #9a9a9a;}
/******** contact us start ********/
.contactus{ background-image: url(../img/contactusBg.png); background-repeat: no-repeat;}
.contactDetail{ padding-top:150px; position: relative; align-items: center;}
.ContactTxt{ color: #f2b7c0; font-size: 20px;}
.contactDetail ul{list-style-type: none; padding: 0px; margin: 0px;}
.contactDetail ul li a,.contactDetail ul li {color: #e3808f; font-size: 20px;}
.contactDetail ul li{line-height: 32px;position: relative; padding-left: 20px;}
.contactDetail ul.info li:before{content: "\f0e0"; font-family: FontAwesome; position: absolute; left: 0;  font-size: 16px; top: 0px;}
.contactDetail ul.info li:nth-child(2)::before{content: "\f095"; font-family: FontAwesome; position: absolute; left: 0; font-size: 16px; top: 0px;}
/******** contact us end ********/
/******** about us start ********/
.aboutus{ background:white; }
.aboutus img{max-width: 100%;}
.aboutpicsec{ padding: 40px 10px 40px 40px; }
.aboutcontentsec{ padding: 35px 30px 35px 30px; text-align: left; color: #9a9a9a;}

/************** new css ******************/

.collectionSec .imgDiv img{width: 100%; max-width: 100%;}
.categoryDiv .ItemCard{height: 100%;}
.categoryDiv .categoryItem{width: 25%; float: left; margin-bottom: 25px;}
.categoryDiv .categoryDiv{ display: flex; justify-content: center; flex-wrap: wrap;}
.categoryDiv .categoryItem .card-title{font-size: 1.25rem; color: #212529; font-weight: 500;}
.categoryDiv .categoryItem .card-body{padding-bottom: 45px;}
.categoryDiv .categoryItem .product-price{color: #977a7a;font-weight: 400;font-family: 'Poppins', sans-serif;position: absolute;bottom: 15px;font-size: 18px;}
.categoryDiv .categoryItem .product-price span.prod-discountPercentage{font-size: 12px;color: #dc3545;}
.categoryDiv .categoryItem .product-price span.product-strike{text-decoration: line-through;color: #7e818c;font-size: 14px;margin: 0px 3px;}


/******** about us start ********/
@media(max-width:1400px){
    .ClientReview{min-height: 405px;}
}
@media(max-width:1200px){
    .ClientReview { min-height: 453px;}
}
@media(max-width:991px){
    .ClientReview { min-height: 350px; }
}
@media(max-width:767px){
    footer ul li{padding: 0;}
    footer ul.footerAdd li:before, footer ul.links li:before, footer ul.info li:before, footer ul.info li:nth-child(2)::before{margin-right: 10px; position: relative;}
}
@media(max-width:575px){
    .clientSlide{padding: 20px !important;}
}