/** Shopify CDN: Minification failed

Line 81:43 "margin-botom" is not a known CSS property
Line 874:21 Unexpected "{"
Line 874:30 Expected ":"
Line 874:37 Unexpected "{"
Line 879:21 Unexpected "{"
Line 879:30 Expected ":"
Line 883:21 Unexpected "{"
Line 883:30 Expected ":"
Line 887:21 Unexpected "{"
Line 887:30 Expected ":"
... and 16 more hidden warnings

**/
/*
* Template Name: UntreeStore
* Template Author: Untree.co
* Author URI: https://untree.co/
* License: https://creativecommons.org/licenses/by/3.0/
*/
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Cinzel:wght@400..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Pacifico&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&family=Quicksand:wght@300..700&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Cinzel:wght@400..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Pacifico&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&family=Quicksand:wght@300..700&display=swap');
:root {
  --primary-color: #1c352d;   /* dark green */
  --secondary-color: #a6b28b; 
  --accent-color: #f5c9b0;
  --light-color: #FEF0F6;
  --black-text: #000000;
  --white-text: #ffffff;
  --transperent-bg: transparent;
  --heading-text:  "Quicksand", sans-serif;
  --body-font: "Urbanist", sans-serif;
}
button{background-color: var(--primary-color;)color: var(--white-text);}
button:hover{background-color:#1c352d;color:var(--white-text);}
.faq-item.active button{background-color:#1c352d;color: var(--white-text);}
/* Titles */

h1, h2, .section-title {font-family: var(--heading-text); font-weight:400; }
h1{font-size: 40px;}
h2{font-size: 32px;}
h3{font-size: 24px;}
/* Subtitles */

h3,h4, h5, .section-subtitle {  font-weight: 500; }

/* Body Text */

body,li { font-family: var(--heading-text);}
p{font-size: 14px;color: rgba(18,18,18,0.75);font-weight:400;font-family: var(--body-font);}
body { overflow-x: hidden; position: relative; }
body { font-weight: 400; line-height: 28px; color: #6a6a6a; font-size: 14px; }
a { text-decoration: none; -webkit-transition: .3s all ease; -o-transition: .3s all ease; 
  transition: .3s all ease; color: #2f2f2f; text-decoration: underline; font-family: var(--heading-text);}
a:hover { color: #2f2f2f; text-decoration: none; }
a.more { font-weight: 600; }
.custom-navbar { background: #3b5d50 !important; padding-top: 20px; padding-bottom: 20px; }
.custom-navbar .navbar-brand { font-size: 32px; font-weight: 600; }
.custom-navbar .navbar-brand > span { opacity: .0; }
.custom-navbar .navbar-toggler { border-color: transparent; }
.custom-navbar .navbar-toggler:active, .custom-navbar .navbar-toggler:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; }


.custom-navbar .custom-navbar-nav li a { font-weight: 500; color: #ffffff !important; opacity: .5; -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; position: relative; }

.custom-navbar .custom-navbar-nav li a:hover { opacity: 1; }
.custom-navbar .custom-navbar-nav li a:hover:before { width: calc(100% - 16px); }
.custom-navbar .custom-navbar-nav li.active a { opacity: 1; }
.custom-navbar .custom-navbar-nav li.active a:before { width: calc(100% - 16px); }
.custom-navbar .custom-navbar-cta { margin-left: 0 !important; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }

.custom-navbar .custom-navbar-cta li { margin-left: 0px; margin-right: 0px; }
.custom-navbar .custom-navbar-cta li:first-child { margin-right: 20px; }
.hero { background: #3b5d50; padding: calc(4rem - 30px) 0 0rem 0; height: 530px; }

.hero .intro-excerpt { position: relative; z-index: 4; }
.hero h1 { font-weight: 700; color: #ffffff; margin-bottom: 30px; }

.hero p { color: rgba(255, 255, 255, 0.5); margin-botom: 30px; }
.hero .hero-img-wrap { position: relative; }
.hero .hero-img-wrap img { position: relative; top: 0px; right: 0px; z-index: 2; max-width: 780px; left: -20px; }
.Meteor-Navigation__Link__desktop:hover{color: #a6b28b !important;pointer-events: visible;}

/*hero slider icon */

/* Arrow buttons look elegant and aligned */
.hero-slider .swiper-button-prev,
.hero-slider .swiper-button-next {
  position: relative !important;
  inset: auto !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid #2f2f2f;
  border-radius: 50%;
  color: #2f2f2f;
  background: transparent;
  transition: all 0.3s ease;
  margin: 0 !important; /* removes any vertical offset */
  top: auto !important; /* neutralize Swiper’s default top value */
  transform:none;
}

/* Make both icons same size and vertically aligned */
.hero-slider .swiper-button-prev::after,
.hero-slider .swiper-button-next::after {
  font-size: 16px !important;
  line-height: 1 !important;
}

/* Hover animation */
.hero-slider .swiper-button-prev:hover,
.hero-slider .swiper-button-next:hover {
  background: #1C352D;
  color: #fff;
}

.hero-slider .swiper-button-prev:hover::after,
.hero-slider .swiper-button-next:hover::after{color: #fff;}

/* Smaller arrow icon */
.hero-slider .swiper-button-prev::after,
.hero-slider .swiper-button-next::after {
  font-size: 14px;
}
.nav-icons {
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
    gap: 10px;margin-top:30px;
}
.hero-slider .swiper-pagination{display: none;}

/*testimonial arrow icon*/
.testimonials .arrow-icons {
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
    gap: 10px;
    margin-top: 30px;
}
.testimonials .swiper-button-prev,
.testimonials .swiper-button-next {
  position: relative !important;
  inset: auto !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid #2f2f2f;
  border-radius: 50%;
  color: #2f2f2f;
  background: transparent;
  transition: all 0.3s ease;
  margin: 0 !important; /* removes any vertical offset */
  top: auto !important; /* neutralize Swiper’s default top value */
  transform:none;
}

/* Make both icons same size and vertically aligned */
.testimonials .swiper-button-prev::after,
.testimonials .swiper-button-next::after {
  font-size: 16px !important;
  line-height: 1 !important;
}

/* Hover animation */
.testimonials .swiper-button-prev:hover,
.testimonials .swiper-button-next:hover {
  background: #1C352D;
  color: #fff;
}

.testimonials .swiper-button-prev:hover::after,
.testimonials .swiper-button-next:hover::after{color: #fff;}

/* Smaller arrow icon */
.testimonials .swiper-button-prev::after,
.testimonials .swiper-button-next::after {
  font-size: 14px;
}
.testimonials .swiper-pagination{display:none;}
/*.hero .hero-img-wrap:after {
  content: "";
  position: absolute;
  width: 255px;
  height: 217px;
  background-image: url("../assets/dots-light.svg");
  background-size: contain;
  background-repeat: no-repeat;
  right: -100px;
  top: -0px; }*/

.btn { font-weight: 600; padding: 12px 30px; border-radius: 30px; color: #2f2f2f; background: transparent; border-color: #2f2f2f; font-size: 1.5rem; letter-spacing: .1rem; }
.btn:hover { color: #ffffff; background: #1C352D; border-color: #000; }
.btn:active, .btn:focus { outline: none !important; -webkit-box-shadow: none; box-shadow: none; }
.btn.btn-primary { background: #3b5d50; border-color: #3b5d50; }
.btn.btn-primary:hover { background: #314d43; border-color: #314d43; }
.btn.btn-secondary { color: #2f2f2f; background: #f9bf29; border-color: #f9bf29; }
.btn.btn-secondary:hover { background: #f8b810; border-color: #f8b810; }
.btn.btn-white-outline { background: transparent; border-width: 2px; border-color: rgba(255, 255, 255, 0.3); }
.btn.btn-white-outline:hover { border-color: white; color: #ffffff; }
.product-section { padding: 7rem 0; }
.product-section .product-item { text-align: center; text-decoration: none; display: block; position: relative; padding-bottom: 50px; cursor: pointer;padding:15px 15px; }
.product-section .product-item .product-thumbnail { margin-bottom: 30px; position: relative; top: 0; -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; }
.product-section .product-item h3 { font-weight: 600; font-size: 16px; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; }
.product-section .product-item strong {font-size: 18px !important; font-weight:600; }
.product-section .product-item h3, .product-section .product-item strong { color: #2f2f2f; text-decoration: none; }
.product-section .product-item .icon-cross { position: absolute; width: 35px; height: 35px; display: inline-block; background: #2f2f2f; bottom: 15px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); margin-bottom: -17.5px; border-radius: 50%; opacity: 0; visibility: hidden; -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; }
.product-section .product-item .icon-cross img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.product-section .product-item:before { bottom: 0; left: 0; right: 0; position: absolute; content: ""; background: #dce5e4; height: 0%; z-index: -1; border-radius: 10px; -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; }
.product-section .product-item:hover .product-thumbnail { top: -25px; }
.product-section .product-item:hover .icon-cross { bottom: 0; opacity: 1; visibility: visible; }
.product-section .product-item:hover:before { height: 70%; }
.why-choose-section { padding: 100px 0 60px 0px; }
.why-choose-section .img-wrap { position: relative; }
.why-choose-section .img-wrap:before { position: absolute; content: ""; width: 255px; height: 217px; background-image: url("../assets/dots-yellow.svg"); background-repeat: no-repeat; background-size: contain; -webkit-transform: translate(-40%, -40%); -ms-transform: translate(-40%, -40%); transform: translate(-40%, -40%); z-index: -1; }
.why-choose-section .img-wrap img { border-radius: 20px; }
.feature { margin-bottom: 30px; }
.feature .icon { display: inline-block; position: relative; margin-bottom: 20px; }
.feature .icon:before { content: ""; width: 33px; height: 33px; position: absolute; background: rgba(59, 93, 80, 0.2); border-radius: 50%; right: -8px; bottom: 0; }
.feature h3 { font-size: 16px; color: #2f2f2f; }
.feature p { font-size: 14px; line-height: 22px; color: #6a6a6a; }
.we-help-section { padding: 100px 0px 60px; }
.we-help-section .row{align-items:center;}
.we-help-section .imgs-grid { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[27]; grid-template-columns: repeat(27, 1fr); position: relative; }
.we-help-section .imgs-grid:before { position: absolute; content: ""; width: 255px; height: 217px; background-image: url("../assets/dots-green.svg"); background-size: contain; background-repeat: no-repeat; -webkit-transform: translate(-40%, -40%); -ms-transform: translate(-40%, -40%); transform: translate(-40%, -40%); z-index: -1; }
.we-help-section .section-title { text-align: left; }
.we-help-section .imgs-grid .grid { position: relative; }
.we-help-section .imgs-grid .grid img { border-radius: 20px; max-width: 100%; }
.imgs-grid .grid-2 { margin-bottom: 0; }
.we-help-section .imgs-grid .grid.grid-1 { -ms-grid-column: 1; -ms-grid-column-span: 18; grid-column: 1 / span 18; -ms-grid-row: 1; -ms-grid-row-span: 27; grid-row: 1 / span 27; }
.we-help-section .imgs-grid .grid.grid-2 { -ms-grid-column: 19; -ms-grid-column-span: 27; grid-column: 19 / span 27; -ms-grid-row: 1; -ms-grid-row-span: 5; grid-row: 1 / span 5; padding-left: 20px; }
.we-help-section .imgs-grid .grid.grid-3 { -ms-grid-column: 14; -ms-grid-column-span: 16; grid-column: 14 / span 16; -ms-grid-row: 6; -ms-grid-row-span: 27; grid-row: 6 / span 27; padding-top: 20px; }
.about-list {list-style: none;       padding-left: 0;        margin-left: 0;}
.about-list li {margin-bottom: 8px;     display: flex;align-items: center;}
.full-desc {
    margin-top: 25px;
}
.about-list {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
    display: flex;
    flex-wrap: wrap;
}
.about-list li {
    margin-bottom: 8px;
    display: flex;
    width: 25%;
    flex-wrap: wrap;
    align-items: center;
}
.about-list span.icon {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.about-list span.icon-text {
    width: 100%;
    display: flex;
    justify-content: center;
    min-height: 56px;text-align: center;
    font-size: 14px;
    color: rgba(18, 18, 18, 0.75);
    font-weight: 400;
    font-family: var(--body-font);
}
.full-info{text-align:center;}
p.about-btn {
    text-align: center;margin-top:25px;
}
span.icon svg {
    width: 50px;
    height: 50px;
    fill: #1C352D;
}
.custom-list { width: 100%; }
.custom-list li { display: inline-block; width: calc(50% - 20px); margin-bottom: 12px; line-height: 1.5; position: relative; padding-left: 0px; }
/*.custom-list li:before { content: ""; width: 8px; height: 8px; border-radius: 50%; border: 2px solid #3b5d50; position: absolute; left: 0; top: 8px; }*/
.popular-product { padding: 0 0 7rem 0; }
.popular-product .product-item-sm h3 { font-size: 14px; font-weight: 700; color: #2f2f2f; }
.popular-product .product-item-sm a { text-decoration: none; color: #2f2f2f; -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; }
.popular-product .product-item-sm a:hover { color: rgba(47, 47, 47, 0.5); }
.popular-product .product-item-sm p { line-height: 1.4; margin-bottom: 10px; font-size: 14px; }
.popular-product .product-item-sm .thumbnail { margin-right: 10px; -webkit-box-flex: 0; -ms-flex: 0 0 120px; flex: 0 0 120px; position: relative; }
.popular-product .product-item-sm .thumbnail:before { content: ""; position: absolute; border-radius: 20px; background: #dce5e4; width: 98px; height: 98px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: -1; }

.testimonial-section { padding-top: 80px; }
.testimonial-slider-wrap { position: relative; }
.testimonial-slider-wrap .tns-inner { padding-top: 30px; }
.testimonial-slider-wrap .item .testimonial-block blockquote { font-size: 16px; }
.testimonial-slider-wrap .item .testimonial-block .author-info .author-pic { margin-bottom: 20px; }
.testimonial-slider-wrap .item .testimonial-block .author-info .author-pic img { max-width: 80px; border-radius: 50%; }
.testimonial-slider-wrap .item .testimonial-block .author-info h3 { font-size: 14px; font-weight: 700; color: #2f2f2f; margin-bottom: 0; }
.testimonial-slider-wrap #testimonial-nav { position: absolute; top: 50%; z-index: 99; width: 100%; display: none; }
.testimonial-slider-wrap #testimonial-nav > span { cursor: pointer; position: absolute; width: 58px; height: 58px; line-height: 58px; border-radius: 50%; background: rgba(59, 93, 80, 0.1); color: #2f2f2f; -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; }
.testimonial-slider-wrap #testimonial-nav > span:hover { background: #3b5d50; color: #ffffff; }
.testimonial-slider-wrap #testimonial-nav .prev { left: -10px; }
.testimonial-slider-wrap #testimonial-nav .next { right: 0; }
.testimonial-slider-wrap .tns-nav { position: absolute; bottom: -50px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.testimonial-slider-wrap .tns-nav button { background: none; border: none; display: inline-block; position: relative; width: 0 !important; height: 7px !important; margin: 2px; }
.testimonial-slider-wrap .tns-nav button:active, .testimonial-slider-wrap .tns-nav button:focus, .testimonial-slider-wrap .tns-nav button:hover { outline: none; -webkit-box-shadow: none; box-shadow: none; background: none; }
.testimonial-slider-wrap .tns-nav button:before { display: block; width: 7px; height: 7px; left: 0; top: 0; position: absolute; content: ""; border-radius: 50%; -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; background-color: #d6d6d6; }
.testimonial-slider-wrap .tns-nav button:hover:before, .testimonial-slider-wrap .tns-nav button.tns-nav-active:before { background-color: #3b5d50; }
.before-footer-section { padding: 7rem 0 12rem 0 !important; }
.blog-section { padding: 24px 0px; }
.blog-section .post-entry a { text-decoration: none; }
.blog-section .post-entry .post-thumbnail { display: block; margin-bottom: 20px; }
.blog-section .post-entry .post-thumbnail img { border-radius: 20px; -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; }
.blog-section .post-entry .post-content-entry { padding-left: 15px; padding-right: 15px; }
.blog-section .post-entry .post-content-entry h3 { font-size: 16px; margin-bottom: 0; font-weight: 600; margin-bottom: 7px; }
.blog-section .post-entry .post-content-entry .meta { font-size: 14px; }
.blog-section .post-entry .post-content-entry .meta a { font-weight: 600; }
.blog-section .post-entry:hover .post-thumbnail img, .blog-section .post-entry:focus .post-thumbnail img { opacity: .7; }

.footer-section { padding: 60px 15px; background-color: var(--primary-color);}
.footer-menu-title{font-size: 18px;font-weight: 500;color:var(--white-text);margin-bottom: 15px;}
.footer-section .relative { position: relative; }
.footer-section a { text-decoration: none; color: #fff; -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; }
.footer-section a:hover { color: var(--secondary-color); }
.footer-section .subscription-form { margin-bottom: 60px; position: relative; z-index: 2; margin-top: 0px; }
.subscription-form { display: flex; justify-content: center; }
.subscription-form .btn{color: var(--white-text);border-color:#fff;}
.subscription-form .img-fluid{filter: brightness(0) invert(1);}
.footer-section .subscription-form h3 { font-size: 18px; font-weight: 500; color: #fff; margin-right: 15px; }
.footer-section .subscription-form .form-control { height: 50px; border-radius: 10px; font-family: "Inter", sans-serif;text-align:center; }
.footer-section .subscription-form .form-control:active, .footer-section .subscription-form .form-control:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; border-color: #3b5d50; -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); }
.footer-section .subscription-form .form-control::-webkit-input-placeholder { font-size: 14px; }
.footer-section .subscription-form .form-control::-moz-placeholder { font-size: 14px; }
.footer-section .subscription-form .form-control:-ms-input-placeholder { font-size: 14px; }
.footer-section .subscription-form .form-control:-moz-placeholder { font-size: 14px; }
.footer-section .subscription-form .btn { border-radius: 10px !important; }
.footer-section .sofa-img { position: absolute; top: -200px; z-index: 1; right: 0; }
.footer-section .sofa-img img { max-width: 380px; }
.footer-section .links-wrap { margin-top: 0px;justify-content:space-between; }
.footer-section .links-wrap ul li { margin-bottom: 10px; }
.footer-section .footer-logo-wrap .footer-logo { font-size: 32px; font-weight: 500; text-decoration: none; color: #fff; }
.footer-section .custom-social li { margin: 2px; display: inline-block; }
.footer-section .custom-social li a { width: 40px; height: 40px; text-align: center; line-height: 40px; display: inline-block; 
  background: #fff; color: var(--primary-color); border-radius: 50%; }
.footer-section .custom-social li a:hover { background: var(--secondary-color); }
.footer-section .custom-social li a:hover span{color: #fff;}
.footer-section .border-top { border-color: #fff; }
.copyright p{color: var(--white-text);}
.footer-section .border-top.copyright { font-size: 14px !important; }
.ft-info p{color:var(--white-text);}
.contact-info li span:before{color: #fff;}
.contact-info li a{color:var(--white-text);}
.contact-info li a:hover{color:var(--secondary-color);}
#contact_form button:hover{border-color: var(--secondary-color);}
#ft-get-in-touch h3{font-size: 18px;font-weight: 500;color: var(--white-text);margin-bottom:15px;}
.untree_co-section { padding: 7rem 0; }
.form-control { height: 50px; border-radius: 10px; font-family: "Inter", sans-serif; }
.form-control:active, .form-control:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; border-color: #3b5d50; -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); }
.form-control::-webkit-input-placeholder { font-size: 14px; }
.form-control::-moz-placeholder { font-size: 14px; }
.form-control:-ms-input-placeholder { font-size: 14px; }
.form-control:-moz-placeholder { font-size: 14px; }
.service { line-height: 1.5; }
.service .service-icon { border-radius: 10px; -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 0 0 50px; height: 50px; line-height: 50px; text-align: center; background: #3b5d50; margin-right: 20px; color: #ffffff; }
textarea { height: auto !important; }
.site-blocks-table { overflow: auto; }
.site-blocks-table .product-thumbnail { width: 200px; }
.site-blocks-table .btn { padding: 2px 10px; }
.site-blocks-table thead th { padding: 30px; text-align: center; border-width: 0px !important; vertical-align: middle; color: rgba(0, 0, 0, 0.8); font-size: 18px; }
.site-blocks-table td { padding: 20px; text-align: center; vertical-align: middle; color: rgba(0, 0, 0, 0.8); }
.site-blocks-table tbody tr:first-child td { border-top: 1px solid #3b5d50 !important; }
.site-blocks-table .btn { background: none !important; color: #000000; border: none; height: auto !important; }
.site-block-order-table th { border-top: none !important; border-bottom-width: 1px !important; }
.site-block-order-table td, .site-block-order-table th { color: #000000; }
.couponcode-wrap input { border-radius: 10px !important; }
.text-primary { color: #3b5d50 !important; }
.thankyou-icon { position: relative; color: #3b5d50; }
.thankyou-icon:before { position: absolute; content: ""; width: 50px; height: 50px; border-radius: 50%; background: rgba(59, 93, 80, 0.2); }
.about-inner { display: flex; align-items: center; }
.about-thumb { width: 50%; }
.about-thumb img { width: 100%; }
.about-desc { width: 50%; }

/*custom product section*/
.product-section { background: #fff; padding: 80px 0px; font-family: 'Segoe UI', sans-serif; }
.section-title { font-size: 32px; font-weight: 500; color: #2f2f2f; margin-bottom: 30px; margin-top: 0; text-transform: uppercase; }
.section-subtitle { font-size: 22px; color: #6a6a6a; margin-bottom: 30px; margin-top: 0; text-transform: capitalize; }
.rich-text__heading{font-size: 32px; font-weight: 500; color: #2f2f2f; margin-bottom: 30px; margin-top: 0; text-transform: uppercase;}
.product-grid { display: flex; width: 100%; }
.product-card { background: #fff; border-radius: 12px; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05); overflow: hidden; transition: transform 0.3s; position: relative; }
.product-card:hover { transform: translateY(-5px); }
.product-card { padding: 0 10px; }
.product-slider { margin: 0 -10px; /* to balance the inner padding */ }
.slick-slide { display: flex; justify-content: center; }
.product-card { background: #242833; border-radius: 12px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); text-align: center; padding: 20px; }
.product-badge { position: absolute; top: 15px; left: 15px; background: #ff5722; color: #fff; padding: 5px 10px; font-size: 0.8rem; border-radius: 4px; z-index: 2; }
.product-card img { width: 100%; }
.product-image { width: 100%; height: auto; object-fit: cover; }
.product-info { padding: 20px; }
.product-title { font-size: 16px; margin: 10px 0 5px; color: #ff5722; font-weight: 600; }
.product-description { font-size: 14px; color: #fff; font-weight: 400; margin-bottom: 10px; min-height: 0px; }
.product-price { font-size: 14px; font-weight: bold; color: #aeaeae; margin-bottom: 15px; }
.add-to-cart-btn { background: #ff5722; color: #fff; border: none; padding: 12px 20px; border-radius: 6px; cursor: pointer; transition: background 0.3s ease; width: 100%; font-size: 14px; }
.add-to-cart-btn:hover { background: #fff; color: #242833; }

/*custom product section*/

/*why-choose-us*/

.parallax-section { background-image: url('../images/parallax.png'); min-height: 483px; width: 100%; height: 100%; background-attachment: fixed; /* key for parallax */ background-position: center left; background-repeat: no-repeat; background-size: cover; display: flex; align-items: center; justify-content: center; color: white; font-size: 2rem; }
.overlay { position: relative; z-index: 999; }
.overlay::before { width: 100%; height: 100%; content: ""; position: absolute; top: 0; left: 0; z-index: -999; }
.choose-info p { color: #222; font-size: 14px; font-weight: 400; margin: 0; }
.choose-info h3 { margin: 0; color: #ff5722; font-size: 16px; font-weight: 400; }

/*why-choose-us*/

/* Testimonial Section */
.testimonial-section { width: 100%; text-align: center; }
.testimonials { padding: 60px 0px; background-color:var(--light-color);}
.testimonial-section .section-title { margin-bottom: 40px; }
.testimonial-item { background: #fff; padding: 40px; border-radius: 10px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); max-width: 600px; margin: 0 auto; }
.testimonial-text { font-size: 1.2em; font-style: italic; margin-bottom: 20px; }
.testimonial-author { font-weight: bold; color: #333; }
.testimonial-designation { display: block; font-size: 0.9em; color: #777; }
.testimonial-swiper .swiper-slide { width: 100% !important;  /* force single slide width */ display: flex; justify-content: center;  /* optional: center content */ }
.testimonial-card { padding: 20px; }
.testimonials .swiper-button-next, .testimonials .swiper-button-prev{background: transparent;}
/*.testimonials .swiper-button-next::after, .testimonials .swiper-button-prev::after{color: #36594e;}*/
.testimonials .swiper-button-next:hover, .testimonials .swiper-button-prev:hover{background: #1C352D;}
.testimonials .swiper-button-next:hover::after, 
.testimonials .swiper-button-prev:hover::after{color: var(--white-text);}


/*.swiper-pagination-bullet { background: #fff; opacity: 1; }
.swiper-pagination-bullet-active { background: #f9bf29; }*/

/*.swiper-button-next, .swiper-button-prev { color: #111827; transition: color 0.3s ease; }
.swiper-button-next:hover, .swiper-button-prev:hover { color: #2563eb; }
.swiper-button-next::after,
.swiper-button-prev::after {font-size: 25px;color: #000; }*/

/* --- Swiper Arrow Styling --- */
.swiper-button-next,
.swiper-button-prev {
  width: 40px;
  height: 40px;
  background: #fff; 
  /*border-radius: 50%;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);*/
}
.swiper-button-next:hover, .swiper-button-prev:hover{background-color: var(--secondary-color);}
.swiper-button-next::after:hover,
.swiper-button-prev::after:hover{color: #fff;}
.swiper-button-next::after,
.swiper-button-prev::after {
  font-size: 18px;
  font-weight: bold;
  color: #333; 
}

/* --- Pagination (dots) Styling --- */
.swiper-pagination {
  position: relative !important;  /* make it sit below cards */
  margin-top: 20px;
}

.swiper-pagination-bullet {
  background: var(--secondary-color);
  opacity: 1;
}

.swiper-pagination-bullet-active {
  background: var(--primary-color); /* active dot color */
}

.swiper-button-next svg, .swiper-button-prev svg{display: none;}

body .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: #1C352D;
}
/*testimonial*/

/*custom tabview*/

.tab-wrapper { width: 100%; max-width: 600px; margin: 0 auto; }
.tabs { position: relative; display: flex; gap: 20px; border-bottom: 2px solid #333; margin-bottom: 30px; }
.tab { cursor: pointer; padding: 10px 0; font-size: 1.1rem; position: relative; }
.underline { position: absolute; bottom: -2px; left: 0; height: 3px; background: #00ffd5; width: 0; transition: all 0.3s ease; }

/*custom tabview*/
.custom-bg { position: relative; z-index: 1; background-color:var(--light-color);}
.author-pic { margin-bottom: 15px; }
.author-pic img { max-width: 80px; height: auto; border-radius: 50%; margin: 0 auto; }

/*blog*/

/* Sticky Header */
.header-wrapper { position: sticky; top: 0; width: 100%; z-index: 1000; background-color: var(--primary-color); /* same as your header background */ }
.custom-navbar { position: fixed; top: 0; left: 0; width: 100%; z-index: 1020; }
body .list-menu__item { line-height: 16px; }
.slick-dots li.slick-active button:before { color: #fff !important; }
.slick-dots li.slick-active button:before { color: #222 !important; }
.header{display:flex;}
.header { padding: 10px 0px; }
.header__menu-item { color: #fff; }
.header__icon span svg path { fill: #fff; }
.header__icon span:hover svg path{fill: var(--secondary-color);font-weight:400;}

/* Hide the submenu when [hidden] */
.header__submenu[hidden] { display: none; }

/* Visible state (optional styling) */
.header__menu-item-wrapper.submenu-open > .header__menu-parent { /* e.g., background change */ }
.header__menu-item-wrapper.submenu-open > .header__submenu { display: block; }

/* Make sure the parent container aligns anchor and button horizontally */
.header__menu-parent { display: inline-flex; align-items: center; gap: 8px; }
.submenu-toggle { background: none; border: 0; padding: 6px; cursor: pointer; }

.breadcrumb a {
  color: #1c352d; /* normal link color */
  text-decoration: none;
  transition: color 0.3s;font-weight:500;
}

.breadcrumb a:hover {
  color: #f5c9b0; /* hover color */
}

.breadcrumb .active {
  color: #fff; /* active/current page color */
  font-weight: 500;margin:0 5px;
}

.map-container { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; overflow: hidden; }
.map-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
.card.card--standard.card--media { padding: 10px 15px; border:0;}
.card__heading { margin-top: 0; margin-bottom: 0; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; }
.card__heading a:hover{color:var(--secondary-color);}
.product-section .product-item:hover h3{color: var(--primary-color);}
/*Faq Section*/
#shopify-section-template--18450308628631__faq_dnN8ak{background-color:var(--light-color);}
.faq-section { padding: 60px 20px; }
.faq-title { text-align: center; margin-bottom: 30px; font-size: 28px; font-weight: 700; }
.faq-item { border-bottom: 1px solid var(--primary-color); padding: 15px 0; }
.faq-question { width: 100%; text-align: left; font-size: 20px; font-weight: 600; background: none; border: none; cursor: pointer; padding: 10px 0; display: flex; justify-content: space-between; align-items: center; }
.faq-answer { padding: 10px 15px; color: #555; }
.faq-answer p{font-size: 16px;}
.faq-icon { font-weight: bold; transition: transform 0.3s ease; }
.faq-item.active .faq-icon { transform: rotate(45deg); }
.faq-question{padding:10px 15px;}
.faq-question:hover{padding:10px;}

/*banner section*/
.hero-slider { position: relative; width: 100%; }
.hero-content { text-align: center; color: #fff; padding-top: 20%; }
.hero-content p { font-size: 1.25rem; margin-bottom: 1.5rem; }
.hero-content .btn { background: #000; color: #fff; padding: 0.75rem 1.5rem; border-radius: 4px; text-decoration: none; }
.hero-slide { position: relative; min-height: 80vh; /* or 100vh if you want full screen */ }
.hero-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); /* perfect vertical & horizontal center */ background: rgba(255, 255, 255, 0.85); /* white with slight transparency */ padding: 30px 40px; border-radius: 8px; text-align: center; max-width: 600px; /* keeps box from getting too wide */ color: #000; }
.hero-content h1 { font-size: 40px; margin-bottom: 10px; font-family: var(--heading-text); text-transform: uppercase;}
.hero-content p { font-size: 18px; margin-bottom: 10px; }
.hero-content .btn { display: inline-block; background: var(--transperent-bg); color: var(--primary-color); 
  padding: 10px 20px; border-radius: 30px; text-decoration: none; border-color: var(--primary-color);}
.hero-content .btn:hover { background-color: #1C352D; border-color: #1C352D;color:#fff; }

/* Default dots */
.slider-dots li button { background-color: #ccc; /* inactive dot color */ }

/* Active dot */
.slider-dots li.slick-active button { background-color: #ff6600; /* active dot color */ }

/*contact map section*/
.contact-map-section { padding: 60px 0; background-color: #fff; }
.contact-map-section form input, .contact-map-section form textarea { width: 100%; padding: 10px; margin-bottom: 10px; }
.contact-map-section button { padding: 10px 20px; background: transparent; color: #1C352D; border: 1px solid #1C352D; border-radius: 30px; cursor: pointer; }
.contact-map-section button:hover { background-color: #1C352D; color: #fff; }
.map-wrapper iframe { width: 100%; height: 400px; border: 0; }
#contact_form .btn { background-color: transparent; }
#contact_form .btn:hover { background-color: #1C352D; }

/*cta section*/

body .rich-text{padding:60px 0px;}

.collection-hero__title{display:none;}


/*modern collection*/

.modern-collection{padding: 24px 0px;}
.card__heading h3 a:hover{color: #f5c9b0;}

.header-mega-menu {
  display: flex;
  align-items: center;
}

.header-mega-menu__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}

.header-mega-menu__item {
  position: relative;
  margin-right: 2rem;
}

.header-mega-menu__link {
  text-decoration: none;
  color: inherit;
  padding: 1rem 0;
  display: inline-block;
}

.header-mega-menu__submenu {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  background: #fff;
  min-width: 200px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  z-index: 999;
}

.header-mega-menu__submenu ul {
  list-style: none;
  margin: 0;
  padding: 1rem;
}

.header-mega-menu__submenu li {
  margin-bottom: 0.5rem;
}

.header-mega-menu__submenu li a {
  text-decoration: none;
  color: var(--primary-color);
}

.header-mega-menu__item.has-submenu:hover .header-mega-menu__submenu {
  display: block;
}

ul.mega-menu__list.page-width.mega-menu__list--condensed {
    display: flex;
    flex-wrap:wrap;
    width: 100%;
    border-right:1px solid var(--primary-color);
}
ul.mega-menu__list.page-width.mega-menu__list--condensed li{width:100%;}

/* Mega menu container */
.mega-menu {
  position: relative;
}

.mega-menu__content {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%; /* Full width dropdown */
  background: #fff;
  padding: 2rem;
  box-shadow: 0 8px 24px rgba(0,0,0,0.08);
  display: none;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 2rem;margin:0 auto;
}

.mega-menu[open] .mega-menu__content {
  display: grid;
  animation: fadeIn 0.2s ease-in;
}

/* Animations */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/*inner banner*/

.inner-banner {
  min-height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #a6b28b;
  background-size: cover;
  background-position: center;
  position: relative;
  padding: 30px 0px;
}
.inner-banner h1,
.inner-banner p {
  color: #fff;
}
.inner-banner h1 {
  margin-bottom: 1rem;
  font-size: 40px;font-weight:500;
  text-transform: uppercase;
}
.breadcrumb {
  justify-content: center;
}
.breadcrumb a {
  color: #1c352d;
  margin: 0px 5px;
}
.breadcrumb a:hover {
  color: #fff;
}

/*about page css*/

.about-page {
  padding: 60px 0px;padding-bottom:0;
}

.about-hero h1 {
  margin-bottom: 30px;
}

.about-hero h2 {
  text-align:center;
}

.about-description {
  max-width: 1000px;
  margin: 0 auto;
  color: var(--black-text);
  line-height: 1.7;text-align:center;
}
.about-description h2{margin-bottom:30px;}

/*contact page css*/

.contact-header{text-align:center;padding-top:60px;}
.contact-header h2{margin-bottom:30px;}


/* Mega Menu Container */
.mega-menu__content {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 equal columns */
  gap: 1.5rem;
  padding: 2rem;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  width: 900px; /* control menu width */
  max-width: 95vw; /* responsive cap */
}

/* Mega Menu List */
.mega-menu__list {
  display: contents; /* let grid handle placement */
}

/* Each Item */
.mega-menu__list li {
  list-style: none;
}

/* Links */
.mega-menu__link--level-2 {
  display: block;
  font-size: 15px;
  font-weight: 500;
  padding: 6px 0;
  color: #1a1a1a;
  text-decoration: none;
  transition: color 0.2s ease;
}

.mega-menu__link--level-2:hover {
  color: #00715D; /* accent hover color */
}

.cart-items thead th{font-size:14px;color:var(--primary-color);}
cart-remove-button a:hover .icon-remove{color:var(--white-text);}
.card{border:1px solid var(--primary-color);}
.facets__disclosure-vertical{border-top:1px solid var(--primary-color);}

/* Responsive: stack on small screens */
@media (max-width: 768px) {
  .mega-menu__content {
    grid-template-columns: 1fr;
    width: 100%;
    padding: 1.5rem;
  }
}
.share-button button{padding:10px 15px;border:1px solid var(--primary-color);border-radius:30px;cursor: pointer;}
.share-button button:hover{background-color: #1c352d;text-decoration:none;color: #fff; }
.price__badge-sold-out{background-color: #1c352d;color:#fff;}
.quantity__button:hover{color: #1c352d;}

.template-search__header p{text-align: center;}
.template-search__search .field__input{background: var(--primary-color);border:0;color: #fff;}
.template-search__search .field__input::placeholder{color: #fff;}
.template-search__search .field__label{color: #fff;}
.template-search__search .svg-wrapper svg path{fill: #fff;}
.template-search__search .svg-wrapper:hover svg path{fill: var(--secondary-color);}
.template-search__search .svg-wrapper svg circle {
    stroke-opacity: unset;fill: #fff;
}
.template-search__search .svg-wrapper:hover svg circle{fill:var(--secondary-color);}
.template-search__search .reset__button:not(:focus):after {
    border-right: .1rem solid #fff;}

/*sub category slider*/

.subcategory-slider {
  position: relative;
  padding: 2rem 0;overflow: visible !important;
}
.subcategory-slider .swiper {
  width: 100%;overflow: visible !important;
}
.subcategory-slider .swiper-wrapper{justify-content:  center;}
.subcategory-slider .slide-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  text-decoration: none;
}
.subcategory-slider .slide-card img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  object-fit: cover;
}
.subcategory-slider .slide-card h3 {
  margin-top: 10px;
  font-size: 1.1rem;
  color: #000;
}
.subcategory-slider .swiper-button-next,
.subcategory-slider .swiper-button-prev {
  color: #000;
  opacity: 0.8;
  transition: opacity 0.3s ease;
}
.subcategory-slider .swiper-button-next:hover,
.subcategory-slider .swiper-button-prev:hover {
  opacity: 1;
}
.subcategory-slider .swiper-pagination-bullet {
  background: #000;
  opacity: 0.5;
}
.subcategory-slider .swiper-pagination-bullet-active {
  opacity: 1;
}

#subcategory-slider-{{ section.id }} {
  position: relative;
  padding: 2rem 0;
}

#subcategory-slider-{{ section.id }} .swiper-wrapper {
  align-items: stretch;
}

#subcategory-slider-{{ section.id }} .swiper-slide {
  text-align: center;
}

#subcategory-slider-{{ section.id }} .slide-card {
  display: block;
  text-align: center;
  padding: 10px;
  transition: transform 0.3s ease;
}

#subcategory-slider-{{ section.id }} .slide-card:hover {
  transform: translateY(-5px);
}

/*#subcategory-slider-{{ section.id }} img {
  width: 100%;
  height: 180px;
  object-fit: contain;
  border-radius: 10px;
}*/

#subcategory-slider-{{ section.id }} h3 {
  font-size: 24px;
  margin-top: 10px;
  color: #000;
}

/* --- Nav Buttons Fix --- */
#subcategory-slider-{{ section.id }} .swiper-button-next,
#subcategory-slider-{{ section.id }} .swiper-button-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 20;
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1 !important;
  visibility: visible !important;
}

#subcategory-slider-{{ section.id }} .swiper-button-prev {
  left: -25px;
}

#subcategory-slider-{{ section.id }} .swiper-button-next {
  right: -25px;
}

#subcategory-slider-{{ section.id }} .swiper-button-next::after,
#subcategory-slider-{{ section.id }} .swiper-button-prev::after {
  font-size: 16px;
  color: #000;
}
.subcategory-slider .page-width {
  overflow: visible !important;
}
.subcategory-slider  .swiper-pagination-lock{display: block;}

/*Blog Section Custom*/

.blog-section {
  padding: 60px 0;
  text-align: center;
}
.blog-title {
  font-size: 32px;
    font-weight: 500;
    color: #2f2f2f;
    margin-bottom: 30px;
    margin-top: 0;
    text-transform: uppercase;
}
.blog-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 30px;
}
.blog-card {
  text-align: left;
}
.blog-image img {
  width: 100%;
  border-radius: 8px;
  transition: transform 0.3s ease;
}
.blog-image:hover img {
  transform: scale(1.03);
}
.blog-content {
  margin-top: 15px;
}
.blog-meta {
  font-size: 12px;
  color: #777;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.blog-heading {
  font-size: 18px;
  margin: 10px 0;
}
.read-more {
  color: #000;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 13px;
  border-bottom: 1px solid #000;
  text-decoration: none;
}
.center-btn {
  margin-top: 40px;
}
.view-all-btn {
  font-weight: 600;
    padding: 12px 30px;
    border-radius: 30px;
    color: #2f2f2f;
    background: transparent;
    border-color: #2f2f2f;
    font-size: 1.5rem;
    letter-spacing: .1rem;
    border: 1px solid;
    text-decoration:none;
}
.view-all-btn:hover {
  color: #ffffff;
    background: #1C352D;
    border-color: #000;
}
@media (max-width: 768px) {
  .blog-title { font-size: 26px; }
  .blog-grid { gap: 20px; }
}
/*Blog Slider Section*/

.blog-slider-section {
  position: relative;
  padding: 60px 0;
}



.blog-slider-arrows {
  display: flex;
  gap: 10px;
}
/* Center title + align arrows properly */
.blog-slider-section .section-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* Arrow container centered below title */
.blog-slider-section .blog-slider-arrows {
  display: flex;
    justify-content: inherit;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 30px;
}

/* Arrow buttons look elegant and aligned */
.blog-slider-section .swiper-button-prev,
.blog-slider-section .swiper-button-next {
  position: relative !important;
  inset: auto !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid #2f2f2f;
  border-radius: 50%;
  color: #2f2f2f;
  background: transparent;
  transition: all 0.3s ease;
  margin: 0 !important; /* removes any vertical offset */
  top: auto !important; /* neutralize Swiper’s default top value */
  transform:none;
}

/* Make both icons same size and vertically aligned */
.blog-slider-section .swiper-button-prev::after,
.blog-slider-section .swiper-button-next::after {
  font-size: 16px !important;
  line-height: 1 !important;
}

/* Hover animation */
.blog-slider-section .swiper-button-prev:hover,
.blog-slider-section .swiper-button-next:hover {
  background: #1C352D;
  color: #fff;
}

.blog-slider-section .swiper-button-prev:hover::after,
.blog-slider-section .swiper-button-next:hover::after{color: #fff;}

/* Smaller arrow icon */
.blog-slider-section .swiper-button-prev::after,
.blog-slider-section .swiper-button-next::after {
  font-size: 14px;
}

.blog-card img {
  width: 100%;
  border-radius: 10px;
  object-fit: cover;
}

.blog-content {
  margin-top: 15px;
}

.blog-meta {
  font-size: 13px;
  color: #777;
}

.read-more {
  text-transform: uppercase;
  font-size: 13px;
  color: #000;
  text-decoration: underline;
  font-weight: 500;
  text-decoration:none;
}

.blog-slider-section .center-btn {
  text-align: center;
  margin-top: 30px;
  display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
}

.view-all-btn {
  font-weight: 600;
    padding: 12px 30px;
    border-radius: 30px;
    color: #2f2f2f;
    background: transparent;
    border-color: #2f2f2f;
    font-size: 1.5rem;
    letter-spacing: .1rem;
    border: 1px solid;
    text-decoration:none;
}
.view-all-btn:hover {
  color: #ffffff;
    background: #1C352D;
    border-color: #000;
}
html, body {
  overflow-x: hidden;
  width: 100%;
}
section, .swiper, .swiper-wrapper {
  max-width: 100%;
}
img {
  max-width: 100%;
  height: auto;
  display: block;
}