@font-face {font-family:FontAwesome;src:url(../fonts/FontAwesome.otf);}
/* @font-face {font-family:Nohemi-Regular;src:url(../fonts/Nohemi-Regular.otf);}
@font-face {font-family:Nohemi-Medium;src:url(../fonts/Nohemi-Medium.otf);}
@font-face {font-family:Nohemi-Bold;src:url(../fonts/Nohemi-Bold.otf);}
@font-face {font-family:Nohemi-SemiBold;src:url(../fonts/Nohemi-SemiBold.otf);}
@font-face {font-family:Nohemi-Light;src:url(../fonts/Nohemi-Light.otf);}
@font-face {font-family:Nohemi-ExtraLight;src:url(../fonts/Nohemi-ExtraLight.otf);} */


body{font-family: "sweet-sans-pro"; color:#353332;font-size: 14px;}


h1, h2, h3, h4, h5, h6, p, ul, ol, li {position: relative;}
img {max-width: 100%;}
ul{list-style: none; padding: 0px; margin: 0px;}
a{text-decoration: none;}

.navbar-nav{align-items: center;}
/*=== Header ===*/
.home-header { position:relative;z-index: 2;width: 100%; padding: 10px 0px; }
.inner-header{background:#fff;}
.navbar-dark{padding: 0px;}
.navbar-expand-lg .navbar-collapse {justify-content: space-between;}
.pvrlogo {position: relative;padding-left: 120px;}


.navbar-toggler {padding: 0; border: none;  border-radius: 30px;width: 36px; height: 36px; position: relative;}
.menu-icon {display: flex; flex-direction: column; justify-content: space-between;cursor: pointer; transition: 0.3s ease-in-out;}
.navicon,
.navicon:before,
.navicon:after {background: #272524; height: 2px; width: 40px;position: absolute; left: 0; transition: 0.3s;}
.navicon { position: relative; margin: auto; }
.navicon:before { content: ''; top: -8px; }
.navicon:after { content: ''; top: 8px; }
.navbar-toggler[aria-expanded="true"] .navicon { background: transparent; }
.navbar-toggler[aria-expanded="true"] .navicon:before { transform: rotate(45deg); top: 0; }
.navbar-toggler[aria-expanded="true"] .navicon:after { transform: rotate(-45deg); top: 0; }
.navbar-toggler:focus { box-shadow: none; }

.navmenu li { position: relative; }
.navmenu > ul > li:last-child { padding-right: 0; }
.navmenu .nav-item a{color: #272524;font-size: 14px;font-weight: 400;line-height: normal;letter-spacing: -0.42px;text-transform: uppercase; padding-right: 50px; display: block; }
.navmenu .nav-item a.active{font-weight: 600;}

.contact-button .btn{border: 0px; color: #272524;font-size: 14px;font-weight: 400;line-height: normal;letter-spacing: -0.42px;text-transform: uppercase;}


/*=== Header ===*/

/* dropdownmenu */
.dropdownmenu{border-radius: 2px;border: 0.5px solid #FFF;background: #F3F3F3;box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.07); padding: 50px 0px; position: absolute; top: 100%; left: 0px; width: 100%; z-index: 2;  }
.megamenu {column-count: 2; position: relative; top: -40px;}
.megamenu li a span{width: 55px;}
.megamenu li a{color:#272524;font-size: 18px;font-weight: 400;line-height: 120px;letter-spacing: -0.54px;text-transform: capitalize; display: flex;align-items: center; gap: 12px; }
.explore-werp{position: relative;}
.explore-werp img{width: 100%;}
.explore{position: absolute; bottom: 30px; left:30px;}
.explore a{color:#fff;text-align: center;font-size: 14px;font-weight: 500;line-height: normal;text-transform: uppercase;}
.explore a img{width: auto; margin-left: 10px;}


/* Hide dropdown by default */


.dropdownmenu {
  display: none;
  z-index: 20;
}

/* Show dropdown on open */
.dropdownmenu.open {
  display: block;
}

/* Arrow rotation */
.icon-arrow {
  transition: 0.3s;
  display:none;
}
.icon-arrow.active {
  transform: rotate(180deg);
}

/* MOBILE FIX */
@media (max-width: 991px) {

  .dropdownmenu {
    position: relative;
    padding: 20px 0;
    box-shadow: none;
  }

  .megamenu {
    column-count: 1 !important;
    top: 0;
  }

  .dropdown-link a {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

}





/*=== homebanner ===*/
.homebanner{background-image: url('../images/Home-banner.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; padding: 240px 0px 120px;} 


.home-hd h1{color: #FFF;text-align: center;font-family: "Beaufort Pro";font-size: 75px;font-weight: 300;line-height: normal;letter-spacing: -2.25px;}
.home-hd h1 span{font-style: italic;}
.homebtn .btn{border-radius: 70px;background: #272524;box-shadow: 5px 4px 35.2px 5px rgba(0, 0, 0, 0.25); color:#FFF;font-size: 14px;font-weight: 500;line-height: 19px;letter-spacing: -0.42px;text-transform: uppercase; padding:14px 40px; display: inline-flex;
    align-items: center;gap: 0px 10px;}
.homebtn {position: relative;text-align: center;margin-top: 16%;}


/*----category-section-----*/
.category-section {position: relative;overflow: hidden;}
.category-grid {display: grid;grid-template-columns: repeat(3, 1fr);border-top: 1px solid #CDC8C1;border-left: 1px solid #CDC8C1;}
.category-box1,
.category-box2,
.category-box3 {display: flex;flex-direction: column;}
.category-item {flex: 1; border-right: 1px solid #CDC8C1;border-bottom: 1px solid #CDC8C1;padding:0px;background: #fff;position: relative;transition: all 0.3s ease;display: flex;flex-direction: column;justify-content:end;}
.category-img {text-align: center; overflow: hidden; position: relative;}
.category-item img {height:100%;margin: 0 auto;transition: transform 0.3s ease;overflow: hidden; width: 100%;}
.category-item p {color: #272524;font-size: 16px;font-weight: 400;padding-right:15px;text-transform: uppercase;letter-spacing: -0.54px;line-height: normal;margin-top: 15px;}
.category-box1 p {text-align: right;}
.category-box2 p {text-align: left;}
.category-box3 p {text-align: left;}
.category-item:hover {background: #fff;}
.category-item:hover img{transform: scale(1.5);}


/* .category-img .hoverzoom{position: relative; overflow: hidden; transition: 1.3s;}
.category-img .hoverzoom{display: none;}
.category-item:hover .category-img .nothover{display: none;}
.category-item:hover .category-img .hoverzoom{display: block; transform: scale(1.2);} */

/* .category-img img {transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);}
.category-img {position: relative;text-align: center;overflow: hidden;}
.category-img .nothover {display: block;margin: 0 auto;transition: opacity 0.6s ease;}
.category-img .hoverzoom {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(1);opacity: 0;transition: opacity 0.6s ease, transform 0.6s ease;}
.category-item:hover .nothover {opacity: 0;}
.category-item:hover .hoverzoom {opacity: 1;transform: translate(-50%, -50%) scale(1.2);} */



/*===precision-section======*/
.precision-section{position: relative; padding: 100px 0px; background: #272524; overflow: hidden;}
.realized-hd h2{color:#C3E2D9;text-align: center;font-family: "Beaufort Pro";font-size: 50px;font-weight: 200;line-height: normal;letter-spacing: -1.5px;}

.crafted-container {display: grid;grid-template-columns: 2fr 1.2fr;align-items: center;gap: 40px; margin: 90px 0px 120px 0px;}
.crafted-left {display: flex;flex-direction: column;justify-content: flex-end;}
.precision-image img {width: 100%;height: auto;border-radius: 4px;margin-bottom: 20px;}
.precision-text h3 {color: #FFF;font-size: 24px;font-weight: 500;line-height: normal;letter-spacing: -0.72px;text-transform: uppercase; margin-bottom: 10px;}
.precision-text p {color: #FFF;font-size: 16px;font-weight: 400;line-height: normal;letter-spacing: -0.48px;max-width: 430px;}

.engineered{background-image: url('../images/Elegance-engineered.svg'); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 300px 60px 70px 60px;}
.quiettext h3{color: #FFF;text-align: right;font-family: "Beaufort Pro";font-size: 50px;font-weight: 400;line-height: normal;letter-spacing: -1.5px;}
.quiettext p{ color: #FFF;text-align: right;font-size: 16px;font-weight: 400;line-height: normal;letter-spacing: -0.48px; max-width: 551px; margin-left: auto;}
.quiettext h3 span{font-style: italic;}


/*=====products-section=====*/
.products-section{padding: 100px 0px; position: relative; overflow: hidden;}
.products-section h3{color:#272524;text-align: center;font-family: "Beaufort Pro";font-size: 50px;font-weight: 400;line-height: normal;letter-spacing: -1.5px;}


.slider-container {position: relative;margin: 0 auto;overflow: hidden;}
.slider {display: flex;gap: 40px;transition: transform 0.6s ease; align-items: center;}
.slideitem {flex: 0 0 calc(31.333% - 10px);text-align: center;opacity: 0.5;transform: scale(0.9);filter: blur(2px);transition: all 0.5s ease;}

.slideitem.active {opacity: 1;transform: scale(1);filter: blur(0);}
.slideitem.active .product-werap{opacity: 1;}
.product-img {min-height: 420px; display: flex; align-items: center; justify-content: center;}
.product-img img{width: 100%;max-width: 280px;height: auto;}

.product-werap {text-align: center;opacity: 0;transition: all 0.5s ease;}
.product-werap h5{color:#272524;text-align: center;font-size: 18px;font-weight: 600;line-height: normal;letter-spacing: -0.54px;text-transform: uppercase;}
.product-werap p{color:#272524;text-align: center;font-size: 16px;font-weight: 400;line-height: normal;letter-spacing: -0.48px;max-width: 275px; margin: 0 auto 30px;}
.controlarrow .arrow {background: none;border: none;cursor: pointer;transition: color 0.3s ease;position: absolute;top: 50%;transform: translateY(-50%);z-index: 5;}
.arrow:hover {color: #272524;}
.controlarrow .prev {left:10%}
.controlarrow .next {right: 10%;}


.experiencesection{position: relative;}
.videocover video{width: 100%; height:100%; object-fit: cover;}
.videocover {position: relative;overflow: hidden;height:800px;width: 100%;}
.home-hd{position: absolute; top: 40%; left: 0px; right: 0px; text-align: center;}
.hd-exper{position: absolute; top:30%; left: 120px;}

.videocover2 video{width: 100%; height:100%; object-fit: cover;}
.videocover2 {position: relative;overflow: hidden;height:800px;width: 100%;}

.videocover3 video{width: 100%; height:100%; object-fit: cover;}
.videocover3 {position: relative;overflow: hidden;height:100%;width: 100%;}
.videocover video{vertical-align: bottom;}
.videocover2 video{vertical-align: bottom;}
.videocover3 video{vertical-align: bottom;}
.desktop-video{display: block;}
.mobile-video{display: none;}

@media (max-width: 767px) {
    .desktop-video{display: none;}
    .mobile-video{display: block;}
    .hd-exper{position: absolute; top: 20%; left: 20px; right: 10px;}
    .videocover {height:580px;}
.videocover2 {height:580px;}

.category-item p{
    padding-left:15px;
}


}


/* --- HERO SECTION --- */
.hero-section {position: relative;background: url('../images/hydration-banner.svg');overflow: hidden;background-position: center !important; background-size: cover !important; background-repeat: no-repeat; padding: 360px 0px 80px;}
.hero-content {text-align: center;position: relative;z-index: 2;}
.hero-content h2 {color: #272524;text-align: center;font-family: "Beaufort Pro";font-size: 75px;font-weight: 400;line-height: 70px;letter-spacing: -2.25px;display: flex;align-items: center;justify-content: center;gap: 120px;}
.hero-content h2 span {font-style: italic; position: relative; left: 80px;}
.shop-btn .btn{border: 0px; border-radius: 4px;background: var(--Seafoam-Mist, #C3E2D9);color:  #272524;text-align: center;font-size: 14px;font-style: normal;font-weight: 600;line-height: normal;text-transform: uppercase;padding: 14px 50px;}
.shop-btn .btn:hover {background-color: #98d4c1;}
.bottom-text{position: relative; margin-top:20%;}
.available-text {color: #272524;text-align: center;font-size: 18px;font-style: normal;font-weight: 600;line-height: normal;text-transform: uppercase; margin-top: 40px;}
.amazon-logo {width: 60px;vertical-align: middle;margin-left: 5px;}


/*----experience-section-----*/
.experience-section{background-image: url('../images/Experience-banner.svg');background-position: center; background-size: cover; background-repeat: no-repeat; padding:190px 0px; }
.hd-exper h3{color:#fff;font-family: "Beaufort Pro";font-size: 75px;font-weight: 400;line-height: normal;letter-spacing: -2.25px; margin-bottom: 20px;}
.hd-exper h3 span{font-style: italic;}
.hd-exper p{color:#fff;font-size: 16px;font-weight: 400;line-height: normal;letter-spacing: -0.48px;max-width: 466px; margin-bottom: 30px;}
.hd-exper a{color:#fff;font-size: 14px;font-weight: 600;line-height: normal;text-transform: uppercase;}
.hd-exper a i{margin-left: 10px;}



/* Section Wrapper */
.intro-wrapper {width: 100%;background-color: #fff;padding: 100px 0px; position: relative;}
.intro-heading{position: relative;}
.intro-heading h1{color:#272524;font-family: "Beaufort Pro";font-size:180px;font-weight: 400;line-height: 130px;letter-spacing: -7.2px;}
.intro-heading em {font-style: italic;}
.intro-heading h1 span{display: block; text-align:right; font-size:180px;}
.intro-heading p{color:#272524;font-size: 16px;font-weight: 400;line-height: normal;letter-spacing: -0.48px; max-width: 332px; position: absolute; top:42%;}
/* Button */
.enqure-btn{text-align: center; margin-top: 80px;}
.enqure-btn .btn{border-radius: 4px;color:#272524;font-size: 14px;font-weight: 500;line-height: normal;text-transform: uppercase;border: 1px solid #272524;transition: all 0.3s ease; padding: 20px 46px;}



/*====follow-wrapper======*/
.follow-wrapper{background: #F4F2F0; padding: 100px 0px; position: relative; overflow: hidden;}
.follow-wrapper h4{color: #272524;text-align: center;font-family: "Beaufort Pro";font-size: 50px;font-weight: 400;line-height: normal;letter-spacing: -1.5px;}
.follow-wrapper h4 span{font-weight: 600;}
.follow-grid{display: grid; grid-template-columns: repeat(4 ,1fr); gap: 20px 20px;}
.follow-card{position: relative; overflow: hidden; margin-top: 30px;}
.follow-card img{width: 100%;}


.mobilesilder{display: none;}
.mobilesilder .owl-theme .owl-controls .owl-nav div{height: 0px !important;}
.owl-theme .owl-controls .owl-nav .disabled{opacity: 100% !important;}
.mobilesilder .owl-prev:before {content: '';background-image: url(../images/left-nav.svg);background-repeat: no-repeat;position: absolute;bottom: -12%;right: 12%;left: 0px; width:22px;height: 22px;background-size: 22px; margin: 0 auto;}
.mobilesilder .owl-next:before {content: '';background-image: url(../images/right-nav.svg);background-repeat: no-repeat;position: absolute;bottom: -12%;left: 12%;right: 0px; width:22px;height: 22px;background-size: 22px;margin: 0 auto;}



/* Footer Base */
.footer-section {background-color: #1d1b1b;color: #fff;padding: 100px 0px;}
.footer-werap {display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;}
.footer-links {display: flex;gap: 60px;}
.footer-column {display: flex;flex-direction: column;gap: 10px;}
.footer-column a {color:#F4F2F0;font-size: 14px;font-weight: 400;line-height: 40px;letter-spacing: -0.42px;text-transform: uppercase;}
.footer-column a:hover {color: #ffffff;}
.footer-icons {display: flex;gap: 30px; margin-bottom: 80px; justify-content: end;}
.footer-icons p {color:#F4F2F0;font-size: 14px;font-weight: 400;line-height: 40px;letter-spacing: -0.42px;text-transform: uppercase;}


.copyright{position: relative; background: #C3E2D9; padding: 200px 0px;}
.brand-logo{float: left;}
.copyright p{color:#272524;text-align: center;font-family: "Beaufort Pro";font-size: 30px;font-weight: 400;line-height: normal;letter-spacing: -0.9px; margin: 0px;}



/* About page Base */

.about-pages{position: relative; padding: 150px 0px 90px 0px; overflow: hidden;}
.about-hd{display: flex; gap: 60px; justify-content: center;}
.about-hd h2{color:#272524;font-family: "Beaufort Pro";font-size: 75px;font-weight: 500;line-height: normal;letter-spacing: -2.25px;}
.about-hd p{color:#272524;font-size: 16px;font-weight: 400;line-height: normal;letter-spacing: -0.48px; max-width: 620px;}
.shower-banner{position: relative; overflow: hidden;}
.shower-banner img{width: 100%;}
.vision-section{padding: 100px 0px; background: #C3E2D9; position: relative; overflow: hidden;}
.vision-section h4{color:#272524;font-family: "Beaufort Pro";font-size: 50px;font-weight: 400;line-height: normal;letter-spacing: -1.5px; margin-bottom: 50px;}
.our-hd p{color:#272524;font-size: 16px;font-weight: 400;line-height: normal;letter-spacing: -0.48px;max-width: 527px;}
.visionimg{padding-left: 30px;}
.visionimg img{width: 100%;}
.leadership{margin-top: 60px;}
.leadership .row{gap: 0px 60px;}
.teamwerap img{width: 100%; margin-bottom: 20px;}
.teamwerap h5{color:#272524;font-size: 16px;font-weight: 700;line-height: normal;letter-spacing: -0.48px;text-transform: uppercase;}
.teamwerap span{color:#5D5D5D;font-size: 14px;font-weight: 400;line-height: normal;letter-spacing: -0.42px;}
.effectlogo{position: absolute; top: 35%; left:0px;  right:0px; text-align:center;z-index:1; opacity: 0; transition: transform 0.4s ease;}
.about-images::after {
    content: '';
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color:#000000A1;
    /* background: linear-gradient(0deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.60) 100%), url(<path-to-image>) lightgray -278.755px -37.95px / 189.231% 208.057% no-repeat; */
    left: 0px;
    opacity: 0;
    transition: opacity 0.4s ease;
}
.about-images {
    position: relative;
    overflow: hidden;
}
.effectlogo img {
    height: 50px;
    object-fit: contain;
    max-width: 210px;
}
.aboutus-cover{
    position: relative;
    overflow: hidden;
    transition: transform 0.4s ease;
}

.aboutus-cover:hover .about-images img {

    transform: scale(1.2);

}

.aboutus-cover:hover .effectlogo {
    opacity: 1;
}

.aboutus-cover:hover .about-images::after {
    opacity: 0.5;
}


.about-prv {padding: 100px 0px; position: relative; overflow: hidden;}
.about-text {position: relative;}
.about-text h2 {color:#272524;font-family: "Beaufort Pro";font-size:44px;font-weight: 500;line-height: normal;letter-spacing: -1.5px; margin-bottom: 15px;}
.about-text p {color:#272524;font-size: 15px;font-weight: 400;line-height: normal;letter-spacing: -0.48px;}
.about-layer {display: grid;grid-template-columns: repeat(4, 1fr);gap:0px 20px;}
.about-images img {width: 100%;height: auto;object-fit: cover;transition: transform 0.4s ease;}

.expect-section{position: relative; padding: 160px 0px; background: #272524;}
.expect-text{max-width: 810px; margin: 0 auto;}
.expect-text h4{color:#C3E2D9;text-align: center;font-family: "Beaufort Pro";font-size: 40px;font-weight: 400;line-height: normal;letter-spacing: -1.2px; margin-bottom: 30px;}
.expect-text h6{color:#F4F2F0;text-align: center;font-size: 16px;font-weight: 400;line-height: normal;letter-spacing: -0.48px;text-transform: uppercase;}
.expect-text span{display: block;color: #7A7A7A;font-size: 14px;font-weight: 400;line-height: normal;letter-spacing: -0.42px; text-align: center;}
.expect-section::after{content: ''; position: absolute; top: 0px; right: 0px; width:330px; height:320px; background-image: url('../images/about/frame-bg.svg'); background-position: center; background-repeat: no-repeat; background-size: cover;}
.expect-section .owl-theme .owl-controls .owl-nav div{height: 0px !important;}
.expect-section .owl-prev:before {content: '';background-image: url(../images/left-nav.svg);background-repeat: no-repeat;position: absolute;top:35%;left: 0px; width:22px;height: 22px;background-size: 22px; filter: invert(1);}
.expect-section .owl-next:before {content: '';background-image: url(../images/right-nav.svg);background-repeat: no-repeat;position: absolute;top:35%;right: 0px; width:22px;height: 22px;background-size: 22px;filter: invert(1);}




.expect-section .owl-dots {position: absolute;bottom:-12%;left: 0px;right: 0px;text-align: center;opacity: 0;}
.expect-section .owl-theme .owl-dots .owl-dot span {border-radius: 2.454px;background: #484644;width: 12px;height: 6px;}
.expect-section .owl-theme .owl-dots .owl-dot.active span{background: #C3E2D9; width: 32px;}



.prvslider{display: none;}






/*----contact-pages-----*/
.contact-pages{position: relative; overflow: hidden;}
.contact-section{position: relative; overflow: hidden; padding: 100px 0px;}
.get-contact h3{color:#272524;font-family: "Beaufort Pro";font-size: 75px;font-weight: 400;line-height: normal;letter-spacing: -2.25px;}
.get-contact p{color:#272524;font-size: 24px;font-weight: 400;line-height: normal;letter-spacing: -0.72px;margin-bottom: 40px;font-family: "Beaufort Pro";max-width: 547px;}
.get-contact h5{color:#272524;font-size: 16px;font-weight: 400;line-height: normal;letter-spacing: -0.48px;text-transform: uppercase; }
.get-contact p a{color:#272524;}
.contact-form{position: relative;padding-left: 20px;}
.contact-form label{color:#272524;font-size: 14px;font-weight: 400;line-height: normal;letter-spacing: -0.42px;text-transform: uppercase; margin-bottom: 8px;}
.contact-form .form-control{border-radius: 4px;background: #F6F6F6;color:#272524;font-size: 14px;font-weight: 400;line-height: normal;letter-spacing: -0.42px; height: 60px; border: 0px; margin-bottom: 30px;}
.contact-form textarea.form-control {min-height: 160px; margin-bottom: 50px;}
textarea {resize: none;}
.map-link a{color:#272524;font-family: "Beaufort Pro";font-size: 14px;font-weight: 500;line-height: normal;text-transform: uppercase; margin-bottom: 30px; display: block;}
.map-link a img{margin-left: 12px;}
.intro-wrapper.bgcolor{background: #F5F5F5;}


.filter-container {background-color: #ffffff;border-radius: 8px;overflow: hidden; padding: 0px 20px; display: none;}
.filter-header {display: flex;justify-content: space-between;align-items: center;width: 100%;padding: 16px 20px;border-radius: 30px; background-color: #272524;color: #ffffff;font-size: 14px;font-weight: 600;line-height: 9.898px;letter-spacing: -0.42px;text-transform: uppercase;border: none;cursor: pointer;text-align: left;outline: none;}
.arrow-icon {font-size: 20px;line-height: 1;transition: transform 0.3s ease;}
.filter-list {display: none;}
.filter-item {padding: 16px 20px;color:#272524;font-size: 14px;font-weight: 600;line-height: 9.898px;letter-spacing: -0.42px;text-transform: uppercase;border-top: 1px solid #eeeeee; }
.filter-list .filter-item:first-child {border-top: none;}
.filter-item:hover {background-color: #f5f5f5;}


/*----Privacy Policy-----*/
.privacy-pages{padding: 150px 0px 80px 0px; position: relative; overflow: hidden;}
.privacy-hd h2{color:#272524;font-family: "Beaufort Pro";font-size: 75px;font-weight: 400;line-height: normal;letter-spacing: -2.25px;}
.privacy-hd p{color:#7A7A7A;font-size: 14px;font-weight: 400;line-height: normal;letter-spacing: -0.42px;}
.privacy-detail {position: relative;max-width:810px;margin-left: auto; padding-top: 50px;}
.privacy-detail p{color:#272524;font-size: 16px;font-weight: 400;line-height: normal;letter-spacing: -0.48px;}
.privacy-detail li{color:#272524;font-size: 16px;font-weight: 400;line-height:24px;letter-spacing: -0.48px; margin-bottom: 10px;}
.privacy-detail h5{color:#272524;font-size: 24px;font-weight: 400;line-height: normal;letter-spacing: -0.72px; margin-bottom: 20px;}
.information {margin-top: 40px;}
.privacy-detail ul{list-style: disc; padding-left: 20px;}
.privacy-detail a{color:#272524;}

.footer-right p{color:#F4F2F0;
font-size: 14px;
font-weight: 400;
line-height: normal;
letter-spacing: -0.42px;
text-transform: uppercase;}

/* blog detail */

.blogdetail-slider{position: relative; padding: 30px 0px 30px 0px;max-width:1280px;margin-left: auto;}
.blogdetail-slider .owl-theme .owl-controls .owl-nav div{height: 0px !important;}
.blogdetail-slider .owl-prev:before {content: '';background-image: url(../images/left-nav.svg);background-repeat: no-repeat;position: absolute;bottom:-8%;left: 0px; width:22px;height: 22px;background-size: 22px;}
.blogdetail-slider .owl-next:before {content: '';background-image: url(../images/right-nav.svg);background-repeat: no-repeat;position: absolute;bottom:-8%;right: 0px; left: 5%; width:22px;height: 22px;background-size: 22px;}

.latest-detail {position: relative;max-width:980px;margin-left: auto;padding-top: 50px;}
.latest-detail p{color:#272524;font-size: 16px;font-weight: 400;line-height: normal;letter-spacing: -0.48px;}
.bottum-line{border-top: 1px solid #CDC8C1; margin-top: 40px;}
.suggested-section{position: relative; overflow: hidden; padding-bottom: 100px;}
.suggested-section h4{color:#272524;font-size: 18px;font-weight: 500;line-height: normal;letter-spacing: -0.54px;text-transform: uppercase; margin-bottom: 50px;}
.postgrid{display: grid; grid-template-columns: repeat(3 ,1fr); gap: 40px 20px;}
.postwerap{position: relative; overflow: hidden;}
.postimg{position: relative;margin-bottom: 20px;overflow: hidden;display: flex;align-items: center;justify-content: center;background: #fff;}
.postimg img{width: 100%; height: 100%; overflow: hidden;}
.explorecard .postimg{height: 400px;}


.deeptext{color:#272524;font-size: 9.886px;font-weight: 500;line-height: 13.417px;letter-spacing: -0.297px;text-transform: uppercase; border-radius: 49px;background:#C3E2D9; display: inline-flex;padding: 11px 28px;justify-content: center;align-items: center;position: absolute;bottom: 20px;z-index: 1;right: 20px;}
.posttext h5{color:#272524;font-family: "Beaufort Pro";font-size: 24px;font-weight: 400;line-height: normal;letter-spacing: -0.72px;}
.posttext p{color:#272524;font-size: 16px;font-weight: 400;line-height: normal;letter-spacing: -0.48px;}


/* Blog page */
.blogs-pages{position: relative; overflow: hidden; padding: 150px 0px 30px 0px;}
.everyday-section{background: #C3E2D9; padding: 100px 0px; position: relative; overflow: hidden;}
.featured h5{color:#272524;font-family: "Sweet Sans Pro";font-size: 18px;font-weight: 500;line-height: normal;letter-spacing: -0.54px;text-transform: uppercase;}
.featured p{color:#7A7A7A;font-size: 16px;font-weight: 400;line-height: normal;letter-spacing: -0.48px;}
.featured p span{color: #272524;max-width: 390px; display: block;}
.featured{display: flex;flex-direction: column;align-items: flex-start;gap:160px;}
.featured h3{color:#272524;font-family: "Beaufort Pro";font-size: 50px;font-weight: 400;line-height: normal;letter-spacing: -1.5px; max-width: 544px;}
.product-section{position: relative; padding: 100px 0px; overflow: hidden;}
.custom-tabs{position: relative; margin-bottom: 50px;}
.custom-tabs .nav-link{color:#272524;font-size: 14px;font-weight: 500;line-height: 19px;letter-spacing: -0.42px;text-transform: uppercase; border-radius: 70px;border: 1px solid #CDC8C1;background: #FFF; display: flex;padding: 16px 40px; margin-right: 10px;}
.custom-tabs .nav-pills .nav-link.active, .nav-pills .show>.nav-link{background-color: #272524;}
.stories-section {padding: 0px 0px 100px 0px; position: relative; overflow: hidden;}
.stories-header h4 {color:#272524;font-size: 18px;font-weight: 500;line-height: normal;letter-spacing: -0.54px;text-transform: uppercase;}
.story-item {display: flex;justify-content: space-between;align-items: flex-start;gap:80px;padding: 50px 0;border-top: 1px solid #CDC8C1;}
.story-text {display: flex;flex-direction: column;align-items: flex-start;gap:160px;}
.story-date span{color: #ADADAD;font-size: 18px;font-weight: 500;line-height: normal;letter-spacing: -0.54px;text-transform: uppercase;}
.story-title h3{color:#272524;font-family: "Beaufort Pro";font-size: 24px;font-weight: 400;line-height: normal;letter-spacing: -0.72px;}
.story-title p{color:#272524;font-size: 16px;font-weight: 400;line-height: normal;letter-spacing: -0.48px; max-width: 390px; margin: 0px;}
.story-img {flex: 1;text-align: right;}
.story-img img {width: 100%;object-fit: cover;}
.morebtn{position: relative; overflow: hidden; margin: 0px;text-align: left;border-top: 1px solid #CDC8C1; padding-top: 50px;}

/* category-pages */
.category-pages{position: relative; overflow: hidden; background-image: url('../images/category/category-banner.svg'); background-position: center; background-size: cover; background-repeat: no-repeat; padding:340px 0px 50px 0px; display: flex; align-items: end;}
.bread-werrap li {color: #FFF;font-size: 16px;font-weight: 500;line-height: normal;letter-spacing: -0.48px;text-transform: uppercase;}
.bread-werrap a{color: #fff;}
.bread-werrap .breadcrumb-item.active{color: #fff;}
.bread-werrap .breadcrumb-item+.breadcrumb-item::before{color: #fff;}
.shower-section{position: relative; overflow: hidden; padding: 100px 0px;}
.shower-section h3{color:#272524;font-family: "Beaufort Pro";font-size: 75px;font-weight: 400;line-height: normal;letter-spacing: -2.25px; margin-bottom: 30px;}
.product-grid {display: grid;grid-template-columns: repeat(3 ,1fr);gap: 25px;}
.product-card {position: relative;overflow: hidden;transition: box-shadow 0.3s ease;}
.productwerap{border: 1px solid #CDC8C1;background: #FDFDFD; padding: 20px 40px; text-align: center; margin-bottom: 30px; height: 400px; position: relative; overflow: hidden;}
.color-dots{text-align: center;}
.dot {width:20px;height:20px;border-radius: 50%;display: inline-block; margin: 0px 5px;cursor: pointer; text-decoration: none;}
.dot.gold {background: #F0CF87;}
.dot.black {background: #413F3F;}
.product-info h4{color:#272524;font-size: 18px;font-weight: 600;line-height: normal;letter-spacing: -0.54px;text-transform: uppercase; margin: 0px;}
.product-info p{color:#272524;font-size: 16px;font-weight: 400;line-height: normal;letter-spacing: -0.48px; max-width: 220px;}
.product-info span{color:#272524;text-align: right;font-size: 18px;font-weight: 600;line-height: normal;letter-spacing: -0.54px; }
.price{display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px;}
.productimg span {opacity: 0;transition: opacity 0.3s ease-in-out; cursor: pointer;}
.productimg span.show {opacity: 1;}

.productimg img{width: 100%; height: 100%;}

.explore-section{background: #F5F5F5; padding: 100px 0px; position: relative; overflow: hidden;}
.explore-section h3{color:#272524;font-family: "Beaufort Pro";font-size: 50px;font-weight: 400;line-height: normal;letter-spacing: -1.5px; margin-bottom: 40px;}
.explorecard h5{color:#272524;font-size: 18px;font-weight: 400;line-height: normal;letter-spacing: -0.54px;text-transform: uppercase;}


/* productmodal */
.productmodal .modal-dialog{max-width:80%; margin: 6% auto;}
.productmodal .modal-header{border: 0px; padding: 0px;}
.modal-header .btn-close{ position: absolute;top: 10%;right: 4%;font-size: 20px; z-index: 99;}
.productmodal .modal-body{padding:60px 40px;}
.productsilder{position: relative; overflow: hidden;}
.productsilder .owl-theme .owl-controls .owl-nav div{height: 0px !important;}
.productsilder .owl-prev:before {content: '';background-image: url(../images/left-nav.svg);background-repeat: no-repeat;position: absolute;top:40%;left:4%; width:22px;height: 22px;background-size: 22px;}
.productsilder .owl-next:before {content: '';background-image: url(../images/right-nav.svg);background-repeat: no-repeat;position: absolute;top:40%;right:4%;  width:22px;height: 22px;background-size: 22px;}
.productsilder .owl-dots {position: absolute;bottom:4%;left: 0px;right: 0px;text-align: center;}
.productsilder .owl-theme .owl-dots .owl-dot span {border-radius: 2.454px;background: #EEE;width: 12px;height: 6px;}
.productsilder .owl-theme .owl-dots .owl-dot.active span{background: #C3E2D9; width: 32px;}




.productsilder{border: 1px solid #CDC8C1;background: #FDFDFD; padding: 40px 40px; text-align: center; margin-right: 30px;}
.softtext h3{color:#272524;font-family: "Beaufort Pro";font-size: 50px;font-weight: 400;line-height: normal;letter-spacing: -1.5px;}
.softtext h6{color:#272524;font-size: 24px;font-weight: 400;line-height: normal;letter-spacing: -0.72px;}
.softtext p{color:#272524;font-size: 16px;font-weight: 400;line-height: normal;letter-spacing: -0.48px;}
.softtext span{color:#272524;font-size: 18px;font-weight: 600;line-height: normal;letter-spacing: -0.54px;}
.softtext h5{color:#272524;font-size: 18px;font-weight: 600;line-height: normal;letter-spacing: -0.54px;text-transform: uppercase; margin-bottom: 10px;}
.available .btn{color:#272524;font-size: 16px;font-weight: 400;line-height: normal;letter-spacing: -0.48px; border-radius: 4px;border: 1px solid #CDC8C1;padding: 15px;margin-right: 12px;}
.available {position: relative;margin-top: 30px;}
.description{margin: 30px 0px;}
.available .dot {background: #D4D4D4;}
.available .dot.blacknew {background: #413F3F;}




/* mobile dropdown menu */

 .navmenu .dropdown {padding: 10px 0px; overflow: hidden; display: none;position: absolute;top: 100%;left: 0;background:#fff;min-width: 240px;box-shadow: 0 4px 8px rgba(0,0,0,0.15);z-index: 1000;flex-direction: column; border-radius: 9px;}
 .navmenu .dropdown a {padding: 11px 17px;color: #272524;font-size: 16px;}
.dropdown a:hover {width: 100%;background:#C3E2D9;color: #272524; font-weight: 500;}


.rotate{margin-left: 4px; font-size:18px;}
    
/* Desktop Hover Support */
 @media (min-width: 769px) {
  .toggle-dropdown {
  transition: transform 0.3s ease;
}
  .nav-item:hover > a .rotate {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
  }
      .nav-item:hover .dropdown {
        display: flex;
      }
      /* .nav-item > button::after {
        content: 'â–¼';
        font-size: 10px;
      } */
}

/* Hide submenu initially on mobile */
@media (max-width: 768px) {
  .navmenu .dropdown {
    display: none !important;
    position: static;
    box-shadow: none;
    background: transparent;
    margin-top: 10px;
  }

  .nav-item.open .dropdown {
    display: flex !important;
    flex-direction: column;
  }

      /* Reset rotation style */
.rotate {
  transition: transform 0.3s ease;
  margin-left: 6px;
       transform: rotate(266deg);
}

 .nav-item.open .rotate {
 transform: rotate(180deg);
}


/* Rotate icon on mobile when open */
/* .nav-item.open .toggle-dropdown::before {
  content: '−';
} 
.nav-item:not(.open) .toggle-dropdown::before {
  content: '+';
} */
}