/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Utility
# Cards
# Common
# Form
# Navigation
# Animations
# Mobile Nav
# Search Popup
# Page Header
# Google Map
# Client Carousel
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Common
--------------------------------------------------------------*/



@import url('https://fonts.googleapis.com/css2?family=Lumanosimo&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,100..900;1,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Parkinsans:wght@300..800&display=swap');




/*== Default Css ==*/
:root {
    --thm-font: "Albert Sans", sans-serif;
    --thm-font-2: "Parkinsans", sans-serif;
    --thm-font-3: "Lumanosimo", cursive;
    --thm-primary-color: #ff679a;
    --thm-primary-color-rgb: 244, 202, 78;
    --thm-body-font-color: #69594c;
    --thm-body-font-color-2: #b3a19d;
    --thm-body-font-color-3: #ab948e;
    --thm-body-font-size: 17px;
    --thm-body-line-height: 28px;
    --thm-body-font-weight: 400;
    --thm-heading-font-color: #1a0e05;
    --thm-white: #ffffff;
    --thm-black: #1a0e05;
    --thm-black-bg: #4e342e;
    --thm-black-bg-rgb: 78, 52, 46;
    --thm-gray-bg: #f5f1e0;
    --thm-gray-bg-rgb: 245, 241, 224;
    --thm-gray-bg-2: #f7f3e5;
    --thm-gray-bg-2-rgb: 247, 243, 229;
    --thm-gray-bg-3: #ede8d5;
    --thm-gray-bg-3-rgb: 237, 232, 213;
    --thm-border-color: #4e342e;
    --thm-border-color-1: #ede9d8;
    --thm-border-color-2: #efe6e5;
    --thm-border-radius: 10px;
}


body {
    font-family: var(--thm-font);
    color: var(--thm-body-font-color);
    font-size: var(--thm-body-font-size);
    line-height: var(--thm-body-line-height);
    font-weight: var(--thm-body-font-weight);
}

.body-bg-1 {
    background-color: #ffffff;
}


.body-bg-2 {
    background-color: #ffffff;
}



p {
    font-family: var(--thm-font);
    color: var(--thm-body-font-color);
    font-size: var(--thm-body-font-size);
    line-height: var(--thm-body-line-height);
    font-weight: var(--thm-body-font-weight);
    margin: 0;
}

a {
    color: var(--thm-black);
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.container {
    padding-left: 15px;
    padding-right: 15px;
}


@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}

.auto-container {
    position: static;
    max-width: 1800px;
    padding: 0px 15px;
    margin: 0 auto;
}

.row {
    --bs-gutter-x: 30px;
}

.gutter-y-30 {
    --bs-gutter-y: 30px;
}

section {
    position: relative;
    display: block;
    z-index: 1;
}



body.locked {
    overflow: hidden;
}

a,
a:hover,
a:focus,
a:visited {
    text-decoration: none;
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: 1;
}

:-ms-input-placeholder {
    color: inherit;
    opacity: 1;
}

::-ms-input-placeholder {
    color: inherit;
    opacity: 1;
}

::placeholder {
    color: inherit;
    opacity: 1;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--thm-heading-font-color);
    font-family: var(--thm-font-2);
    font-weight: 700;
    margin: 0;
}



dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 0;
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: 1;
}

:-ms-input-placeholder {
    color: inherit;
    opacity: 1;
}

::-ms-input-placeholder {
    color: inherit;
    opacity: 1;
}

::placeholder {
    color: inherit;
    opacity: 1;
}

.fancybox-slide .fancybox-image-wrap {
    border-radius: 10px;
    overflow: hidden;
}



.page-wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 300px;
    overflow: hidden;
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: 1;
}

:-ms-input-placeholder {
    color: inherit;
    opacity: 1;
}

::-ms-input-placeholder {
    color: inherit;
    opacity: 1;
}

::placeholder {
    color: inherit;
    opacity: 1;
}

button {
    cursor: pointer;
    border: none;
    background: transparent;
    padding: 0;
}

ul,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}

ol,
li {
    margin: 0;
    padding: 0;
}

img {
    max-width: 100%;
    height: auto;
    transition-delay: 0.1s;
    transition-timing-function: ease-in-out;
    transition-duration: 0.7s;
    transition-property: all;
}

/* Form validation styles */
input:focus,
textarea:focus,
select:focus {
    border-color: #43c3ea;
    outline: none;
}

#contact-form input[type="text"].error {
    border-color: red;
}

#contact-form input[type="email"].error {
    border-color: red;
}

#contact-form select.error {
    border-color: red;
}

#contact-form textarea.error {
    border-color: red;
}

#contact-form label.error {
    display: none !important;
}













.rating-box-style1 {
    position: relative;
    display: block;
}

.rating-box-style1 ul {
    position: relative;
    display: flex;
}

.rating-box-style1 ul li {
    position: relative;
    display: block;
    line-height: 0;
}

.rating-box-style1 ul li+li {
    padding-left: 5px;
}

.rating-box-style1 ul li span {
    position: relative;
    display: inline-block;
    color: var(--thm-primary-color);
    font-size: 16px;
    cursor: pointer;
}


/** Thm Social Link **/
.thm-social-link {
    position: relative;
    display: block;
    padding-top: 30px;
}

.thm-social-link ul {
    position: relative;
    display: block;
}

.thm-social-link ul li {
    position: relative;
    float: left;
    margin-right: 10px;
}

.thm-social-link ul li:last-child {
    margin-right: 0;
}

.thm-social-link ul li a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    width: 50px;
    overflow: hidden;
    background-color: var(--thm-black-bg);
    border-radius: 10px;
    color: var(--thm-white);
    font-size: 18px;
    text-align: center;
    transition: all 200ms linear;
    transition-delay: 0.1s;
    z-index: 1;
}

.thm-social-link ul li a:before {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-color: rgba(var(--thm-primary-color-rgb), 1);
    border-radius: 10px;
    content: "";
    opacity: 0;
    transform: scale(0.5);
    transform-style: preserve-3d;
    transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
    z-index: -1;
}

.thm-social-link ul li:hover a:before {
    opacity: 1;
    transform: scale(1);
}

.thm-social-link ul li:hover a {
    color: var(--thm-black);
}



/** xs sidebar **/
.xs-sidebar-group .xs-overlay {
    position: fixed;
    top: 0;
    left: 0%;
    bottom: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    cursor: url(../images/icon/cross-out.png), pointer;
    z-index: 99999999;

    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
    transform-origin: left right;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
}

.xs-sidebar-group.isActive .xs-overlay {
    opacity: 0.95;
    visibility: visible;
    right: 100%;
    background: var(--thm-black);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transform-origin: left center;
}


.xs-sidebar-widget {
    position: fixed;
    top: 0;
    right: -100%;
    bottom: 0;
    max-width: 460px;
    width: 100%;
    background-color: #ffffff;
    overflow: hidden;
    overflow-y: auto;

    transition-timing-function: ease-out;
    transition: 0.5s;

    visibility: hidden;
    opacity: 1;
    z-index: 999999999;
}

.xs-sidebar-group.isActive .xs-sidebar-widget {
    opacity: 1;
    visibility: visible;
    right: 0;
    transition-timing-function: ease-in;
    transition: 0.5s;
}

.sidebar-widget-container {
    position: relative;
    top: 150px;
    opacity: 0;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: all 300ms ease 100ms;
}

.xs-sidebar-group.isActive .sidebar-widget-container {
    top: 0px;
    opacity: 1;
    visibility: visible;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: all 900ms ease 500ms;
}

.xs-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0.8;
    z-index: 0;
    background-color: #000000;
}

.sidebar-textwidget {
    padding: 50px 45px;
}

.xs-sidebar-group .widget-heading {
    position: absolute;
    top: 0;
    right: 0;
    padding: 25px;
}

.xs-sidebar-group .widget-heading a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid var(--thm-black);
    border-radius: 50%;
    color: var(--thm-black);
    font-size: 20px;
    font-weight: 400;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.xs-sidebar-group .widget-heading a:hover {
    color: var(--thm-primary-color);
    border-color: var(--thm-primary-color);
}

.xs-sidebar-group .content-inner .logo {
    position: relative;
    display: block;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 30px;
}

.xs-sidebar-group .content-inner .logo a {
    position: relative;
    display: inline-block;
}

.xs-sidebar-group .content-inner h3 {
    color: var(--thm-black);
    font-size: 34px;
    line-height: 44px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: var(--thm-font);
    margin-bottom: 22px;
}

.xs-sidebar-group .content-inner h3 span {
    color: var(--thm-base);
    font-size: 25px;
    font-weight: 900;
}

.xs-sidebar-group .content-inner .content-box {
    position: relative;
    display: block;
    padding-top: 33px;
    padding-bottom: 47px;
}

.xs-sidebar-group .content-inner .content-box .inner-text {
    position: relative;
    display: block;
}

.xs-sidebar-group .content-inner .content-box p {
    margin: 0;
}

.xs-sidebar-group .content-inner .sidebar-contact-info {
    position: relative;
    display: block;
}

.xs-sidebar-group .content-inner .sidebar-contact-info h3 {
    color: var(--thm-black);
    font-size: 25px;
    line-height: 30px;
    font-weight: 700;
    margin: 0 0 27px;
}

.sidebar-contact-info ul {
    position: relative;
    display: block;
}

.sidebar-contact-info ul li {
    position: relative;
    display: block;
    margin-bottom: 23px;
}

.sidebar-contact-info ul li:last-child {
    margin-bottom: 0;
}

.sidebar-contact-info ul li .inner {
    position: relative;
    display: block;
    padding-left: 0;
}



/***
.sidebar-contact-info ul li .inner .icon {
    position: absolute;
    top: 0px;
    left: 0;
}
.sidebar-contact-info ul li .inner .icon span {
    position: relative;
    display: block;
    color: var(--thm-base);
    font-size: 27px;
    line-height: 27px;
    font-weight: 500;
}
.sidebar-contact-info ul li .inner .icon span.map-marker {
    color: var(--thm-base);
    position: relative;
    top: 8px;
    font-size: 32px;
}
**/


.sidebar-contact-info ul li .inner .text {
    position: relative;
    display: block;
}

.sidebar-contact-info ul li .inner .text p {
    color: var(--thm-black);
    line-height: 24px;
}

.sidebar-contact-info ul li .inner .text p a {
    color: var(--thm-black);
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.sidebar-contact-info ul li .inner .text p a:hover {
    color: var(--thm-primary-color);
    text-shadow: -0.45px -0.45px 0 var(--thm-base), 0.45px 0.45px var(--thm-primary-color);
}

.xs-sidebar-group .content-inner .side-content-newsletter-box {
    position: relative;
    display: block;
    padding-top: 49px;
}

.xs-sidebar-group .content-inner .side-content-newsletter-box h3 {
    color: var(--thm-black);
    font-size: 25px;
    line-height: 30px;
    font-weight: 700;
    margin: 0 0 24px;
}

.side-content-newsletter-box .form-group input[type="email"] {
    position: relative;
    display: block;
    width: 100%;
    height: 60px;
    color: #a3afa6;
    font-size: 18px;
    font-weight: 400;
    background-color: transparent;
    border: 1px solid var(--thm-border-color);
    padding-left: 30px;
    padding-right: 20px;
    border-radius: 10px;
    font-family: var(--thm-font);
}

.side-content-newsletter-box .form-group .btn-one {
    color: var(--thm-black);
    font-family: var(--thm-font-2);
    font-weight: 600;
    border-radius: 30px;
    margin-top: 20px;
}

.side-content-newsletter-box .form-group .btn-one:hover {
    color: var(--thm-white);
}

.side-content-newsletter-box .form-group .btn-one::before {
    background: var(--thm-black-bg);
}

.side-content-newsletter-box .form-group .btn-one::after {
    background: var(--thm-primary-color);
}

.side-content-newsletter-box .form-group .btn-one i {
    position: relative;
    top: 1px;
    margin-left: 10px;
    font-size: 15px;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}






/*== Review Css ======*/
.review-box {
    position: relative;
    display: block;
    overflow: hidden;
    line-height: 15px;
}

.review-box ul {
    display: block;
    overflow: hidden;
}

.review-box ul li {
    display: inline-block;
    float: left;
    margin-right: 5px;
    cursor: pointer;
}

.review-box ul li:last-child {
    margin-right: 0px;
}

.review-box ul li i {
    color: #fbaf02;
    font-size: 15px;
}




/*== Section Title Css ======*/
.sec-title {
    position: relative;
    display: block;
    margin-top: 0px;
    padding-bottom: 48px;
}

.sec-title.withtext {
    padding-bottom: 12px;
}

.sec-title .sub-title {
    position: relative;
    display: inline-flex;
    align-items: center;
    border-radius: 5px;
    /* background-color: var(--thm-black-bg); */
    /* padding: 5px 15px 5px;
    margin-bottom: 17px; */
}

.sec-title .sub-title .icon {
    position: relative;
    display: inline-block;
    color: var(--thm-primary-color);
    font-size: 20px;
    line-height: 0;
}

.sec-title .sub-title h4 {
       /*color:#9C2B4E;*/
    font-size: 49px;
   
    /*font-family: math;*/
    font-weight: 800;
    /* text-transform: uppercase; */
    margin-left: 8px;
    z-index: 1;
    /* letter-spacing: 2px;*/

}

.sec-title h2 {
    color: var(--thm-black);
    font-size: 45px;
    line-height: 1.2em;
    font-weight: 700;
}

.sec-title.white h2 {
    color: var(--thm-white);
}

.sec-title .text {
    position: relative;
    display: block;
    padding-top: 10px;
}


/*== Section Title Two Css ======*/

.sec-title-two {
    position: relative;
    display: block;
    margin-top: 0px;
    padding-bottom: 32px;
}

.sec-title-two .sub-title {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin-bottom: 20px;
}

.sec-title-two .sub-title .icon {
    position: relative;
    display: inline-block;
    color: var(--thm-primary-color);
    font-size: 20px;
    line-height: 0;
}

.sec-title-two .sub-title h4 {
    color: var(--thm-black-bg);
    font-size: 18px;
    line-height: 26px;
    font-family: var(--thm-font);
    font-weight: 700;
    text-transform: capitalize;
    margin-left: 8px;
    z-index: 1;
}

.sec-title-two h2 {
    color: var(--thm-black);
    font-size: 40px;
    line-height: 1.2em;
    font-weight: 700;
}

.sec-title-two.white h2 {
    color: var(--thm-white);
}






/*== Btn One Css ======*/
.btn-box {
    position: relative;
    display: block;
}

.btn-one {
    position: relative;
    display: inline-flex;
    align-items: center;
    overflow: hidden;
    background-color: transparent;
    border-radius: 0px;
    text-transform: capitalize;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    z-index: 2;
}

.btn-one .txt {
    position: relative;
    display: inline-flex;
    align-items: center;
    border-radius: 25px;
    background-color: transparent;
    padding: 5px 25px 5px;
    color: var(--thm-black);
    font-size: 16px;
    line-height: 40px;
    font-family: var(--thm-font-2);
    font-weight: 600;
    overflow: hidden;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    z-index: 2;
}

.btn-one:hover .txt {
    color: var(--thm-white);
}

.btn-one .txt:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    transform: scaleX(1);
    transition-duration: 800ms;
    background-color: #d89b08;
    z-index: -2;
}

.btn-one:hover .txt:after {
    transform: scaleX(0);
    transition-duration: 1500ms;
}

.btn-one .txt:before {
    position: absolute;
    top: 0px;
    left: -5px;
    bottom: 0;
    right: 100%;
    content: "";
    background: rgb(107 155 43);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    border-radius: 0%;
    transition-duration: 800ms;
    z-index: -1;
}

.btn-one:hover .txt:before {
    right: 0px;
    left: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.btn-one i {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 50%;
    background-color: #d89b08;
    color: var(--thm-black);
    font-size: 26px;
    font-weight: 400;
    top: 0px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    z-index: 2;
}

.btn-one:hover i {
    color: var(--thm-white);
}

.btn-one i::after {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0;
    right: 100%;
    content: "";
  background: rgb(132 181 34);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    border-radius: 0%;
    transition-duration: 800ms;
    z-index: -1;
}

.btn-one:hover i::after {
    right: 0px;
    left: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}







/*== Btn Two Css ======*/
.btn-two {
    position: relative;
    display: inline-flex;
    align-items: center;
    color: var(--thm-base);
    font-size: 15px;
    line-height: 20px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-family: var(--thm-font-3);
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.btn-two span {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: var(--thm-black);
    font-size: 18px;
    margin-left: 10px;
    transition: border-color 0.5s ease;
    transition: all 0.5s ease;
    z-index: 1;
}

.btn-two:hover span {
    color: #ffffff;
}

.btn-two span:after {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: var(--thm-base);
    border-radius: 50%;
    content: "";
    opacity: 0;
    transform: scale(0.5);
    transform-style: preserve-3d;
    z-index: -1;
    transition: background-color 0.5s ease;
    transition: all 0.5s ease;
}

.btn-two:hover span:after {
    opacity: 1.0;
    transform: scale(1.0);
}

.btn-two:hover {
    color: var(--thm-base);
    letter-spacing: normal;
}


/*== Section Btn Css ======*/
.section-btn {
    position: relative;
    display: block;
    text-align: center;
    line-height: 0;
    margin-top: 40px;
    z-index: 1;
}

.section-btn::before {
    content: "";
    position: absolute;
    top: 21px;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background-color: var(--thm-border-color);
    z-index: -1;
}

.section-btn-inner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    border-radius: 21px;
    background-color: transparent;
    border: 1px solid var(--thm-border-color);
    padding: 7px 25px 7px;
    z-index: 1;
}

.section-btn-inner p {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.section-btn-inner-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--thm-white);
    background-repeat: repeat;
    z-index: -1;
}

.section-btn-inner p a {
    position: relative;
    display: inline-flex;
    align-items: center;
    color: var(--thm-black);
    font-size: 14px;
    line-height: 26px;
    font-weight: 700;
    font-family: var(--thm-font-2);
    text-transform: uppercase;
    margin-left: 8px;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.section-btn-inner p a i {
    font-size: 14px;
    margin-right: 6px;
}

.section-btn-inner p a:hover {
    color: var(--thm-primary-color);
}




/*== Owl Dot Style One Css ======*/
.owl-carousel.owl-dot-style1 .owl-dots {
    position: relative;
    text-align: center;
    line-height: 0;
    margin-top: 60px !important;
    display: block;
}

.owl-carousel.owl-dot-style1 .owl-dots .owl-dot {
    position: relative;
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: rgba(var(--thm-primary-color-rgb), 0.3);
    border: 0px solid;
    margin: 0px 6px;
    padding: 0px;
    border-radius: 50%;
    transition: all 100ms linear;
    transition-delay: 0.1s;
}

.owl-carousel.owl-dot-style1 .owl-dots .owl-dot.active {}

.owl-carousel.owl-dot-style1 .owl-dots .owl-dot::before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    bottom: -2px;
    right: -2px;
    border-radius: 50%;
    background-color: var(--thm-primary-color);
    transition: background-color 0.5s ease;
    transition: all 0.5s ease;
    transform-origin: left right;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
}

.owl-carousel.owl-dot-style1 .owl-dots .owl-dot.active::before {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transform-origin: left right;
}

.owl-carousel.owl-dot-style1 .owl-dots .owl-dot span {
    display: none;
}



/*== Owl Dot Style Two Css ======*/
.owl-carousel.owl-dot-style2 .owl-dots {
    position: relative;
    text-align: center;
    line-height: 0;
    margin-top: 30px !important;
    display: block;
}

.owl-carousel.owl-dot-style2 .owl-dots .owl-dot {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: transparent;
    border: 5px solid #ffffff;
    margin: 0px 5px;
    padding: 0px;
    border-radius: 50%;
    transition: all 100ms linear;
    transition-delay: 0.1s;
}

.owl-carousel.owl-dot-style2 .owl-dots .owl-dot:before {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    bottom: -5px;
    right: -5px;
    border: 1px solid var(--thm-base);
    border-radius: 50%;
    transform: scale(0);
    transition: all 500ms ease;
}

.owl-carousel.owl-dot-style2 .owl-dots .owl-dot.active {
    border: 5px solid #1a1c23;
    background-color: var(--thm-base);
}

.owl-carousel.owl-dot-style2 .owl-dots .owl-dot.active:before {
    transform: scale(1);
}

.owl-carousel.owl-dot-style2 .owl-dots .owl-dot span {
    display: none;
}






/*== Owl Nav Style One Css ======*/
.owl-nav-style-one.owl-theme .owl-stage-outer {
    position: relative;
    display: block;
    padding-top: 0px;
    padding-bottom: 0px;
}

.owl-nav-style-one.owl-theme .owl-nav {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    width: 140px;
    margin: 0;
    z-index: 10;
}

.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"] {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 60px;
    overflow: hidden;
    background-color: transparent;
    border: 1px solid #dbdee7;
    border-radius: 5px;
    margin: 0 5px;
    padding: 0;
    transition: all 100ms ease 1s;
    z-index: 1;
}

.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"]:hover {
    border: 1px solid var(--thm-primary-color);
    clip-path: polygon(100% 0, 100% 70%, 80% 100%, 0 100%, 0 0);
}

.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"]::before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    border-radius: 5px;
    background-color: #700112;
    clip-path: polygon(100% 0, 100% 70%, 80% 100%, 0 100%, 0 0);
    border-radius: 0%;
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(0deg) scale(0);
    -ms-transform: perspective(400px) rotateX(0deg) scale(0);
    transform: perspective(400px) rotateX(0deg) scale(0);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
    z-index: -1;
}

.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"]:hover::before {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg) scale(1.0);
    -ms-transform: perspective(400px) rotateX(0deg) scale(1.0);
    transform: perspective(400px) rotateX(0deg) scale(1.0);
}

.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"] span {
    position: relative;
    display: block;
    color: var(--thm-black);
    font-size: 20px;
    font-weight: 500;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.owl-nav-style-one.owl-theme .owl-nav .owl-prev {
    transform: rotate(0deg);
}

.owl-nav-style-one.owl-theme .owl-nav .owl-next {
    transform: rotate(0deg);
}

.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"] span {
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"]:hover span {
    color: var(--thm-white);
}


/*== Scrool To Top Css ======*/
.scroll-to-top {
    position: fixed;
    right: 30px;
    bottom: 90px;
    transform: rotate(0deg);
    z-index: 99999999999;
}

.scroll-to-top.scroll-to-top1 {
    right: 40px;
    bottom: 65px;
}

.scroll-to-top .visible {
    visibility: visible !important;
    opacity: 1 !important;
}

.scroll-to-top .scroll-top-inner {
    opacity: 0;
    visibility: hidden;
}

.scroll-to-top .scroll-top-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
    -o-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
    transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
}

.scroll-to-top .scroll-bar {
    width: 50px;
    height: 4px;
    margin-right: 10px;
    position: relative;
    display: none;
}

.scroll-to-top .scroll-bar:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: var(--thm-primary-color);
    opacity: 1;
}

.scroll-to-top .scroll-bar .bar-inner {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background-color: var(--thm-secondary-color);
}

.scroll-to-top .scroll-bar-text {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #9c2b4e;
    border: 1px solid #fcc54a;
    color: #fcc54a;
    font-size: 20px;
    cursor: pointer;
    transition: all 500ms ease;
}

.scroll-to-top .scroll-bar-text:hover {
    color: #004d46;
    background-color: #fcc54a;
    border-color: #fcc54a;
}

.scroll-to-top.bg2 .scroll-bar-text {
    background: #0a3e56;
}


.scroll-to-top--style2 {
    position: relative;
    top: 0px;
    right: 0;
    bottom: 0;
    transform: rotate(0deg);
}

.scroll-to-top--style2 .scroll-bar {
    display: none;
}

.scroll-to-top--style2 .scroll-bar-text {
    color: var(--thm-black);
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    cursor: pointer;
    font-family: var(--thm-font-2);
    transition: all 500ms ease;
    width: auto;
    height: auto;
    background: transparent;
}

.scroll-to-top--style2 .scroll-bar-text p {
    color: var(--thm-black);
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: var(--thm-font-2);
}

.scroll-to-top--style2 .scroll-bar-text:hover p {
    color: var(--thm-primary-color);
}

.scroll-to-top--style2 .scroll-bar-text span {
    position: relative;
    top: 0;
    display: inline-block;
    padding-left: 10px;
    color: var(--thm-primary-color);
    font-size: 16px;
}




/*== Styled Pagination Css ======*/
.styled-pagination {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
}

.styled-pagination::before {
    display: none;
}

.styled-pagination.pdtop60 {
    padding-top: 60px;
}

.styled-pagination.pdtop30 {
    padding-top: 20px;
}

.styled-pagination li {
    position: relative;
    display: block;
    float: left;
}

.styled-pagination li+li {
    margin-left: 10px;
}

.styled-pagination li a {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: transparent;
    border: 1px solid var(--thm-border-color-1);
    color: var(--thm-black);
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    font-family: var(--thm-font-2);
    text-align: center;
    text-transform: uppercase;
    transition: all 500ms ease;
    z-index: 1;
}

.styled-pagination li a span:before {
    position: relative;
    top: 0px;
    color: var(--thm-black);
    font-size: 21px;
    transition: all 500ms ease;
}

.styled-pagination li:hover a span:before {
    color: var(--thm-white);
}


.styled-pagination li:hover a span::before,
.styled-pagination li.active a span::before {
    color: var(--thm-white);
    border-color: transparent;
}

.styled-pagination li.prev {
    transform: rotate(180deg);
}

.styled-pagination li.prev a span:before {
    position: relative;
    display: inline-block;
}

.styled-pagination li.next a span:before {
    position: relative;
    display: inline-block;
}

.styled-pagination li:hover a,
.styled-pagination li.active a {
    color: var(--thm-white);
    border-color: transparent;
    background: var(--thm-black-bg);
}

.styled-pagination li.prev a,
.styled-pagination li.next a {
    width: 56px;
    height: 56px;
}

.styled-pagination li.next a {
    overflow: hidden;
    transform: rotate(0deg);
}






/*== checked Css Css ======*/
.checked-box1 {
    position: relative;
    display: block;
    min-height: 26px;
}

.checked-box1 input[type="checkbox"] {
    display: none;
}

.checked-box1 label {
    position: relative;
    display: inline-block;
    padding-left: 25px;
    color: var(--thm-body-font-color);
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    cursor: pointer;
    font-family: var(--thm-font);
}

.checked-box1 input[type="checkbox"]+label span {
    position: absolute;
    display: block;
    top: 5px;
    left: 0;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    background-color: transparent;
    border: 1px solid #e3e4ea;
    cursor: pointer;
    border-radius: 4px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.checked-box1 label span:before {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0;
    right: 0;
    content: "";
    width: 8px;
    height: 8px;
    background: var(--thm-primary-color);
    border-radius: 50%;
    margin: 2px auto 0px;
    transform: scale(0);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.checked-box1 input[type="checkbox"]:checked+label span {
    border-color: #e3e4ea;
}

.checked-box1 input[type="checkbox"]:checked+label span:before {
    transform: scale(1.0);
}



/*== checked Css Css ======*/
.checked-box2 {
    position: relative;
    display: block;
    min-height: 28px;
}

.checked-box2 input[type="checkbox"] {
    display: none;
}

.checked-box2 label {
    position: relative;
    display: inline-block;
    padding-left: 25px;
    color: var(--thm-body-font-color);
    font-size: 17px;
    line-height: 28px;
    font-weight: 400;
    cursor: pointer;
    font-family: var(--thm-font);
}

.checked-box2 input[type="checkbox"]+label span {
    position: absolute;
    top: 6px;
    left: 0;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    background-color: transparent;
    border: 1px solid var(--thm-border-color);
    cursor: pointer;
    border-radius: 5px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.checked-box2 label span:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: var(--thm-primary-color);
    transform: scale(0);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.checked-box2 input[type="checkbox"]:checked+label span {
    border-color: var(--thm-primary-color);
}

.checked-box2 input[type="checkbox"]:checked+label span:before {
    transform: scale(1.0);
}



/*== Star Rating Style1 Css ======*/
.star-rating-style1 {
    position: relative;
    display: inline-flex;
    justify-content: flex-start;
    direction: rtl;
}

.star-rating-style1 input[type="radio"] {
    display: none;
}

.star-rating-style1 label {
    position: relative;
    display: inline-block;
    cursor: pointer;
    color: var(--thm-primary-color);
    font-size: 24px;
    padding: 0 1px;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.star-rating-style1 input[type="radio"]:checked~label {
    color: var(--thm-white);
}

.star-rating-style1 label:hover,
.star-rating-style1 label:hover~label {
    color: var(--thm-white);
}



/*== Accordion Box Style 1 Css ======*/
.accordion-box-style1 {
    position: relative;
    display: block;
}

.accordion-box-style1 .accordion {
    position: relative;
    display: block;
    margin-bottom: 20px;
}

.accordion-box-style1 .accordion:last-child {
    margin-bottom: 0;
}

.accordion-box-style1 .accordion .accord-btn {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: row;
    cursor: pointer;
    background-color: transparent;
    border: 1px solid var(--thm-border-color);
    padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-right: 30px;
    border-radius: 0px;
    transition: all 200ms linear;
    transition-delay: 0.1s;
    z-index: 3;
}

.accordion-box-style1 .accordion .accord-btn.active {
    -webkit-transition: all 0.9s linear;
    -o-transition: all 0.9s linear;
    transition: all 0.9s linear;
}

.accordion-box-style1 .accordion .accord-btn.active {
    border-left: 1px solid var(--thm-primary-color);
}

.accordion-box-style1 .accordion .accord-btn .left {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 58px;
    background-color: transparent;
    border-right: 1px solid var(--thm-border-color);
    z-index: 1;
}

.accordion-box-style1 .accordion .accord-btn.active .left {
    border-color: var(--thm-primary-color);
}

.accordion-box-style1 .accordion .accord-btn.active .left::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0px;
    bottom: 0;
    right: 0;
    width: 100px;
    height: 60px;
    background-color: var(--thm-primary-color);
    z-index: -1;
}

.accordion-box-style1 .accordion .accord-btn .left h4 {
    color: var(--thm-primary-color);
    font-size: 18px;
    line-height: 28px;
}

.accordion-box-style1 .accordion .accord-btn.active .left h4 {
    color: var(--thm-white);
}

.accordion-box-style1 .accordion .accord-btn h3 {
    color: var(--thm-body-font-color);
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    padding-left: 20px;
}

.accordion-box-style1 .accordion .accord-btn.active h3 {
    color: var(--thm-black);
}

.accordion-box-style1 .accordion .accord-btn::after {
    font-family: 'icomoon' !important;
    position: absolute;
    content: "\e90e";
    top: 50%;
    right: 25px;
    color: var(--thm-black);
    font-size: 18px;
    transform: translateY(-50%);
    transition: all 500ms ease 0s;
}

.accordion-box-style1 .accordion .accord-btn.active:after {
    color: var(--thm-primary-color);
    content: "\e901";
}

.accordion-box-style1 .accordion .accord-content {
    position: relative;
    background-color: transparent;
    box-shadow: none;
    border: 1px solid var(--thm-border-color);
    border-top: none;
    padding: 34px 30px 38px;
    display: none;
    z-index: 2;
}

.accordion-box-style1 .accordion .accord-content.collapsed {
    display: block;
}

.accordion-box-style1 .accordion .accord-content p {
    margin: 0;
}




/*== Accordion Box Css ======*/
.accordion-box {
    position: relative;
    display: block;
}

.accordion-box li+li {
    margin-top: 20px;
}

.accordion-box .block {
    position: relative;
    display: block;
    overflow: hidden;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .3s;
    transition-property: all;
}

.accordion-box .block .acc-content.current {
    display: block;
}

.accordion-box .block .acc-btn {
    position: relative;
    display: block;
    cursor: pointer;
    background: #F9F9F9;
    border: none;
    padding: 21px 30px 21px;
    transition: all 500ms ease;
}

.accordion-box .block .acc-btn.active {
    background: #F9F9F9;
}

.accordion-box .block .acc-btn h3 {
    color: var(--thm-black);
    font-size: 24px;
    line-height: 28px;
    font-family: var(--thm-font-2);
    font-weight: 700;
    transition: all 500ms ease;
}

.accordion-box .block .acc-btn.active h3 {
    color: var(--thm-primary-color);
}

.accordion-box .block .acc-btn::before {
    font-family: 'icomoon' !important;
    position: absolute;
    content: "\e935";
    top: 50%;
    right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: transparent;
    color: var(--thm-black);
    font-size: 14px;
    font-weight: 700;
    transform: translateY(-50%);
    transition: all 500ms ease 0s;
}

.accordion-box .block .acc-btn.active::before {
    content: "\e936";
    color: var(--thm-white);
    background-color: var(--thm-primary-color);
}

.accordion-box .block .acc-content {
    position: relative;
    display: none;
    border: none;
    background-color: #F9F9F9;
    padding: 4px 30px 43px;
    padding-right: 70px;
}

.accordion-box .block .acc-content p {
    margin: 0;
}






/*== Search Popup Css ======*/
.search-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 300px;
    padding-left: 20px;
    padding-right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
    z-index: 9999;
}

.search-popup.active {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.search-popup__overlay {
    position: absolute;
    top: 0%;
    left: 0%;
    right: 0%;
    height: 300px;
    background-color: var(--thm-primary-color);
    opacity: 1.0;
    cursor: pointer;
}

.search-popup__close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 60px;
    height: 60px;
    background-color: var(--thm-black);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--thm-white);
    font-size: 24px;
}



.search-popup__content {
    width: 100%;
    max-width: 560px;
    background-color: #000000;
    padding: 10px;
    z-index: 10;
}

.search-popup__content form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    background-color: #fff;
    border-radius: 0px;
    overflow: hidden;
}

.search-popup__content form input[type="search"],
.search-popup__content form input[type="text"] {
    position: relative;
    display: block;
    width: 100%;
    height: 70px;
    background-color: #fff;
    color: var(--thm-black);
    font-size: 16px;
    border: none;
    outline: none;
    padding-left: 30px;
    padding-right: 80px;
}

.search-popup__content .thm-btn {
    position: absolute;
    top: 0;
    right: 0px;
    padding: 0;
    width: 60px;
    height: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    border-radius: 0;
    background-color: var(--thm-black);
    border: 0;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    color: #ffffff;
    font-size: 22px;
    font-weight: 400;
    transition: background-color 0.5s ease;
    transition: all 0.5s ease;
}

.search-popup__content .thm-btn i {
    background-color: transparent;
    margin-left: 0;
}

.search-popup__content .thm-btn:hover {
    color: #ffffff;
    background-color: var(--thm-primary-color);
}


/* =====================================================
   ECLAT FOODZ — COMPLETE SIX-COLOR PRELOADER
   Product colors:
   Turmeric, Ginger, Amla, Beetroot, Ginseng, Muted Olive
===================================================== */

/* Six product colors */
:root {
    --eclat-turmeric: #D89B08;
    --eclat-ginger: #C9961E;
    --eclat-amla: #6B9B2B;
    --eclat-beetroot: #9C2B4E;
    --eclat-ginseng: #8B5E34;
    --eclat-olive: #5C6B2F;
}

/* =====================================================
   MAIN PRELOADER
===================================================== */

.loader-wrap {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
}

.loader-wrap .preloader {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.handle-preloader {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    overflow: hidden;
    z-index: 9999999;
}

/* =====================================================
   SIX VERTICAL COLOR PANELS
===================================================== */

.loader-wrap .layer-one,
.loader-wrap .layer-two,
.loader-wrap .layer-three,
.loader-wrap .layer-four,
.loader-wrap .layer-five,
.loader-wrap .layer-six {
    position: absolute;
    top: 0;
    width: 16.666667%;
    height: 100%;
    overflow: hidden;
}

/* Panel positions */
.loader-wrap .layer-one {
    left: 0;
    z-index: 6;
}

.loader-wrap .layer-two {
    left: 16.666667%;
    z-index: 5;
}

.loader-wrap .layer-three {
    left: 33.333333%;
    z-index: 4;
}

.loader-wrap .layer-four {
    left: 50%;
    z-index: 3;
}

.loader-wrap .layer-five {
    left: 66.666667%;
    z-index: 2;
}

.loader-wrap .layer-six {
    left: 83.333333%;
    z-index: 1;
}

/* Shared overlay */
.loader-wrap .layer-one .overlay,
.loader-wrap .layer-two .overlay,
.loader-wrap .layer-three .overlay,
.loader-wrap .layer-four .overlay,
.loader-wrap .layer-five .overlay,
.loader-wrap .layer-six .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}

/* 1 */
.loader-wrap .layer-one .overlay {
    background: #D89B08;
}

/* 2 */
.loader-wrap .layer-two .overlay {
    background: #9C2B4E;
}

/* 3 */
.loader-wrap .layer-three .overlay {
    background: #6B9B2B;
}

/* 4 */
.loader-wrap .layer-four .overlay {
    background: #8B5E34;
}

/* 5 */
.loader-wrap .layer-five .overlay {
    background: #C9961E;
}

/* 6 */
.loader-wrap .layer-six .overlay {
    background: #5C6B2F;
}

/* =====================================================
   OPTIONAL SIX-PANEL ENTRANCE ANIMATION
   Panels rise into view, then slide upwards.
===================================================== */

.loader-wrap .layer-one,
.loader-wrap .layer-two,
.loader-wrap .layer-three,
.loader-wrap .layer-four,
.loader-wrap .layer-five,
.loader-wrap .layer-six {
    transform: translateY(100%);
    animation: eclatPanelReveal 3.6s cubic-bezier(.77, 0, .175, 1)
        forwards;
}

.loader-wrap .layer-one {
    animation-delay: 0s;
}

.loader-wrap .layer-two {
    animation-delay: 0.08s;
}

.loader-wrap .layer-three {
    animation-delay: 0.16s;
}

.loader-wrap .layer-four {
    animation-delay: 0.24s;
}

.loader-wrap .layer-five {
    animation-delay: 0.32s;
}

.loader-wrap .layer-six {
    animation-delay: 0.40s;
}

@keyframes eclatPanelReveal {
    0% {
        transform: translateY(100%);
    }

    25%,
    70% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-100%);
    }
}

/* =====================================================
   CENTER ANIMATION CONTENT
===================================================== */

.handle-preloader .animation-preloader {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 100;
    width: 100%;
    padding: 20px;
    text-align: center;
    transform: translate(-50%, -50%);
    user-select: none;
    pointer-events: none;
}

/* Spinner */
.handle-preloader .animation-preloader .spinner {
    height: 100px;
    width: 100px;
    border-radius: 50%;
    margin: 0 auto 35px;
    border: 3px solid rgba(255, 255, 255, 0.4);
    border-top-color: #ffffff;
    border-right-color: rgba(255, 255, 255, 0.85);
    animation: eclatSpinner 0.9s infinite linear;
}

@keyframes eclatSpinner {
    to {
        transform: rotate(360deg);
    }
}

/* =====================================================
   ORIGINAL TEXT LOADING ANIMATION
===================================================== */

.handle-preloader .animation-preloader .txt-loading {
    text-align: center;
    user-select: none;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading {
    position: relative;
    display: inline-block;
    font-family: var(--thm-font-3);
    font-weight: 700;
    letter-spacing: 10px;
    font-size: 48px;
    line-height: 1.3;
    text-transform: uppercase;
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 0.55);
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:before {
    content: attr(data-text-preloader);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    color: #ffffff;
    animation: eclatLettersLoading 4s infinite;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {
    animation-delay: 0.1s;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {
    animation-delay: 0.2s;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {
    animation-delay: 0.3s;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {
    animation-delay: 0.4s;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {
    animation-delay: 0.5s;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {
    animation-delay: 0.6s;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before {
    animation-delay: 0.7s;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(9):before {
    animation-delay: 0.8s;
}

@keyframes eclatLettersLoading {
    0%,
    75%,
    100% {
        opacity: 0;
        transform: rotateY(-90deg);
    }

    25%,
    50% {
        opacity: 1;
        transform: rotateY(0deg);
    }
}

/* =====================================================
   ORIGINAL LOADER SECTION SUPPORT
===================================================== */

.handle-preloader .loader-section {
    background-color: #ffffff;
    height: 100%;
    position: fixed;
    top: 0;
    width: calc(50% + 1px);
}

.preloader .loaded .animation-preloader {
    opacity: 0;
    transition: opacity 0.3s ease-out;
}

/* =====================================================
   ORIGINAL PULSE ANIMATION SUPPORT
===================================================== */

@-webkit-keyframes pulse10 {
    0% {
        -webkit-box-shadow: 0 0 0 0 #D89B08;
        box-shadow: 0 0 0 0 #D89B08;
    }

    40% {
        -webkit-box-shadow: 0 0 0 50px rgba(201, 150, 30, 0.45);
        box-shadow: 0 0 0 50px rgba(201, 150, 30, 0.45);
    }

    70% {
        -webkit-box-shadow: 0 0 0 50px rgba(107, 155, 43, 0.3);
        box-shadow: 0 0 0 50px rgba(107, 155, 43, 0.3);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(156, 43, 78, 0);
        box-shadow: 0 0 0 0 rgba(156, 43, 78, 0);
    }
}

@keyframes pulse10 {
    0% {
        box-shadow: 0 0 0 0 rgba(216, 155, 8, 0.7);
    }

    40% {
        box-shadow: 0 0 0 50px rgba(201, 150, 30, 0.45);
    }

    70% {
        box-shadow: 0 0 0 50px rgba(107, 155, 43, 0.3);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(156, 43, 78, 0);
    }
}

/* =====================================================
   TABLET
===================================================== */

@media screen and (max-width: 767px) {
    .handle-preloader .animation-preloader .spinner {
        height: 8em;
        width: 8em;
    }

    .handle-preloader .animation-preloader .txt-loading .letters-loading {
        font-size: 42px;
        letter-spacing: 7px;
    }
}

/* =====================================================
   MOBILE
===================================================== */

@media screen and (max-width: 500px) {
    .handle-preloader .animation-preloader .spinner {
        height: 7em;
        width: 7em;
        margin-bottom: 25px;
    }

    .handle-preloader .animation-preloader .txt-loading .letters-loading {
        font-size: 30px;
        letter-spacing: 4px;
    }
}

/* =====================================================
   ACCESSIBILITY — REDUCED MOTION
===================================================== */

@media (prefers-reduced-motion: reduce) {
    .loader-wrap .layer-one,
    .loader-wrap .layer-two,
    .loader-wrap .layer-three,
    .loader-wrap .layer-four,
    .loader-wrap .layer-five,
    .loader-wrap .layer-six,
    .handle-preloader .animation-preloader .spinner,
    .handle-preloader .animation-preloader .txt-loading .letters-loading:before {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}




.section-top-shape {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 5px;
    background-size: 100% 100%;
    z-index: 2;
}

.section-bottom-shape {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 5px;
    background-size: 100% 100%;
    z-index: 2;
}
































/*================================
    What We Do Style1 Css
================================*/
.what-we-do-style1 {
    margin-top: -95px;
    z-index: 15;
}

.single-what-we-do-style1 {
    position: relative;
    display: block;
    overflow: hidden;
    background-color: var(--thm-white);
    border: 1px solid var(--thm-border-color);
    border-radius: var(--thm-border-radius);
    margin-bottom: 40px;
}

.single-what-we-do-style1__title {
    position: relative;
    display: block;
    border-bottom: 1px solid var(--thm-border-color);
    padding: 9px 9px 9px;
}

.single-what-we-do-style1__title-inner {
    position: relative;
    display: block;
    overflow: hidden;
    text-align: center;
    background-color: var(--thm-gray-bg-2);
    border: 1px solid var(--thm-border-color);
    border-top-left-radius: var(--thm-border-radius);
    border-top-right-radius: var(--thm-border-radius);
    padding: 20.5px 0px 20.5px;
    z-index: 1;
}

.single-what-we-do-style1__title-pattern {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-repeat: repeat;
    z-index: -1;
}

.single-what-we-do-style1__title-inner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    background-color: var(--thm-primary-color);
    transition: opacity 0.5s ease, transform 0.5s ease, visibility 0.5s ease;
    transform-origin: left top;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    z-index: -1;
}

.single-what-we-do-style1:hover .single-what-we-do-style1__title-inner::before {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transform-origin: bottom center;
}

.single-what-we-do-style1__title-inner h3 {
    font-size: 22px;
    line-height: 32px;
    font-weight: 600;
}

.single-what-we-do-style1__title-inner h3 a {
    color: var(--thm-black);
    transition: all 300ms linear;
    transition-delay: 0.2s;
}

.single-what-we-do-style1__title-inner h3 a:hover {
    color: var(--thm-white);
}

.single-what-we-do-style1__content {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 50px 30px 37px;
    z-index: 1;
}

.single-what-we-do-style1__content-pattren {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-repeat: repeat;
}

.single-what-we-do-style1__conten-bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    transition: opacity 0.7s ease, transform 0.7s ease, visibility 0.7s ease;
    transform-origin: bottom right;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    z-index: -1;
}

.single-what-we-do-style1__conten-bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #4E342E;
    background: linear-gradient(0deg, rgba(78, 52, 46, 1) 0%, rgba(78, 52, 46, 0.75) 45%, rgba(78, 52, 46, 0) 100%);
}

.single-what-we-do-style1:hover .single-what-we-do-style1__conten-bg {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transform-origin: left center;
}

.single-what-we-do-style1__content-btn2 {
    position: absolute;
    top: auto;
    left: 0;
    bottom: 50px;
    right: 0;
    opacity: 0;
    text-align: center;
    transform: translateY(150%);
    -webkit-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
}

.single-what-we-do-style1__content-btn2 .btn-one .txt:before {
    background: var(--thm-black-bg);
}

.single-what-we-do-style1__content-btn2 .btn-one i::after {
    background: var(--thm-black-bg);
}

.single-what-we-do-style1:hover .single-what-we-do-style1__content-btn2 {
    opacity: 1;
    transform: translateY(0%);
}

.single-what-we-do-style1__content-inner {
    position: relative;
    display: block;
    text-align: center;
    opacity: 1;
    transform: translateY(0);
    -webkit-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
}

.single-what-we-do-style1:hover .single-what-we-do-style1__content-inner {
    opacity: 0;
    transform: translateY(100%);
}

.what-we-do-style1__content-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: transparent;
    margin: 0px auto 0px;
    z-index: 1;
}

.what-we-do-style1__content-icon-bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    z-index: -1;
}

.what-we-do-style1__content-icon i {
    color: var(--thm-black-bg);
    font-size: 50px;
    line-height: 50px;
}

.what-we-do-style1__content-text {
    position: relative;
    display: block;
    margin-top: 27px;
}

.what-we-do-style1__content-text p {
    margin: 0;
}

.what-we-do-style1__content-btn {
    position: relative;
    display: block;
    margin-top: 20px;
}

.what-we-do-style1__content-btn a {
    position: relative;
    display: inline-flex;
    align-items: center;
    color: var(--thm-black);
    font-size: 16px;
    line-height: 28px;
    font-family: var(--thm-font-2);
    font-weight: 600;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}


.what-we-do-style1__content-btn a i {
    color: var(--thm-primary-color);
    font-size: 21px;
    margin-right: 8px;
}



/*** 
=================================================
    Products Style1      
=================================================
***/
.products-style1 {
    padding: 120px 0px 0px;
    z-index: 10;
}

.products-style1::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 273px;
    background-color: var(--thm-gray-bg-2);
}

.single-products-style1 {
    position: relative;
    display: block;
    margin-bottom: 40px;
}

.single-products-style1__img {
    position: relative;
    display: block;
    padding-bottom: 35px;
}

.single-products-style1__img-inner {
    position: relative;
    display: block;
    overflow: hidden;
    border-top-left-radius: var(--thm-border-radius);
    border-top-right-radius: var(--thm-border-radius);
}

.single-products-style1__img-inner::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--thm-black-bg);
    opacity: 0;
    z-index: 1;
    transition: opacity 0.5s ease;
    transition: all 0.5s ease;
}

.single-products-style1:hover .single-products-style1__img-inner::before {
    opacity: .8;
}

.single-products-style1__img-inner img {
    width: 100%;
    transform: scale(1.0);
    transition: all 1500ms ease;
}

.single-products-style1:hover .single-products-style1__img-inner img {
    transform: scale(1.05) rotate(0deg);
}

.single-products-style1__img-overlay {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: var(--thm-black-bg);
    padding: 19px 123px 19px;
    padding-right: 0;
    z-index: 5;
}

.single-products-style1__img-overlay-icon {
    position: absolute;
    top: 50%;
    left: 10px;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: var(--thm-black-bg);
    transform: translateY(-50%);
}

.single-products-style1__img-overlay-icon i {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 82px;
    height: 82px;
    border-radius: 50%;
    background-color: transparent;
    border: 2px dotted var(--thm-primary-color);
    transition: background-color 0.5s ease;
    transition: all 0.5s ease;

}

.single-products-style1:hover .single-products-style1__img-overlay-icon i {
    border-color: var(--thm-primary-color);
    background-color: var(--thm-primary-color);
}

.single-products-style1__img-overlay-icon i::before {
    color: var(--thm-primary-color);
    font-size: 42px;
    line-height: 42px;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.single-products-style1:hover .single-products-style1__img-overlay-icon i::before {
    color: var(--thm-black-bg);
}

.single-products-style1__img-overlay-title {
    position: relative;
    display: block;
    z-index: 1;
}

.single-products-style1__img-overlay-title h3 {
    font-size: 22px;
    line-height: 32px;
    font-weight: 600;
}

.single-products-style1__img-overlay-title h3 a {
    color: var(--thm-white);
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.single-products-style1__img-overlay-title h3 a:hover {
    color: var(--thm-primary-color);
}

.single-products-style1__img-overlay-count {
    position: absolute;
    top: -50%;
    right: 0px;
    bottom: 0;
    transform: translateY(44%);
}

.single-products-style1__img-overlay-count h2 {
    color: #684b45;
    font-size: 60px;
    line-height: 1.0em;
    font-family: var(--thm-font-3);
    font-weight: 400;
}

.single-products-style1__content {
    position: relative;
    display: block;
    background-color: var(--thm-white);
    border-bottom-left-radius: var(--thm-border-radius);
    border-bottom-right-radius: var(--thm-border-radius);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.12);
    padding: 37px 30px 27px;
}

.single-products-style1__content-text {
    position: relative;
    display: block;
}

.single-products-style1__content-text p {
    margin: 0;
}

.single-products-style1__content-btn {
    position: relative;
    display: block;
    margin-top: 14px;
}

.single-products-style1__content-btn a {
    position: relative;
    display: inline-flex;
    align-items: center;
    color: var(--thm-black);
    font-size: 16px;
    line-height: 28px;
    font-family: var(--thm-font-2);
    font-weight: 600;
    padding-left: 30px;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.single-products-style1:hover .single-products-style1__content-btn a {
    color: var(--thm-primary-color);
    padding-left: 0;
}

.single-products-style1__content-btn a i.one {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(0px);
    left: 0;
    opacity: 1;
    color: var(--thm-primary-color);
    font-size: 21px;
    line-height: 21px;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.single-products-style1:hover .single-products-style1__content-btn a i.one {
    opacity: 0;
    transform: translateY(-50%) translateX(30px);
}

.single-products-style1__content-btn a i.two {
    position: relative;
    color: var(--thm-primary-color);
    font-size: 21px;
    line-height: 21px;
    margin-left: 8px;
    opacity: 0;
    transform: translateX(-30px);
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.single-products-style1:hover .single-products-style1__content-btn a i.two {
    opacity: 1;
    transform: translateX(0px);
}



/*** 
=================================================
    Products Style1--style2      
=================================================
***/
.products-style1--style2::before {
    display: none;
}

.products-style1--style2__bg {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 255px;
    background-color: var(--thm-gray-bg-2);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: bottom center;
    z-index: -1;
}

.products-style1--style2 .single-products-style1 {
    margin-bottom: 30px;
}




/*** 
=================================================
    Products Style2      
=================================================
***/
.products-style2 {
    padding: 120px 0px 120px;
}

.products-style2__top {
    position: relative;
    display: block;
    margin-bottom: 40px;
}

.products-style2__top-content {
    position: relative;
    display: block;
    padding-right: 20px;
}

.products-style2__top-content .sec-title.withtext {
    padding-bottom: 32px;
}

.products-style2__top-content .sec-title .text {
    padding-top: 30px;
}

.single-products-style2 {
    position: relative;
    display: block;
    padding-bottom: 27px;
}

.single-products-style2__inner {
    position: relative;
    display: block;
    text-align: center;
    background-color: var(--thm-gray-bg-2);
    border-radius: var(--thm-border-radius);
    padding: 33px 0px 70px;
    transition: background-color 0.5s ease;
    transition: all 0.5s ease;
}

.single-products-style2:hover .single-products-style2__inner {
    background-color: var(--thm-white);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.12);
}

.single-products-style2__content {
    position: relative;
    display: block;
    margin-bottom: 22px;
}

.single-products-style2__content h3 {
    font-size: 22px;
    line-height: 32px;
    font-weight: 600;
    margin-bottom: 8px;
}

.single-products-style2__content h3 a {
    color: var(--thm-black);
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.single-products-style2__content h3 a:hover {
    color: var(--thm-primary-color);
}

.single-products-style2__content p {
    margin: 0;
}

.single-products-style2__img {
    position: relative;
    display: block;
}

.single-products-style2__img img {
    width: auto;
}

.single-products-style2__btn {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
}

.single-products-style2__btn a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    margin: 0px auto 0px;
    background-color: var(--thm-white);
    border: 2px dotted var(--thm-primary-color);
    transition: background-color 0.5s ease;
    transition: all 0.5s ease;
    z-index: 1;
}

.single-products-style2:hover .single-products-style2__btn a {
    border-color: var(--thm-primary-color);
    background-color: var(--thm-primary-color);
}

.single-products-style2__btn a i {
    color: var(--thm-primary-color);
    font-size: 21px;
    line-height: 21px;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.single-products-style2:hover .single-products-style2__btn a i {
    color: var(--thm-black);
}

.products-style2__banner {
    position: relative;
    display: block;
    overflow: hidden;
    background-color: var(--thm-black-bg);
    border-radius: var(--thm-border-radius);
    padding: 42px 40px 51px;
}

.products-style2__banner-bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: .08;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: top left;
}

.products-style2__banner-content {
    position: relative;
    display: block;
}

.products-style2__banner-content h2 {
    color: var(--thm-white);
    font-size: 36px;
    line-height: 1.3em;
    margin-bottom: 10px;
}

.products-style2__banner-content p {
    color: var(--thm-body-font-color-2);
}

#products-style2__banner-form {
    position: relative;
    display: block;
    margin-top: 27px;
}

#products-style2__banner-form .form-group {
    position: relative;
    display: block;
    background-color: var(--thm-white);
    border-radius: 30px;
}

#products-style2__banner-form .form-group .row {
    --bs-gutter-x: 0px;
}

#products-style2__banner-form .nice-select {
    position: relative;
    display: block;
    background-color: transparent;
    border-radius: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border: none;
    width: 100%;
    height: 60px;
    color: var(--thm-body-font-color);
    font-size: 17px;
    line-height: 60px;
    font-family: var(--thm-font);
    font-weight: 400;
    outline: none;
    padding: 0px 40px 0px;
    padding-right: 30px;
    transition: all 0.2s ease-in-out;
}

#products-style2__banner-form .nice-select.wide1 {
    padding-left: 25px;
    width: 220px;
    color: var(--thm-black);
    background-color: var(--thm-gray-bg);
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}

#products-style2__banner-form .nice-select::after {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    content: "\e98e" !important;
    font-family: 'icomoon' !important;
    color: var(--thm-body-font-color-2);
    font-size: 12px;
    top: 0;
    right: 21px;
    bottom: 0;
    margin: 0px;
    font-weight: 400;
    border: none !important;
    transform: rotate(0deg) !important;
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    height: 100%;
    width: 20px;
}

#products-style2__banner-form .nice-select .list {
    background-color: var(--thm-white);
    border-radius: 10px;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    padding: 0px 0 0px;
    margin-top: 10px;
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: scale(1.0) translateY(30px);
    -ms-transform: scale(1.0) translateY(30px);
    transform: scale(1.0) translateY(30px);
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
    height: 0;
    width: 100%;
    right: 0 !important;
    left: auto !important;
}

#products-style2__banner-form .nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    height: auto;
}

#products-style2__banner-form .nice-select .option {
    color: var(--thm-black);
    padding-left: 20px;
    padding-right: 20px;
    font-size: 15px;
    line-height: 40px;
    min-height: 40px;
    transition: background-color 0.5s ease;
    transition: all 0.5s ease;
}

#products-style2__banner-form .nice-select .option+.option {
    border-top: 1px solid rgba(0, 0, 0, 0.10);
}

#products-style2__banner-form .nice-select .option:hover,
#products-style2__banner-form .nice-select .option.focus,
#products-style2__banner-form .nice-select .option.selected.focus {
    color: var(--thm-black) !important;
    background-color: var(--thm-primary-color);
}

#products-style2__banner-form .btn-box {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 20px;
    line-height: 0;
}

#products-style2__banner-form .btn-box .btn-one i {
    width: 54px;
    height: 54px;
}

#products-style2__banner-form .btn-box .btn-one .txt {
    line-height: 44px;
}

#products-style2__banner-form .btn-box .right {
    position: relative;
    display: flex;
    align-items: center;
    margin-left: 20px;
    flex: 1;
}

#products-style2__banner-form .btn-box .right .icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background-color: transparent;
    border: 1px solid rgb(255, 255, 255, .3);
}

#products-style2__banner-form .btn-box .right .icon i {
    color: var(--thm-primary-color);
    font-size: 24px;
    line-height: 24px;
}

#products-style2__banner-form .btn-box .right .text {
    position: relative;
    display: block;
    margin-left: 16px;
    flex: 1;
}

#products-style2__banner-form .btn-box .right .text p {
    color: var(--thm-body-font-color-2);
}

#products-style2__banner-form .btn-box .right .text a {
    position: relative;
    display: inline-flex;
    align-items: center;
    color: var(--thm-white);
    font-family: var(--thm-font-2);
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

#products-style2__banner-form .btn-box .right .text a i {
    font-size: 12px;
    line-height: 12px;
    margin-left: 9px;
}

#products-style2__banner-form .btn-box .right .text a:hover {
    color: var(--thm-primary-color);
}


/*** 
=================================================
    Activities Style1     
=================================================
***/
.activities-style1 {
    background-color: var(--thm-gray-bg-2);
    padding: 80px 0px 120px;
}

.activities-style1__shape {
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: .08;
    mix-blend-mode: luminosity;
}

.activities-style1__shape img {
    width: auto;
}

.activities-style1__left {
    position: relative;
    display: block;
    padding-left: 100px;
    margin-right: 10px;
}

.activities-style1__left-img {
    position: relative;
    display: block;
    overflow: hidden;
    padding-right: 100px;
    margin-right: 20px;
}

.activities-style1__left-img-inner {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: var(--thm-border-radius);
}

.activities-style1__left-img-inner img {
    width: auto;
}

.activities-style1__left-img-shape {
    position: absolute;
    top: 70px;
    left: 0;
}

.activities-style1__left-img-shape img {
    width: auto;
}

.activities-style1__left-big-title {
    position: absolute;
    top: 50%;
    left: -7px;
    transform: translateY(-50%);
}

.activities-style1__left-big-title h2 {
    color: var(--thm-primary-color);
    font-size: 85px;
    line-height: 1.0em;
    font-family: var(--thm-font-3);
    font-weight: 400;
    text-transform: uppercase;
    writing-mode: vertical-rl;
    transform: translateY(0%) rotate(180deg);
}

.activities-style1__left-border {
    position: absolute;
    top: 90px;
    right: 0;
    width: 355px;
    height: 355px;
    border-radius: 50%;
    background-color: transparent;
    border: 2px dotted var(--thm-primary-color);
}

.activities-style1__left-fact {
    position: absolute;
    right: 20px;
    bottom: 60px;
    width: 205px;
    height: 205px;
    overflow: hidden;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
}

.activities-style1__left-fact-bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-size: auto;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
}

.activities-style1__left-fact-inner {
    position: relative;
    display: block;
    text-align: center;
}

.activities-style1__left-fact-title {
    position: relative;
    display: block;
    margin-bottom: 2px;
}

.activities-style1__left-fact-title h4 {
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
}

.activities-style1__left-fact-shape {
    position: relative;
    display: block;
}

.activities-style1__left-fact-shape img {
    width: auto;
}

.activities-style1__left-fact-count {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin-top: 8px;
}

.activities-style1__left-fact-count h2 {
    color: var(--thm-black-bg);
    font-size: 36px;
    line-height: 1.0em;
    font-family: var(--thm-font-3);
    font-weight: 400;
}

.activities-style1__left-fact-count .percent {
    position: relative;
    color: var(--thm-black-bg);
    font-size: 36px;
    line-height: 1.0em;
    font-family: var(--thm-font-3);
    font-weight: 400;
}

.activities-style1__content {
    position: relative;
    display: block;
}

.activities-style1__content-inner {
    position: relative;
    display: block;
}

.single-activities-style1 {
    position: relative;
    display: block;
    overflow: hidden;
    text-align: center;
    background-color: var(--thm-gray-bg-3);
    border-radius: var(--thm-border-radius);
    padding: 33px 0px 40px;
}

.single-activities-style1__content {
    position: relative;
    display: block;
}

.single-activities-style1__content h3 {
    font-size: 22px;
    line-height: 32px;
    font-weight: 600;
    margin-bottom: 13px;
}

.single-activities-style1__content h3 a {
    color: var(--thm-black);
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.single-activities-style1__content h3 a:hover {
    color: var(--thm-primary-color);
}

.single-activities-style1__content p {
    margin: 0;
}

.single-activities-style1__content a.btn-box {
    position: relative;
    display: inline-flex;
    align-items: center;
    color: var(--thm-black);
    font-size: 16px;
    line-height: 28px;
    font-family: var(--thm-font-2);
    font-weight: 600;
    margin-top: 20px;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.single-activities-style1__content a.btn-box i {
    color: var(--thm-primary-color);
    font-size: 21px;
    line-height: 21px;
    margin-right: 8px;
}

.single-activities-style1__content a.btn-box:hover {
    color: var(--thm-primary-color);
}

.single-activities-style1__icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background-color: var(--thm-black-bg);
    margin: 31px auto 0px;
}

.single-activities-style1__icon-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 82px;
    height: 82px;
    border-radius: 50%;
    background-color: transparent;
    border: 2px dotted var(--thm-primary-color);
}

.single-activities-style1__icon-inner i {
    color: var(--thm-primary-color);
    font-size: 40px;
    line-height: 40px;
}

.single-activities-style1__shape {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: .3;
    height: 175px;
    mix-blend-mode: multiply;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: bottom center;
}

/*** 
=================================================
    Activities Style2     
=================================================
***/
.activities-style1--style2 {
    position: relative;
    display: block;
    padding: 120px 0px 120px;
    overflow: hidden;
    z-index: 1;
}











/*** 
=================================================
    Project Style1      
=================================================
***/
.project-style1 {
    /* padding: 120px 0px 111px; */
}

.single-project-style1 {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.single-project-style1__img {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: var(--thm-border-radius);
}

.single-project-style1__img::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color:#cf61c33b;
    opacity: 0;
    z-index: 1;
    transition: opacity 0.5s ease;
    transition: all 0.5s ease;
}

.single-project-style1:hover .single-project-style1__img::before {
    opacity: .9;
}

.single-project-style1__img img {
    width: 100%;
    transform: scale(1.0);
    transition: all 1500ms ease;
}

.single-project-style1:hover .single-project-style1__img img {
    transform: scale(1.05) rotate(0deg);
}

.single-project-style1__img-category {
    position: absolute;
    top: 23px;
    left: 30px;
    z-index: 5;
}

.single-project-style1__img-category span {
   color: rgb(191, 18, 63);
    font-size: 31px;
    line-height: 25px;
    /* font-family: var(--thm-font-3); */
    font-weight: 600;
}

.single-project-style1__img-title {
    position: absolute;
    left: 30px;
    bottom: 21px;
    opacity: 1;
    transform: translateY(0%);
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    z-index: 5;
}

.single-project-style1:hover .single-project-style1__img-title {
    opacity: 0;
    transform: translateY(120%);
}

.single-project-style1__img-title h3 {
    font-size: 26px;
    line-height: 35px;
    font-weight: 600;
}

.single-project-style1__img-title h3 a {
    color: var(--thm-white);
}

.single-project-style1__img-title-overlay {
    position: absolute;
    left: 30px;
    bottom: 22px;
    opacity: 0;
    transform: translateY(120%);
    -webkit-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
    z-index: 5;
}

.single-project-style1:hover .single-project-style1__img-title-overlay {
    opacity: 1;
    transform: translateY(0%);
}

.single-project-style1__img-title-overlay h3 {
    font-size: 26px;
    line-height: 35px;
    font-weight: 600;
    margin-bottom: 8px;
}

.single-project-style1__img-title-overlay h3 a {
    /* color: var(--thm-white); */
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.single-project-style1__img-title-overlay h3 a:hover {
    color: var(--thm-primary-color);
}

.single-project-style1__img-title-overlay p {
    color: var(--thm-body-font-color-2);
}

.single-project-style1__img-icon {
    position: absolute;
    top: 20px;
    right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transform: scale(.5);
    -webkit-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
    z-index: 3;
}

.single-project-style1:hover .single-project-style1__img-icon {
    opacity: 1;
    transform: scale(1);
}

.single-project-style1__img-icon a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background-color: var(--thm-primary-color);
    transition: background-color 0.5s ease;
    transition: all 0.5s ease;
}

.single-project-style1__img-icon a:hover {
    background-color: var(--thm-white);
}

.single-project-style1__img-icon a i {
    color: var(--thm-black);
    font-size: 21px;
    line-height: 21px;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.single-project-style1__img-icon a:hover i {
    color: var(--thm-primary-color);
}

.project-style1__btn {
    position: relative;
    display: block;
    line-height: 0;
    margin-top: 23px;
}

.project-style1__btn a {
    position: relative;
    display: inline-flex;
    align-items: center;
    color: var(--thm-black);
    font-size: 16px;
    line-height: 28px;
    font-family: var(--thm-font-2);
    font-weight: 600;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.project-style1__btn a:hover {
    color: var(--thm-primary-color);
}

.project-style1__btn a i {
    color: var(--thm-primary-color);
    font-size: 21px;
    line-height: 21px;
    margin-right: 10px;
}




/*** 
=================================================
    Project Style2      
=================================================
***/
.project-style2 {
    padding: 120px 0px 120px;
}

.project-style2__top {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-bottom: 48px;
}

.project-style2__top .sec-title {
    padding-bottom: 0;
}

.project-style2__top-btn {
    position: relative;
    display: block;
    line-height: 0;
    top: -3px;
}

.project-style2__top-btn a {
    position: relative;
    display: inline-flex;
    align-items: center;
    color: var(--thm-black);
    font-size: 16px;
    line-height: 28px;
    font-family: var(--thm-font-2);
    font-weight: 600;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.project-style2__top-btn a i {
    color: var(--thm-primary-color);
    font-size: 21px;
    line-height: 0;
    margin-right: 9px;
}

.project-style2__top-btn a:hover {
    color: var(--thm-primary-color);
}

.project-style2 .auto-container {
    max-width: 110%;
    padding: 0px 0;
    margin-left: -25px;
    margin-right: -25px;
}

.single-project-style2 {
    position: relative;
    display: block;
}

.single-project-style2__img {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: var(--thm-border-radius);
}

.single-project-style2__img::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--thm-black-bg);
    opacity: 0;
    z-index: 1;
    transition: opacity 0.5s ease;
    transition: all 0.5s ease;
}

.single-project-style2:hover .single-project-style2__img::before {
    opacity: .9;
}

.single-project-style2__img img {
    width: 100%;
    transform: scale(1.0);
    transition: all 1500ms ease;
}

.single-project-style2:hover .single-project-style2__img img {
    transform: scale(1.05) rotate(0deg);
}

.single-project-style2__img-category {
    position: absolute;
    top: 22px;
    left: 30px;
    opacity: 0;
    transform: translateY(-20px);
    transition: all 500ms ease;
    z-index: 5;
}

.single-project-style2:hover .single-project-style2__img-category {
    opacity: 1;
    transform: translateY(0px);
}

.single-project-style2__img-category span {
    color: var(--thm-primary-color);
    font-size: 16px;
    line-height: 26px;
    font-family: var(--thm-font-3);
    font-weight: 400;
}

.single-project-style2__img-content {
    position: absolute;
    left: 30px;
    bottom: 21px;
    right: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    opacity: 0;
    transform: translateY(50px);
    transition: all 500ms ease;
    z-index: 5;
}

.single-project-style2:hover .single-project-style2__img-content {
    opacity: 1;
    transform: translateY(0px);
}

.single-project-style2__img-content-left {
    position: relative;
    display: block;
}

.single-project-style2__img-content-left h3 {
    font-size: 22px;
    line-height: 32px;
    font-weight: 600;
}

.single-project-style2__img-content-left h3 a {
    color: var(--thm-white);
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.single-project-style2__img-content-left h3 a:hover {
    color: var(--thm-primary-color);
}

.single-project-style2__img-content-right {
    position: relative;
    display: block;
}

.single-project-style2__img-content-right a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background-color: var(--thm-white);
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.single-project-style2__img-content-right a i {
    color: var(--thm-black);
    font-size: 21px;
    line-height: 21px;
}

.single-project-style2__img-content-right a:hover {
    background-color: var(--thm-primary-color);
}


.project-style2-carousel.owl-nav-style-one.owl-theme .owl-stage-outer {
    position: relative;
    display: block;
}

.project-style2-carousel.owl-theme .owl-nav {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 55px;
    width: 205px;
    margin: 60px auto 0px;
    z-index: 10;
}

.project-style2-carousel.owl-theme .owl-nav [class*="owl-"] {
    position: relative;
    display: inline-block;
    width: 55px;
    height: 55px;
    overflow: hidden;
    background-color: transparent;
    border: 1px solid #dbdee7;
    border-radius: 50%;
    margin: 0 0px;
    padding: 0;
    transition: all 700ms ease 3s;
    z-index: 1;
}

.project-style2-carousel.owl-theme .owl-nav [class*="owl-"]:hover {
    border: 1px solid var(--thm-black);
}

.project-style2-carousel.owl-theme .owl-nav [class*="owl-"]::before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    border-radius: 50%;
    background-color: var(--thm-black);
    clip-path: polygon(100% 0, 100% 70%, 80% 100%, 0 100%, 0 0);
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(0deg) scale(0);
    -ms-transform: perspective(400px) rotateX(0deg) scale(0);
    transform: perspective(400px) rotateX(0deg) scale(0);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
    z-index: -1;
}

.project-style2-carousel.owl-theme .owl-nav [class*="owl-"]:hover::before {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg) scale(1.0);
    -ms-transform: perspective(400px) rotateX(0deg) scale(1.0);
    transform: perspective(400px) rotateX(0deg) scale(1.0);
}

.project-style2-carousel.owl-theme .owl-nav [class*="owl-"] span {
    position: relative;
    display: block;
    color: var(--thm-black);
    font-size: 24px;
    font-weight: 500;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.project-style2-carousel.owl-theme .owl-nav [class*="owl-"] span {
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.project-style2-carousel.owl-theme .owl-nav [class*="owl-"]:hover span {
    color: var(--thm-white);
}

.project-style2-carousel .owl-dots {
    position: absolute;
    left: 0;
    bottom: -15px;
    right: 22px;
    counter-reset: slides-num;
    width: 80px;
    height: 55px;
    display: block !important;
    margin: 0 auto;
}

.project-style2-carousel .owl-dots::after {
    position: absolute;
    right: 0px;
    top: 0px;
    content: "0"counter(slides-num);
    display: inline-block;
    color: var(--thm-primary-color);
    font-size: 18px;
    font-weight: 400;
    font-family: var(--thm-font-3);
}

.project-style2-carousel .owl-dots:before {
    position: absolute;
    content: '';
    right: 28px;
    top: 4px;
    width: 2px;
    height: 15px;
    background: var(--thm-primary-color);
    transform: rotate(10deg);
}

.project-style2-carousel .owl-dots button span {
    display: none !important;
}

.project-style2-carousel .owl-dots button {
    position: absolute;
    top: 0px;
    right: 45px;
    counter-increment: slides-num;
    color: var(--thm-black);
    font-size: 18px;
    font-weight: 400;
    font-family: var(--thm-font-3);
}

.project-style2-carousel .owl-dots button.active:before {
    position: absolute;
    content: counter(slides-num);
}

.project-style2-carousel .owl-dots button.active:after {
    position: absolute;
    content: '0';
    top: 0px;
    right: 0px;
}


/*** 
===============================
        Faq Style1    
===============================
***/
.faq-style1 {
    background-color: var(--thm-gray-bg);
    padding: 120px 0px 120px;
}

.faq-style1__contact {
    position: relative;
    display: block;
    padding-right: 100px;
    padding-bottom: 50px;
}

.faq-style1__contact-inner {
    position: relative;
    display: block;
    background-color: var(--thm-white);
    border-radius: var(--thm-border-radius);
    padding: 50px 50px 46px;
}

.faq-style1__contact-list {
    position: relative;
    display: block;
    z-index: 5;
}

.faq-style1__contact-list>ul {
    position: relative;
    display: block;
}

.faq-style1__contact-list>ul>li {
    position: relative;
    display: flex;
    align-items: center;
    background-color: var(--thm-black-bg);
    border-radius: var(--thm-border-radius);
    padding: 15px 0px 15px;
}

.faq-style1__contact-list>ul>li+li {
    margin-top: 20px;
}

.faq-style1__contact-list>ul>li .icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background-color: var(--thm-primary-color);
    border-top-right-radius: 35px;
    border-bottom-right-radius: 35px;
}

.faq-style1__contact-list>ul>li .icon i {
    color: var(--thm-black-bg);
    font-size: 25px;
    line-height: 25px;
}

.faq-style1__contact-list>ul>li .text {
    position: relative;
    display: block;
    padding-left: 20px;
    flex: 1;
}

.faq-style1__contact-list>ul>li .text h4 {
    position: relative;
    display: inline-block;
    color: var(--thm-white);
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
}

.faq-style1__contact-list>ul>li .text h4::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 5px;
    right: 0;
    width: 100%;
    height: 1px;
    background-color: var(--thm-white);
}

.faq-style1__contact-list>ul>li .text p {
    color: var(--thm-body-font-color-2);
}

.faq-style1__contact-list>ul>li .text p a {
    color: var(--thm-body-font-color-2);
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.faq-style1__contact-list>ul>li .text p a:hover {
    color: var(--thm-primary-color);
}

.faq-style1__contact-social {
    position: relative;
    display: block;
    margin-top: 23px;
}

.faq-style1__contact-social h4 {
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
}

.faq-style1__contact-social>ul {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 11px;
}

.faq-style1__contact-social>ul>li {
    position: relative;
    display: block;
}

.faq-style1__contact-social>ul>li+li {
    margin-left: 10px;
}

.faq-style1__contact-social>ul>li>a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--thm-gray-bg);
    color: var(--thm-black-bg);
    font-size: 18px;
    line-height: 0;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.faq-style1__contact-social ul>li>a:hover {
    color: var(--thm-black-bg);
    background-color: var(--thm-primary-color);
}

.faq-style1__contact-img {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.faq-style1__contact-img img {
    width: auto;
}

.faq-style1__content-inner {
    position: relative;
    display: block;
}

.faq-style1__content-inner .accordion-box .block .acc-btn {
    background: #e9e4d0;
    padding: 21px 30px 21px;
    padding-right: 90px;
    border-radius: var(--thm-border-radius);
}

.faq-style1__content-inner .accordion-box .block .acc-btn.active {
    background: var(--thm-black-bg);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.faq-style1__content-inner .accordion-box .block .acc-btn h3 {
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
}

.faq-style1__content-inner .accordion-box .block .acc-btn::before {
    content: "\e97b";
    right: 0px;
    width: 84px;
    height: 84px;
    color: var(--thm-black-bg);
    font-size: 24px;
}

.faq-style1__content-inner .accordion-box .block .acc-btn.active::before {
    content: "\e97a";
    color: var(--thm-primary-color);
    background-color: transparent;
}

.faq-style1__content-inner .accordion-box .block .acc-content {
    background-color: #e9e4d0;
    border-bottom-left-radius: var(--thm-border-radius);
    border-bottom-right-radius: var(--thm-border-radius);
    padding: 22px 30px 22px;
    padding-right: 80px;
}

.faq-style1__content-inner .accordion-box .block .acc-content p {
    margin: 0;
}

.faq-style1__btn {
    position: relative;
    display: block;
    line-height: 0;
    margin-top: 10px;
}

.faq-style1__btn a {
    position: relative;
    display: inline-flex;
    align-items: center;
    color: var(--thm-black);
    font-size: 16px;
    line-height: 28px;
    font-family: var(--thm-font-2);
    font-weight: 600;
    margin-top: 20px;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.faq-style1__btn a i {
    color: var(--thm-primary-color);
    font-size: 21px;
    line-height: 21px;
    margin-right: 8px;
}

.faq-style1__btn a:hover {
    color: var(--thm-primary-color);
}


/*** 
===================================
   Faq Page    
===================================
***/
.faq-page {
    padding: 120px 0px 10px;
}

.faq-page__left-content {
    position: relative;
    display: block;
    padding-right: 55px;
}

.faq-page__left-content .sec-title-two h2 {
    font-size: 45px;
}

.faq-page__left-content .sec-title-two {
    padding-bottom: 22px;
}

.faq-page__left-content-text {
    position: relative;
    display: block;
    padding-right: 40px;
}

.faq-page__left-content-contact-info {
    position: relative;
    display: block;
    max-width: 360px;
    width: 100%;
    margin-top: 39px;
}

.faq-page__left-content-contact-info li {
    position: relative;
    display: block;
    border-bottom: 1px dashed rgb(133, 133, 133, .35);
    padding-bottom: 20px;
    margin-bottom: 19px;
    padding-left: 55px;
}

.faq-page__left-content-contact-info li:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.faq-page__left-content-contact-info-icon {
    position: absolute;
    top: 10px;
    left: 0;
    color: #E74C3C;
    font-size: 35px;
    line-height: 0;
}

.faq-page__left-content-contact-info-icon.color {
    color: #53D58A;
}

.faq-page__left-content-contact-info-text {
    position: relative;
    display: block;
}

.faq-page__left-content-contact-info-text h6 {
    font-size: 17px;
    line-height: 28px;
    font-weight: 600;
}

.faq-page__left-content-contact-info-text a {
    color: var(--thm-body-font-color);
    font-size: 17px;
    line-height: 28px;
    font-family: var(--thm-font);
    font-weight: 500;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.faq-page__left-content-contact-info-text a:hover {
    color: var(--thm-primary-color);
}
































/*** 
===================================
 Why Choose Style1   
===================================
***/
.why-choose-style1 {
    position: relative;
    display: block;
    background: var(--thm-white);
    padding: 39px 0px 8px;
    z-index: 1;
}

.why-choose-style1__single-wrap {
    position: relative;
    display: block;
}

.why-choose-style1__single {
    position: relative;
    display: block;
    margin-bottom: 38px;
}

.why-choose-style1__single-shape1 {
    position: absolute;
    top: 30px;
    right: -30px;
}

.why-choose-style1__single-shape2 {
    position: absolute;
    right: -30px;
    bottom: 33px;
}

.why-choose-style1__single-shape3 {
    position: absolute;
    top: 30px;
    left: -30px;
}

.why-choose-style1__single-shape4 {
    position: absolute;
    left: -30px;
    bottom: 33px;
}

.why-choose-style1__single-shape1 img,
.why-choose-style1__single-shape2 img,
.why-choose-style1__single-shape3 img,
.why-choose-style1__single-shape4 img {
    width: auto;
}

.why-choose-style1__single-content {
    position: relative;
    display: block;
}

.why-choose-style1__single-content h2 {
    color: var(--thm-border-color-1);
    font-size: 60px;
    line-height: 1em;
    font-weight: 400;
    margin-bottom: 8px;
    font-family: var(--thm-font-3);
}

.why-choose-style1__single-content h3 {
    font-size: 22px;
    line-height: 32px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 13px;
}

.why-choose-style1__single-content h3 a {
    color: var(--thm-black);
}

.why-choose-style1__single-content h3 a:hover {
    color: var(--thm-primary-color);
}

.why-choose-style1__single-content p {
    margin: 0;
}

.why-choose-style1__single-icon {
    position: relative;
    display: block;
    font-size: 60px;
    line-height: 60px;
    margin-top: 19px;
}

.why-choose-style1__single-icon .icon-organic .path1:before,
.why-choose-style1__single-icon .icon-pesticide .path1:before,
.why-choose-style1__single-icon .icon-barn .path1:before,
.why-choose-style1__single-icon .icon-scarecrow .path1:before {
    color: var(--thm-primary-color);
}

.why-choose-style1__single-icon .icon-organic .path2:before,
.why-choose-style1__single-icon .icon-organic .path3:before,
.why-choose-style1__single-icon .icon-pesticide .path2:before,
.why-choose-style1__single-icon .icon-pesticide .path3:before,
.why-choose-style1__single-icon .icon-barn .path2:before,
.why-choose-style1__single-icon .icon-scarecrow .path2:before {
    color: var(--thm-black-bg);
}

.why-choose-style1__img {
    position: relative;
    display: block;
    margin-left: -30px;
    margin-right: -30px;
}

.why-choose-style1__img-round {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 430px;
    height: 430px;
    border-radius: 50%;
    background-color: var(--thm-gray-bg);
}

.why-choose-style1__img-inner {
    position: relative;
    display: block;
    text-align: center;
    margin-top: 25px;
    z-index: 1;
}

.why-choose-style1__img-inner img {
    width: auto;
}


/*** 
===================================
 Why Choose Style2   
===================================
***/
.why-choose-style2 {
    padding: 120px 0 0px;
}

.why-choose-style2__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 863px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: -1;
}

.why-choose-style2__bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--thm-black-bg);
    opacity: 0.90;
}

.why-choose-style2 .sec-title .sub-title {
    /* background-color: var(--thm-primary-color); */
}

.why-choose-style2 .sec-title .sub-title .icon {
    color: var(--thm-black-bg);
}

.why-choose-style2 .sec-title .sub-title h4 {
    color: var(--thm-black-bg);
}

.why-choose-style2 .sec-title .text p {
    color: var(--thm-body-font-color-2);
}

.why-choose-style2 .row {
    --bs-gutter-x: 25px;
}

.single-why-choose-style2 {
    position: relative;
    display: block;
    padding: 45px 30px 36px;
    text-align: center;
    margin-bottom: 30px;
    z-index: 1;
}

.single-why-choose-style2__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    z-index: -1;
}

.single-why-choose-style2__content {
    position: relative;
    display: block;
}

.single-why-choose-style2__icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 70px;
    width: 70px;
    border-radius: 50%;
    margin: 0 auto 0;
    z-index: 1;
}

.single-why-choose-style2__icon i {
    position: relative;
    display: inline-block;
    font-size: 30px;
    color: var(--thm-primary-color);
    transition: all 300ms linear;
    transition-delay: 0.1s;
}

.single-why-choose-style2:hover .single-why-choose-style2__icon i {
    transform: scale(1.05) rotateY(180deg);
}

.single-why-choose-style2__icon-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: -1;
}

.single-why-choose-style2__title {
    position: relative;
    display: block;
    margin-top: 25px;
    margin-bottom: 20px;
}

.single-why-choose-style2__title h3 {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2em;
    margin-bottom: 15px;
}

.single-why-choose-style2__title h3 a:hover {
    color: var(--thm-primary-color);
}

.single-why-choose-style2__btn {
    position: relative;
    display: block;
}

.single-why-choose-style2__btn a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    font-family: var(--thm-font-2);
}

.single-why-choose-style2__btn a i {
    color: var(--thm-primary-color);
    font-size: 24px;
    padding-right: 8px;
}

.single-why-choose-style2__btn a:hover {
    color: var(--thm-primary-color);
}



/*** 
===================================
 Farmed Style1   
===================================
***/
.farmed-style1 {
    padding: 90px 0 90px;
}

.farmed-style1__left {
    position: relative;
    display: block;
    margin-right: 20px;
}

.farmed-style1__left .sec-title.withtext {
    padding-bottom: 32px;
}

.farmed-style1__left .sec-title .text {
    padding-top: 30px;
}

.farmed-style1__img {
    position: relative;
    display: block;
}

.farmed-style1__img img {
    width: 100%;
    border-radius: 10px;
}

.farmed-style1__points-box {
    position: relative;
    display: block;
    margin-top: 38px;
}

.farmed-style1__points {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.farmed-style1__points li {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
}

.farmed-style1__points li .icon {
    position: relative;
    display: flex;
    align-items: center;
    transition: all 600ms linear;
    transition-delay: 0.1s;
}

.farmed-style1__points li .icon span {
    position: relative;
    display: inline-block;
    font-size: 40px;
}

.farmed-style1__points li:hover .icon {
    transform: scale(1.05) rotateY(360deg);
}

.farmed-style1__points li .icon .icon-cross .path1:before,
.farmed-style1__points li .icon .icon-cross .path2:before,
.farmed-style1__points li .icon .icon-cross .path3:before,
.farmed-style1__points li .icon .icon-cross .path4:before,
.farmed-style1__points li .icon .icon-cross .path5:before,
.farmed-style1__points li .icon .icon-cross .path6:before {
    color: var(--thm-primary-color);
}

.farmed-style1__points li .icon .icon-check-mark .path6:before,
.farmed-style1__points li .icon .icon-check-mark .path7:before,
.farmed-style1__points li .icon .icon-cross .path7:before,
.farmed-style1__points li .icon .icon-cross .path8:before {
    color: var(--thm-black);
}

.farmed-style1__points li .text {
    position: relative;
    display: block;
    flex: 1;
}

.farmed-style1__points li .text h4 {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5em;
}

.farmed-style1__right {
    position: relative;
    display: block;
}

.farmed-style1__single {
    position: relative;
    display: block;
    border: 1px solid var(--thm-border-color-1);
    border-radius: var(--thm-border-radius);
    padding: 30px 25px 18px;
    overflow: hidden;
    margin-bottom: 30px;
    transition: all 700ms ease;
    z-index: 1;
}

.farmed-style1__single:hover {
    transform: translateY(-10px);
    border: 1px solid var(--thm-gray-bg-2);
}

.farmed-style1__single::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    border-radius: var(--thm-border-radius);
    opacity: 0;
    background-color: var(--thm-gray-bg-2);
    transform: perspective(400px) scaleX(0);
    transform-origin: center;
    transition: all 700ms ease;
    z-index: -1;
}

.farmed-style1__single:hover:before {
    opacity: 1;
    transform: perspective(400px) scaleX(1.0);
}

.farmed-style1__icon {
    position: relative;
    display: block;
    margin-bottom: 25px;
}

.farmed-style1__icon img {
    width: auto;
    transition: all 300ms linear;
    transition-delay: 0.1s;
}

.farmed-style1__single:hover .farmed-style1__icon img {
    transform: scale(1.05) rotateY(180deg);
    transition-delay: 300ms;
}

.farmed-style1__title {
    font-size: 22px;
    font-weight: 600;
    line-height: 1em;
}

.farmed-style1__title a:hover {
    color: #a00520;
}

.farmed-style1__text {
    margin-top: 14px;
    margin-bottom: 17px;
}

.farmed-style1__arrow {
    position: relative;
    display: block;
}

.farmed-style1__arrow a {
    position: relative;
    display: inline-block;
    font-size: 24px;
    color: #a00520;
}













/*** 
===================================
 Do Dont Style1 Style1   
===================================
***/
.do-dont-style1 {
    padding: 120px 0px 120px;
}

.do-dont-style1__bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
}

.do-dont-style1__bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgb(78, 52, 46);
    background: linear-gradient(90deg, rgba(78, 52, 46, 0.9752275910364145) 0%, rgba(78, 52, 46, 0.8491771708683473) 50%, rgba(78, 52, 46, 0) 80%);
}

.do-dont-style1__content {
    position: relative;
    display: block;
}

.do-dont-style1__content .sec-title.withtext {
    padding-bottom: 32px;
}

.do-dont-style1__content .sec-title .sub-title {
    background-color: var(--thm-primary-color);
}

.do-dont-style1__content .sec-title .sub-title .icon {
    color: var(--thm-black);
}

.do-dont-style1__content .sec-title .sub-title h4 {
    color: var(--thm-black);
}

.do-dont-style1__content .sec-title .text p {
    color: var(--thm-white);
}

.do-dont-style1__right {
    position: relative;
    display: block;
    padding: 57.5px 0px 57.5px;
    margin-right: -5px;
}

.do-dont-style1__right-bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-size: auto;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.do-dont-style1__right-text {
    position: absolute;
    top: auto;
    left: 48%;
    height: 280px;
    text-align: center;
    transform: translateY(-50%) translateX(-50%);
    writing-mode: vertical-rl;
    transform: translateY(0%) rotate(180deg);
    background-color: var(--thm-gray-bg);
    border-radius: 15px;
    padding: 0px 0px 0px;
    z-index: 1;
}

.do-dont-style1__right-text span {
    color: var(--thm-black);
    font-size: 16px;
    line-height: 30px;
    font-family: var(--thm-font-3);
    font-weight: 400;
}

.do-dont-style1__right-inner {
    position: relative;
    display: block;
    padding: 0px 30px 0px;
}

.do-dont-style1__right-inner .row {
    --bs-gutter-x: 0px;
}

.do-dont-style1__right-inner li {
    padding-bottom: 32px;
    border-bottom: 1px solid var(--thm-border-color-1);
}

.do-dont-style1__right-inner li.two {
    padding-bottom: 0px;
    border-bottom: none;
    padding-top: 40px;
}

.do-dont-style1__right-inner li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    bottom: 8px;
    width: 1px;
    background-color: var(--thm-border-color-1);
}

.do-dont-style1__right-single {
    position: relative;
    display: block;
    text-align: center;
}

.do-dont-style1__right-single-icon {
    position: relative;
    display: inline-block;
    font-size: 40px;
    line-height: 0;
    transition: all 300ms linear;
    transition-delay: 0.1s;
}

.do-dont-style1__right-single:hover .do-dont-style1__right-single-icon {
    transform: scale(1.05) rotateY(180deg);
}

.do-dont-style1__right-single-icon .icon-check-mark .path1:before,
.do-dont-style1__right-single-icon .icon-check-mark .path2:before,
.do-dont-style1__right-single-icon .icon-check-mark .path3:before,
.do-dont-style1__right-single-icon .icon-check-mark .path4:before,
.do-dont-style1__right-single-icon .icon-check-mark .path5:before,
.do-dont-style1__right-single-icon .icon-cross .path1:before,
.do-dont-style1__right-single-icon .icon-cross .path2:before,
.do-dont-style1__right-single-icon .icon-cross .path3:before,
.do-dont-style1__right-single-icon .icon-cross .path4:before,
.do-dont-style1__right-single-icon .icon-cross .path5:before,
.do-dont-style1__right-single-icon .icon-cross .path6:before {
    color: var(--thm-primary-color);
}

.do-dont-style1__right-single-icon .icon-check-mark .path6:before,
.do-dont-style1__right-single-icon .icon-check-mark .path7:before,
.do-dont-style1__right-single-icon .icon-cross .path7:before,
.do-dont-style1__right-single-icon .icon-cross .path8:before {
    color: var(--thm-black);
}

.do-dont-style1__right-single-title {
    position: relative;
    display: block;
    margin-top: 0;
}

.do-dont-style1__right-single-title h4 {
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
}

.do-dont-style1__right-single-title h4 a {
    color: var(--thm-black);
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.do-dont-style1__right-single-title h4 a:hover {
    color: var(--thm-primary-color);
}


/*
================================
  Authorised Person Style1 Css
================================
*/
.authorised-person-style1 {
    padding: 80px 0px 0px;
}

.authorised-person-style1__inner {
    position: relative;
    display: block;
    padding-bottom: 217px;
}

.authorised-person-style1__big-title {
    position: absolute;
    left: 0;
    bottom: -9px;
    right: -1000px;
}

.authorised-person-style1__big-title-shape {
    position: absolute;
    top: -114px;
    left: 6px;
    z-index: 74;
}

.authorised-person-style1__big-title-shape img {
    width: auto;
}

.authorised-person-style1__img {
    position: absolute;
    top: 0;
    left: 20%;
    z-index: 5;
}

.authorised-person-style1__big-title h1 {
    position: relative;
    display: block;
    font-size: 170px;
    line-height: 140px;
    font-weight: 700;
    text-transform: uppercase;
    background-color: var(--thm-white);
    mix-blend-mode: lighten;
    font-family: var(--thm-font-2);
    z-index: 1;
}

.authorised-person-style1__big-title h1::before {
    content: "";
    position: absolute;
    left: -9999999px;
    bottom: 9px;
    right: -999999px;
    height: 60px;
    background-color: var(--thm-gray-bg);
    z-index: -1;
}

.authorised-person-style1__big-title__bg {
    position: absolute;
    top: 0px;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #000;
    background-position: 5px 490px;
}

.authorised-person-style1__left {
    position: relative;
    display: block;
    margin-left: 20px;
    padding-left: 80px;
    padding-right: 67px;
    padding-bottom: 30px;
    max-width: 317px;
}

.authorised-person-style1__left-inner {
    position: relative;
    display: block;
}

.authorised-person-style1__left-top {
    position: relative;
    display: block;
    text-align: center;
    background-color: var(--thm-gray-bg-2);
    border-top-left-radius: var(--thm-border-radius);
    border-top-right-radius: var(--thm-border-radius);
    padding: 19px 25px 17px;
}

.authorised-person-style1__left-title {
    position: relative;
    display: block;
}

.authorised-person-style1__left-title h4 {
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
}

.authorised-person-style1__left-rating {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 7px;
}

.authorised-person-style1__left-rating li {
    position: relative;
    display: block;
    line-height: 0;
}

.authorised-person-style1__left-rating li+li {
    margin-left: 5px;
}

.authorised-person-style1__left-rating li i {
    color: #51b155;
    font-size: 20px;
    line-height: 20px;
}

.authorised-person-style1__left-text {
    position: relative;
    display: block;
    margin-top: 7px;
}

.authorised-person-style1__left-text p {
    margin: 0;
}

.authorised-person-style1__left-bottom {
    position: relative;
    display: block;
    text-align: center;
    background-color: var(--thm-black-bg);
    border-bottom-left-radius: var(--thm-border-radius);
    border-bottom-right-radius: var(--thm-border-radius);
    padding: 11px 25px 11px;
}

.authorised-person-style1__left-bottom h4 {
    color: var(--thm-primary-color);
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
}

.authorised-person-style1__left-shape1 {
    position: absolute;
    top: 35px;
    left: 0;
}

.authorised-person-style1__left-shape1 img {
    width: auto;
}

.authorised-person-style1__left-shape2 {
    position: absolute;
    bottom: 0;
    right: 0;
}

.authorised-person-style1__left-shape2 img {
    width: auto;
}

.authorised-person-style1__right {
    position: absolute;
    max-width: 625px;
    width: 100%;
    top: 0px;
    right: 0;
    padding-top: 60px;
    padding-left: 155px;
}

.authorised-person-style1__right-inner {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: var(--thm-border-radius);
    background-color: var(--thm-primary-color);
    padding: 34px 40px 32px;
}

.authorised-person-style1__right-text {
    position: relative;
    display: block;
}

.authorised-person-style1__right-text p {
    color: var(--thm-black);
    font-size: 18px;
    line-height: 30px;
    font-family: var(--thm-font-3);
}

.authorised-person-style1__right-bottom {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 18px;
}

.authorised-person-style1__right-signature {
    position: relative;
    display: block;
}

.authorised-person-style1__right-signature img {
    width: auto;
}

.authorised-person-style1__right-title {
    position: relative;
    display: block;
    margin-left: 20px;
}

.authorised-person-style1__right-title h4 {
    font-size: 18px;
    line-height: 27px;
    font-weight: 600;
}

.authorised-person-style1__right-title p {
    color: var(--thm-black);
}

.authorised-person-style1__right-icon {
    position: absolute;
    right: 0;
    bottom: 0;
}

.authorised-person-style1__right-icon img {
    width: auto;
}

.authorised-person-style1__right-shape {
    position: absolute;
    top: -35px;
    left: 0;
}


/*** 
===============================
       Pricing Style1    
===============================
***/
.pricing-style1 {
    padding: 120px 0px 120px;
}

.pricing-page-one {
    padding: 120px 0px 70px;
}

.pricing-page-one .single-pricing-style1 {
    margin-bottom: 50px;
}




.single-pricing-style1 {
    position: relative;
    display: block;
    padding-top: 60px;
}

.single-pricing-style1__icon {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background-color: transparent;
    margin: 0px auto 0px;
    z-index: 5;
}

.single-pricing-style1__icon-bg1 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 1;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    transition: background-color 0.5s ease;
    transition: all 0.5s ease;
    z-index: -2;
}

.single-pricing-style1:hover .single-pricing-style1__icon-bg1 {
    opacity: 0;
}

.single-pricing-style1__icon-bg2 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    transition: background-color 0.5s ease;
    transition: all 0.5s ease;
    z-index: -1;
}

.single-pricing-style1:hover .single-pricing-style1__icon-bg2 {
    opacity: 1;
}

.single-pricing-style1__icon i {
    color: var(--thm-primary-color);
    font-size: 45px;
    line-height: 45px;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.single-pricing-style1:hover .single-pricing-style1__icon i {
    color: var(--thm-black-bg);
}

.single-pricing-style1__content {
    position: relative;
    display: block;
    text-align: center;
    overflow: hidden;
    background-color: var(--thm-white);
    border-radius: var(--thm-border-radius);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.12);
    padding: 90px 30px 50px;
    z-index: 1;
}

.single-pricing-style1__content::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    opacity: 0;
    background-color: var(--thm-black-bg);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.06);
    transform: perspective(400px) scaleX(0);
    transform-origin: center;
    transition: all 700ms ease;
    z-index: -1;
}

.single-pricing-style1:hover .single-pricing-style1__content::before {
    opacity: 1;
    transform: perspective(400px) scaleX(1.0);
}

.single-pricing-style1__content-top {
    position: relative;
    display: block;
    margin-bottom: 24px;
}

.single-pricing-style1__content-top h2 {
    color: var(--thm-primary-color);
    font-size: 48px;
    line-height: 1.0em;
    font-family: var(--thm-font-3);
    font-weight: 400;
    margin-bottom: 9px;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.single-pricing-style1__content-top h3 {
    font-size: 26px;
    line-height: 35px;
    font-weight: 600;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.single-pricing-style1:hover .single-pricing-style1__content-top h3 {
    color: var(--thm-white);
}

.single-pricing-style1__content-list {
    position: relative;
    display: block;
}

.single-pricing-style1__content-list li {
    position: relative;
    display: block;
    border-bottom: 1px dashed #d3ceb9;
    padding-bottom: 17px;
    margin-bottom: 18px;
    transition: border-color 0.5s ease;
    transition: all 0.5s ease;
}

.single-pricing-style1:hover .single-pricing-style1__content-list li {
    border-color: #846761;
}

.single-pricing-style1__content-list li:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.single-pricing-style1__content-list li .top {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.single-pricing-style1__content-list li .top h4 {
    font-size: 17px;
    line-height: 27px;
    font-weight: 400;
    font-family: var(--thm-font-3);
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.single-pricing-style1:hover .single-pricing-style1__content-list li .top h4 {
    color: var(--thm-white);
}

.single-pricing-style1__content-list li .top i {
    color: #2ecc71;
    font-size: 14px;
    line-height: 10px;
    margin-left: 10px;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.single-pricing-style1__content-list li.two .top i {
    color: #e74c3c;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.single-pricing-style1__content-list li p {
    margin: 0;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.single-pricing-style1:hover .single-pricing-style1__content-list li p {
    color: var(--thm-body-font-color-2);
}

.single-pricing-style1__content-list li.two p {
    color: var(--thm-body-font-color-2);
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.single-pricing-style1:hover .single-pricing-style1__content-list li.two p {
    color: #7f655f;
}

.single-pricing-style1__content-btn {
    position: relative;
    display: block;
    line-height: 0;
    margin-top: 32px;
}

.single-pricing-style1__content-btn .btn-one i {
    background-color: var(--thm-black-bg);
    color: var(--thm-white);
    width: 54px;
    height: 54px;
}

.single-pricing-style1:hover .single-pricing-style1__content-btn .btn-one i {
    color: var(--thm-black);
    background-color: var(--thm-white);
}

.single-pricing-style1__content-btn .btn-one i::after {
    background-color: var(--thm-white);
}

.single-pricing-style1__content-btn .btn-one .txt {
    color: var(--thm-white);
    line-height: 44px;
    border-radius: 27px;
    z-index: 3;
}

.single-pricing-style1:hover .single-pricing-style1__content-btn .btn-one .txt {
    color: var(--thm-black);
}

.single-pricing-style1__content-btn .btn-one .txt:after {
    background-color: var(--thm-black-bg);
}

.single-pricing-style1__content-btn .btn-one:hover .txt::before {
    background-color: var(--thm-white);
}

.single-pricing-style1:hover .single-pricing-style1__content-btn .btn-one .txt:after {
    background-color: var(--thm-white);
}



.pricing-style1__instyle2 {
    padding: 100px 0px 120px;
}








/*** 
===============================
      Features Style1    
===============================
***/
.features-style1 {
    background-color: var(--thm-black-bg);
    padding: 200px 0px 112px;
}

.features-style1__bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
}

.features-style1__bg-gradient {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgb(78, 52, 46);
    background: linear-gradient(0deg, rgba(78, 52, 46, 1) 0%, rgba(78, 52, 46, 0) 80%);
}

.features-style1__round {
    position: absolute;
    left: 0;
    bottom: 45px;
    right: 0;
    width: 670px;
    height: 670px;
    border-radius: 50%;
    background-color: transparent;
    /* border: 70px solid rgb(var(--thm-primary-color-rgb), .9); */
    margin: 0px auto 0px;
}

.features-style1__img {
    position: absolute;
    left: 29px;
    bottom: 0;
    right: 0;
    text-align: center;
}

.features-style1__img img {
    width: auto;
}

.features-style1__content-one {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.features-style1__inner {
    position: relative;
    display: flex;
    align-items: center;
    z-index: 5;
}

.features-style1__list {
    position: relative;
    display: block;
}

.features-style1__list.two {
    margin-left: 20px;
}

.features-style1__list.three {
    margin-right: 20px;
}

.features-style1__list li {
    position: relative;
    display: block;
}

.features-style1__list li+li {
    margin-top: 30px;
}

.single-features-style1 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: 170px;
    height: 170px;
    background-color: var(--thm-white);
    border-radius: var(--thm-border-radius);
    transition: background-color 0.7s ease;
    transition: all 0.7s ease;
}

.single-features-style1:hover {
    background-color: rgb(255 137 31);
}

.single-features-style1__inner {
    position: relative;
    display: block;
}

.single-features-style1__content {
    position: relative;
    display: block;
    text-align: center;
    opacity: 1;
    transform: translateY(0px);
    -webkit-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
}

.single-features-style1:hover .single-features-style1__content {
    opacity: 0;
    transform: translateY(170px);
}

.single-features-style1__content-icon {
    position: relative;
    display: inline-block;
    font-size: 40px;
    line-height: 0;
}

.single-features-style1__content-icon .icon-check-mark .path1:before,
.single-features-style1__content-icon .icon-check-mark .path2:before,
.single-features-style1__content-icon .icon-check-mark .path3:before,
.single-features-style1__content-icon .icon-check-mark .path4:before,
.single-features-style1__content-icon .icon-check-mark .path5:before,
.single-features-style1__content-icon .icon-check-mark .path6:before,
.single-features-style1__content-icon .icon-check-mark .path7:before {
    color: var(--thm-primary-color);
}

.single-features-style1__content-icon .icon-check-mark .path6:before,
.single-features-style1__content-icon .icon-check-mark .path7:before {
    color: var(--thm-black-bg);
}

.single-features-style1__content-title {
    position: relative;
    display: block;
    margin-top: 8px;
}

.single-features-style1__content-title h4 {
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
}

.single-features-style1__content-title h4 a {
    color: var(--thm-black);
}

.single-features-style1__content-overlay {
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
    opacity: 0;
    transform: translateY(-50%);
    text-align: center;
    -webkit-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
}

.single-features-style1__content-overlay p {
    color: #fff;
}

.single-features-style1:hover .single-features-style1__content-overlay {
    opacity: 1;
    transform: translateY(0);
}

.features-style1__content-two {
    position: relative;
    display: block;
    padding-bottom: 153px;
}

.features-style1__content-two-inner {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
}

.features-style1__content-two-round {
    position: relative;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background-color: var(--thm-primary-color);
    margin: 0px auto 0px;
    z-index: 11;
}

.features-style1__content-two-round-text {
    position: absolute;
    top: 23px;
    left: 41px;
    bottom: 0;
    right: 0;
    width: 100px;
    height: 100px !important;
    color: var(--thm-black);
    font-size: 14px;
    font-weight: 700;
    line-height: 36px;
    text-transform: uppercase;
    font-family: var(--thm-font-2);
    word-spacing: 0px;
    letter-spacing: -0.1em;
    transform: rotate(100deg);
}

.features-style1__content-two-video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.features-style1__content-two-video .video-popup {
    position: relative;
    display: inline-block;
    color: var(--thm-black);
    font-size: 24px;
    line-height: 0;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.features-style1__content-two-video .video-popup:hover {
    color: var(--thm-white);
}

.features-style1__content-two-title {
    position: relative;
    display: block;
    margin-top: 35px;
}

.features-style1__content-two-title h2 {
    color: var(--thm-white);
    font-size: 45px;
    line-height: 1.2em;
}

.features-style1__content-two-btn {
    position: relative;
    display: block;
    margin-top: 20px;
    line-height: 0;
}

.features-style1__content-two-btn a {
    position: relative;
    display: inline-flex;
    align-items: center;
    color: var(--thm-white);
    font-size: 16px;
    line-height: 28px;
    font-family: var(--thm-font-2);
    font-weight: 600;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.features-style1__content-two-btn a:hover {
    color: var(--thm-primary-color);
}

.features-style1__content-two-btn a i {
    color: var(--thm-primary-color);
    font-size: 21px;
    line-height: 21px;
    margin-right: 10px;
}


/*** 
===============================
     Production Progress    
===============================
***/
.production-progress {
    padding: 120px 0px 120px;
}

.production-progress__bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
}

.production-progress__big-title {
    position: absolute;
    bottom: 120px;
    right: -15px;
    color: var(--thm-primary-color);
    font-size: 60px;
    line-height: 60px;
    font-weight: 400;
    font-family: var(--thm-font-3);
    transform: rotate(-35deg);
}

.production-progress__inner {
    position: relative;
    display: block;
    padding-left: 540px;
}

.production-progress__round-box {
    position: relative;
    display: block;
    width: 370px;
    height: 370px;
    border-radius: 50%;
    z-index: 1;
}

.production-progress__round-box-bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: -1;
}

.production-progress__round-box .inner-title {
    position: absolute;
    top: 50%;
    left: 0;
    width: 190px;
    height: 190px;
    background-color: var(--thm-black-bg);
    border-radius: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.production-progress__round-box .inner-title h3 {
    color: var(--thm-white);
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
}

.production-progress__content {
    position: absolute;
    top: 70px;
    left: 230px;
    right: -290px;
}

.production-progress__content ul {
    position: relative;
    display: block;
}

.production-progress__content ul li {
    position: relative;
    display: flex;
    align-items: center;
}

.production-progress__content ul li:nth-child(1) {
    margin-left: 30px;
}

.production-progress__content ul li:nth-child(2) {
    margin-top: 60px;
}

.production-progress__content ul li:nth-child(3) {
    margin-top: 60px;
    margin-left: 90px;
}

.production-progress__content ul li .left {
    position: relative;
    display: block;
    width: 170px;
    z-index: 2;
}

.production-progress__content ul li .left::before {
    content: "";
    position: absolute;
    left: 0;
    height: 1px;
    right: 0;
    background-color: var(--thm-black-bg);
    top: 17px;
    z-index: -1;
}

.production-progress__content ul li .left::after {
    content: "";
    position: absolute;
    top: 7px;
    right: 0;
    width: 1px;
    height: 21px;
    background-color: var(--thm-black-bg);
    z-index: -1;
}

.production-progress__content ul li .left .odometer-counting {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    background-color: var(--thm-primary-color);
    border-radius: 50%;
}

.production-progress__content ul li .left .odometer-counting h2 {
    color: var(--thm-black);
    font-size: 12px;
    font-weight: 500;
    font-family: var(--thm-font-2);
}

.production-progress__content ul li .left .odometer-counting span {
    color: var(--thm-black);
    font-size: 12px;
    font-weight: 500;
    font-family: var(--thm-font-2);
}


.production-progress__content ul li .right {
    position: relative;
    display: block;
    padding-left: 15px;
}

.production-progress__content ul li .right h5 {
    color: var(--thm-black);
    font-size: 17px;
    font-weight: 500;
}



/*** 
=============================================
     Farmed for You Css      
=============================================
***/
.farmed-for-you {
    /* padding: 35px 0px 20px; */
}

.farmed-for-you .container {
    max-width: 1800px;
}

.single-farmed-for-you {
    position: relative;
    display: block;
    overflow: hidden;
    background-color: transparent;
    border-radius: var(--thm-border-radius);
    border: 1px solid var(--thm-border-color-1);
    padding: 30px 25px 25px;
    transition: border-color 0.5s ease;
    transition: all 0.5s ease;
}

.single-farmed-for-you:hover {
    border-color: var(--thm-gray-bg-2);
}


.single-farmed-for-you::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    opacity: 0;
    background-color: var(--thm-gray-bg-2);
    transform: perspective(400px) scaleX(0);
    transform-origin: center;
    transition: all 700ms ease;
    z-index: -1;
}

.single-farmed-for-you:hover::before {
    opacity: 1;
    transform: perspective(400px) scaleX(1.0);
}

.single-farmed-for-you__content {
    position: relative;
    display: block;
}

.single-farmed-for-you__content-icon {
    position: relative;
    display: inline-block;
    line-height: 0;
    transition: all 300ms linear;
    transition-delay: 0.1s;
}

.single-farmed-for-you:hover .single-farmed-for-you__content-icon {
    transform: scale(1.05) rotateY(180deg);
}

.single-farmed-for-you__content-icon img {
    width: auto;
}

.single-farmed-for-you__content-text {
    position: relative;
    display: block;
    padding-top: 11px;
}

.single-farmed-for-you__content-text h3 {
    font-size: 22px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 9px;
}

.single-farmed-for-you__content-text h3 a {
    color: var(--thm-black);
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.single-farmed-for-you__content-text h3 a:hover {
    color: var(--thm-primary-color);
}

.single-farmed-for-you__content-text p {
    margin: 0;
}

.single-farmed-for-you__content-btn {
    position: relative;
    display: block;
    line-height: 0;
    margin-top: 17px;
}

.single-farmed-for-you__content-btn a.btn-one1 {
    position: relative;
    display: block;
    color: var(--thm-black);
    line-height: 0;
    font-size: 21px;
    opacity: 1;
    transform: translateX(0px);
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.single-farmed-for-you:hover .single-farmed-for-you__content-btn a.btn-one1 {
    opacity: 0;
    transform: translateX(30px);
}

.single-farmed-for-you__content-btn a.btn-one2 {
    position: absolute;
    display: inline-flex;
    align-items: center;
    left: 0;
    bottom: 0;
    opacity: 0;
    color: var(--thm-primary-color);
    font-size: 16px;
    line-height: 20px;
    font-family: var(--thm-font-2);
    font-weight: 600;
    transform: translateX(21px);
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.single-farmed-for-you__content-btn a.btn-one2 i {
    font-size: 21px;
    margin-left: 8px;
}

.single-farmed-for-you:hover .single-farmed-for-you__content-btn a.btn-one2 {
    opacity: 1;
    transform: translateX(0px);
}


.farmed-for-you-carousel.owl-nav-style-one.owl-theme .owl-stage-outer {
    position: relative;
    display: block;
}

.farmed-for-you-carousel.owl-theme .owl-nav {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 55px;
    width: 205px;
    margin: 60px auto 0px;
    z-index: 10;
}

.farmed-for-you-carousel.owl-theme .owl-nav [class*="owl-"] {
    position: relative;
    display: inline-block;
    width: 55px;
    height: 55px;
    overflow: hidden;
    background-color: transparent;
    border: 1px solid #dbdee7;
    border-radius: 50%;
    margin: 0 0px;
    padding: 0;
    transition: all 700ms ease 3s;
    z-index: 1;
}

.farmed-for-you-carousel.owl-theme .owl-nav [class*="owl-"]:hover {
    border: 1px solid var(--thm-black);
}

.farmed-for-you-carousel.owl-theme .owl-nav [class*="owl-"]::before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    border-radius: 50%;
    background-color: var(--thm-black);
    clip-path: polygon(100% 0, 100% 70%, 80% 100%, 0 100%, 0 0);
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(0deg) scale(0);
    -ms-transform: perspective(400px) rotateX(0deg) scale(0);
    transform: perspective(400px) rotateX(0deg) scale(0);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
    z-index: -1;
}

.farmed-for-you-carousel.owl-theme .owl-nav [class*="owl-"]:hover::before {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg) scale(1.0);
    -ms-transform: perspective(400px) rotateX(0deg) scale(1.0);
    transform: perspective(400px) rotateX(0deg) scale(1.0);
}

.farmed-for-you-carousel.owl-theme .owl-nav [class*="owl-"] span {
    position: relative;
    display: block;
    color: var(--thm-black);
    font-size: 24px;
    font-weight: 500;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.farmed-for-you-carousel.owl-theme .owl-nav [class*="owl-"] span {
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.farmed-for-you-carousel.owl-theme .owl-nav [class*="owl-"]:hover span {
    color: var(--thm-white);
}

.farmed-for-you-carousel .owl-dots {
    position: absolute;
    left: 0;
    bottom: -15px;
    right: 22px;
    counter-reset: slides-num;
    width: 80px;
    height: 55px;
    display: block !important;
    margin: 0 auto;
}

.farmed-for-you-carousel .owl-dots::after {
    position: absolute;
    right: 0px;
    top: 0px;
    content: "0"counter(slides-num);
    display: inline-block;
    color: var(--thm-primary-color);
    font-size: 18px;
    font-weight: 400;
    font-family: var(--thm-font-3);
}

.farmed-for-you-carousel .owl-dots:before {
    position: absolute;
    content: '';
    right: 28px;
    top: 4px;
    width: 2px;
    height: 15px;
    background: var(--thm-primary-color);
    transform: rotate(10deg);
}

.farmed-for-you-carousel .owl-dots button span {
    display: none !important;
}

.farmed-for-you-carousel .owl-dots button {
    position: absolute;
    top: 0px;
    right: 45px;
    counter-increment: slides-num;
    color: var(--thm-black);
    font-size: 18px;
    font-weight: 400;
    font-family: var(--thm-font-3);
}

.farmed-for-you-carousel .owl-dots button.active:before {
    position: absolute;
    content: counter(slides-num);
}

.farmed-for-you-carousel .owl-dots button.active:after {
    position: absolute;
    content: '0';
    top: 0px;
    right: 0px;
}



/*** 
=============================================
     Farmed for You Css      
=============================================
***/
.products-style3 {
    padding: 120px 0px 120px;
}

.products-style3 .auto-container {
    max-width: 100%;
    padding: 0;
    margin-right: -30px;
}

.single-products-style3 {
    position: relative;
    display: block;
    max-width: 370px;
    width: 100%;
}

.single-products-style3__inner {
    position: relative;
    display: block;
    padding-bottom: 40px;
}

.single-service-style3__content {
    position: relative;
    display: block;
    overflow: hidden;
    text-align: center;
    background-color: var(--thm-gray-bg);
    border-radius: var(--thm-border-radius);
    padding: 45px 20px 0px;
    transition: background-color 0.5s ease;
    transition: all 0.5s ease;
}

.single-products-style3:hover .single-service-style3__content {
    background-color: #e9e4d0;
}

.single-service-style3__content-pattern {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-repeat: repeat;
}

.single-service-style3__content-count {
    position: relative;
    display: inline-block;
    color: var(--thm-primary-color);
    font-size: 60px;
    line-height: 1.0em;
    font-family: var(--thm-font-3);
    font-weight: 400;
    padding-left: 13px;
    padding-right: 8px;
    padding-bottom: 8px;
}

.single-service-style3__content-count::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0px;
    right: 0;
    height: 4px;
    border-radius: 2px;
    background-color: var(--thm-primary-color);
}

.single-service-style3__content-title {
    position: relative;
    display: block;
    margin-top: 26px;
}

.single-service-style3__content-title h3 {
    font-size: 22px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 11px;
}

.single-service-style3__content-title h3 a {
    color: var(--thm-black);
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.single-service-style3__content-title h3 a:hover {
    color: var(--thm-primary-color);
}

.single-service-style3__content-title img {
    width: auto;
}

.single-service-style3__content-text {
    position: relative;
    display: block;
    margin-top: 20px;
}

.single-service-style3__content-text p {
    margin: 0;
}

.single-service-style3__content-icon {
    position: relative;
    display: inline-block;
    font-size: 60px;
    line-height: 0;
    margin-top: 32px;
    opacity: 1;
    transform: translateY(0px);
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.single-products-style3:hover .single-service-style3__content-icon {
    opacity: 0;
    transform: translateY(60px);
}

.single-service-style3__content-icon .icon-beet .path1:before,
.single-service-style3__content-icon .icon-seeds .path1:before,
.single-service-style3__content-icon .icon-chicken .path1:before,
.single-service-style3__content-icon .icon-feeding .path1:before,
.single-service-style3__content-icon .icon-egg .path1:before {
    color: var(--thm-primary-color);
}

.single-service-style3__content-icon .icon-beet .path2:before,
.single-service-style3__content-icon .icon-beet .path3:before,
.single-service-style3__content-icon .icon-seeds .path2:before,
.single-service-style3__content-icon .icon-seeds .path3:before,
.single-service-style3__content-icon .icon-seeds .path4:before,
.single-service-style3__content-icon .icon-chicken .path2:before,
.single-service-style3__content-icon .icon-chicken .path3:before,
.single-service-style3__content-icon .icon-feeding .path2:before,
.single-service-style3__content-icon .icon-feeding .path3:before,
.single-service-style3__content-icon .icon-egg .path2:before,
.single-service-style3__content-icon .icon-egg .path3:before {
    color: var(--thm-black-bg);
}

.single-service-style3__content-round {
    position: absolute;
    left: 0;
    bottom: 0px;
    right: 0;
    margin: 0px auto 0px;
    width: 270px;
    height: 150px;
    overflow: hidden;
    border-radius: 50%;
    background-color: var(--thm-gray-bg);
    transition: background-color 0.5s ease;
    transition: all 0.5s ease;
    z-index: 0;
}

.single-products-style3:hover .single-service-style3__content-round {
    background-color: #e9e4d0;
}

.single-service-style3__content-round-pattern {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-repeat: repeat;
}

.single-service-style3__content-btn {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    transform: translateY(60px);
    text-align: center;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.single-products-style3:hover .single-service-style3__content-btn {
    opacity: 1;
    transform: translateY(0px);
}

.single-service-style3__content-btn a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: var(--thm-primary-color);
    color: var(--thm-black-bg);
    font-size: 21px;
    line-height: 0;
    margin: 0 auto;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.single-service-style3__content-btn a:hover {
    color: var(--thm-primary-color);
    background-color: var(--thm-black-bg);
}


.products-style3-carousel.owl-carousel .owl-item img {
    width: auto;
    display: inline-block;
}

.products-style3-carousel.owl-nav-style-one.owl-theme .owl-nav {
    position: absolute;
    height: 54px;
    left: auto;
    bottom: auto;
    top: -114px;
    right: 375px;
}

.products-style3-carousel.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"] {
    width: 54px;
    height: 54px;
    border: 1px solid var(--thm-border-color-1);
    border-radius: 50%;
    margin: 0 7.5px;
}

.products-style3-carousel.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"]::before {
    clip-path: none;
    border-radius: 50%;
}

.products-style3-carousel.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"] span {
    color: var(--thm-black);
    font-size: 21px;
}


/*** 
=============================================
        Processing Style1 Css      
=============================================
***/
.processing-style1 {
    position: relative;
    margin-top: -130px;
    z-index: 10;
}

.processing-style1 .container {
    max-width: 1300px;
}

.processing-style1__inner {
    position: relative;
    display: block;
    overflow: hidden;
    background-color: var(--thm-black-bg);
    border-radius: var(--thm-border-radius);
    padding: 0px 50px 0px;
}

.processing-style1__inner ul li {
    position: relative;
}

.processing-style1__inner ul li:nth-child(1)::before,
.processing-style1__inner ul li:nth-child(4)::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0px;
    right: 0;
    bottom: 0;
    width: 1px;
    height: 50px;
    background-color: #664a44;
    margin: 0px auto 0px;
}

.processing-style1__inner ul li:nth-child(2)::before,
.processing-style1__inner ul li:nth-child(3)::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0px;
    right: 0;
    bottom: 0;
    width: 1px;
    height: 100px;
    background-color: #664a44;
    margin: 0px auto 0px;
}

.processing-style1__inner ul li:nth-child(2),
.processing-style1__inner ul li:nth-child(3) {
    padding-top: 50px;
}

.single-processing-style1 {
    position: relative;
    display: block;
    text-align: center;
    padding: 50px 0px 42px;
}

.single-processing-style1__icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: transparent;
    margin: 0px auto 0px;
    z-index: 5;
}

.single-processing-style1__icon-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
}

.single-processing-style1__icon i {
    position: relative;
    display: block;
    color: var(--thm-black-bg);
    font-size: 30px;
    line-height: 30px;
}

.single-processing-style1__content {
    position: relative;
    display: block;
    padding-top: 25px;
}

.single-processing-style1__content h3 {
    font-size: 22px;
    line-height: 32px;
    font-weight: 600;
    margin-bottom: 13px;
}

.single-processing-style1__content h3 a {
    color: var(--thm-white);
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.single-processing-style1__content h3 a:hover {
    color: var(--thm-primary-color);
}

.single-processing-style1__content p {
    color: var(--thm-body-font-color-2);
}

.single-processing-style1__btn {
    position: relative;
    display: block;
    overflow: hidden;
    line-height: 0;
    margin-top: 19px;
}

.single-processing-style1__btn a.one {
    position: relative;
    display: inline-flex;
    align-items: center;
    opacity: 1;
    transform: translateY(0px);
    color: var(--thm-white);
    font-size: 16px;
    line-height: 28px;
    font-family: var(--thm-font-2);
    font-weight: 600;
    -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.single-processing-style1:hover .single-processing-style1__btn a.one {
    opacity: 0;
    transform: translateY(50px);
}

.single-processing-style1__btn a.one i {
    color: var(--thm-primary-color);
    font-size: 21px;
    line-height: 21px;
    margin-right: 10px;
}

.single-processing-style1__btn a.two {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(50px);
    color: var(--thm-primary-color);
    font-size: 16px;
    line-height: 28px;
    font-family: var(--thm-font-2);
    font-weight: 600;
    -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.single-processing-style1__btn a.two i {
    color: var(--thm-primary-color);
    font-size: 21px;
    line-height: 21px;
    margin-left: 8px;
}

.single-processing-style1:hover .single-processing-style1__btn a.two {
    opacity: 1;
    transform: translateY(0px);
}




/*** 
=============================================
   Banner Style1 Css
=============================================
***/
.banner-style1 {
    padding: 50px 0px 120px;
}

.banner-style1__bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    z-index: -1;
}

.banner-style1__content {
    position: relative;
    display: block;
    z-index: 15;
}

.banner-style1__shape1 {
    position: absolute;
    top: -58px;
    left: -160px;
}

.banner-style1__shape2 {
    position: absolute;
    top: 3px;
    left: 200px;
}

.banner-style1__shape3 {
    position: absolute;
    left: 0px;
    bottom: 38px;
}

.banner-style1__shape4 {
    position: absolute;
    top: -60px;
    right: -127px;
}

.banner-style1__shape5 {
    position: absolute;
    right: 0;
    bottom: 38px;
}

.banner-style1__shape1 img,
.banner-style1__shape2 img,
.banner-style1__shape3 img,
.banner-style1__shape4 img,
.banner-style1__shape5 img {
    width: auto;
}

.banner-style1__content-inner {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 100px 0px 100px;
    z-index: 15;
}

.banner-style1__curved-top {
    position: absolute;
    top: -7px;
    left: 0;
    right: 0;
    width: 380px;
    height: 100px !important;
    margin: 0 auto;
    color: var(--thm-black);
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: var(--thm-font-2);
    word-spacing: 1px;
    letter-spacing: 0.04em;
    transform: rotate(0deg);
}

.banner-style1__curved-bottom {
    position: absolute;
    left: 0;
    bottom: -80px;
    right: 0;
    width: 380px;
    height: 100px !important;
    margin: 0 auto;
    color: var(--thm-black);
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: var(--thm-font-2);
    word-spacing: 1px;
    letter-spacing: 0.08em;
    transform: rotate(0deg);
}

.banner-style1__sub-title {
    position: relative;
    display: block;
    text-align: center;
}

.banner-style1__sub-title h5 {
    color: var(--thm-black);
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    text-transform: uppercase;
}

.banner-style1__big-title {
    position: relative;
    display: block;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 12px;
}

.banner-style1__big-title h2 {
    color: var(--thm-black);
    font-size: 120px;
    line-height: 1.0em;
    font-weight: 800;
    text-transform: capitalize;
}

.banner-style1__title {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner-style1__title h3 {
    color: var(--thm-primary-color);
    font-size: 30px;
    line-height: 40px;
    font-weight: 400;
    font-family: var(--thm-font-3);
}

.banner-style1__btn {
    position: relative;
    display: flex;
    justify-content: center;
    line-height: 0;
    padding-top: 31px;
}

.banner-style1__btn .btn-one i {
    width: 54px;
    height: 54px;
}

.banner-style1__btn .btn-one .txt {
    border-radius: 27px;
    line-height: 44px;
}




/*** 
=============================================
    Mission Statement Style1 Css      
=============================================
***/
.mission-statement-style1 {
    padding: 125px 0px 50px;
    z-index: 2;
}

.mission-statement-style1__inner {
    position: relative;
    display: block;
    padding: 0px 60px 0px;
}

.mission-statement-style1__content {
    position: relative;
    display: block;
    padding-bottom: 62px;
}

.mission-statement-style1__content h2 {
    font-size: 45px;
    line-height: 1.0em;
    margin-bottom: 25px;
}

.mission-statement-style1__content p {
    margin: 0;
}

.single-mission-statement-style1 {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.single-mission-statement-style1__img {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 20px;
}

.single-mission-statement-style1__img img {
    width: 100%;
    transform: scale(1.0);
    transition: all 1500ms ease;
}

.single-mission-statement-style1:hover .single-mission-statement-style1__img img {
    transform: scale(1.05) rotate(0deg);
}



/*** 
=============================================
    Company History Css      
=============================================
***/
.company-history {
    position: relative;
    display: block;
    padding: 0 0 120px;
}

.company-history__bg {
    position: absolute;
    top: -220px;
    left: 0;
    bottom: 0;
    right: 0;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    z-index: -1;
}

.company-history .container {
    max-width: 1398px;
}

.company-history__content {
    position: relative;
    display: block;
    z-index: 1;
}

.company-history__content::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    bottom: 0;
    width: 1px;
    background-color: #decfaa;
    z-index: -1;
}

.company-history__content ul {
    position: relative;
    display: block;
    padding-top: 110px;
    padding-bottom: 110px;
    z-index: 1;
}

.company-history__content ul::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: -1px;
    width: 17px;
    height: 17px;
    background-color: var(--thm-black-bg);
    border-radius: 50%;
    margin: 0 auto;
}


.company-history__content ul::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: -1px;
    width: 17px;
    height: 17px;
    background-color: var(--thm-black-bg);
    border-radius: 50%;
    margin: 0 auto;
}

.company-history__content ul li {
    position: relative;
    display: block;
}

.company-history__content ul li+li {
    margin-top: 30px;
}

.company-history__content ul li:nth-child(2) .single-company-history-box .row {
    flex-direction: row-reverse;
}


.company-history__content ul li:nth-child(4) .single-company-history-box .row {
    flex-direction: row-reverse;
}


.single-company-history-box {
    position: relative;
    display: flex;
    align-items: center;
}

.single-company-history-box .row {
    --bs-gutter-x: 0px;
    align-items: center;
}

.single-company-history-box .img-box {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 10px;
}

.single-company-history-box .img-box::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--thm-black-bg);
    opacity: 0;
    z-index: 1;
    transition: opacity 0.5s ease;
    transition: all 0.5s ease;
}

.single-company-history-box:hover .img-box::before {
    opacity: .9;
}


.single-company-history-box .img-box img {
    width: 100%;
}


.single-company-history-box .date-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 85px;
    height: 85px;
    background-color: var(--thm-black);
    border-radius: 50%;
    margin: 0 auto;
    transition: background-color 0.5s ease;
    transition: all 0.5s ease;
}

.single-company-history-box:hover .date-box {
    background-color: var(--thm-primary-color);
}

.single-company-history-box .date-box h2 {
    color: var(--thm-white);
    font-size: 20px;
    font-weight: 400;
    font-family: var(--thm-font-3);
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.single-company-history-box:hover .date-box h2 {
    color: var(--thm-black);
}

.single-company-history-box .text-box {
    position: relative;
    display: block;
}

.single-company-history-box .text-box h3 {
    font-size: 30px;
    margin: 0 0 13px;
}

.single-company-history-box .text-box p {
    color: #69594C;
}











/*** 
=============================================
    Smiling Fields Css      
=============================================
***/
.smiling-fields {
    padding: 120px 0px 120px;
}

.smiling-fields__bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
}

.smiling-fields__bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #F4CA4E;
    background: linear-gradient(90deg, rgba(244, 202, 78, 1) 40%, rgba(255, 255, 255, 0) 70%);
}

.smiling-fields__content {
    position: relative;
    display: block;
    max-width: 490px;
    width: 100%;
}

.smiling-fields__content .sec-title-two {
    padding-bottom: 22px;
}

.smiling-fields__content .sec-title-two h2 {
    color: var(--thm-black-bg);
}

.smiling-fields__content-text {
    position: relative;
    display: block;
}

.smiling-fields__content-text p {
    margin: 0;
}

.smiling-fields__content-btn {
    position: relative;
    display: block;
    line-height: 0;
    padding-top: 37px;
}

.smiling-fields__content-btn .btn-one i {
    width: 50px;
    height: 50px;
    background-color: var(--thm-black-bg);
    color: var(--thm-primary-color);
}

.smiling-fields__content-btn .btn-one:hover i {
    color: var(--thm-white);
}

.smiling-fields__content-btn .btn-one .txt {
    border-radius: 27px;
    color: var(--thm-primary-color);
    line-height: 44px;
}

.smiling-fields__content-btn .btn-one:hover .txt {
    color: var(--thm-white);
}

.smiling-fields__content-btn .btn-one .txt:after {
    background-color: var(--thm-black-bg);
}





/*** 
=============================================
    Project Page One Css      
=============================================
***/
.project-page-one {
    padding: 120px 0px 120px;
}

.project-page-one__top {
    position: relative;
    display: block;
    padding-bottom: 65px;
}

.project-page-one__top .sec-title {
    padding-bottom: 20px;
}

.project-menu-box {
    position: relative;
    display: block;
    overflow: hidden;
    text-align: center;
    margin-bottom: 0px;
}

.project-filter {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.project-filter li {
    position: relative;
    display: flex;
    float: left;
}

.project-filter li+li {
    margin-left: 25px;
}

.project-filter li .filter-text {
    position: relative;
    display: block;
    color: var(--thm-body-font-color);
    font-size: 17px;
    line-height: 28px;
    font-weight: 600;
    font-family: var(--thm-font);
    text-transform: capitalize;
    cursor: pointer;
    padding-bottom: 2px;
    transition: all .4s ease;
    z-index: 1;
}

.project-filter li .filter-text::before {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0;
    right: 0px;
    height: 2px;
    width: 0%;
    background-color: var(--thm-primary-color);
    transition: all 500ms ease;
    z-index: -1;
}

.project-filter li:hover .filter-text:before,
.project-filter li.active .filter-text:before {
    width: 100%;
}

.project-filter li:hover .filter-text,
.project-filter li.active .filter-text {
    color: var(--thm-primary-color);
}

.project-filter li .count {
    display: none;
}

.project-page-one .single-project-style2 {
    margin-bottom: 43px;
}

.project-page-one__load-more-btn {
    position: relative;
    display: block;
    text-align: center;
    line-height: 0;
    padding-top: 10px;
}





.single-project-page-one {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.single-project-page-one__img {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 20px;
}

.single-project-page-one__img::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 210px;
    background: #000;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.79) 51%, rgba(0, 0, 0, 0.75) 75%);
    z-index: 1;
}

.single-project-page-one__img img {
    width: 100%;
    transform: scale(1.0);
    transition: all 1500ms ease;
}

.single-project-page-one:hover .single-project-page-one__img img {
    transform: scale(1.05) rotate(0deg);
}

.single-project-page-one__img-icon {
    position: absolute;
    top: 30%;
    right: 0px;
    left: 0;
    margin: 0px auto 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transform: translateY(-20px);
    -webkit-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
    z-index: 5;
}

.single-project-page-one:hover .single-project-page-one__img-icon {
    opacity: 1;
    transform: translateY(0);
}

.single-project-page-one__img-icon a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background-color: var(--thm-primary-color);
    transition: background-color 0.5s ease;
    transition: all 0.5s ease;
}

.single-project-page-one__img-icon a:hover {
    background-color: var(--thm-white);
}

.single-project-page-one__img-icon a i {
    color: var(--thm-black);
    font-size: 27px;
    line-height: 21px;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.single-project-page-one__img-icon a:hover i {
    color: var(--thm-primary-color);
}

.single-project-page-one__img-content {
    position: absolute;
    left: 30px;
    bottom: 32px;
    right: 0;
    max-width: 305px;
    width: 100%;
    z-index: 5;
}

.single-project-page-one__img-content h3 {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 5px;
}

.single-project-page-one__img-content h3 a {
    color: var(--thm-primary-color);
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.single-project-page-one__img-content h3 a:hover {
    color: var(--thm-white);
}

.single-project-page-one__img-content p {
    color: var(--thm-gray-bg);
}

.single-project-page-one__img-btn {
    position: absolute;
    right: 20px;
    bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background-color: var(--thm-white);
    z-index: 5;
}

.single-project-page-one__img-btn a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: var(--thm-primary-color);
    color: var(--thm-black-bg);
    font-size: 21px;
    line-height: 0;
    transition: background-color 0.5s ease;
    transition: all 0.5s ease;
}

.single-project-page-one__img-btn a:hover {
    color: var(--thm-white);
    background-color: var(--thm-black);
}


.project-page-one__btn {
    position: relative;
    display: block;
    text-align: center;
    line-height: 0;
    padding-top: 20px;
}

.project-page-one__btn .btn-one i {
    width: 50px;
    height: 50px;
}

.project-page-one__btn .btn-one .txt {
    border-radius: 27px;
    line-height: 44px;
}



/*** 
=============================================
    Project Page Two Css      
=============================================
***/
.project-page-two {
    padding: 120px 0px 120px;
}

.project-page-two__top {
    position: relative;
    display: block;
    padding-bottom: 65px;
}

.project-page-two__top .sec-title {
    padding-bottom: 20px;
}

.single-project-page-two {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.single-project-page-two__img {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 20px;
}

.single-project-page-two__img::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 170px;
    background: #000;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.79) 51%, rgba(0, 0, 0, 0.75) 75%);
    z-index: 1;
}

.single-project-page-two__img img {
    width: 100%;
    transform: scale(1.0);
    transition: all 1500ms ease;
}

.single-project-page-two:hover .single-project-page-two__img img {
    transform: scale(1.05) rotate(0deg);
}

.single-project-page-two__img-title {
    position: absolute;
    left: 0px;
    bottom: 0px;
    opacity: 1;
    transform: translateY(0%);
    padding: 0px 30px 31px;
    padding-right: 0;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    z-index: 5;
}

.single-project-page-two:hover .single-project-page-two__img-title {
    opacity: 0;
    transform: translateY(120%);
}

.single-project-page-two__img-title h3 {
    font-size: 24px;
    line-height: 34px;
}

.single-project-page-two__img-title h3 a {
    color: var(--thm-primary-color);
}

.single-project-page-two__img-title-overlay {
    position: absolute;
    left: 0px;
    bottom: 0px;
    opacity: 0;
    max-width: 295px;
    width: 100%;
    transform: translateY(120%);
    margin: 0px 30px 32px;
    margin-right: 0;
    -webkit-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
    z-index: 5;
}

.single-project-page-two:hover .single-project-page-two__img-title-overlay {
    opacity: 1;
    transform: translateY(0%);
}

.single-project-page-two__img-title-overlay h3 {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 3px;
}

.single-project-page-two__img-title-overlay h3 a {
    color: var(--thm-primary-color);
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.single-project-page-two__img-title-overlay h3 a:hover {
    color: var(--thm-white);
}

.single-project-page-two__img-title-overlay p {
    color: var(--thm-gray-bg);
}

.single-project-page-two__img-icon {
    position: absolute;
    right: -9px;
    bottom: -9px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background-color: var(--thm-white);
    z-index: 5;
}

.single-project-page-two__img-icon a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background-color: var(--thm-black-bg);
    color: var(--thm-primary-color);
    font-size: 21px;
    line-height: 0;
}

.single-project-page-two:hover .single-project-page-two__img-icon a {
    color: var(--thm-black-bg);
    background-color: var(--thm-primary-color);
}

.single-project-page-two__img-shape1 {
    position: absolute;
    right: 0;
    bottom: -2px;
    z-index: 1;
}

.single-project-page-two__img-shape2 {
    position: absolute;
    right: 1px;
    bottom: 0px;
    z-index: 1;
}

.project-page-two__btn {
    position: relative;
    display: block;
    text-align: center;
    line-height: 0;
    padding-top: 20px;
}

.project-page-two__btn .btn-one i {
    width: 50px;
    height: 50px;
}

.project-page-two__btn .btn-one .txt {
    border-radius: 27px;
    line-height: 44px;
}



/*** 
=============================================
    Project Page Three Css      
=============================================
***/
.project-page-three {
    padding: 120px 0px 120px;
}

.project-page-three__top {
    position: relative;
    display: block;
    padding-bottom: 65px;
}

.project-page-three__top .sec-title {
    padding-bottom: 20px;
}

.single-project-page-three {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.single-project-page-three__img {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 20px;
}

.single-project-page-three__img::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 170px;
    background: #000;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.79) 51%, rgba(0, 0, 0, 0.75) 75%);
    z-index: 1;
}

.single-project-page-three__img.one::before {
    height: 250px;
}

.single-project-page-three__img img {
    width: 100%;
    transform: scale(1.0);
    transition: all 1500ms ease;
}

.single-project-page-three:hover .single-project-page-three__img img {
    transform: scale(1.05) rotate(0deg);
}

.single-project-page-three__img-title {
    position: absolute;
    left: 0px;
    bottom: 0px;
    opacity: 1;
    transform: translateY(0%);
    padding: 0px 30px 31px;
    padding-right: 0;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    z-index: 5;
}

.single-project-page-three:hover .single-project-page-three__img-title {
    opacity: 0;
    transform: translateY(120%);
}

.single-project-page-three__img-title h3 {
    font-size: 24px;
    line-height: 34px;
}

.single-project-page-three__img-title h3 a {
    color: var(--thm-primary-color);
}

.single-project-page-three__img-title-overlay {
    position: absolute;
    left: 0px;
    bottom: 0px;
    opacity: 0;
    max-width: 295px;
    width: 100%;
    transform: translateY(120%);
    margin: 0px 30px 32px;
    margin-right: 0;
    -webkit-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
    z-index: 5;
}

.single-project-page-three__img-title-overlay.two {
    max-width: 485px;
}

.single-project-page-three:hover .single-project-page-three__img-title-overlay {
    opacity: 1;
    transform: translateY(0%);
}

.single-project-page-three__img-title-overlay h3 {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 3px;
}

.single-project-page-three__img-title-overlay h3 a {
    color: var(--thm-primary-color);
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.single-project-page-three__img-title-overlay h3 a:hover {
    color: var(--thm-white);
}

.single-project-page-three__img-title-overlay p {
    color: var(--thm-gray-bg);
}

.single-project-page-three__img-icon {
    position: absolute;
    right: -9px;
    bottom: -9px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background-color: var(--thm-white);
    z-index: 5;
}

.single-project-page-three__img-icon a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background-color: var(--thm-black-bg);
    color: var(--thm-primary-color);
    font-size: 21px;
    line-height: 0;
}

.single-project-page-three:hover .single-project-page-three__img-icon a {
    color: var(--thm-black-bg);
    background-color: var(--thm-primary-color);
}

.single-project-page-three__img-shape1 {
    position: absolute;
    right: 0;
    bottom: -2px;
    z-index: 1;
}

.single-project-page-three__img-shape2 {
    position: absolute;
    right: 1px;
    bottom: 0px;
    z-index: 1;
}

.project-page-three__btn {
    position: relative;
    display: block;
    text-align: center;
    line-height: 0;
    padding-top: 40px;
}

.project-page-three__btn .btn-one i {
    width: 50px;
    height: 50px;
}

.project-page-three__btn .btn-one .txt {
    border-radius: 27px;
    line-height: 44px;
}



/*** 
=============================================
    Project Page Four Css      
=============================================
***/
.project-page-four {
    padding: 120px 0px 120px;
}

.project-page-four .container {
    max-width: 1830px;
}


.project-page-four__top {
    position: relative;
    display: block;
    padding-bottom: 65px;
}

.project-page-four__top .sec-title {
    padding-bottom: 20px;
}


.single-project-page-four {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.single-project-page-four__img {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 20px;
}

.single-project-page-four__img::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 170px;
    background: #000;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.79) 51%, rgba(0, 0, 0, 0.75) 75%);
    z-index: 1;
}

.single-project-page-four__img.one::before {
    height: 250px;
}

.single-project-page-four__img img {
    width: 100%;
    transform: scale(1.0);
    transition: all 1500ms ease;
}

.single-project-page-four:hover .single-project-page-four__img img {
    transform: scale(1.05) rotate(0deg);
}

.single-project-page-four__img-title {
    position: absolute;
    left: 0px;
    bottom: 0px;
    opacity: 1;
    transform: translateY(0%);
    padding: 0px 30px 31px;
    padding-right: 0;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    z-index: 5;
}

.single-project-page-four:hover .single-project-page-four__img-title {
    opacity: 0;
    transform: translateY(120%);
}

.single-project-page-four__img-title h3 {
    font-size: 24px;
    line-height: 34px;
}

.single-project-page-four__img-title h3 a {
    color: var(--thm-primary-color);
}

.single-project-page-four__img-title-overlay {
    position: absolute;
    left: 0px;
    bottom: 0px;
    opacity: 0;
    max-width: 295px;
    width: 100%;
    transform: translateY(120%);
    margin: 0px 30px 17px;
    margin-right: 0;
    -webkit-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
    z-index: 5;
}

.single-project-page-four:hover .single-project-page-four__img-title-overlay {
    opacity: 1;
    transform: translateY(0%);
}

.single-project-page-four__img-title-overlay h3 {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 3px;
}

.single-project-page-four__img-title-overlay h3 a {
    color: var(--thm-primary-color);
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.single-project-page-four__img-title-overlay h3 a:hover {
    color: var(--thm-white);
}

.single-project-page-four__img-title-overlay p {
    color: var(--thm-gray-bg);
}

.single-project-page-four__img-icon {
    position: absolute;
    right: -9px;
    bottom: -9px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background-color: var(--thm-white);
    z-index: 5;
}

.single-project-page-four__img-icon a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background-color: var(--thm-black-bg);
    color: var(--thm-primary-color);
    font-size: 21px;
    line-height: 0;
}

.single-project-page-four:hover .single-project-page-four__img-icon a {
    color: var(--thm-black-bg);
    background-color: var(--thm-primary-color);
}

.single-project-page-four__img-shape1 {
    position: absolute;
    right: 0;
    bottom: -2px;
    z-index: 1;
}

.single-project-page-four__img-shape2 {
    position: absolute;
    right: 1px;
    bottom: 0px;
    z-index: 1;
}

.project-page-four__btn {
    position: relative;
    display: block;
    text-align: center;
    line-height: 0;
    padding-top: 40px;
}

.project-page-four__btn .btn-one i {
    width: 50px;
    height: 50px;
}

.project-page-four__btn .btn-one .txt {
    border-radius: 27px;
    line-height: 44px;
}



/*** 
=============================================
      Project Details Style1 Css      
=============================================
***/
.project-details-style1 {
    padding: 120px 0px 112px;
}

.project-details-style1__img {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 20px;
}

.project-details-style1__img img {
    width: 100%;
}

.project-details-style1__info {
    position: relative;
    display: block;
}

.project-details-style1__info-list {
    position: relative;
    display: block;
    background-color: var(--thm-gray-bg);
    border-radius: 20px;
    padding: 32px 33px 32px;
}

.project-details-style1__info-list li {
    position: relative;
    display: flex;
    align-items: start;
}

.project-details-style1__info-list li+li {
    margin-top: 14px;
}

.project-details-style1__info-list li span {
    color: var(--thm-black-bg);
    font-size: 17px;
    line-height: 28px;
    font-family: var(--thm-font);
    font-weight: 600;
}

.project-details-style1__info-list li p {
    margin-left: 10px;
}

.project-details-style1__info-list li p a {
    color: var(--thm-body-font-color);
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.project-details-style1__info-list li p a:hover {
    color: var(--thm-black-bg);
}

.project-details-style1__social {
    position: relative;
    display: block;
    padding-top: 53px;
}

.project-details-style1__social-title {
    position: relative;
    display: block;
}

.project-details-style1__social-title h6 {
    color: var(--thm-black-bg);
    font-size: 17px;
    line-height: 28px;
    font-weight: 600;
}

.project-details-style1__social ul {
    position: relative;
    display: flex;
    align-items: center;
    padding-top: 12px;
}

.project-details-style1__social ul li {
    position: relative;
    display: block;
}

.project-details-style1__social ul li+li {
    margin-left: 10px;
}

.project-details-style1__social ul li a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    background-color: transparent;
    border: 1px solid var(--thm-border-color-1);
    color: var(--thm-black-bg);
    font-size: 18px;
    line-height: 0;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    z-index: 1;
}

.project-details-style1__social ul li a:hover {
    color: var(--thm-white);
    border-color: transparent;
}

.project-details-style1__social ul li a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    transform: scale(0);
    border-radius: 50%;
    background-color: var(--thm-black-bg);
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    z-index: -1;
}

.project-details-style1__social ul li a:hover::before {
    opacity: 1;
    transform: scale(1);
}

.project-details-style1__content {
    position: relative;
    display: block;
    padding: 64px 0px 0px;
}

.project-details-style1__content-title {
    position: relative;
    display: block;
    padding-bottom: 35px;
}

.project-details-style1__content-title h2 {
    font-size: 45px;
    line-height: 1.0em;
}

.project-details-style1__content-text {
    position: relative;
    display: block;
}

.project-details-style1__content-text p {
    margin: 0;
}

.project-details-style1__content-text p+p {
    margin-top: 19px;
}


/*** 
=============================================
      Project Details Style2 Css      
=============================================
***/
.project-details-style2 {
    background-color: var(--thm-gray-bg-2);
    padding: 120px 0px 120px;
}

.project-details-style2 .row {
    align-items: center;
}

.project-details-style2__content {
    position: relative;
    display: block;
}

.project-details-style2__content-title {
    position: relative;
    display: block;
}

.project-details-style2__content-title h2 {
    font-size: 45px;
    line-height: 1.0em;
    font-weight: 600;
}

.project-details-style2__content-text {
    position: relative;
    display: block;
    padding-top: 25px;
}

.project-details-style2__content-text p {
    margin: 0;
}

.project-details-style2__content-list {
    position: relative;
    display: block;
    margin-top: 36px;
}

.project-details-style2__content-list li {
    position: relative;
    display: block;
    padding-left: 30px;
}

.project-details-style2__content-list li+li {
    margin-top: 26px;
}

.project-details-style2__content-list li .box {
    position: absolute;
    top: 9px;
    left: 0px;
    width: 10px;
    height: 10px;
    background-color: var(--thm-black-bg);
    border-radius: 50%;
}

.project-details-style2__content-list li .text {
    position: relative;
    display: block;
}

.project-details-style2__content-list li .text h3 {
    font-size: 20px;
    line-height: 26px;
    font-family: var(--thm-font);
    font-weight: 600;
    margin-bottom: 6px;
}

.project-details-style2__content-list li .text p {
    margin: 0;
}

.project-details-style2__img {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 20px;
}

.project-details-style2__img img {
    width: 100%;
}


/*** 
=============================================
      Project Details Style3 Css      
=============================================
***/
.project-details-style3 {
    padding: 114px 0px 112px;
}

.project-details-style3__content {
    position: relative;
    display: block;
}

.project-details-style3__content-title {
    position: relative;
    display: block;
    padding-bottom: 35px;
}

.project-details-style3__content-title h2 {
    font-size: 45px;
    line-height: 1.0em;
}

.project-details-style3__content-text {
    position: relative;
    display: block;
}

.project-details-style3__content-text p {
    margin: 0;
}

.project-details-style3__content-text p+p {
    margin-top: 24px;
}

.project-details-style3__content-list {
    position: relative;
    display: block;
    margin-top: 34px;
}

.project-details-style3__content-list li {
    position: relative;
    display: block;
    padding-left: 30px;
}

.project-details-style3__content-list li+li {
    margin-top: 4px;
}

.project-details-style3__content-list li .dot {
    position: absolute;
    top: 10px;
    left: 0;
    bottom: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--thm-black-bg);
}

.project-details-style3__content-list li .text {
    position: relative;
    display: block;
}

.project-details-style3__content-list li .text p {
    margin: 0;
}


/*** 
=============================================
    Error Page Css      
=============================================
***/
.error-page {
    position: relative;
    display: block;
    padding: 335px 0 70px;
}

.error-page__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: -1;
}

.error-page__bg:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .45);
}

.error-page__inner-content {
    position: relative;
    display: block;
}

.error-page__inner-content-top {
    position: relative;
    display: block;
    text-align: center;
}

.error-page__img {
    position: relative;
    display: block;
}

.error-page__img img {
    width: auto;
}

.error-page__title {
    font-size: 64px;
    color: var(--thm-primary-color);
    font-family: var(--thm-font-3);
    line-height: 1.3em;
    margin-top: 35px;
    margin-bottom: 8px;
}

.error-page__text {
    color: #F5F1E0;
}

.error-page__menu-and-button {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 152px;
}

.error-page__menu-and-button .breadcrumb-menu {
    position: relative;
    bottom: 0;
}

.error-page__button {
    position: relative;
    display: block;
}




/*** 
=============================================
    Coming Soon Page Style1      
=============================================
***/
.coming-soon-page {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 10;
}

.coming-soon-page__bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
}

.coming-soon-page__bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #4F332F;
    background: linear-gradient(180deg, rgba(79, 51, 47, 0.95) 16%, rgba(79, 51, 47, 0.91) 39%, rgba(79, 51, 47, 0.85) 68%, rgba(79, 51, 47, 0.75) 100%);
}


.coming-soon-page__content {
    position: relative;
    display: block;
    height: 100%;
}

.coming-soon-page__content-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}

.coming-soon-page__logo {
    position: relative;
    display: block;
}

.coming-soon-page__logo a {
    position: relative;
    display: inline-block;
}

.coming-soon-page__logo a img {
    width: auto;
}

.coming-soon-page__big-title {
    position: relative;
    display: block;
    padding-top: 72px;
}

.coming-soon-page__big-title h2 {
    color: var(--thm-primary-color);
    font-size: 90px;
    line-height: 1.0em;
    font-family: var(--thm-font-3);
    font-weight: 400;
}

.coming-soon-page__sub-title {
    position: relative;
    display: block;
    padding-top: 36px;
}

.coming-soon-page__sub-title h3 {
    color: var(--thm-white);
    font-size: 55px;
    line-height: 1.2em;
}

.coming-soon-page__text {
    position: relative;
    display: block;
    padding-top: 24px;
}

.coming-soon-page__text p {
    color: var(--thm-gray-bg);
}

.timer-box {
    position: relative;
    display: flex;
    align-items: center;
    margin: 34px 0 0px;
    z-index: 2;
}

.timer-box .countdown-timer li {
    position: relative;
    display: flex;
    align-items: center;
    float: left;
}

.timer-box .countdown-timer li::before {
    content: "";
    position: absolute;
    top: 27px;
    left: -30px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #f6f1de;
}

.timer-box .countdown-timer li::after {
    content: "";
    position: absolute;
    bottom: 62px;
    left: -30px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #f6f1de;
}

.timer-box .countdown-timer li:first-child::before,
.timer-box .countdown-timer li:first-child::after {
    display: none;
}

.timer-box .countdown-timer li+li {
    margin-left: 55px;
}

.timer-box .countdown-timer li span.days,
.timer-box .countdown-timer li span.hours,
.timer-box .countdown-timer li span.minutes,
.timer-box .countdown-timer li span.seconds {
    position: relative;
    display: block;
    color: var(--thm-primary-color);
    font-size: 64px;
    line-height: 1.0em;
    font-weight: 700;
    font-family: var(--thm-font-2);
    margin-bottom: 9px;
}

.timer-box .countdown-timer li span.timeRef {
    position: relative;
    color: var(--thm-gray-bg);
    font-size: 24px;
    line-height: 28px;
    font-family: var(--thm-font);
    font-weight: 700;
    text-transform: capitalize;
    text-align: center;
}

.coming-soon-page__bottom {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    max-width: 1200px;
    width: 100%;
    margin: 50px auto 0;
    padding: 0 15px;
}

.coming-soon-page__menu {
    position: relative;
    display: block;
    top: 3px;
}

.coming-soon-page__menu ul {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.coming-soon-page__menu ul li {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 26px;
    font-family: var(--thm-font-2);
    font-weight: 400;
}

.coming-soon-page__menu ul li+li {
    margin-left: 10px;
}

.coming-soon-page__menu ul li a {
    color: var(--thm-white);
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.coming-soon-page__menu ul li a:hover,
.coming-soon-page__menu ul li.active {
    color: var(--thm-primary-color);
}

.coming-soon-page__menu ul li.icon {
    transform: rotate(-90deg);
    line-height: 0;
}

.coming-soon-page__menu ul li i {
    color: var(--thm-primary-color);
    font-size: 16px;
    margin-top: 0px;
}

.subscribe-box-style1 {
    position: relative;
    display: block;
}

.subscribe-box-style1 .inner-title {
    position: relative;
    display: block;
    padding-bottom: 12px;
}

.subscribe-box-style1 .inner-title h3 {
    color: var(--thm-gray-bg);
    font-size: 16px;
    line-height: 26px;
    font-family: var(--thm-font);
    font-weight: 500;
}

.subscribe-box-style1 form {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

.subscribe-box-style1 form .input-box {
    position: relative;
    display: block;
}

.subscribe-box-style1 form .input-box .icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
    color: var(--thm-primary-color);
    font-size: 20px;
    line-height: 0;
    z-index: 1;
}

.subscribe-box-style1 form input[type="email"] {
    position: relative;
    display: block;
    max-width: 235px;
    width: 100%;
    height: 54px;
    border-radius: 27px;
    background: var(--thm-gray-bg);
    border: none !important;
    color: var(--thm-body-font-color);
    font-size: 17px;
    font-family: var(--thm-font);
    font-weight: 400;
    padding: 0px 50px 0px;
    padding-right: 20px;
    transition: all 500ms ease 0s;
}

.subscribe-box-style1 form input::-webkit-input-placeholder,
.subscribe-box-style1 form input:-moz-placeholder,
.subscribe-box-style1 form input::-moz-placeholder,
.subscribe-box-style1 form input:-ms-input-placeholder {
    color: var(--thm-body-font-color-2);
}

.subscribe-box-style1 form .btn-box {
    position: relative;
    display: block;
    margin-left: 10px;
    line-height: 0;
}

.subscribe-box-style1 form .btn-box .btn-one i {
    width: 54px;
    height: 54px;
}

.subscribe-box-style1 form .btn-box .btn-one .txt {
    border-radius: 27px;
    line-height: 44px;
}


/*** 
=============================================
   Agriculture Skills Css
=============================================
***/
.agriculture-skills {
    padding: 120px 0 120px;
    z-index: 2;
}

.agriculture-skills .section-bottom-shape {
    height: 180px;
    z-index: -1;
}


.agriculture-skills__shape-1 {
    position: absolute;
    top: 100px;
    left: 0;
    z-index: -1;
}

.agriculture-skills__shape-1 img {
    width: auto;
}

.agriculture-skills__title-box {
    position: relative;
    display: block;
    text-align: center;
    margin-bottom: 55px;
    z-index: 1;
}

.agriculture-skills__title-box-bg {
    position: absolute;
    top: 0px;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #000;
    background-position: 5px 490px;
}

.agriculture-skills__title {
    position: relative;
    display: block;
    font-size: 140px;
    line-height: 140px;
    font-weight: 400;
    text-transform: capitalize;
    background-color: var(--thm-white);
    mix-blend-mode: lighten;
    font-family: var(--thm-font-3);
    z-index: 1;
}

.agriculture-skills__left {
    position: relative;
    display: block;
}

.agriculture-skills__img {
    position: relative;
    display: block;
    border-radius: 50%;
}

.agriculture-skills__img img {
    width: 100%;
    border-radius: 50%;
    filter: drop-shadow(8px 1px 30px rgba(0, 0, 0, 0.25));
}

.agriculture-skills__right {
    position: relative;
    display: block;
    margin-top: 50px;
}

.progress-levels {
    position: relative;
    display: block;
    padding-top: 2px;
}

.progress-box {
    position: relative;
    display: block;
    margin-top: 26px;
}

.progress-box .top {
    position: relative;
    display: block;
    padding-bottom: 12px;
}

.progress-box .top h4 {
    position: relative;
    color: var(--thm-black);
    font-size: 17px;
    line-height: 20px;
    font-weight: 600;
    text-transform: capitalize;
}


.progress-box .skill-percent {
    position: absolute;
    top: -36px;
    right: -15px;
}

.progress-box .count-text {
    position: relative;
    color: var(--thm-black);
    font-size: 17px;
    line-height: 20px;
    font-weight: 600;
    display: inline-block;
    float: none;
    font-family: var(--thm-font-2);
}

.progress-box .percent {
    position: relative;
    color: var(--thm-black);
    font-size: 17px;
    line-height: 20px;
    font-weight: 600;
    display: inline-block;
    float: none;
    margin-left: -3px;
    font-family: var(--thm-font-2);
}



.progress-box .bar {
    position: relative;
    display: block;
}

.progress-box .bar .bar-innner {
    position: relative;
    width: 100%;
    height: 10px;
    background-color: #ECECEC;
    border-radius: 5px;
}

.progress-box .bar .bar-fill {
    position: absolute;
    top: 0%;
    left: 0px;
    bottom: 0%;
    width: 0px;
    height: 10px;
    border-radius: 5px;
    transition: all 2000ms ease 300ms;
    background: linear-gradient(90deg, #53D58A 57.05%, rgba(83, 213, 138, 0) 82.76%), #ECECEC;
}


/*** 
=============================================
   Project Style3 Css
=============================================
***/
.project-style3 {
    position: relative;
    padding-top: 120px;
    z-index: 3;
}

.project-style3__top {
    position: relative;
    display: block;
    margin-bottom: 61px;
}

.project-style3__top-left {
    position: relative;
    display: block;
}

.project-style3__top-right {
    position: relative;
    display: block;
}

.project-style3__top-text-1 {
    margin-bottom: 28px;
}

.project-style3__bottom {
    position: relative;
    display: block;
}

.project-style3__bottom .container {
    max-width: 1680px;
}

.project-style3__single {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.project-style3__img {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 20px;
    z-index: 1;
}

.project-style3__img::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--thm-black-bg);
    opacity: 0;
    z-index: 1;
    transition: opacity 0.5s ease;
    transition: all 0.5s ease;
}

.project-style3__single:hover .project-style3__img::before {
    opacity: .56;
}

.project-style3__img img {
    width: 100%;
    border-radius: 20px;
    transform: scale(1.0);
    transition: all 1500ms ease;
}

.project-style3__single:hover .project-style3__img img {
    transform: scale(1.05) rotate(0deg);
}

.project-style3__img-overlay-icon {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
}

.project-style3__img-overlay-icon a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background-color: var(--thm-white);
    color: var(--thm-black-bg);
    font-size: 20px;
    line-height: 0;
    opacity: 0;
    transform: translateY(30px);
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.project-style3__img-overlay-icon a:hover {
    color: var(--thm-black);
    background-color: var(--thm-primary-color);
}

.project-style3__single:hover .project-style3__img-overlay-icon a {
    opacity: 1;
    transform: translateY(0px);
}



/*** 
=============================================
   Mission Vission style1 Css
=============================================
***/
.mission-vission-style1 {
    padding-top: 40px;
    padding-bottom: 90px;
}

.mission-vission-style1__bg {
    position: absolute;
    top: -190px;
    left: 0;
    right: 0;
    bottom: 0;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
    z-index: -1;
}

.mission-vission-style1__bg::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #FFBE00;
    opacity: 0.93;
}

.mission-vission-style1__single {
    position: relative;
    display: block;
    background-color: #52320A;
    border-radius: 20px;
    text-align: center;
    padding: 90px 40px 90px;
    z-index: 1;
    margin-bottom: 30px;
}

.mission-vission-style1__single::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    border: 1px dashed rgba(255, 255, 255, .25);
    border-radius: 15px;
    z-index: -1;
}

.mission-vission-style1__title {
    font-size: 24px;
    color: var(--thm-primary-color);
    font-weight: 600;
    line-height: 1em;
    margin-bottom: 20px;
}

.mission-vission-style1__text {
    color: var(--thm-white);
    font-weight: 500;
}


/*** 
=============================================
    History Style1 Css
=============================================
***/
.history-style1 {
    padding: 120px 0px 0px;
}

.history-style1.margin-b-120 {
    margin-bottom: 120px;
}

.history-style1__shape {
    position: absolute;
    top: 100px;
    left: 0;
}

.history-style1__shape2 {
    position: absolute;
    right: 0;
    bottom: 0;
}

.history-style1 .container {
    max-width: 1320px;
}

.history-style1 .row {
    align-items: center;
}

.history-style1__content {
    position: relative;
    display: block;
    padding-left: 60px;
    padding-right: 25px;
    z-index: 10;
}

.history-style1__content .sec-title-two {
    padding-bottom: 24px;
}

.history-style1__content-text {
    position: relative;
    display: block;
}

.history-style1__content-text p {
    margin: 0;
}

.history-style1__content-btn {
    position: relative;
    display: block;
    line-height: 0;
    margin-top: 37px;
}

.history-style1__content-btn .btn-one i {
    width: 54px;
    height: 54px;
}

.history-style1__content-btn .btn-one .txt {
    border-radius: 27px;
    line-height: 44px;
}

.history-style1__img {
    position: relative;
    display: block;
    margin-left: -60px;
    padding-left: 56px;
    margin-right: -25px;
    padding-bottom: 46px;
    padding-top: 55px;
}

.history-style1__img-inner {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 20px;
}

.history-style1__img-inner img {
    width: 100%;
    transform: scale(1.0);
    transition: all 1500ms ease;
}

.history-style1__img-inner:hover img {
    transform: scale(1.05) rotate(0deg);
}

.history-style1__img-experience {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: transparent;
    z-index: 5;
}

.history-style1__img-experience-bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
}

.history-style1__img-experience-inner {
    position: relative;
    display: block;
    text-align: center;
}

.history-style1__img-experience-title {
    position: relative;
    display: block;
    line-height: 0;
}

.history-style1__img-experience-title h2 {
    color: var(--thm-black);
    font-size: 20px;
    line-height: 10px;
}

.history-style1__img-experience-text {
    position: relative;
    display: block;
    line-height: 0;
    margin-top: 4px;
}

.history-style1__img-experience-text p {
    color: var(--thm-black);
    font-size: 15px;
    line-height: 10px;
}

.history-style1__img-acres {
    position: absolute;
    left: 0;
    bottom: 0px;
    right: 0px;
    max-width: 290px;
    margin: 0px auto 0px;
    padding-top: 35px;
    z-index: 5;
}

.history-style1__img-acres-shape {
    position: absolute;
    top: 0;
    right: 0;
}

.history-style1__img-acres-shape img {
    width: auto;
}

.history-style1__img-acres-content {
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
    background-color: var(--thm-primary-color);
    border-radius: var(--thm-border-radius);
    padding: 25px 25px 25px;
    padding-right: 38px;
}

.history-style1__img-acres-fact {
    position: relative;
    display: block;
}

.history-style1__img-acres-fact h2 {
    color: var(--thm-black-bg);
    font-size: 36px;
    line-height: 1.0em;
    font-family: var(--thm-font-3);
    font-weight: 400;
}

.history-style1__img-acres-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: var(--thm-black-bg);
    margin-left: 20px;
    z-index: 1;
}

.history-style1__img-acres-icon::before {
    content: "";
    position: absolute;
    top: -100px;
    left: 50%;
    bottom: -100px;
    width: 1px;
    background-color: var(--thm-black-bg);
}

.history-style1__img-acres-icon i {
    color: var(--thm-primary-color);
    font-size: 24px;
    z-index: 5;
}

.history-style1__img-acres-title {
    position: relative;
    display: block;
    margin-left: 15px;
    flex: 1;
}

.history-style1__img-acres-title h4 {
    color: var(--thm-black-bg);
    font-size: 18px;
    line-height: 26px;
    font-size: 600;
}




















/* Cursor */
.cursor {
    position: fixed;
    background-color: var(--thm-primary-color);
    width: 6px;
    height: 6px;
    border-radius: 100%;
    z-index: 1;
    -webkit-transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
    transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
    transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;
    transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    z-index: 10000;
    -webkit-transform: scale(1);
    transform: scale(1);
    display: none;
}

.cursor::before {
    content: "";
    position: absolute;
    top: -7px;
    left: -7px;
    bottom: -7px;
    right: -7px;
    border: 1px solid var(--thm-primary-color);
    border-radius: 50%;
}

.cursor.active {
    opacity: 1;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.cursor.menu-active {
    opacity: 1;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.cursor.hovered {
    opacity: 1;
}

.cursor-follower {
    position: fixed;
    background-color: var(--thm-primary-color);
    opacity: 0.30;
    width: 33px;
    height: 33px;
    border-radius: 100%;
    z-index: 1;
    -webkit-transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) background, 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
    transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) background, 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
    transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) background;
    transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) background, 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    z-index: 10000;
    -webkit-transform: translate(2px, 2px);
    transform: translate(2px, 2px);
    display: none;
}

.cursor-follower.active {
    opacity: 0.10;
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
}

.cursor-follower.menu-active {
    opacity: 1;
    -webkit-transform: scale(3);
    transform: scale(3);
}

.cursor-follower.hovered {
    opacity: 1;
}

/* Cursor End */






#ui-datepicker-div.ui-widget-content {
    background: var(--thm-white) none repeat scroll 0 0;
    border: 1px solid var(--thm-border-color);
    color: var(--thm-black);
    font-family: var(--thm-font-2);
    font-size: 14px;
    border-radius: 0px;
    width: 270px;
    padding: 5px;
    z-index: 999 !important;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-header {
    background: var(--thm-black) none repeat scroll 0 0;
    border: 2px solid var(--thm-primary-color);
    border-radius: 0;
    color: var(--thm-white);
    font-weight: 700;
    padding: 5px 0;
    position: relative;
}

.ui-datepicker td a {
    color: #000000 !important;
    text-align: center;
    background-image: none !important;
    background: #f5f5f5 !important;
    border: 1px solid #f9f9f9 !important;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #333333 !important;
    background: #333333 !important;
    color: #ffffff !important;
}

.ui-datepicker .ui-datepicker-prev {
    left: 5px;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    border-radius: 30%;
    height: 20px;
    position: absolute;
    top: 7px;
    width: 20px;
    transition: all 500ms ease;
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-next {
    right: 5px;
}

.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
    top: 7px;
    background: #fff;
    border: none;
}

.ui-datepicker table {
    border-collapse: collapse;
    font-size: 13px;
    margin: 0 0 0.4em;
    width: 100%;
}

.ui-datepicker th {
    border: medium none;
    font-weight: 600;
    padding: 2px 3px;
    text-align: center;
}

.ui-datepicker-calendar .ui-state-default:hover,
.ui-datepicker-calendar .ui-state-default:active {
    background: #43c3ea;
    color: #fff;
    border-color: #43c3ea;
}





/* 
------------------------------
//////////////////////////////
Modifier Css 
//////////////////////////////
-----------------------------
*/
.footer-widget-style4__seasonal-offer-carousel.owl-theme .owl-nav {
    position: absolute;
    top: -90px;
    right: 0;
    gap: 15px;
    justify-content: flex-end;
    display:none;
}

.footer-widget-style4__seasonal-offer-carousel.owl-theme .owl-nav [class*="owl-"] {
    position: relative;
    display: inline-block;
    width: 55px;
    height: 55px;
    overflow: hidden;
    background-color: transparent;
    border: 1px solid #664a44;
    border-radius: 50%;
    margin: 0 0px;
    padding: 0;
    transition: all 700ms ease 3s;
    z-index: 1;
}

.footer-widget-style4__seasonal-offer-carousel.owl-theme .owl-nav [class*="owl-"] span {
    position: relative;
    display: block;
    color: var(--thm-white);
    font-size: 20px;
    font-weight: 500;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}




.shop-style2-carousel.owl-theme .owl-nav {
    position: absolute;
    top: -115px;
    right: 0;
    gap: 15px;
    justify-content: flex-end;
}

.shop-style2-carousel.owl-theme .owl-nav [class*="owl-"] {
    position: relative;
    display: inline-block;
    width: 55px;
    height: 55px;
    overflow: hidden;
    background-color: transparent;
    border: 1px solid var(--thm-border-color-1);
    border-radius: 50%;
    margin: 0 0px;
    padding: 0;
    transition: all 700ms ease 3s;
    z-index: 1;
}

.shop-style2-carousel.owl-theme .owl-nav [class*="owl-"] span {
    position: relative;
    display: block;
    color: var(--thm-black);
    font-size: 20px;
    font-weight: 500;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}







/*--------------------------------------------------
# End Css 
----------------------------------------------------*/


/* ==========================================
   BOOSTER SHOTS MARQUEE
========================================== */

.shots-marquee {
  width: 100%;
    overflow: hidden;
    position: relative;
    padding: 22px 0;
    background: #D89B08;
    border-top: 1px solid #D89B08;
    border-bottom: 1px solid #D89B08;
}

.shots-marquee__track {
    display: flex;
    align-items: center;
    width: max-content;
    animation: shotsMarquee 35s linear infinite;
}

.shots-marquee__item {
    display: flex;
    align-items: center;
    white-space: nowrap;
    padding: 0 28px;
}

.shots-marquee__item span {
 color: #000;
    font-size: 27px;
    font-weight: 800;
    font-family: math;
    /* letter-spacing: 0.5px; */
    text-transform: none;
}

.shots-marquee__item i {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 55px;
    color: #000;
    font-size: 18px;
    font-style: normal;
}


/* Animation */

@keyframes shotsMarquee {

    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }

}


/* Pause on hover */

.shots-marquee:hover .shots-marquee__track {
    animation-play-state: paused;
}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px) {

    .shots-marquee {
        padding: 17px 0;
    }

    .shots-marquee__item {
        padding: 0 18px;
    }

    .shots-marquee__item span {
        font-size: 13px;
        letter-spacing: 1px;
    }

    .shots-marquee__item i {
        margin-left: 30px;
        font-size: 14px;
    }

}


/* ==========================================
   WHY CHOOSE - BLURRED BACKGROUND
========================================== */

.why-choose-style1 {
    position: relative;
    overflow: hidden;
    padding: 80px 0;
    z-index: 1;
}

/* Background image */
.why-choose-style1::before {
   content: "";
    position: absolute;
    inset: -25px;
    background-image: url(../images/backgrounds/bg1.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    filter: brightness(1.5);
    transform: scale(1.05);
    z-index: -2;
}

/* Soft overlay */
.why-choose-style1::after {
    content: "";
    position: absolute;
    inset: 0;

    background: rgba(245, 242, 215, 0.78);

    z-index: -1;
}

/* Keep content above background */
.why-choose-style1 .container {
    position: relative;
    z-index: 2;
}




/* =========================================================
   BOOSTER PRODUCTS SECTION
   FULL WIDTH - PROMO IMAGE + 6 PRODUCTS
========================================================= */

.booster-products {
    width: 100%;
    /* padding: 10px 15px; */
    overflow: hidden;
    background: #ffffff;
}


/* =========================================================
   SECTION HEADING
========================================================= */

.booster-products-heading {
    width: 100%;
    text-align: center;
    /* margin-bottom: 45px; */
}

.booster-products-heading .sub-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    /* margin-bottom: 10px; */
}

.booster-products-heading .sub-title .icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.booster-products-heading .sub-title h4 {
margin: 0;
    font-size: 45px;
    line-height: 1.2;
    font-weight: 700;
}

.booster-products-heading h2 {
   margin: 0;
    font-size: 42px;
    line-height: 1.2;
    /* font-weight: 800; */
    /* font-family: fantasy; */
}


/* =========================================================
   MAIN FULL-WIDTH LAYOUT
========================================================= */

.booster-products-layout {
    width: 100%;
    display: grid;
    grid-template-columns: 30% 70%;
    gap: 25px;
    align-items: stretch;
}


/* =========================================================
   LEFT PROMOTIONAL IMAGE
========================================================= */

.booster-products-banner {
    position: relative;
    width: 100%;
    /* min-height: 700px; */

    overflow: hidden;

    border-radius: 28px;

    background: #f3f1e7;

    box-shadow:
        0 10px 35px rgba(0, 0, 0, 0.08);
}


/* Promo image */

.booster-promo-image {
    width: 100%;
    height: 100%;
    /* min-height: 700px; */

    display: block;

    object-fit: cover;

    object-position: center;

    transition:
        transform 0.7s ease;
}


/* Slight image zoom */

.booster-products-banner:hover .booster-promo-image {
    transform: scale(1.035);
}


/* =========================================================
   RIGHT PRODUCT GRID
========================================================= */

.booster-products-grid {
    width: 100%;

    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 30px 20px;

    align-content: start;
}


/* =========================================================
   PRODUCT CARD
========================================================= */

.booster-product-card {
    position: relative;

    width: 100%;
    min-width: 0;

    transition:
        transform 0.4s ease;
}

.booster-product-card:hover {
    transform: translateY(-7px);
}


/* =========================================================
   PRODUCT IMAGE BOX
========================================================= */

.booster-product-image {
    position: relative;

    width: 100%;

    aspect-ratio: 1 / 0.85;

    overflow: hidden;

    border-radius: 25px;

    background: #f2f0e8;

    box-shadow:
        0 8px 25px rgba(0, 0, 0, 0.09);
}


/* Product image */

.booster-product-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    object-position: center;

    transition:
        transform 0.6s ease;
}


/* Product image hover zoom */

.booster-product-card:hover
.booster-product-image img {
    transform: scale(1.08);
}


/* =========================================================
   PRODUCT CATEGORY TAG
========================================================= */

.booster-product-tag {
    position: absolute;

    top: 13px;
    left: 13px;

    z-index: 5;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 6px 13px;

    border-radius: 30px;

    background: rgba(73, 105, 30, 0.88);

    color: #ffffff;

    font-size: 15px;
    line-height: 1;
    font-weight: 700;

    letter-spacing: 0.5px;

    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}


/* =========================================================
   IMAGE HOVER OVERLAY
========================================================= */

.booster-product-overlay {
    position: absolute;

    inset: 0;

    z-index: 3;

    display: flex;

    align-items: center;
    justify-content: center;

    background:
        rgba(45, 65, 20, 0.35);

    opacity: 0;

    transition:
        opacity 0.35s ease;
}


/* Show overlay */

.booster-product-card:hover
.booster-product-overlay {
    opacity: 1;
}


/* =========================================================
   LIGHTBOX / ARROW BUTTON
========================================================= */

.booster-product-overlay a {
    width: 55px;
    height: 55px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #ffffff;

    color: #668f2d;

    text-decoration: none;

    transform: scale(0.6);

    transition:
        transform 0.35s ease,
        background 0.3s ease,
        color 0.3s ease;
}


/* Button animation */

.booster-product-card:hover
.booster-product-overlay a {
    transform: scale(1);
}


/* Button hover */

.booster-product-overlay a:hover {
    background: #ffe044;

    color: #3f5d1b;
}


/* =========================================================
   PRODUCT INFORMATION
========================================================= */

.booster-product-info {
    width: 100%;

    padding: 14px 5px 0;

    text-align: center;
}


/* Product title */

.booster-product-info h4 {
    margin: 0;
     /* font-family: fantasy; */ 
    color: #273522;

    font-size: 20px;
    line-height: 1.25;

    font-weight: 800;

    transition:
        color 0.3s ease;
}


/* Product description */

.booster-product-info p {
    margin: 5px 0 0;

    color: #898980;

    font-size: 12px;
    line-height: 1.5;

    font-weight: 400;
}


/* Title hover */

.booster-product-card:hover
.booster-product-info h4 {
    color: #719d2d;
}


/* =========================================================
   PROMO IMAGE HOVER EFFECT
========================================================= */

.booster-products-banner {
    cursor: pointer;
}

.booster-products-banner::after {
    content: "";

    position: absolute;

    inset: 0;

    pointer-events: none;

    background:
        linear-gradient(
            180deg,
            rgba(0, 0, 0, 0) 65%,
            rgba(0, 0, 0, 0.08) 100%
        );
}


/* =========================================================
   1400px+
========================================================= */

@media (min-width: 1400px) {

    .booster-products {
        padding-left: 45px;
        padding-right: 45px;
    }

    .booster-products-layout {
        gap: 30px;
    }

    .booster-products-grid {
        gap: 32px 24px;
    }

}


/* =========================================================
   1200px - 1399px
========================================================= */

@media (max-width: 1399px) {

    .booster-products {
        padding-left: 30px;
        padding-right: 30px;
    }

    .booster-products-layout {
        grid-template-columns: 30% 70%;
        gap: 22px;
    }

    .booster-products-grid {
        gap: 25px 16px;
    }

    .booster-product-info h4 {
        font-size: 18px;
                /* font-family: fantasy; */
    }

}


/* =========================================================
   992px - 1199px
========================================================= */

@media (max-width: 1199px) {

    .booster-products {
        padding: 80px 25px;
    }

    .booster-products-layout {
        grid-template-columns: 30% 70%;
        gap: 20px;
    }

    .booster-products-banner {
        min-height: 620px;
    }

    .booster-promo-image {
        min-height: 620px;
    }

    .booster-products-grid {
        gap: 24px 14px;
    }

    .booster-product-image {
        border-radius: 20px;
    }

    .booster-product-info {
        padding-top: 11px;
    }

    .booster-product-info h4 {
        font-size: 17px;
    }

}


/* =========================================================
   991px - TABLET
========================================================= */

@media (max-width: 991px) {

    .booster-products {
        padding: 75px 25px;
    }

    /*
       Banner becomes full width
    */

    .booster-products-layout {
        grid-template-columns: 1fr;

        gap: 30px;
    }

    .booster-products-banner {
        width: 100%;
        min-height: 420px;
    }

    .booster-promo-image {
        width: 100%;
        height: 100%;
        min-height: 420px;

        object-fit: cover;
    }

    /*
       Product grid stays 3 columns
    */

    .booster-products-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));

        gap: 25px 16px;
    }

}


/* =========================================================
   767px - MOBILE / TABLET
========================================================= */

@media (max-width: 767px) {

    .booster-products {
        padding: 65px 15px;
    }

    /* Heading */

    /*.booster-products-heading {*/
    /*    margin-bottom: 35px;*/
    /*}*/

    .booster-products-heading h2 {
        font-size: 32px;
    }

    .booster-products-heading .sub-title h4 {
        font-size: 14px;
    }


    /* Banner */

    .booster-products-banner {
        min-height: 400px;

        border-radius: 22px;
    }

    .booster-promo-image {
        min-height: 400px;
    }


    /* Products */

    .booster-products-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 25px 13px;
    }


    /* Product image */

    .booster-product-image {
        aspect-ratio: 1 / 0.9;

        border-radius: 19px;
    }


    /* Product tag */

    .booster-product-tag {
        top: 10px;
        left: 10px;

        padding: 5px 9px;

        font-size: 9px;
    }


    /* Product title */

    .booster-product-info h4 {
        font-size: 16px;
    }

    .booster-product-info p {
        font-size: 11px;
    }


    /* Hover button */

    .booster-product-overlay a {
        width: 45px;
        height: 45px;
    }

}


/* =========================================================
   480px - SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .booster-products {
        padding: 22px 12px;
    }


    /* Heading */

    .booster-products-heading h2 {
        font-size: 28px;
    }


    /* Banner */

    .booster-products-banner {
        min-height: 360px;

        border-radius: 18px;
    }

    .booster-promo-image {
        min-height: 360px;
    }


    /* Products become one column */

    .booster-products-grid {
        grid-template-columns: 1fr;

        gap: 28px;
    }


    /* Product image */

    .booster-product-image {
        aspect-ratio: 1 / 0.75;

        border-radius: 18px;
    }


    .booster-product-info h4 {
        font-size: 18px;
    }

    .booster-product-info p {
        font-size: 12px;
    }

}


/* =========================================================
   EXTRA SMALL DEVICES
========================================================= */

@media (max-width: 360px) {

    .booster-products {
        padding-left: 10px;
        padding-right: 10px;
    }

    .booster-products-heading h2 {
        font-size: 25px;
    }

}


/* =========================================
   GINGER SHOT PRODUCT PAGE
========================================= */

.product-details-style1 {
    padding: 10px 0 10px;
    background: #fffaf0;
}

.product-breadcrumb {
    margin-bottom: 35px;
    font-size: 14px;
    color: #777;
}

.product-breadcrumb a {
    color: #416d1f;
    font-weight: 600;
    text-decoration: none;
}

.product-breadcrumb span {
    margin: 0 8px;
}


/* IMAGE AREA */

.product-main-image {
  
    /* border-radius: 25px; */
    /* padding: 25px; */
    text-align: center;
    box-shadow: 0 10px 35px rgba(0,0,0,.08);
    overflow: hidden;
}

.product-main-image img {
    width: 100%;
    max-height: 560px;
    object-fit: contain;
    /* border-radius: 18px; */
    transition: .4s ease;
}

.product-main-image:hover img {
    transform: scale(1.03);
}

.product-thumbnails {
    display: flex;
    gap: 15px;
    margin-top: 20px;
}

.product-thumb {
    width: 90px;
    height: 90px;
    padding: 5px;
    background: #fff;
    border: 2px solid transparent;
    border-radius: 12px;
    cursor: pointer;
    overflow: hidden;
}

.product-thumb.active {
    border-color: #ee9d24;
}

.product-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}


/* PRODUCT CONTENT */

.product-details-style1__content {
    padding: 15px 20px 15px 50px;
}

.product-category {
    display: inline-block;
    padding: 7px 18px;
    border-radius: 30px;
    background: #b6ce9733;
    color: #416d1f;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 15px;
}

.product-details-style1__content h1 {
   margin: 0 0 12px;
    font-size: 46px;
    line-height: 1;
    color: #153d25;
}

.product-rating {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
}

.product-rating span {
    color: #f5a623;
    letter-spacing: 3px;
}

.product-rating small {
    color: #777;
}

.product-short-description {
    font-size: 17px;
    line-height: 1.8;
    color: #555;
}


/* FEATURES */

.product-features {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 15px;
    margin: 30px 0;
}

.feature-item {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 15px;
    background: #fff;
    border-radius: 14px;
    transition: .3s;
}

.feature-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0,0,0,.08);
}

.feature-icon {
    width: 48px;
    height: 48px;
    min-width: 48px;
    border-radius: 50%;
    background: #eff6dc;
    color: #4c7924;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.feature-item strong,
.feature-item span {
    display: block;
}

.feature-item strong {
    color: #183d25;
}

.feature-item span {
    color: #777;
    font-size: 14px;
}


/* ORDER */

.product-order-box {
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 25px 0;
}

.quantity-box {
    display: flex;
    border: 1px solid #ddd;
    border-radius: 30px;
    overflow: hidden;
    background: #fff;
}

.quantity-box button {
    width: 40px;
    height: 45px;
    border: 0;
    background: transparent;
    font-size: 20px;
    cursor: pointer;
}

.quantity-box input {
    width: 45px;
    border: 0;
    text-align: center;
    outline: none;
}

.product-order-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 14px 30px;
    border-radius: 30px;
    background: #f39b22;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    transition: .3s;
}

.product-order-btn:hover {
    background: #153d25;
    color: #fff;
    transform: translateY(-3px);
}


/* META */

.product-meta {
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.product-meta p {
    margin-bottom: 8px;
    color: #666;
}

.product-meta a {
    color: #4d7825;
    text-decoration: none;
}


/* =========================================
   PRODUCT INFORMATION
========================================= */

.product-information-style1 {
    padding: 10px 0;
    background: #fff;
}

.product-information-tabs {
    max-width: 1200px;
    margin: auto;
}

.product-tab-buttons {
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 5px;
}

.product-tab-buttons button {
    border: 0;
    padding: 13px 25px;
    border-radius: 30px;
    background: #f2f2f2;
    color: #333;
    font-weight: 600;
    cursor: pointer;
    transition: .3s;
}

.product-tab-buttons button.active,
.product-tab-buttons button:hover {
    background: #416d1f;
    /* color: #fff; */
}

.product-tab-content {
    display: none;
    animation: fadeIn .4s ease;
}

.product-tab-content.active {
    display: block;
}

.section-label {
    color: #ef9c20;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.product-tab-content h2 {
    margin: 8px 0 20px;
    font-size: 38px;
    color: #183d25;
}

.product-tab-content p {
    font-size: 16px;
    line-height: 1.8;
    color: #666;
}


/* INFO IMAGE */

.product-info-image {
    padding: 20px;
    text-align: center;
}

.product-info-image img {
    width: 100%;
    max-width: 420px;
    border-radius: 25px;
}


/* BENEFITS */

.benefits-list {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 18px;
}

.benefit-item {
    display: flex;
    gap: 15px;
    padding: 20px;
    background: #f7faef;
    border-radius: 15px;
}

.benefit-item i {
    width: 28px;
    height: 28px;
    min-width: 28px;
    border-radius: 50%;
    background: #416d1f;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 3px;
}

.benefit-item p {
    margin: 0;
}


/* FEATURES GRID */

.features-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
}

.large-feature {
    padding: 30px 20px;
    text-align: center;
    border-radius: 20px;
    background: #fffaf0;
    border: 1px solid #eee;
    transition: .3s;
}

.large-feature:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0,0,0,.08);
}

.large-feature-icon {
    width: 65px;
    height: 65px;
    margin: 0 auto 15px;
    border-radius: 50%;
    background: #e9f2d8;
    color: #416d1f;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
}

.large-feature h4 {
    color: #183d25;
    margin-bottom: 10px;
}

.large-feature p {
    font-size: 14px;
}


/* DOSE */

.dose-box {
    max-width: 800px;
    margin: 30px auto;
    padding: 40px;
    text-align: center;
    background: #f5f8e9;
    border-radius: 25px;
}

.dose-icon {
    width: 75px;
    height: 75px;
    margin: 0 auto 20px;
    border-radius: 50%;
    background: #416d1f;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
}


/* ANIMATION */

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(15px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* MOBILE */

@media(max-width: 991px) {

    .product-details-style1__content {
        padding: 40px 0 0;
    }

    .product-details-style1__content h1 {
        font-size: 42px;
    }

    .features-grid {
        grid-template-columns: repeat(2,1fr);
    }
}

@media(max-width: 767px) {

    .product-details-style1 {
        padding: 40px 0;
    }

    .product-details-style1__content h1 {
        font-size: 36px;
    }

    .product-features,
    .benefits-list,
    .features-grid {
        grid-template-columns: 1fr;
    }

    .product-order-box {
        flex-wrap: wrap;
    }

    .product-tab-buttons {
        justify-content: flex-start;
    }

    .product-tab-buttons button {
        width: 100%;
    }
}


/* =========================================================
   CONTACT HERO
========================================================= */

.contact-hero {
    position: relative;
    min-height: 300px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: #f8f3df;
}

.contact-hero-bg {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(255,193,7,.94), rgba(255,210,55,.78)),
        url("../images/about/banner-v1__bg.jpg") center/cover no-repeat;
}

.contact-hero:after {
    content: "";
    position: absolute;
    left: -5%;
    bottom: -65px;
    width: 110%;
    height: 120px;
    background: #fff;
    border-radius: 50% 50% 0 0 / 100% 100% 0 0;
}

.contact-hero-content {
    position: relative;
    z-index: 2;
    text-align: center;
    padding: 60px 0 80px;
}

.contact-hero-icon {
    width: 45px;
    height: 45px;
    margin: 0 auto 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #ffffff;
    color: #0b5845;
}

.contact-hero h1 {
    margin: 0;
    color: #17251e;
    font-size: 55px;
    font-weight: 800;
}

.contact-hero p {
    max-width: 650px;
    margin: 10px auto 15px;
    color: #26382f;
    font-size: 16px;
}

.contact-breadcrumb {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-size: 14px;
}

.contact-breadcrumb a {
    color: #0b5845;
}

.contact-breadcrumb strong {
    color: #222;
}


/* =========================================================
   MAIN CONTACT
========================================================= */

.contact-main {
    padding: 90px 0 100px;
    background: #fff;
}

.contact-main-heading {
    max-width: 800px;
    margin: 0 auto 55px;
}

.contact-small-title {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 12px;
    color: #e57a18;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.contact-small-icon {
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #fff2d8;
    color: #e57a18;
}

.contact-main-heading h2,
.contact-section-title h2 {
    margin: 0 0 15px;
    color: #17251e;
    font-size: 45px;
    font-weight: 800;
}

.contact-main-heading p,
.contact-section-title p {
    margin: 0 auto;
    color: #707070;
    line-height: 1.8;
}


/* =========================================================
   LEFT CONTACT INFO
========================================================= */

.contact-info-box {
    height: 100%;
    padding: 40px;
    border-radius: 25px;
    background: linear-gradient(145deg, #0b5845, #174f35);
    box-shadow: 0 20px 50px rgba(0,0,0,.10);
    color: #fff;
}

.contact-info-top {
    display: flex;
    align-items: center;
    gap: 18px;
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid rgba(255,255,255,.15);
}

.contact-info-icon {
    width: 60px;
    height: 60px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f8b52b;
    color: #173b2e;
    font-size: 24px;
}

.contact-info-top span {
    font-size: 13px;
    opacity: .75;
}

.contact-info-top h3 {
    margin: 3px 0 0;
    color: #fff;
    font-size: 23px;
}

.contact-info-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 23px;
}

.contact-info-item-icon {
    width: 42px;
    height: 42px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255,255,255,.12);
    color: #f8b52b;
}

.contact-info-item small {
    display: block;
    margin-bottom: 3px;
    opacity: .65;
}

.contact-info-item a,
.contact-info-item p {
    margin: 0;
    color: #fff;
    font-size: 15px;
}

.contact-info-item a:hover {
    color: #f8b52b;
}


/* =========================================================
   BUSINESS HOURS
========================================================= */

.business-hours {
    padding-top: 25px;
    border-top: 1px solid rgba(255,255,255,.15);
}

.business-hours h4 {
    margin: 0 0 18px;
    color: #fff;
    font-size: 20px;
}

.hours-row {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    padding: 10px 0;
    border-bottom: 1px dashed rgba(255,255,255,.15);
    font-size: 14px;
}

.hours-row strong {
    color: #f8b52b;
}


/* =========================================================
   CONTACT FORM
========================================================= */

.contact-form-card {
    height: 100%;
    padding: 45px;
    margin-left: 20px;
    border-radius: 25px;
    background: #fff;
    border: 1px solid #eeeeee;
    box-shadow: 0 20px 55px rgba(0,0,0,.08);
}

.contact-form-title {
    margin-bottom: 30px;
}

.contact-form-title span {
    color: #e57a18;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

.contact-form-title h3 {
    margin: 5px 0 0;
    color: #17251e;
    font-size: 30px;
}

.modern-input {
    margin-bottom: 20px;
}

.modern-input label {
    display: block;
    margin-bottom: 7px;
    color: #333;
    font-size: 14px;
    font-weight: 600;
}

.modern-input input,
.modern-input textarea {
    width: 100%;
    padding: 15px 18px;
    border: 1px solid #e3e3e3;
    border-radius: 10px;
    outline: none;
    background: #fafafa;
    transition: .3s;
    font-size: 14px;
}

.modern-input input:focus,
.modern-input textarea:focus {
    border-color: #0b5845;
    background: #fff;
    box-shadow: 0 5px 20px rgba(11,88,69,.08);
}

.modern-input textarea {
    height: 130px;
    resize: none;
}

.contact-checkbox {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 5px 0 22px;
}

.contact-checkbox input {
    accent-color: #0b5845;
}

.contact-checkbox label {
    margin: 0;
    color: #777;
    font-size: 13px;
}

.contact-submit-btn {
    display: inline-flex;
    align-items: center;
    gap: 15px;
    padding: 14px 25px;
    border: 0;
    border-radius: 30px;
    background: #f8a11b;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: .3s;
}

.contact-submit-btn i {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff;
    color: #f8a11b;
}

.contact-submit-btn:hover {
    background: #0b5845;
    transform: translateY(-2px);
}


/* =========================================================
   LOCATIONS
========================================================= */

.contact-locations {
    padding: 100px 0;
    background: #fff8e8;
}

.contact-section-title {
    max-width: 700px;
    margin: 0 auto 50px;
}

.contact-location-card {
    height: 100%;
    overflow: hidden;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 15px 40px rgba(0,0,0,.08);
    transition: .35s;
}

.contact-location-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 25px 55px rgba(0,0,0,.13);
}

.location-image {
    height: 220px;
    overflow: hidden;
}

.location-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .5s;
}

.contact-location-card:hover .location-image img {
    transform: scale(1.07);
}

.location-content {
    position: relative;
    padding: 30px;
}

.location-icon {
    position: absolute;
    top: -27px;
    right: 25px;
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f8b52b;
    color: #173b2e;
    border: 5px solid #fff;
    font-size: 20px;
}

.location-content h3 {
    margin: 0 0 12px;
    color: #17251e;
    font-size: 23px;
}

.location-content p {
    margin: 0 0 12px;
    color: #777;
    line-height: 1.7;
}

.location-content > a:not(.location-link) {
    color: #0b5845;
    font-weight: 600;
}

.location-link {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 18px;
    color: #e57a18 !important;
    font-weight: 700;
}

.location-link i {
    transition: .3s;
}

.location-link:hover i {
    transform: translateX(5px);
}


/* =========================================================
   MAP
========================================================= */

.contact-map-section {
    position: relative;
    height: 500px;
}

.contact-map {
    width: 100%;
    height: 100%;
}

.contact-map iframe {
    width: 100%;
    height: 100%;
    border: 0;
    filter: saturate(.75);
}

.contact-map-info {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 8%;
    width: 320px;
    padding: 30px;
    transform: translateY(-50%);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 20px 50px rgba(0,0,0,.18);
}

.map-info-icon {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    border-radius: 50%;
    background: #0b5845;
    color: #fff;
}

.contact-map-info h3 {
    margin: 0 0 8px;
    color: #17251e;
}

.contact-map-info p {
    margin: 0 0 8px;
    color: #777;
}

.contact-map-info a {
    color: #0b5845;
    font-weight: 700;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 991px) {

    .contact-form-card {
        margin: 30px 0 0;
    }

    .contact-info-box {
        height: auto;
    }

    .contact-hero h1 {
        font-size: 45px;
    }

    .contact-main-heading h2,
    .contact-section-title h2 {
        font-size: 38px;
    }

    .contact-location-card {
        margin-bottom: 25px;
    }

    .contact-map-info {
        left: 30px;
    }

}

@media (max-width: 767px) {

    .contact-hero {
        min-height: 260px;
    }

    .contact-hero-content {
        padding: 45px 0 65px;
    }

    .contact-hero h1 {
        font-size: 38px;
    }

    .contact-main {
        padding: 65px 0;
    }

    .contact-info-box,
    .contact-form-card {
        padding: 28px 22px;
    }

    .contact-main-heading h2,
    .contact-section-title h2 {
        font-size: 32px;
    }

    .contact-map-section {
        height: 600px;
    }

    .contact-map-info {
        top: 25px;
        left: 15px;
        right: 15px;
        width: auto;
        transform: none;
    }

}


/* =========================================================
   CONTACT PAGE
========================================================= */

.contact-page {
    position: relative;
    padding: 90px 0 110px;
    background: #fff;
    overflow: hidden;
}


/* =========================================================
   HEADING
========================================================= */

.contact-page__heading {
    max-width: 900px;
    margin: 0 auto 55px;
    text-align: center;
    padding: 0 15px;
}

.contact-page__tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;

    font-size: 14px;
    font-weight: 600;
    color: #f58b1f;
    text-transform: uppercase;
    letter-spacing: .3px;
}

.contact-page__tag-icon {
    width: 30px;
    height: 30px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;
    background: #fff4df;
    color: #f58b1f;

    font-size: 12px;
}

.contact-page__heading h2 {
    margin: 0 0 18px;

    color: #092d2c;
    font-size: 48px;
    line-height: 1.15;
    font-weight: 800;
}

.contact-page__heading p {
    max-width: 820px;
    margin: 0 auto;

    color: #687474;
    font-size: 16px;
    line-height: 1.8;
}


/* =========================================================
   MAIN ROW
========================================================= */

.contact-page__row {
    align-items: stretch;
    row-gap: 30px;
}


/* =========================================================
   LEFT CONTACT CARD
========================================================= */

.contact-info-card {
    height: 100%;
    padding: 42px 40px;

    background: #fff8e8;
    border: 1px solid #eee5d2;
    border-radius: 25px;

    position: relative;
    overflow: hidden;
}


/* Decorative circle */

.contact-info-card:before {
    content: "";
    position: absolute;

    width: 180px;
    height: 180px;

    right: -90px;
    bottom: -90px;

    border-radius: 50%;

    background: rgba(245, 139, 31, .08);
}


/* =========================================================
   CARD HEADING
========================================================= */

.contact-info-card__heading {
    display: flex;
    align-items: center;
    gap: 18px;
}

.contact-info-card__main-icon {
    flex: 0 0 60px;

    width: 60px;
    height: 60px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #f4c13d;
    color: #fff;

    font-size: 22px;
}

.contact-info-card__heading span {
    display: block;

    margin-bottom: 5px;

    color: #777;
    font-size: 14px;
}

.contact-info-card__heading h3 {
    margin: 0;

    color: #092d2c;
    font-size: 23px;
    line-height: 1.25;
    font-weight: 700;
}


/* =========================================================
   DIVIDER
========================================================= */

.contact-info-card__line {
    width: 100%;
    height: 1px;

    margin: 28px 0;

    background: #e3d8bd;
}


/* =========================================================
   CONTACT ITEMS
========================================================= */

.contact-info-item {
    display: flex;
    align-items: flex-start;
    gap: 17px;

    margin-bottom: 27px;
}

.contact-info-item:last-of-type {
    margin-bottom: 0;
}

.contact-info-item__icon {
    flex: 0 0 42px;

    width: 42px;
    height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #f1e5c7;
    color: #f58b1f;

    font-size: 15px;
}

.contact-info-item__content {
    padding-top: 1px;
}

.contact-info-item__content span {
    display: block;

    margin-bottom: 7px;

    color: #7d827d;
    font-size: 14px;
}

.contact-info-item__content a,
.contact-info-item__content p {
    display: block;

    margin: 0;

    color: #173b39;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 600;

    text-decoration: none;
}

.contact-info-item__content a:hover {
    color: #f58b1f;
}


/* =========================================================
   BUSINESS HOURS
========================================================= */

.business-hours h4 {
    margin: 0 0 20px;

    color: #092d2c;
    font-size: 20px;
    font-weight: 700;
}

.business-hours__row {
    display: flex;
    justify-content: space-between;
    gap: 15px;

    padding: 13px 0;

    border-bottom: 1px dashed #dfd4b9;

    color: #52605e;
    font-size: 14px;
}

.business-hours__row:last-child {
    border-bottom: 0;
}

.business-hours__row strong {
    color: #f58b1f;
    white-space: nowrap;
}


/* =========================================================
   RIGHT FORM CARD
========================================================= */

.contact-form-card {
    height: 100%;

    padding: 48px 45px;

    background: #fff;

    border: 1px solid #e9e9e9;
    border-radius: 25px;

    box-shadow: 0 15px 45px rgba(0, 0, 0, .06);
}


/* =========================================================
   FORM HEADING
========================================================= */

.contact-form-card__top {
    margin-bottom: 30px;
}

.contact-form-card__top span {
    display: block;

    margin-bottom: 9px;

    color: #f58b1f;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

.contact-form-card__top h3 {
    margin: 0;

    color: #092d2c;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 800;
}


/* =========================================================
   FORM GROUP
========================================================= */

.contact-form-group {
    margin-bottom: 22px;
}

.contact-form-group label {
    display: block;

    margin-bottom: 9px;

    color: #132f2e;
    font-size: 14px;
    font-weight: 600;
}

.contact-form-group label sup {
    color: #f58b1f;
    font-size: 14px;
}


/* =========================================================
   INPUT
========================================================= */

.contact-form-group input,
.contact-form-group textarea {
    width: 100%;

    border: 1px solid #d8d3c8;
    outline: none;

    background: #f7f1e3;

    color: #173b39;

    font-family: inherit;
    font-size: 15px;

    transition: all .3s ease;
}

.contact-form-group input {
    height: 52px;
    padding: 0 20px;

    border-radius: 30px;
}

.contact-form-group textarea {
    min-height: 130px;
    padding: 17px 20px;

    border-radius: 22px;

    resize: vertical;
}

.contact-form-group input::placeholder,
.contact-form-group textarea::placeholder {
    color: #9b9b9b;
}

.contact-form-group input:focus,
.contact-form-group textarea:focus {
    border-color: #f4c13d;

    background: #fff;

    box-shadow: 0 0 0 3px rgba(244, 193, 61, .12);
}


/* =========================================================
   CHECKBOX
========================================================= */

.contact-terms {
    display: flex;
    align-items: center;
    gap: 9px;

    margin: 3px 0 25px;
}

.contact-checkbox {
    position: relative;

    width: 14px;
    height: 14px;

    flex: 0 0 14px;
}

.contact-checkbox input {
    position: absolute;

    width: 14px;
    height: 14px;

    margin: 0;

    opacity: 0;

    cursor: pointer;
}

.checkmark {
    position: absolute;

    inset: 0;

    width: 14px;
    height: 14px;

    border: 1px solid #0e6757;
    border-radius: 2px;

    cursor: pointer;
}

.contact-checkbox input:checked + .checkmark {
    background: #0e6757;
}

.contact-checkbox input:checked + .checkmark:after {
    content: "";

    position: absolute;

    left: 4px;
    top: 1px;

    width: 4px;
    height: 8px;

    border: solid #fff;
    border-width: 0 2px 2px 0;

    transform: rotate(45deg);
}

.contact-terms p {
    margin: 0;

    color: #777;
    font-size: 13px;
    line-height: 1.5;
}

.contact-terms a {
    color: #0e6757;
    text-decoration: none;
}

.contact-terms a:hover {
    color: #f58b1f;
}


/* =========================================================
   SUBMIT BUTTON
========================================================= */

.contact-submit-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 13px;

    min-width: 160px;
    height: 52px;

    padding: 0 25px;

    border: 0;
    border-radius: 30px;

    background: #ff6495;
    color: #fff;

    font-family: inherit;
    font-size: 15px;
    font-weight: 700;

    cursor: pointer;

    transition: all .3s ease;
}

.contact-submit-btn i {
    font-size: 13px;
}

.contact-submit-btn:hover {
    background: #f58b1f;
    color: #fff;

    transform: translateY(-3px);

    box-shadow: 0 8px 20px rgba(245, 139, 31, .22);
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1199px) {

    .contact-page {
        padding: 75px 0 90px;
    }

    .contact-page__heading h2 {
        font-size: 42px;
    }

    .contact-info-card {
        padding: 35px 30px;
    }

    .contact-form-card {
        padding: 38px 32px;
    }

}


@media (max-width: 991px) {

    .contact-page__heading {
        margin-bottom: 40px;
    }

    .contact-page__heading h2 {
        font-size: 38px;
    }

    .contact-info-card,
    .contact-form-card {
        height: auto;
    }

}


@media (max-width: 767px) {

    .contact-page {
        padding: 60px 0 70px;
    }

    .contact-page__heading h2 {
        font-size: 32px;
    }

    .contact-page__heading p {
        font-size: 14px;
        line-height: 1.7;
    }

    .contact-info-card {
        padding: 30px 25px;
        border-radius: 20px;
    }

    .contact-form-card {
        padding: 30px 22px;
        border-radius: 20px;
    }

    .contact-form-card__top h3 {
        font-size: 26px;
    }

    .contact-info-card__heading h3 {
        font-size: 21px;
    }

    .contact-info-card__main-icon {
        width: 52px;
        height: 52px;
        flex-basis: 52px;
    }

    .business-hours__row {
        font-size: 13px;
    }

}


@media (max-width: 575px) {

    .contact-page__heading h2 {
        font-size: 29px;
    }

    .contact-page__tag {
        font-size: 12px;
    }

    .contact-form-group input {
        height: 50px;
    }

    .contact-form-group textarea {
        min-height: 120px;
    }

    .contact-submit-btn {
        width: 100%;
    }

}

/* ==========================================
   COMPACT CONTACT SECTION
========================================== */

.contact-section {
    padding: 145px 0 55px;
    background: #fff;
    overflow: hidden;
}


/* ==========================================
   HEADING
========================================== */

.contact-heading {
    max-width: 850px;
    margin: 0 auto 30px;
}

.contact-heading span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #f58220;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 6px;
}

.contact-heading span:before {
    content: "\f1d8";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #fff1df;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #f58220;
    font-size: 15px;
}

.contact-heading h2 {
    margin: 0 0 8px;
    color: #122c27;
    font-size: 38px;
    line-height: 1.1;
    font-weight: 800;
}

.contact-heading p {
    margin: 0 auto;
    color: #69716f;
    font-size: 14px;
    line-height: 1.5;
    max-width: 780px;
}


/* ==========================================
   LEFT CARDS
========================================== */

.contact-cards {
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: 100%;
}


/* ==========================================
   COMMON CARD
========================================== */

.contact-card {
    position: relative;
    min-height: 145px;
    border-radius: 16px;
    overflow: hidden;
    padding: 20px 25px;
    color: #fff;
    transition: all .3s ease;
    isolation: isolate;
}

.contact-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0,0,0,.12);
}

.contact-card-content {
    position: relative;
    z-index: 3;
}

.contact-card h3 {
    margin: 0 0 12px;
    color: #fff;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 800;
}


/* ==========================================
   COLORS
========================================== */

.contact-card-green {
    background: #8ca63f;
}

.contact-card-orange {
    background: #ff9200;
}

.contact-card-pink {
    background: #700112;
}


/* ==========================================
   CONTACT DETAILS
========================================== */

.contact-detail {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 8px;
}

.contact-detail:last-child {
    margin-bottom: 0;
}

.contact-detail i {
    width: 23px;
    min-width: 23px;
    font-size: 14px;
    padding-top: 2px;
    color: #fff;
}

.contact-detail p {
    margin: 0;
    color: #fff;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 500;
}


/* ==========================================
   BUSINESS HOURS
========================================== */

.hours-row {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    padding: 5px 0;
    border-bottom: 1px dashed rgba(255,255,255,.3);
    font-size: 13px;
}

.hours-row:last-child {
    border-bottom: 0;
}

.hours-row span,
.hours-row strong {
    color: #fff;
}

.hours-row strong {
    white-space: nowrap;
}


/* ==========================================
   PINK CARD
========================================== */

.contact-card-pink {
    min-height: 145px;
}

.card-text {
    max-width: 420px;
    margin: 0 0 12px !important;
    color: #fff;
    font-size: 13px;
    line-height: 1.45;
}

.contact-card-btn {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 8px 16px;
    border-radius: 25px;
    background: #fff;
    color: #700112;
    font-size: 12px;
    font-weight: 700;
    transition: .3s ease;
}

.contact-card-btn:hover {
    background: #122c27;
    color: #fff;
}


/* ==========================================
   ORANGE WAVE
========================================== */

.contact-wave {
    position: absolute;
    z-index: 1;
    left: -5%;
    bottom: -65px;
    width: 110%;
    height: 90px;
    background: #ffad18;
    border-radius: 50% 50% 0 0;
    transform: rotate(-3deg);
    opacity: .95;
}


/* ==========================================
   DECORATIVE CIRCLE
========================================== */

.contact-card:after {
    content: "";
    position: absolute;
    right: 20px;
    bottom: 15px;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,.13);
    z-index: 2;
}

.contact-card:before {
    content: "";
    position: absolute;
    right: 40px;
    bottom: 35px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(255,255,255,.18);
    z-index: 2;
}


/* ==========================================
   FORM
========================================== */

.contact-form-box {
    height: 100%;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 20px;
    padding: 30px 35px;
    box-shadow: 0 10px 35px rgba(0,0,0,.06);
}

.form-small-title {
    display: block;
    color: #f58220;
    font-size: 11px;
    font-weight: 700;
    margin-bottom: 6px;
}

.contact-form-box h3 {
    color: #102c27;
    font-size: 27px;
    font-weight: 800;
    margin: 0 0 20px;
}


/* ==========================================
   FORM GROUP
========================================== */

.form-group {
    margin-bottom: 13px;
}

.form-group label {
    display: block;
    margin-bottom: 5px;
    color: #142d29;
    font-size: 12px;
    font-weight: 600;
}

.form-group input,
.form-group textarea {
    width: 100%;
    border: 1px solid #ddd7c8;
    background: #f5f0e3;
    border-radius: 25px;
    padding: 10px 16px;
    outline: none;
    color: #253b37;
    font-size: 13px;
    transition: .3s ease;
}

.form-group input {
    height: 43px;
}

.form-group textarea {
    min-height: 95px;
    height: 95px;
    border-radius: 17px;
    resize: none;
}

.form-group input:focus,
.form-group textarea:focus {
    border-color: #f58220;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(245,130,32,.07);
}

.form-group input::placeholder,
.form-group textarea::placeholder {
    color: #999;
}


/* ==========================================
   TERMS
========================================== */

.form-check-custom {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 2px 0 15px;
}

.form-check-custom input {
    width: 13px;
    height: 13px;
    accent-color: #09604d;
}

.form-check-custom label {
    color: #858585;
    font-size: 11px;
}


/* ==========================================
   BUTTON
========================================== */

.contact-submit {
    border: 0;
    outline: 0;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 11px 22px;
    border-radius: 25px;
    background: #8ca63f;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: .3s ease;
}

.contact-submit:hover {
    background: #122c27;
    transform: translateY(-2px);
}

.contact-submit i {
    font-size: 15px;
}


/* ==========================================
   LAPTOP - 1366px / 1440px
========================================== */

@media (min-width: 992px) and (max-width: 1440px) {

    .contact-section {
        padding: 153px 0 45px;
    }

    .contact-heading {
        margin-bottom: 25px;
    }

    .contact-heading h2 {
        font-size: 34px;
    }

    .contact-heading p {
        font-size: 13px;
    }

    .contact-card {
        min-height: 135px;
        padding: 17px 22px;
    }

    .contact-card h3 {
        font-size: 20px;
        margin-bottom: 9px;
    }

    .contact-detail {
        margin-bottom: 5px;
    }

    .contact-detail p {
        font-size: 12px;
    }

    .contact-form-box {
        padding: 25px 30px;
    }

    .contact-form-box h3 {
        font-size: 25px;
        margin-bottom: 16px;
    }

    .form-group {
        margin-bottom: 10px;
    }

    .form-group input {
        height: 40px;
    }

    .form-group textarea {
        height: 82px;
        min-height: 82px;
    }

    .form-check-custom {
        margin-bottom: 11px;
    }
}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 991px) {

    .contact-section {
        padding: 55px 0;
    }

    .contact-heading {
        margin-bottom: 35px;
    }

    .contact-heading h2 {
        font-size: 34px;
    }

    .contact-cards {
        margin-bottom: 20px;
    }

    .contact-form-box {
        padding: 30px;
    }
}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px) {

    .contact-section {
        padding: 45px 15px;
    }

    .contact-heading h2 {
        font-size: 30px;
    }

    .contact-heading p {
        font-size: 14px;
    }

    .contact-card {
        min-height: 145px;
    }

    .contact-form-box {
        padding: 25px 20px;
    }

    .contact-form-box h3 {
        font-size: 25px;
    }
}


@media (max-width: 575px) {

    .contact-heading h2 {
        font-size: 27px;
    }

    .contact-card {
        padding: 22px;
    }

    .contact-submit {
        width: 100%;
        justify-content: center;
    }
}

/* =========================================
   BOOSTER PRODUCTS BANNER
========================================= */

.booster-products-banner {
    position: relative;
    overflow: hidden;
    min-height: 300px;
    margin: 40px 0;
    padding: 55px 70px;
    display: flex;
    align-items: center;
    border-radius: 24px;
    background: linear-gradient(110deg, #6b9b2b 0%, #5c6b2f 48%, #d89b08 100%);
}

/* Decorative circles */
.booster-products-banner::before,
.booster-products-banner::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.booster-products-banner::before {
    width: 280px;
    height: 280px;
    right: -80px;
    top: -120px;
    background: rgba(255,255,255,.12);
}

.booster-products-banner::after {
    width: 220px;
    height: 220px;
    right: 180px;
    bottom: -150px;
    background: rgba(255,255,255,.08);
}

/* Content */
.booster-banner-content {
    position: relative;
    z-index: 2;
    max-width: 700px;
}

.booster-banner-tag {
    display: inline-block;
    margin-bottom: 12px;
    padding: 6px 15px;
    border-radius: 30px;
    background: #fff;
    color: #0b6250;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.2px;
}

.booster-banner-content h2 {
    margin: 0 0 12px;
    color: #fff;
    font-size: 42px;
    line-height: 1.08;
    font-weight: 800;
}

.booster-banner-content p {
    margin: 0 0 24px;
    color: rgba(255,255,255,.9);
    font-size: 17px;
}

/* Button */
.booster-banner-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 13px 24px;
    border-radius: 40px;
    background: #fdc850;
    /*color: #fff;*/
    font-size: 18px;
    font-weight: 800;
    text-decoration: none;
    transition: .3s ease;
}

.booster-banner-btn:hover {
    background: #fff;
    color: #6b9b2b;
    transform: translateY(-3px);
}

.booster-banner-btn .icon-arrow {
    transition: .3s ease;
}

.booster-banner-btn:hover .icon-arrow {
    transform: translateX(4px);
}

/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 767px) {

    .booster-products-banner {
        min-height: 270px;
        padding: 40px 25px;
        margin: 30px 0;
        border-radius: 18px;
    }

    .booster-banner-content h2 {
        font-size: 30px;
    }

    .booster-banner-content p {
        font-size: 14px;
    }

    .booster-banner-btn {
        padding: 11px 20px;
        font-size: 14px;
    }
}

/* =========================================
   BOOSTER SHOTS - 6 PRODUCTS
========================================= */

.booster-shots-section {
    padding: 70px 0;
}

.booster-shots-section .sec-title {
    margin-bottom: 5px;
}

.booster-shots-section .row {
    row-gap: 25px;
}

.booster-shots-section .farmed-style1__single {
    height: 100%;
    text-align: center;
    padding: 20px 12px 18px;
    transition: all .3s ease;
}

.booster-shots-section .farmed-style1__icon {
    width: 100%;
    height: 190px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
}

.booster-shots-section .farmed-style1__icon img {
    width: 100%;
    max-width: 150px;
    height: 180px;
    object-fit: contain;
    transition: transform .35s ease;
}

.booster-shots-section .farmed-style1__single:hover
.farmed-style1__icon img {
    transform: translateY(-8px) scale(1.04);
}

.booster-shots-section .farmed-style1__title {
    margin: 5px 0 10px;
    font-size: 19px;
    line-height: 1.2;
}

.booster-shots-section .farmed-style1__title a {
    text-decoration: none;
}

.booster-shots-section .farmed-style1__arrow {
    margin-top: 8px;
}

/* Laptop */
@media (max-width: 1199px) {

    .booster-shots-section .farmed-style1__icon {
        height: 170px;
    }

    .booster-shots-section .farmed-style1__icon img {
        max-width: 130px;
        height: 160px;
    }

    .booster-shots-section .farmed-style1__title {
        font-size: 17px;
    }
}

/* Tablet */
@media (max-width: 991px) {

    .booster-shots-section {
        padding: 55px 0;
    }

    .booster-shots-section .farmed-style1__icon {
        height: 180px;
    }

    .booster-shots-section .farmed-style1__icon img {
        max-width: 140px;
        height: 170px;
    }
}

/* Mobile */
@media (max-width: 575px) {

    .booster-shots-section {
        padding: 45px 0;
    }

    .booster-shots-section .farmed-style1__icon {
        height: 170px;
    }

    .booster-shots-section .farmed-style1__icon img {
        max-width: 135px;
    }

    .booster-shots-section .farmed-style1__title {
        font-size: 16px;
    }
}


.healthy-product-card {
    text-align: center;
    margin-bottom: 30px;
}

.healthy-product-card img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
}

.healthy-product-card h3 {
    margin-top: 15px;
    font-size: 20px;
    font-weight: 600;
}

/* Desktop - exactly 6 columns */
@media (min-width: 1200px) {
    .healthy-product-card img {
        height: 220px;
    }
}

/* Tablet */
@media (max-width: 991px) {
    .healthy-product-card img {
        height: 200px;
    }
}

/* Mobile */
@media (max-width: 575px) {
    .healthy-product-card img {
        height: 220px;
    }
}

/* Healthy Products - No Carousel */
.farmed-for-you .row {
    display: flex;
    flex-wrap: wrap;
}

.farmed-for-you .single-farmed-for-you {
    height: 100%;
    margin-bottom: 30px;
}

.farmed-for-you .single-farmed-for-you__content {
    height: 100%;
    text-align: center;
}

.farmed-for-you .single-farmed-for-you__content-icon {
    width: 100%;
    height: 220px;
    overflow: hidden;
    margin-bottom: 15px;
}

.farmed-for-you .single-farmed-for-you__content-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.farmed-for-you .single-farmed-for-you__content-text h3 {
    margin-bottom: 8px;
}

.farmed-for-you .single-farmed-for-you__content-text p {
    margin-bottom: 0;
}

/* Desktop - 6 products */
@media (min-width: 1200px) {
    .farmed-for-you .col-xl-2 {
        width: 16.666667%;
    }
}

/* Tablet */
@media (max-width: 1199px) {
    .farmed-for-you .single-farmed-for-you__content-icon {
        height: 220px;
    }
}

/* Mobile */
@media (max-width: 575px) {
    .farmed-for-you .single-farmed-for-you__content-icon {
        height: 240px;
    }
}


/* =========================================================
   BOOSTER SHOTS TESTIMONIALS
========================================================= */

.shots-testimonials {
    position: relative;
    overflow: hidden;
    padding: 110px 0 100px;
    background: #f7f5e9;
    z-index: 1;
}


/* Organic background shapes */

.shots-testimonials::before {
    content: "";
    position: absolute;
    top: -180px;
    left: -180px;
    width: 420px;
    height: 420px;
    background: rgba(103, 133, 42, 0.08);
    border-radius: 58% 42% 65% 35%;
    transform: rotate(25deg);
    z-index: -1;
}

.shots-testimonials::after {
    content: "";
    position: absolute;
    bottom: -200px;
    right: -150px;
    width: 420px;
    height: 420px;
    background: rgba(231, 183, 55, 0.10);
    border-radius: 42% 58% 35% 65%;
    transform: rotate(-20deg);
    z-index: -1;
}


/* Heading */

.shots-testimonials__heading {
    text-align: center;
    max-width: 700px;
    margin: 0 auto 55px;
}

.shots-testimonials__subtitle {
    display: inline-block;
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #6b8e23;
}

.shots-testimonials__heading h2 {
    margin: 0 0 14px;
    font-size: 48px;
    line-height: 1.15;
    font-weight: 700;
    color: #263b18;
}

.shots-testimonials__heading p {
    margin: 0;
    font-size: 17px;
    line-height: 1.7;
    color: #68705f;
}


/* Cards Grid */

.shots-testimonials__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
    align-items: stretch;
}


/* Card */

.shots-testimonial-card {
    position: relative;
    padding: 35px 32px 30px;
    background: #ffffff;
    border: 1px solid rgba(65, 89, 38, 0.10);
    border-radius: 30px 12px 30px 12px;
    box-shadow: 0 15px 45px rgba(49, 67, 32, 0.08);
    overflow: hidden;
    transition: all 0.4s ease;
}

.shots-testimonial-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 25px 55px rgba(49, 67, 32, 0.14);
}


/* Organic card corner */

.shots-testimonial-card::after {
    content: "";
    position: absolute;
    width: 100px;
    height: 100px;
    right: -45px;
    top: -45px;
    background: rgba(105, 137, 42, 0.08);
    border-radius: 50%;
}


/* Highlight Card */

.shots-testimonial-card--highlight {
    background: #667f28;
    border-color: #667f28;
    transform: translateY(-15px);
}

.shots-testimonial-card--highlight:hover {
    transform: translateY(-25px);
}

.shots-testimonial-card--highlight .shots-testimonial-card__text {
    color: rgba(255, 255, 255, 0.90);
}

.shots-testimonial-card--highlight h4 {
    color: #ffffff;
}

.shots-testimonial-card--highlight
.shots-testimonial-card__user span {
    color: rgba(255, 255, 255, 0.65);
}

.shots-testimonial-card--highlight
.shots-testimonial-card__product {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.12);
}


/* Top */

.shots-testimonial-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
}


/* Quote */

.shots-testimonial-card__quote {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #edf2dc;
    border-radius: 50% 45% 55% 40%;
}

.shots-testimonial-card__quote span {
    font-family: Georgia, serif;
    font-size: 38px;
    line-height: 1;
    color: #668126;
    margin-top: 8px;
}


/* Stars */

.shots-testimonial-card__stars {
    color: #e1a925;
    font-size: 17px;
    letter-spacing: 2px;
}


/* Text */

.shots-testimonial-card__text {
    min-height: 120px;
    margin: 0 0 30px;
    font-size: 16px;
    line-height: 1.8;
    color: #5d6656;
}


/* User */

.shots-testimonial-card__user {
    display: flex;
    align-items: center;
    gap: 14px;
    padding-top: 20px;
    border-top: 1px solid rgba(65, 89, 38, 0.10);
}

.shots-testimonial-card__avatar {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: #e7edd2;
    color: #526d20;
    font-size: 18px;
    font-weight: 700;
    border-radius: 50% 45% 55% 40%;
}

.shots-testimonial-card__user h4 {
    margin: 0 0 3px;
    font-size: 17px;
    font-weight: 700;
    color: #263b18;
}

.shots-testimonial-card__user span {
    display: block;
    font-size: 12px;
    color: #8a9280;
}


/* Product Name */

.shots-testimonial-card__product {
    position: absolute;
    right: 25px;
    bottom: 27px;
    padding: 6px 13px;
    border-radius: 20px;
    background: #f0f3e5;
    color: #69822b;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.4px;
}


/* Bottom Highlight */

.shots-testimonials__bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 70px;
    margin-top: 65px;
    padding: 24px 30px;
    background: rgba(255, 255, 255, 0.75);
    border: 1px solid rgba(105, 137, 42, 0.10);
    border-radius: 50px;
}


.shots-testimonials__bottom-item {
    display: flex;
    align-items: center;
    gap: 12px;
}


.shots-testimonials__bottom-item .icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e9efd6;
    color: #6a862a;
    border-radius: 50%;
    font-size: 18px;
}


.shots-testimonials__bottom-item strong {
    display: block;
    margin-bottom: 2px;
    font-size: 14px;
    color: #30451e;
}


.shots-testimonials__bottom-item small {
    display: block;
    font-size: 11px;
    color: #858c79;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 991px) {

    .shots-testimonials {
        padding: 80px 0;
    }

    .shots-testimonials__heading h2 {
        font-size: 40px;
    }

    .shots-testimonials__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .shots-testimonial-card--highlight {
        transform: none;
    }

    .shots-testimonial-card--highlight:hover {
        transform: translateY(-10px);
    }

    .shots-testimonials__bottom {
        gap: 30px;
        flex-wrap: wrap;
        border-radius: 30px;
    }
}


@media (max-width: 767px) {

    .shots-testimonials {
        padding: 65px 0;
    }

    .shots-testimonials__heading {
        margin-bottom: 40px;
    }

    .shots-testimonials__heading h2 {
        font-size: 32px;
    }

    .shots-testimonials__heading p {
        font-size: 15px;
    }

    .shots-testimonials__grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .shots-testimonial-card {
        padding: 28px 25px;
    }

    .shots-testimonial-card__text {
        min-height: auto;
    }

    .shots-testimonials__bottom {
        align-items: flex-start;
        flex-direction: column;
        gap: 20px;
        padding: 25px;
    }

}


@media (max-width: 480px) {

    .shots-testimonials__heading h2 {
        font-size: 28px;
    }

    .shots-testimonial-card__product {
        position: static;
        display: inline-block;
        margin-top: 15px;
    }

}


/* ==========================================
   TESTIMONIAL AUTOPLAY
========================================== */

.shots-testimonials__grid {
    position: relative;
    display: block;
    max-width: 850px;
    margin: 0 auto;
    min-height: 330px;
}

.shots-testimonial-card {
    width: 100%;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
    transform: translateY(20px);
    transition: opacity 0.7s ease, transform 0.7s ease, visibility 0.7s ease;
}

.shots-testimonial-card.active {
    opacity: 1;
    visibility: visible;
    position: relative;
    transform: translateY(0);
}

/* Smooth card appearance */
.shots-testimonial-card.active {
    animation: testimonialFade 0.7s ease;
}

@keyframes testimonialFade {
    from {
        opacity: 0;
        transform: translateY(25px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Mobile */
@media (max-width: 767px) {

    .shots-testimonials__grid {
        min-height: 400px;
        padding: 0 10px;
    }

    .shots-testimonial-card {
        width: 100%;
    }

}

/* ==========================================
   BOOSTER TESTIMONIALS
========================================== */

.boost-testimonials {
    position: relative;
    overflow: hidden;
    padding: 10px 0 20px;
    background: #f7f5e9;
}

/* Decorative background */
.boost-testimonials__bg {
    position: absolute;
    width: 520px;
    height: 520px;
    background: #dcefd4;
    border-radius: 50%;
    top: -280px;
    left: -180px;
    opacity: .7;
}

.boost-testimonials__bg:after {
    content: "";
    position: absolute;
    width: 350px;
    height: 350px;
    background: #f5d69c;
    border-radius: 50%;
    right: -900px;
    top: 550px;
}


/* ==========================================
   HEADING
========================================== */

.boost-testimonials__heading {
    position: relative;
    text-align: center;
    margin-bottom: 45px;
}

.boost-testimonials__eyebrow {
    display: inline-block;
    padding: 8px 18px;
    border-radius: 50px;
    background: #d7e4c6;
    color: #6b9b2b !important;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.boost-testimonials__heading h2 {
    margin: 0;
    font-size: 45px;
    line-height: 1.15;
    font-weight: 700;
    color: #5c6b2f;
}

.boost-testimonials__heading h2 span {
    color: #e57b32;
}

.boost-testimonials__heading p {
    margin: 15px 0 0;
    color: #777;
    font-size: 16px;
}


/* ==========================================
   SLIDER AREA
========================================== */

.boost-testimonial-slider {
    position: relative;
    max-width: 920px;
    margin: auto;
    min-height: 430px;
    display: flex;
    justify-content: center;
    align-items: center;
}


/* ==========================================
   MAIN CARD
========================================== */

.boost-testimonial-card {
    position: relative;
    width: 650px;
    min-height: 380px;
    padding: 48px 55px 35px;
    background: #fff;
    border-radius: 35px;
    text-align: center;
    box-shadow: 0 25px 70px rgba(39, 72, 43, .13);
    z-index: 3;
    overflow: hidden;
    transition: .4s ease;
}

.boost-testimonial-card:before {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    background: #edf7e8;
    border-radius: 50%;
    top: -80px;
    left: -70px;
}

.boost-testimonial-card:after {
    content: "";
    position: absolute;
    width: 150px;
    height: 150px;
    background: #fff1dc;
    border-radius: 50%;
    bottom: -80px;
    right: -60px;
}


/* ==========================================
   QUOTE
========================================== */

.boost-quote {
    position: absolute;
    top: 25px;
    left: 40px;
    font-family: Georgia, serif;
    font-size: 85px;
    line-height: 1;
    color: #e7a143;
    opacity: .45;
}

.boost-quote span {
    position: relative;
}


/* ==========================================
   PRODUCT BADGE
========================================== */

.boost-product-badge {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 18px;
    background: #eef7e8;
    border-radius: 50px;
    color: #356b3e;
    font-size: 13px;
    font-weight: 700;
}

.boost-product-dot {
    width: 8px;
    height: 8px;
    background: #e67e32;
    border-radius: 50%;
    display: inline-block;
    animation: boostPulse 1.5s infinite;
}

@keyframes boostPulse {

    0% {
        box-shadow: 0 0 0 0 rgba(230,126,50,.5);
    }

    70% {
        box-shadow: 0 0 0 8px rgba(230,126,50,0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(230,126,50,0);
    }
}


/* ==========================================
   STARS
========================================== */

.boost-stars {
    position: relative;
    /* margin: 20px 0 13px; */
    color: #f1a33c;
    font-size: 19px;
    letter-spacing: 3px;
}


/* ==========================================
   TESTIMONIAL TEXT
========================================== */

.boost-testimonial-content {
    position: relative;
    min-height: 75px;
}

.boost-testimonial-content p {
    max-width: 520px;
    margin: auto;
    color: #555;
    font-size: 17px;
    line-height: 1.8;
}


/* ==========================================
   CUSTOMER
========================================== */

.boost-customer {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin-top: 20px;
}

.boost-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #316b3d;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: 700;
}

.boost-customer-info {
    text-align: left;
}

.boost-customer-info h4 {
    margin: 0 0 3px;
    color: #9c2b4e;
    font-size: 16px;
}

.boost-customer-info span {
    font-size: 12px;
    color: #7c9a80;
}


/* ==========================================
   CONTROLS
========================================== */

.boost-testimonial-controls {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 25px;
}

.boost-testimonial-arrow {
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 50%;
    background: #edf5e9;
    color: #316b3d;
    cursor: pointer;
    transition: .3s;
}

.boost-testimonial-arrow:hover {
    background: #316b3d;
    color: #fff;
    transform: scale(1.08);
}

.boost-testimonial-dots {
    display: flex;
    align-items: center;
    gap: 7px;
}

.boost-testimonial-dots button {
    width: 8px;
    height: 8px;
    border: 0;
    padding: 0;
    border-radius: 50%;
    background: #c7d6c5;
    cursor: pointer;
    transition: .3s;
}

.boost-testimonial-dots button.active {
    width: 25px;
    border-radius: 20px;
    background: #e57b32;
}


/* ==========================================
   FLOATING BADGES
========================================== */

.boost-floating {
    position: absolute;
    z-index: 5;
    width: 125px;
    height: 125px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    box-shadow: 0 15px 40px rgba(0,0,0,.1);
    animation: floatingBadge 3s ease-in-out infinite;
}

.boost-floating span {
    font-size: 22px;
    font-weight: 800;
}

.boost-floating small {
    font-size: 11px;
    margin-top: 3px;
}

.boost-floating--left {
    left: 0;
    top: 35px;
    background: #e5f1dc;
    color: #356b3e;
}

.boost-floating--right {
    right: 0;
    bottom: 35px;
    background: #ffe0b8;
    color: #a75d24;
    animation-delay: 1s;
}

@keyframes floatingBadge {

    0%,100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }
}


/* ==========================================
   BOTTOM HIGHLIGHTS
========================================== */

.boost-review-highlights {
    max-width: 1000px;
    margin: 55px auto 0;
    display: flex;
    justify-content: center;
    gap: 18px;
}

.boost-highlight {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px 22px;
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 8px 25px rgba(0,0,0,.05);
    transition: .3s;
}

.boost-highlight:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 35px rgba(0,0,0,.1);
}

.boost-highlight-icon {
    width: 45px;
    height: 45px;
    flex: 0 0 45px;
    border-radius: 50%;
    background: #edf6e9;
    color: #3b7544;
    display: flex;
    justify-content: center;
    align-items: center;
}

.boost-highlight strong {
    display: block;
    color: #254d30;
    font-size: 14px;
}

.boost-highlight span {
    display: block;
    margin-top: 3px;
    color: #999;
    font-size: 11px;
}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 991px) {

    .boost-floating {
        display: none;
    }

    .boost-testimonial-card {
        width: 90%;
    }

}

@media (max-width: 767px) {

    .boost-testimonials {
        padding: 65px 0;
    }

    .boost-testimonials__heading h2 {
        font-size: 32px;
    }

    .boost-testimonial-slider {
        min-height: 470px;
    }

    .boost-testimonial-card {
        width: 100%;
        padding: 42px 25px 30px;
        border-radius: 25px;
    }

    .boost-testimonial-content p {
        font-size: 15px;
        line-height: 1.7;
    }

    .boost-review-highlights {
        flex-direction: column;
        margin-top: 30px;
    }

}

@media (max-width: 767px) {
    .main-slider-style4,
    .main-slider-style4__shape-bg,
    .banner-slider {
        display: block !important;
    }
}

/* ==========================================
   TWO LOGOS - HEADER STYLE 4
========================================== */

.main-header-style4__content-inner {
    position: relative;
}

/* Left Logo */
.main-header-logo-left {
    position: relative;
    z-index: 10;
}

.main-header-logo-left img {
    max-width: 170px;
    height: auto;
    display: block;
}

/* Center Logo */
.main-header-logo-center {
    position: absolute;
    left: 50%;
    top: 20px;
    transform: translateX(-50%);
    z-index: 20;
}

.main-header-logo-center img {
    max-width: 150px;
    height: auto;
    display: block;
}

/* ==========================================
   DESKTOP
========================================== */

@media (min-width: 992px) {

    .main-header-logo-left {
        position: absolute;
        left: 0;
        top: 20px;
    }

    .main-header-logo-center {
        top: 18px;
    }

}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 991px) {

    .main-header-logo-left img {
        max-width: 140px;
    }

    .main-header-logo-center {
        top: 15px;
    }

    .main-header-logo-center img {
        max-width: 120px;
    }

}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px) {

    .main-header-logo-left img {
        max-width: 120px;
    }

    .main-header-logo-center {
        position: absolute;
        left: 50%;
        top: 15px;
        transform: translateX(-50%);
    }

    .main-header-logo-center img {
        max-width: 100px;
    }

}


/* ==========================================
   MENU ROW - TWO LOGOS
========================================== */

.main-header-style2__content-bottom {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 90px;
}

/* LEFT LOGO */
.menu-left-logo {
    flex: 0 0 auto;
    width: 180px;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 10;
}

.menu-left-logo img {
    width: 150px;
    height: auto;
    display: block;
}

/* MENU */
.main-header-style2__content-bottom-left {
    flex: 1;
}

.main-menu-style2 {
    width: 100%;
}

/* CENTER LOGO */
.menu-center-logo {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
}

.menu-center-logo img {
    width: 130px;
    height: auto;
    display: block;
}

/* RIGHT SIDE */
.main-header-style2__content-bottom-right {
    flex: 0 0 auto;
    position: relative;
    z-index: 10;
}


/* ==========================================
   DESKTOP
========================================== */

@media (min-width: 1200px) {

    .menu-left-logo {
        width: 190px;
    }

    .menu-left-logo img {
        width: 155px;
    }

    .menu-center-logo img {
        width: 135px;
    }

}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 1199px) {

    .menu-left-logo {
        width: 150px;
    }

    .menu-left-logo img {
        width: 125px;
    }

    .menu-center-logo img {
        width: 110px;
    }

}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 991px) {

    .main-header-style2__content-bottom {
        min-height: 75px;
    }

    .menu-left-logo {
        width: auto;
    }

    .menu-left-logo img {
        width: 110px;
    }

    .menu-center-logo {
        display: none;
    }

    .main-header-style2__content-bottom-left {
        flex: 1;
    }

}


/* =========================================================
   ECLAT FOODZ - CUSTOM HEADER
========================================================= */

.main-header-style4__content-inner {
    position: relative !important;
    /* min-height: 210px; */
}


/* =========================================================
   LEFT LOGO
========================================================= */

.eclat-left-logo {
    position: absolute;
    left: 0;
    top: 0;
    width: 155px;
    height: 123px;
    z-index: 50;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
}

.eclat-left-logo img {
    height: auto;
    display: block;
}


/* =========================================================
   TOP GREEN BAR
========================================================= */

.eclat-top-bar {
    position: relative;
    /* margin-left: 155px; */

    height: 50px;

    background: #000;

    display: flex;
    align-items: center;
    justify-content: flex-end;

    padding: 0 30px;

    color: #ffffff;

    z-index: 20;
}


/* =========================================================
   CONTACT INFORMATION
========================================================= */

.eclat-contact-info {
    display: flex;
    align-items: center;
    gap: 25px;
    margin-right: 35px;
}

.eclat-contact-item {
    display: flex;
    align-items: center;
    gap: 3px;
    white-space: nowrap;
}

.eclat-contact-item span {
    font-size: 15px;
    color: #ffffff;
}

.eclat-contact-item a {
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
}

.eclat-contact-item a:hover {
    color: #f89a1c;
}


/* =========================================================
   TOP RIGHT
========================================================= */

.eclat-top-right {
    display: flex;
    align-items: center;
    /* gap: 25px; */
}


/* SOCIAL */

.eclat-social {
    list-style: none;
    padding: 0;
    margin: 0;

    display: flex;
    align-items: center;
    /* gap: 20px; */
}

.eclat-social li {
    margin: 0;
    padding: 0;
}

.eclat-social li a {
    color: #ffffff;
    font-size: 15px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.eclat-social li a:hover {
    color: #f89a1c;
}


/* =========================================================
   SEARCH
========================================================= */

.eclat-search {
    border-left: 1px solid rgba(255,255,255,0.4);
    padding-left: 25px;
}

.eclat-search a {
    display: flex;
    align-items: center;
    gap: 10px;

    color: #ffffff;

    font-size: 15px;
    font-weight: 600;

    text-decoration: none;
}

.eclat-search .icon-search {
    font-size: 18px;
}


/* =========================================================
   CART
========================================================= */

.eclat-cart {
    border-left: 1px solid rgba(255,255,255,0.4);
    padding-left: 25px;
}

.eclat-cart a {
    display: flex;
    align-items: center;
    gap: 8px;

    color: #ffffff;

    font-size: 15px;
    font-weight: 600;

    text-decoration: none;
}

.eclat-cart .icon-empty-cart {
    font-size: 19px;
}


/* =========================================================
   CENTER LOGO
========================================================= */

.eclat-center-logo {
    position: absolute;

    left: 50%;
    top:1px;
    transform: translateX(-50%);

    width: 150px;

    z-index: 40;

    text-align: center;
}

.eclat-center-logo img {
    width: 127px;
    height: 122px;
    display: inline-block;
}


/* =========================================================
   MENU ROW
========================================================= */

.eclat-menu-row {

    position: relative;

    right: 0;

    bottom: 0;

    height: 80px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    background: #ffffff;

    border-top: 1px solid #eeeeee;

    z-index: 30;

}


/* =========================================================
   MENU LEFT ONLY
========================================================= */

.eclat-menu-left {
    display: flex;
    align-items: center;

    padding-left: 97px;

    flex: 1;
}


/* Remove template spacing */

.eclat-menu-left .main-menu {
    width: auto;
}

.eclat-menu-left .main-menu__wrapper {
    width: auto;
}

.eclat-menu-left .main-menu__wrapper-inner {
    width: auto;
}

.eclat-menu-left .main-menu-box {
    width: auto;
}


/* MENU LIST */

.eclat-menu-left .main-menu__list {
    display: flex !important;

    align-items: center;

    /* gap: 25px; */

    margin: 0;
    padding: 0;

    list-style: none;
}

.eclat-menu-left .main-menu__list > li {
    margin: 0 !important;
    padding: 0 !important;
}

.eclat-menu-left .main-menu__list > li > a {
    font-size: 16px;
    font-weight: 600;

    color: #171717;

    white-space: nowrap;

    text-decoration: none;
}

.eclat-menu-left .main-menu__list > li > a {
    padding: 8px 16px;
    transition: background-color 0.3s ease, color 0.3s ease;
    position: relative;
    z-index: 1;
}

.eclat-menu-left .main-menu__list > li:hover > a,
.eclat-menu-left .main-menu__list > li > a:hover {
    background-color: #000;
    color: #fff !important;
    text-decoration: none;
    z-index: 10;
}


/* =========================================================
   ORDER BUTTON
========================================================= */

.eclat-order {
    padding-right: 0;
    margin-left: auto;
}

.eclat-order .btn-one {
   

    color: #ffffff;

    height: 50px;

    padding: 0 25px;

    border-radius: 30px;

    display: inline-flex;

    align-items: center;

    gap: 12px;

    font-weight: 700;

    text-decoration: none;
}

.eclat-order .btn-one:hover {
    /* background: #00574f; */
}


/* =========================================================
   REMOVE OLD LOGO / HEADER ELEMENTS
========================================================= */

.menu-left-logo {
    display: none !important;
}

.main-header-style4__content-top {
    display: none !important;
}

.main-header-style2__content-bottom {
    display: none !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 991px) {

    .main-header-style4__content-inner {
        min-height: 80px !important;
    }

    .eclat-left-logo {
        position: relative;
        top: auto;
        left: auto;

        width: 120px;
        height: 80px;

        float: left;
    }

    .eclat-left-logo img {
        width: 105px;
    }

    .eclat-top-bar {
        display: none;
    }

    .eclat-center-logo {
        display: none;
    }

    .eclat-menu-row {
        position: relative;

        left: auto;
        right: auto;
        bottom: auto;

        height: 80px;

        margin-left: 120px;
    }

    .eclat-menu-left {
        padding-left: 15px;
    }

    .eclat-menu-left .main-menu__list {
        display: none !important;
    }

    .eclat-order {
        display: none;
    }

    .eclat-menu-left .mobile-nav__toggler {
        display: block;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 575px) {

    .eclat-left-logo {
        width: 100px;
    }

    .eclat-left-logo img {
        width: 90px;
    }

    .eclat-menu-row {
        margin-left: 100px;
    }

}

/* =========================================================
   PRODUCT CARD LINK
========================================================= */

.booster-product-link {
    display: block;
    width: 100%;
    height: 100%;
    color: inherit;
    text-decoration: none;
}


/* Keep product title styling */

.booster-product-link .booster-product-info h4 {
    color: #222;
    transition: all 0.3s ease;
}


/* Remove default anchor styling */

.booster-product-link:hover,
.booster-product-link:focus {
    text-decoration: none;
    color: inherit;
}


/* Product image */

.booster-product-image {
    position: relative;
    overflow: hidden;
}


/* Image zoom */

.booster-product-link:hover .booster-product-image img {
    transform: scale(1.05);
}


/* Product title hover */

.booster-product-link:hover .booster-product-info h4 {
    /*color: #005b52;*/
}


/* Arrow */

.booster-product-overlay span {
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Cursor */

.booster-product-link {
    cursor: pointer;
}

/* ==========================================
   TESTIMONIAL SECTION
========================================== */

.boost-testimonials {
    position: relative;
    padding: 10px 0 40px;
    overflow: hidden;
}

.boost-testimonials__heading {
    margin-bottom: 55px;
}

.boost-testimonials__eyebrow {
    display: inline-block;
    margin-bottom: 12px;
    color: #9c2b4e;
    font-size: 25px;
    font-weight: 700;
    letter-spacing: 1px;
}

.boost-testimonials__heading h2 {
    margin: 0 0 12px;
    font-size: 42px;
    line-height: 1.2;
}

.boost-testimonials__heading h2 span {
    color: #9c2b4e;
}

.boost-testimonials__heading p {
    margin: 0;
    color: #777;
    font-size: 15px;
}


/* ==========================================
   SWIPER
========================================== */

.boost-testimonial-swiper {
    width: 100%;
    /* padding: 35px 0 50px; */
    overflow: visible;
}

.boost-testimonial-swiper .swiper-wrapper {
    align-items: center;
}

.boost-testimonial-swiper .swiper-slide {
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;

    transition:
        transform 0.5s ease,
        opacity 0.5s ease;
}


/* ==========================================
   TESTIMONIAL CARD
========================================== */

.boost-testimonial-card {
    width: 100%;
    max-width: 390px;
    min-height: 330px;

    background: #fff;

    border-radius: 18px;

    padding: 30px 28px;

    text-align: center;

    border: 1px solid rgba(0, 0, 0, 0.07);

    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.08);

    position: relative;

    transition:
        transform 0.5s ease,
        box-shadow 0.5s ease,
        opacity 0.5s ease;
}


/* ==========================================
   SIDE SLIDES
========================================== */

.boost-testimonial-swiper .swiper-slide:not(.swiper-slide-active) {
    opacity: 0.55;
    transform: scale(0.82);
}

.boost-testimonial-swiper .swiper-slide-active {
    opacity: 1;
    transform: scale(1.08);
    z-index: 5;
}

.boost-testimonial-swiper .swiper-slide-active
.boost-testimonial-card {
    box-shadow: 0 20px 55px rgba(0, 0, 0, 0.14);
}


/* ==========================================
   PRODUCT IMAGE
========================================== */

.boost-product-image {
    width: 85px;
    height: 85px;

    margin: 0 auto 12px;

    border-radius: 50%;

    background: #f5f5ed;

    display: flex;
    align-items: center;
    justify-content: center;

    overflow: hidden;

    transition: all 0.5s ease;
}

.boost-product-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.swiper-slide-active .boost-product-image {
    width: 105px;
    height: 105px;
}


/* ==========================================
   PRODUCT NAME
========================================== */

.boost-product-name {
    font-size: 18px;
    font-weight: 700;
    color: #222;
    margin-bottom: 6px;
}


/* ==========================================
   STARS
========================================== */

.boost-stars {
    color: #e3a62f;
    font-size: 14px;
    letter-spacing: 2px;
    /* margin-bottom: 10px; */
}


/* ==========================================
   QUOTE
========================================== */

.boost-quote {
    position: absolute;

    top: 18px;
    right: 25px;

    font-family: Georgia, serif;

    font-size: 50px;

    line-height: 1;

    color: rgba(47, 107, 58, 0.12);
}


/* ==========================================
   TESTIMONIAL TEXT
========================================== */

.boost-testimonial-text {
    color: #666;

    font-size: 14px;

    line-height: 1.7;

    /* margin: 15px auto 20px; */

    max-width: 330px;
}

.swiper-slide-active .boost-testimonial-text {
    font-size: 15px;
    line-height: 1.75;
}


/* ==========================================
   CUSTOMER
========================================== */

.boost-customer {
    display: flex;

    justify-content: center;

    align-items: center;

    gap: 10px;

    margin-top: 15px;
}

.boost-avatar {
    width: 40px;
    height: 40px;

    border-radius: 50%;

    background: #9c2b4e;

    color: #fff;

    display: flex;
    align-items: center;
    justify-content: center;

    font-weight: 700;

    font-size: 14px;
}

.boost-customer-info {
    text-align: left;
}

.boost-customer-info h4 {
    margin: 0;

    font-size: 14px;

    font-weight: 700;
}

.boost-customer-info span {
    font-size: 11px;

    color: #777;
}


/* ==========================================
   NAVIGATION
========================================== */

.boost-testimonial-navigation {
    display: none;

    justify-content: center;

    align-items: center;

    gap: 18px;

    margin-top: 10px;
}

.boost-testimonial-prev,
.boost-testimonial-next {
    width: 42px;
    height: 42px;

    border: 1px solid #9c2b4e;

    border-radius: 50%;

    background: transparent;

    color: #9c2b4e;

    display: flex;

    align-items: center;

    justify-content: center;

    cursor: pointer;

    transition: all 0.3s ease;
}

.boost-testimonial-prev:hover,
.boost-testimonial-next:hover {
    background: #9c2b4e;
    color: #fff;
}

.boost-testimonial-pagination {
    width: auto !important;
}

.boost-testimonial-pagination
.swiper-pagination-bullet {
    width: 8px;
    height: 8px;

    margin: 0 4px !important;

    opacity: 0.35;
}

.boost-testimonial-pagination
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #9c2b4e;
}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 991px) {

    .boost-testimonials {
        padding: 70px 0 80px;
    }

    .boost-testimonial-swiper {
        padding-left: 30px;
        padding-right: 30px;
    }

    .boost-testimonial-swiper .swiper-slide-active {
        transform: scale(1.02);
    }

}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px) {

    .boost-testimonials__heading h2 {
        font-size: 32px;
    }

    .boost-testimonial-swiper {
        padding-left: 15px;
        padding-right: 15px;
    }

    .boost-testimonial-swiper .swiper-slide:not(.swiper-slide-active) {
        opacity: 0.25;
        transform: scale(0.78);
    }

    .boost-testimonial-swiper .swiper-slide-active {
        transform: scale(1);
    }

    .boost-testimonial-card {
        max-width: 350px;
        min-height: 320px;
    }

}


/* =========================================================
   TABLET / NEST HUB MENU BAR
   Show hamburger only between 768px and 1199px
   ========================================================= */

/* Default - hide hamburger */
.main-header-style4 .mobile-nav__toggler {
    display: none !important;
}


/* iPad + Nest Hub / Tablet landscape */
@media (min-width: 768px) and (max-width: 1199px) {

    .main-header-style4 .mobile-nav__toggler {
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 45px;
        height: 45px;
        font-size: 22px;
        cursor: pointer;
        margin-right: 15px;
    }

    /* Hide normal menu */
    .main-header-style4 .main-menu__list {
        display: none !important;
    }

    /* Make menu box visible */
    .main-header-style4 .main-menu-box {
        display: flex;
        align-items: center;
        
    }

}


/* Desktop / Laptop */
@media (min-width: 1200px) {

    .main-header-style4 .mobile-nav__toggler {
        display: none !important;
    }

    .main-header-style4 .main-menu__list {
        display: flex !important;
        margin-left: -19px;
    }

}


/* Mobile */
@media (max-width: 767px) {

    .main-header-style4 .mobile-nav__toggler {
        display: block !important;
    }

}


.product-specifications{
    margin:22px 0;
    padding:0;
    background:#fff;
    border:1px solid #e2ebee;
    border-radius:14px;
    overflow:hidden;
}

.product-info-toggle{
    width:100%;
    border:0;
    background:#fff;
    padding:18px 22px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    cursor:pointer;
    font-size:18px;
    font-weight:700;
    color:#222;
    transition:.3s ease;
}

.product-info-toggle span{
    display:flex;
    align-items:center;
    gap:10px;
}

.product-info-toggle span i{
    color:#416d1f;
    font-size:20px;
}

.toggle-arrow{
    color:#416d1f;
    transition:.3s ease;
}

.toggle-arrow {
    transition: transform 0.3s ease;
}

.product-specifications.open .toggle-arrow {
    transform: rotate(180deg);
}

.product-info-content {
    display: none;
}

.product-specifications.open .product-info-content {
    display: block;
}


.product-info-content{
    max-height:0;
    overflow:hidden;
    opacity:0;
    transition:max-height .45s ease, opacity .3s ease, padding .3s ease;
    padding:0 20px;
}

.product-specifications.open .product-info-content{
    max-height:600px;
    opacity:1;
    padding:0 20px 20px;
}

.product-specifications.open .toggle-arrow{
    transform:rotate(180deg);
}

.product-info-toggle:hover{
    background:#fff;
}

.specification-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
}

.specification-item{
    display:flex;
    align-items:center;
    gap:13px;
    padding:17px 15px;
    min-height:78px;
    background:#fff;
    border:1px solid #e8edef;
    border-radius:10px;
    transition:.3s ease;
}

.specification-item:hover{
    transform:translateY(-3px);
    border-color:#23a1d3;
    box-shadow:0 7px 18px rgba(0,0,0,.08);
}

.specification-icon{
    width:46px;
    height:46px;
    min-width:46px;
    border-radius:50%;
    background:#23a1d3;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:17px;
}

.specification-content{
    display:flex;
    flex-direction:column;
    gap:4px;
}

.specification-content span{
    font-size:12px;
    color:#777;
}

.specification-content strong{
    font-size:14px;
    color:#222;
}

@media(max-width:991px){
    .specification-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:575px){
    .specification-grid{
        grid-template-columns:1fr;
    }

    .product-info-toggle{
        padding:16px;
        font-size:16px;
    }

    .product-info-content{
        padding-left:14px;
        padding-right:14px;
    }

    .product-specifications.open .product-info-content{
        padding-left:14px;
        padding-right:14px;
    }
}


/* ==============================
   FOOTER 4 MORE LOGO
================================ */

.footer-brand-logo {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 130px;
    height: 130px;

    margin-bottom: 25px;

    background: #ffffff;

    border-radius: 50%;

    padding: 12px;

    box-shadow:
        0 10px 30px rgba(0, 0, 0, 0.12);

    transition: all 0.4s ease;
}

.footer-brand-logo::before {
    content: "";

    position: absolute;

    width: 150px;
    height: 150px;

    border: 1px solid rgba(255, 255, 255, 0.25);

    border-radius: 50%;

    animation: footerLogoPulse 3s infinite ease-in-out;
}

.footer-brand-logo a {
    position: relative;
    z-index: 2;

    width: 100%;
    height: 100%;

    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-brand-logo img {
    max-width: 100%;
    max-height: 100%;

    object-fit: contain;

    border-radius: 50%;

    transition: transform 0.4s ease;
}

.footer-brand-logo:hover {
    transform: translateY(-8px);
}

.footer-brand-logo:hover img {
    transform: scale(1.06);
}

@keyframes footerLogoPulse {

    0% {
        transform: scale(1);
        opacity: 0.5;
    }

    50% {
        transform: scale(1.08);
        opacity: 0.15;
    }

    100% {
        transform: scale(1);
        opacity: 0.5;
    }
}




/* =========================================================
   ECLAT FOODZ - PROFESSIONAL BOOSTER LOADER
========================================================= */

.eclat-loader {
    position: fixed !important;
    inset: 0;
    width: 100%;
    height: 100vh;

    display: flex;
    align-items: center;
    justify-content: center;

    background:
        radial-gradient(
            circle at center,
            #fffdf9 0%,
            #fffaf3 45%,
            #f7fbfc 100%
        );

    z-index: 999999;
}


/* =========================================================
   INNER
========================================================= */

.eclat-loader-inner {
    position: relative;

    width: 260px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    text-align: center;
}


/* =========================================================
   SOFT GLOW
========================================================= */

.eclat-loader-glow {
    position: absolute;

    border-radius: 50%;

    filter: blur(35px);

    opacity: .35;

    pointer-events: none;
}

.glow-one {
    width: 150px;
    height: 150px;

    background: rgba(255, 137, 31, .22);

    top: 5px;
    left: 45px;

    animation: loaderGlow 3s ease-in-out infinite;
}

.glow-two {
    width: 120px;
    height: 120px;

    background: rgba(35, 161, 211, .18);

    top: 40px;
    right: 25px;

    animation: loaderGlow 3s ease-in-out infinite reverse;
}


/* =========================================================
   BOOSTER IMAGE
========================================================= */

.booster-loader-image {
    position: relative;

    width: 105px;
    height: 125px;

    display: flex;
    align-items: center;
    justify-content: center;

    z-index: 3;
}


/* IMAGE */

.booster-loader-image img {

    width: 85px;
    height: 105px;

    object-fit: contain;

    position: relative;

    z-index: 3;

    filter:
        drop-shadow(0 12px 18px rgba(0, 0, 0, .12));

    animation:
        boosterFloat 2.4s ease-in-out infinite;

}


/* =========================================================
   IMAGE RING
========================================================= */

.booster-image-ring {

    position: absolute;

    width: 105px;
    height: 105px;

    border-radius: 50%;

    border: 1px solid rgba(255, 137, 31, .20);

    box-shadow:
        0 0 0 8px rgba(255, 137, 31, .035),
        0 0 35px rgba(255, 137, 31, .12);

    animation:
        ringPulse 2.5s ease-in-out infinite;
}


/* =========================================================
   LOADING BARS
========================================================= */

.eclat-loading-bars {

    height: 32px;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 5px;

    margin-top: 14px;

    z-index: 5;
}


.eclat-loading-bars span {

    width: 4px;
    height: 14px;

    border-radius: 10px;

    background: #ff9b45;

    animation: loadingBars 1s ease-in-out infinite;

}


/* Different heights */

.eclat-loading-bars span:nth-child(1) {
    animation-delay: 0s;
    background: #ffb06b;
}

.eclat-loading-bars span:nth-child(2) {
    animation-delay: .12s;
    background: #ff9b45;
}

.eclat-loading-bars span:nth-child(3) {
    animation-delay: .24s;
    background: #23a1d3;
}

.eclat-loading-bars span:nth-child(4) {
    animation-delay: .36s;
    background: #55b8d9;
}

.eclat-loading-bars span:nth-child(5) {
    animation-delay: .48s;
    background: #ffb06b;
}


/* =========================================================
   TEXT
========================================================= */

.eclat-loading-text {

    margin-top: 5px;

    position: relative;

    z-index: 5;
}


.eclat-loading-text strong {

    display: block;

    font-size: 14px;

    font-weight: 700;

    letter-spacing: 3px;

    color: #004d46;

}


.eclat-loading-text small {

    display: block;

    margin-top: 7px;

    font-size: 11px;

    letter-spacing: .5px;

    color: #87979d;

}


/* =========================================================
   ANIMATIONS
========================================================= */

@keyframes boosterFloat {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-8px);
    }

}


@keyframes ringPulse {

    0%,
    100% {
        transform: scale(.92);
        opacity: .55;
    }

    50% {
        transform: scale(1.08);
        opacity: 1;
    }

}


@keyframes loadingBars {

    0%,
    100% {
        height: 10px;
        opacity: .45;
    }

    50% {
        height: 27px;
        opacity: 1;
    }

}


@keyframes loaderGlow {

    0%,
    100% {
        transform: scale(.9);
        opacity: .25;
    }

    50% {
        transform: scale(1.1);
        opacity: .45;
    }

}

/* =========================================================
   EXPLORE BUTTON DIFFERENT POSITIONS
========================================================= */

.explore-btn {
    position: relative !important;
    display: inline-flex !important;
}

/* LEFT */
.explore-left {
    transform: translateX(-120px) !important;
}

/* CENTER */
.explore-center {
    transform: translateX(150px) !important;
}

/* RIGHT */
.explore-right {
    transform: translateX(-37px) !important;
}


/* Mobile */
@media (max-width: 767px) {

    .explore-left {
        transform: translateX(-50px) !important;
    }

    .explore-center {
        transform: translateX(0) !important;
    }

    .explore-right {
        transform: translateX(50px) !important;
    }

}

/* =========================================================
   ECLAT LOADER - FULL SCREEN BACKGROUND
========================================================= */

.eclat-loader {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;

    background-image:
        linear-gradient(
            rgba(0, 0, 0, 0.35),
            rgba(0, 0, 0, 0.45)
        ),
        url("assets/images/about/eclatabt.jpeg");

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    animation: eclatBgZoom 12s ease-in-out infinite alternate;
}


/* Background slow zoom */
@keyframes eclatBgZoom {

    from {
        background-size: 100% 100%;
    }

    to {
        background-size: 110% 110%;
    }
}


/* =========================================================
   PARTICLES OVER ENTIRE SCREEN
========================================================= */

.eclat-particles {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: 2;
}

.eclat-particles .particle {
    position: absolute;

    width: 13px;
    height: 13px;

    border-radius: 50%;

    opacity: 0;

    animation:
        eclatBigParticle 8s infinite ease-in-out;
}


/* Turmeric */
.p1,
.p5,
.p9 {
    background: #f5a623;
    box-shadow:
        0 0 12px #f5a623,
        0 0 30px rgba(245,166,35,.8);
}


/* Ginger / orange */
.p2,
.p6,
.p10 {
    background: #e85d04;
    box-shadow:
        0 0 12px #e85d04,
        0 0 30px rgba(232,93,4,.8);
}


/* Beet */
.p3,
.p7,
.p11 {
    background: #d62828;
    box-shadow:
        0 0 12px #d62828,
        0 0 30px rgba(214,40,40,.8);
}


/* Green wellness */
.p4,
.p8,
.p12 {
    background: #70a64b;
    box-shadow:
        0 0 12px #70a64b,
        0 0 30px rgba(112,166,75,.8);
}


/* =========================================================
   PARTICLE POSITIONS
========================================================= */

.p1  { left: 4%;  top: 90%; animation-delay: 0s; }
.p2  { left: 12%; top: 70%; animation-delay: 1.2s; }
.p3  { left: 20%; top: 95%; animation-delay: 2.4s; }
.p4  { left: 29%; top: 60%; animation-delay: 3.2s; }

.p5  { left: 38%; top: 88%; animation-delay: .7s; }
.p6  { left: 47%; top: 30%; animation-delay: 2s; }
.p7  { left: 55%; top: 92%; animation-delay: 3.5s; }
.p8  { left: 64%; top: 65%; animation-delay: 1.5s; }

.p9  { left: 73%; top: 85%; animation-delay: 4s; }
.p10 { left: 82%; top: 45%; animation-delay: 2.7s; }
.p11 { left: 90%; top: 75%; animation-delay: 1s; }
.p12 { left: 96%; top: 50%; animation-delay: 4.5s; }


/* =========================================================
   BIG FLOATING PARTICLE ANIMATION
========================================================= */

@keyframes eclatBigParticle {

    0% {
        transform:
            translate(0, 120px)
            scale(.2)
            rotate(0deg);

        opacity: 0;
    }

    15% {
        opacity: 1;
    }

    40% {
        transform:
            translate(60px, -100px)
            scale(1.5)
            rotate(120deg);

        opacity: 1;
    }

    70% {
        transform:
            translate(-80px, -250px)
            scale(1)
            rotate(240deg);

        opacity: .8;
    }

    100% {
        transform:
            translate(100px, -450px)
            scale(.2)
            rotate(360deg);

        opacity: 0;
    }
}


/* =========================================================
   KEEP LOADER CONTENT ABOVE PARTICLES
========================================================= */

.eclat-loader-inner {
    position: relative;
    z-index: 10;
}

/* =========================================================
   FLIP TO IMAGE - WITHOUT CHANGING HTML
========================================================= */

/* =========================================================
   ECLAT INTERACTIVE COMPACT COUNTER
========================================================= */

.eclat-counter-section {
    /* padding: 15px 0; */
    background: #fff;
}

.eclat-counter-box {
    position: relative;
    overflow: hidden;
    /* padding: 38px 35px; */
    border-radius: 24px;

    /* background: linear-gradient(
        135deg,
        #f8fdff 0%,
        #ffffff 50%,
        #f4fbf6 100%
    );

    border: 1px solid rgba(35, 161, 211, .12); */

    box-shadow:
        0 15px 50px rgba(0, 0, 0, .07);
}


/* =========================================================
   HEADING
========================================================= */

.eclat-counter-heading {
    position: relative;
    z-index: 2;
    padding-right: 30px;
}

.eclat-counter-heading span {
    display: inline-block;
    margin-bottom: 8px;

    font-size: 16px;
    font-weight: 700;

    
}

.eclat-counter-heading h2 {
    margin: 0 0 10px;

    font-size: 32px;
    line-height: 1.15;
    font-weight: 700;

    color: #bf123f;
}

.eclat-counter-heading h2 strong {
    color: #004d46;
}

.eclat-counter-heading p {
    margin: 0;
    max-width: 350px;

    font-size: 16px;
    line-height: 1.7;

    color: #777;
}


/* =========================================================
   COUNTER ITEM
========================================================= */

.eclat-counter-item {
    position: relative;

    min-height: 150px;
    padding: 15px 10px;

    display: flex;
    flex-direction: column;

    align-items: center;
    justify-content: center;

    text-align: center;

    transition: all .4s ease;

    border-left: 1px solid rgba(35, 161, 211, .10);
}

.eclat-counter-item:hover {
    transform: translateY(-6px);
}


/* =========================================================
   ICON
========================================================= */

.counter-icon {
    width: 42px;
    height: 42px;

    margin-bottom: 8px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

       background: #ede9d8;
    color: #fdc403;

    font-size: 17px;

    transition: all .4s ease;
}

.eclat-counter-item:hover .counter-icon {
    transform: rotate(10deg) scale(1.12);

    background: #bf123f;
    color: #fff;

    box-shadow:
        0 8px 20px rgba(35, 161, 211, .25);
}


/* =========================================================
   NUMBER
========================================================= */

.counter-number {
    font-size: 29px;
    line-height: 1;

    font-weight: 800;

    color: #222;

    letter-spacing: -1px;
}

.counter-number span {
    font-size: 18px;

    color: #23a1d3;

    margin-left: 2px;
}


/* =========================================================
   LABEL
========================================================= */

.counter-label {
    margin-top: 7px;

    font-size: 15px;
    font-weight: 600;

    color: #777;

    white-space: nowrap;
}


/* =========================================================
   FLOATING PARTICLES
========================================================= */

.counter-particle {
    position: absolute;

    width: 7px;
    height: 7px;

    border-radius: 50%;

    opacity: .5;

    animation:
        counterFloat 5s infinite ease-in-out;
}

.cp1 {
    left: 5%;
    top: 20%;

    background: #f5a623;
}

.cp2 {
    left: 45%;
    bottom: 10%;

    background: #d62828;

    animation-delay: 1s;
}

.cp3 {
    right: 20%;
    top: 12%;

    background: #70a64b;

    animation-delay: 2s;
}

.cp4 {
    right: 5%;
    bottom: 20%;

    background: #23a1d3;

    animation-delay: 3s;
}


/* =========================================================
   PARTICLE ANIMATION
========================================================= */

@keyframes counterFloat {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-15px);
    }
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .eclat-counter-heading {
        text-align: center;

        padding-right: 0;

        margin-bottom: 25px;
    }

    .eclat-counter-heading p {
        margin-left: auto;
        margin-right: auto;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 575px) {

    .eclat-counter-section {
        /* padding: 35px 0; */
    }

    .eclat-counter-box {
        /* padding: 30px 15px; */

        border-radius: 18px;
    }

    .eclat-counter-heading h2 {
        font-size: 26px;
    }

    .eclat-counter-item {
        min-height: 135px;

        border-bottom:
            1px solid rgba(35, 161, 211, .10);
    }

    .counter-number {
        font-size: 25px;
    }

}



/* =========================================================
   ECLAT - INTERACTIVE WELLNESS COUNTER
========================================================= */

.eclat-counter-section {
    position: relative;
    padding: 15px 0;
    overflow: hidden;

    /* DARK NATURAL GREEN BACKGROUND */
    background:
        radial-gradient(circle at 10% 20%, rgba(164, 196, 83, .28), transparent 28%),
        radial-gradient(circle at 90% 80%, rgba(220, 178, 65, .20), transparent 25%),
        linear-gradient(135deg, #203c20 0%, #315b27 48%, #18351c 100%);

    isolation: isolate;
}


/* BIG ORGANIC BACKGROUND SHAPES */

.eclat-counter-section::before {
    content: "";
    position: absolute;

    width: 500px;
    height: 500px;

    top: -280px;
    left: -120px;

    background: rgba(157, 190, 75, .12);

    border-radius: 50%;

    filter: blur(10px);

    z-index: -1;
}


.eclat-counter-section::after {
    content: "";
    position: absolute;

    width: 450px;
    height: 450px;

    right: -180px;
    bottom: -280px;

    background: rgba(224, 177, 62, .12);

    border-radius: 50%;

    filter: blur(15px);

    z-index: -1;
}


/* =========================================================
   FLOATING LEAF-LIKE SHAPES
========================================================= */

.eclat-counter-section .container {
    position: relative;
}


.eclat-counter-section .container::before {
    content: "🌿";

    position: absolute;

    left: -45px;
    top: -55px;

    font-size: 95px;

    opacity: .12;

    transform: rotate(-25deg);

    animation: leafFloat 6s ease-in-out infinite;
}


.eclat-counter-section .container::after {
    content: "🌿";

    position: absolute;

    right: -35px;
    bottom: -55px;

    font-size: 100px;

    opacity: .10;

    transform: rotate(25deg);

    animation: leafFloat 7s ease-in-out infinite reverse;
}


@keyframes leafFloat {

    0%,100% {
        transform: translateY(0) rotate(-25deg);
    }

    50% {
        transform: translateY(-15px) rotate(-15deg);
    }

}


/* =========================================================
   COUNTER CONTAINER
========================================================= */

.eclat-counter-box {

    position: relative;

    /* padding: 35px; */

    border-radius: 35px;

    /* background: rgba(255,255,255,.055);

    border: 1px solid rgba(255,255,255,.14); */

    box-shadow:
        0 30px 80px rgba(0,0,0,.25),
        inset 0 1px 0 rgba(255,255,255,.12);

    backdrop-filter: blur(12px);

    overflow: hidden;
}


/* TOP LIGHT */

.eclat-counter-box > .row::before {
    content: "";

    position: absolute;

    left: 10%;
    right: 10%;
    top: 0;

    height: 1px;

    /*background:*/
    /*    linear-gradient(*/
    /*        90deg,*/
    /*        transparent,*/
    /*        rgba(255,255,255,.45),*/
    /*        transparent*/
    /*    );*/
}


/* =========================================================
   COUNTER CARDS
========================================================= */

.eclat-counter-item {

    position: relative;

    margin: 8px;

    padding: 31px 10px 1px;

    text-align: center;

    border-radius: 28px;

    /* DARK GLASS */

    /*background:*/
    /*    linear-gradient(*/
    /*        145deg,*/
    /*        rgba(255,255,255,.15),*/
    /*        rgba(255,255,255,.055)*/
    /*    );*/

    border: 1px solid rgba(255,255,255,.16);

    box-shadow:
        0 15px 35px rgba(0,0,0,.18),
        inset 0 1px 0 rgba(255,255,255,.10);

    backdrop-filter: blur(8px);

    transition:
        transform .45s ease,
        box-shadow .45s ease,
        background .45s ease;
}


/* CARD GLOW */

.eclat-counter-item::before {

    content: "";

    position: absolute;

    width: 100px;
    height: 100px;

    top: -45px;
    right: -45px;

    background: rgba(157,190,75,.18);

    border-radius: 50%;

    filter: blur(20px);

    transition: .45s ease;
}


.eclat-counter-item:hover {

    transform: translateY(-15px) scale(1.025);

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.22),
            rgba(255,255,255,.08)
        );

    box-shadow:
        0 25px 55px rgba(0,0,0,.28),
        0 0 30px rgba(143,177,66,.12);
}


.eclat-counter-item:hover::before {

    transform: scale(2);

    background: rgba(213,171,60,.20);
}


/* =========================================================
   ICON
========================================================= */

.counter-icon {

    position: relative;

    width: 88px;
    height: 88px;

    margin: 0 auto 22px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        linear-gradient(
            145deg,
            #a3c75c,
            #608d35
        );

    box-shadow:
        0 15px 35px rgba(0,0,0,.28),
        0 0 25px rgba(157,194,81,.22);

    transition: .5s ease;
}


/* ROTATING RING */

.counter-icon::before {

    content: "";

    position: absolute;

    inset: -8px;

    border-radius: 50%;

    border:
        2px dashed
        rgba(207,226,147,.65);

    animation:
        rotateCounter 12s linear infinite;
}


.counter-icon::after {

    content: "";

    position: absolute;

    inset: -15px;

    border-radius: 50%;

    border:
        1px solid
        rgba(255,255,255,.15);
}


@keyframes rotateCounter {

    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }

}


.counter-icon i {

    position: relative;

    z-index: 2;

    color: #fff;

    font-size: 34px;

    transition: .45s ease;
}


.eclat-counter-item:hover .counter-icon {

    transform:
        scale(1.13)
        rotate(-7deg);

    box-shadow:
        0 20px 45px rgba(0,0,0,.32),
        0 0 35px rgba(174,215,88,.38);
}


.eclat-counter-item:hover .counter-icon i {

    transform: scale(1.2);
}


/* =========================================================
   NUMBERS
========================================================= */

.counter-number {

    position: relative;

    font-size: 48px;

    line-height: 1;

    font-weight: 800;

    color: #ffffff;

    letter-spacing: -1px;

    text-shadow:
        0 4px 15px rgba(0,0,0,.25);
}


.counter-number span {

    color: #dcb64d;

    font-size: 30px;

    font-weight: 800;
}


/* =========================================================
   LABEL
========================================================= */

.counter-label {

    margin-top: 12px;

    color: rgba(255,255,255,.72);

    font-size: 19px;

    font-weight: 600;

  
}


/* =========================================================
   FLOATING PARTICLES
========================================================= */

.counter-particle {

    position: absolute;

    border-radius: 50%;

    z-index: 4;

    pointer-events: none;
}


.cp1 {
    width: 9px;
    height: 9px;

    left: 15%;
    top: 20%;

    background: #d8b54c;

    box-shadow:
        0 0 20px #d8b54c;

    animation: particleFloat 4s infinite ease-in-out;
}


.cp2 {
    width: 6px;
    height: 6px;

    left: 48%;
    top: 12%;

    background: #b2d36b;

    box-shadow:
        0 0 15px #b2d36b;

    animation: particleFloat 5s infinite ease-in-out reverse;
}


.cp3 {
    width: 8px;
    height: 8px;

    right: 18%;
    top: 35%;

    background: #d8b54c;

    box-shadow:
        0 0 18px #d8b54c;

    animation: particleFloat 4.5s infinite ease-in-out;
}


.cp4 {
    width: 5px;
    height: 5px;

    right: 40%;
    bottom: 15%;

    background: #a9ca63;

    box-shadow:
        0 0 15px #a9ca63;

    animation: particleFloat 5s infinite ease-in-out reverse;
}


@keyframes particleFloat {

    0%,100% {
        transform: translateY(0);
        opacity: .4;
    }

    50% {
        transform: translateY(-20px);
        opacity: 1;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:767px) {

    .eclat-counter-section {
        padding: 60px 0;
    }

    .eclat-counter-box {
        padding: 20px 8px;
        border-radius: 25px;
    }

    .eclat-counter-item {
        padding: 30px 8px 25px;
        border-radius: 22px;
    }

    .counter-icon {
        width: 70px;
        height: 70px;
    }

    .counter-icon i {
        font-size: 27px;
    }

    .counter-number {
        font-size: 34px;
    }

    .counter-number span {
        font-size: 22px;
    }

    .counter-label {
        font-size: 15px;
    }

}

/* =========================================================
   4 MORE BOOSTER SHOTS - CIRCULAR FOOTER LOGO
========================================================= */

.eclat-center-logo {
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-4more-logo {
    width: 125px;
    height: 125px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #ffffff;
    border-radius: 50%;

    padding: 8px;

    overflow: hidden;

    border: 2px solid rgba(255, 255, 255, 0.9);

    box-shadow:
        0 8px 25px rgba(0, 0, 0, 0.15);

    transition: all 0.35s ease;
}

.footer-4more-logo img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    border-radius: 50%;

    transition: transform 0.35s ease;
}

/* Hover */
.footer-4more-logo:hover {
    transform: translateY(-4px) scale(1.03);

    box-shadow:
        0 14px 35px rgba(0, 0, 0, 0.20);
}

.footer-4more-logo:hover img {
    transform: scale(1.05);
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 575px) {

    .footer-4more-logo {
        width: 105px;
        height: 105px;
        padding: 6px;
    }

}


/* =========================================================
   FARMED PRODUCT FLIP
========================================================= */

.single-farmed-for-you {
    perspective: 1000px;
    height: 100%;
}

.single-farmed-for-you__flip {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 250px;
    transform-style: preserve-3d;
    transition: transform .7s ease;
}

/* FLIP ON HOVER */
.single-farmed-for-you:hover .single-farmed-for-you__flip {
    transform: rotateY(180deg);
}

/* FRONT + BACK */
.single-farmed-for-you__front,
.single-farmed-for-you__back {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

/* FRONT */
.single-farmed-for-you__front {
    z-index: 2;
}

/* BACK */
.single-farmed-for-you__back {
    transform: rotateY(180deg);

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 15px;
}

/* =========================================================
   PRODUCT IMAGE SQUARE
========================================================= */

.farmed-product-image {
    width: 150px;
    height: 150px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #ffffff;

    border-radius: 12px;

    overflow: hidden;

    box-shadow: 0 8px 25px rgba(0, 0, 0, .10);
}

.farmed-product-image img {
    width: 100%;
    height: 100%;

    object-fit: contain;

    display: block;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .single-farmed-for-you__flip {
        min-height: 230px;
    }

    .farmed-product-image {
        width: 135px;
        height: 135px;
    }

}

/* =========================================================
   BACK SIDE CONTENT
========================================================= */

.single-farmed-for-you__back {
    transform: rotateY(180deg);

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 12px;
}

.farmed-product-back {
    width: 100%;
    height: 100%;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* PRODUCT IMAGE SQUARE */

.farmed-product-image {
    width: 145px;
    height: 145px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #fff;

    border-radius: 12px;

    overflow: hidden;

    box-shadow: 0 8px 25px rgba(0, 0, 0, .10);
}

.farmed-product-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

/* PRODUCT TITLE */

.farmed-product-back h3 {
    margin: 10px 0 0;

    font-size: 18px;
    line-height: 1.2;

    font-weight: 700;

    text-align: center;

    color: #17323b;
}



/* =========================================================
   HEALTHY PRODUCTS
========================================================= */

.farmed-for-you {
    /* padding: 25px 0; */
}


/* =========================================================
   CARD
========================================================= */

.single-farmed-for-you {
    position: relative;
    width: 100%;
    height: 280px;
    margin-bottom: 25px;
    perspective: 1200px;
}


/* =========================================================
   FLIP AREA
========================================================= */

.single-farmed-for-you__flip {
    position: relative;
    width: 100%;
    height: 100%;

    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;

    transition: transform .7s ease;
}


/* HOVER */

.single-farmed-for-you:hover .single-farmed-for-you__flip {
    transform: rotateY(180deg);
}


/* =========================================================
   FRONT + BACK
========================================================= */

.single-farmed-for-you__front,
.single-farmed-for-you__back {

    position: absolute !important;

    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    width: 100% !important;
    height: 100% !important;

    border-radius: 16px;

    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;

    overflow: hidden;
}


/* =========================================================
   FRONT
========================================================= */

.single-farmed-for-you__front {

    z-index: 2;

    background: #ffffff;

    border: 1px solid #e5edef;

    box-shadow:
        0 10px 30px rgba(0, 60, 70, .08);

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 20px !important;

    transform: rotateY(0deg);
}


/* =========================================================
   FRONT CONTENT
========================================================= */

.single-farmed-for-you__front
.single-farmed-for-you__content {

    width: 100% !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;

    justify-content: center !important;

    text-align: center !important;

    visibility: visible !important;
}


/* =========================================================
   FRONT IMAGE
========================================================= */

.single-farmed-for-you__front
.single-farmed-for-you__content-icon {

    width: 105px !important;
    height: 105px !important;

    min-width: 105px !important;
    min-height: 105px !important;

    margin: 0 auto 12px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    border-radius: 14px;

    overflow: hidden;

    background: #f7fafb;
}


.single-farmed-for-you__front
.single-farmed-for-you__content-icon img {

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;

    display: block !important;
}


/* =========================================================
   FRONT TITLE
========================================================= */

.single-farmed-for-you__front
.single-farmed-for-you__content-text {

    display: block !important;

    width: 100% !important;

    visibility: visible !important;
}


.single-farmed-for-you__front
.single-farmed-for-you__content-text h3 {

    display: block !important;

    margin: 0 0 6px !important;

    color: #17323b !important;

    font-size: 19px !important;

    line-height: 1.3 !important;

    font-weight: 700 !important;
}


.single-farmed-for-you__front
.single-farmed-for-you__content-text p {

    display: block !important;

    margin: 0 !important;

    color: #71838a !important;

    font-size: 15px !important;

    line-height: 1.55 !important;
}


/* =========================================================
   BACK
========================================================= */

.single-farmed-for-you__back {

    z-index: 1;

    background: #ffffff;

    border: 1px solid #e5edef;

    box-shadow:
        0 10px 30px rgba(0, 60, 70, .10);

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    padding: 20px !important;

    transform: rotateY(180deg);
}


/* =========================================================
   BACK CONTENT
========================================================= */

.farmed-product-back {

    width: 100% !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;

    justify-content: center !important;

    text-align: center !important;
}


/* =========================================================
   PRODUCT IMAGE
   SAME SIZE AS FRONT IMAGE
========================================================= */

.farmed-product-image {

    width: 105px !important;
    height: 105px !important;

    min-width: 105px !important;
    min-height: 105px !important;

    margin: 0 auto 12px !important;

    border-radius: 14px;

    overflow: hidden;

    background: #f7fafb;
}


.farmed-product-image img {

    width: 100% !important;
    height: 100% !important;

    display: block !important;

    object-fit: cover !important;
}


/* =========================================================
   BACK TITLE
========================================================= */

.farmed-product-back h3 {

    display: block !important;

    margin: 0 !important;

    color: #17323b !important;

    font-size: 19px !important;

    line-height: 1.3 !important;

    font-weight: 700 !important;

    text-align: center !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:767px) {

    .single-farmed-for-you {
        height: 270px;
    }

}


@media(max-width:575px) {

    .single-farmed-for-you {
        height: 260px;
    }

    .single-farmed-for-you__front,
    .single-farmed-for-you__back {
        padding: 15px !important;
    }

    .single-farmed-for-you__front
    .single-farmed-for-you__content-icon,

    .farmed-product-image {

        width: 95px !important;
        height: 95px !important;

        min-width: 95px !important;
        min-height: 95px !important;
    }

}



/* TOP BAR LAYOUT */
.eclat-top-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

/* EMAIL + PHONE ON LEFT */
.eclat-contact-info {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 25px;
    margin-right: auto;
}

/* CONTACT ITEM */
.eclat-contact-item {
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

/* SOCIAL ICONS + CART ON RIGHT */
.eclat-top-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
    margin-left: auto;
}

/* MOBILE RESPONSIVENESS */
@media (max-width: 767px) {
    .eclat-top-bar {
        flex-wrap: wrap;
        gap: 10px;
    }

    .eclat-contact-info {
        gap: 12px;
        flex-wrap: wrap;
    }

    .eclat-top-right {
        gap: 12px;
    }
}


/* Product breadcrumb */
.compact-breadcrumb .product-breadcrumb-trail {
    position: relative;
    z-index: 2;
}

.compact-breadcrumb .product-breadcrumb-trail a {
    position: relative;
    z-index: 2;
    display: inline-block;
    color: var(--product-accent) !important;
    text-decoration: underline !important;
    text-underline-offset: 4px;
    cursor: pointer !important;
    pointer-events: auto !important;
    font-weight: 600;
}

.compact-breadcrumb .product-breadcrumb-trail a:hover {
    opacity: 0.7;
}

/* Keep header working */
.main-header-style4,
.main-header-style4__content,
.main-header-style4__content-inner {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}


/* =====================================================
   ECLAT FOODZ — F&B INDUSTRY VETERANS
===================================================== */

.eclat-veterans-section {
    position: relative;
    overflow: hidden;
    padding: 10px 0 15px;
    /*background: #f7f5ee;*/
    color: #253426;
}

.eclat-veterans-section::before {
    content: "";
    position: absolute;
    width: 360px;
    height: 360px;
    right: -180px;
    top: -180px;
    border: 1px solid rgba(83, 102, 79, 0.14);
    border-radius: 50%;
    pointer-events: none;
}

.eclat-veterans-layout {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap: 65px;
    align-items: center;
}

.eclat-veterans-intro {
    max-width: 490px;
}

.eclat-veterans-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 22px;
    color: #9C2B4E;
    font-size: 14px;
    font-weight: 700;
    /* letter-spacing: 2px; */
}

.eclat-veterans-dot {
    width: 8px;
    height: 8px;
    flex-shrink: 0;
    border-radius: 50%;
    background: #9C2B4E;
}

.eclat-veterans-intro h2 {
    margin: 0 0 22px;
    color: #263529;
    font-size: clamp(34px, 4vw, 53px);
    line-height: 1.14;
    font-weight: 600;
    letter-spacing: -1.5px;
}

.eclat-veterans-intro h2 span {
    display: block;
    color: #D89B08;
}

.eclat-veterans-description {
    max-width: 430px;
    margin: 0 0 28px;
    color: #686f64;
    font-size: 16px;
    line-height: 1.9;
}

.eclat-veterans-link {
   display: inline-flex;
    align-items: center;
    gap: 18px;
    padding: 13px 0;
    border-bottom: 1px solid #000;
    /* color: #344633 !important; */
    font-size: 19px;
    font-weight: 700;
    text-decoration: none !important;
    transition: gap 0.25s ease;
}

.eclat-veterans-link:hover {
    gap: 27px;
}

.eclat-veterans-link span {
    font-size: 21px;
    line-height: 1;
}

.eclat-veterans-credentials {
    display: flex;
    flex-direction: column;
    gap: 17px;
}

.eclat-veteran-card {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 22px;
    padding: 29px 30px;
    border: 1px solid rgba(83, 102, 79, 0.14);
    border-radius: 4px;
    /* background: #fffefa; */
    transition: transform 0.25s ease,
                border-color 0.25s ease,
                box-shadow 0.25s ease;
}

.eclat-veteran-card:hover {
    transform: translateY(-4px);
    border-color: rgba(83, 102, 79, 0.4);
    box-shadow: 0 14px 35px rgba(35, 48, 33, 0.07);
}

.eclat-veteran-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    border-radius: 50%;
    background: #edf0e5;
    color: #6B9B2B;
    font-size: 21px;
}

.eclat-veteran-copy {
    position: relative;
    z-index: 1;
    padding-right: 20px;
}

.eclat-veteran-label {
    display: block;
    margin-bottom: 9px;
    color: #6B9B2B;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.eclat-veteran-copy h3 {
    margin: 0 0 10px;
    color: #29382a;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 600;
}

.eclat-veteran-copy p {
    margin: 0;
    color: #71766d;
    font-size: 16px;
    line-height: 1.85;
}

.eclat-veteran-index {
    position: absolute;
    top: 15px;
    right: 18px;
    color: rgba(83, 102, 79, 0.17);
    font-size: 16px;
    font-weight: 700;
}

.eclat-veterans-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 45px;
    padding-top: 25px;
    border-top: 1px solid rgba(83, 102, 79, 0.2);
}

.eclat-veterans-footer-label {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1.8px;
}

.eclat-veterans-brands {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 18px 40px;
}

.eclat-veterans-brands span {
    color: #4d5848;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: -0.4px;
}

/* TABLET */
@media (max-width: 991px) {
    .eclat-veterans-section {
        padding: 70px 0 60px;
    }

    .eclat-veterans-layout {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .eclat-veterans-intro {
        max-width: 650px;
    }

    .eclat-veterans-description {
        max-width: 580px;
    }
}

/* MOBILE */
@media (max-width: 575px) {
    .eclat-veterans-section {
        padding: 52px 0 42px;
    }

    .eclat-veterans-layout {
        gap: 28px;
    }

    .eclat-veterans-eyebrow {
        margin-bottom: 16px;
        font-size: 15px;
        letter-spacing: 1.5px;
    }

    .eclat-veterans-intro h2 {
        font-size: 35px;
        letter-spacing: -1px;
    }

    .eclat-veterans-description {
        font-size: 16px;
        line-height: 1.8;
    }

    .eclat-veterans-credentials {
        gap: 12px;
    }

    .eclat-veteran-card {
        gap: 15px;
        padding: 23px 17px;
    }

    .eclat-veteran-icon {
        width: 43px;
        height: 43px;
        flex-basis: 43px;
        font-size: 18px;
    }

    .eclat-veteran-copy {
        padding-right: 0;
    }

    .eclat-veteran-copy h3 {
        font-size: 17px;
    }

    .eclat-veteran-copy p {
        font-size: 12px;
        line-height: 1.75;
    }

    .eclat-veteran-index {
        top: 9px;
        right: 10px;
        font-size: 12px;
    }

    .eclat-veterans-footer {
        align-items: flex-start;
        flex-direction: column;
        gap: 18px;
        margin-top: 30px;
    }

    .eclat-veterans-brands {
        justify-content: flex-start;
        gap: 16px 24px;
    }

    .eclat-veterans-brands span {
        font-size: 15px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .eclat-veteran-card,
    .eclat-veterans-link {
        transition: none;
    }
}



.eclat-header-search {
    position: relative;
    flex: 1;
    max-width: 340px;
    min-width: 180px;
    margin: 0 15px;
    z-index: 1000;
}

.eclat-header-search form {
    display: flex;
    height: 42px;
    overflow: hidden;
    border: 1px solid #e5dadd;
    border-radius: 25px;
    background: #fff;
}

.eclat-header-search input {
    flex: 1;
    width: 0;
    min-width: 0;
    padding: 0 15px;
    border: 0;
    outline: none;
    background: transparent;
    color: #222;
    font-size: 13px;
}

.eclat-header-search button {
    flex: 0 0 44px;
    border: 0;
    background: #9C2B4E;
    color: #fff;
    cursor: pointer;
}

.eclat-search-results {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    max-height: 320px;
    overflow-y: auto;
    padding: 6px;
    border: 1px solid #eee;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(0,0,0,.12);
}

.eclat-search-results[hidden] {
    display: none;
}

.eclat-search-item {
    display: block;
    padding: 12px;
    border-radius: 7px;
    color: #222;
    text-decoration: none;
    font-size: 14px;
}

.eclat-search-item:hover,
.eclat-search-item:focus {
    background: #fff1f3;
    color: #9C2B4E;
}

.eclat-search-message {
    padding: 12px;
    color: #666;
    font-size: 13px;
}

@media (max-width: 991px) {
    .eclat-header-search {
        display: none;
    }
}






/* ECLAT FOODZ — VISIBLE MOVING CIRCLE BEHIND INTRO */
.eclat-veterans-intro {
    position: relative !important;
    isolation: isolate;
    overflow: visible !important;
}

/* Animated circle */
.eclat-veterans-intro::before {
    content: "";
    position: absolute;
    z-index: 0;
    pointer-events: none;

    width: 360px;
    height: 360px;
    top: 50%;
    left: -100px;

    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(117, 177, 88, 0.30) 0%,
        rgba(158, 199, 128, 0.22) 35%,
        rgba(195, 219, 171, 0.12) 58%,
        transparent 73%
    );

    transform: translate(0, -50%);
    animation: eclatVeteransCircleMove 7s ease-in-out infinite alternate;
    will-change: transform;
}

/* Keep the text and button above the circle */
.eclat-veterans-intro > * {
    position: relative;
    z-index: 1;
}

@keyframes eclatVeteransCircleMove {
    0% {
        transform: translate(-20px, -50%) scale(0.82);
    }

    50% {
        transform: translate(45px, -42%) scale(1.12);
    }

    100% {
        transform: translate(5px, -58%) scale(0.92);
    }
}

/* Responsive */
@media (max-width: 767px) {
    .eclat-veterans-intro::before {
        width: 260px;
        height: 260px;
        left: -55px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .eclat-veterans-intro::before {
        animation: none;
    }
}


/*counter css start */

/* =====================================================
   ECLAT FOODZ — BOTANICAL BACKGROUND + CIRCULAR COUNTERS
===================================================== */

.eclat-counter-section {
    position: relative;
    /* padding: 42px 0; */
    overflow: hidden;
    /* background:
        radial-gradient(circle at 8% 20%, rgba(216,155,8,.13), transparent 28%),
        radial-gradient(circle at 92% 75%, rgba(107,155,43,.14), transparent 30%),
        linear-gradient(135deg, #fffaf0 0%, #fff4f3 48%, #f5f8ed 100%); */
}

/* Soft decorative background circles */
.eclat-counter-section::before,
.eclat-counter-section::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    filter: blur(1px);
}

.eclat-counter-section::before {
    width: 240px;
    height: 240px;
    top: -120px;
    left: -70px;
    border: 1px solid rgba(216,155,8,.17);
    box-shadow: 0 0 0 25px rgba(216,155,8,.025),
                0 0 0 55px rgba(216,155,8,.02);
}

.eclat-counter-section::after {
    width: 280px;
    height: 280px;
    right: -120px;
    bottom: -150px;
    border: 1px solid rgba(107,155,43,.18);
    box-shadow: 0 0 0 28px rgba(107,155,43,.025),
                0 0 0 58px rgba(107,155,43,.02);
}

.eclat-counter-section .container {
    position: relative;
    z-index: 1;
    max-width: 1100px;
}

/* Main background panel */
.eclat-counter-box {
    position: relative;
    overflow: hidden;
    /* padding: 30px 20px; */
    /* border: 1px solid rgba(255,255,255,.9); */
    border-radius: 28px;
    /* background: rgba(255,255,255,.68); */
    box-shadow: 0 15px 45px rgba(73,49,36,.07);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.eclat-counter-box > .row {
    position: relative;
    z-index: 1;
    align-items: center;
}

/* Each counter column */
.eclat-counter-item {
    --counter-color: #D89B08;

    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 218px;
    aspect-ratio: 1 / 1;
    margin: 0 auto;
    padding: 20px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.95);
    /*background:*/
    /*    radial-gradient(circle at 30% 20%, #ffffff 0%, #ffffff 30%, transparent 72%),*/
    /*    linear-gradient(145deg, #fff 0%, #fffaf5 100%);*/
    box-shadow:
        0 12px 30px rgba(52,37,29,.08),
        inset 0 0 0 7px rgba(255,255,255,.65);
    transition: transform .35s ease, box-shadow .35s ease;
}

/* Product colors */
.turmeric-counter { --counter-color: #D89B08; }
.beet-counter     { --counter-color: #9C2B4E; }
.amla-counter     { --counter-color: #6B9B2B; }

/* Colored circular border */
.eclat-counter-item::before {
    content: "";
    position: absolute;
    inset: 9px;
    border: 1.5px solid var(--counter-color);
    border-radius: 50%;
    opacity: .32;
    transition: inset .35s ease, opacity .35s ease;
    pointer-events: none;
}

/* Small decorative orbit */
.eclat-counter-item::after {
    content: "";
    position: absolute;
    top: 17%;
    right: 19%;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--counter-color);
    opacity: .65;
    box-shadow: 0 0 0 5px rgba(255,255,255,.85);
}

.eclat-counter-item:hover {
    transform: translateY(-7px) scale(1.025);
    box-shadow:
        0 20px 42px rgba(52,37,29,.12),
        0 0 0 5px color-mix(in srgb, var(--counter-color) 10%, transparent);
}

.eclat-counter-item:hover::before {
    inset: 5px;
    opacity: .65;
}

/* Inner icon circle */
.eclat-counter-item .counter-icon {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    margin-bottom: 9px;
    border-radius: 50%;
    background: var(--counter-color);
    color: #fff;
    font-size: 19px;
    box-shadow: 0 6px 15px rgba(40,30,20,.13);
    transition: transform .35s ease;
}

.eclat-counter-item:hover .counter-icon {
    transform: rotate(-8deg) scale(1.08);
}

/* Counter number */
.eclat-counter-item .counter-number {
    position: relative;
    z-index: 1;
    margin: 0 0 6px;
    color: var(--counter-color);
    font-size: clamp(27px, 3vw, 39px);
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -1px;
    font-variant-numeric: tabular-nums;
}

.eclat-counter-item .counter-number span {
    margin-left: 2px;
    font-size: .7em;
}

/* Counter label */
.eclat-counter-item .counter-label {
    position: relative;
    z-index: 1;
    max-width: 145px;
    margin: 0;
    /*color: #514747;*/
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
}

/* Product name */
.eclat-counter-item .counter-product-name {
    position: relative;
    z-index: 1;
    display: inline-block;
    margin-top: 8px;
    color: var(--counter-color);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

/* Tablet */
@media (max-width: 991px) {
    .eclat-counter-section {
        padding: 32px 0;
    }

    .eclat-counter-box {
        padding: 24px 12px;
    }

    .eclat-counter-item {
        max-width: 195px;
        padding: 16px;
    }

    .eclat-counter-item .counter-icon {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
        font-size: 17px;
    }

    .eclat-counter-item .counter-number {
        font-size: clamp(25px, 3.5vw, 34px);
    }
}

/* Mobile */
@media (max-width: 767px) {
    .eclat-counter-section {
        padding: 24px 0;
    }

    .eclat-counter-section .container {
        padding-right: 10px;
        padding-left: 10px;
    }

    .eclat-counter-box {
        padding: 20px 5px;
        border-radius: 20px;
    }

    .eclat-counter-box > .row {
        margin-right: -3px;
        margin-left: -3px;
    }

    .eclat-counter-box > .row > [class*="col-"] {
        padding-right: 3px;
        padding-left: 3px;
    }

    .eclat-counter-item {
        width: 100%;
        max-width: 165px;
        padding: 12px 5px;
    }

    .eclat-counter-item::before {
        inset: 5px;
    }

    .eclat-counter-item .counter-icon {
        width: 35px;
        height: 35px;
        flex-basis: 35px;
        margin-bottom: 7px;
        font-size: 14px;
    }

    .eclat-counter-item .counter-number {
        margin-bottom: 4px;
        font-size: clamp(19px, 4.8vw, 28px);
        letter-spacing: -.5px;
    }

    .eclat-counter-item .counter-label {
        max-width: 100px;
        font-size: 15px;
        line-height: 1.3;
    }

    .eclat-counter-item .counter-product-name {
        margin-top: 5px;
        font-size: 8px;
        letter-spacing: .7px;
    }

    .eclat-counter-item::after {
        top: 15%;
        right: 16%;
        width: 6px;
        height: 6px;
    }
}

/* Small phones */
@media (max-width: 380px) {
    .eclat-counter-box {
        padding: 15px 3px;
    }

    .eclat-counter-item {
        padding: 10px 3px;
    }

    .eclat-counter-item .counter-icon {
        width: 30px;
        height: 30px;
        flex-basis: 30px;
        font-size: 12px;
    }

    .eclat-counter-item .counter-number {
        font-size: 18px;
    }

    .eclat-counter-item .counter-label {
        font-size: 9px;
    }

    .eclat-counter-item .counter-product-name {
        font-size: 7px;
        letter-spacing: .5px;
    }
}

/* Respect reduced-motion preferences */
@media (prefers-reduced-motion: reduce) {
    .eclat-counter-item,
    .eclat-counter-item::before,
    .eclat-counter-item .counter-icon {
        transition: none;
    }
}

/*counter css end */

/* =========================================================
   ECLAT FOODZ — INTERACTIVE F&B INDUSTRY VETERANS
   Uses only the approved Eclat palette
========================================================= */

.eclat-veterans-section {
    --ev-turmeric: #D89B08;
    --ev-ginger: #C9961E;
    --ev-amla: #6B9B2B;
    --ev-beet: #9C2B4E;
    --ev-ginseng: #8B5E34;
    --ev-olive: #5C6B2F;

    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 10px 0 15px;
    background:
        radial-gradient(ellipse at 5% 15%, #D89B081A, transparent 32%),
        radial-gradient(ellipse at 95% 90%, #6B9B2B1A, transparent 34%),
        radial-gradient(ellipse at 70% 0%, #C9961E12, transparent 35%),
        #5C6B2F08;
}

/* Animated background */
.eclat-veterans-section::before,
.eclat-veterans-section::after {
    content: "";
    position: absolute;
    z-index: -1;
    border-radius: 50%;
    pointer-events: none;
}

.eclat-veterans-section::before {
    width: 360px;
    height: 360px;
    top: -190px;
    left: -130px;
    border: 1px solid #D89B0840;
    box-shadow:
        0 0 0 25px #D89B0808,
        0 0 0 55px #D89B0808,
        0 0 0 85px #D89B0806;
    animation: evOrbit 18s linear infinite;
}

.eclat-veterans-section::after {
    width: 300px;
    height: 300px;
    right: -145px;
    bottom: -170px;
    border: 1px solid #6B9B2B40;
    box-shadow:
        0 0 0 25px #6B9B2B08,
        0 0 0 55px #6B9B2B08;
    animation: evOrbit 22s linear infinite reverse;
}

@keyframes evOrbit {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

.eclat-veterans-section .container {
    position: relative;
    z-index: 1;
}

/* Main layout */
.eclat-veterans-layout {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    align-items: center;
    gap: 65px;
}

/* Introduction */
.eclat-veterans-intro {
    position: relative;
}

.eclat-veterans-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 22px;
    color: #8B5E34;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2.1px;
}

.eclat-veterans-dot {
    position: relative;
    width: 9px;
    height: 9px;
    flex: 0 0 9px;
    border-radius: 50%;
    background: #D89B08;
    box-shadow: 0 0 0 5px #D89B081A;
}

.eclat-veterans-dot::after {
    content: "";
    position: absolute;
    inset: -4px;
    border: 1px solid #D89B08;
    border-radius: 50%;
    animation: evPulse 2.2s ease-out infinite;
}

@keyframes evPulse {
    0%   { transform: scale(.8); opacity: .8; }
    100% { transform: scale(2.1); opacity: 0; }
}

.eclat-veterans-intro h2 {
    margin: 0 0 23px;
    color: #5C6B2F;
    font-size: clamp(36px, 4vw, 56px);
    font-weight: 750;
    line-height: 1.13;
    letter-spacing: -1.6px;
}

.eclat-veterans-intro h2 span {
    display: block;
    margin-top: 7px;
    color: #9C2B4E;
}

.eclat-veterans-description {
    max-width: 480px;
    margin: 0 0 30px;
    color: #5C6B2F;
    font-size: 17px;
    line-height: 1.9;
}

/* Interactive team button */
.eclat-veterans-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    min-height: 50px;
    padding: 13px 22px;
    overflow: hidden;
    border: 1px solid #D89B08;
    border-radius: 50px;
    background: #D89B08;
    /* color: #5C6B2F; */
    font-size: 18px;
    font-weight: 800;
    text-decoration: none;
    transition:
        color .3s ease,
        background .3s ease,
        transform .3s ease,
        box-shadow .3s ease;
}

.eclat-veterans-link span {
    display: inline-block;
    font-size: 19px;
    line-height: 1;
    transition: transform .3s ease;
}

.eclat-veterans-link:hover {
    color: #5C6B2F;
    background: #C9961E;
    transform: translateY(-3px);
    box-shadow: 0 10px 24px #C9961E40;
}

.eclat-veterans-link:hover span {
    transform: translateX(5px);
}

/* Credential cards */
.eclat-veterans-credentials {
    display: grid;
    gap: 20px;
}

.eclat-veteran-card {
    /*--ev-card-color: #D89B08;*/
    --ev-card-tint: #D89B0814;

    position: relative;
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr) 28px;
    align-items: center;
    gap: 20px;
    min-height: 175px;
    padding: 27px 25px;
    overflow: hidden;
    border: 1px solid #D89B0833;
    border-radius: 22px;
    background:
        linear-gradient(120deg, var(--ev-card-tint), #C9961E08),
        #5C6B2F08;
    box-shadow: 0 12px 35px #5C6B2F0D;
    transition:
        transform .35s ease,
        border-color .35s ease,
        box-shadow .35s ease;
}

.eclat-veteran-card:nth-child(2) {
    --ev-card-color: #9C2B4E;
    --ev-card-tint: #9C2B4E12;
    border-color: #9C2B4E30;
}

/* Sliding accent along the left */
.eclat-veteran-card::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 4px;
    background: var(--ev-card-color);
    transform: scaleY(.25);
    transform-origin: center;
    transition: transform .35s ease;
}

.eclat-veteran-card:hover {
    transform: translateX(7px);
    border-color: var(--ev-card-color);
    box-shadow: 0 20px 40px #5C6B2F18;
}

.eclat-veteran-card:hover::before {
    transform: scaleY(1);
}

/* Icon circles */
.eclat-veteran-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 68px;
    height: 68px;
    border: 1px solid #8b5e34;
    border-radius: 50%;
    background: var(--ev-card-tint);
    color: #8b5e34;
    font-size: 25px;
    box-shadow: 0 0 0 6px #C9961E12;
    transition:
        transform .35s ease,
        background .35s ease,
        box-shadow .35s ease;
}

.eclat-veteran-card:hover .eclat-veteran-icon {
    transform: rotate(-8deg) scale(1.08);
    background: var(--ev-card-color);
    color: #D89B08;
    box-shadow: 0 0 0 9px var(--ev-card-tint);
}

/* Card copy */
.eclat-veteran-copy {
    min-width: 0;
}

.eclat-veteran-label {
    display: inline-block;
    margin-bottom: 9px;
    color: #8B5E34;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.eclat-veteran-copy h3 {
    margin: 0 0 9px;
    color: #5C6B2F;
    font-size: 21px;
    font-weight: 750;
    line-height: 1.35;
    transition: color .3s ease;
}

.eclat-veteran-card:hover .eclat-veteran-copy h3 {
    color: var(--ev-card-color);
}

.eclat-veteran-copy p {
    margin: 0;
    color: #5C6B2F;
    font-size: 17px;
    line-height: 1.75;
}

/* Index number */
.eclat-veteran-index {
    align-self: start;
    padding-top: 3px;
    color: var(--ev-card-color);
    font-size: 15px;
    font-weight: 800;
    opacity: .8;
    transition: transform .3s ease;
}

.eclat-veteran-card:hover .eclat-veteran-index {
    transform: translateY(-3px);
}

/* Brand experience strip */
.eclat-veterans-footer {
    position: relative;
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    align-items: center;
    gap: 30px;
        /* margin-top: 65px; */
    padding: 8px 6px;
    border-top: 1px solid #C9961E50;
    border-bottom: 1px solid #C9961E50;
    background: linear-gradient(90deg, #D89B080D, #6B9B2B0D);
}

.eclat-veterans-footer-label {
    color: #8B5E34;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.8px;
}

.eclat-veterans-brands {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 20px 28px;
}

.eclat-veterans-brands span {
    position: relative;
    display: inline-block;
    color: #5C6B2F;
    font-size: clamp(16px, 1.8vw, 22px);
    font-weight: 800;
    letter-spacing: -.5px;
    transition:
        color .3s ease,
        transform .3s ease;
}

.eclat-veterans-brands span:nth-child(2) {
    color: #9C2B4E;
}

.eclat-veterans-brands span:nth-child(3) {
    color: #8B5E34;
}

.eclat-veterans-brands span:nth-child(4) {
    color: #6B9B2B;
}

.eclat-veterans-brands span:hover {
    color: #D89B08;
    transform: translateY(-4px);
}

/* Scroll reveal: activated by JavaScript */
.eclat-veterans-section.ev-reveal-ready
.eclat-veterans-intro,
.eclat-veterans-section.ev-reveal-ready
.eclat-veteran-card,
.eclat-veterans-section.ev-reveal-ready
.eclat-veterans-footer {
    opacity: 0;
    transform: translateY(22px);
    transition:
        opacity .7s ease,
        transform .7s ease;
}

.eclat-veterans-section.ev-reveal-ready .ev-visible {
    opacity: 1;
    transform: translateY(0);
}

.eclat-veterans-section.ev-reveal-ready
.eclat-veteran-card:nth-child(2) {
    transition-delay: .15s;
}

.eclat-veterans-section.ev-reveal-ready
.eclat-veterans-footer {
    transition-delay: .2s;
}

/* Tablet */
@media (max-width: 991px) {
    .eclat-veterans-section {
        padding: 70px 0 50px;
    }

    .eclat-veterans-layout {
        grid-template-columns: 1fr;
        gap: 38px;
    }

    .eclat-veterans-intro {
        max-width: 680px;
    }

    .eclat-veterans-intro h2 {
        font-size: 46px;
    }

    .eclat-veterans-footer {
        grid-template-columns: 1fr;
        gap: 20px;
        margin-top: 45px;
    }

    .eclat-veterans-brands {
        justify-content: flex-start;
    }
}

/* Mobile */
@media (max-width: 575px) {
    .eclat-veterans-section {
        padding: 50px 0 35px;
    }

    .eclat-veterans-intro h2 {
        font-size: 36px;
        letter-spacing: -.9px;
    }

    .eclat-veterans-description {
        font-size: 14px;
        line-height: 1.8;
    }

    .eclat-veterans-credentials {
        gap: 14px;
    }

    .eclat-veteran-card {
        grid-template-columns: 48px minmax(0, 1fr) 20px;
        gap: 12px;
        min-height: 0;
        padding: 21px 15px;
        border-radius: 17px;
    }

    .eclat-veteran-icon {
        width: 46px;
        height: 46px;
        font-size: 18px;
    }

    .eclat-veteran-label {
        font-size: 9px;
        letter-spacing: .8px;
    }

    .eclat-veteran-copy h3 {
        font-size: 17px;
    }

    .eclat-veteran-copy p {
        font-size: 12px;
        line-height: 1.65;
    }

    .eclat-veterans-footer {
        gap: 18px;
        margin-top: 35px;
        padding: 22px 15px;
    }

    .eclat-veterans-brands {
        justify-content: flex-start;
        gap: 16px 22px;
    }

    .eclat-veterans-brands span {
        font-size: 17px;
    }
}

/* Reduced motion accessibility */
@media (prefers-reduced-motion: reduce) {
    .eclat-veterans-section::before,
    .eclat-veterans-section::after,
    .eclat-veterans-dot::after {
        animation: none !important;
    }

    .eclat-veterans-section *,
    .eclat-veterans-section *::before,
    .eclat-veterans-section *::after {
        transition: none !important;
    }

    .eclat-veterans-section.ev-reveal-ready
    .eclat-veterans-intro,
    .eclat-veterans-section.ev-reveal-ready
    .eclat-veteran-card,
    .eclat-veterans-section.ev-reveal-ready
    .eclat-veterans-footer {
        opacity: 1;
        transform: none;
    }
}

/* Google Map inside Get In Touch card */
.contact-card-pink .contact-card-map {
    width: 100%;
    margin: 20px 0;
    overflow: hidden;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.55);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
    position: relative;
    z-index: 2;
}

.contact-card-pink .contact-card-map iframe {
    display: block;
    width: 100%;
    height: 180px;
    border: 0;
    border-radius: 14px;
}

.contact-card-pink .contact-card-btn {
    position: relative;
    z-index: 2;
}

/* Merged Visit Us + Business Hours Card */
.contact-card-merged {
    height: 100%;
    box-sizing: border-box;
}

.contact-card-merged .contact-card-content {
    position: relative;
    z-index: 2;
}

.contact-card-merged .merged-business-hours {
    margin-top: 24px;
    padding-top: 18px;
    border-top: 1px solid rgba(92, 107, 47, 0.22);
    position: relative;
    z-index: 2;
}

.contact-card-merged .merged-business-hours h4 {
    margin: 0 0 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 19px;
    font-weight: 700;
    color: #5C6B2F;
}

.contact-card-merged .merged-business-hours h4 i {
    color: #D89B08;
}

.contact-card-merged .hours-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 10px 0;
    border-bottom: 1px solid rgba(92, 107, 47, 0.12);
    font-size: 14px;
}

.contact-card-merged .hours-row:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.contact-card-merged .hours-row span {
    color: #555b4c;
}

.contact-card-merged .hours-row strong {
    color: #354326;
    font-weight: 700;
    text-align: right;
}

.contact-card-merged .hours-row .hours-closed {
    color: #9C2B4E;
}

/* Mobile layout */
@media (max-width: 576px) {
    .contact-card-merged .merged-business-hours {
        margin-top: 20px;
        padding-top: 16px;
    }

    .contact-card-merged .merged-business-hours h4 {
        font-size: 17px;
    }

    .contact-card-merged .hours-row {
        font-size: 13px;
        padding: 9px 0;
    }
}

/* =========================================================
   ECLAT FOODZ — SIX-COLOR PREMIUM FOOTER THEME
========================================================= */

:root {
    --eclat-turmeric: #D89B08;
    --eclat-beetroot: #9C2B4E;
    --eclat-amla: #6B9B2B;
    --eclat-ginseng: #8B5E34;
    --eclat-ginger: #C9961E;
    --eclat-olive: #5C6B2F;

    --eclat-footer-bg: #201D19;
    --eclat-footer-text: #EAE5DB;
    --eclat-footer-muted: #BEB6A8;
}

/* =========================================================
   FOOTER BACKGROUND
========================================================= */

.footer-style4 {
    position: relative;
    overflow: hidden;
    background: #d89b08;;
    color: var(--eclat-footer-text);
}

.footer-style4 .footer-main-style4 {
    background: transparent;
    position: relative;
    z-index: 1;
}

.footer-style4 .single-footer-widget-style4 {
    color: var(--eclat-footer-text);
}

/* Subtle premium color accents */
.footer-style4 .single-footer-widget-style4__about {
    border-top: 3px solid var(--eclat-turmeric);
    padding-top: 22px;
}

.footer-style4 .single-footer-widget-style4__useful-links {
    border-top: 3px solid var(--eclat-amla);
    padding-top: 22px;
}

.footer-style4 .single-footer-widget-style4__social {
    border-top: 3px solid var(--eclat-beetroot);
    padding-top: 22px;
}

/* =========================================================
   FOOTER HEADINGS
========================================================= */

.footer-style4 .single-footer-widget-style4 .title h3 {
    color: #FFFFFF;
    font-weight: 700;
}

.footer-style4 .single-footer-widget-style4 .title .border-dot {
    /*background: var(--eclat-turmeric);*/
}

.footer-style4 .single-footer-widget-style4__useful-links .title .border-dot {
    background: var(--eclat-amla);
}

.footer-style4 .single-footer-widget-style4__social .title .border-dot {
    /*background: var(--eclat-beetroot);*/
}

/* =========================================================
   QUICK LINKS
========================================================= */

.footer-style4 .footer-widget-useful-links-style4 ul {
    padding-left: 0;
    list-style: none;
}

.footer-style4 .footer-widget-useful-links-style4 li {
    margin-bottom: 12px;
}

.footer-style4 .footer-widget-useful-links-style4 a {
    /*color: var(--eclat-footer-muted);*/
    transition: color .25s ease, transform .25s ease;
}

.footer-style4 .footer-widget-useful-links-style4 a i {
    color: #6b9b2b;
    margin-right: 7px;
    transition: color .25s ease;
}



.footer-style4 .footer-widget-useful-links-style4 a:hover i {
    color: var(--eclat-amla);
}

/* =========================================================
   SEASONAL BOOSTER SHOTS CAROUSEL
========================================================= */

.footer-style4__seasonal-offer-carousel {
    border-radius: 18px;
    overflow: hidden;
}

.footer-style4 .shot-slide-inner {
    position: relative;
    display: flex;
    align-items: center;
    gap: 22px;
    padding: 22px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 18px;
    background:
        1px solid rgba(255, 255, 255, .1);
    transition: border-color .3s ease, transform .3s ease;
}

.footer-style4 .shot-slide-inner:hover {
    border-color: var(--eclat-turmeric);
    transform: translateY(-3px);
}

.footer-style4 .shot-image {
    flex: 0 0 125px;
    width: 125px;
    height: 145px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 14px;
    background: rgba(255, 255, 255, .05);
}

.footer-style4 .shot-image img {
    width: 100%;
    /*height: 100%;*/
    object-fit: contain;
    transition: transform .4s ease;
}

.footer-style4 .shot-slide-inner:hover .shot-image img {
    transform: scale(1.06);
}

.footer-style4 .shot-slide .content {
    min-width: 0;
    flex: 1;
}

.footer-style4 .shot-slide .content p {
    color: #9c2b4e;
    font-size: 16px;
    font-weight: 700;
    /*letter-spacing: 2px;*/
    text-transform: uppercase;
    margin-bottom: 8px;
}

.footer-style4 .shot-slide .content h4 {
    color: #FFFFFF;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.35;
    margin-bottom: 10px;
}

.footer-style4 .shot-slide .content h5 {
    /*color: var(--eclat-footer-muted);*/
    font-size: 15px;
    line-height: 1.8;
    font-weight: 400;
    margin-bottom: 17px;
}

/* Product-specific button accent rotation */
.footer-style4 .owl-item:nth-child(6n + 1) .shot-btn {
    --shot-accent: var(--eclat-turmeric);
}

.footer-style4 .owl-item:nth-child(6n + 2) .shot-btn {
    --shot-accent: var(--eclat-beetroot);
}

.footer-style4 .owl-item:nth-child(6n + 3) .shot-btn {
    --shot-accent: var(--eclat-amla);
}

.footer-style4 .owl-item:nth-child(6n + 4) .shot-btn {
    --shot-accent: var(--eclat-ginseng);
}

.footer-style4 .owl-item:nth-child(6n + 5) .shot-btn {
    --shot-accent: var(--eclat-ginger);
}

.footer-style4 .owl-item:nth-child(6n + 6) .shot-btn {
    --shot-accent: var(--eclat-olive);
}

.footer-style4 .shot-btn {
  display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 15px;
    border: 1px solid #000;
    /* border-radius: 5px; */
    /* color: #FFFFFF; */
    /*background: #d89b08;*/
    font-size: 17px;
    font-weight: 700;
    transition: color .25s ease, background .25s ease;
}

.footer-style4 .shot-btn:hover {
    color: #FFFFFF;
    background: var(--shot-accent, var(--eclat-turmeric));
}

.footer-style4 .shot-btn .icon-arrow {
    transition: transform .25s ease;
}

.footer-style4 .shot-btn:hover .icon-arrow {
    transform: translateX(4px);
}

/* Carousel navigation */
.footer-style4 .owl-nav button {
    color: var(--eclat-turmeric) !important;
    transition: color .25s ease;
}

.footer-style4 .owl-nav button:hover {
    color: var(--eclat-amla) !important;
}

/* =========================================================
   FOLLOW US TEXT
========================================================= */

.footer-style4 .single-footer-widget-style4__text {
    /*color: var(--eclat-footer-muted);*/
    line-height: 1.9;
}

/* =========================================================
   SOCIAL ICONS — SIX-COLOR PALETTE
========================================================= */

.footer-style4 .footer-social-icons {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 22px;
}

.footer-style4 .footer-social-icons .social-icon {
    width: 43px;
    height: 43px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 50%;
    background: rgba(255, 255, 255, .04);
    color: #FFFFFF;
    font-size: 17px;
    transition:
        background .25s ease,
        border-color .25s ease,
        transform .25s ease;
}

.footer-style4 .footer-social-icons .instagram {
    --social-accent: var(--eclat-beetroot);
}

.footer-style4 .footer-social-icons .facebook {
    --social-accent: var(--eclat-ginger);
}

.footer-style4 .footer-social-icons .youtube {
    --social-accent: var(--eclat-ginseng);
}

.footer-style4 .footer-social-icons .whatsapp {
    --social-accent: var(--eclat-turmeric);
}

.footer-style4 .footer-social-icons .social-icon:hover {
    background: var(--social-accent, var(--eclat-ginger));
    border-color: var(--social-accent, var(--eclat-ginger));
    color: #FFFFFF;
    transform: translateY(-4px);
}

/* =========================================================
   FOOTER BOTTOM
========================================================= */

.footer-style4 .footer-style4-bottom {
    position: relative;
    z-index: 1;
    background: #000;
    border-top: 1px solid rgba(255, 255, 255, .1);
}

.footer-style4 .footer-style4-bottom-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
    /*padding-top: 20px;*/
    /*padding-bottom: 20px;*/
}

.footer-style4 .copyright-text p {
    color: var(--eclat-footer-muted);
    margin: 0;
}

.footer-style4 .copyright-text a {
    color: var(--eclat-turmeric);
    font-weight: 700;
    transition: color .25s ease;
}

.footer-style4 .copyright-text a:hover {
    color: var(--eclat-ginger);
}

.footer-style4 .footer-menu ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 18px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.footer-style4 .footer-menu a {
    color: var(--eclat-footer-muted);
    transition: color .25s ease;
}

.footer-style4 .footer-menu a:hover {
    color: var(--eclat-amla);
}

/* =========================================================
   WHATSAPP FLOATING BUTTON
========================================================= */

.whatsapp-float {
    position: fixed;
    right: 22px;
    bottom: 22px;
    z-index: 9999;
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--eclat-amla);
    color: #FFFFFF;
    font-size: 28px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .2);
    transition: background .25s ease, transform .25s ease;
}

.whatsapp-float:hover {
    background: var(--eclat-olive);
    color: #FFFFFF;
    transform: translateY(-4px);
}

.whatsapp-float .whatsapp-tooltip {
    position: absolute;
    right: 68px;
    padding: 8px 12px;
    border-radius: 5px;
    background: var(--eclat-ginseng);
    color: #FFFFFF;
    font-size: 12px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s ease;
}

.whatsapp-float:hover .whatsapp-tooltip {
    opacity: 1;
    visibility: visible;
}

/* =========================================================
   RESPONSIVE FOOTER
========================================================= */

@media (max-width: 991px) {
    .footer-style4 .single-footer-widget-style4 {
        margin-bottom: 30px;
    }

    .footer-style4 .footer-style4-bottom-inner {
        justify-content: center;
        text-align: center;
    }

    .footer-style4 .shot-slide-inner {
        gap: 16px;
        padding: 18px;
    }
}

@media (max-width: 575px) {
    .footer-style4 .shot-slide-inner {
        flex-direction: column;
        align-items: stretch;
        padding: 18px;
    }

    .footer-style4 .shot-image {
        width: 100%;
        height: 155px;
        flex-basis: auto;
    }

    .footer-style4 .shot-slide .content h4 {
        font-size: 20px;
    }

    .footer-style4 .footer-menu ul {
        justify-content: center;
        gap: 12px 16px;
    }

    .footer-style4 .footer-social-icons {
        gap: 10px;
    }

    .whatsapp-float {
        right: 15px;
        bottom: 15px;
        width: 50px;
        height: 50px;
    }
}



/* ECLAT COUNTERS — MOBILE: 3 ROWS */
@media screen and (max-width: 767px) {

    .eclat-counter-section .eclat-counter-box > .row.g-0 {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
    }

    .eclat-counter-section .eclat-counter-box > .row.g-0 > .col-4 {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .eclat-counter-section .eclat-counter-item {
        width: 100% !important;
        padding: 14px 10px !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    .eclat-counter-section .counter-icon {
        font-size: 20px !important;
        margin-bottom: 5px !important;
    }

    .eclat-counter-section .counter-number {
        font-size: 26px !important;
        line-height: 1.2 !important;
    }

    .eclat-counter-section .counter-label {
        font-size: 12px !important;
        line-height: 1.4 !important;
    }
}


/* BOOSTER FEATURES — MOBILE: ONE CARD PER ROW, DESKTOP-LIKE WIDTH */
@media screen and (max-width: 767px) {

    .booster-features .booster-features-grid {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 15px !important;
    }

    .booster-features .booster-feature-card {
        flex: 0 0 auto !important;
        width: 100% !important;
        max-width: 340px !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

}

/* FIX EXCESSIVE BLANK SPACE ON MOBILE PRODUCT PAGE */
@media (max-width: 575px) {
    .compact-breadcrumb {
        padding-bottom: 8px !important;
        margin-bottom: 0 !important;
        min-height: auto !important;
    }

    .compact-breadcrumb + section {
        margin-top: 0 !important;
    }

    .product-details-section,
    .product-detail-section {
        padding-top: 15px !important;
        margin-top: 0 !important;
        min-height: auto !important;
    }
}

/* =====================================================
   ECLAT FOODZ — PREMIUM SLIDER V2
   Responsive | Desktop | iPad | Mobile
   Isolated from old slider styles
===================================================== */

#eclat-premium-slider-v2,
#eclat-premium-slider-v2 * {
    box-sizing: border-box;
}

#eclat-premium-slider-v2 {
    --v2-wine: #741c36;
    --v2-cream: #fffaf4;
    --v2-gold: #edca8b;

    position: relative;
    isolation: isolate;
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: #fffaf4;
    font-family: inherit;
}

/* =====================================================
   SLIDER TRACK
   Desktop artwork: 1920 x 450
===================================================== */

#eclat-premium-slider-v2 .eclat-v2-track {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1920 / 450;
    min-height: 0;
    max-height: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

/* =====================================================
   SLIDES
===================================================== */

#eclat-premium-slider-v2 .eclat-v2-slide {
    position: absolute;
    inset: 0;
    z-index: 0;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: opacity .65s ease, visibility .65s ease;
}

#eclat-premium-slider-v2 .eclat-v2-slide.is-active {
    z-index: 2;
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}

/* =====================================================
   PICTURE AND IMAGE
   Preserve artwork without zooming or cropping
===================================================== */

#eclat-premium-slider-v2 .eclat-v2-picture {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

#eclat-premium-slider-v2 .eclat-v2-image {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    object-fit: contain;
    object-position: center center;
    transform: none;
    transition: opacity .65s ease;
}

/* Do not zoom the banner when a slide becomes active */
#eclat-premium-slider-v2 .eclat-v2-slide.is-active .eclat-v2-image {
    transform: none;
}

/* =====================================================
   OVERLAY
===================================================== */

#eclat-premium-slider-v2 .eclat-v2-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(90deg, rgb(45 5 19 / 20%) 0%, rgb(45 5 19 / 9%) 55%, rgba(45, 5, 19, .25) 100%)
    pointer-events: none;
}


#eclat-premium-slider-v2 .eclat-v3-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(90deg, rgb(239 225 123 / 23%) 0%, rgb(244 205 11 / 17%) 25%, rgba(45, 5, 19, .25) 48%, rgba(45, 5, 19, 0) 72%);
    pointer-events: none;
}


#eclat-premium-slider-v2 .eclat-v4-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(90deg, rgb(153 204 51 / 10%) 0%, #5c6b2f08 25%, rgba(45, 5, 19, .25) 48%, rgba(45, 5, 19, 0) 72%);
    pointer-events: none;
}

#eclat-premium-slider-v2 .eclat-v2-slide--team .eclat-v2-overlay {
    background: linear-gradient(
        90deg,
        rgba(45, 30, 16, .80) 0%,
        rgba(45, 30, 16, .60) 27%,
        rgba(45, 30, 16, .20) 51%,
        rgba(45, 30, 16, 0) 74%
    );
}

/* =====================================================
   TEXT CONTENT
===================================================== */

#eclat-premium-slider-v2 .eclat-v2-content {
      position: absolute;
    z-index: 3;
    top: 42%;
    left: clamp(87px, 1.2vw, 127px);
    width: min(44%, 580px);
    /* max-width: calc(100% - 48px); */
    color: var(--v2-cream);
    transform: translateY(-50%);
}

#eclat-premium-slider-v2 .eclat-v2-kicker {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 13px;
    color: var(--v2-gold);
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1.5;
}


#eclat-premium-slider-v2 .eclat-v3-kicker {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 13px;
    color: #000000 !important;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1.5;
}


#eclat-premium-slider-v2 .eclat-v2-kicker::before {
    content: "";
    display: block;
    width: 25px;
    height: 1px;
    flex: 0 0 25px;
    background: currentColor;
}

#eclat-premium-slider-v2 .eclat-v3-kicker::before {
    content: "";
    display: block;
    width: 25px;
    height: 1px;
    flex: 0 0 25px;
    background: currentColor;
}

#eclat-premium-slider-v2 .eclat-v2-content h2 {
    max-width: 570px;
    margin: 0 0 13px;
    color: var(--v2-cream);
   /* font-family: Georgia, "Times New Roman", serif;*/
    font-size: clamp(30px, 3.1vw, 45px);
    font-weight: 500;
    line-height: 1.08;
    letter-spacing: -.7px;
    text-transform: none;
    text-shadow: 0 2px 18px rgba(0, 0, 0, .2);
}

#eclat-premium-slider-v2 .eclat-v2-content .sampleshot {
        max-width: 570px;
    margin: 0 0 13px;
    color: #000;
    /* font-family: Georgia, "Times New Roman", serif; */
    font-size: clamp(30px, 3.1vw, 37px);
    font-weight: 500;
    line-height: 1.08;
    letter-spacing: -.7px;
    /*background: rgb(243 219 188 / 48%);*/
    text-transform: none;
    text-shadow: 0 2px 18px rgba(0, 0, 0, .2);
    width: fit-content;
}

#eclat-premium-slider-v2 .eclat-v2-content p {
    max-width: 400px;
    margin: 0 0 21px;
    color: rgba(255, 250, 244, .94);
    font-size: clamp(12px, .95vw, 15px);
    line-height: 1.65;
}

/* =====================================================
   CALL-TO-ACTION BUTTON
===================================================== */

#eclat-premium-slider-v2 .eclat-v2-button {
        display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 17px;
    min-height: 45px;
    padding: 12px 9px;
    border: 1px solid var(--v2-cream);
    border-radius: 50px;
    background: var(--v2-cream);
    color: #000;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    text-decoration: none;
    transition: background .25s ease, color .25s ease, border-color .25s ease, transform .25s ease;
}

#eclat-premium-slider-v2 .eclat-v2-button span {
    font-size: 17px;
    transition: transform .25s ease;
}

#eclat-premium-slider-v2 .eclat-v2-button:hover {
    /*border-color: var(--v2-wine);*/
    /*background: var(--v2-wine);*/
    /*color: #fff;*/
    transform: translateY(-2px);
}

#eclat-premium-slider-v2 .eclat-v2-button:hover span {
    transform: translate(3px, -2px);
}

/* =====================================================
   SLIDER ARROWS AND DOTS
===================================================== */

#eclat-premium-slider-v2 .eclat-v2-controls {
    position: absolute;
    z-index: 5;
    right: 28px;
    bottom: 17px;
    display: flex;
    align-items: center;
    gap: 10px;
}

#eclat-premium-slider-v2 .eclat-v2-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, .7);
    border-radius: 50%;
    background: rgba(45, 5, 19, .28);
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    transition: background .2s ease, color .2s ease;
}

#eclat-premium-slider-v2 .eclat-v2-arrow:hover {
    background: #fff;
    color: var(--v2-wine);
}

#eclat-premium-slider-v2 .eclat-v2-dots {
    display: flex;
    align-items: center;
    gap: 6px;
}

#eclat-premium-slider-v2 .eclat-v2-dot {
    width: 7px;
    height: 7px;
    padding: 0;
    border: 0;
    border-radius: 12px;
    background: rgba(255, 255, 255, .65);
    cursor: pointer;
    transition: width .25s ease, background .25s ease;
}

#eclat-premium-slider-v2 .eclat-v2-dot.is-active {
    width: 21px;
    background: #fff;
}

/* =====================================================
   SLIDE COUNTER
===================================================== */

#eclat-premium-slider-v2 .eclat-v2-counter {
    position: absolute;
    z-index: 5;
    bottom: 27px;
    left: 28px;
    color: rgba(255, 255, 255, .9);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
}

/* =====================================================
   TABLETS — IPAD MINI / IPAD / IPAD PRO
===================================================== */

@media (min-width: 768px) and (max-width: 1100px) {

    #eclat-premium-slider-v2 .eclat-v2-track {
        width: 100%;
        height: auto;
        aspect-ratio: 1920 / 450;
        min-height: 0;
        max-height: none;
    }

    #eclat-premium-slider-v2 .eclat-v2-content {
        left: 4%;
        width: 48%;
        max-width: 48%;
    }

    #eclat-premium-slider-v2 .eclat-v2-kicker {
        gap: 8px;
        margin-bottom: 8px;
       font-size: 15px !important;
        letter-spacing: 1.3px;
    }

    #eclat-premium-slider-v2 .eclat-v2-kicker::before {
        width: 20px;
        flex-basis: 20px;
    }
    
       #eclat-premium-slider-v2 .eclat-v3-kicker {
        gap: 8px;
        margin-bottom: 8px;
        font-size: 15px !important;
        letter-spacing: 1.3px;
    }

    #eclat-premium-slider-v2 .eclat-v3-kicker::before {
        width: 20px;
        flex-basis: 20px;
    }

    #eclat-premium-slider-v2 .eclat-v2-content h2 {
        font-size: clamp(24px, 3.3vw, 36px);
        line-height: 1.1;
        letter-spacing: -.4px;
        margin-bottom: 9px;
    }

    #eclat-premium-slider-v2 .eclat-v2-content p {
        max-width: 300px;
        margin-bottom: 12px;
        font-size: 12px;
        line-height: 1.45;
    }

    #eclat-premium-slider-v2 .eclat-v2-button {
        min-height: 38px;
        gap: 10px;
        padding: 9px 13px;
        font-size: 11px;
    }

    #eclat-premium-slider-v2 .eclat-v2-controls {
        right: 15px;
        bottom: 10px;
        gap: 7px;
    }

    #eclat-premium-slider-v2 .eclat-v2-arrow {
        width: 30px;
        height: 30px;
        font-size: 16px;
    }

    #eclat-premium-slider-v2 .eclat-v2-counter {
        display: none;
    }
}

/* =====================================================
   MOBILE — EXPECTED ARTWORK RATIO 1080 x 1200
===================================================== */

@media (max-width: 767px) {

    #eclat-premium-slider-v2 {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    #eclat-premium-slider-v2 .eclat-v2-track {
        width: 100%;
        height: auto;
        aspect-ratio: 9 / 10;
        min-height: 0;
        max-height: none;
    }

    #eclat-premium-slider-v2 .eclat-v2-slide {
        width: 100%;
        height: 100%;
    }

    #eclat-premium-slider-v2 .eclat-v2-picture {
        width: 100%;
        height: 100%;
    }

    #eclat-premium-slider-v2 .eclat-v2-image {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: center center;
        transform: none;
    }

    #eclat-premium-slider-v2 .eclat-v2-slide.is-active .eclat-v2-image {
        transform: none;
    }

    #eclat-premium-slider-v2 .eclat-v2-overlay {
        background: linear-gradient(90deg, rgb(45 5 19 / 20%) 0%, rgb(45 5 19 / 9%) 55%, rgba(45, 5, 19, .25) 100%)
    }


 #eclat-premium-slider-v2 .eclat-v3-overlay {
        background: linear-gradient(90deg, rgb(239 225 123 / 23%) 0%, rgb(244 205 11 / 17%) 25%, rgba(45, 5, 19, .25) 48%, rgba(45, 5, 19, 0) 72%);
    }
    
    
       #eclat-premium-slider-v2 .eclat-v4-overlay {
        background: linear-gradient(90deg, rgb(153 204 51 / 10%) 0%, #5c6b2f08 25%, rgba(45, 5, 19, .25) 48%, rgba(45, 5, 19, 0) 72%)
    }
    
    
    
    #eclat-premium-slider-v2 .eclat-v2-slide--team .eclat-v2-overlay {
        background: linear-gradient(
            90deg,
            rgba(45, 30, 16, .84) 0%,
            rgba(45, 30, 16, .64) 55%,
            rgba(45, 30, 16, .23) 100%
        );
    }

    #eclat-premium-slider-v2 .eclat-v2-content {
        top: 24%;
        left: 22px;
        width: calc(100% - 44px);
        max-width: 390px;
        transform: translateY(-50%);
    }


    
    #eclat-premium-slider-v2 .eclat-v2-kicker {
        gap: 7px;
        margin-bottom: 12px;
        font-size: 15px;
        letter-spacing: 1.3px;
    }

    #eclat-premium-slider-v2 .eclat-v2-kicker::before {
        width: 17px;
        flex-basis: 17px;
    }


    #eclat-premium-slider-v2 .eclat-v3-kicker {
        gap: 7px;
        margin-bottom: 12px;
        font-size: 15px;
        letter-spacing: 1.3px;
    }

    #eclat-premium-slider-v2 .eclat-v3-kicker::before {
        width: 17px;
        flex-basis: 17px;
    }
    #eclat-premium-slider-v2 .eclat-v2-content h2 {
        max-width: 100%;
        margin-bottom: 12px;
        font-size: clamp(29px, 7.8vw, 38px);
        line-height: 1.12;
        letter-spacing: -.4px;
    }

    #eclat-premium-slider-v2 .eclat-v2-content p {
        max-width: 300px;
        margin-bottom: 18px;
        font-size: 13px;
        line-height: 1.55;
    }

    #eclat-premium-slider-v2 .eclat-v2-button {
        min-height: 43px;
        gap: 13px;
        padding: 11px 14px;
        font-size: 11px;
    }

    #eclat-premium-slider-v2 .eclat-v2-controls {
        right: 13px;
        bottom: 12px;
        gap: 7px;
    }

    #eclat-premium-slider-v2 .eclat-v2-arrow {
        width: 30px;
        height: 30px;
        font-size: 16px;
    }

    #eclat-premium-slider-v2 .eclat-v2-dots {
        gap: 5px;
    }

    #eclat-premium-slider-v2 .eclat-v2-dot {
        width: 6px;
        height: 6px;
    }

    #eclat-premium-slider-v2 .eclat-v2-dot.is-active {
        width: 17px;
    }

    #eclat-premium-slider-v2 .eclat-v2-counter {
        display: none;
    }
}

/* =====================================================
   SMALL MOBILE
===================================================== */

@media (max-width: 380px) {

    #eclat-premium-slider-v2 .eclat-v2-track {
        width: 100%;
        height: auto;
        aspect-ratio: 9 / 10;
        min-height: 0;
    }

    #eclat-premium-slider-v2 .eclat-v2-content {
        left: 17px;
        width: calc(100% - 34px);
        max-width: none;
    }

    #eclat-premium-slider-v2 .eclat-v2-content h2 {
        font-size: 28px;
    }

    #eclat-premium-slider-v2 .eclat-v2-content p {
        font-size: 12px;
        line-height: 1.5;
    }

    #eclat-premium-slider-v2 .eclat-v2-kicker {
        font-size: 8px;
        letter-spacing: 1px;
    }

    #eclat-premium-slider-v2 .eclat-v2-button {
        min-height: 40px;
        padding: 10px 12px;
    }
}

/* =====================================================
   REMOVE UNWANTED SPACE BELOW SLIDER
===================================================== */

#eclat-premium-slider-v2 + section,
#eclat-premium-slider-v2 + div {
    margin-top: 0;
}

/* =====================================================
   KEYBOARD ACCESSIBILITY
===================================================== */

#eclat-premium-slider-v2 button:focus-visible,
#eclat-premium-slider-v2 a:focus-visible {
    outline: 3px solid #f0cf94;
    outline-offset: 3px;
}

/* =====================================================
   REDUCED MOTION
===================================================== */

@media (prefers-reduced-motion: reduce) {

    #eclat-premium-slider-v2 *,
    #eclat-premium-slider-v2 *::before,
    #eclat-premium-slider-v2 *::after {
        scroll-behavior: auto !important;
        animation: none !important;
        transition: none !important;
    }
}


/* Desktop */
#eclat-premium-slider-v2 {
    margin-top: 134px;
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1100px) {
    #eclat-premium-slider-v2 {
        margin-top: 0px !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    #eclat-premium-slider-v2 {
        margin-top: 0px !important;
    }
}



/* =====================================================
   ECLAT SLIDE 2 — SPLIT EDITORIAL LAYOUT
   Left: Text panel | Right: Team photograph
===================================================== */

#eclat-premium-slider-v2 .eclat-v2-slide--team {
    background: #f8edcf;
    overflow: hidden;
}

/* Photo occupies the right side */
#eclat-premium-slider-v2 .eclat-v2-slide--team .eclat-v2-picture {
    left: 43%;
    right: 0;
    top: 0;
    bottom: 0;
    width: 57%;
    height: 100%;
    overflow: hidden;
}

#eclat-premium-slider-v2 .eclat-v2-slide--team .eclat-v2-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transform: none;
}

/* Warm cream panel on the left */
#eclat-premium-slider-v2 .eclat-v2-slide--team::before {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0 57% 0 0;
    background:
        radial-gradient(
            circle at 8% 12%,
            rgba(222, 184, 91, .20),
            transparent 38%
        ),
        linear-gradient(
            135deg,
            #fff8e8 0%,
            #f7e9c8 58%,
            #eed8a7 100%
        );
}

/* Decorative gold divider between text and image */
#eclat-premium-slider-v2 .eclat-v2-slide--team::after {
    content: "";
    position: absolute;
    z-index: 3;
    top: 12%;
    bottom: 12%;
    left: 43%;
    width: 3px;
    background: linear-gradient(
        to bottom,
        transparent,
        #c69a48 20%,
        #c69a48 80%,
        transparent
    );
}

/* Disable the old dark overlay for this slide */
#eclat-premium-slider-v2 .eclat-v2-slide--team .eclat-v2-overlay {
    display: none;
}

/* Text panel */
#eclat-premium-slider-v2 .eclat-v2-slide--team .eclat-v2-content {
    left: 5%;
    top: 50%;
    width: 33%;
    max-width: 420px;
    color: #4c3020;
    transform: translateY(-50%);
}

/* Kicker */
#eclat-premium-slider-v2 .eclat-v2-slide--team .eclat-v2-kicker {
    color: #986d27;
    font-size: 15px;
    letter-spacing: 2px;
    line-height: 1.6;
    margin-bottom: 15px;
}

#eclat-premium-slider-v2 .eclat-v2-slide--team .eclat-v3-kicker {
    color: #0000;
    font-size: 15px;
    letter-spacing: 2px;
    line-height: 1.6;
    margin-bottom: 15px;
}

/* Heading */
#eclat-premium-slider-v2 .eclat-v2-slide--team .eclat-v2-content h2 {
    color: #48291f;
    font-size: clamp(27px, 2.8vw, 46px);
    line-height: 1.12;
    letter-spacing: -.6px;
    text-shadow: none;
    margin-bottom: 15px;
}

/* Description */
#eclat-premium-slider-v2 .eclat-v2-slide--team .eclat-v2-content p {
    color: #715744;
    max-width: 330px;
    font-size: clamp(12px, .9vw, 15px);
    line-height: 1.7;
    margin-bottom: 22px;
}

/* Button */
#eclat-premium-slider-v2 .eclat-v2-slide--team .eclat-v2-button {
    color: #fffaf0;
    background: #69594c;
    border-color: #69594c;
}

#eclat-premium-slider-v2 .eclat-v2-slide--team .eclat-v2-button:hover {
    background: #69594c;
    border-color: #69594c;
    color: #fff;
}

/* =====================================================
   TABLET
===================================================== */

@media (min-width: 768px) and (max-width: 1100px) {
    #eclat-premium-slider-v2 .eclat-v2-slide--team .eclat-v2-picture {
        left: 44%;
        width: 56%;
    }

    #eclat-premium-slider-v2 .eclat-v2-slide--team::before {
        right: 56%;
    }

    #eclat-premium-slider-v2 .eclat-v2-slide--team::after {
        left: 44%;
    }

    #eclat-premium-slider-v2 .eclat-v2-slide--team .eclat-v2-content {
        left: 4%;
        width: 35%;
        max-width: 300px;
    }

    #eclat-premium-slider-v2 .eclat-v2-slide--team .eclat-v2-content h2 {
        font-size: clamp(23px, 3vw, 33px);
    }

    #eclat-premium-slider-v2 .eclat-v2-slide--team .eclat-v2-content p {
        font-size: 12px;
        line-height: 1.5;
        margin-bottom: 13px;
    }

    #eclat-premium-slider-v2 .eclat-v2-slide--team .eclat-v2-kicker {
        font-size: 8px;
        letter-spacing: 1.2px;
        margin-bottom: 9px;
    }
}

/* =====================================================
   MOBILE
   Text above, team photo below
===================================================== */

@media (max-width: 767px) {
    #eclat-premium-slider-v2 .eclat-v2-slide--team .eclat-v2-picture {
        left: 0;
        right: 0;
        top: 42%;
        bottom: 0;
        width: 100%;
        height: 58%;
    }

    #eclat-premium-slider-v2 .eclat-v2-slide--team .eclat-v2-image {
        object-fit: cover;
        object-position: center 35%;
    }

    #eclat-premium-slider-v2 .eclat-v2-slide--team::before {
        inset: 0 0 58% 0;
        background: linear-gradient(
            135deg,
            #fff8e8 0%,
            #f7e9c8 65%,
            #eed8a7 100%
        );
    }

    #eclat-premium-slider-v2 .eclat-v2-slide--team::after {
        top: 42%;
        bottom: auto;
        left: 8%;
        width: 84%;
        height: 2px;
        background: linear-gradient(
            90deg,
            transparent,
            #c69a48,
            transparent
        );
    }

    #eclat-premium-slider-v2 .eclat-v2-slide--team .eclat-v2-content {
        left: 7%;
        right: 7%;
        top: 9%;
        width: auto;
        max-width: 420px;
        transform: translateY(-10%);
    }

    #eclat-premium-slider-v2 .eclat-v2-slide--team .eclat-v2-kicker {
        font-size: 8px;
        letter-spacing: 1.2px;
        margin-bottom: 8px;
    }

    #eclat-premium-slider-v2 .eclat-v2-slide--team .eclat-v2-content h2 {
        font-size: clamp(25px, 7vw, 34px);
        line-height: 1.08;
        margin-bottom: 8px;
    }

    #eclat-premium-slider-v2 .eclat-v2-slide--team .eclat-v2-content p {
        max-width: 290px;
        font-size: 12px;
        line-height: 1.45;
        margin-bottom: 11px;
    }

    #eclat-premium-slider-v2 .eclat-v2-slide--team .eclat-v2-button {
        min-height: 38px;
        padding: 9px 12px;
        font-size: 10px;
    }
}



/* Slide 1 button and benefits */
#eclat-premium-slider-v2 .eclat-v2-cta-row {
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
    margin-top: 22px;
}

#eclat-premium-slider-v2 .eclat-v2-benefits {
    display: flex;
    align-items: center;
    gap: 22px;
}

#eclat-premium-slider-v2 .eclat-v2-benefit {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-width: 82px;
    color: #ffd0c5;
    text-align: center;
    font-size: 13px;
    line-height: 1.25;
    font-weight: 500;
}

#eclat-premium-slider-v2 .eclat-v2-benefit svg {
    width: 43px;
    height: 43px;
    fill: none;
    stroke: #ff9b8d;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* Mobile layout */

@media (max-width: 767px) {
    #eclat-premium-slider-v2 .eclat-v2-cta-row {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        margin-top: 16px;
    }

    #eclat-premium-slider-v2 .eclat-v2-benefits {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 14px;
        width: 100%;
    }

    #eclat-premium-slider-v2 .eclat-v2-benefit {
        flex: 0 1 auto;
        min-width: 0;
        gap: 4px;
        font-size: 9px;
        line-height: 1.3;
        text-align: center;
    }

    #eclat-premium-slider-v2 .eclat-v2-benefit svg {
        width: 25px;
        height: 25px;
        stroke-width: 1.8;
    }
}


/* Mobile fixed bottom navigation */
.eclat-mobile-bottom-nav {
    display: none;
}

@media screen and (max-width: 767px) {
    body {
        padding-bottom: 85px !important;
    }

    .eclat-mobile-bottom-nav {
        display: flex !important;
        position: fixed !important;
             bottom: 45px !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        min-height: 60px;
        box-sizing: border-box;
        background: #ffffff !important;
        border-top: 1px solid #ddd;
        box-shadow: 0 -3px 12px rgba(0, 0, 0, 0.12);
        justify-content: space-around;
        align-items: center;
        z-index: 2147483647 !important;
        padding: 8px 4px calc(8px + env(safe-area-inset-bottom));
        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
    }

    .eclat-mobile-bottom-nav a {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 4px;
        color: #555;
        text-decoration: none;
        font-size: 11px;
    }

    .eclat-mobile-bottom-nav a.active {
        color: #8c263e;
    }

    .eclat-mobile-bottom-nav .nav-icon {
        font-size: 20px;
        line-height: 1;
    }
}