:root{
    --dark: #026937;
    --color-secondary: #47af60;
}

/* .timeline-items{ grid-template-columns: repeat(3, 1fr);} */

.product-list-box{ grid-template-columns: repeat(2, 1fr);}
.product-list-item > a{ background-color: rgba(255, 255, 255, 1); backdrop-filter: blur(15px); display: flex; align-items: center; justify-content: center; padding: 15px; border-radius: 100px;}
.product-list-item a img{ height: 90px;}

.mask-text{ font-size: 82px;}

.testimonial-style-one .thumb{ --size: 350px; width: var(--size); height: var(--size); border-radius: 50%; overflow: hidden;}
.testimonial-style-one .thumb img{ width: 100%; height: 100%; object-fit: cover;}

.service-style-two .thumb{ aspect-ratio: .75; background-color: #fff;}
.service-style-two .thumb img{ width: 100%; height: 100%; object-fit: contain;}

.blog-area .thumb > a{ aspect-ratio: 1.5; display: flex;}
.blog-area .thumb > a img{ width: 100%; height: 100%; object-fit: cover;}

/* .gallery-items .gallery-item{ aspect-ratio: 1;}
.gallery-items .gallery-item.width{ aspect-ratio: 2;} */

/* .gallery-item{ margin-bottom: 20px;} */
.gallery-style-one{ aspect-ratio: 1.5;}
.gallery-style-one img{ width: 100%; height: 100%; object-fit: cover;}

.farmer-style-one-item .thumb{ aspect-ratio: 1.5;}
.farmer-style-one-item .thumb img{ width: 100%; height: 100%; object-fit: cover;}


.service-style-two .overlay .icon{ display: none;}
.service-style-two .overlay .info{ margin-left: 0;}
.service-style-two .overlay{ right: 10px; left: 10px;}
.service-style-two .overlay .info h4{ font-size: 16px;}
.service-style-two .overlay .info span{ font-size: 13px;}

.footer-item.link.vertical li,
.footer-item.vertical{ margin-top: 0;}

@media screen and (max-width: 1400px){
    .navbar > .container{ max-width: unset !important;}
}


.vt-products .product .product-contents{ padding: 25px; text-align: center;}
.vt-products .product .product-contents .product-title{ font-size: 15px; font-weight: 500;}

.cat-parent:not(.active) .children{ display: none;}
.cat-parent .children{ padding-left: 25px; padding-top: 10px;}


.shop-items .sidebar .sidebar-item{ margin-bottom: 20px; box-shadow: 0 0 68px 0 rgba(174,175,175,.17); border-radius: 10px; background: var(--white);}
.shop-items .sidebar input[type="text"]{ border-color: var(--color-secondary);}
.shop-items .sidebar .sidebar-item.category li a span{ background-color: var(--color-secondary); color: var(--white);}
.shop-items .shop-listing-contentes{ margin-bottom: 25px;}

.product-meta{ margin-top: 20px;}


.blog-area .thumb > a{ aspect-ratio: 16/9;}


.vt-products .product .product-image > a img{ border-radius: 10px;}


.bd-langs{ position: relative;}
.bd-langs button::after{ display: none;}
.bd-langs .front{ font-size: 13px; width: fit-content; padding: 5px; border-radius: 999px; display: flex; gap: 5px; align-items: center; background-color: rgba(255, 255, 255, .05); transition: all .2s ease; cursor: pointer;}
.bd-langs .front{ background-color: transparent;}
.bd-langs .front:hover{ background-color: rgba(0, 0, 0, .1);}
.bd-langs .front img{ margin-right: 2px; height: 20px; border-radius: 50%; object-fit: cover; aspect-ratio: 1;}
.bd-langs .front i{ transition: all .2s ease; margin-left: 5px;}
.bd-langs:has(.back.active) .front i{ transform: rotate(180deg);}
.bd-langs .back{ border: 1px solid #e8ecef; box-shadow: 0 10px 10px rgba(11, 109, 0, 0.1); width: 100px; position: absolute; top: calc(100% + 30px); background-color: white; left: 50%; transform: translateX(-50%); z-index: 10; transition: all .2s ease; opacity: 0; pointer-events: none; z-index: 100000;}
.bd-langs .back.active{ top: calc(100% + 10px); opacity: 1; pointer-events: all;}
.bd-langs .back > button{ font-size: 13px; padding: 10px 5px 10px 20px; display: flex; gap: 5px; align-items: center; background-color: white; transition: all .2s ease; cursor: pointer; width: 100%; transition: all .2s ease; color: var(--dark); border-radius: 0;}
.bd-langs .back > button span{ color: inherit;}
.bd-langs .back > button:hover{ background-color: #f5f5f5;}
.bd-langs .back > button:not(:last-child){ border-bottom: 1px solid #eee;}
.bd-langs .back > button img{ margin-right: 2px; height: 15px; border-radius: 50%; object-fit: cover; aspect-ratio: 1;}



@media screen and (min-width: 662px){
    .banner-area{ max-height: 700px;}
}


.bd-table table { width: 100%; border-collapse: collapse; font-size: 14px; color: #333; margin: 20px 0; border: 1px solid #ddd;}
.bd-table th, td { padding: 12px 16px; text-align: left; border-bottom: 1px solid #ddd;}
.bd-table th { background-color: #f5f5f5; font-weight: 600;}
.bd-table tr:hover { background-color: #f0f8ff;}
.bd-table caption { caption-side: top; font-size: 18px; font-weight: bold; margin-bottom: 10px;}


.bd-info,
.bd-info p{ font-weight: 400;}

.bd-info ul,
.bd-info ul li{ list-style: disc;}
.bd-info ul{ padding-left: 20px;}



.single-product-bottom-info.v2{ margin-top: 0;}
.single-product-bottom-info.v2 .nav.nav-tabs{ margin-bottom: 25px;}



.skiptranslate{ display: none;}
html body{ top: unset !important;}