@charset "utf-8";
/* CSS Document */

/* CSS Document © 2025 Envinto */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


::-moz-selection{ background:#7b7d7f; color:var(--primary); text-shadow:none;}
::selection { background:#7b7d7f; color:var(--primary); text-shadow:none;}
*,
*:before, *:after{-webkit-box-sizing:  border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video, textarea, input { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; outline:none; font-family:"Poppins", sans-serif;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body {color:#000000; background: #ffffff; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow:hidden;}
:root {overflow: hidden; overflow-y: scroll; --primary: #ffffff; --secondary:#000000; --global: #F67011; }
a { text-decoration:none; transition:all 0.25s ease-out 0s; outline: none; box-shadow: none;}
a:hover{text-decoration: none;}
h1, h2, h3 , h4, h5, h6, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{font-family: "Poppins", sans-serif;}
p, p span { font-family:"Poppins", sans-serif;}
img { border:0px;}
ol, ul, li{ list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
* {-webkit-appearance: none;}
::-webkit-input-placeholder {
  color:var(--primary-color);
}
::-moz-placeholder { 
  color:var(--primary-color);
}
:-ms-input-placeholder {
  color:var(--primary-color);
}
:-moz-placeholder {
  color:var(--primary-color);
}

section, header, footer {width: 100%; float: left;}

img{max-width: 100%; display: block;}

strong{font-weight: bold;}

.container{width: 94%; max-width: 1320px; margin: 0 auto;}

.menu-open { overflow: hidden;}



/* ---------header-wrapp---------- */
.header-wrapp {position: relative;}
.header-wrapp .header-row1 { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 20px 0; border-bottom: 1px solid var(--secondary);}
.header-wrapp p { font-size: 16px; font-weight: 400; color: var(--secondary);}
.header-wrapp p a {color: var(--secondary);}
.header-wrapp p a:hover { color: var(--global);}
.header-wrapp .header-right {width: auto; display: flex; flex-wrap: wrap; align-items: center;}
.header-wrapp .cart-btn { width: 22px; height: 22px; margin: 0 15px 0 0; display: block;}
.header-wrapp .cart-btn .icon { position: relative; width: 100%; display: block; height: 100%;}
.header-wrapp .cart-btn .icon img {width: 100%; height: 100%; transition: all .25s ease-in-out;}
.header-wrapp .cart-btn .icon .hover-icon { position: absolute; width: 100%;  height: 100%; transition: all .25s ease-in-out; top: 0; left: 0; opacity: 0;}
.header-wrapp .cart-btn .icon:hover > img { opacity: 0;}
.header-wrapp .cart-btn .icon:hover  .hover-icon { opacity: 1;}
.header-wrapp .header-row2 { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 20px 0; align-items: center;}
.header-wrapp .logo { width: 132px;}
.header-wrapp .header-menu { width: auto; display: flex; flex-wrap: wrap; align-items: center;}
.header-wrapp .header-menu ul { width: auto; display: flex; flex-wrap: wrap; align-items: center;}
.header-wrapp .header-menu ul li { font-size: 16px; font-weight: 400; margin: 0 25px 0 0;}
.header-wrapp .header-menu ul li a {color: var(--secondary);}
.header-wrapp .header-menu ul li a:hover { color: var(--global);}
.header-wrapp .contact-btn {background: var(--global); color: var(--primary); border: 1px solid var(--global); padding: 10px 26px; border-radius: 30px; font-size: 16px;}
.header-wrapp .contact-btn:hover { background: none; color: var(--global);}
.header-wrapp .mob-cart { display: none;}

.header-wrapp.sticky {position: fixed;background: var(--primary);z-index: 9; animation: .7s slide-down;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}


@keyframes slide-down {
  0% {
      transform: translateY(-100%)
  }

  100% {
      transform: translateY(0)
  }
}


.overlay {display: none;}
.burger-btn {display: none;}



/* ---------banner-wrapp----------- */
.banner-wrapp {position: relative;}
.banner-wrapp .banner-item { position: relative; width: 100%; height: 100%;}
.banner-wrapp img { width: 100%; height: 100%; object-fit: cover;}
.banner-wrapp .banner-content { position: absolute; width: 100%; top: 50%; transform: translateY(-50%);}
.banner-wrapp .banner-content .banner-col1 { width: 68%;}
.banner-wrapp h1 { font-size: 49px; color: var(--primary); font-weight: 500; line-height: 1.3; margin: 0 0 20px;}
.banner-wrapp p { line-height: 1.5; font-size: 16px; color: var(--primary); margin: 0 0 20px;}
.banner-wrapp .banner-btn { background: var(--global); color: var(--primary); border: 1px solid var(--global); padding: 10px 26px; border-radius: 30px; font-size: 16px; display: inline-block; margin: 50px 0 0;}
.banner-wrapp .banner-btn:hover { background: none; color: var(--global);}
.banner-wrapp .banner-slider { margin: 0 0 0;}
.banner-wrapp .banner-slider .slick-track { display: flex; flex-wrap: wrap;}
.banner-wrapp .banner-slider .slick-track .slick-slide { height: inherit;}
.banner-wrapp .banner-slider .slick-track .slick-slide > div { width: 100%;height: 100%;}




/* ----------percept-wrapp---------- */
.percept-wrapp {padding: 100px 0;}
.percept-wrapp .percept-row {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.percept-wrapp  .percept-col1 { width: 44%;}
.percept-wrapp  .percept-col2 { width: 50%;}
.percept-wrapp .percept-col2 .percept-item {width: 100%;}
.percept-wrapp .percept-col2 .percept-item img { width: 100%; max-width: 500px; margin: 0 auto; max-height: 450px; object-fit: contain;}
.percept-wrapp .percept-col2 .percept-slider { margin: 0 0 50px;}
.percept-wrapp .percept-col2 .percept-nav { width: 100%;}
.percept-wrapp .percept-col2 .percept-nav .percept-item { padding: 15px;}
.percept-wrapp .percept-col2 .percept-nav .slick-slide.slick-current.slick-center .percept-item{  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.percept-wrapp .percept-col2 .percept-nav .percept-item img { max-width: 87px;}
.percept-wrapp .percept-col2 .percept-nav .slick-track { display: flex; flex-wrap: wrap;}
.percept-wrapp .percept-col2 .percept-nav .slick-track .slick-slide { height: inherit;}
.percept-wrapp .percept-col2 .percept-nav .slick-track .slick-slide > div { width: 85%; margin: 0 auto;}
.percept-wrapp .percept-col2 .percept-nav .slick-list { padding: 20px 50px !important;}
.percept-wrapp h2 { font-size: 48px; font-weight: 600; margin: 0 0 20px; color: var(--secondary);}
.percept-wrapp h4 { font-size: 20px; margin: 0 0 13px; color: var(--secondary);}
.percept-wrapp h6 { font-size: 16px; color: var(--secondary); margin: 0 0 15px;font-weight: 300;}
.percept-wrapp  .discover-btn { background: var(--global);  color: var(--primary); border: 1px solid var(--global); padding: 10px 26px; border-radius: 30px; font-size: 16px; display: inline-block; margin: 0 0 50px;}
.percept-wrapp .discover-btn:hover { background: none; color: var(--global);}
.percept-wrapp p { font-size: 16px; line-height: 1.56; color: var(--secondary); margin: 0 0 20px;}



/* ----------gallery-wrapp---------- */
.gallery-wrapp { padding: 0 0 100px;}
.gallery-wrapp .gallery-row {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.gallery-wrapp .gallery-col1 { width: 49%;}
.gallery-wrapp .gallery-col1 img { width: 100%; border-radius: 10px; height: 720px; object-fit: cover;}
.gallery-wrapp .gallery-col2 { width: 49%;}
.gallery-wrapp  .gallery-col3 { width: 100%; margin: 0 0 20px;}
.gallery-wrapp .gallery-col3 img { width: 100%; border-radius: 10px; height: 350px; object-fit: cover;}
.gallery-wrapp .gallery-col3:last-child { margin: 0 0;}




/* ----------products-wrapp---------- */
.products-wrapp {padding: 0 0 100px; text-align: center;}
.products-wrapp h2 {font-size: 48px; font-weight: 600; margin: 0 0 50px;color: var(--secondary); text-align: center;}
.products-wrapp .products-col1 {width: 100%;  background: #F2F2F2; padding: 59px 20px 20px; position: relative; text-align: left;}
.products-wrapp .products-col1 .products-img { width: 100%; margin: 0 0 20px;}
.products-wrapp .products-col1 .products-img img { width: 100%; height: 300px; object-fit: contain;}
.products-wrapp .products-col1 .tag {position: absolute;  top: 20px; left: 20px; background: var(--primary); padding: 8px 20px; border-radius: 30px; font-size: 14px; font-weight: 500;}
.products-wrapp .products-col1 .colors { position: absolute;  width: auto; right: 20px; top: 29px; display: flex;}
.products-wrapp .products-col1 .colors .color { display: block; width: 20px; height: 20px; background: var(--secondary); border-radius: 50%; margin-left: -10px;}
.products-wrapp .products-col1 .product-detail { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end;}
.products-wrapp .products-col1 .product-detail-col1 { width: 48%;}
.products-wrapp .products-col1 .product-detail-col2 { width: 48%; display: flex; flex-wrap: wrap; justify-content: end;align-items: center;}
.products-wrapp  h3 { font-size: 16px; font-weight: 600; color: var(--secondary); margin: 0 0 10px;}
.products-wrapp  h4 {font-size: 16px; color: var(--secondary); margin: 0 0 10px;}
.products-wrapp .products-col1 .product-detail-col2 > a { display: inline-block;}
.products-wrapp .products-col1 .product-detail-col2 > a .icon { width: 40px; display: block; position: relative; height: 40px; padding: 10px;    background: var(--primary);}
.products-wrapp .products-col1 .product-detail-col2 > a .icon img { width: 100%; height: 100%; object-fit: contain; transition: all .25s ease-in-out;}
.products-wrapp .products-col1 .product-detail-col2 > a .icon .hover { position: absolute; width: 100%; height: 100%; padding: 10px; top: 0; left: 0; transition: all .25s ease-in-out; opacity: 0;}
.products-wrapp .products-col1 .product-detail-col2 > a .icon:hover .hover {opacity: 1;}
.products-wrapp .products-col1 .product-detail-col2 > a .icon:hover > img { opacity: 0;}
.products-wrapp .products-col1 .product-detail-col2 .cart-btn { margin: 0 12px 0 0;}
.products-wrapp .products-slider { width: 100%;}
.products-wrapp .products-slider .slick-track { display: flex;flex-wrap: wrap;}
.products-wrapp .products-slider .slick-track .slick-slide { height: inherit;}
.products-wrapp .products-slider .slick-track .slick-slide > div {width: 94%;margin: 0 auto;height: 100%;}
.products-wrapp .products-slider .slick-track .slick-slide .products-col1 { height: 100%;}
.products-wrapp .view-btn { background: var(--global); color: var(--primary); border: 1px solid var(--global); padding: 10px 26px; border-radius: 30px; font-size: 16px; display: inline-block; margin: 50px auto 0;}
.products-wrapp .view-btn:hover { background: none; color: var(--global);}

.products-wrapp h4 del { display: none;}
.products-wrapp h4 ins { text-decoration: none;}
.products-wrapp .products-col1 .product-detail-col1 h4 { background: #DDDADA url(../images/Plus.png) no-repeat center / 30px; background-position-x: 98%; width: fit-content; padding: 7px 45px 7px 15px;  border-radius: 50px; margin: 0 0 0;}

/* ---------features-wrapp---------- */
.features-wrapp { padding: 0 0 100px;}
.features-wrapp .features-row { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.features-wrapp .features-col1 { width: 34%;}
.features-wrapp .features-col2 { width: 52%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.features-wrapp h2 { font-size: 48px; font-weight: 600; margin: 0 0 5px; color: var(--secondary);}
.features-wrapp h3 {font-size: 22px; margin: 0 0 50px; color: var(--secondary);}
.features-wrapp .features-col3 { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.features-wrapp .features-col4 { width: 48%;  background: #FAFAFA;  margin: 0 0 20px; text-align: center; padding: 20px;}
.features-wrapp .features-col4 .features-icon {width: 55px; height: 55px; margin: 0 auto 20px;}
.features-wrapp .features-col4 .features-icon img { width: 100%; height: 100%; object-fit: contain;}
.features-wrapp h4 { font-size: 16px; color: var(--secondary);}
.features-wrapp .features-col2 .features-img { width: 48%;  margin: 0 0 20px;}
.features-wrapp .features-col2 .features-img img { width: 100%; height: 320px; object-fit: cover;}




/* ---------testimonial-wrapp---------- */
.testimonial-wrapp {padding: 0 0 100px;}
.testimonial-wrapp h2 { font-size: 48px; font-weight: 600; margin: 0 0 40px; color: var(--secondary); text-align: center;}
.testimonial-wrapp .testimonial-col1 { width: 100%; background: #FAFAFA; padding: 30px; display: flex; flex-wrap: wrap; border-radius: 10px; justify-content: space-between;}
.testimonial-wrapp .avatar-img { width: 37.2%;}
.testimonial-wrapp .avatar-img img { width: 100%; height: 270px; object-fit: cover; border-radius: 10px;}
.testimonial-wrapp .testimonial-deatil { width: 60%; padding: 25px 0 0; position: relative;}
.testimonial-wrapp .testimonial-deatil:after{ content: "";position: absolute; width: 25px; height: 20px; background: url(../images/Quotes-blue.svg) no-repeat center / 100%; top: 0; right: 0; transition: all .25s ease-in-out;}
.testimonial-wrapp .swiper-slide-active .testimonial-deatil:after{background: url(../images/Quotes.svg) no-repeat center / 100%;}
.testimonial-wrapp .swiper-slide{transition: opacity 0.5s ease; opacity: 0.5;}
.testimonial-wrapp .swiper-slide.swiper-slide-active{opacity: 1;}
.testimonial-wrapp p { font-size: 14px; line-height: 1.56; margin: 0 0 20px; color: var(--secondary);}
.testimonial-wrapp h3 { font-size: 14px; color: #202020; text-transform: uppercase; font-weight: 600;}
.testimonial-wrapp h6 { font-size: 13px; color: #808080;}
.testimonial-wrapp .swiper.testi-slider { padding: 0 0 50px;}
.testimonial-wrapp .swiper.testi-slider .swiper-pagination .swiper-pagination-bullet { background: var(--secondary); width: 10px; height: 10px;}
.testimonial-wrapp .swiper.testi-slider .swiper-pagination{position: relative; width: fit-content; top: inherit; bottom: inherit; margin: 0 40px;}
.testimonial-wrapp .swiper.testi-slider .swiper-button-prev { position: relative;  top: inherit; bottom: 0; width: 24px;  height: 24px; transform: none;  left: 0;  margin: 0 0 0;}
.testimonial-wrapp .swiper.testi-slider .swiper-button-prev:after { width: 100%; height: 100%;  content: ""; background: url(../images/chevron-left-solid-full.svg) no-repeat center / 100%;}
.testimonial-wrapp .swiper.testi-slider .swiper-button-next { position: relative; top: inherit; bottom: 0; width: 24px;  height: 24px; transform: none; right: 0; margin: 0 0 0;}
.testimonial-wrapp .swiper.testi-slider .swiper-button-next:after { width: 100%; height: 100%; content: ""; background: url(../images/chevron-right-solid-full.svg) no-repeat center / 100%;}
.testimonial-wrapp .swiper.testi-slider .swiper-nav { width: 100%; position: absolute; bottom: 0; left: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}



/* -------------newsletter-wrapp------------- */
.newsletter-wrapp {padding: 0 0 100px;}
.newsletter-wrapp .newsletter-row { width: 100%; position: relative;}
.newsletter-wrapp .newsletter-bg { width: 100%; height: 100%;}
.newsletter-wrapp .newsletter-bg img { width: 100%; height: 100%; object-fit: cover; border-radius: 20px;}
.newsletter-wrapp .newsletter-content { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 30px; max-width: 600px;}
.newsletter-wrapp h2 { font-size: 43px; font-weight: 500; margin: 0 0 35px; color: var(--primary); text-align: center;}
.newsletter-wrapp p { font-size: 16px; line-height: 1.56; color: var(--primary); text-align: center; margin: 0 0 42px;}
.newsletter-wrapp .newsletter-form {width: 100%; max-width: 490px; margin: 0 auto;}
.newsletter-wrapp .newsletter-form .text-fields { position: relative; width: 100%;}
.newsletter-wrapp .newsletter-form  input { width: 100%; height: 52px; padding: 15px 130px 15px 15px; border-radius: 10px; font-size: 16px; color: #808080; font-family: "Poppins", sans-serif;}
.newsletter-wrapp .newsletter-form .submit-btn { background: #F67011; border: 1px solid #F67011; color: var(--primary); padding: 6px 28px; font-family: "Poppins", sans-serif; border-radius: 30px; font-size: 14px;  position: absolute; right: 10px; top: 8.5px; transition: all .25s ease-in-out; cursor: pointer;}
.newsletter-wrapp .newsletter-form .submit-btn:hover { background: none; color: #F67011;}
.newsletter-wrapp .newsletter-form .tnp.tnp-subscription { margin: 0 0 0; position: relative;}
.newsletter-wrapp .newsletter-form .tnp.tnp-subscription .tnp-field { margin: 0 0 0;}
.newsletter-wrapp .newsletter-form .tnp.tnp-subscription .tnp-field label { display: none;}
.newsletter-wrapp .newsletter-form .tnp.tnp-subscription .tnp-field-button .tnp-submit { background: #F67011;border: 1px solid #F67011; color: var(--primary); padding: 6px 28px; font-family: "Poppins", sans-serif; border-radius: 30px; font-size: 14px;position: absolute; right: 10px; top: 8.5px; transition: all .25s ease-in-out; cursor: pointer; width: inherit; height: inherit;}
.newsletter-wrapp .newsletter-form .tnp.tnp-subscription .tnp-field-button .tnp-submit:hover { background: none; color: #F67011;}
.newsletter-wrapp .newsletter-form .tnp.tnp-subscription .tnp-field input {width: 100%;height: 52px; padding: 15px 130px 15px 15px; border-radius: 10px; font-size: 16px; color: #808080; font-family: "Poppins", sans-serif;}




/* -----------footer-wrapp----------- */
.footer-wrapp {padding: 70px 0 0; background: #1C1B20;}
.footer-wrapp .footer-row {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.footer-wrapp .footer-col1 { width: 32%;}
.footer-wrapp  .logo { width: 181px; margin: 0 0 50px;}
.footer-wrapp p { font-size: 14px; line-height: 1.56; color: var(--primary); margin: 0 0 20px;}
.footer-wrapp .working-hour { width: 100%;}
.footer-wrapp h3 { font-size: 18px; color: var(--primary); margin: 0 0 20px;}
.footer-wrapp .footer-col2 { width: 22%;}
.footer-wrapp li { font-size: 14px; line-height: 1.56; color: var(--primary); margin: 0 0 10px;}
.footer-wrapp li a { color: var(--primary);}
.footer-wrapp li a:hover { color: var(--global);}
.footer-wrapp .footer-col3 { width: 30%;}
.footer-wrapp .footer-col3 li { position: relative; padding-left: 35px;}
.footer-wrapp .footer-col3 .map {  width: 100%; margin: 30px 0 0;}
.footer-wrapp .footer-col3 .map iframe { width: 100%; height: 190px; border-radius: 20px;}
.footer-wrapp .footer-col3 li .icon { position: absolute; width: 22px; left: 0; top: 0;}



/* -----------inner-banner----------- */
.inner-banner { position: relative;}
.inner-banner .bg-img { width: 100%; position: relative;}
.inner-banner .bg-img img { width: 100%; max-height: 750px; object-fit: cover;}
.inner-banner .inner-content {width: 100%; position: absolute; top: 50%; left: 0;transform: translateY(-50%); text-align: center;}
.inner-banner h1 { font-size: 49px; color: var(--primary); font-weight: 500; line-height: 1.3; margin: 0 0 20px;}
.inner-banner  p { line-height: 1.5; font-size: 14px; color: var(--primary); margin: 0 0 20px;}
.inner-banner  .social-icon { width: 100%; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.inner-banner .social-icon ul { width: fit-content;}
.inner-banner .social-icon ul .icon { width: 24px; height: 24px; position: relative; display: block;}
.inner-banner .social-icon ul .icon img { width: 100%; height: 100%; transition: all .25s ease-in-out;}
.inner-banner .social-icon ul .icon .hover-icon { position: absolute; width: 100%; height: 100%; top: 0; left: 0;  opacity: 0;  transition: all .25s ease-in-out;}
.inner-banner .social-icon ul .icon:hover .hover-icon { opacity: 1;}
.inner-banner .social-icon ul .icon:hover > img { opacity: 0;}
.inner-banner .social-icon ul li { margin: 0 0 11px;}
.inner-banner .bg-img:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgb(0 0 0 / 30%);}

.inner-banner .mouse-btn {position: absolute; bottom: 70px; left: 0; right: 0; margin: 0 auto; width: 16px; animation: bounce 1.8s infinite;}
.inner-banner .mouse-btn img { width: 100%;}

@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(10px);
  }
}



/* -------------about-wrapp------------ */
.about-wrapp {padding: 100px 0;}
.about-wrapp .about-row { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.about-wrapp .about-col1 { width: 56%; padding: 30px; border: 2px solid #E4E4E4; border-radius: 16px;}
.about-wrapp  .about-col2 { width: 40%;}
.about-wrapp .about-col1 img { width: 100%; height: 420px; object-fit: cover; border-radius: 10px;}
.about-wrapp h2 { font-size: 24px; font-weight: 700; color: var(--global); margin: 0 0 10px;}
.about-wrapp p { font-size: 16px; line-height: 1.56; color: var(--secondary); margin: 0 0 20px;}



.team-wrapp { padding: 0 0 100px; text-align: center;}
.team-wrapp h2 {font-size: 24px; font-weight: 700; color: var(--global); margin: 0 0 10px;}
.team-wrapp p { font-size: 16px; line-height: 1.56; color: var(--secondary); margin: 0 0 30px;}
.team-wrapp .team-col1 { width: 100%;}
.team-wrapp .team-col1 .team-img { width: 100%; margin: 0 0 20px;}
.team-wrapp .team-col1 .team-img img { width: 100%; height: 390px; object-fit: cover; border-radius: 50px;}
.team-wrapp  h3 { font-size: 20px; font-weight: 500; margin: 0 0 10px;}
.team-wrapp  h4 { font-size: 16px; color: #2b2b2b; margin: 0 0 20px;}
.team-wrapp .social-icons { width: 100%;}
.team-wrapp .social-icons ul { width: 100%;display: flex; flex-wrap: wrap; justify-content: center;}
.team-wrapp .social-icons ul li { margin: 0 7px;}
.team-wrapp .social-icons ul li .icon {width: 24px; height: 24px; position: relative; display: block;}
.team-wrapp .social-icons ul li .icon img { width: 100%; height: 100%; transition: all .25s ease-in-out;}
.team-wrapp .social-icons ul li .icon .hover-icon { width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; transition: all .25s ease-in-out;}
.team-wrapp .social-icons ul li .icon:hover .hover-icon { opacity: 1;}
.team-wrapp .social-icons ul li .icon:hover img { opacity: 1;}
.team-wrapp .slick-slide > div { width: 90%; margin: 0 auto;}





.mission-wrapp{padding: 0 0 100px;}
.mission-wrapp .mission-row1 { width: 100%;display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.mission-wrapp .mission-col3 { width: 52%; position: relative; padding-left: 180px;}
.mission-wrapp .mission-col3 h2 { color: transparent;font-size: 110px; font-weight: 800; letter-spacing: 5px; stroke-width: 1px; -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: transparent;  -webkit-text-fill-color: var(--primary); -webkit-text-stroke: 1px #AA202000; text-stroke: 1px #AA202000; -webkit-text-stroke-width: 4px; background-color: var(--global); position: absolute; top: 40%; left: -21%; transform: rotate(270deg) translateY(-50%); margin: 0 0 0;}
.mission-wrapp .mission-col4 { width: 100%; position: relative; overflow: hidden;}
.mission-wrapp .mission-col4 img { width: 100%;}
.mission-wrapp .mission-col4:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #04999963;}
.mission-wrapp .mission-col5 { width: 40%;}
.mission-wrapp .mission-col5 .mission-col6 { width: 100%; position: relative; margin: 0 0 70px;}
.mission-wrapp .mission-col5 .mission-col6 .mission-icon { position: absolute; width: 130px; top: 43%; transform: translateY(-50%); left: -33%;}
.mission-wrapp h3 { font-size: 30px; font-weight: 600; color: var(--secondary);  margin: 0 0 14px;}
.mission-wrapp .mission-col5 .mission-col6:last-child { margin: 0;}
.mission-wrapp .shape2 { width: 40%; position: absolute; right: -17%; top: 50%; transform: translateY(-50%);}
.mission-wrapp .shape2 img { width: 100%;}





.awards-wrapp {padding: 0 0 100px; text-align: center;}
.awards-wrapp h2 {font-size: 24px; font-weight: 700; color: #0779B4; margin: 0 0 10px;}
.awards-wrapp h3 {font-size: 16px; color: #0779B4; margin: 0 0 30px;}
.awards-wrapp h3 span { margin: 0 7px;}
.awards-wrapp .awards-row { width: 100%; display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between;}
.awards-wrapp .awards-col1 { width: 14%;}
.awards-wrapp .awards-col1 .awards-icon { width: 80px; margin: 0 auto 14px;}
.awards-wrapp  h4 {font-size: 16px; font-weight: 500; color: var(--secondary);}
.awards-wrapp .achievement-slider { width: 100%;}
.awards-wrapp .achievement-slider .slick-track { display: flex; flex-wrap: wrap; align-items: baseline;}
.awards-wrapp .achievement-slider .slick-slide > div { width: 94%; margin: 0 auto;}




/* ----------contact-wrapp---------- */
.contact-wrapp {padding: 50px 0 100px; text-align: center;  background: #FBFBFB;}
.contact-wrapp h2 { font-size: 40px; font-weight: 700; color: var(--global); margin: 0 0 15px;}
.contact-wrapp h2 b { font-weight: 500;}
.contact-wrapp p { color: #717171; font-size: 16px;  line-height: 1.56; margin: 0 0 20px;}
.contact-wrapp .contact-row { width: 100%; background: var(--primary); display: flex; flex-wrap: wrap; border-radius: 10px; padding: 10px; text-align: left; margin: 40px 0 0; box-shadow: 0px 0px 60px 30px #00000008; overflow: hidden;}
.contact-wrapp .contact-col1 { width: 40%; background: var(--global); padding: 30px; border-radius: 10px; display: flex;  flex-direction: column; justify-content: space-between; position: relative; overflow: hidden;}
.contact-wrapp h3 { font-size: 28px; font-weight: 600; margin: 0 0 40px; color: var(--primary);}
.contact-wrapp h3 b { font-weight: 500;}
.contact-wrapp .contact-detail { width: 100%;}
.contact-wrapp .contact-detail ul { width: 100%;}
.contact-wrapp .contact-detail ul li { position: relative; padding-left: 40px; font-size: 16px; color: var(--primary); margin: 0 0 40px; font-weight: 400;}
.contact-wrapp .contact-detail ul li .icon { width: 24px; position: absolute; left: 0;}
.contact-wrapp .contact-detail ul li a { width: fit-content; display: block; color: var(--primary);}
.contact-wrapp .contact-detail ul li a:hover { color: var(--secondary);}
.contact-wrapp .social-icons { width: 100%;}
.contact-wrapp .social-icons ul { width: 100%; display: flex; flex-wrap: wrap; align-items: center;}
.contact-wrapp .social-icons ul li { display: inline-block; margin: 0 10px 0 0;}
.contact-wrapp .social-icons ul li:last-child { margin-right: 0;}
.contact-wrapp .social-icons ul li .icon { width: 35px; height: 35px; display: block; padding: 8px; background: #EBBD09;  border-radius: 50%; transition: 0.4s cubic-bezier(0, 0, 0.3642, 1); position: relative; margin: 20px 0 0;}
.contact-wrapp .social-icons ul li .icon img { width: 100%; height: 100%; transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);}
.contact-wrapp .social-icons ul li .icon .hover-icon { width: 100%; height: 100%; position: absolute; top: 0; left: 0; padding: 8px; transition: 0.4s cubic-bezier(0, 0, 0.3642, 1); opacity: 0;}
.contact-wrapp .social-icons ul li .icon:hover .hover-icon { opacity: 1;}
.contact-wrapp .social-icons ul li .icon:hover { background: var(--primary);}
.contact-wrapp .social-icons ul li .icon:hover > img { opacity: 0;}
.contact-wrapp .contact-col2 { width: 60%; padding: 30px 30px 135px; position: relative;}
.contact-wrapp .contact-col2 .element { position: absolute; width: 38%; right: 14%; bottom: -6px; transform: rotate(-26deg);}
.contact-wrapp .contact-col2 .text-fields { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.contact-wrapp .contact-col2 .text-fields .text-field { width: 48%; margin: 0 0 10px;}
.contact-wrapp .contact-col2 .text-fields .text-field.radio { width: 100%;}
.contact-wrapp .contact-col2 .text-fields .text-field:last-child { width: 100%;}
.contact-wrapp .contact-col2 label {  color: #8D8D8D; font-size: 14px; margin: 0 0 5px; display: inline-block; font-weight: 300;}
.contact-wrapp .contact-col2 input { width: 100%; height: 42px; border: none; background: none; border-bottom: 1px solid var(--secondary); color: var(--secondary); margin: 0 0 10px; font-size: 16px; font-weight: 300; padding: 0 0 0;}
.contact-wrapp .contact-col2 input[type="radio"] { width: 0; height: 0;}
.contact-wrapp .contact-col2 .text-fields .text-field.radio label { padding-left: 20px; margin: 0 10px 10px 0; position: relative; color: var(--secondary); cursor: pointer;}
.contact-wrapp .contact-col2 .text-fields .text-field.radio label:after { content: ""; position: absolute; width: 13px; height: 13px; background: #E0E0E0; left: 0; border-radius: 50%; top: 3px; transition: all .25s ease-in-out;}
.contact-wrapp .contact-col2 .text-fields .text-field.radio label:before { content: ""; position: absolute; width: 13px; height: 13px; background: url(../images/tick-circle-solid.svg) no-repeat center / 100%; left: 0; border-radius: 50%; top: 3px; z-index: 1; transform: scale(0); opacity: 0; transition: all .25s ease-in-out;}
.contact-wrapp .contact-col2 .text-fields .text-field.radio input[type="radio"]:checked + label:before { opacity: 1; transform: scale(1);}
.contact-wrapp .contact-col2 .text-fields .text-field.radio input[type="radio"]:checked + label:after { background: none;}
.contact-wrapp .contact-col2 textarea { width: 100%; height: 120px; border: none; background: none; border-bottom: 1px solid var(--secondary); color: var(--secondary); margin: 0 0 10px; font-size: 16px; font-weight: 300; resize: none; padding: 0 0 0;}
.contact-wrapp .contact-col2 .submit-btn { background: var(--global); border: 1px solid var(--global); color: var(--primary); font-family: "Outfit", sans-serif; padding: 12px 32px; border-radius: 6px; transition: all .25s ease-in-out; cursor: pointer; font-size: 16px; margin: 0; display: inline-block;}
.contact-wrapp .contact-col2 .submit-btn:hover {background: none; color: var(--global);}
.contact-wrapp .contact-col2 h5 { font-size: 16px; color: var(--secondary); font-weight: 500; margin: 0 0 15px;}
.contact-wrapp .contact-col1 .shape { width: 58%; position: absolute; bottom: -11%; right: -15%;}
.contact-wrapp .btns { width: 100%; display: flex; flex-wrap: wrap; justify-content: right;}

.contact-wrapp .contact-col2 .everest-forms .evf-field-container {padding: 0 0 0;}
.contact-wrapp .contact-col2 .everest-forms .evf-field-container .evf-frontend-row {margin: 0 0 0;}
.contact-wrapp .contact-col2 .everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid.evf-grid-1 { padding: 0 0 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
.contact-wrapp .contact-col2 .everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid.evf-grid-1 .evf-field {  width: 48%;}
.contact-wrapp .contact-col2 .everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid.evf-grid-1 .evf-field:last-child { width: 100%;}
.contact-wrapp .contact-col2 .everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid.evf-grid-1 .evf-field:nth-last-child(2) { width: 100%;}
.contact-wrapp .contact-col2 .everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid.evf-grid-1 .evf-field.evf-field-radio .evf-field-label { font-size: 16px;  color: var(--secondary);  font-weight: 500; margin: 0 0 15px;}
.contact-wrapp .contact-col2 .everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid.evf-grid-1 .evf-field.evf-field-radio ul { width: 100%; display: flex; flex-wrap: wrap;}
.contact-wrapp .contact-col2 .everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid.evf-grid-1 .evf-field.evf-field-radio ul li { margin: 0 10px 10px 0; display: inline-block;}
.contact-wrapp .contact-col2 .everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid.evf-grid-1 .evf-field.evf-field-radio ul li input[type="radio"] { width: 0; height: 0; margin: 0 0 0;}
.contact-wrapp .contact-col2 .everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid.evf-grid-1 .evf-field.evf-field-radio ul li label { padding-left: 20px; position: relative; color: var(--secondary); cursor: pointer;  font-size: 14px; width: 100%;}
.contact-wrapp .contact-col2 .everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid.evf-grid-1 .evf-field.evf-field-radio ul li label:before { content: ""; position: absolute; width: 13px;  height: 13px; background: url(../images/tick-circle-solid.svg) no-repeat center / 100%; left: 0; border-radius: 50%; top: 5px; z-index: 1; transform: scale(0); opacity: 0; transition: all .25s ease-in-out;}
.contact-wrapp .contact-col2 .everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid.evf-grid-1 .evf-field.evf-field-radio ul li label:after { content: "";  position: absolute;  width: 13px; height: 13px; background: #E0E0E0; left: 0; border-radius: 50%; top: 5px; transition: all .25s ease-in-out;}
.contact-wrapp .contact-col2 .everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid.evf-grid-1 .evf-field.evf-field-radio ul li input[type="radio"]:checked + label:after { background: none;}
.contact-wrapp .contact-col2 .everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid.evf-grid-1 .evf-field.evf-field-radio ul li input[type="radio"]:checked + label:before { opacity: 1; transform: scale(1);}
.contact-wrapp .contact-col2 .everest-forms .evf-submit-container { padding: 0 0 0; display: flex; flex-wrap: wrap; justify-content: right;}
.contact-wrapp .contact-col2 .everest-forms .evf-submit-container button { background: var(--global);  border: 1px solid var(--global); color: var(--primary); font-family: "Outfit", sans-serif; padding: 12px 32px; border-radius: 6px; transition: all .25s ease-in-out; cursor: pointer; font-size: 16px; margin: 0; display: inline-block;}
.contact-wrapp .contact-col2 .everest-forms .evf-submit-container button:hover { background: none; color: var(--global);}







.products-wrapp2 { padding: 50px 0 70px;}
.products-wrapp2 .products-row { width: 100%; display: flex; flex-wrap: wrap;}
.products-wrapp2 .products-col1 { width: 32%; margin: 0 2% 30px 0;}
.products-wrapp2 .products-col1:nth-child(3n) { margin-right: 0;}



.key-wrapp { padding: 0 0 100px;text-align: center;}
.key-wrapp h2 { font-size: 48px; font-weight: 600; margin: 0 0 50px;  color: var(--secondary);}
.key-wrapp .key-row { width: 100%; display: flex; flex-wrap: wrap;}
.key-wrapp .key-col1 { width: 25%; padding: 0 20px; border-right: 1px solid var(--secondary);}
.key-wrapp .key-col1 .key-icon { width: 107px; height: 107px; margin: 0 auto 20px;}
.key-wrapp  h3 { font-size: 18px; font-weight: 600; color: var(--secondary); margin: 0 0 12px;}
.key-wrapp  p { font-size: 14px; line-height: 1.56; color: var(--secondary);}
.key-wrapp .key-col1:last-child { border: none;}




.arrival-wrapp { padding: 0 0 100px;}
.arrival-wrapp h4 { font-size: 16px; color: #F67011; padding: 8px 0 8px 30px; position: relative; margin: 0 0 20px;}
.arrival-wrapp h4:after { content: ""; position: absolute; width: 20px; height: 100%; background: #F67011; left: 0; top: 0; border-radius: 6px;}
.arrival-wrapp h2 { font-size: 48px; font-weight: 600; margin: 0 0 50px; color: var(--secondary);}
.arrival-wrapp .arrival-row { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.arrival-wrapp  .arrival-col1 {width: 48%;position: relative;background: var(--secondary);border-radius: 10px;height: 669px;}
.arrival-wrapp .arrival-col2 { width: 48%;}
.arrival-wrapp  img {width: 100%;border-radius: 10px;height: 100%;object-fit: contain;}
.arrival-wrapp .arrival-col2 .arrival-col3 {width: 100%;position: relative;margin: 0 0 30px;background: #0D0D0D;border-radius: 10px;height: 320px;}
.arrival-wrapp .arrival-col4 { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.arrival-wrapp .arrival-col5 {width: 48%;position: relative;background: radial-gradient(circle,rgba(51, 51, 51, 1) 0%, rgba(0, 0, 0, 1) 100%);border-radius: 10px;height: 320px;}
.arrival-wrapp .arrival-detail { position: absolute; width: 42%; left: 25px; bottom: 25px;}
.arrival-wrapp h5 { font-size: 18px; color: var(--primary); font-weight: 500; margin: 0 0 10px;}
.arrival-wrapp p { font-size: 12px;  color: var(--primary); margin: 0 0 10px;}
.arrival-wrapp .arrival-col5 .arrival-detail { width: 65%;}
.arrival-wrapp .shop-btn { color: var(--primary); font-size: 12px; text-decoration: underline;}
.arrival-wrapp .shop-btn:hover { text-decoration: none;}
.arrival-wrapp .arrival-col1 .cat-img { position: absolute;bottom: 0; width: 100%; padding: 0 60px;}
.arrival-wrapp .arrival-col2 .arrival-col3 .cat-img { position: absolute; right: 62px; bottom: 0; width: 38%;}
.arrival-wrapp .arrival-col5 .cat-img { position: absolute; top: 0; left: 0; width: 100%; padding: 43px; height: 100%;}




/* -----------service-wrapp----------- */
.service-wrapp {background: #FAF3EA; padding: 60px 0;}
.service-wrapp .service-row { width: 100%; display: flex; flex-wrap: wrap;}
.service-wrapp .service-col1 { width: 23.5%; margin: 0 2% 0 0; display: flex; flex-wrap: wrap; align-items: center;}
.service-wrapp .service-col1:last-child { margin-right: 0;}
.service-wrapp .service-col1 .service-icon { width: 60px; margin: 0 10px 0 0;}
.service-wrapp .service-col1 .service-detail { width: 100%; flex: 1 0 0;}
.service-wrapp h3 { font-size: 20px; font-weight: 500; margin: 0 0 5px;}
.service-wrapp p { font-size: 16px; color: #898989;}




.product-inner-banner {background: #F9F1E7;padding: 50px 0;}
.product-inner-banner ul { width: 100%; display: flex; flex-wrap: wrap;}
.product-inner-banner ul li { font-size: 16px; padding-right: 35px; margin-right: 25px; position: relative;}
.product-inner-banner ul li:after{content: ""; position: absolute; background: url(../images/chevron-right-solid-full.svg) no-repeat center; width: 20px; height: 20px; right: 0; top: 50%; transform: translateY(-50%);}
.product-inner-banner ul li:last-child:after { display: none;}
.product-inner-banner ul li:last-child {padding-right: 0; margin-right: 0;}
.product-inner-banner ul li a {color: #9F9F9F;}
.product-inner-banner ul li a:hover { color: var(--secondary);}


.product-detail-wrapp { padding: 70px 0;}
.product-detail-wrapp .product-detail-row { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.product-detail-wrapp .product-detail-col1 { width: 48%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.product-detail-wrapp .product-detail-nav { width: 100%; height: 100%;}
.product-detail-wrapp .product-detail-slider { width: 76%;}
.product-detail-wrapp .product-detail-col1 .product-detail-thumb { width: 20%; height: 460px;}
.product-detail-wrapp .product-detail-item { width: 100%; background: #F2F2F2; padding: 30px; border-radius: 15px;}
.product-detail-wrapp .product-detail-slider .product-detail-item img { width: 100%; height: 400px;object-fit: cover;}
.product-detail-wrapp .product-detail-nav .slick-list { padding: 0 0 !important; height: 100% !important;}
.product-detail-wrapp .product-detail-nav .product-detail-item { padding: 23px;}
.product-detail-wrapp .product-detail-col2 { width: 48%;}
.product-detail-wrapp h2 { font-size: 48px; font-weight: 600; margin: 0 0 5px; color: var(--secondary);}
.product-detail-wrapp  h3 { font-size: 20px; font-weight: 600; color: #9F9F9F; margin: 0 0 10px;}
.product-detail-wrapp p {font-size: 16px; line-height: 1.56; margin: 0 0 20px;}
.product-detail-wrapp ul { width: 100%; margin: 0 0 20px;}
.product-detail-wrapp ul li { font-size: 16px; line-height: 1.56; padding-left: 10px; position: relative; color: var(--secondary);}
.product-detail-wrapp ul li:before { content: "\2022"; position: absolute; left: 0; top: 0;}
.product-detail-wrapp h4 {font-size: 14px; color: #9F9F9F; margin: 0 0 10px;}
.product-detail-wrapp .colors { width: fit-content; display: flex; justify-content: left;}
.product-detail-wrapp .colors .color { width: 20px; height: 20px; background: var(--secondary); border-radius: 50%; margin-right: -5px;}
.product-detail-wrapp  .product-detail-btn { width: 100%; display: flex; flex-wrap: wrap; margin: 30px 0 0; align-items: center;}
.product-detail-wrapp .counter { width: 120px; display: flex; border: 1px solid #9F9F9F; border-radius: 10px; margin: 0 20px 0 0;}
.product-detail-wrapp .counter .minus { width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; cursor: pointer; user-select: none;}
.product-detail-wrapp .counter .count { width: 40px; height: 40px; display: flex; justify-content: center; align-items: center;}
.product-detail-wrapp .counter .plus { width: 40px; height: 40px;  display: flex; justify-content: center; align-items: center; cursor: pointer; user-select: none;}
.product-detail-wrapp  .cart-btn { flex: 1 0 0; font-size: 16px; color: var(--secondary);  border: 1px solid var(--secondary); text-align: center; padding: 8px; border-radius: 10px; margin: 0 20px 0 0; background: none; font-family: "Poppins", sans-serif; transition: all .25s ease-in-out;}
.product-detail-wrapp  .buynow-btn { flex: 1 0 0; font-size: 16px; color: var(--secondary); border: 1px solid var(--secondary); text-align: center; padding: 8px; border-radius: 10px; background: none; font-family: "Poppins", sans-serif; transition: all .25s ease-in-out;}
.product-detail-wrapp .cart-btn:hover { color: var(--primary); background: var(--secondary);}
.product-detail-wrapp .buynow-btn:hover { color: var(--primary); background: var(--secondary);}
.product-detail-wrapp .product-detail-col3 { width: 100%; padding: 25px 0 0; margin: 35px 0 0; border-top: 1px solid #D9D9D9;}
.product-detail-wrapp .product-detail-col4 { width: 100%; display: flex; flex-wrap: wrap; align-items: center; margin: 0 0 5px;}
.product-detail-wrapp .product-detail-col4 h6 { width: 110px; font-size: 16px; color: #9F9F9F; position: relative; padding-right: 10px;}
.product-detail-wrapp .product-detail-col4 h6:first-child:after { content: ":"; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.product-detail-wrapp .product-detail-col4 h6:nth-child(2) { flex: 1 0 0; padding: 0 0 0 10px;}
.product-detail-wrapp .product-detail-col4  .social-icons { width: 100%; flex: 1 0 0; display: flex; flex-wrap: wrap; padding-left: 10px; align-items: center;}
.product-detail-wrapp .product-detail-col4 .social-icons .icon { width: 20px; height: 20px; display: inline-block; position: relative;}
.product-detail-wrapp .product-detail-col4 .social-icons .icon img {width: 100%; height: 100%; transition: all .25s ease-in-out;}
.product-detail-wrapp .product-detail-col4 .social-icons .icon .hover-icon { position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: all .25s ease-in-out; opacity: 0;}
.product-detail-wrapp .product-detail-col4 .social-icons .icon:hover > img { opacity: 0;}
.product-detail-wrapp .product-detail-col4 .social-icons .icon:hover .hover-icon { opacity: 1;}
.product-detail-wrapp .product-detail-col4 .social-icons a { margin: 0 10px 0 0; width: 20px; height: 20px;}
.product-detail-wrapp .product-detail-row1 { width: 100%; margin: 50px 0 0; padding: 40px 0 0; border-top: 1px solid #D9D9D9; text-align: center;}
.product-detail-wrapp  .product-detail-tab { width: 100%;}
.product-detail-wrapp .product-detail-tab ul { width: 100%; display: flex; flex-wrap: wrap; justify-content: center;}
.product-detail-wrapp .product-detail-tab ul li { color: #9F9F9F; font-size: 20px; padding: 0 0; margin: 0 12px; cursor: pointer;font-weight: 500;}
.product-detail-wrapp .product-detail-tab ul li:before { display: none;}
.product-detail-wrapp .product-detail-tab ul li.active { color: var(--secondary);}
.product-detail-wrapp .product-detail-tabcontent { width: 100%; text-align: left;}
.product-detail-wrapp .product-detail-tabcontent .product-detail-tabitem { width: 100%; display: none;}
.product-detail-wrapp .product-detail-tabcontent .product-detail-tabitem.active { display: block;}
.product-detail-wrapp .product-detail-tabcontent .product-detail-tabitem p { color: #9F9F9F;}
.product-detail-wrapp .product-detail-row1 .product-detail-img { width: 100%; margin: 30px 0 0;}
.product-detail-wrapp .product-detail-row1 .product-detail-img img { width: 100%;}
.product-detail-wrapp .quantity-counter {width: 100%; display: flex; flex-wrap: wrap;}
.product-detail-wrapp .quantity-counter .quantity { width: 120px; margin: 0 20px 0 0;}
.product-detail-wrapp .quantity-counter .quantity input { width: 100%; height: 40px; border: 1px solid #9F9F9F; border-radius: 10px; text-align: center; padding: 10px;}



.blog-wrapp { padding: 100px 0 60px;}
.blog-wrapp .blog-row { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.blog-wrapp .blog-col1 { width: 48%; margin: 0 0 40px;}
.blog-wrapp .blog-col1 .blog-img { width: 100%; margin: 0 0 10px;}
.blog-wrapp .blog-col1 .blog-img img { width: 100%; border-radius: 10px;}
.blog-wrapp .blog-col1 .blog-detail {  width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 20px;}
.blog-wrapp .blog-col1 .blog-detail .blog-detail1 { width: auto; display: flex; align-items: center; font-size: 14px; color: #9F9F9F; margin: 0 20px 0 0;}
.blog-wrapp .blog-col1 .blog-detail .blog-detail1 .icon { width: 18px; height: 18px; margin: 0 6px 0 0;}
.blog-wrapp h2 { font-size: 26px; font-weight: 600; margin: 0 0 10px; color: var(--secondary);}
.blog-wrapp  p { font-size: 14px; line-height: 1.56; margin: 0 0 20px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;  color: #9F9F9F;}
.blog-wrapp .readmore-btn { font-size: 16px; display: inline-block; color: var(--secondary); padding: 0 0 1px; position: relative;}
.blog-wrapp .readmore-btn:hover { color: var(--global);}
.blog-wrapp .readmore-btn:after {  content: ""; position: absolute; width: 100%; height: 2px; background: var(--secondary); bottom: 0; left: 0; transition: all .25s ease-in-out; border-radius: 10px;}
.blog-wrapp .readmore-btn:hover:after { width: 20%; background: var(--global);}




.content-wrapp { padding: 70px 0;}
.content-wrapp .content-row { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.content-wrapp .content-col1 { width: 70%;}
.content-wrapp .content-col2 { width: 25%;}
.content-wrapp h2 { font-size: 32px; font-weight: 600; margin: 0 0 23px; color: var(--secondary);}
.content-wrapp .content-img { width: 100%; margin: 0 0 10px;}
.content-wrapp .content-img img { width: 100%; border-radius: 10px;}
.content-wrapp .blog-detail {  width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 20px;}
.content-wrapp .blog-detail .blog-detail1 { width: auto; display: flex; align-items: center; font-size: 14px; color: #9F9F9F; margin: 0 20px 0 0;}
.content-wrapp .blog-detail .blog-detail1 .icon { width: 18px; height: 18px; margin: 0 6px 0 0;}
.content-wrapp p { font-size: 16px; line-height: 1.56; margin: 0 0 20px;}
.content-wrapp  h3 {font-size: 28px; font-weight: 600; margin: 0 0 20px; color: var(--secondary);}
.content-wrapp .content-col3 {width: 100%;}
.content-wrapp .content-col3 .content-col4 { width: 100%; display: flex; flex-wrap: wrap; align-items: center; margin: 0 0 14px;}
.content-wrapp .content-col3 .content-col5 { width: 95px; height: 95px; margin: 0 13px 0 0;}
.content-wrapp .content-col3 .content-col5 img { width: 100%; height: 100%; object-fit: cover; border-radius: 10px;}
.content-wrapp .content-col3 .content-col6 {  width: 100%; flex: 1 0 0;}
.content-wrapp .content-col3 .content-col6 a { display: block; font-size: 14px; color: var(--secondary); font-weight: 500;}
.content-wrapp .content-col3 .content-col6 a:hover { color: var(--global);}
.content-wrapp .content-col3 .content-col6 .date { font-size: 12px; color: #9F9F9F; font-weight: 500;}
.content-wrapp ul { width: 100%; margin: 0 0 20px;}
.content-wrapp ul li { font-size: 16px; position: relative; padding-left: 10px;}
.content-wrapp ul li:before { content: "\2022"; position: absolute; left: 0; top: 0;}
.content-wrapp ol { width: 100%; counter-reset: item; margin: 0 0 20px;}
.content-wrapp ol li { font-size: 16px; line-height: 1.56; font-weight: 400; padding-left: 20px; position: relative; counter-increment: item;}
.content-wrapp ol li:before { content: counter(item) "."; position: absolute; left: 0; top: 0;}
.content-wrapp .share { width: 100%;  padding: 20px 0; border-block: 1px solid #D9D9D9; display: flex; flex-wrap: wrap; justify-content: space-between;}
.content-wrapp .share .social-icons { width: fit-content; display: flex; flex-wrap: wrap; padding-left: 10px; align-items: center;}
.content-wrapp .share .social-icons .icon { width: 20px; height: 20px; display: inline-block; position: relative;}
.content-wrapp .share .social-icons .icon img {width: 100%; height: 100%; transition: all .25s ease-in-out;}
.content-wrapp .share .social-icons .icon .hover-icon { position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: all .25s ease-in-out; opacity: 0;}
.content-wrapp .share .social-icons .icon:hover > img { opacity: 0;}
.content-wrapp .share .social-icons .icon:hover .hover-icon { opacity: 1;}
.content-wrapp .share .social-icons a { margin: 0 10px 0 0; width: 20px; height: 20px;}




.reg-log { background: #FBFBFB;}
.reg-log .woocommerce .u-column1 { width: 48%; background: var(--primary); box-shadow: 0px 0px 60px 30px #00000008; padding: 25px;}
.reg-log .woocommerce .u-columns { display: flex; flex-wrap: wrap; justify-content: space-between;}
.reg-log .woocommerce .u-column2 { width: 48%; background: var(--primary); box-shadow: 0px 0px 60px 30px #00000008; padding: 25px;}
.reg-log .woocommerce .u-columns:before, .reg-log .woocommerce .u-columns:after { display: none;}
.reg-log .woocommerce .woocommerce-form { margin: 0 0 0;}
.reg-log .woocommerce .woocommerce-form label { color: #8D8D8D; font-size: 14px; margin: 0 0 5px; display: inline-block; font-weight: 300;}
.reg-log .woocommerce .woocommerce-form input { width: 100%; height: 42px; border: none; background: none; border-bottom: 1px solid var(--secondary); color: var(--secondary); margin: 0 0 10px; font-size: 16px;  font-weight: 300; border-radius: 0; padding: 0;}
.reg-log .woocommerce .woocommerce-form .woocommerce-form__label-for-checkbox { display: flex; flex-wrap: wrap; align-items: center; margin: 0 0 20px; cursor: pointer;}
.reg-log .woocommerce .woocommerce-form .woocommerce-form__label-for-checkbox input[type="checkbox"] { width: 15px; height: 13px; margin: 0 6px 0 0; border: 1px solid; -webkit-appearance: checkbox; accent-color: var(--global);}
.reg-log .woocommerce .woocommerce-form .woocommerce-button { background: var(--global); border: 1px solid var(--global); color: var(--primary); font-family: "Outfit", sans-serif; padding: 12px 32px; border-radius: 6px; transition: all .25s ease-in-out; cursor: pointer; font-size: 16px; margin: 0; display: inline-block; font-weight: 400;}
.reg-log .woocommerce .woocommerce-form .woocommerce-button:hover { background: none; color: var(--global);}
.reg-log .woocommerce .woocommerce-form .lost_password { font-size: 14px; margin: 10px 0 0; display: inline-block;  font-weight: 300;}
.reg-log .woocommerce .woocommerce-form .lost_password a { color: var(--global);}
.reg-log .woocommerce .woocommerce-form .lost_password a:hover { color: var(--secondary);}
.reg-log .woocommerce .woocommerce-form .woocommerce-privacy-policy-text { margin: 0 0 16px;}
.reg-log .woocommerce .woocommerce-form .woocommerce-privacy-policy-text p { color: #8D8D8D; font-size: 14px; margin: 0 0 5px; display: inline-block; font-weight: 300;}
.reg-log .woocommerce .woocommerce-form .woocommerce-privacy-policy-text p a { color: var(--global);}
.reg-log .woocommerce .woocommerce-form .woocommerce-privacy-policy-text p a:hover { color: #8D8D8D;}



.dashboard { background: #FBFBFB;}
.dashboard .woocommerce { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.dashboard .woocommerce nav.woocommerce-MyAccount-navigation { background: var(--primary); box-shadow: 0px 0px 60px 30px #00000008; padding: 20px; width: 19%; border-radius: 10px;}
.dashboard .woocommerce nav.woocommerce-MyAccount-navigation ul { margin: 0 0 0;}
.dashboard .woocommerce nav.woocommerce-MyAccount-navigation ul li { padding: 0 0;  border-bottom: 1px solid #848484;}
.dashboard .woocommerce nav.woocommerce-MyAccount-navigation ul li:before { display: none;}
.dashboard .woocommerce nav.woocommerce-MyAccount-navigation ul li a { color: var(--secondary); padding: 8px 0; display: block;}
.dashboard .woocommerce nav.woocommerce-MyAccount-navigation ul li a:hover { color: var(--global);}
.dashboard .woocommerce nav.woocommerce-MyAccount-navigation ul li a[aria-current="page"] { color: var(--global);}
.dashboard .woocommerce nav.woocommerce-MyAccount-navigation ul li:last-child { border: none;}
.dashboard .woocommerce .woocommerce-MyAccount-content { width: 76%; background: var(--primary); box-shadow: 0px 0px 60px 30px #00000008; padding: 20px; border-radius: 10px;}
.content-wrapp p a { color: var(--global);}
.content-wrapp p a:hover { color: var(--secondary);}



.dashboard .woocommerce .woocommerce-MyAccount-content .woocommerce-info {border-top-color: var(--global);  display: flex; flex-wrap: wrap; justify-content: space-between;}
.dashboard .woocommerce .woocommerce-MyAccount-content .woocommerce-info:before {color: var(--global); top: 21px;}
.dashboard .woocommerce .woocommerce-MyAccount-content .woocommerce-info:after{ display: none;}
.dashboard .woocommerce .woocommerce-MyAccount-content .woocommerce-info .button { background: var(--global); border: 1px solid var(--global); color: var(--primary); font-family: "Outfit", sans-serif; padding: 12px 32px; border-radius: 6px; transition: all .25s ease-in-out; cursor: pointer; font-size: 16px; margin: 0; display: inline-block; font-weight: 400;}
.dashboard .woocommerce .woocommerce-MyAccount-content .woocommerce-info .button:hover { background: none; color: var(--global);}
.dashboard .woocommerce .woocommerce-MyAccount-content .woocommerce-message { border-top-color: var(--global); display: flex; flex-wrap: wrap; justify-content: space-between;}
.dashboard .woocommerce .woocommerce-MyAccount-content .woocommerce-message:before { color: var(--global); top: 21px;}
.dashboard .woocommerce .woocommerce-MyAccount-content .woocommerce-message .button.wc-forward { background: none; border: 1px solid var(--global); color: var(--global); font-family: "Outfit", sans-serif; padding: 12px 32px; border-radius: 6px; transition: all .25s ease-in-out; cursor: pointer; font-size: 16px; margin: 0; display: inline-block; font-weight: 400;}
.dashboard .woocommerce .woocommerce-MyAccount-content .woocommerce-message .button.wc-forward:hover { background: var(--global); color: var(--primary);}
.dashboard .woocommerce .woocommerce-MyAccount-content .woocommerce-message:after { display: none;}


.dashboard .woocommerce .addresses a {color: var(--global);}
.dashboard .woocommerce .addresses a:hover {color: var(--secondary);}
.dashboard .woocommerce .addresses  .title { margin: 0 0 10px;}


.dashboard .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields button.button { background: var(--global); border: 1px solid var(--global); color: var(--primary); font-family: "Outfit", sans-serif; padding: 12px 32px; border-radius: 6px; transition: all .25s ease-in-out; cursor: pointer; font-size: 16px; margin: 20px 0 0; display: inline-block; font-weight: 400;}
.dashboard .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields button.button:hover {  color: var(--global); background: none;}
.dashboard .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields label {color: #8D8D8D; font-size: 14px; margin: 0 0 5px; display: inline-block; font-weight: 300;}


.dashboard .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm label { color: #8D8D8D; font-size: 14px; margin: 0 0 5px; display: inline-block; font-weight: 300;}
.dashboard .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm span#account_display_name_description { color: #000;font-size: 14px; margin: 0 0 5px; display: inline-block; font-weight: 300;}
.dashboard .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm button.button { background: var(--global); border: 1px solid var(--global); color: var(--primary); font-family: "Outfit", sans-serif; padding: 12px 32px; border-radius: 6px; transition: all .25s ease-in-out; cursor: pointer; font-size: 16px; margin: 15px 0 0; display: inline-block; font-weight: 400;}
.dashboard .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm button.button:hover { background: none; color: var(--global);}

.reg-log .woocommerce-ResetPassword { width: 100%; max-width: 541px; margin: 0 auto; text-align: center;}
.reg-log .woocommerce-ResetPassword .form-row-first { width: 100%;}
.reg-log .woocommerce-ResetPassword label { color: #8D8D8D; font-size: 14px; margin: 0 0 5px; display: inline-block; font-weight: 300;}
.reg-log .woocommerce-ResetPassword button.button { background: var(--global);  border: 1px solid var(--global);  color: var(--primary);  font-family: "Outfit", sans-serif;  padding: 12px 32px; border-radius: 6px;  transition: all .25s ease-in-out; cursor: pointer; font-size: 16px; margin: 0; display: inline-block; font-weight: 400;}
.reg-log .woocommerce-ResetPassword button.button:hover { background: none; color: var(--global);}


.wc-block-components-product-name {font-size: 16px;font-weight: 600; color: var(--secondary);}
.wc-block-components-product-name {font-size: 16px;font-weight: 600; color: var(--secondary);}
.wc-block-cart .wc-block-cart__submit-container .wc-block-components-button {background: var(--global); border: 1px solid var(--global); color: var(--primary); font-family: "Outfit", sans-serif; padding: 12px 32px; border-radius: 6px; transition: all .25s ease-in-out; cursor: pointer; font-size: 16px; margin: 0; display: inline-block;}
.wc-block-cart .wc-block-cart__submit-container .wc-block-components-button:hover { background: none; color: var(--global);}

.wc-block-components-sidebar-layout button.wc-block-components-button { background: var(--global); border: 1px solid var(--global); color: var(--primary); font-family: "Outfit", sans-serif; padding: 12px 32px; border-radius: 6px; transition: all .25s ease-in-out; cursor: pointer; font-size: 16px; margin: 0;}
.wc-block-components-sidebar-layout button.wc-block-components-button:hover { background: none; color: var(--global);}

.wc-block-grid ul li.wc-block-grid__product:before { display: none;}
.wc-block-grid ul li.wc-block-grid__product { padding: 0 0 0;}
.wc-block-grid ul li.wc-block-grid__product .wc-block-grid__product-title { font-size: 16px; color: var(--secondary);}
.wc-block-grid ul li.wc-block-grid__product .add_to_cart_button { background: var(--global); color: var(--primary); border: 1px solid var(--global); padding: 10px 26px; border-radius: 30px; font-size: 16px;}
.wc-block-grid ul li.wc-block-grid__product .add_to_cart_button:hover { background: none; color: var(--global);}


.error-page-section {padding: 60px 0; text-align: center;}
.error-page-section h1 {font-size: 60px; color: var(--global); margin: 0 0 20px; font-weight: 500;}
.error-page-section h2 { font-size: 28px; margin: 0 0 20px;}
.error-page-section p { font-size: 16px; line-height: 1.56; margin: 0 0 20px;}
.error-page-section .search-form { width: auto; max-width: 420px; display: flex; flex-wrap: wrap; margin: 0 auto;}
.error-page-section .search-form input { width: 100%; height: 50px; border-width: 1px; border-style: solid; border-color: var(--global); border-image: initial; border-radius: 80px; padding: 0px 20px; background: no-repeat; margin: 0 10px 0 0; flex: 1 0 0; color: var(--global);}
.error-page-section .search-form .search-submit {display: inline-block;font-size: 14px;color: var(--primary);margin: 0 0 0 auto;position: relative;padding: 14px 28px 14px 28px;font-weight: 500;background: var(--global);border: 1px solid var(--global);border-radius: 50px;font-family: "Poppins", sans-serif;transition: all .25s ease-in-out;cursor: pointer;}
.error-page-section .search-form .search-submit .screen-reader-text {font-size: 14px;clip: inherit;clip-path: inherit;position: relative !important;transition: all .25s ease-in-out;font-family: "Poppins", sans-serif;}
.error-page-section .search-form .search-submit:hover {color: var(--global); background: none;}
.error-page-section .search-form .search-submit:hover .screen-reader-text { color: var(--global);}
.error-page-section .search-form input::placeholder { color: var(--primary-color);}



.search-page-section {padding: 60px 0 0;}
.search-page-section h1 { font-size: 32px; margin: 0 0 20px;}
.search-page-section h3 { font-size: 28px; margin: 0 0 20px;}
.search-page-section p { font-size: 16px; line-height: 1.56; margin: 0 0 20px;}
.search-page-section .search-btn1 {display: inline-block;background: var(--global);padding: 12px 26px 12px;color: var(--primary);font-size: 13px;border: 1px solid var(--global);border-radius: 50px;font-family: "Poppins", sans-serif;}
.search-page-section .search-btn1:hover { color: var(--global); background: none;}
.search-page-section .search-page-card { width: 100%; margin: 0 0 50px;}


.defualt-page-section h2 { font-size: 28px; margin: 0 0 20px;}
.defualt-page-section p {font-size: 16px; line-height: 1.56; margin: 0 0 20px;} 
.defualt-page-section p a {color: var(--secondary);}
.defualt-page-section p a:hover { color: #000000;}


.product-detail-sec .products-wrapp h2{margin: 0 0 0px;}
.product-detail-sec{margin-bottom: 50px;}

.products-video{margin-bottom: 50px;}

@media screen and (max-width: 1399px) {
.arrival-wrapp .arrival-col2 .arrival-col3 { height: 22.9vw;}
.arrival-wrapp .arrival-col5 { height: 22.9vw;}
.arrival-wrapp .arrival-col1 {height: 47.9vw;}


}


@media screen and (max-width: 1200px) {
.banner-wrapp h1 {font-size: 40px;}

.percept-wrapp h2 { font-size: 40px;}
.percept-wrapp h4 { font-size: 18px;}

.gallery-wrapp .gallery-col3 img {height: 26.3vw;}
.gallery-wrapp .gallery-col1 img { height: 54.6vw;}

.products-wrapp h2 {font-size: 40px;}
.products-wrapp .products-col1 .products-img img {height: 21.5vw;}

.features-wrapp h2 { font-size: 40px;}
.features-wrapp h3 { font-size: 20px;}
.features-wrapp .features-col2 .features-img img {height: 23.5vw;}
.features-wrapp .features-col1 { width: 42%;}

.testimonial-wrapp h2 {font-size: 40px;}

.newsletter-wrapp h2 { font-size: 40px;}

.inner-banner h1 { font-size: 40px;}

.team-wrapp .team-col1 .team-img img { height: 32.5vw;}

.mission-wrapp .mission-col3 h2 {font-size: 80px;}
.mission-wrapp .mission-col3 {padding-left: 124px;}
.mission-wrapp .mission-col5 .mission-col6 .mission-icon {width: 105px;}


.key-wrapp h2 { font-size: 40px;}

.arrival-wrapp h2 {font-size: 40px;}
.arrival-wrapp .arrival-col5 .arrival-detail { width: 100%; left: 0; bottom: 0; padding: 20px;}

.service-wrapp .service-col1 .service-icon { width: 40px;}
.service-wrapp h3 { font-size: 16px;}
.service-wrapp p {font-size: 12px;}

.product-detail-wrapp h2 { font-size: 40px;}

}

@media screen and (max-width: 992px) {
.header-wrapp .header-row1 {display: none;}
.header-wrapp .header-menu {display: none;}
.header-wrapp .mob-cart { display: block;}
.header-wrapp .header-row2 { padding-right: 50px;}
.header-wrapp .cart-btn { margin: 0 0;}

.banner-wrapp h1 {font-size: 36px;}
.banner-wrapp img {height: auto;}
.banner-wrapp .banner-content .banner-col1 { width: 92%;}
.banner-wrapp .banner-btn {margin: 15px 0 0;}


.overlay {display: block;position: fixed;right: 0;top: 0;width: 100%;height: 100%;background: var(--global);background-size: 300% 100%;z-index: 9999;padding: 110px 5% 50px;transform:translateX(100%);opacity: 0;visibility: hidden;transition: transform 0.4s cubic-bezier(0.7, 0, 0.2, 1);}
.overlay.show{ transform:translateX(0); opacity: 1; visibility: visible;}
.overlay ul {width: 100%;}
.overlay ul { width: 100%;}
.overlay ul li a {color: var(--primary);display: block;padding: 10px 0;}
.overlay ul li {font-size: 36px;font-weight: 500;font-family: "Poppins", sans-serif;}
.overlay ul li a:hover {color: var(--secondary) !important;}
.burger-btn {display: block;position: fixed;width: 35px;height: 30px;right: 3%;top: 23px;z-index: 99999;overflow: hidden;cursor: pointer;user-select: none;}
.burger-btn span {display: block;width: 100%;height: 2px;background: var(--global);background-size: 300% 100%;border-radius: 5px;transition: all 0.4s cubic-bezier(0.7, 0, 0.2, 1);}
.burger-btn:hover span{background-position: 50% 0;}
.burger-btn span:nth-child(2n) {margin: 6px 0;transition: all 0.5s cubic-bezier(.22,.68,0,1.71);}
.burger-btn .burger-toggle { display: flex; flex-wrap: wrap; justify-content: right;}
.burger-btn .active span:nth-child(2n) { transform: translateX(-100%);}
.burger-btn .active span:first-child {transform: translateY(13px) rotate(-45deg);}
.burger-btn .active span:last-child {transform: translateY(-3px) rotate(45deg);}
body:after { content: ""; display: block; position: fixed; right: 0; top: 0; width: 100%; height: 100%; background: rgb(0 0 0 / 40%); z-index: 9; transform: translateX(100%); opacity: 0; visibility: hidden;  transition: transform 0.4s cubic-bezier(0.7, 0, 0.2, 1);}
body.menu-open:after{ transform:translateX(0); opacity: 1; visibility: visible;}
body.menu-open{  overflow-y: hidden;}
.overlay ul ul.sub-menu li {border: none; padding-left: 20px; position: relative;  color: var(--primary-color);}
.overlay ul ul.sub-menu li:before {  content: "-"; position: absolute; left: 0; top: 50%;  transform: translateY(-50%);}
.overlay ul li.has-sub > a {background: url(../images/chevron-down-white.svg) no-repeat center / 14px; background-position-x: 95%;}
.overlay ul li.has-sub > a:hover {background: url(../images/chevron-down-grey.svg) no-repeat center / 14px; background-position-x: 95%;}
.overlay .overlay-menu {width: 100%; height: 100%; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center;}
.burger-btn .active span { background: var(--primary);}   

.percept-wrapp h2 { font-size: 36px;}

.products-wrapp h2 {font-size: 36px;}
.products-wrapp .products-col1 .tag {font-size: 12px;}
.products-wrapp h3 { font-size: 14px;}
.products-wrapp h4 { font-size: 14px;}
.products-wrapp .products-col1 .product-detail-col2 > a .icon { width: 35px; height: 35px; padding: 9px;}

.features-wrapp h2 { font-size: 36px;}
.features-wrapp .features-col2 .features-img img { height: 23.5vw;}
.features-wrapp .features-col1 { width: 42%;}
.features-wrapp h4 { font-size: 14px;}

.testimonial-wrapp .testimonial-col1 {padding: 25px; align-items: center;}
.testimonial-wrapp h2 {font-size: 36px;}

.newsletter-wrapp h2 { font-size: 36px; margin: 0 0 17px;}

.footer-wrapp .footer-col3 { width: 35%;}

.inner-banner h1 { font-size: 36px;}
.inner-banner .inner-content .container { width: 86%;}
.inner-banner .bg-img img { height: 440px;}

.about-wrapp .about-col1 img { height: inherit;}
.about-wrapp p { font-size: 14px;}
.about-wrapp .about-col1 {width: 100%;margin: 0 0 30px;}
.about-wrapp .about-col2 { width: 100%;}
.about-wrapp { padding: 60px 0;}

.team-wrapp .team-col1 .team-img img { height: 40vw;}

.mission-wrapp .mission-col3 h2 { font-size: 70px;left: -33%;}
.mission-wrapp .mission-col3 { padding-left: 80px;}
.mission-wrapp .mission-col5 .mission-col6 .mission-icon {width: 77px;}
.mission-wrapp p {font-size: 14px;}
.mission-wrapp .mission-col5 .mission-col6 { margin: 0 0 24px;}

.key-wrapp h2 { font-size: 36px;}
.key-wrapp .key-col1 {padding: 0 15px;}
.key-wrapp h3 { font-size: 16px;}
.key-wrapp .key-col1 .key-icon { width: 90px; height: 90px;}

.arrival-wrapp h2 {font-size: 36px;}
.arrival-wrapp .arrival-col1 { width: 48.5%;height: 50vw;}
.arrival-wrapp .arrival-col2 { width: 48.5%;}

.blog-wrapp .blog-col1 .blog-detail .blog-detail1 {font-size: 12px; margin: 0 15px 0 0;}
.blog-wrapp .blog-col1 .blog-detail .blog-detail1 .icon { width: 15px; height: 15px;}
.blog-wrapp h2 { font-size: 22px;}

.content-wrapp .content-col1 {  width: 65%;}
.content-wrapp .content-col2 { width: 30%;}
.content-wrapp h2 { font-size: 28px;}
.content-wrapp p { font-size: 14px;}
.content-wrapp ul li { font-size: 14px;}
.content-wrapp ol li { font-size: 14px;}

.dashboard .woocommerce nav.woocommerce-MyAccount-navigation { width: 24%;}
.dashboard .woocommerce .woocommerce-MyAccount-content { width: 73%;}

.dashboard .woocommerce .woocommerce-Address {margin: 0 0 22px;}

.contact-wrapp h2 { font-size: 36px;}

.product-detail-wrapp h2 { font-size: 36px;}
.product-detail-wrapp h3 { font-size: 16px;}
.product-detail-wrapp p { font-size: 14px;}
.product-detail-wrapp ul li { font-size: 14px;}
.product-detail-wrapp .product-detail-col4 h6 {font-size: 14px;}
.product-detail-wrapp .quantity-counter .quantity input { font-size: 14px;}
.product-detail-wrapp .cart-btn { font-size: 14px; margin: 0 10px 0 0;}
.product-detail-wrapp .quantity-counter .quantity { width: 100px; margin: 0 10px 0 0;}
.product-detail-wrapp .buynow-btn { font-size: 14px;}

.products-wrapp .products-col1 .product-detail-col1 { width: 100%; margin: 0 0 10px;}
.products-wrapp .products-col1 .product-detail-col2 { width: 100%; justify-content: start;}

}

@media screen and (max-width: 767px) {
.banner-wrapp h1 {font-size: 32px;}
.banner-wrapp .banner-content .banner-col1 { width: 100%; text-align: center;}
.banner-wrapp .banner-btn {font-size: 14px;}
.banner-wrapp p { font-size: 14px;}

.percept-wrapp h2 { font-size: 32px;}
.percept-wrapp h4 { font-size: 16px;}
.percept-wrapp .percept-col1 { width: 100%;}
.percept-wrapp h6 { font-size: 14px;}
.percept-wrapp p { font-size: 14px;}
.percept-wrapp .percept-col2 { width: 100%;}
.percept-wrapp { padding:0px 0 60px;}

.gallery-wrapp { padding: 0 0 60px;}

.products-wrapp h2 {font-size: 32px; margin: 0 0 30px;}
.products-wrapp .products-col1 .products-img img {height: 30.4vw;}
.products-wrapp .view-btn { font-size: 14px;}
.products-wrapp { padding: 0 0 60px;}

.features-wrapp h2 { font-size: 32px;}
.features-wrapp .features-col1 { width: 100%;}
.features-wrapp .features-col2 { width: 100%;}
.features-wrapp .features-col2 .features-img img { height: 45vw;}
.features-wrapp h3 { font-size: 18px;}
.features-wrapp { padding: 0 0 60px;}

.testimonial-wrapp h2 {font-size: 32px;}
.testimonial-wrapp {padding: 0 0 60px;}

.newsletter-wrapp h2 { font-size: 32px;}
.newsletter-wrapp .newsletter-content { position: relative; top: 0; left: 0; transform: none; padding: 50px 30px;}
.newsletter-wrapp .newsletter-bg { position: absolute; top: 0;left: 0;}
.newsletter-wrapp p { font-size: 14px;}

.footer-wrapp .footer-col1 { width: 57%;}
.footer-wrapp .footer-col2 { width: 35%;}
.footer-wrapp .footer-col3 { width: 100%; margin: 20px 0 0;}

.inner-banner h1 {font-size: 32px;}


.team-wrapp p { font-size: 14px;}
.team-wrapp h4 {font-size: 14px;}

.mission-wrapp { padding: 0 0 60px;}
.mission-wrapp .mission-col3 { display: none;}
.mission-wrapp .mission-col5 { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.mission-wrapp .mission-col5 .mission-col6 { width: 48%; margin: 0 0 0;}
.mission-wrapp .mission-col5 .mission-col6 .mission-icon { position: relative; top: 0; left: 0; transform: none; margin: 0 0 10px;}

.products-wrapp2 .products-col1 { width: 48%; margin: 0 4% 30px 0;}
.products-wrapp2 { padding: 60px 0 30px;}
.products-wrapp2 .products-col1:nth-child(3n) { margin-right: 4%;}
.products-wrapp2 .products-col1:nth-child(2n) { margin-right: 0;}

.key-wrapp h2 { font-size: 32px;}
.key-wrapp .key-col1 {width: 50%; margin: 0 0 40px;}
.key-wrapp .key-col1:nth-child(2n) { border-right: none;}
.key-wrapp { padding: 0 0 40px;}

.arrival-wrapp h2 {font-size: 32px;}
.arrival-wrapp .arrival-col1 {width: 100%; margin: 0 0 30px; height: 70vw;}
.arrival-wrapp .arrival-col2 {width: 100%;}
.arrival-wrapp .arrival-col1 .cat-img {height: 100%; padding: 50px 60px 0;}
.arrival-wrapp .arrival-col2 .arrival-col3 { height: 44vw;}
.arrival-wrapp .arrival-col2 .arrival-col3 .cat-img {max-height: 100%;}
.arrival-wrapp .arrival-col5 { height: 44vw;}
.arrival-wrapp { padding: 0 0 30px;}


.service-wrapp .service-col1 { width: 48%;margin: 0 4% 30px 0;}
.service-wrapp .service-col1:nth-child(2n) { margin-right: 0;}
.service-wrapp { padding: 50px 0 20px;}


.blog-wrapp .blog-col1 {width: 100%;}
.blog-wrapp { padding: 60px 0 20px;}

.content-wrapp .content-col1 { width: 100%;}
.content-wrapp .content-col2 { width: 100%; margin: 30px 0 0;}
.content-wrapp h3 { font-size: 26px;}
.content-wrapp { padding: 60px 0;}


.reg-log .woocommerce .u-column1 { width: 100%; margin: 0 0 30px;}
.reg-log .woocommerce .u-column2 { width: 100%;}

.dashboard .woocommerce nav.woocommerce-MyAccount-navigation {width: 100%; margin: 0 0 28px;}
.dashboard .woocommerce .woocommerce-MyAccount-content { width: 100%;}
.dashboard .woocommerce nav.woocommerce-MyAccount-navigation ul { display: flex; flex-wrap: wrap; justify-content: space-between;}
.dashboard .woocommerce nav.woocommerce-MyAccount-navigation ul li { width: 48%;}
.dashboard .woocommerce nav.woocommerce-MyAccount-navigation ul li:last-child { border-bottom: 1px solid #848484;}

.contact-wrapp h2 { font-size: 32px;}
.contact-wrapp .contact-col1 { width: 100%;}
.contact-wrapp h3 { font-size: 26px; margin: 0 0 22px;}
.contact-wrapp .contact-detail ul li { margin: 0 0 22px;}
.contact-wrapp .contact-col2 { width: 100%; padding: 30px 30px 90px;}


.product-detail-wrapp h2 { font-size: 32px;}
.product-detail-wrapp .product-detail-col1 { width: 100%; margin: 0 0 30px;}
.product-detail-wrapp .product-detail-col2 { width: 100%;}

.product-detail-wrapp .product-detail-tab ul li { font-size: 18px;}


}

@media screen and (max-width: 600px) {
.team-wrapp .team-col1 .team-img img {height: 58vw;}

.mission-wrapp .mission-col5 .mission-col6 { width: 100%; margin: 0 0 30px;}
.inner-banner p br{display: none;}
}


@media screen and (max-width: 480px) {
.banner-wrapp h1 {font-size: 28px;}

.percept-wrapp h2 {font-size: 28px;}

.gallery-wrapp .gallery-col3 img { height: 53.3vw;}
.gallery-wrapp .gallery-col1 img { height: 76.4vw;}
.gallery-wrapp .gallery-col1 { width: 100%; margin: 0 0 20px;}
.gallery-wrapp .gallery-col2 { width: 100%;}

.products-wrapp h2 {font-size: 28px;}
.products-wrapp .products-col1 .products-img img { height: 64vw;}

.features-wrapp h2 { font-size: 28px;}

.testimonial-wrapp h2 {font-size: 28px;}
.testimonial-wrapp .avatar-img { width: 100px; height: 100px;}
.testimonial-wrapp .avatar-img img { width: 100%;height: 100%; object-fit: cover;}
.testimonial-wrapp .testimonial-deatil {width: 100%;}

.newsletter-wrapp h2 { font-size: 28px;}
.newsletter-wrapp .newsletter-content {padding: 50px 10px;}
.newsletter-wrapp .newsletter-form .tnp.tnp-subscription .tnp-field input { padding: 15px 110px 15px 15px; font-size: 13px;}


.footer-wrapp .footer-col1 { width: 100%;}
.footer-wrapp .footer-col2 { width: 100%; margin: 20px 0 0;}
.footer-wrapp .footer-col3 { width: 100%; margin: 20px 0 0;}


.inner-banner h1 { font-size: 28px;}
.inner-banner .inner-content .container { width: 78%;}

.team-wrapp .team-col1 .team-img img {height: 100vw;}

.mission-wrapp h3 { font-size: 28px;}

.products-wrapp2 .products-col1 { width: 100%; margin: 0 0 30px 0 !important;}

.key-wrapp h2 { font-size: 28px; margin: 0 0 20px;}
.key-wrapp .key-col1 {width: 100%; margin: 0 0 40px; border-right: none;}

.arrival-wrapp h2 {font-size: 28px;}
.arrival-wrapp .arrival-detail {width: 100%; left: 0; bottom: 0; padding: 20px;}
.arrival-wrapp .arrival-col2 .arrival-col3 {height: 58vw;}
.arrival-wrapp .arrival-col5 { width: 100%; margin: 0 0 30px; height: 58vw;}

.service-wrapp .service-col1 .service-icon {margin: 0 auto 20px;}
.service-wrapp .service-col1 .service-detail { flex: 0 0 100%;}
.service-wrapp { text-align: center;}

.content-wrapp h2 {font-size: 26px;}
.content-wrapp h3 {font-size: 24px;}

.dashboard .woocommerce .woocommerce-MyAccount-content .woocommerce-info {padding: 1em 1em 1em 3.2em;}
.dashboard .woocommerce .woocommerce-MyAccount-content .woocommerce-info .button { margin: 20px 00;}


.contact-wrapp h2 { font-size: 28px;}
.contact-wrapp h3 { font-size: 20px;}
.contact-wrapp .contact-detail ul li {font-size: 14px;}
.contact-wrapp .contact-col2 {padding: 30px 30px 65px;}
.contact-wrapp .contact-col2 .everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid.evf-grid-1 .evf-field { width: 100%;}

.product-detail-wrapp h2 { font-size: 28px;}
.product-detail-wrapp .quantity-counter .quantity input { width: 100px;}
.product-detail-wrapp .product-detail-col2 { width: 100%;}
.product-detail-wrapp .product-detail-slider .product-detail-item img {height: 59vw;}
.product-detail-wrapp .product-detail-item { padding: 20px;}
.product-detail-wrapp .product-detail-nav .product-detail-item {padding: 10px; border-radius: 7px;}
.product-detail-wrapp .product-detail-col1 .product-detail-thumb { height: 68vw;}
.product-detail-wrapp .cart-btn { flex: 0 0 48%;}
.product-detail-wrapp .buynow-btn { flex: 0 0 48%;}
.product-detail-wrapp .quantity-counter .quantity { width: 100%;  margin: 0 0 16px;}


.overlay ul li { font-size: 28px;}

.products-wrapp .products-col1 .product-detail-col1 {width: 48%; margin: 0 0 0;}
.products-wrapp .products-col1 .product-detail-col2 { width: 48%; justify-content: end;}

}