/**
 * Theme Name:     Twenty Twenty Child
 * Author:         the WordPress team
 * Template:       twentytwenty
 * Text Domain:	   twenty-twenty-child
 * Description:    Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
 */

/* Fonts */
@font-face {
    font-family: 'CanelaDeck-Regular';
    src: url('assets/fonts/CanelaDeck-Regular-Trial.otf');
    font-weight: normal;
    font-style: normal;
}
body{
    font-family: 'Inter', sans-serif;
}
a {
    text-decoration: none;
}

p, li{
    color: #205256;
    font-family: 'Inter';
    font-weight: 400;
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 1rem;
}
h1, h2, h3, h4, h5{
    color: #205256;
    font-family: 'CanelaDeck-Regular';
    margin-bottom: 1rem;
}
.disabled{
    pointer-events: none;
}
label{
    color: #184b44 !important;
    font-size: 14px !important;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
    margin-top: 100px;
    margin-bottom: 0;
}
input, select, textarea, span.select2-selection {
    border: 1px solid #86613a !important;
    color: #184b44 !important;
    font-size: 16px !important;
    height: 45px !important;
}
input:placeholder, .woocommerce select:placeholder {
    color: #184b44 !important;
}
input:focus, .woocommerce select:focus{
    border:1px solid #184b44;
    box-shadow: none;
    outline: 0;
}
.woocommerce button[type="submit"] {
    color: #fff;
    background: #86613A;
    border: 0;
    display: inline-flex;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    text-transform: capitalize;
    border-radius: 40px;
    margin-bottom: 0;
    padding: 14px 32px;
    margin-top: 10px;
    text-decoration: none;
    transition: 0.5s all;
}
.woocommerce button[type="submit"]:hover{
    background: #FFF;
    border:1px solid #86613A;
    color: #86613A;
    transition: 0.5s all;
}
.section-heading{
    position: relative;
    text-align: center;
    margin-bottom: 40px;
}
.section-heading h2{
    color: #205256;
    font-family: 'CanelaDeck-Regular';
    font-weight: 400;
    font-size: 38px;
    line-height: 52px;
    letter-spacing: 0%;
    text-transform: capitalize;
    text-align: center;
}
.section-heading p{
    color: #205256;
    font-family: 'Inter';
    font-weight: 400;
    font-size: 15px;
    line-height: 26px;
}

/* Header */
header {
    position: fixed;
    width: 100%;
    z-index: 9999;
}
.navbar{
    background:#FFF !important;
    border-radius:100px;
    padding:16px 22px;
}
.navbar-nav li {
    margin: 0;
}
.nav-link{
	color:#205256;
    font-family: "Mulish", sans-serif;
	font-weight: 500;
	font-size: 15px;
	line-height: 100%;
	padding: 0 24px !important;
	text-transform: capitalize;
}
.nav-link:hover {
    color: #86613a;
}
.header-right-box {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 18px;
}
.mobile-box{
    display: none;
}
.mobile-search-form{
    display: none;
}
form.searchForm img {
    position: absolute;
    left: 8px;
    top: 14px;
}
form.searchForm {
    position: relative;
}
form.searchForm input {
	background: #F1F3F4;
	color: #184B44D9;
	border: none !important;
    border-radius:30px;
	font-family: "Mulish", sans-serif;
	font-weight: 500;
	font-size: 15px;
	line-height: 100%;
	text-transform: capitalize;
    padding:10px 35px 10px 35px;
}
form.searchForm input::placeholder{
	color: #184B44D9;
}
form.searchForm input:focus{
	border: 1px soild #184B44D9;
	outline: 0;
	box-shadow: none;
}
.header-user-box {
    background: #86613A;
    border-radius: 100px;
    padding: 9px 18px;
}
.header-user-box span {
    padding: 0 8px;
    position: relative;
}
.header-user-box span.user:after {
    content: '';
    background: #FFFFFF4D;
    display: inline-block;
    height: 20px;
    width: 1px;
    position: absolute;
    top: 4px;
    left: 36px;
}

/* HERO */

.hero {
    background: radial-gradient(46.57% 46.57% at 50% 75.92%, #36766D 0%, #266058 51.28%, #184B44 100%);
    display: flex;
    height: 90vh;
    padding-top: 180px;
    position: relative;
    justify-content: center;
    align-items: flex-end;
    overflow: hidden;
}
.hero:before {
    content: "";
    background-image: url(assets/images/ecllipses.png);
    background-position: top center;
    background-repeat: no-repeat;
    display: block;
    height: 30px;
    width: 100%;
    position: absolute;
    top: 0;
}
.hero:after {
    content: "";
    background-image: url(assets/images/curved-shape.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 100px;
    width: 100%;
    position: absolute;
    bottom: -3px;
}
.hero-banner-box {
    position: relative;
    width: 100%;
}
.hero-banner-box:before{
	content: "";
    background-image: url(assets/images/hexagone-left.png);
    background-position: top center;
    background-repeat: no-repeat;
    display: block;
    width: 544px;
	height: 386px;
    position: absolute;
    bottom: 0;
    left:-5%;
}
.hero-banner-box:after{
	content: "";
    background-image: url(assets/images/hexagone-right.png);
    background-position: top center;
    background-repeat: no-repeat;
    display: block;
    width: 599px;
	height: 422px;
    position: absolute;
    bottom: 0;
    right:-5%;
}

.hero .hero-content-box {
    position: relative;
    text-align: center;
    max-width: 55%;
    margin: 0 auto;
}
.hero-content-box h1{
	color: #FFF;
    font-family: 'CanelaDeck-Regular';
	font-weight: 400;
	font-size: 64px;
	margin-bottom: 1.6rem;
	line-height: 100%;
    text-align: center;
	text-transform: capitalize;
}
.hero-content-box p{
	color: #FFF;
    font-family: "Inter", sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 24px;
	margin-bottom: 1.6rem;
	text-align: center;
}
.hero-btn{
	color: #fff;
	background: #86613A;
    display: inline-flex;
	font-family: "Inter", sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	text-transform: capitalize;
    border-radius:40px;
    margin-bottom: 2rem;
    padding:14px 32px;
    transition: 0.5s all;
}
.hero-btn i {
    display:inline-block;
    font-size: 24px;
    margin-left: 8px;
    transition: 0.5s all;
}
.hero-btn:hover{
	color: #86613A;
    background:#FFF;
    transition: 0.5s all;
}
.hero-btn:hover i {
    transform: rotate(-45deg);
    transition: 0.5s all;
}

/* Features */
.features-section {
    position: relative;
    padding: 100px 0;
}
.feature-card {
    background: #F8F8F8;
    border-bottom-right-radius: 14px;
    border-bottom-left-radius: 14px;
    position: relative;
    height: 100%;
}
.feature-card .feature-head {
    background: #205256;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    display: flex;
    position: relative;
    padding: 17px 22px;
    align-items: center;
    gap: 10px;
}
.feature-head h5{
	color: #FFF;
	font-family: 'CanelaDeck-Regular';
	font-weight: 400;
	font-size: 22px;
	line-height: 100%;
	margin-bottom: 0;
}
.feature-body {
    background: #F8F8F8;
    padding: 30px 22px;
    border-bottom-right-radius: 14px;
    border-bottom-left-radius: 14px;
}
.feature-body p{
	color: #646060;
	font-family: 'Inter';
	font-weight: 400;
	font-size: 18px;
	line-height: 28px;
}

/* Shop */
.research-section {
    position: relative;
    padding: 0 0 100px 0;
}
.researchBox {
    display: flex;
    position: relative;
    justify-content: space-between;
    margin-bottom: 40px;
    width: 100%;
    align-items: center;
}
.researchBox h2{
	color: #205256;
	font-family: 'CanelaDeck-Regular';
	font-weight: 400;
	font-size: 38px;
	line-height: 100%;
	text-transform: capitalize;
}
.slider-nav button {
	color:#205256;
    border: 1px solid #20525633;
    background: aliceblue;
    border-radius: 100px;
    height: 40px;
    width: 40px;
    margin: 0px 0px 0 15px;
}
.research-link{
    text-decoration: none;
}
.research-card {
    background-image: url(assets/images/shop-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 30px 25px 0 25px;
    border-radius: 14px;
    height: 340px;
    transition: 0.5s all;
}
.research-card h4{
	color: #205256;
	font-family: 'CanelaDeck-Regular';
	font-weight: 400;
	font-size: 24px;
	line-height: 100%;
	text-transform: capitalize;
	margin-bottom: 1.6rem;
    transition: 0.5s all;
}
.research-card .arrow {
    background: #FFF;
    border-radius: 100px;
    display: inline-flex;
    height: 38px;
    width: 38px;
    justify-content: center;
    align-items: center;
    transition: 0.5s all;
}

.research-card .arrow i {
    color: #000;
    font-size: 24px;
    transform: rotate(-45deg);
    transition: 0.5s all;
}
.research-card .imgBox {
    width: 100%;
    overflow: hidden;
}
.research-card .imgBox img {
    height: 270px;
    object-fit: none;
}
.research-card:hover {
    background: radial-gradient(46.57% 46.57% at 50% 75.92%, #36766D 0%, #266058 51.28%, #184B44 100%);
    transition: 0.5s all;
}
.research-card:hover h4{
    color: #fff;
    transition: 0.5s all;
}
.research-card:hover .arrow{
    background: #86613A;
    transition: 0.5s all;
}
.research-card:hover .arrow i{
    color: #FFF;
    transition: 0.5s all;
}

/* Why Sell */
.why-section{
	position: relative;
	padding-bottom: 100px;
}
.why-wrapper {
    background: #F8F8F8;
    border-radius: 20px;
    padding: 20px;
    position: relative;
}
.why-wrapper .contentBox{
	position: relative;
	padding-right: 2rem;
}
.why-wrapper .contentBox h2{
	color: #205256;
	font-family: 'CanelaDeck-Regular';
	font-weight: 400;
	font-size: 38px;
	line-height: 52px;
	text-transform: capitalize;
}
.why-wrapper .contentBox p {
    color: #205256;
    font-family: 'Inter';
    font-weight: 400;
    font-size: 15px;
    line-height: 26px;
}
.why-wrapper .imgBox {
    position: relative;
    overflow: hidden;
    transition: 0.5s all;
}
.why-wrapper .imgBox img {
    position: relative;
    transition: 0.5s all;
}
.why-wrapper .imgBox:hover img {
    transform: scale(1.5);
    transition: 0.5s all;
}
.quality-btn {
    color: #fff;
    background: #86613A;
    display: inline-flex;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    text-transform: capitalize;
    border-radius: 40px;
    margin-bottom: 0;
    padding: 14px 32px;
    margin-top: 10px;
    text-decoration: none;
    transition: 0.5s all;
}
.quality-btn i {
    display: inline-block;
    font-size: 24px;
    margin-left: 8px;
    transition: 0.5s all;
}
.quality-btn:hover{
	color: #86613A;
    background:#FFF;
    transition: 0.5s all;
}
.quality-btn:hover i{
    transform: rotate(-45deg);
    transition: 0.5s all;
}

/* Standard  */
.standard-section {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 100px 0 0 0;
    height: 80vh;
    overflow: hidden;
}
.standard-section .contentBox h2 {
    color: #205256;
    font-family: 'CanelaDeck-Regular';
    font-weight: 400;
    font-size: 38px;
    line-height: 50px;
    text-align: center;
    margin-bottom: 2rem;
    text-transform: capitalize;
}
.standard-btn {
    color: #fff;
    background: #86613A;
    display: inline-flex;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    text-transform: capitalize;
    border-radius: 40px;
    margin-bottom: 0;
    padding: 14px 32px;
    margin-top: 10px;
    text-decoration: none;
    transition: 0.5s all;
}
.standard-btn i {
    display: inline-block;
    font-size: 24px;
    margin-left: 8px;
    transition: 0.5s all;
}
.standard-btn:hover{
	color: #86613A;
    background:#FFF;
    transition: 0.5s all;
}
.standard-products .imgBox img{
	width: 60%;
}
.standard-btn:hover i{
    transform: rotate(-45deg);
    transition: 0.5s all;
}

/* Redical */
.redical-section {
    position: relative;
    padding: 100px 0;
}
.redical-wrapper{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 14px;
    position: relative;
    padding: 70px 70px 0 70px;
}
.redical-wrapper .contentBox {
    position: relative;
    margin-top: -75px;
}
.redical-wrapper .contentBox h2{
	color: #205256;
	font-family: 'CanelaDeck-Regular';
	font-weight: 400;
	font-size: 38px;
	line-height: 52px;
	text-transform: capitalize;
}
.redical-wrapper .contentBox p{
	color: #205256;
	font-family: 'Inter';
	font-weight: 400;
	font-size: 15px;
	line-height: 26px;
}
.redical-btn {
    color: #fff;
    background: #86613A;
    display: inline-flex;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    text-transform: capitalize;
    border-radius: 40px;
    margin-bottom: 0;
    padding: 14px 32px;
    margin-top: 10px;
    text-decoration: none;
    transition: 0.5s all;
}
.redical-btn i {
    display: inline-block;
    font-size: 24px;
    margin-left: 8px;
    transition: 0.5s all;
}
.redical-btn:hover{
	color: #86613A;
    background:#FFF;
    transition: 0.5s all;
}
.redical-btn:hover i {
    transform: rotate(-45deg);
    transition: 0.5s all;
}

.defaultHero {
    background: radial-gradient(46.57% 46.57% at 50% 75.92%, #36766D 0%, #266058 51.28%, #184B44 100%);
    display: flex;
    /*height: 65vh;*/
    padding-top: 180px;
    padding-bottom: 60px;
    position: relative;
    justify-content: center;
    align-items: flex-center;
    overflow: hidden;
}
.defaultHero:before {
    content: "";
    background-image: url(assets/images/ecllipses.png);
    background-position: top center;
    background-repeat: no-repeat;
    display: block;
    height: 30px;
    width: 100%;
    position: absolute;
    top: 0;
}
.defaultHero:after {
    content: "";
    background-image: url(assets/images/curved-shape.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 100px;
    width: 100%;
    position: absolute;
    bottom: -3px;
}
.defaultHero .hero-content-box {
    position: relative;
    text-align: center;
    max-width: 70%;
    margin: 0 auto;
}

.products-section {
    position: relative;
    padding: 100px 0;
}
.product-card {
    background: #fff;
    border: 1px solid #27605824;
    border-radius: 14px;
    padding: 16px;
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.product-img{
    height:160px !important;
    object-fit:contain;
    margin-bottom:20px;
}
.product-card h4{
    color: #205256;
    font-family: 'CanelaDeck-Regular';
    font-weight: 400;
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 24px;
    text-align: center;
    text-transform: capitalize;
}
.product-card p{
    color: #205256;
    font-family: 'Inter';
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 40px;
    text-align: center;

}
.product-card .learn-btn{
    display:block;
    border: 1px solid #86613A;
    color:#86613A;
    font-family: 'Inter';
    font-weight: 500;
    font-size: 14px;
    padding:10px;
    border-radius:100px;
    margin-bottom:10px;
    line-height: 24px;
    letter-spacing: 0%;
    text-transform: capitalize;
    text-decoration:none;
    transition: 0.5s all;
}
.product-card .learn-btn:hover {
    background: #86613A;
    color: #FFF;
    transition: 0.5s all;
}
.product-card .cart-btn{
    background: #86613A;
    color:#FFF;
    display:block;
    font-family: 'Inter';
    font-weight: 500;
    font-size: 14px;
    padding:10px;
    border-radius:100px;
    margin-bottom:10px;
    line-height: 24px;
    letter-spacing: 0%;
    text-transform: capitalize;
    text-decoration:none;
    transition: 0.5s all;
}
.product-card .cart-btn:hover{
    background: #2f5e59;
    transition: 0.5s all;
}
.product-card .cart-btn.disabled{
    pointer-events:none;
}
.pagination-wrapper, .woocommerce-pagination{
    display:flex;
    justify-content:center;
    padding:60px 0;
}
.custom-pagination{
    display:flex;
    list-style:none;
    padding:0;
    margin:0;
    border:1px solid #d9d9d9;
    border-radius:4px;
    overflow:hidden;
}
.custom-pagination li{
    border-right:1px solid #d9d9d9;
}
.custom-pagination li:last-child{
    border-right:none;
}
.custom-pagination a{
    display:flex;
    align-items:center;
    justify-content:center;
    width:45px;
    height:45px;
    text-decoration:none;
    color:#2C5234;
    font-weight:500;
}
.custom-pagination li.active a{
    border: 1px solid #2C5234;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #2C5234;
}
.custom-pagination li.dots{
    display:flex;
    align-items:center;
    justify-content:center;
    width:55px;
    color:#777;
}
.custom-pagination li.next a{
    font-size:20px;
}
ul.page-numbers {
    border: 1px solid #d9d9d9;
    border-radius: 4px;
}
ul.page-numbers li {
    border-right: 1px solid #d9d9d9;
    margin: 0;
}
ul.page-numbers li:last-child{
    border-right:none;
}
ul.page-numbers li a{
    color: #2C5234;
}
ul.page-numbers li .page-numbers {
    padding: 6px 15px !important;
}
ul.page-numbers li span.current{
    border: 1px solid #2C5234;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #2C5234;
}
ul.page-numbers li:last-child span.current{
    border: 1px solid #2C5234;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    color: #2C5234;
}
.product-features{
    position: relative;
    padding: 100px 0 0 0;
}
.product-features .features-title{
    color: #205256;
    font-family: 'CanelaDeck-Regular';
    font-weight: 400;
    font-size: 38px;
    line-height: 52px;
    margin-bottom: 24px;
    text-transform: capitalize;
}
/*.product-features .features-list{
    padding-left:40px;
}*/
.product-features .features-list li{
    color: #205256;
    font-family: 'Inter';
    font-weight: 500;
    font-size: 16px;
    line-height: 38px;
}
.product-features .imgBox img{
    border-radius:20px;
    width:100%;
}
.guarantee-section{
    position: relative;
    padding:100px 0 0 0;
}
.guarantee-card{
    background:#F8F8F8;
    padding:30px 40px;
    border-radius:10px;
    text-align:center;
    transition:.3s;
}
.guarantee-card h5{
    color: #205256;
    font-family: 'Inter';
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    text-transform: capitalize;
}
.products {
    position: relative;
    padding-top: 100px;
}
.product-detail-section{
    position: relative;
    padding:100px 0 0 0;
}
.rtl-slider-flex{
    position: relative;
    height: 100%;
}
.thumb-prev, .thumb-next{
    bottom: 12px !important;
    right: calc(9% + .75em) !important;
}
.thumb-prev{
    right: calc(0% + .75em) !important;
}
.product-gallery {
    position: sticky;
    top: 40px;
}
.rtl-slider-flex{
    display: flex;
    flex-direction: row;
    justify-content: center;
    box-sizing: border-box;
    position: relative;
}
.rtl-slider{
    width: 80%;
}
.rtl-slider .slick-list, .rtl-slider .slick-list .slick-track {
    position: relative;
    height: 100%;
}
.rtl-slider-nav{
    width: 20%;   
}
.rtl-slider-nav .slick-list {
    overflow: visible;
}
.rtl-slider .rtl-slider-slide {
    /* margin-bottom: 4px; */
    opacity: .75;
    cursor: pointer;
    border: 1px solid #27605824;
    margin: 4px 0px 4px 16px;
    border-radius: 14px;
    width: 90% !important;
}  
.slick-slide.slick-current.slick-active .rtl-slider-slide{   
    opacity: 1;
}    
.rtl-slider-slide {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
}
.rtl-slider-nav .rtl-slider-slide {
    border: 0.8px solid #205256;
    border-radius: 14px;
    padding: 0px;
}
.rtl-slider-nav .rtl-slider-slide img {
    border-radius: 14px;
    padding: 0px;
    /*width: 100%;*/
}
.slick-slide img {
    border-radius: 14px;
    width: 100%;
    object-fit: scale-down;
}
.thumb-prev, .thumb-next{
    position absolute;
    bottom: 4px;
    right: 0;
    height: 88px;
    width: 9.5%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
    background: transparent;    
}
.thumb-prev{
    right: 9.5%;
}
.product-info h2{
    color: #205256;
    font-family: 'CanelaDeck-Regular';
    font-weight: 400;
    font-size: 38px;
    line-height: 52px;
    margin-bottom: 24px;
    text-transform: capitalize;
}
.subtitle{
    color: #205256;
    font-family: 'Inter';
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 18px;
}
.rating {
    color: #FF8300;
    line-height: 0;
}
.price{
    color: #205256;
    font-family: Inter;
    font-weight: 500;
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 24px;
}
.product-info p {
    color: #205256;
    font-family: 'Inter';
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 24px;
}
.product-info h5{
    color: #205256;
    font-family: 'Inter';
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 24px;
}
.product-info .custom-attributes{
    position: relative;
    margin-bottom: 2rem;
}
.product-info .custom-attributes p strong {
    color: #205256;
    font-family: 'CanelaDeck-Regular';
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.5px;
    margin-bottom: 0;
}
.features{
    padding-left:24px;
    margin-bottom: 24px;
}
.features li{
    color: #205256;
    font-family: Inter;
    font-weight: 400;
    font-size: 15px;
    line-height: 28px;
}
.cart-row form{
    display:flex;
    gap:15px;
    margin-top:20px;
}
.cart-row .variations_form.cart{
    display:block;
}
.qty-box, .wc-block-components-quantity-selector{
    display:flex;
    border: 1px solid #86613A;
    border-radius:100px;
    overflow:hidden;
    max-width: 25%;
}
.qty-box button {
    color: #86613a;
    background: none;
    border: none;
    padding: 0px 10px;
    font-size: 28px;
}
.qty-box input {
    border: none !important;
    color: #205256;
    font-family: 'Inter';
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    width: 48px !important;
    height: 100% !important;
}
.qty-box input:focus{
    border:0;
    outline: 0;
    box-shadow: none;
}
.qty-box input::-webkit-outer-spin-button,
.qty-box input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.woocommerce button[type="submit"].add-cart {
    background: #2f5e59 !important;
    border: none;
    color: #fff;
    border-radius: 100px;
    display: block;
    font-family: 'Inter';
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    padding: 15px 0;
    margin: 0;
    text-transform: capitalize;
    transition: 0.5s all;
    width: 75%;
}
.woocommerce button[type="submit"].add-cart:hover {
    background: #86613A !important;
    color: #FFF;
    transition: 0.5s all;
}
.buy-now{
    background:#86613A;
    border: 1px solid #86613A;
    border-radius:100px;
    color:#fff;
    border:none;
    display: block;
    font-family: 'Inter';'
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    padding: 15px 0;
    margin-top:15px;
    text-align: center;
    text-transform: capitalize;
    transition: 0.5s all;
    width:100%;
}
.buy-now:hover{
    background: transparent; !important;
    border: 1px solid #86613A;
    color: #86613A;
    transition: 0.5s all;
}
.coa-btn{
    color:#86613A;
    display: inline;
    font-family: 'Inter';'
    font-weight: 500;
    font-size: 16px;
    font-style: italic;
    line-height: 24px;
    text-align: center;
    text-transform: capitalize;
    text-decoration: underline;
    transition: 0.5s all;
}
.about-us{
    position: relative;
    padding: 100px 0;
}
.more-about-row:not(:last-child) {
    margin-bottom: 65px;
}
.about-us .imgBox{
    height: 100%;
}
.about-us .imgBox img {
    border-radius: 20px;
    object-fit: cover;
    height: 100%;
}
.about-us .contentBox{
    padding-top: 30px;
    position: relative;
}
.about-us .contentBox h2{
    color: #205256;
    font-family: 'CanelaDeck-Regular';
    font-weight: 400;
    font-size: 38px;
    line-height: 52px;
    text-transform: capitalize;
}
.about-us .contentBox p{
    color: #205256;
    font-family: 'Inter';
    font-weight: 400;
    font-size: 15px;
    line-height: 26px;
}
.commitment-wrapper{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 14px;
    position: relative;
    padding: 70px;
    margin-top: 100px
}
.commitment-wrapper .contentBox {
    position: relative;
}
.commitment-wrapper .contentBox h2{
    color: #205256;
    font-family: 'CanelaDeck-Regular';
    font-weight: 400;
    font-size: 38px;
    line-height: 52px;
    text-transform: capitalize;
}
.commitment-wrapper .contentBox p{
    color: #205256;
    font-family: 'Inter';
    font-weight: 400;
    font-size: 15px;
    line-height: 26px;
    padding: 0 8rem;
}
.faqs{
    position: relative;
    padding: 100px 0;
}
.faq-wrapper .accordion{
    position: relative;
    max-width: 70%;
    margin: 0 auto;
}
.accordion-item {
    background: #F8F8F8;
    padding: 0px 0px;
    border-radius: 14px !important;
}
.accordion-header .accordion-button {
    background: #184b44;
    border-radius: 14px !important;
    color: #FFF;
    font-family: 'CanelaDeck-Regular';
    font-weight: 400;
    font-size: 22px;
    line-height: 100%;
    margin-bottom: 0;
    padding: 22px 22px;
}
.accordion-button:not(.collapsed) {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.accordion-header .accordion-button:focus{
    border:0;
    box-shadow: none;
    outline: 0;
}
.accordion-body p {
    color: #646060;
    font-family: 'Inter';
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
}
.accordion-button::after{
    display:none;
}
.accordion-button::before{
    content:"\f4fe"; /* plus icon */
    font-family:"bootstrap-icons";
    position:absolute;
    right:24px;
    font-size:18px;
    color:#fff;
    transition:0.3s;
}
.accordion-button:not(.collapsed)::before{
    content:"\f2ea"; /* minus icon */
    color:#fff;
}
.contacts{
    position: relative;
    padding: 100px 0;
}
.contact-info {
    background: #F8F8F8;
    border-radius: 20px;
    padding: 20px;
    position: relative;
}
.info-item {
    display: flex;
    gap: 15px;
    align-items: center;
    margin-bottom: 2.6rem;
}
.info-item .iconBox {
    background: #FFF;
    border-radius: 100px;
    color: #184b44;
    font-size: 18px;
    padding: 18px;
    line-height: 0;
}
.info-item .contentBox p {
    font-family: 'CanelaDeck-Regular';
    font-size: 18px;
    margin-bottom: 6px;
}
.info-item .contentBox a {
    color: #184b44;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
}
.contact-info .social-icons{
    position: relative;
}
.contact-info .social-icons a {
    background: #FFF;
    border-radius: 100px;
    color: #184b44;
    display: inline-flex;
    height: 48px;
    width: 48px;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
    transition: 0.5s all;
}
.contact-info .social-icons a:hover {
    background: #184b44;
    color: #FFF;
    transition: 0.5s all;
}
.contact-form .form-group input, .contact-form .form-group textarea{
    border-radius: 4px;
    width: 100%;
    padding: 15px;
}
.contact-form .form-group textarea{
    height: 120px !important;
}
.contact-form .form-group input:placeholder, .contact-form .form-group textarea:placeholder{
    color: #184b44;
    font-size: 16px;
}
.contact-form .form-group p {
    margin: 0;
}
.contact-form .form-group input[type="submit"] {
    color: #fff !important;
    background: #86613A;
    border: 0;
    display: inline-flex;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    text-transform: capitalize;
    border-radius: 40px;
    margin-bottom: 0;
    padding: 14px 40px;
    margin-top: 0px;
    text-decoration: none;
    transition: 0.5s all;
    height: auto !important;
    width: auto;
}

/* Footer */

footer {
    background: #184B44;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    position: relative;
    padding: 80px 0 40px 0;
}
.footer-col{
	position: relative;
}
.footer-col h4 {
    color: #fff;
    font-family: 'CanelaDeck-Regular';
    font-weight: 500;
    font-size: 22px;
    line-height: 52px;
    letter-spacing: 0%;
    text-transform: capitalize;
}
.footer-col p {
    color: #FFFFFFD9;
    font-family: 'Inter';
    font-weight: 400;
    font-size: 15px;
    line-height: 26px;
    letter-spacing: 0px;
}
.footer-col ul.footer-links li {
    margin: 0;
}
.footer-col ul.footer-links li a {
    color: #FFFFFFD9;
   	font-family: 'Inter';
    font-weight: 400;
    font-size: 15px;
    line-height: 40px;
    letter-spacing: 0px;
    text-transform: capitalize;
    text-decoration: none;
    transition: 0.5s all;
}
.footer-col ul.footer-links li a:hover {
    color: #86613a;
    transition: 0.5s all;
}
.footer-col ul.footer-contact li {
    color: #FFFFFFD9;
    font-family: 'Inter';
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 15px;
}
.footer-col ul.footer-contact li a{
    color: #FFFFFFD9;
}
.newsletter-form{
	position: relative;
	max-width: 80%;
	margin-bottom: 1.8rem;
}
.newsletter-form input {
    background: #184B44 !important;
    border: 1px solid #FFFFFF30 !important;
    border-radius: 100px;
    color: #FFFFFFB2 !important;
    width: 100%;
    height: 54px !important;
    padding: 0 30px !important;
}
.newsletter-form input::focus{
	border: 1px solid #FFFFFF30;
	color: #FFFFFFB2;
	box-shadow: none;
	outline: 0;
}
.newsletter-form input::placeholder{
	color: #FFFFFFB2;
}
.newsletter-form .tnp-field-button {
    display: block;
    position: absolute;
    top: 20px;
    right: 54px;
}
.newsletter-form .tnp-field-button input{
    background: transparent !important;
    font-size: 0 !important;
    padding: 0 20px !important;
    width: 55px !important;
    z-index: 99;
}
.newsletter-form .tnp-field-button span {
    background: #86613a;
    border-radius: 100px;
    color: #fff;
    font-size: 24px;
    display: inline-flex;
    height: 52px;
    position: absolute;
    right: -54px;
    top: 1px;
    width: 52px;
    justify-content: center;
    align-items: center;
}
.footer-col .social-icons a {
    background: transparent;
    border: 0.94px solid #FFFFFF;
    border-radius: 100px;
    color: #FFF;
    display: inline-flex;
    height: 34px;
    width: 34px;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
}
.copyright {
    color: #FFF;
    font-family: 'Inter';
    font-weight: 400;
    font-size: 14px;
    line-height: 38px;
    letter-spacing: 0px;
    text-transform: capitalize;
}
p.footer-disclaimer {
    color: #FFF;
    font-family: 'Inter';
    font-weight: 400;
    font-size: 15px;
    line-height: 26px;
    letter-spacing: 0px;
    margin: 0;
}

#age-popup{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.8);
    display:none;
    align-items:center;
    justify-content:center;
    z-index:9999;
}
.age-popup-content {
    background: #F8F8F8;
    border-radius: 20px;
    padding: 40px;
    position: relative;
    max-width: 760px;
    width: 90%;
}
.age-popup-content h2{
    color: #205256;
    font-family: 'CanelaDeck-Regular';
    font-weight: 400;
    font-size: 38px;
    line-height: 52px;
    margin-bottom: 30px;
    text-transform: capitalize;
}
.age-popup-content p{
    color: #205256;
    font-family: 'Inter';
    font-weight: 400;
    font-size: 15px;
    line-height: 1.6;
}
.acknowledge-list{
    list-style:none;
    padding:0;
}
.acknowledge-list li{
    color: #205256;
    font-family: 'Inter';
    font-weight: 400;
    font-size: 15px;
    line-height: 1.6;
    position:relative;
    padding-left:15px;
    margin-bottom:15px;
}
.acknowledge-list li::before{
    content:"✔";
    position:absolute;
    left:0;
    color:#205256;
    font-weight:bold;
}
.popup-buttons{
    margin-top:25px;
    display:flex;
    align-items: center;
    gap:15px;
}
#agree-age{
    color: #fff;
    background: #86613A;
    border:none;
    display: inline-block;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    text-transform: capitalize;
    border-radius: 40px;
    margin-bottom: 0;
    padding: 14px 32px;
    margin-top: 10px;
    text-decoration: none;
    transition: 0.5s all;
}
#agree-age:hover{
    color: #86613A;
    background: #FFF;
    transition: 0.5s all;
}
#exit-age{
    color: #86613A;
    background: transparent;
    border:1px solid #86613A;
    display: inline-block;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    text-transform: capitalize;
    border-radius: 40px;
    margin-bottom: 0;
    padding: 14px 32px;
    margin-top: 10px;
    text-decoration: none;
    transition: 0.5s all;
}
#exit-age:hover{
    color: #FFF;
    background: #86613A;
    transition: 0.5s all;
}
.navbar-toggler {
    border: 0;
    padding-left: 0;
}
.navbar-toggler:focus {
    border: 0;
    box-shadow: none;
    outline: 0;
}
.header-scrolled .mt-4 {
    margin-top: 0 !important;
    padding: 0;
    transition: 0.5s all;
}
.main{
    position: relative;
    padding: 100px 0;
}

/* Woccommerce Css */

.woocommerce .content-area {
    padding: 0 !important;
}
.woocommerce-notices-wrapper a, .woocommerce-info a {
    background: #2f5e59 !important;
    border-radius: 100px;
    font-family: 'Inter';
    font-weight: 500;
    font-size: 16px;
    padding: 10px 30px;
    text-transform: capitalize;
    text-decoration: none;
}
.wp-block-woocommerce-filled-cart-block{
    gap: 30px;
}
.wp-block-woocommerce-cart-items-block {
    background: #F8F8F8;
    border-radius: 14px;
    padding: 0 !important;
    position: relative;
    width: 62% !important;
}
.wp-block-woocommerce-cart-items-block thead tr th, .wp-block-woocommerce-cart-totals-block h2 {
    background: #205256 !important;
    color: #fff;
    font-family: 'CanelaDeck-Regular';
    padding: 15px 20px !important;
    position: relative;
    visibility: visible !important;
}
.wp-block-woocommerce-cart-items-block thead tr th:first-child {
    border-top-left-radius: 14px;
}
.wp-block-woocommerce-cart-items-block thead tr th:last-child {
    border-top-right-radius: 14px;
}
.cart-table {
    border: 0 !important;
}
.wc-block-components-product-price {
    margin: 0;
}
.wc-block-components-product-name {
    color: #205256;
    font-family: 'CanelaDeck-Regular';
}
.wp-block-woocommerce-cart-totals-block {
    background: #F8F8F8;
    border-radius: 14px;
    padding: 0 !important;
    position: relative;
}
.wp-block-woocommerce-cart-totals-block h2{
    border-top-left-radius: 14px!important;
    border-top-right-radius: 14px!important;
    color: #FFF!important;
    font-family: 'CanelaDeck-Regular'!important;
}
.wc-block-components-totals-wrapper {
    padding: 15px 20px !important;
}
.wc-block-cart-item__prices span {
    font-size: 18px;
}
.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input{
    border:0 !important;
    height: 100% !important;
}
.wc-block-cart__submit-button {
    background: #86613A;
    border: 1px solid #86613A;
    border-radius: 100px;
    color: #fff;
    border: none;
    display: block !important;
    font-family: 'Inter';
    font-size: 16px;
    line-height: 24px;
    padding: 15px 0;
    margin: 0 auto;
    margin-top: 15px;
    text-align: center;
    text-transform: capitalize;
    transition: 0.5s all;
    width: 90%;
}
.wc-block-cart__submit-button:hover {
    background: #FFF;
    border: 1px solid #86613A;
    color: #86613A;
    transition: 0.5s all;
}
span.wc-block-components-totals-item__label, .wc-block-components-totals-item__value span {
    color: #205256;
}
form.wc-block-checkout__form {
    background: #F8F8F8;
    border-radius: 20px;
    padding: 20px;
    position: relative;
}
form.wc-block-checkout__form h2 {
    color: #184b44;
    font-family: 'CanelaDeck-Regular';
}
form.wc-block-checkout__form span {
    color: #184b44;
    font-size: 16px;
}
.wc-block-components-checkout-place-order-button {
    color: #fff;
    background: #86613A;
    border: 0;
    display: inline-flex;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    text-transform: capitalize;
    border-radius: 40px;
    margin-bottom: 0;
    padding: 14px 32px;
    margin-top: 10px;
    text-decoration: none;
    transition: 0.5s all;
}
.wc-block-components-checkout-place-order-button:hover{
    background: #FFF;
    color: #86613A;
    transition: 0.5s all;
}
.wp-block-woocommerce-checkout-order-summary-block {
    background: #F8F8F8;
    border-radius: 14px;
    position: relative;
}
.wc-block-components-checkout-order-summary__title p.wc-block-components-checkout-order-summary__title-text {
    color: #184b44;
    font-family: 'CanelaDeck-Regular';
    font-size: 22px !important;
}
.wc-block-components-order-summary.is-large {
    padding: 0;
}
.wp-block-woocommerce-checkout-order-summary-block h3 {
    color: #184b44 !important;
    font-family: 'CanelaDeck-Regular' !important;
    font-size: 18px;
    margin-bottom: 10px !important;
}
.wp-block-woocommerce-checkout-order-summary-block p{
    color: #184b44;
    font-size: 14px !important;
}
.woocommerce-account .woocommerce{
    display: flex;
    gap:24px;
}
nav.woocommerce-MyAccount-navigation {
    background: #F8F8F8;
    border-radius: 14px;
    flex: 0 0 25%;
    margin: 0 !important;
    padding: 20px;
    position: relative;
}
nav.woocommerce-MyAccount-navigation ul li {
    margin: 0 0 1rem 0 !important;
}
nav.woocommerce-MyAccount-navigation ul li a{
    color: #205256 !important;
    font-family: 'CanelaDeck-Regular';
    font-weight: 400 !important;
    font-size: 22px;
    line-height: 100%;
    text-transform: capitalize;
    margin-bottom: 1.6rem;
    transition: 0.5s all;
}
.woocommerce-MyAccount-content {
    position: relative;
    padding-top: 24px;
}
.woocommerce-MyAccount-content p, .woocommerce-Address address {
    color: #184b44;
    font-family: 'Inter' !important;
    font-size: 16px !important;
}
.woocommerce-MyAccount-content p a, .woocommerce-Address a {
    color: #86613a;
}
.woocommerce-Address h2, .woocommerce-MyAccount-content h2{
    color: #205256 !important;
    font-family: 'CanelaDeck-Regular';
    font-weight: 400 !important;
    font-size: 24px;
    line-height: 100%;
    text-transform: capitalize;
    margin-bottom: 1.6rem;
    transition: 0.5s all;
}
input[type=checkbox] {
    height: 20px !important;
}
.account-orders-table {
    width: 100%;
}
.account-orders-table thead tr th:first-child{
    border-top-left-radius: 14px;
}
.account-orders-table thead tr th:last-child{
    border-top-right-radius: 14px;
}
.account-orders-table thead tr th {
    background: #205256 !important;
    color: #fff;
    font-family: 'CanelaDeck-Regular';
    font-weight: 500;
    padding: 15px 20px !important;
    position: relative;
    visibility: visible !important;
}
.woocommerce-account table.account-orders-table tbody tr th, 
.woocommerce-account table.account-orders-table tbody tr td {
    background: #F8F8F8;
}
.woocommerce-account table.account-orders-table:not(.has-background) tbody tr:nth-child(2n+1) th, 
.woocommerce-account table.account-orders-table:not(.has-background) tbody tr:nth-child(2n+1) td{
    background: #F8F8F8;
}
.woocommerce-account table.account-orders-table:not(.has-background) tbody tr:nth-child(2n) th,
.woocommerce-account table.account-orders-table:not(.has-background) tbody tr:nth-child(2n) td {
    background: #eee !important;
}
.view {
    background: #86613A !important;
    border: 1px solid #86613A !important;
    border-radius: 100px;
    color: #fff !important;
    border: none;
    display: block !important;
    font-family: 'Inter';
    font-size: 16px;
    line-height: 24px;
    padding: 10px 0;
    margin: 0 auto;
    margin-top: 15px;
    text-align: center;
    text-transform: capitalize;
    transition: 0.5s all;
}
.view:hover{
    background: #FFF !important;
    color: #86613A !important;
    transition: 0.5s all;
}
table.variations {
    width: 60%;
    margin-bottom: 2rem;
}
.single_variation_wrap .woocommerce-variation-add-to-cart {
    display: flex;
    gap:15px;
    width: 100%;
}
.single_variation_wrap {
    position: relative;
    width: 100%;
}
table.variations select{
    margin-right: .5rem;
    border-radius: 100px;
    padding: 0 15px;
}
table.variations label {
    font-family: 'CanelaDeck-Regular';
    font-size: 18px !important;
    font-weight: 600;
    line-height: 0;
    letter-spacing: 0.5px;
}
a.reset_variations {
    color: #86613a !important;
}
.policy-term a{
    color: #86613a;
    text-decoration: underline;
}
.woocommerce .woocommerce-form-login__rememberme {
    margin: 0;
}
p.woocommerce-LostPassword.lost_password a, a.woocommerce-privacy-policy-link{
    color: #86613a;
}

.woocommerce-order {
    max-width: 900px;
    margin: 40px auto;
    padding: 30px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

.woocommerce-order h2,
.woocommerce-order h3 {
    margin-bottom: 15px;
    font-weight: 600;
}

.woocommerce-order p {
    font-size: 16px;
    line-height: 1.6;
}

.woocommerce-order ul.woocommerce-order-overview {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    list-style: none;
    padding: 0;
    margin: 25px 0;
}

.woocommerce-order ul.woocommerce-order-overview li {
    background: #f8f8f8;
    padding: 15px;
    border-radius: 12px;
    font-size: 15px;
}

.woocommerce-order-details,
.woocommerce-customer-details {
    margin-top: 30px;
    padding: 20px;
    background: #fafafa;
    border-radius: 12px;
}

.woocommerce-thankyou-order-received {
    background: #eaf7ea;
    color: #1e6b34;
    padding: 16px 20px;
    border-radius: 12px;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 25px;
}

/* Responsive */

@media only screen and (min-width: 1280px) and (max-width: 1600px){
    .hero {
        height: 100vh;
    }
    .hero-content-box .imgBox img {
        width: 60%;
    }
    .nav-link {
        padding: 0 16px !important;
    }
}

@media only screen and (max-width: 767px){
    .desktop-box{
        display: none;
    }
    .mobile-box{
        display: inline-flex;
        gap: 6px;
    }
    .mobile-search-form {
        background: #fff;
        display: none;
        border-bottom-left-radius: 14px;
        border-bottom-right-radius: 14px;
        margin-top: -15px;
        text-align: center;
        padding: 15px;
    }
    form.searchForm input {
        width: 100%;
    }
    form.searchForm img {
        position: absolute;
        left: 24px;
        top: 28px;
    }
    .navbar {
        border-radius: 14px;
        flex-wrap: nowrap;
        padding: 16px 0px 22px 14px;
    }
    .header-user-box {
        padding: 6px 6px;
        display: flex;
    }
    .header-user-box span.user:after {
        height: 16px;
        top: 6px;
        left: 34px;
    }
    .header-top .navbar {
        border-radius: 14px;
        gap:20px;
    }
    .header-scrolled .navbar {
        border-radius: 14px;
        gap:20px;
    }
    .navbar-collapse {
        background: #fff;
        border-bottom-left-radius: 14px;
        border-bottom-right-radius: 14px;        
        flex: 0 0 100%;
        position: absolute;
        left: 0;
        top: 85%;
        padding: 15px;
        width: 100%;

    }
    .navbar-nav li {
        margin-bottom: 1.6rem;
    }
    .nav-link {
        font-size: 18px;
        padding: 0 !important;
    }
    .section-heading h2 {
        font-size: 32px;
        line-height: 44px;
    }
    .hero{
        height: 100vh;
    }
    .hero .hero-content-box {
        max-width: 100%;
        z-index: 99;
    }
    .hero .hero-content-box h1 {
        font-size: 48px;
    }
    .hero-content-box .imgBox img {
        width: 60%;
    }
    .slider-nav{
        display: flex;
        align-items: center;
    }
    .features-section {
        position: relative;
        padding: 60px 0;
    }
    .slider-nav button {
        height: 36px;
        width: 36px;
        margin: 0px 0px 0 15px;
    }
    .research-section {
        padding: 0 0 60px 0;
    }
    .researchBox h2 {
        font-size: 32px;
        line-height: 44px;
    }
    .research-card h4 {
        font-size: 24px;
        line-height: 32px;
    }
    .why-section {
        padding-bottom: 60px;
    }
    .why-wrapper .contentBox {
        padding-right: 0;
    }
    .why-wrapper .contentBox h2 {
        font-size: 32px;
        line-height: 44px;
        margin-bottom: 1.6rem;
    }
    .quality-btn {
        font-size: 15px;
    }
    .standard-section {
        padding: 40px 0 0 0;
        height: 100%;
    }
    .standard-section .contentBox h2 {
        font-size: 32px;
        line-height: 44px;
    }
    .redical-section {
        padding: 60px 0;
    }
    .redical-wrapper {
        padding: 40px 30px 0 30px;
    }
    .redical-wrapper .contentBox {
        position: relative;
        margin-top: 0;
        margin-bottom: 3rem;
    }
    .defaultHero {
        height: 100%;
        /*padding-top: 120px;*/
    }
    .defaultHero:after {
        height: 25px;
        width: 100%;
    }
    .defaultHero .hero-content-box {
        max-width: 90%;
    }
    .defaultHero .hero-content-box h1{
        font-size: 42px;
    }
    .products-section {
        position: relative;
        padding: 60px 0px;
    }
    .about-us {
        position: relative;
        padding: 60px 0;
    }
    .about-us .contentBox {
        padding-top: 0;
    }
    .about-us .contentBox h2{
        font-size: 32px;
        line-height: 44px;
    }
    .commitment-wrapper {
        padding: 40px;
        margin-top: 60px;
    }
    .commitment-wrapper .contentBox p{
        padding: 0;
    }
    .faqs {
        padding: 60px 0;
    }
    .faq-wrapper .accordion {
        max-width: 100%;
    }
    .accordion-header .accordion-button {
        font-size: 22px;
        line-height: 28px;    
    }
    .contacts {
        padding: 60px 0;
    }
    .products {
        padding-top: 60px;
    }
    .product-detail-section {
        padding: 60px 0 0 0;
    }
    .cart-row form{
        flex-wrap: wrap;
    }
    .woocommerce button[type="submit"].add-cart{
        width: 100%;
    }
    .qty-box, .wc-block-components-quantity-selector {
        justify-content: space-evenly;
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
    }
    .guarantee-section, .product-features {
        padding: 60px 0 0 0;
    }
    .product-features .features-title {
        font-size: 32px;
        line-height: 44px;
    }
    .product-features .features-list li {
        line-height: 24px;
    }
    .woocommerce-error, .woocommerce-info, .woocommerce-message {
        margin-top: 60px;
        margin-bottom: 0;
    }
    .woocommerce-error li, .woocommerce-info, .woocommerce-message {
        padding: 1.5rem 1rem;
    }
    .woocommerce-notices-wrapper a, .woocommerce-info a {
        font-size: 14px;
        padding: 10px 10px;
        width: 60%;
    }
    .main {
        padding: 60px 0;
    }
    .wp-block-woocommerce-cart-items-block {
        padding: 0 15px 0 0 !important;
        position: relative;
        width: 100% !important;
    }
    .wc-block-components-totals-wrapper{
        padding: 15px 0px !important;
    }
    .checkout-order-summary-block-fill {
        margin-top: 1.6rem;
    }
    .research-card, .research-card .imgBox img{
        height: 100%;
    }
    footer {
        padding: 40px 18px;
    }        
    .newsletter-form {
        max-width: 100%;
    }
    .footer-col {
        position: relative;
        margin-bottom: 24px;
    }
    .footer-col p br {
        display: none;
    }
    table.variations {
        width: 100%;
        margin-bottom: 1rem;
    }
    table.variations tr th, table.variations tr td{
        width: 50%;
        position: relative;
    }
    a.reset_variations {
        position: absolute;
        bottom: -20px;
        left: 0;
    }
}