@font-face {
  font-family: 'ProximaNovaRegular';
  src: url(https://cdn.shopify.com/s/files/1/0410/9608/5665/files/ProximaNovaA-Regular.ttf?v=1711045552) format('truetype');
    
 font-display: swap;
  
}

@font-face {
  font-family: 'ProximaNovaBold';
  src: url(https://cdn.shopify.com/s/files/1/0410/9608/5665/files/ProximaNovaA-Bold.ttf?v=1711044443) format('truetype');
    
 font-display: swap;
  
}
:root{
  --black-color:#000000;
  --primary-color:#17313E;
  --secondary-color:#415E72;
  --brown-color:#ededed;
  --light-brown:#EED6C4;
  --theam-color:#DBBBAD;
  --light-pink:#DDBFC5;
  --red-color:#E12026;
  --red-shade1:#FF9DA0;
  --white-color:#ffffff;
  --gray-color:#F0F0F0;
}

.text-red{color:var(--red-color) !important}
.bg-red{background:var(--red-color) !important}

.text-black{color:var(--black-color) !important}
.bg-black{background:var(--black-color) !important}

.text-primary{color:var(--primary-color) !important}
.bg-primary{background:var(--primary-color) !important}

.text-secondary{color:var(--secondary-color) !important}
.bg-secondary{background:var(--secondary-color) !important}

.text-theam{color:var(--theam-color) !important}
.bg-theam{background:var(--theam-color) !important}

.text-white{color:var(--white-color) !important}
.bg-white{background:var(--white-color) !important}

.text-gray{color:var(--gray-color) !important}
.bg-gray{background:var(--gray-color) !important}

.text-light-gray{color:var(--light-gray-color) !important}
.bg-light-gray{background:var(--light-gray-color) !important}

.text-light-pink{color:var(--light-pink) !important}
.bg-light-pink{background:var(--light-pink) !important}
body{
  font-family: 'ProximaNovaRegular';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.cinzel{font-family: "Cinzel", serif;}
.card-header,.card-body,.card-footer{padding: 0;}
.wrapper-class {
  max-width: 1440px;
  margin: auto;
}
.theam-btn {
  font-weight: 700;
  display: inline-block;
  border: 1px solid transparent;
  transition: all 0.5s ease-in-out;
  font-family: "Manrope", sans-serif;
  font-size: 16px;
  padding: 10px 30px;
  text-decoration: none;
  text-align: center;
}
.theam-btn img{transition: all 0.5s ease-in-out;}
.theam-btn:hover{transition: all 0.5s ease-in-out;}
.theam-btn:hover img{transition: all 0.5s ease-in-out;margin-left: 20px;}
.black-button {
  background: var(--black-color);
  color: var(--white-color);
  transition: all 0.5s ease-in-out;
}
.black-button:hover{color: var(--white-color);}
.white-button,.white-button:hover{color: var(--white-color);border: 1px solid var(--white-color);}
.primary-button{color: var(--black-color);border: 1px solid var(--black-color);}
/* header */
.main-menu {position: fixed;top: 0;width: 100%;z-index: 9;}
.main-menu .container{border-bottom: 1px solid #ccc;}
.main-menu .theam-logo{width: 200px;}
.main-menu .menu-skincare,.header-search{background:#000000c4;padding: 5px 20px;border-radius: 30px;margin: 0 5px;}
.main-menu .navbar-nav li{padding: 0 10px;}
.main-menu .navbar-nav li a{color: var(--white-color);font-size: 16px;font-weight: 600;}
.header-search .form-control{background: transparent;border: 0;width: 160px;color: var(--white-color);}
.header-search .form-control::placeholder{color: var(--white-color);opacity: 0.5;}
.header-search .input-group-text{background-color: transparent;border: 0;}
.menu-item li{background:#000000c4;padding: 12px 12px !important;border-radius: 50%;margin: 0 5px;}
.stickey-header{background: var(--white-color);box-shadow: 0 0 20px 0px #ccc;}
/* Home banner */
.home-banner{position: relative;height: 700px;background:linear-gradient(to right, #F0F0F0 50%, transparent 50%),url("../images/banner.png");background-repeat: no-repeat;background-position: left center, right center;background-size: 100% 100%, 50% 100%;}
.banner-content h1{font-size: 68px;font-family: "Cinzel", serif;}
.banner-content p{font-size: 20px;margin: 30px 0;}
.banner-list{position: relative;height: 100%;}
.banner-list ul{position: absolute;left: 5%;bottom: 5%;margin: 0;padding: 0;}
.banner-list li{font-size: 14px;list-style-type: none;font-weight: 600;padding: 5px 15px;border-radius: 30px;display: table;margin: 5px 0;}
.banner-list ul li:nth-child(odd){background: var(--primary-color);border: 2px solid var(--light-brown);color: var(--white-color);}
.banner-list ul li:nth-child(even){background: var(--white-color);border: 2px solid var(--primary-color);color: var(--secondary-color);}

.intro-section h2{font-size: 50px;font-family: "Cinzel", serif;}
.intro-section p{font-size: 20px;margin: 25px 0;}

.formula{background: url(../images/formula.png);background-repeat: no-repeat;background-position: top center;padding: 100px 0;text-align: center;color: var(--white-color);background-size: cover;}
.formula h2,.care-process h2,.featured-product h2,.skin-routine h2,.skin-routine h3{font-size: 54px;font-family: "Cinzel", serif;}
.formula p{font-size: 20px;margin: 20px 0;}
.formula-step{padding: 0px 40px;}
.formula-step .step-icon{border: 1px solid var(--white-color);width: 150px;height: 150px;border-radius: 20px;margin: auto;position: relative;background: #ffffff17;margin-bottom: 30px;}
.formula-step .step-icon img {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.step-icon:after{content: '';background: url(../images/line.png);width: 100%;height: 100%;position: absolute;background-repeat: no-repeat;top:50%;right: -100%;transform: translate(15%, 0);}
.step-icon.last-icon:after{background: none;right: 0;transform: translate(0px, 0px);width: 0;}
.formula-step .step-icon.second-icon{background: #ffffff;}
.formula .goal{background: var(--white-color);color: var(--secondary-color);border: 2px solid var(--primary-color);border-radius: 30px;font-size: 16px;font-weight: 600;display: inline-block;padding: 5px 10px;}

.care-process{padding: 40px 0;}
.care-card{border: 0;}
.care-card .card-header{border: 0;background: transparent;}
.care-card .card-header img{border-radius: 16px;}
.care-card .card-body{padding: 20px;}
.care-card .card-body h5{font-weight: 600;margin: 10px 0;font-size: 1.6rem;}
.care-card .card-body p{font-size: 20px;}

.featured-product{background: #2B0200;color: var(--white-color);}
.featured-card{border: 0;background-color: #000000;height: 100%;}
.featured-card .card-header{border: 0;background: transparent;position: relative;}
.featured-card .card-header img{width: 100%;height: 350px;object-fit: contain;background: #ffffff;}
.prod-info{position: absolute;bottom: 0;background: #00000060;color: var(--white-color);padding: 25px 20px;}
.featured-card h6{font-weight: 600;font-size: 1.4rem;}
.prod-info p{margin-bottom: 0;font-size: 16px;}
.featured-card .card-body{background: var(--black-color);color: var(--white-color);padding: 25px 20px;border-right: 1px solid #d4d4d466}
.featured-card .card-footer{padding: 0px 20px 40px;border-right: 1px solid #d4d4d466;}


.trust-build h3{font-weight: 600;font-size: 2.4rem;margin-bottom: 20px;}
.trust-build p{font-size: 20px;}
.trust-build ul li{font-size: 20px;}

.skin-routine{background: url(../images/skin-routine.png);background-repeat: no-repeat;background-position: top center;padding: 100px 0;color: var(--white-color);text-align: center;background-size: cover;}
.skin-routine p{font-size: 20px;margin-bottom: 50px;}
.color-button{background: linear-gradient(45deg, #E12026, #FF9DA0);color: var(--white-color);}
.block-title {display: flex;width: 100%;justify-content: space-between;border-bottom: 1px solid #D0D0D0;padding-bottom: 30px;}
.prod-items{display: flex;align-items:center}
.prod-items .input-group{border: 1px solid #00000040;border-radius: 50px;}
.prod-items .input-group-text,.prod-items .form-control{border: 0;background-color: transparent;}
.prod-items .form-control::placeholder{color: #00000050;}


footer{padding: 3.5rem 0 1rem;border-top: 1px solid var(--gray-color);background: var(--gray-color);}
.footer-logo{display: flex;align-items: center;margin-bottom: 70px;}
.footer-logo span{background: linear-gradient(to right, #000000 0%, #E12026 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 20px;font-weight: 600;border-left: 1px solid #D0D0D0;padding-left: 10px;margin-left: 10px;}
.footer-logo img{width: 150px;}
footer h6{margin-bottom: 30px;font-weight: 600;font-size: 20px;}
footer p{color: var(--black-color);padding: 10px 0;}
footer ul {padding: 0;}
footer ul li{list-style-type: none;margin-bottom: 10px;transition: all 0.5s ease-in-out;}
footer ul li a{color: var(--black-color);font-weight: 500;text-decoration: none;}
footer ul li a strong{color: var(--primary-color);}
footer ul li:hover{margin-left: 8px;transition: all 0.5s ease-in-out;}
footer ul li:hover a{font-weight: 600;}
.social-icons li{display: inline-flex;margin-right: 10px;}
.social-icons li img{width: 25px;}
.product-image img{height: 60px;width: 100%;object-fit: cover;border: 1px solid var(--gray-color);}
.state-list{display: contents;padding: 0;}
.state-list li{margin-right: 10px;cursor: pointer;display: inline-block;font-weight: 400;}
.state-list li:hover{color: var(--primary-color);}
.footer-news-letter{background:url(../images/newsletter.png);background-repeat: no-repeat;background-size: cover;position: relative;padding: 50px;border-radius: 50px;margin-top: 50px;}
.footer-news-letter:after{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #0000009e;border-radius: 50px;z-index: 0;}
.footer-news-letter form{z-index: 1;position: relative;}
.footer-news-letter form .form-control{background: transparent;border-radius: 50px;margin-bottom: 15px;padding: 10px 25px;color: var(--white-color);font-size: 16px;}
.footer-news-letter form .form-control::placeholder{color: var(--white-color);font-size: 16px;}
.footer-news-letter form button{margin-top: 40px;}
.bottom-footer ul{display: flex;    justify-content: flex-end;}
.bottom-footer ul li{margin-left: 10px;}


.inner-warpper{margin-top: 8rem;}
.thumbnail_slider{position: sticky;top: 120px;}
#primary_slider {margin-bottom: 10px;}
#primary_slider ul li{text-align: center;}
#primary_slider ul li img{height: 450px;}
.detail-info{background: var(--brown-color);padding: 10px;margin-bottom: 15px;}
.detail-info span{margin: 0 5px;font-weight: 600;letter-spacing: 0.2px;}
.detail-info span i{color: rgb(255, 199, 0);}
.detail-info span a{color: var(--black-color);margin-left: 10px;}
.product-details h6{font-weight: 600;margin-bottom: 15px;}
.product-details h5{font-weight: 600;}
.prod-vari{border: 1px solid var(--gray-color);border-radius: 15px;padding: 20px;margin-top: 40px;}
.prod-vari span{text-transform: uppercase;margin-top: -32px;display: block;background: var(--white-color);width: fit-content;padding: 0 10px;margin-bottom: 20px;}
.prod-vari ul{padding: 0;display: inline-flex;}
.prod-vari ul li{list-style-type: none;border: 1px solid var(--black-color);margin-right: 10px;padding: 5px 10px;}
.prod-vari p{margin-bottom: 0;}
.prod-vari p strong{font-size: 20px;}

.quantity {
  display: inline-flex;
  padding: 0;
  border: 1px solid var(--black-color);
}
.quantity__minus,
.quantity__plus {
  text-decoration: none;
  padding: 10px 20px;
}
.quantity__minus:hover,
.quantity__plus:hover {
  cursor: pointer;;
  color: #fff;
} 
.quantity__minus {
  border-radius: 3px 0 0 3px;
}
.quantity__plus {
  border-radius: 0 3px 3px 0;
}
.quantity__input {
  margin: 0;
  padding: 0;
  text-align: center;
  border: 0;
  background: #fff;
  color: var(--black-color);
  width: 80px;
}
.quantity__minus:link,
.quantity__plus:link {
  color: var(--black-color);
} 
.quantity__minus:visited,
.quantity__plus:visited {
  color: var(--black-color);
}

.accordion .accordion-item{border: 0;border-bottom: 1px solid var(--gray-color);border-radius: 0;}
.accordion-button:not(.collapsed){background-color: transparent;box-shadow:none}
.accordion-header .accordion-button, .accordion-body{padding-left: 0;border-radius: 0;}
.accordion-header button{color: var(--black-color);font-weight:600 ;}
.accordion-button:not(.collapsed){color:var(--red-color)}
button:focus,.accordion-button:focus{box-shadow: none;}

.faq h3{font-weight: 600;margin-bottom: 30px;}

.block-title{text-align: center;}
.block-title h3 span{color: var(--primary-color);font-weight: 600;}
.discover-block{padding: 40px 0;}
.discover-text{position: absolute;bottom: 0;background: var(--black-color);width: 100%;text-align: center;padding: 15px;cursor: pointer;height: 80px;display: flex;align-items: center;justify-content: space-around;}
.discover-text p{margin-bottom: 0;color: var(--white-color);font-size: 16px;font-weight: 500;letter-spacing: 1px;}
/* products item */
.product-card{border: 0;border-radius: 0px;padding: 20px;box-shadow: 0 0 20px 0px #cccccc42;border-radius: 10px;}
.product-card .card-header{background-color: transparent;border-bottom: 0;height: 210px;position: relative;border-radius: 20px;}
/* .product-card .card-header .delete-icon{position: absolute;top: 20px;right: 20px;font-size: 20px;color: #ff0000;} */
.product-card .card-header img{margin: auto;height: 100%;object-fit: contain;width: 100%;}
.product-card .card-body{padding-top: 1rem;}
.product-card .card-body h5{margin:0 auto 10px;display: block;font-weight: 600;}
.product-card .card-body .product-price,.product-card .card-body .rating{text-align: left;color: var(--brown-color);}
.product-card .card-body p{color: var(--black-color);}
.product-card .card-body .price-title{color: var(--black-color);font-weight: 700;font-size: 16px;}
.product-card .card-body .price,.price-container .price {color: var(--black-color);font-size: 20px;font-weight: 600;}
.product-card .card-body .price-before-discount,.price-container .price-before-discount{color: var(--black-color);padding:0 5px;position: relative;font-size: 20px;font-weight: 600;}
.product-card .card-body .price-before-discount:after,.price-container .price-before-discount:after{content: '';width: 100%;height: 1px;position: absolute;background: var(--light-gray-color);left: 0;top: 50%;}
.product-card .card-footer{background: transparent;border: 0;}
.product-card .card-footer .action {position: relative;padding: 15px 0 10px}
.green-button{border: 1px solid var(--primary-color);}
.product-slider h3{font-weight: 600;}




.cart-card{background: #ffffff;box-shadow: 0 0 20px 0px #cccccc42;padding: 20px;}
.cart-card h6{font-size: 16px;font-weight: 600;text-transform: uppercase;margin-bottom: 20px;}
.cart-card p{font-size: 14px;line-height: 1.2;}
.cart-price{font-size: 14px;font-weight: 600;}
.cart-card i{font-size: 20px;color: var(--black-color);}
.cart-card i:hover{color: var(--red-color);}
.order-summery{background: #ffffff;box-shadow: 0 0 20px 0px #cccccc42;padding: 20px;margin-top: 50px;}
.order-summery h5{text-transform: uppercase;font-weight: 600;}
.summery{display: flex;justify-content: space-between;margin: 20px 0;}
.summery span strong{font-size: 14px;letter-spacing: 0.2px;}
.empty-cart{background: #ffffff;box-shadow: 0 0 20px 0px #cccccc42;padding:40px 20px;text-align: center;}
.empty-cart img.empty-icon{width: 300px;}

.divider{position: relative;text-align: center;margin: 30px 0;font-size: 16px;}
.divider:before{content: '';width: 45%;height:1px;position: absolute;left: 0;top: 50%;transform: translate(0, -50%);background: var(--black-color);}
.divider:after{content: '';width: 45%;height:1px;position: absolute;right: 0;top: 50%;transform: translate(0, -50%);background: var(--black-color);}

.checkout-info img{width: 250px;margin-bottom: 35px;}
.checkout-info ul li{font-size: 20px;}

.checkot-guest-card{background: #ffffff;box-shadow: 0 0 20px 0px #cccccc42;padding: 30px;}
.checkot-guest-card p{margin-bottom: 30px;}


.shipping-address,.account-form{background: #ffffff;box-shadow: 0 0 20px 0px #cccccc42;padding: 30px;}
.shipping-address h5{font-weight: 600;margin-bottom: 20px;}
.address-title h6{font-weight: 600;font-size: 14px;margin-bottom: 0;}
.address-title p{font-size: 14px;color: var(--secondary-color);margin-bottom: 25px;}
.address-title span{font-size: 12px;margin-bottom: 15px;display: block;}

.form-group{margin-bottom: 20px;}
label{font-size: 14px;}
label span{color: var(--red-shade1);}
.form-control{border-radius: 0;border: 1px solid var(--gray-color);}
.form-control::placeholder{font-size: 12px;}

.cart-info{background: #ffffff;box-shadow: 0 0 20px 0px #cccccc42;padding: 20px;position: sticky;top: 120px;}
.cart-info h5{text-transform: uppercase;font-weight: 600;}
.prod-cart img{border: 1px solid var(--gray-color);}
.prod-cart h6 a{color: var(--black-color);text-decoration: none;font-weight: 600;}
.prod-cart h6:hover a{color: var(--red-shade1);}

.payment-item{border: 1px solid var(--gray-color);padding: 15px;margin: 10px 0;}


/* About-us */
.develop{border-top: 1px solid var(--light-brown);margin-top: 30px;padding-top: 40px;}
.develop span{font-size: 16px;color: var(--light-pink);}
.develop h6{font-weight: 600;margin: 20px 0;text-transform: capitalize;}
.develop p{font-size: 16px;}
.product-standards{border-left: 5px solid var(--light-brown);padding-left: 20px;margin-bottom: 50px;}
.product-standards h6{margin: 20px 0;}
.product-standards p{font-size: 16px;}


/* Contact-us */

.contact-details{padding-top: 50px;}
.contact-details h6{margin-bottom: 15px;}
.contact-info{border: 1px solid var(--light-brown);padding: 10px 18px;display: flex;border-radius: 10px;align-items: center;justify-content: space-between;margin-top: 10px;}
.contact-info i {font-size: 30px;}
.contact-info h6{color: var(--black-color);font-size: 16px;font-weight: 600;}
.contact-info p{margin-bottom: 0;color: var(--red-shade1);font-weight: 500;font-size: 14px;}
.divider{position: relative;text-align: center;margin: 40px 0;font-size: 18px;}
.divider:before{content: '';width: 45%;height:1px;position: absolute;left: 0;top: 50%;transform: translate(0, -50%);background: var(--black-color);}
.divider:after{content: '';width: 45%;height:1px;position: absolute;right: 0;top: 50%;transform: translate(0, -50%);background: var(--black-color);}
.contact-way{position: sticky;top: 150px;}
.contact-way p{font-size: 16px;}
.contact-way a{color: var(--red-shade1);}
.contact-way a:hover{color: var(--brown-color);}

.faq-block h5 span{background: linear-gradient(to left, #000000 0%, #E12026 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 20px;font-weight: 600;font-family: "Inter Tight", sans-serif;}
.breadcrumb{margin-bottom: 20px;}
.breadcrumb li{letter-spacing: 0.2px;}
.breadcrumb li a{color: var(--black-color);text-decoration: none;}
.breadcrumb li.active{color: var(--red-color);font-weight: 600;}

/* News/blog */
.cosmiq-item{position: relative;}
.cosmiq-item img {margin: auto;display: block;width: 100%;height: 280px;object-fit: cover;border-radius: 20px;}
.cosmiq-item .cosmiq-content{background: #ffffff;padding: 15px;max-width: 85%;margin: auto;box-shadow: 0 1px 6px #cccccc;border-radius: 10px;margin-top: -10%;position: relative;}
.cosmiq-item .cosmiq-content h6{font-size: 16px;font-weight: 500;text-transform: capitalize;margin-bottom: 15px;}
.cosmiq-item .cosmiq-content p{font-size: 14px;}
.cosmiq-item .cosmiq-content i{color: var(--yellow-color);}
.cosmiq-item .cosmiq-content a{font-size: 14px;color: var(--black-color);text-decoration: none;}
.cosmiq-community{padding: 2rem 0;}

.news-image{border-radius: 20px;}
.community-info p {
  margin-bottom: 12px;
}
.community-info h4,.community-details h3 {
  font-weight: 600;
}


@media (min-width: 1500px) {
  .container {
      max-width: 1440px;
  }
}
@media (max-width: 991px) {
/* .main-menu .container{border-bottom: 0;} */
}
@media (max-width: 767px) {
  .navbar-toggler:focus{box-shadow: none;}
.main-menu .theam-logo{width: 150px;}
.navbar-toggler{border: 0;}
.offcanvas{background: #F0F0F0;}
.main-menu .menu-skincare{background: none;padding: 0 !important;}
.main-menu .navbar-nav li a{color: var(--black-color);}
.menu-item{display: inline-block;}
.main-menu .navbar-nav li{display: inline-block}


.main-menu{position: relative;padding-bottom: 0;}
.stickey-header{position: fixed;}
.banner-content h1{font-size: 36px;}
.home-banner{background: #F0F0F0;}
.home-banner .h-100{height: unset !important;}
.banner-content{margin-top: 30px;}
.banner-list ul{position: relative;left: 0;margin-top: 60px;}
.banner-list li{font-size:12px;}
.banner-content p,.skin-routine p{font-size: 16px;margin: 20px 0;}

.intro-content{margin: 30px 0;padding: 0 15px;}
.intro-section h2,.formula h2, .care-process h2, .featured-product h2, .skin-routine h2,.skin-routine h3{font-size: 30px;}
.intro-section p,.formula p,.care-card .card-body p,.trust-build p,.trust-build ul li{font-size: 16px;}
.formula{padding: 30px 0;}
.care-card .card-body h5,.skin-routine h6{font-size: 1.4rem;}
.care-process{padding-bottom: 0;}
.trust-block,.build-block{margin: 30px 0;}
.trust-build h3{font-size: 2rem;}
.step-icon:after{display: none;}
.skin-routine{padding: 50px 0;}

.inner-warpper{margin-top: 2rem;}

.block-title{display: block;text-align: left;}
.block-title h3{margin-bottom: 25px;}

#primary_slider ul li img{height: 280px;}
.thumbnail_slider{position: relative;top: unset;margin-bottom: 40px;}
.product-details h3{margin-bottom: 20px;font-weight: 600}
.quantity__input{width: 50px;}
.cart-card img {width: 160px;margin: 0 auto 20px;text-align: center;display: block;}
.cart-card{position: relative;}
.cart-card i{position: absolute;top: 20px;right: 20px;}
.checkout-info img{width: 100px;text-align: center;display: block;margin: 20px auto;}
.checkout-info ul li{font-size: 16px;}

.about-us h1{font-weight: 600;}
.breadcrumb li{font-size:14px;}
.prod-vari p strong{font-size:16px}
}