@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap");

html {
    scroll-behavior: smooth;
    box-sizing: border-box;
    overflow-x: hidden
}

*,
*::after,
*::before {
    padding: 0;
    margin: 0;
    box-sizing: inherit
}

body {
    font-family: "Roboto", sans-serif;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.625rem;
    position: relative;
    min-height: 100dvh;
    direction: ltr;
    padding-right: 0 !important;
    overflow-x: hidden
}

a {
    text-decoration: none
}

*::-webkit-scrollbar {
    height: 10px;
    width: 10px
}

*::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: #dfe9eb
}

*::-webkit-scrollbar-track:hover {
    background-color: #dfe9eb
}

*::-webkit-scrollbar-track:active {
    background-color: #dfe9eb
}

*::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-image: -webkit-linear-gradient(90deg, #76c21b 0%, #a7da42 100%);
    transition: all 0.2s
}

*::-webkit-scrollbar-thumb:hover {
    background-image: -webkit-linear-gradient(90deg, #a7da42 0%, #76c21b 100%)
}

*::-webkit-scrollbar-thumb:active {
    background-image: -webkit-linear-gradient(90deg, #a7da42 0%, #76c21b 100%)
}

input {
    position: relative
}

@keyframes loading-1 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@keyframes loading-2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(144deg);
        transform: rotate(144deg)
    }
}

@keyframes loading-3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

@keyframes loading-4 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(36deg);
        transform: rotate(36deg)
    }
}

@keyframes loading-5 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(126deg);
        transform: rotate(126deg)
    }
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0
    }
}

.heading-1 {
    color: #006902;
    font-size: 2.6rem;
    letter-spacing: 1px;
    line-height: 1.2;
    font-family: Rubik, sans-serif;
    font-weight: 700
}

@media only screen and (min-width: 62rem) and (max-width: 75rem) {
    .heading-1 {
        font-size: 2rem
    }
}

@media only screen and (min-width: 48rem) and (max-width: 62rem) {
    .heading-1 {
        font-size: 2.1875rem
    }
}

@media only screen and (min-width: 30rem) and (max-width: 48rem) {
    .heading-1 {
        font-size: 2.1875rem
    }
}

@media only screen and (max-width: 30rem) {
    .heading-1 {
        font-size: 30px;
        letter-spacing: 0;
        margin-bottom: 30px
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    overflow-wrap: break-word;
    font-family: "Rubik", sans-serif;
    color: #010f2e;
    margin-top: 0px;
    font-style: normal;
    font-weight: 700
}

.heading-3 {
    font-size: 1.25rem;
    margin-bottom: 0;
    font-weight: 700
}

.sub-heading {
    color: #777;
    font-size: 16px;
    line-height: 26px;
    padding-right: 50px
}

.sub-heading--hero {
    width: 80%
}

@media only screen and (max-width: 36rem) {
    .sub-heading--hero {
        padding-right: 0
    }
}

@media only screen and (max-width: 48rem) {
    .sub-heading--hero {
        width: 100%
    }
}

.mt-150 {
    margin-top: 9.375rem
}

.mt-n-120 {
    margin-top: -7.0625rem
}

.pe-200 {
    padding-right: 12.5rem
}

.ps-10 {
    padding-left: 10px !important
}

.mt-5 {
    margin-top: 5px
}

.mt-10 {
    margin-top: 10px
}

.mt-15 {
    margin-top: 15px
}

.mt-20 {
    margin-top: 20px
}

.mt-25 {
    margin-top: 25px
}

.mt-30 {
    margin-top: 30px
}

.mt-35 {
    margin-top: 35px
}

.mt-40 {
    margin-top: 40px
}

.mt-45 {
    margin-top: 45px
}

.mt-50 {
    margin-top: 50px
}

.mt-55 {
    margin-top: 55px
}

.mt-60 {
    margin-top: 60px
}

.mt-65 {
    margin-top: 65px
}

.mt-70 {
    margin-top: 70px
}

.mt-75 {
    margin-top: 75px
}

.mt-80 {
    margin-top: 80px
}

.mt-85 {
    margin-top: 85px
}

.mt-90 {
    margin-top: 90px
}

.mt-95 {
    margin-top: 95px
}

.mt-100 {
    margin-top: 100px
}

.mt-105 {
    margin-top: 105px
}

.mt-110 {
    margin-top: 110px
}

.mt-115 {
    margin-top: 115px
}

.mt-120 {
    margin-top: 120px
}

.mt-125 {
    margin-top: 125px
}

.mt-130 {
    margin-top: 130px
}

.mt-135 {
    margin-top: 135px
}

.mt-140 {
    margin-top: 140px
}

.mt-145 {
    margin-top: 145px
}

.mt-150 {
    margin-top: 150px
}

.mt-155 {
    margin-top: 155px
}

.mt-160 {
    margin-top: 160px
}

.mt-165 {
    margin-top: 165px
}

.mt-170 {
    margin-top: 170px
}

.mt-175 {
    margin-top: 175px
}

.mt-180 {
    margin-top: 180px
}

.mt-185 {
    margin-top: 185px
}

.mt-190 {
    margin-top: 190px
}

.mt-195 {
    margin-top: 195px
}

.mt-200 {
    margin-top: 200px
}

@media only screen and (min-width: 62rem) {
    .mt-lg-130 {
        margin-top: 9.375rem !important
    }

    .mt-lg-5 {
        margin-top: 5px
    }

    .mt-lg-10 {
        margin-top: 10px
    }

    .mt-lg-15 {
        margin-top: 15px
    }

    .mt-lg-20 {
        margin-top: 20px
    }

    .mt-lg-25 {
        margin-top: 25px
    }

    .mt-lg-30 {
        margin-top: 30px
    }

    .mt-lg-35 {
        margin-top: 35px
    }

    .mt-lg-40 {
        margin-top: 40px
    }

    .mt-lg-45 {
        margin-top: 45px
    }

    .mt-lg-50 {
        margin-top: 50px
    }

    .mt-lg-55 {
        margin-top: 55px
    }

    .mt-lg-60 {
        margin-top: 60px
    }

    .mt-lg-65 {
        margin-top: 65px
    }

    .mt-lg-70 {
        margin-top: 70px
    }

    .mt-lg-75 {
        margin-top: 75px
    }

    .mt-lg-80 {
        margin-top: 80px
    }

    .mt-lg-85 {
        margin-top: 85px
    }

    .mt-lg-90 {
        margin-top: 90px
    }

    .mt-lg-95 {
        margin-top: 95px
    }

    .mt-lg-100 {
        margin-top: 100px
    }

    .mt-lg-105 {
        margin-top: 105px
    }

    .mt-lg-110 {
        margin-top: 110px
    }

    .mt-lg-115 {
        margin-top: 115px
    }

    .mt-lg-120 {
        margin-top: 120px
    }

    .mt-lg-125 {
        margin-top: 125px
    }

    .mt-lg-130 {
        margin-top: 130px
    }

    .mt-lg-135 {
        margin-top: 135px
    }

    .mt-lg-140 {
        margin-top: 140px
    }

    .mt-lg-145 {
        margin-top: 145px
    }

    .mt-lg-150 {
        margin-top: 150px
    }

    .mt-lg-155 {
        margin-top: 155px
    }

    .mt-lg-160 {
        margin-top: 160px
    }

    .mt-lg-165 {
        margin-top: 165px
    }

    .mt-lg-170 {
        margin-top: 170px
    }

    .mt-lg-175 {
        margin-top: 175px
    }

    .mt-lg-180 {
        margin-top: 180px
    }

    .mt-lg-185 {
        margin-top: 185px
    }

    .mt-lg-190 {
        margin-top: 190px
    }

    .mt-lg-195 {
        margin-top: 195px
    }

    .mt-lg-200 {
        margin-top: 200px
    }
}

.mb-5 {
    margin-bottom: 5px
}

.mb-10 {
    margin-bottom: 10px
}

.mb-15 {
    margin-bottom: 15px
}

.mb-20 {
    margin-bottom: 20px
}

.mb-25 {
    margin-bottom: 25px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-35 {
    margin-bottom: 35px
}

.mb-40 {
    margin-bottom: 40px
}

.mb-45 {
    margin-bottom: 45px
}

.mb-50 {
    margin-bottom: 50px
}

.mb-55 {
    margin-bottom: 55px
}

.mb-60 {
    margin-bottom: 60px
}

.mb-65 {
    margin-bottom: 65px
}

.mb-70 {
    margin-bottom: 70px
}

.mb-75 {
    margin-bottom: 75px
}

.mb-80 {
    margin-bottom: 80px
}

.mb-85 {
    margin-bottom: 85px
}

.mb-90 {
    margin-bottom: 90px
}

.mb-95 {
    margin-bottom: 95px
}

.mb-100 {
    margin-bottom: 100px
}

.mb-105 {
    margin-bottom: 105px
}

.mb-110 {
    margin-bottom: 110px
}

.mb-115 {
    margin-bottom: 115px
}

.mb-120 {
    margin-bottom: 120px
}

.mb-125 {
    margin-bottom: 125px
}

.mb-130 {
    margin-bottom: 130px
}

.mb-135 {
    margin-bottom: 135px
}

.mb-140 {
    margin-bottom: 140px
}

.mb-145 {
    margin-bottom: 145px
}

.mb-150 {
    margin-bottom: 150px
}

.mb-155 {
    margin-bottom: 155px
}

.mb-160 {
    margin-bottom: 160px
}

.mb-165 {
    margin-bottom: 165px
}

.mb-170 {
    margin-bottom: 170px
}

.mb-175 {
    margin-bottom: 175px
}

.mb-180 {
    margin-bottom: 180px
}

.mb-185 {
    margin-bottom: 11.5625rem
}

.mb-190 {
    margin-bottom: 11.875rem
}

.mb-195 {
    margin-bottom: 12.1875rem
}

.mb-200 {
    margin-bottom: 12.5rem
}

.me-15 {
    margin-right: 0.9375rem
}

@media only screen and (min-width: 62rem) {
    .mb-lg-5 {
        margin-bottom: 5px
    }

    .mb-lg-10 {
        margin-bottom: 10px
    }

    .mb-lg-15 {
        margin-bottom: 15px
    }

    .mb-lg-20 {
        margin-bottom: 20px
    }

    .mb-lg-25 {
        margin-bottom: 25px
    }

    .mb-lg-30 {
        margin-bottom: 30px
    }

    .mb-lg-35 {
        margin-bottom: 35px
    }

    .mb-lg-40 {
        margin-bottom: 40px
    }

    .mb-lg-45 {
        margin-bottom: 45px
    }

    .mb-lg-50 {
        margin-bottom: 50px !important
    }

    .mb-lg-55 {
        margin-bottom: 55px
    }

    .mb-lg-60 {
        margin-bottom: 60px
    }

    .mb-lg-65 {
        margin-bottom: 65px
    }

    .mb-lg-70 {
        margin-bottom: 70px
    }

    .mb-lg-75 {
        margin-bottom: 75px
    }

    .mb-lg-80 {
        margin-bottom: 80px
    }

    .mb-lg-85 {
        margin-bottom: 85px
    }

    .mb-lg-90 {
        margin-bottom: 90px
    }

    .mb-lg-95 {
        margin-bottom: 95px
    }

    .mb-lg-100 {
        margin-bottom: 100px
    }

    .mb-lg-105 {
        margin-bottom: 105px
    }

    .mb-lg-110 {
        margin-bottom: 110px
    }

    .mb-lg-115 {
        margin-bottom: 115px
    }

    .mb-lg-120 {
        margin-bottom: 120px
    }

    .mb-lg-125 {
        margin-bottom: 125px
    }

    .mb-lg-130 {
        margin-bottom: 130px
    }

    .mb-lg-135 {
        margin-bottom: 135px
    }

    .mb-lg-140 {
        margin-bottom: 140px
    }

    .mb-lg-145 {
        margin-bottom: 145px
    }

    .mb-lg-150 {
        margin-bottom: 150px
    }

    .mb-lg-155 {
        margin-bottom: 155px
    }

    .mb-lg-160 {
        margin-bottom: 160px
    }

    .mb-lg-165 {
        margin-bottom: 165px
    }

    .mb-lg-170 {
        margin-bottom: 170px
    }

    .mb-lg-175 {
        margin-bottom: 175px
    }

    .mb-lg-180 {
        margin-bottom: 180px
    }

    .mb-lg-185 {
        margin-bottom: 11.5625rem
    }

    .mb-lg-190 {
        margin-bottom: 11.875rem
    }

    .mb-lg-195 {
        margin-bottom: 12.1875rem
    }

    .mb-lg-200 {
        margin-bottom: 12.5rem
    }

    .me-lg-15 {
        margin-right: 0.9375rem
    }
}

.me-15 {
    margin-right: 0.9375rem
}

.pt-5 {
    padding-top: 5px
}

.pt-10 {
    padding-top: 10px
}

.pt-15 {
    padding-top: 15px
}

.pt-20 {
    padding-top: 20px
}

.pt-25 {
    padding-top: 25px
}

.pt-30 {
    padding-top: 30px
}

.pt-35 {
    padding-top: 35px
}

.pt-40 {
    padding-top: 40px
}

.pt-45 {
    padding-top: 45px
}

.pt-50 {
    padding-top: 50px
}

.pt-55 {
    padding-top: 55px
}

.pt-60 {
    padding-top: 60px
}

.pt-65 {
    padding-top: 65px
}

.pt-70 {
    padding-top: 70px
}

.pt-75 {
    padding-top: 75px
}

.pt-80 {
    padding-top: 80px
}

.pt-85 {
    padding-top: 85px
}

.pt-90 {
    padding-top: 90px
}

.pt-95 {
    padding-top: 95px
}

.pt-120 {
    padding-top: 100px
}

.pt-105 {
    padding-top: 105px
}

.pt-110 {
    padding-top: 110px
}

.pt-115 {
    padding-top: 115px
}

.pt-120 {
    padding-top: 120px
}

.pt-125 {
    padding-top: 125px
}

.pt-130 {
    padding-top: 130px
}

.pt-135 {
    padding-top: 135px
}

.pt-140 {
    padding-top: 140px
}

.pt-145 {
    padding-top: 145px
}

.pt-150 {
    padding-top: 150px
}

.pt-155 {
    padding-top: 155px
}

.pt-160 {
    padding-top: 160px
}

.pt-165 {
    padding-top: 165px
}

.pt-170 {
    padding-top: 170px
}

.pt-175 {
    padding-top: 175px
}

.pt-180 {
    padding-top: 180px
}

.pt-185 {
    padding-top: 185px
}

.pt-190 {
    padding-top: 190px
}

.pt-195 {
    padding-top: 195px
}

.pt-200 {
    padding-top: 200px
}

.pt-113 {
    padding-top: 113px
}

@media only screen and (min-width: 62rem) {
    .pt-lg-5 {
        padding-top: 5px
    }

    .pt-lg-10 {
        padding-top: 10px
    }

    .pt-lg-15 {
        padding-top: 15px
    }

    .pt-lg-20 {
        padding-top: 20px
    }

    .pt-lg-25 {
        padding-top: 25px
    }

    .pt-lg-30 {
        padding-top: 30px !important
    }

    .pt-lg-35 {
        padding-top: 35px
    }

    .pt-lg-40 {
        padding-top: 40px
    }

    .pt-lg-45 {
        padding-top: 45px
    }

    .pt-lg-50 {
        padding-top: 50px !important
    }

    .pt-lg-55 {
        padding-top: 55px
    }

    .pt-lg-60 {
        padding-top: 60px
    }

    .pt-lg-65 {
        padding-top: 65px
    }

    .pt-lg-70 {
        padding-top: 70px
    }

    .pt-lg-75 {
        padding-top: 75px
    }

    .pt-lg-80 {
        padding-top: 80px
    }

    .pt-lg-85 {
        padding-top: 85px
    }

    .pt-lg-90 {
        padding-top: 90px
    }

    .pt-lg-95 {
        padding-top: 95px
    }

    .pt-lg-100 {
        padding-top: 100px
    }

    .pt-lg-105 {
        padding-top: 105px
    }

    .pt-lg-110 {
        padding-top: 110px
    }

    .pt-lg-115 {
        padding-top: 115px
    }

    .pt-lg-120 {
        padding-top: 120px
    }

    .pt-lg-125 {
        padding-top: 125px
    }

    .pt-lg-130 {
        padding-top: 130px
    }

    .pt-lg-135 {
        padding-top: 135px
    }

    .pt-lg-140 {
        padding-top: 140px
    }

    .pt-lg-145 {
        padding-top: 145px
    }

    .pt-lg-150 {
        padding-top: 150px
    }

    .pt-lg-155 {
        padding-top: 155px
    }

    .pt-lg-160 {
        padding-top: 160px
    }

    .pt-lg-165 {
        padding-top: 165px
    }

    .pt-lg-170 {
        padding-top: 170px
    }

    .pt-lg-175 {
        padding-top: 175px
    }

    .pt-lg-180 {
        padding-top: 180px
    }

    .pt-lg-185 {
        padding-top: 185px
    }

    .pt-lg-190 {
        padding-top: 190px
    }

    .pt-lg-195 {
        padding-top: 195px
    }

    .pt-lg-200 {
        padding-top: 200px
    }

    .pt-lg-113 {
        padding-top: 113px
    }
}

@media only screen and (min-width: 48rem) {
    .pt-md-120 {
        padding-top: 7.5rem
    }
}

.pb-5 {
    padding-bottom: 5px
}

.pb-10 {
    padding-bottom: 10px
}

.pb-15 {
    padding-bottom: 15px
}

.pb-20 {
    padding-bottom: 20px
}

.pb-25 {
    padding-bottom: 25px
}

.pb-30 {
    padding-bottom: 30px
}

.pb-35 {
    padding-bottom: 35px
}

.pb-40 {
    padding-bottom: 40px
}

.pb-45 {
    padding-bottom: 45px
}

.pb-50 {
    padding-bottom: 50px
}

.pb-55 {
    padding-bottom: 55px
}

.pb-60 {
    padding-bottom: 60px
}

.pb-65 {
    padding-bottom: 65px
}

.pb-70 {
    padding-bottom: 70px
}

.pb-75 {
    padding-bottom: 75px
}

.pb-80 {
    padding-bottom: 80px
}

.pb-85 {
    padding-bottom: 85px
}

.pb-90 {
    padding-bottom: 90px
}

.pb-95 {
    padding-bottom: 95px
}

.pb-100 {
    padding-bottom: 100px
}

.pb-105 {
    padding-bottom: 105px
}

.pb-110 {
    padding-bottom: 110px
}

.pb-115 {
    padding-bottom: 115px
}

.pb-120 {
    padding-bottom: 120px
}

.pb-125 {
    padding-bottom: 125px
}

.pb-130 {
    padding-bottom: 130px
}

.pb-135 {
    padding-bottom: 135px
}

.pb-140 {
    padding-bottom: 140px
}

.pb-145 {
    padding-bottom: 145px
}

.pb-150 {
    padding-bottom: 150px
}

.pb-155 {
    padding-bottom: 155px
}

.pb-160 {
    padding-bottom: 160px
}

.pb-165 {
    padding-bottom: 165px
}

.pb-170 {
    padding-bottom: 170px
}

.pb-175 {
    padding-bottom: 175px
}

.pb-180 {
    padding-bottom: 180px
}

.pb-185 {
    padding-bottom: 185px
}

.pb-190 {
    padding-bottom: 190px
}

.pb-195 {
    padding-bottom: 195px
}

.pb-200 {
    padding-bottom: 200px
}

@media only screen and (min-width: 62rem) {
    .pb-lg-5 {
        padding-bottom: 5px
    }

    .pb-lg-10 {
        padding-bottom: 10px
    }

    .pb-lg-15 {
        padding-bottom: 15px
    }

    .pb-lg-20 {
        padding-bottom: 20px
    }

    .pb-lg-25 {
        padding-bottom: 25px
    }

    .pb-lg-30 {
        padding-bottom: 30px
    }

    .pb-lg-35 {
        padding-bottom: 35px
    }

    .pb-lg-40 {
        padding-bottom: 40px
    }

    .pb-lg-45 {
        padding-bottom: 45px
    }

    .pb-lg-50 {
        padding-bottom: 50px
    }

    .pb-lg-55 {
        padding-bottom: 55px
    }

    .pb-lg-60 {
        padding-bottom: 60px
    }

    .pb-lg-65 {
        padding-bottom: 65px
    }

    .pb-lg-70 {
        padding-bottom: 70px
    }

    .pb-lg-75 {
        padding-bottom: 75px
    }

    .pb-lg-80 {
        padding-bottom: 80px
    }

    .pb-lg-85 {
        padding-bottom: 85px
    }

    .pb-lg-90 {
        padding-bottom: 90px
    }

    .pb-lg-95 {
        padding-bottom: 95px
    }

    .pb-lg-100 {
        padding-bottom: 100px
    }

    .pb-lg-105 {
        padding-bottom: 105px
    }

    .pb-lg-110 {
        padding-bottom: 110px
    }

    .pb-lg-115 {
        padding-bottom: 115px
    }

    .pb-lg-120 {
        padding-bottom: 120px
    }

    .pb-lg-125 {
        padding-bottom: 125px
    }

    .pb-lg-130 {
        padding-bottom: 130px
    }

    .pb-lg-135 {
        padding-bottom: 135px
    }

    .pb-lg-140 {
        padding-bottom: 140px
    }

    .pb-lg-145 {
        padding-bottom: 145px
    }

    .pb-lg-150 {
        padding-bottom: 150px
    }

    .pb-lg-155 {
        padding-bottom: 155px
    }

    .pb-lg-160 {
        padding-bottom: 160px
    }

    .pb-lg-165 {
        padding-bottom: 165px
    }

    .pb-lg-170 {
        padding-bottom: 170px
    }

    .pb-lg-175 {
        padding-bottom: 175px
    }

    .pb-lg-180 {
        padding-bottom: 180px
    }

    .pb-lg-185 {
        padding-bottom: 185px
    }

    .pb-lg-190 {
        padding-bottom: 190px
    }

    .pb-lg-195 {
        padding-bottom: 195px
    }

    .pb-lg-200 {
        padding-bottom: 200px
    }
}

.ps-0 {
    padding-left: 0px
}

.ps-5 {
    padding-left: 5px
}

.ps-10 {
    padding-left: 10px
}

.ps-15 {
    padding-left: 15px
}

.ps-20 {
    padding-left: 20px
}

.ps-25 {
    padding-left: 35px
}

.ps-30 {
    padding-left: 30px
}

.ps-35 {
    padding-left: 35px
}

.ps-35 {
    padding-left: 35px
}

.ps-40 {
    padding-left: 40px
}

.ps-45 {
    padding-left: 45px
}

.ps-50 {
    padding-left: 50px
}

.ps-55 {
    padding-left: 55px
}

.ps-60 {
    padding-left: 60px
}

.ps-65 {
    padding-left: 65px
}

.ps-70 {
    padding-left: 70px
}

.ps-75 {
    padding-left: 75px
}

.ps-80 {
    padding-left: 80px
}

.ps-85 {
    padding-left: 80px
}

.ps-90 {
    padding-left: 90px
}

.ps-95 {
    padding-left: 95px
}

.ps-100 {
    padding-left: 100px
}

@media only screen and (min-width: 62rem) {
    .ps-lg-0 {
        padding-left: 0px
    }

    .ps-lg-5 {
        padding-left: 5px
    }

    .ps-lg-10 {
        padding-left: 10px
    }

    .ps-lg-15 {
        padding-left: 15px
    }

    .ps-lg-20 {
        padding-left: 20px
    }

    .ps-lg-25 {
        padding-left: 35px
    }

    .ps-lg-30 {
        padding-left: 30px
    }

    .ps-lg-35 {
        padding-left: 35px
    }

    .ps-lg-40 {
        padding-left: 40px
    }

    .ps-lg-45 {
        padding-left: 45px
    }

    .ps-lg-50 {
        padding-left: 50px
    }

    .ps-lg-55 {
        padding-left: 55px
    }

    .ps-lg-60 {
        padding-left: 60px
    }

    .ps-lg-65 {
        padding-left: 65px
    }

    .ps-lg-70 {
        padding-left: 70px
    }

    .ps-lg-75 {
        padding-left: 75px
    }

    .ps-lg-80 {
        padding-left: 80px
    }

    .ps-lg-85 {
        padding-left: 80px
    }

    .ps-lg-90 {
        padding-left: 90px
    }

    .ps-lg-95 {
        padding-left: 95px
    }

    .ps-lg-100 {
        padding-left: 100px
    }
}

.pe-0 {
    padding-right: 0px
}

.pe-5 {
    padding-right: 5px
}

.pe-10 {
    padding-right: 10px
}

.pe-15 {
    padding-right: 15px
}

.pe-20 {
    padding-right: 20px
}

.pe-25 {
    padding-right: 35px
}

.pe-30 {
    padding-right: 30px
}

.pe-35 {
    padding-right: 35px
}

.pe-35 {
    padding-right: 35px
}

.pe-40 {
    padding-right: 40px
}

.pe-45 {
    padding-right: 45px
}

.pe-50 {
    padding-right: 50px
}

.pe-55 {
    padding-right: 55px
}

.pe-60 {
    padding-right: 60px
}

.pe-65 {
    padding-right: 65px
}

.pe-70 {
    padding-right: 70px
}

.pe-75 {
    padding-right: 75px
}

.pe-80 {
    padding-right: 80px
}

.pe-85 {
    padding-right: 80px
}

.pe-90 {
    padding-right: 90px
}

.pe-95 {
    padding-right: 95px
}

.pe-100 {
    padding-right: 100px
}

.px-30 {
    padding-left: 30px;
    padding-right: 30px
}

@media only screen and (min-width: 62rem) {
    .ps-lg-30 {
        padding-right: 0;
        padding-left: 30px
    }
}

.f-700 {
    font-weight: 600
}

.f-600 {
    font-weight: 600
}

.f-500 {
    font-weight: 500
}

.f-400 {
    font-weight: 400
}

.f-300 {
    font-weight: 300
}

.gray-bg {
    background: #f4f4fe
}

.white-bg {
    background: #fff
}

.black-bg {
    background: #222
}

.theme-bg {
    background: #222
}

.primary-bg {
    background: #1a237e
}

.white-color {
    color: #fff
}

.black-color {
    color: #222
}

.theme-color {
    color: #222
}

.primary-color {
    color: #222
}

[data-overlay] {
    position: relative
}

[data-overlay]::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

[data-overlay="3"]::before {
    opacity: 0.3
}

[data-overlay="4"]::before {
    opacity: 0.4
}

[data-overlay="5"]::before {
    opacity: 0.5
}

[data-overlay="6"]::before {
    opacity: 0.6
}

[data-overlay="7"]::before {
    opacity: 0.7
}

[data-overlay="8"]::before {
    opacity: 0.8
}

[data-overlay="9"]::before {
    opacity: 0.9
}

.line-clamp-1 {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden
}

.line-clamp-2 {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.line-clamp-3 {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.text-secondary {
    color: #777 !important
}

.preload {
    background-image: url("../images/aboutUs/test-bg.webp");
    display: none
}

body::after {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    z-index: -1;
    content: url("../images/aboutUs/test-bg.webp")
}

.embed-link,
.embed-link:link,
.embed-link:visited {
    color: #62c600;
    font-weight: 700;
    display: inline-block;
    position: relative;
    transition: all ease 0.5s
}

.embed-link::before {
    content: "";
    position: absolute;
    bottom: 2px;
    right: 0;
    width: 0;
    height: 2px;
    background-color: #62c600;
    transition: all ease 0.5s
}

.embed-link:hover::before {
    width: 100%;
    right: auto;
    left: 0
}

.embed-link-bg-green,
.embed-link-bg-green:link,
.embed-link-bg-green:visited {
    color: #fff;
    border-bottom: 1px solid #fff;
    font-weight: 700;
    display: inline-block
}

.text-justify {
    text-align: justify
}

.fade-border {
    border-bottom: 2px solid;
    z-index: 9;
    position: relative;
    border-image-source: linear-gradient(to left, rgba(98, 198, 0, 0), #62c600, rgba(98, 198, 0, 0));
    border-image-slice: 1
}

.scale-1 {
    transform: scale(1.09)
}

.disappear {
    opacity: 0;
    visibility: hidden;
    display: none !important
}

.vanish {
    opacity: 0;
    visibility: 0
}

.text-normal * {
    color: #777 !important;
    font-family: "Roboto", sans-serif !important;
    line-height: 1.625rem !important;
    margin-bottom: 0 !important;
    display: inline !important;
    font-size: 0.9375rem !important;
    font-weight: normal !important
}

.bg-gray {
    background: #777 !important
}

.w-10 {
    width: 10%
}

.w-15 {
    width: 15%
}

.w-30 {
    width: 30%
}

.w-35 {
    width: 35%
}

.w-40 {
    width: 40%
}

.w-45 {
    width: 45%
}

.w-55 {
    width: 55%
}

.w-60 {
    width: 60%
}

.w-65 {
    width: 65%
}

.w-70 {
    width: 70%
}

.w-80 {
    width: 80%
}

.w-85 {
    width: 85%
}

.w-90 {
    width: 90%
}

.w-95 {
    width: 95%
}

.top-10 {
    top: 10px
}

.input-invalid {
    border: 1px solid red !important;
    transition: all 0.3s
}

.input-invalid:focus {
    outline: none !important
}

.contact-form__field:has(.input-invalid)::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg stroke='red' stroke-linecap='round' stroke-width='2'%3E%3Cpath fill='red' fill-opacity='0' stroke-dasharray='60' stroke-dashoffset='60' d='M12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3Z'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' dur='0.5s' values='60;0'/%3E%3Canimate fill='freeze' attributeName='fill-opacity' begin='0.8s' dur='0.15s' values='0;0.3'/%3E%3C/path%3E%3Cpath fill='none' stroke-dasharray='8' stroke-dashoffset='8' d='M12 12L16 16M12 12L8 8M12 12L8 16M12 12L16 8'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='0.6s' dur='0.2s' values='8;0'/%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    position: absolute;
    right: 10px;
    top: 17px
}

.input-valid {
    border: 1px solid #316300 !important
}

.input-valid {
    outline: none !important;
    transition: all 0.3s
}

.contact-form__field:has(.input-valid)::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg stroke='green' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9' fill='green' fill-opacity='0'%3E%3Canimate fill='freeze' attributeName='fill-opacity' begin='0.4s' dur='0.3s' values='0;0.3'/%3E%3C/circle%3E%3Cpath fill='none' stroke-dasharray='14' stroke-dashoffset='14' d='M8 12L11 15L16 10'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' dur='0.4s' values='14;0'/%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    position: absolute;
    right: 10px;
    top: 17px
}

.color-primary {
    color: #62c600
}

.border-primary {
    border-color: #62c600 !important
}

.color-secondary {
    color: #d94d00
}

.rotate {
    transform: rotate(180deg)
}

.transform-x-0 {
    transform: translateX(0) !important;
    opacity: 1 !important
}

.overflow-hidden-custom {
    min-height: unset !important;
    height: 100dvh;
    overflow: hidden
}

.transform-y-0 {
    transform: translateY(0) !important
}

.top-18 {
    top: 18px !important
}

.h-100-dvh {
    height: 100dvh
}

.h-100-vh {
    height: 100vh
}

.m-h-100dvh {
    min-height: 100dvh
}

.translate-center {
    transform: translate(-50%, -50%) !important;
    opacity: 1 !important
}

.translate-center--sticky {
    transform: translate(0%, 0%) !important;
    opacity: 1 !important
}

.translate-up {
    transform: translate(-50%, -1000%) !important;
    opacity: 1 !important
}

@media only screen and (min-width: 62rem) {
    .mt-lg-150 {
        margin-top: 150px !important
    }

    .mt-lg-50 {
        margin-top: 50px !important
    }

    .pt-lg-90 {
        padding-top: 90px
    }

    .pb-lg-90 {
        padding-bottom: 90px
    }

    .fs-lg-14 {
        font-size: 0.875rem
    }
}

.stretched-link::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.hide-scrollbar::-webkit-scrollbar {
    display: none
}

.fw-300 {
    font-weight: 300
}

.header {
    background: transparent
}

.header__top {
    background-color: #f1f8fe
}

.header__info--icon {
    background-image: linear-gradient(0deg, #76c21b 0, #a7da42 100%);
    border-radius: 9999px;
    color: #fff;
    display: inline-block;
    font-size: 0.875rem;
    height: 1.4375rem;
    line-height: 1.375rem;
    margin-right: 0.3125rem;
    position: relative;
    text-align: center;
    width: 1.4375rem
}

.header__info--email,
.header__info--address {
    color: #3d3d3d
}

.header__social--link:link,
.header__social--link:visited {
    color: #3d3d3d;
    font-size: 0.9375rem;
    display: inline-block;
    transition: all .3s
}

.header__social--link:hover,
.header__social--link:active {
    color: #111
}

.section-about-us {
    background-color: #000f2e;
    color: #fff
}

.section-about-us__youtube {
    height: 31.25rem
}

@media only screen and (max-width: 62rem) {
    .section-about-us__youtube {
        height: 20rem
    }
}

@media only screen and (max-width: 31.25rem) {
    .section-about-us__youtube {
        height: 18rem
    }
}

.section-about-us__spinner {
    font-size: 48px;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #62c600
}

@media only screen and (max-width: 62rem) {
    .section-about-us__spinner {
        height: 20rem
    }
}

@media only screen and (max-width: 31.25rem) {
    .section-about-us__spinner {
        height: 18rem
    }
}

@media only screen and (max-width: 992px) {
    .section-about-us {
        padding-bottom: 50px
    }
}

@media only screen and (min-width: 75rem) {
    .section-about-us__container {
        max-width: 71.25rem
    }
}

.section-about-us__title h5 {
    color: #62c600;
    margin-bottom: 0.2375rem
}

.section-about-us__title h2 {
    font-size: 3.75rem
}

@media (min-width: 768px) and (max-width: 991px) {
    .section-about-us__title h2 {
        font-size: 3.25rem
    }
}

@media (max-width: 50.75rem) {
    .section-about-us__title h2 {
        font-size: 2rem;
        letter-spacing: -1px
    }
}

@media only screen and (max-width: 62rem) {
    .section-about-us__content {
        padding-left: 15px
    }
}

.section-about-us h2 {
    color: #fff
}

.section-about-us p {
    color: #ffffffd1;
    font-weight: 300;
    margin-bottom: 0;
    text-align: justify
}

.section-about-us__video-wrapper {
    background-repeat: no-repeat;
    height: 44.625rem;
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 100%;
    background-image: url("../images/background/about-us-img.webp")
}

@media only screen and (min-width: 62rem) and (max-width: 75rem) {
    .section-about-us__video-wrapper {
        margin-left: 0
    }
}

@media only screen and (min-width: 48rem) and (max-width: 61.9375rem) {
    .section-about-us__video-wrapper {
        height: 31.25rem;
        margin: 6.25rem 0 3.75rem;
        width: 100%;
        background-size: cover;
        border-radius: 0.625rem
    }
}

@media only screen and (max-width: 50.75rem) {
    .section-about-us__video-wrapper {
        height: 300px;
        margin: 52px 0 25px;
        padding-left: 13px;
        padding-right: 13px;
        width: 100%;
        border-radius: 0.625rem;
        background-size: cover
    }
}

.section-about-us__video-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.section-about-us__video-content a:link,
.section-about-us__video-content a:visited {
    z-index: 9;
    font-size: 14px;
    height: 178px;
    width: 178px;
    text-align: center;
    line-height: 178px;
    border-radius: 50%;
    display: block;
    margin-bottom: 25px;
    position: relative
}

.section-about-us__video-content a:link::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    height: 178px;
    width: 178px;
    background: rgba(255, 255, 255, 0.479);
    z-index: -1;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: pulse-border 1500ms ease-out infinite
}

.section-about-us__video-content h2 {
    font-size: 55px;
    color: #fff;
    font-weight: 600;
    letter-spacing: -2px;
    margin-bottom: 20px
}

.section-about-us__video-content p {
    font-size: 18px;
    color: #fff;
    margin-bottom: 0
}

.section-about-us__item h5 {
    color: #62c600;
    font-size: 1.125rem
}

.section-about-us__item h3 {
    color: #fff;
    font-size: 1.3rem
}

@media only screen and (min-width: 62rem) and (max-width: 75rem) {
    .section-about-us__item h3 {
        font-size: 1.1rem
    }
}

.section-team {
    background: url("../images/background/aliment-right3.webp") no-repeat;
    background-position: right center
}

@media only screen and (min-width: 75rem) {
    .section-team__container {
        max-width: 71.25rem
    }
}

.section-team__slider.owl-carousel .owl-item img {
    display: inline-block
}

.section-team__slider .item {
    display: flex;
    justify-content: center;
    align-items: center
}

@media only screen and (max-width: 36rem) {
    .section-team__slider .item .section-team__card {
        width: 85%
    }
}

.section-team__slider .owl-dots .owl-dot span {
    width: 0.5rem;
    height: 0.5rem;
    margin: 5px 7px;
    background: #c8e7a4;
    display: block;
    -webkit-backface-visibility: visible;
    transition: all .3s ease;
    border-radius: 30px
}

.section-team__slider .owl-dots .owl-dot:hover span {
    background-color: #62c600
}

.section-team__slider .owl-dots .owl-dot.active span,
.section-team__slider .owl-theme .owl-dots .owl-dot:hover span {
    width: 0.5rem;
    height: 0.5rem;
    margin: 5px 7px;
    background: #62c600;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px
}

.section-team__slider .owl-dots .owl-dot span:hover {
    background-color: #62c600
}

.section-team__title h5 {
    color: #62c600;
    margin-bottom: 0.9375rem
}

@media only screen and (max-width: 61.9375rem) {
    .section-team__title h5 {
        font-size: 0.875rem
    }
}

.section-team__title h2 {
    font-size: 3.75rem;
    padding-bottom: 0;
    margin-bottom: 0px !important;
    position: relative
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-team__title h2 {
        font-size: 3.25rem
    }
}

@media only screen and (max-width: 50.75rem) {
    .section-team__title h2 {
        font-size: 2rem;
        letter-spacing: -1px
    }
}

.section-team__card {
    border-radius: 1.25rem;
    background-color: #fff;
    box-shadow: 0.0313rem 0.0541rem 3.6875rem 0px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    transition: 0.3s
}

.section-team__card:hover {
    background-image: -moz-linear-gradient(0deg, #76c21b 0%, #a7da42 100%);
    background-image: -webkit-linear-gradient(0deg, #76c21b 0%, #a7da42 100%);
    background-image: -ms-linear-gradient(0deg, #76c21b 0%, #a7da42 100%)
}

.section-team__card:hover .section-team-img .social {
    transform: translateX(0)
}

.section-team__card:hover .section-team__img .social a {
    color: #fff
}

.section-team__card:hover .section-team__info h4 a {
    color: #fff !important
}

.section-team__card:hover .section-team__info span {
    color: #fff
}

.section-team__img {
    text-align: center;
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden
}

.section-team__img img {
    display: inline-block;
    margin-right: 0 !important;
    max-width: 100%;
    width: 100%
}

.section-team__img .social {
    content: "";
    display: none;
    height: 100%;
    left: 0;
    padding-top: 3.125rem;
    position: absolute;
    text-align: center;
    top: 0;
    transition: all 0.3s ease-out 0s;
    width: 3.75rem
}

.section-team__social a:link,
.section-team__social a:visited {
    color: #777;
    display: block;
    margin-bottom: 0.9375rem;
    margin-top: 0.9375rem;
    transition: all 0.3s ease-out 0s
}

.section-team__info {
    padding: 1.875rem 1.25rem 1.875rem 1.5rem;
    transition: 0.3s;
    position: relative;
    overflow: hidden
}

.section-team__info h4 {
    font-size: 1.125rem;
    margin-bottom: 5px;
    transition: 0.3s
}

.section-team__info h4 a:link,
.section-team__info h4 a:visited {
    transition: all 0.3s ease-out 0s;
    color: #010f2e
}

.section-team__info span {
    color: #62c600
}

.section-team__desc-card {
    box-shadow: 2.5px 4.33px 15px 0px rgba(0, 0, 0, 0.09);
    border: 3px dashed #b7b7b7;
    padding: 0.9375rem 0.875rem;
    color: #777;
    border-radius: 1.25rem
}

.section-hero {
    background: url("../images/background/slider_img_bg.b849aaa673fc57fd509f.webp");
    background-repeat: no-repeat;
    background-position: right top;
    background-size: auto
}

@media only screen and (max-width: 30rem) {
    .section-hero h1 {
        margin-bottom: 8px
    }
}

.section-hero__tag {
    background-image: -webkit-linear-gradient(0deg, #76c21b 0%, #a7da42 100%);
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 22px;
    margin-bottom: 15px;
    padding: 10px 20px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: Rubik, sans-serif
}

@media only screen and (max-width: 50.75rem) {
    .section-hero__tag {
        font-size: 0.9375rem
    }
}

.section-hero__img {
    width: 100%;
    position: relative
}

.section-hero__img--layer {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 6rem;
    width: 100%
}

.section-hero__img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.5);
    width: 100%;
    height: 100%
}

.section-hero__img--wrapper {
    display: grid;
    margin-top: 6rem;
    place-items: center
}

@media only screen and (max-width: 62rem) {
    .section-hero__img--wrapper {
        margin-top: 2rem
    }
}

.section-hero__img--wrapper>* {
    grid-area: 1 / 1
}

.section-hero__tooltip,
.section-hero__tooltip:link,
.section-hero__tooltip:visited {
    position: absolute;
    width: 1.375rem;
    height: 1.375rem;
    border-radius: 50%;
    color: white;
    background: -webkit-linear-gradient(0deg, #a7da42 0%, #76c21b 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.75rem
}

.custom-tooltip .tooltip-inner {
    background-color: white;
    border-color: #62c600;
    color: #1d3b00;
    padding: 5px;
    border-radius: 10px;
    width: 400px !important
}

.custom-tooltip .tooltip-arrow {
    display: none
}

.custom-tooltip .tooltip-inner {
    width: 360px !important;
    max-width: 600px;
    border-top: 3px solid #62c600
}

.tooltip--1 {
    top: 35%;
    left: 62%
}

.tooltip--2 {
    top: 38%;
    left: 53%
}

.tooltip--3 {
    top: 52%;
    left: 74%
}

.tooltip--4 {
    top: 40%;
    left: 40%
}

.tooltip--5 {
    top: 81%;
    left: 53%
}

.tooltip--6 {
    top: 55%;
    right: 50%
}

.tooltip--7 {
    top: 45%;
    right: 76%
}

.tooltip--8 {
    top: 62%;
    right: 27%
}

.tooltip--9 {
    top: 58%;
    right: 56%
}

.tooltip--10 {
    bottom: 14%;
    right: 23%
}

.tooltip--11 {
    top: 65%;
    left: 63%
}

.section-why-us {
    background: url("../images/background/aliment-right.webp") no-repeat;
    background-position: right center
}

@media only screen and (min-width: 75rem) {
    .section-why-us__container {
        max-width: 71.25rem
    }
}

.section-why-us__img {
    margin-left: -9.6875rem
}

@media only screen and (max-width: 87.5rem) {
    .section-why-us__img {
        margin-top: -4.5rem
    }
}

@media only screen and (max-width: 75rem) {
    .section-why-us__img {
        margin-top: -15.5rem
    }
}

@media only screen and (max-width: 62rem) {
    .section-why-us__img {
        margin: 0;
        margin-bottom: 3.125rem
    }
}

@media only screen and (max-width: 87.5rem) {
    .section-why-us__img--about-us {
        margin-top: -1rem
    }
}

@media only screen and (max-width: 75rem) {
    .section-why-us__img--about-us {
        margin-top: -6rem
    }
}

@media only screen and (max-width: 62rem) {
    .section-why-us__img--about-us {
        margin: 0;
        margin-bottom: 3.125rem
    }
}

.section-why-us__text {
    position: absolute;
    bottom: 0px;
    right: 1.875rem;
    text-align: center;
    border-radius: 0.625rem;
    background-image: -moz-linear-gradient(90deg, #76c21b 0%, #a7da42 100%);
    background-image: -webkit-linear-gradient(90deg, #76c21b 0%, #a7da42 100%);
    background-image: -ms-linear-gradient(90deg, #76c21b 0%, #a7da42 100%);
    box-shadow: 1px 1.732px 3.75rem 0px rgba(0, 0, 0, 0.1);
    padding: 1.875rem;
    width: 12.6875rem;
    height: 12.625rem;
    font-family: "Rubik", sans-serif;
    font-size: 1.5625rem;
    color: #fff;
    font-weight: 500
}

.section-why-us__text--second {
    top: inherit;
    transform: translate(8%, 30px);
    left: inherit;
    right: 0;
    bottom: 0
}

.section-why-us__text span {
    font-size: 4.375rem;
    color: #fff;
    position: relative;
    display: block;
    font-weight: 600;
    margin-bottom: 1.6875rem;
    margin-top: 18%;
    font-family: "Rubik", sans-serif
}

.section-why-us__content p {
    margin-bottom: 0;
    color: #777
}

.section-why-us__title h5 {
    color: #62c600;
    font-size: 1.375rem;
    margin-bottom: 0.9375rem;
    font-weight: 700
}

.section-why-us__title h2 {
    font-size: 3.75rem;
    margin-bottom: 0 !important;
    font-weight: 700
}

@media only screen and (max-width: 87.5rem) {
    .section-why-us__title h2 {
        font-size: 3.25rem
    }
}

@media only screen and (max-width: 48rem) {
    .section-why-us__title h2 {
        font-size: 1.875rem;
        letter-spacing: -1px
    }
}

.section-why-us__icon {
    font-size: 1.875rem;
    padding: 1.25rem;
    border-radius: 50%;
    background: -webkit-linear-gradient(0deg, #76c21b 0%, #a7da42 100%);
    color: white;
    margin-bottom: 0.625rem;
    position: relative;
    z-index: 1;
    transition: background-color 0.3s, transform 0.5s
}

.section-why-us__card {
    cursor: pointer;
    padding: 1.25rem;
    transition: all 0.3s;
    border-radius: 10px
}

.section-why-us__card--title {
    transition: all 0.3s
}

.section-why-us__card--desc {
    transition: all 0.3s
}

.section-why-us__card:hover {
    background: #62c600;
    transform: translateY(-0.625rem)
}

.section-why-us__card:hover .section-why-us__icon {
    background: white;
    color: #62c600;
    transform: rotate(360deg)
}

.section-why-us__card:hover .section-why-us__card--title {
    color: #f1f9e8
}

.section-why-us__card:hover .section-why-us__card--desc {
    color: #f1f9e8
}

.section-gallery {
    background: url("../images/background/aliment-right2.webp");
    background-repeat: no-repeat;
    background-position: right center
}

@media only screen and (min-width: 75rem) {
    .section-gallery__container {
        max-width: 71.25rem
    }
}

.section-gallery__title h5 {
    color: #62c600;
    margin-bottom: 0.9375rem
}

.section-gallery__title h2 {
    font-size: 3.75rem
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-gallery__title h2 {
        font-size: 3.25rem
    }
}

@media only screen and (max-width: 50.75rem) {
    .section-gallery__title h2 {
        font-size: 2rem;
        letter-spacing: -1px
    }
}

.section-gallery__btn-group {
    padding-bottom: 0
}

.section-gallery__btn-group button {
    background: none;
    border: none;
    border-radius: 0.625rem;
    color: #777;
    cursor: pointer;
    font-weight: 700;
    outline: none;
    padding: 0.9375rem 1.5625rem;
    position: relative;
    text-transform: uppercase;
    transition: 0.3s
}

@media only screen and (max-width: 36rem) {
    .section-gallery__btn-group button {
        font-size: 13px;
        padding: 0 1.5625rem
    }
}

.section-gallery__btn-group button:hover {
    color: #62c600
}

.section-gallery__btn-group button.active {
    background: #62c600;
    box-shadow: inset 0 -2px 0 #62c600;
    color: #fff
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
    .section-gallery__btn-group button {
        margin: 0 2px
    }
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
    .section-gallery__btn-group button {
        margin: 0 4px
    }
}

@media only screen and (max-width: 812px) {
    .section-gallery__btn-group button {
        flex: 0 0 45%
    }
}

@media only screen and (min-width: 48rem) and (max-width: 61.9375rem) {
    .section-gallery__btn-group {
        display: flex;
        overflow-x: scroll
    }
}

@media only screen and (max-width: 50.75rem) {
    .section-gallery__btn-group {
        display: flex;
        overflow-x: scroll
    }
}

.section-gallery__image figcaption {
    background: #fff;
    bottom: 0;
    color: #222;
    font-size: 1rem;
    font-weight: 500;
    left: 1.75rem;
    letter-spacing: 1.8px;
    opacity: 0;
    padding: 1.875rem 0.9375rem;
    position: absolute;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 85%
}

.section-gallery__image:hover figcaption {
    border-radius: 15px;
    bottom: 1.875rem;
    opacity: 1;
    transition: all 0.3s ease 0s
}

.section-brands {
    border-top: 1px solid #ccc
}

@media only screen and (min-width: 75rem) {
    .section-brands__container {
        max-width: 71.25rem
    }
}

.section-services {
    background: url("../images/background/aliment-left.webp");
    background-position: left center;
    background-repeat: no-repeat
}

.section-services--about-us {
    background: url("../images/background/aliment-right.webp");
    background-position: right center;
    background-repeat: no-repeat
}

@media only screen and (max-width: 50.75rem) {
    .section-services {
        background-position: -200px !important
    }

    .section-services--about-us {
        background-position: right center !important
    }
}

@media only screen and (min-width: 75rem) {
    .section-services__container {
        max-width: 71.25rem
    }
}

.section-services__title h5 {
    color: #62c600;
    margin-bottom: 15px
}

.section-services__title h2 {
    font-size: 3.75rem;
    padding-bottom: 0;
    margin-bottom: 0px !important;
    position: relative
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-services__title h2 {
        font-size: 3.25rem
    }
}

@media only screen and (min-width: 30rem) and (max-width: 50.75rem) {
    .section-services__title h2 {
        font-size: 42px;
        letter-spacing: -1px
    }
}

@media only screen and (max-width: 29.75rem) {
    .section-services__title h2 {
        font-size: 2rem;
        letter-spacing: -1px
    }
}

.section-services__item-wrapper:nth-child(3) {
    border-bottom: none
}

.section-services__item-wrapper>div {
    border-right: 2px solid #f5f5f5;
    border-bottom: 2px solid #f5f5f5
}

.section-services__item-wrapper>div:nth-child(3) {
    border-right: none
}

.section-services__item {
    padding: 1.875rem 1.5625rem;
    position: relative;
    z-index: 2
}

.section-services__item::before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: 0.3s;
    width: 100%;
    z-index: 1
}

.section-services__item--thumb {
    border: 2px solid #9dd53a;
    width: 106px;
    height: 106px;
    padding: 28px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    margin-bottom: 1.875rem;
    transition: all 0.5s ease
}

.section-services__item--content {
    position: relative;
    z-index: 2
}

.section-services__item--content p {
    color: #777
}

.section-services__item--content h3 {
    font-size: 1.3rem;
    margin-bottom: 1.25rem;
    color: #010f2e
}

.section-services__item--content h3 a:link,
.section-services__item--content h3 a:visited {
    color: #010f2e;
    transition: all 0.5s
}

.section-services__item--content h3 a:hover,
.section-services__item--content h3 a:active {
    color: #62c600
}

.section-services__item--content.about-us h3 {
    font-size: 1.2rem
}

.section-services__item:hover::before {
    background-color: #fff;
    box-shadow: 0 30px 40px 0 rgba(32, 85, 125, 0.06);
    height: calc(100% + 20px);
    left: -10px;
    top: -10px;
    width: calc(100% + 20px)
}

.section-services__item:hover iconify-icon {
    background-image: -moz-linear-gradient(90deg, #76c21b 0%, #a7da42 100%);
    background-image: -webkit-linear-gradient(90deg, #76c21b 0%, #a7da42 100%);
    background-image: -ms-linear-gradient(90deg, #76c21b 0%, #a7da42 100%);
    color: #fff;
    border-color: #fff
}

.section-services__item:hover .section-services__item--thumb {
    background-image: -moz-linear-gradient(90deg, #76c21b 0%, #a7da42 100%);
    background-image: -webkit-linear-gradient(90deg, #76c21b 0%, #a7da42 100%);
    background-image: -ms-linear-gradient(90deg, #76c21b 0%, #a7da42 100%)
}

.section-services__item:hover .section-services__item--thumb img {
    filter: brightness(0) invert(1)
}

.section-services__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 48px;
    color: #9dd53a;
    line-height: 112px;
    border-radius: 50%;
    text-align: center;
    margin-bottom: 10px;
    transition: all, 0.3s
}

.section-services__slider .owl-dots .owl-dot span {
    width: 0.5rem;
    height: 0.5rem;
    margin: 5px 7px;
    background: #c8e7a4;
    display: block;
    -webkit-backface-visibility: visible;
    transition: all .3s ease;
    border-radius: 30px
}

.section-services__slider .owl-dots .owl-dot:hover span {
    background-color: #62c600
}

.section-services__slider .owl-dots .owl-dot.active span,
.section-services__slider .owl-theme .owl-dots .owl-dot:hover span {
    width: 0.5rem;
    height: 0.5rem;
    margin: 5px 7px;
    background: #62c600;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px
}

.section-services__slider .owl-dots .owl-dot span:hover {
    background-color: #62c600
}

.section-services__slider--mobile .owl-dots .owl-dot span {
    width: 0.5rem;
    height: 0.5rem;
    margin: 5px 7px;
    background: #c8e7a4;
    display: block;
    -webkit-backface-visibility: visible;
    transition: all .3s ease;
    border-radius: 30px
}

.section-services__slider--mobile .owl-dots .owl-dot:hover span {
    background-color: #62c600
}

.section-services__slider--mobile .owl-dots .owl-dot.active span,
.section-services__slider--mobile .owl-theme .owl-dots .owl-dot:hover span {
    width: 0.5rem;
    height: 0.5rem;
    margin: 5px 7px;
    background: #62c600;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px
}

.section-services__slider--mobile .owl-dots .owl-dot span:hover {
    background-color: #62c600
}

.section-services__p {
    color: #777;
    border: 3px dashed #b7b7b7;
    padding: 0.9375rem 0.875rem;
    border-radius: 1.25rem;
    box-shadow: 2.5px 4.33px 15px 0px rgba(0, 0, 0, 0.09)
}

.section-services__accordion .accordion-item {
    margin-bottom: 10px;
    border-bottom: none;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    border-radius: 5px
}

.section-services__accordion .accordion-item .accordion-body {
    border-radius: 5px !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
}

.section-services__accordion ul {
    padding-left: 0;
    margin-bottom: 0
}

.section-services__accordion ul li {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #62c600
}

.section-services__accordion ul li a:link,
.section-services__accordion ul li a:visited {
    font-size: 1rem
}

.section-services__accordion-btn {
    background: -webkit-linear-gradient(55deg, #76c21b 0%, #a7da42 100%);
    color: white;
    font-weight: 500;
    border-radius: 5px !important;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    gap: 8px
}

.section-services__accordion-btn iconify-icon {
    font-size: 28px;
    width: 30px;
    height: 30px
}

.section-services__accordion-btn::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1.05em' height='1.2em' viewBox='0 0 448 512'%3E%3Cpath fill='white' d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0'/%3E%3C/svg%3E");
    background-image: none;
    transition: all 0.8s !important
}

.section-services__accordion-btn:not(.collapsed) {
    color: white !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.section-services__accordion-btn:not(.collapsed)::after {
    transform: rotate(180deg) !important
}

.section-facts {
    background: url("../images/background/counter-bg.webp") repeat-x
}

@media only screen and (min-width: 75rem) {
    .section-facts__container {
        max-width: 71.25rem
    }
}

.section-facts__title h2 {
    font-size: 3.25rem
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-facts__title h2 {
        font-size: 3.25rem;
        margin-bottom: 3.125rem
    }
}

@media only screen and (min-width: 30rem) and (max-width: 47.9375rem) {
    .section-facts__title h2 {
        font-size: 42px;
        letter-spacing: -1px
    }
}

@media only screen and (max-width: 29.75rem) {
    .section-facts__title h2 {
        font-size: 32px;
        letter-spacing: -1px
    }
}

.section-facts__title h5 {
    font-size: 0.9375rem;
    color: #62c600
}

@media only screen and (max-width: 48rem) {
    .section-facts__title {
        text-align: center
    }
}

.section-facts__counter {
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0px 1px 59px 0px rgba(0, 0, 0, 0.11);
    padding: 30px 0
}

@media only screen and (max-width: 36rem) {
    .section-facts__counter {
        padding: 15px 0
    }
}

.section-facts__counter p {
    font-size: 15px;
    color: #777
}

@media only screen and (max-width: 36rem) {
    .section-facts__counter p {
        margin: 0
    }
}

@media only screen and (min-width: 48rem) and (max-width: 61.9375rem) {
    .section-facts__counter {
        margin-bottom: 1.875rem
    }
}

.section-facts__icon {
    margin-bottom: 0.9375rem
}

@media only screen and (max-width: 62rem) {
    .section-facts__icon {
        margin-bottom: 0.1375rem
    }
}

.section-facts__icon iconify-icon {
    font-size: 2.375rem;
    transition: all 0.3s;
    background-image: -webkit-linear-gradient(90deg, #76c21b 0%, #a7da42 100%);
    border-radius: 50%;
    color: #fff;
    padding: 1.25rem
}

@media only screen and (max-width: 36rem) {
    .section-facts__icon iconify-icon {
        font-size: 1.475rem;
        transition: all 0.3s;
        background-image: -webkit-linear-gradient(90deg, #76c21b 0%, #a7da42 100%);
        border-radius: 50%;
        color: #fff;
        padding: 1.05rem
    }
}

.section-facts__count {
    font-size: 50px;
    color: #010f2e;
    font-weight: 700;
    margin-bottom: 5px;
    line-height: 1;
    display: inline-block;
    font-family: "Rubik", sans-serif
}

@media only screen and (max-width: 36rem) {
    .section-facts__count {
        font-size: 32px
    }
}

.section-facts__count--percent {
    font-size: 50px;
    color: #010f2e;
    font-weight: 700;
    margin-bottom: 5px;
    line-height: 1;
    display: inline-block;
    font-family: "Rubik", sans-serif
}

@media only screen and (max-width: 36rem) {
    .section-facts__count--percent {
        font-size: 28px
    }
}

@media only screen and (max-width: 48rem) {

    .section-facts .col-lg-3.col-md-6:nth-child(1),
    .section-facts .col-lg-3.col-md-6:nth-child(2),
    .section-facts .col-lg-3.col-md-6:nth-child(3),
    .section-facts .col-lg-3.col-md-6:nth-child(4) {
        margin-top: 3.125rem
    }
}

@media only screen and (max-width: 36rem) {

    .section-facts .col-lg-3.col-md-6:nth-child(1),
    .section-facts .col-lg-3.col-md-6:nth-child(2),
    .section-facts .col-lg-3.col-md-6:nth-child(3),
    .section-facts .col-lg-3.col-md-6:nth-child(4) {
        margin-top: 1.125rem
    }
}

.footer {
    color: #ffffffb3;
    background: #010f2e
}

@media only screen and (min-width: 75rem) {
    .footer__container {
        max-width: 71.25rem
    }
}

.footer__title h5 {
    color: #62c600;
    margin-bottom: 0.9375rem
}

@media only screen and (max-width: 61.9375rem) {
    .footer__title h5 {
        font-size: 0.875rem
    }
}

.footer__title h2 {
    font-size: 3.75rem;
    padding-bottom: 0;
    margin-bottom: 0px !important;
    position: relative;
    color: #fff
}

@media only screen and (min-width: 62rem) and (max-width: 75rem) {
    .footer__title h2 {
        font-size: 3rem
    }
}

@media only screen and (min-width: 48rem) and (max-width: 61.9375rem) {
    .footer__title h2 {
        font-size: 3.25rem
    }
}

@media only screen and (max-width: 50.75rem) {
    .footer__title h2 {
        font-size: 2rem;
        letter-spacing: -1px
    }
}

.footer__top-heading {
    padding-bottom: 80px
}

.footer__top-heading .container {
    border-bottom: 1px dashed #ffffff7a;
    padding-bottom: 50px
}

@media only screen and (max-width: 62rem) {
    .footer__top-heading {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

.footer-top {
    padding-bottom: 0
}

@media only screen and (min-width: 992px) {
    .footer-top {
        padding-bottom: 40px
    }
}

.footer__desc {
    display: inline-block
}

.footer__widget--title h2 {
    font-size: 24px;
    margin-bottom: 0px;
    position: relative;
    padding-bottom: 30px;
    color: #fff
}

.footer__widget--title h2::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1.3125rem;
    width: 5rem;
    background: url("../images/background/f-line.png") no-repeat
}

@media only screen and (max-width: 36rem) {
    .footer-widget:has(.footer__logo) {
        display: flex;
        align-items: start
    }
}

.footer__link {
    display: inline-block
}

.footer__link ul {
    margin: 0;
    padding: 0
}

.footer__link ul li {
    margin-bottom: 15px
}

.footer__link ul li a:link,
.footer__link ul a:visited {
    color: #ffffffb3;
    transition: all 0.3s ease-out
}

.footer__link ul li a:hover {
    color: #9dd53a;
    padding-left: 5px
}

.footer__contact iconify-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    margin-right: 1.25rem;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    color: #fff !important;
    text-align: center;
    border-radius: 50%;
    float: left;
    background-image: -moz-linear-gradient(90deg, #76c21b 0%, #a7da42 100%);
    background-image: -webkit-linear-gradient(90deg, #76c21b 0%, #a7da42 100%);
    background-image: -ms-linear-gradient(90deg, #76c21b 0%, #a7da42 100%);
    box-shadow: 2.5px 4.33px 15px 0px rgba(0, 0, 0, 0.15);
    transition: all 0.4s
}

.footer__contact ul a,
.footer__contact ul a:link,
.footer__contact ul a:visited {
    color: rgba(255, 255, 255, 0.701961)
}

.footer__contact ul li:last-child span {
    flex: 1
}

.footer__contact ul li:hover iconify-icon {
    transform: rotate(360deg)
}

.footer__contact ul a:hover iconify-icon {
    transform: rotate(90deg)
}

.footer__copyright {
    background: #01233f;
    padding: 0.625rem 0;
    color: #fff;
    font-size: 0.9375rem
}

.footer__copyright ul {
    display: flex;
    gap: 0.625rem
}

.footer__copyright ul li {
    position: relative;
    padding-left: 1rem
}

.footer__copyright ul li:not(:last-child)::before {
    background-color: #76c21b;
    border-radius: 0.5rem;
    content: "";
    height: 0.5rem;
    left: 0;
    position: absolute;
    top: 0.9rem;
    width: 0.5rem
}

@media only screen and (max-width: 62rem) {
    .footer__copyright ul li:not(:last-child)::before {
        top: 0.5625rem
    }
}

.footer__copyright ul li a,
.footer__copyright ul li a:link,
.footer__copyright ul li a:visited {
    color: #fff
}

.footer__copyright--social a,
.footer__copyright--social a:link,
.footer__copyright--social a:visited {
    background-color: rgba(118, 194, 27, 0.4);
    border-radius: 0.625rem;
    color: #fff !important;
    display: inline-block;
    font-size: 14px;
    height: 2.25rem;
    line-height: 2.25rem;
    margin-right: 0.625rem;
    text-align: center;
    width: 2.25rem;
    transition: all 0.3s
}

.footer__copyright--social a iconify-icon,
.footer__copyright--social a:link iconify-icon,
.footer__copyright--social a:visited iconify-icon {
    font-size: 1.125rem;
    transition: all 0.5s
}

.footer__copyright--social a:hover {
    background-color: #62c600
}

.footer__copyright--social a:hover iconify-icon {
    transform: rotate(360deg)
}

.footer__logo {
    margin-left: -2.1875rem
}

@media only screen and (max-width: 36rem) {
    .footer__logo img {
        width: 100%
    }
}

@media only screen and (max-width: 25rem) {
    .footer__logo img {
        width: 100%
    }
}

@media only screen and (max-width: 36rem) {
    .footer__logo {
        margin-left: -1.1875rem;
        width: 16.25rem
    }
}

@media only screen and (max-width: 25rem) {
    .footer__logo {
        width: 17.25rem
    }
}

.section-blogs {
    background: url("../images/background/aliment-right4.webp") no-repeat;
    background-position: right center
}

.section-blogs__title h5 {
    color: #62c600;
    margin-bottom: 0.9375rem
}

@media only screen and (max-width: 61.9375rem) {
    .section-blogs__title h5 {
        font-size: 0.875rem
    }
}

.section-blogs__title h2 {
    font-size: 3.75rem;
    padding-bottom: 0;
    margin-bottom: 0px !important;
    position: relative
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-blogs__title h2 {
        font-size: 3.25rem
    }
}

@media only screen and (max-width: 50.75rem) {
    .section-blogs__title h2 {
        font-size: 2rem;
        letter-spacing: -1px
    }
}

@media only screen and (min-width: 75rem) {
    .section-blogs__container {
        max-width: 71.25rem
    }
}

.section-blogs__blog {
    border-width: 2px;
    border-color: #b7b7b7;
    border-style: dashed;
    border-radius: 1.25rem;
    padding: 1.25rem;
    background: #fff
}

.section-blogs__blog--thumb {
    border-radius: 20px
}

.section-blogs__blog--thumb a:link,
.section-blogs__blog--thumb a:visited {
    display: block
}

.section-blogs__blog--thumb img {
    width: 100%;
    max-width: inherit;
    object-fit: cover
}

@media only screen and (max-width: 62rem) {
    .section-blogs__blog--thumb img {
        width: 100%;
        object-fit: cover
    }
}

@media only screen and (max-width: 62rem) {
    .section-blogs__blog--thumb {
        width: 100%;
        display: block;
        margin-bottom: 1rem
    }
}

.section-blogs__blog--content {
    padding-right: 1rem;
    margin-top: 0.625rem
}

@media only screen and (max-width: 48rem) {
    .section-blogs__blog--content {
        padding-right: 0
    }
}

.section-blogs__blog--content h4 {
    font-size: 24px;
    margin-bottom: 5px
}

.section-blogs__blog--content h4 a:link,
.section-blogs__blog--content h4 a:visited {
    text-decoration: none;
    line-height: 30px;
    color: #010f2e;
    transition: all 0.5s
}

.section-blogs__blog--content h4 a:hover,
.section-blogs__blog--content h4 a:active {
    color: #62c600;
    display: -webkit-box
}

.section-blogs__blog--content p {
    color: #777
}

.section-blogs__blog--info--list li {
    border-right: 2px solid #f5f5f5;
    padding-right: 0.5rem;
    color: #777
}

.section-blogs__blog--info--list li iconify-icon {
    color: #62c600
}

.section-installer {
    background-image: url("../images/background/cat-bg.webp");
    background-size: cover
}

@media only screen and (min-width: 75rem) {
    .section-installer__container {
        max-width: 71.25rem
    }
}

.section-installer__title h5 {
    margin-bottom: 0.9375rem;
    color: #010f2e;
    font-size: 1.125rem;
    margin-bottom: 0.9375rem
}

@media only screen and (max-width: 61.9375rem) {
    .section-installer__title h5 {
        font-size: 0.875rem
    }
}

.section-installer__title h2 {
    font-size: 3.75rem;
    padding-bottom: 0;
    margin-bottom: 0px !important;
    position: relative;
    color: #fff
}

@media only screen and (min-width: 62rem) and (max-width: 75rem) {
    .section-installer__title h2 {
        font-size: 3rem
    }
}

@media only screen and (min-width: 48rem) and (max-width: 61.9375rem) {
    .section-installer__title h2 {
        font-size: 3.25rem
    }
}

@media only screen and (max-width: 50.75rem) {
    .section-installer__title h2 {
        font-size: 2rem;
        letter-spacing: -1px
    }
}

.navbar__item {
    font-size: 1rem;
    color: #006902;
    display: block;
    font-weight: 600;
    padding: 1.25rem 0;
    transition: all 0.9s;
    position: relative
}

@media only screen and (min-width: 75rem) {
    .navbar__item {
        margin-right: 21px !important
    }
}

.navbar__item:hover::after {
    content: "";
    position: absolute;
    bottom: -23px;
    left: 0;
    width: 100%;
    height: 33px
}

.navbar__brand {
    width: 120px
}

@media only screen and (min-width: 62rem) and (max-width: 75rem) {
    .navbar__brand {
        width: 120px
    }
}

.navbar__brand img {
    width: 100% !important
}

@media only screen and (min-width: 62rem) and (max-width: 75rem) {
    .navbar__brand img {
        width: 100% !important
    }
}

.navbar__link:link,
.navbar__link:visited {
    color: #006902;
    transition: all 0.3s
}

.navbar__link:hover {
    color: #62c600
}

.navbar__nav .has-submenu>ul {
    list-style: none;
    position: absolute;
    background-color: #ffff;
    min-width: 270px;
    z-index: 1;
    transition: all 0.3s ease-in-out;
    margin-top: 0.9375rem;
    border-top: 0.25rem solid #62c600;
    box-shadow: 0 0.625rem 0.9375rem rgba(25, 25, 25, 0.1);
    -webkit-box-shadow: 0 0.625rem 0.9375rem rgba(25, 25, 25, 0.1);
    transition: all 0.3s ease-in-out;
    visibility: hidden;
    transform: scale(1, 0);
    transform-origin: 0 0;
    opacity: 0;
    top: 4.075rem;
    padding-left: 0
}

.navbar__nav .has-submenu>ul li {
    border-bottom: 1px solid #ddd
}

.navbar__nav .has-submenu>ul li.has-submenu {
    position: relative
}

.navbar__nav .has-submenu>ul li.has-submenu ul {
    list-style: none;
    position: absolute;
    background-color: #ffff;
    min-width: 270px;
    z-index: 1;
    transition: all 0.3s ease-in-out;
    margin-top: 0;
    border-top: 0.25rem solid #62c600;
    box-shadow: 0 0.625rem 0.9375rem rgba(25, 25, 25, 0.1);
    -webkit-box-shadow: 0 0.625rem 0.9375rem rgba(25, 25, 25, 0.1);
    transition: all 0.3s ease-in-out;
    visibility: hidden;
    transform: scale(1, 0);
    transform-origin: 0 0;
    opacity: 0;
    top: 0;
    left: 100%;
    padding-left: 0
}

.navbar__nav .has-submenu>ul li.has-submenu:hover>ul {
    visibility: visible;
    opacity: 1;
    transform: scale(1)
}

.navbar__nav .has-submenu:hover>ul {
    visibility: visible;
    opacity: 1;
    transform: scale(1)
}

.navbar__nav .has-submenu>ul li a:link,
a:visited {
    padding: 0.9375rem;
    display: inline-block;
    color: #006902;
    transition: all 0.3s
}

.navbar__nav .has-submenu>ul li a:hover,
a:active {
    color: #62c600;
    display: inline-block;
    color: #62c600
}

.navbar__nav .has-subsubmenu {
    position: relative
}

.navbar__nav .has-subsubmenu>ul {
    position: absolute;
    left: 100%;
    min-width: 15.625rem;
    background-color: #ffff;
    min-width: 15.875rem;
    list-style: none;
    z-index: 1;
    transition: all 0.3s ease-in-out;
    margin-top: 15px;
    border-top: 4px solid #62c600;
    box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
    -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
    transition: all 0.3s;
    top: 30px;
    padding-left: 0;
    visibility: hidden;
    opacity: 0
}

.navbar__nav .has-subsubmenu:hover>ul {
    visibility: visible;
    opacity: 1;
    top: 0
}

.navbar__nav .has-subsubmenu>ul li a:link,
.navbar__nav .has-subsubmenu>ul li a:visited {
    color: #4f4f4f;
    padding: 0.9375rem;
    display: inline-block;
    color: #4f4f4f;
    transition: all 0.3s
}

.navbar__nav .has-subsubmenu>ul li a:hover {
    display: inline-block;
    color: #62c600
}

.offcanvas-menu {
    background: #00081b;
    height: 100%;
    padding: 30px;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    transition: 0.5s;
    width: 300px;
    z-index: 1001
}

.offcanvas-menu.active {
    transform: translateX(0)
}

.offcanvas-menu__close iconify-icon {
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    transition: 0.3s
}

.offcanvas-menu__searchform {
    margin-top: 1.875rem;
    position: relative
}

.offcanvas-menu form input {
    background: none;
    border: 1px solid #2d3547;
    color: #fff;
    padding: 7px 10px;
    width: 100%
}

.offcanvas-menu form button {
    background: #62c600;
    border: none;
    cursor: pointer;
    padding: 8px 14px;
    position: absolute;
    right: 0;
    top: 0
}

.offcanvas-menu form button iconify-icon {
    color: #fff
}

.offcanvas-menu__submenu ul {
    margin-top: 1.875rem
}

.offcanvas-menu__submenu ul li {
    border-bottom: 1px solid #101c38
}

.offcanvas-menu__link:link,
.offcanvas-menu__link:visited {
    color: #fff;
    display: block;
    font-size: 18px;
    padding: 6px 0;
    text-transform: capitalize;
    transition: all 0.3s ease-out 0s
}

.offcanvas-menu__link:hover,
.offcanvas-menu__link:active {
    color: #62c600
}

.navbar-mobile__brand {
    position: absolute;
    top: -40px;
    left: -19px
}

.mean-container {
    display: flex;
    justify-content: center
}

@media (max-width: 62rem) {
    .mean-container {
        padding-top: 1rem
    }
}

.menu-con {
    position: relative
}

.mean-nav {
    position: absolute
}

.mean-container .mean-nav ul li a:hover {
    background-color: #fff
}

.mean-container .mean-nav {
    box-shadow: 3px 4px 15px #0000001a
}

.mean-container .mean-nav ul li a.mean-expand:hover {
    background-color: transparent
}

.mean-container .mean-nav ul li li a {
    background-color: #efffce;
    position: relative
}

.mean-container .mean-nav ul li a {
    background-color: #fff;
    color: #000
}

.mean-container .mean-bar {
    background-color: transparent;
    width: 100%
}

.mean-container a.meanmenu-reveal span {
    background-color: #006902;
    display: block;
    transition: all 0.3s;
    height: 3px;
    margin-top: 5px;
    width: 35px
}

.mean-container a.meanmenu-reveal {
    color: #006902
}

.megamenu {
    position: absolute;
    z-index: 500;
    padding: 3rem;
    max-width: 75rem;
    width: 100%;
    background-color: white;
    top: 100%;
    right: 50%;
    visibility: hidden;
    opacity: 0;
    transform: translateX(50%);
    border-radius: 10px;
    transition: all 0.3s;
    border-radius: 0 2.1875rem 0 2.1875rem;
    box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
    border-bottom: 0.625rem solid #62c600
}

@media only screen and (min-width: 62rem) and (max-width: 87.5rem) {
    .megamenu {
        padding: 2rem
    }
}

.megamenu h6 {
    color: #006902;
    margin-bottom: 0.75rem
}

.megamenu ul {
    display: flex;
    flex-direction: column;
    gap: 5px
}

.megamenu__link a,
.megamenu a:link,
.megamenu:visited {
    font-weight: normal;
    font-size: 1rem;
    color: #777;
    position: relative
}

.megamenu__link::before {
    content: "";
    position: absolute;
    bottom: 2px;
    right: 0;
    width: 0;
    height: 2px;
    background-color: #62c600;
    transition: all ease 0.5s
}

.megamenu__link:hover::before {
    width: 100%;
    right: auto;
    left: 0
}

.megamenu__btn,
.megamenu__btn:link,
.megamenu__btn:visited {
    box-shadow: none !important;
    font-weight: 700 !important
}

.megamenu li {
    display: flex;
    align-items: start;
    gap: 8px
}

.megamenu li iconify-icon {
    color: #62c600;
    margin-top: 5px
}

.megamenu__col {
    display: flex;
    flex-direction: column;
    justify-content: start
}

.megamenu__col h6 {
    margin-top: auto
}

.navbar__nav .has-submenu:hover .megamenu {
    visibility: visible;
    opacity: 1;
    top: 100%
}

.megamenu-trigger {
    position: relative
}

.megamenu-trigger::after {
    content: "";
    position: absolute;
    top: 15px;
    left: 7px;
    width: 50px;
    height: 50px;
    background-color: transparent
}

.mean-expand::after {
    font-size: 18px;
    width: 94%;
    text-align: right;
    background: transparent
}

.mean-container .mean-nav ul li a.mean-expand {
    margin-top: 0px;
    width: 90%;
    text-align: right;
    height: 32px;
    padding: 12px !important;
    text-align: right;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    font-weight: 700;
    background: transparent;
    border: 0 !important;
    padding-right: 20px !important;
    padding-right: 80px
}

.mobile-navbar {
    padding: 10px 0;
    font-size: 18px
}

.mobile-navbar span,
.mobile-navbar a {
    font-size: 18px;
    color: #fff
}

.mobile-navbar__button {
    width: 3rem;
    height: 3rem;
    background: #fff;
    border-radius: 62px;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 5;
    margin-right: 11px
}

.mobile-navbar__brand:link,
.mobile-navbar__brand:visited {
    display: flex;
    align-items: center
}

.mobile-navbar__brand--white {
    width: 7.5rem !important;
    object-fit: cover;
    z-index: 5;
    transform: translateX(-1000%);
    transition: transform 0.8s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.8s cubic-bezier(0.86, 0, 0.07, 1)
}

.mobile-navbar__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    z-index: 3;
    background: rgba(69, 139, 0, 0.8);
    backface-visibility: hidden;
    transition: transform 0.8s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.8s cubic-bezier(0.86, 0, 0.07, 1)
}

.mobile-navbar__background::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px)
}

@media only screen and (max-width: 35.625rem) {
    .mobile-navbar__background {
        right: 14px
    }
}

.mobile-navbar__background.active {
    transform: translateX(0)
}

.mobile-navbar__btn {
    z-index: 5;
    transform: translateY(-100px);
    left: 50%;
    top: -1000px;
    transform: translateX(-50%);
    transition: top 0.7s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.8s cubic-bezier(0.86, 0, 0.07, 1) !important
}

.mobile-navbar__list {
    position: fixed;
    padding-left: 0;
    bottom: 0;
    right: 0;
    overflow-y: auto;
    top: 70px;
    left: 0;
    list-style: none;
    z-index: 5;
    width: 100%;
    opacity: 0;
    transform: translateX(-100%);
    transition: all 0.7s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.8s cubic-bezier(0.86, 0, 0.07, 1)
}

.mobile-navbar__list {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.mobile-navbar__list::-webkit-scrollbar {
    display: none
}

.mobile-navbar__list li {
    padding: 16px;
    color: #fff;
    font-size: 18px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    padding-left: 20px
}

.mobile-navbar__list li:hover {
    cursor: pointer
}

.mobile-navbar__list li .megamenu__link::before {
    background: transparent
}

.mobile-navbar__list li iconify-icon {
    color: white;
    transition: all 0.3s
}

.mobile-navbar__list li ul {
    max-height: 0;
    transition: opacity 0.6s;
    opacity: 0;
    list-style: none;
    padding-left: 0;
    visibility: hidden
}

.mobile-navbar__list li ul li:last-child {
    border-bottom: 0
}

.mobile-navbar__list li ul.active {
    opacity: 1;
    max-height: 5000px;
    visibility: visible;
    margin-top: 20px
}

.menu-btn-3 {
    height: 28px;
    width: 39px;
    cursor: pointer
}

.menu-btn-3 span,
.menu-btn-3 span::before,
.menu-btn-3 span::after {
    background: #006902;
    content: "";
    position: absolute;
    width: 30px;
    height: 2px;
    margin-top: 13px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(deg);
    transform: rotate(180deg);
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out
}

.menu-btn-3 span::before {
    margin-top: -8px
}

.menu-btn-3 span::after {
    margin-top: 8px
}

.menu-btn-3.active span {
    background: transparent
}

.menu-btn-3.active span::before {
    margin-top: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.menu-btn-3.active span::after {
    transform: rotate(-45deg);
    margin-top: 0
}

.toDarker {
    position: relative;
    background: #458b00;
    backface-visibility: hidden
}

.flip-card {
    background-color: transparent;
    width: 100%;
    height: 22rem;
    perspective: 150rem
}

.flip-card:hover .flip-card__inner {
    transform: rotateY(180deg)
}

.flip-card__inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d
}

.flip-card__back,
.flip-card__front {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.flip-card__front {
    background-color: #fff;
    color: black
}

.flip-card__front img {
    max-width: 100%;
    transition: all 0.3s ease-out 0s;
    height: 100%;
    object-fit: cover
}

.flip-card__back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: #62c600;
    color: white;
    transform: rotateY(180deg)
}

.flip-card__back h4 a:link,
.flip-card__back h4 a:visited {
    color: #fff
}

.flip-card__social {
    margin-top: 0.625rem;
    position: relative;
    z-index: 5
}

.flip-card__social a,
.flip-card__social a:link,
.flip-card__social a:visited {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background: #fff;
    display: inline-block;
    line-height: 2.5rem;
    color: #62c600;
    transition: all 0.3s;
    font-size: 1.125rem
}

.flip-card__social a iconify-icon,
.flip-card__social a:link iconify-icon,
.flip-card__social a:visited iconify-icon {
    transition: all 0.1s
}

.flip-card__social a:hover {
    background: #000f2e;
    color: #fff
}

.faq {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

@media only screen and (min-width: 75rem) {
    .faq__container {
        max-width: 71.25rem
    }
}

.faq__title h5 {
    color: #62c600;
    margin-bottom: 0.9375rem
}

@media only screen and (max-width: 61.9375rem) {
    .faq__title h5 {
        font-size: 0.875rem
    }
}

.faq__title h2 {
    font-size: 3.75rem;
    padding-bottom: 0;
    margin-bottom: 0px !important;
    position: relative
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .faq__title h2 {
        font-size: 3.25rem
    }
}

@media only screen and (max-width: 50.75rem) {
    .faq__title h2 {
        font-size: 2rem;
        letter-spacing: -1px
    }
}

@media only screen and (max-width: 62rem) {
    .faq {
        padding-top: 0px;
        padding-bottom: 30px
    }
}

@media only screen and (max-width: 992px) {
    .faq__title {
        margin-bottom: 10px !important
    }
}

.faq__item {
    border: none;
    border-radius: 15px !important;
    margin-bottom: 15px;
    box-shadow: 2.5px 4.33px 15px 0px rgba(0, 0, 0, 0.09)
}

.faq__btn {
    font-size: 1rem;
    font-weight: 600;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 20px 30px;
    width: 100%;
    text-align: left;
    padding-right: 4.6875rem;
    background: #f8f8f8;
    border-radius: 0;
    height: 4.375rem
}

.faq__btn::after {
    position: absolute;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M17.414 6.586a2 2 0 0 0-2.828 0L12 9.172L9.414 6.586a2 2 0 1 0-2.828 2.828L9.171 12l-2.585 2.586a2 2 0 1 0 2.828 2.828L12 14.828l2.586 2.586c.39.391.902.586 1.414.586s1.024-.195 1.414-.586a2 2 0 0 0 0-2.828L14.829 12l2.585-2.586a2 2 0 0 0 0-2.828'/%3E%3C/svg%3E");
    top: 1rem;
    right: 1.125rem;
    font-size: 1rem;
    font-family: "Font Awesome 5 Pro";
    font-weight: 600;
    background: #62c600;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    box-shadow: 0px 0.5rem 1rem 0px rgba(0, 0, 0, 0.1);
    text-align: center;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0
}

.faq__btn.collapsed::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='24' viewBox='0 0 448 512'%3E%3Cpath fill='white' d='M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32v144H48c-17.7 0-32 14.3-32 32s14.3 32 32 32h144v144c0 17.7 14.3 32 32 32s32-14.3 32-32V288h144c17.7 0 32-14.3 32-32s-14.3-32-32-32H256z'/%3E%3C/svg%3E")
}

.accordion-button:not(.collapsed)::after {
    background-image: none !important
}

.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: transparent !important;
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)
}

.accordion-button:focus {
    z-index: 3;
    border-color: transparent;
    outline: 0;
    box-shadow: none
}

.progress-outer {
    float: left;
    width: 100%
}

.progress-outer .progress {
    width: 150px;
    height: 150px;
    line-height: 150px;
    background: none;
    margin: 0 auto 0.625rem;
    box-shadow: none;
    position: relative
}

.progress-outer .progress-box .progress.green .progress-bar {
    border-color: #62c600
}

.progress-outer li {
    width: 45%;
    float: left;
    text-align: center;
    display: inherit;
    padding: 0 15px
}

.progress-outer li h4 {
    color: #010f2e;
    background-color: #fff;
    box-shadow: 0px 1px 3.6875rem 0px rgba(0, 0, 0, 0.11);
    font-size: 1.125rem;
    display: inline-block;
    padding: 0.625rem 1.875rem;
    border-radius: 1.875rem;
    margin-top: 0.625rem
}

.progress::after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 11px solid #cccccc;
    position: absolute;
    top: 0;
    left: 0
}

.progress .progress-left {
    left: 0
}

.progress .progress-left .progress-bar {
    left: 100%;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left;
    animation: loading-2 1.5s linear forwards 1.8s
}

.progress .progress-right {
    right: 0
}

.progress .progress-right .progress-bar {
    left: -100%;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right;
    animation: loading-1 1.8s linear forwards
}

.progress .progress-bar {
    width: 100%;
    height: 100%;
    background: none;
    border-width: 12px;
    border-style: solid;
    position: absolute;
    top: 0
}

.progress>span {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1
}

.progress .progress-value {
    width: 90%;
    height: 90%;
    border-radius: 50%;
    font-size: 42px;
    font-weight: 600;
    color: #010f2e;
    font-family: "Rubik", sans-serif;
    line-height: 135px;
    text-align: center;
    position: absolute;
    top: 5%;
    left: 5%;
    font-weight: 700
}

.interactive-chart__container {
    height: 31.25rem
}

.apply-modal {
    display: none;
    background-color: #fff;
    z-index: 999999;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    width: 80%;
    max-width: 70rem;
    min-width: 23rem;
    min-height: 29.4375rem;
    padding: 2.1875rem;
    border-radius: 15px;
    position: fixed;
    height: auto;
    overflow-y: scroll;
    top: 0%;
    left: 50%;
    transform: translate(-50%, 5%)
}

.apply-modal__step {
    transform: translate(-50%, 1000%);
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    transition: all 1.3s
}

.apply-modal__step.step-6 .row {
    height: 500px;
    overflow-y: scroll
}

.apply-modal__step.step-7 .row {
    height: 500px;
    overflow-y: scroll
}

.apply-modal__step.step-1 {
    padding: 40px 10px;
    height: 100%;
    position: sticky
}

@media only screen and (max-width: 36rem) {
    .apply-modal__step {
        width: 100%;
        padding: 1.25rem
    }
}

.apply-modal__step>div:first-child {
    margin-bottom: 0.9375rem
}

.apply-modal__step>div:first-child iconify-icon {
    font-size: 32px;
    border: 1px solid #316300;
    justify-self: self-end;
    align-items: self-end;
    align-self: self-start;
    border-radius: 10000000000px;
    color: #316300
}

.apply-modal__step>div:first-child small {
    color: rgba(49, 99, 0, 0.877);
    font-size: 1rem
}

.apply-modal__step>div:first-child p {
    font-size: 1.5rem;
    margin-bottom: 0;
    color: #316300
}

@media only screen and (max-width: 36rem) {
    .apply-modal__step>div:first-child p {
        font-size: 1.25rem
    }
}

@media only screen and (max-width: 62rem) {
    .apply-modal {
        height: 100%
    }
}

.apply-modal {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.apply-modal::-webkit-scrollbar {
    display: none
}

@media only screen and (max-width: 62rem) {
    .apply-modal .contact-form .row>* {
        padding-right: 0
    }
}

@media only screen and (max-width: 62rem) {
    .apply-modal {
        transform: translate(-50%, 2%)
    }
}

@media only screen and (min-width: 75rem) {
    .apply-modal__container {
        max-width: 71.25rem
    }
}

.apply-modal__title h5 {
    color: #62c600;
    margin-bottom: 0.9375rem
}

@media only screen and (max-width: 61.9375rem) {
    .apply-modal__title h5 {
        font-size: 0.875rem
    }
}

.apply-modal__title h2 {
    font-size: 3.75rem;
    padding-bottom: 0;
    margin-bottom: 0px !important;
    position: relative
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .apply-modal__title h2 {
        font-size: 3.25rem
    }
}

@media only screen and (max-width: 50.75rem) {
    .apply-modal__title h2 {
        font-size: 2rem;
        letter-spacing: -1px
    }
}

@media only screen and (max-width: 420px) {
    .apply-modal {
        max-width: 70rem;
        min-width: 24rem
    }
}

@media only screen and (max-width: 400px) {
    .apply-modal {
        max-width: 70rem;
        min-width: 20rem
    }
}

.apply-modal__btn-con {
    text-align: center;
    padding: 0px 13px;
    margin-top: 15px;
    display: flex;
    justify-content: space-between
}

@media only screen and (max-width: 31.25rem) {
    .apply-modal__btn-con {
        justify-content: center;
        flex-wrap: wrap-reverse;
        gap: 10px
    }
}

.apply-modal__btn-con .btn-prev {
    color: #006902;
    background-color: #f1f9e8;
    border: 1px solid #006902
}

.apply-modal__btn-con .btn-prev:hover {
    background-color: #f1f9e8
}

.apply-modal__btn-con .btn-next {
    background-color: #d94d00
}

.apply-modal__btn-con .btn-next:hover {
    background-color: #d94d00
}

.apply-modal__last-step {
    text-align: center
}

.apply-modal__last-step iconify-icon {
    color: #62c600;
    font-size: 5.625rem;
    margin-bottom: 15px
}

.apply-modal__last-step h1 {
    color: #62c600
}

.apply-modal__last-step h6 {
    margin-bottom: 48px
}

.apply-modal__title {
    margin-bottom: 15px;
    margin-left: -10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start
}

.apply-modal__title h5 {
    margin-left: 5px;
    font-weight: 500;
    letter-spacing: 3px;
    margin-bottom: 0.3rem
}

@media only screen and (max-width: 400px) {
    .apply-modal__title h5 {
        font-size: 0.675rem
    }
}

.apply-modal__title h2 {
    letter-spacing: -1px
}

@media only screen and (max-width: 400px) {
    .apply-modal__title h2 {
        font-size: 1.2rem
    }
}

.apply-modal__home-type {
    border: 3px dashed #b7b7b7;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    flex: 1;
    align-items: center;
    transition: all 0.3s ease-in-out;
    cursor: pointer
}

.apply-modal__home-type p {
    color: #777
}

.apply-modal__home-type--selected {
    border: 3px dashed #62c600
}

.apply-modal__home-type--selected p {
    font-weight: bold
}

.apply-modal__home-type--selected iconify-icon {
    color: #d94d00
}

.apply-modal__close {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(-48.1px, 40px);
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    padding: 8px;
    line-height: 0;
    display: flex;
    justify-content: center;
    color: rgba(0, 0, 0, 0.5);
    align-items: center;
    font-size: 23px
}

@media only screen and (max-width: 62rem) {
    .apply-modal__close {
        transform: translate(-32.1px, 30px)
    }
}

.apply-modal__house {
    color: #62c600;
    font-size: 4.5rem
}

.apply-modal__steps {
    position: absolute;
    background-color: #edeff1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    overflow: hidden;
    padding: 0;
    transition: all 0.3s
}

@media only screen and (max-width: 62rem) {
    .apply-modal__steps {
        bottom: unset;
        top: 0;
        left: 0
    }
}

.apply-modal__steps--bar {
    position: absolute;
    width: 10%;
    height: 100%;
    background-color: #d94d00;
    transition: all 0.3s
}

.apply-modal label {
    color: #777
}

.apply-modal__message {
    font-size: 1rem;
    color: #777;
    margin-top: 0.625rem
}

.apply-modal__option {
    padding: 9px 18px;
    padding-left: 10px;
    border-radius: 10px;
    border: 1px solid rgba(49, 99, 0, 0.3);
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.3s;
    cursor: pointer;
    height: 60px;
    max-width: 900px;
    width: 100%
}

.apply-modal__option--text {
    display: flex;
    align-items: center
}

.apply-modal__option--text img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    margin-right: 5px
}

.apply-modal__option p {
    font-weight: 500;
    color: #316300
}

.apply-modal__option:hover {
    transform: translatey(-3px)
}

.apply-modal__option:hover p {
    color: #316300
}

.apply-modal__option:active {
    -webkit-box-shadow: inset 0px 0px 5px #d9ffaa;
    -moz-box-shadow: inset 0px 0px 5px #d9ffaa;
    box-shadow: inset 0px 0px 5px #d9ffaa;
    transform: translatey(0px)
}

.apply-modal__option.selected {
    background-color: rgba(98, 198, 0, 0.1);
    border-color: #316300
}

.apply-modal__option.selected .apply-modal__option--checkbox {
    opacity: 1
}

.apply-modal__option.selected .apply-modal__option--checkbox iconify-icon {
    color: #62c600
}

.apply-modal__option:hover {
    border-color: #316300
}

.apply-modal__option:hover .apply-modal__option--checkbox {
    opacity: 1
}

.apply-modal__option:hover .apply-modal__option--checkbox iconify-icon {
    color: #62c600
}

.apply-modal__option p {
    margin-bottom: 0
}

.apply-modal__option--checkbox {
    opacity: 0.2;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
    width: 32px;
    height: 32px
}

.apply-modal__option--checkbox iconify-icon {
    transition: all 0.3s
}

.step-1 .apply-modal__btn-con {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap
}

@media only screen and (max-width: 37.5rem) {
    .step-1 .apply-modal__btn-con {
        justify-content: center;
        gap: 15px
    }
}

.grecaptcha-badge {
    visibility: hidden
}

.contact-form .row>* {
    padding: 0;
    padding-right: 0.9375rem
}

.contact-form__title h5 {
    color: #62c600;
    margin-bottom: 0.9375rem
}

@media only screen and (max-width: 61.9375rem) {
    .contact-form__title h5 {
        font-size: 0.875rem
    }
}

.contact-form__title h2 {
    font-size: 3.75rem;
    padding-bottom: 0;
    margin-bottom: 0px !important;
    position: relative
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .contact-form__title h2 {
        font-size: 3.25rem
    }
}

@media only screen and (max-width: 50.75rem) {
    .contact-form__title h2 {
        font-size: 2rem;
        letter-spacing: -1px
    }
}

.contact-form__title {
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start
}

.contact-form__title h5 {
    margin-left: 5px;
    font-weight: 500;
    letter-spacing: 3px;
    margin-bottom: 0.3rem
}

@media only screen and (min-width: 62rem) {
    .contact-form__title h5 {
        margin-left: 13px
    }
}

.contact-form__title h2 {
    letter-spacing: -1px
}

.contact-form__field {
    position: relative
}

.contact-form__field--arrow:link,
.contact-form__field--arrow:visited,
.contact-form__field--arrow:link,
.contact-form__field--arrow:visited {
    color: #62c600;
    font-size: 1.25rem
}

.contact-form__field--arrow-left,
.contact-form__field--arrow-left {
    position: absolute;
    top: 33%;
    left: 11px
}

.contact-form__field--arrow-right,
.contact-form__field--arrow-right {
    position: absolute;
    top: 33%;
    right: 11px
}

.contact-form__field input {
    width: 100%;
    border: none;
    background-color: #f7f7f7;
    padding: 15px 15px;
    transition: 0.3s;
    color: #777;
    border-radius: 0.625rem;
    border: 1px solid #b7b7b7
}

.contact-form__field input:focus {
    outline: 3px dashed #62c600;
    border: none;
    box-shadow: none
}

.contact-form__field select:focus {
    border: none;
    box-shadow: none
}

.contact-form__field textarea {
    width: 100%;
    border: none;
    padding: 0.9375rem;
    transition: 0.3s;
    border-radius: 0.625rem;
    background-color: #f7f7f7;
    height: 4.6875rem;
    border: 1px solid #b7b7b7
}

.contact-form__field textarea:focus {
    outline: 3px dashed #62c600
}

.contact-form__confirm {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.contact-form__confirm--icon {
    font-size: 4.5rem;
    color: #62c600
}

.nice-select {
    width: 100%;
    border: none;
    background-color: #f7f7f7;
    padding: 11px 15px;
    transition: 0.3s;
    color: #777;
    border-radius: 0.625rem;
    border: 1px solid #b7b7b7;
    height: 3.75rem;
    margin-bottom: 10px
}

.nice-select:focus {
    outline: 3px dashed #62c600;
    border: none;
    box-shadow: none
}

.nice-select .list {
    margin-bottom: 0
}

.breadcrumb {
    display: inline-block;
    -ms-flex-wrap: wrap;
    flex-wrap: unset;
    padding: 0;
    margin-bottom: 0;
    list-style: none;
    background-color: unset;
    border-radius: 0
}

.breadcrumb>.active {
    color: #9dd53a;
    font-weight: 500
}

.breadcrumb__item {
    display: inline-block
}

@media only screen and (max-width: 48rem) {
    .breadcrumb__item {
        font-size: 14px
    }
}

@media only screen and (max-width: 36rem) {
    .breadcrumb__item {
        font-size: 13px
    }
}

@media only screen and (max-width: 25rem) {
    .breadcrumb__item {
        font-size: 11px
    }
}

.breadcrumb__item a,
.breadcrumb__item a:link,
.breadcrumb__item a:visited {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.560784);
    font-weight: 500
}

@media only screen and (max-width: 36rem) {

    .breadcrumb__item a,
    .breadcrumb__item a:link,
    .breadcrumb__item a:visited {
        font-size: 13px
    }
}

.breadcrumb__item+.breadcrumb__item::before {
    display: inline-block;
    padding-right: 15px;
    padding-left: 10px;
    color: #ddd;
    content: "|"
}

.breadcrumb__area {
    background-image: url("../images/background/breadcrumb.webp") !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    position: relative;
    min-height: 13.125rem;
    background-repeat: no-repeat;
    background-position: 0 center;
    background: #444
}

.breadcrumb__area .row {
    margin-right: 0
}

@media only screen and (max-width: 48rem) {
    .breadcrumb__area {
        min-height: 8.5rem
    }
}

@media only screen and (max-width: 36rem) {
    .breadcrumb__area {
        min-height: 7rem
    }
}

.breadcrumb__area--insulation {
    background-image: url("../images/background/complete-insulation-bg.webp") !important
}

.breadcrumb__area--about-us {
    background-image: url("../images/aboutUs/aboutUs-breadcrumb.webp") !important
}

.breadcrumb__area--cavity-wall {
    background-image: url("../images/background/cavity-wall.webp") !important
}

.breadcrumb__area--contact-us {
    background-image: url("../images/background/contact-us-br.webp") !important
}

.breadcrumb__area--solid-wall-insulation {
    background-image: url("../images/background/solid-wall-breadcrumb.webp") !important
}

.breadcrumb__area--flat-pitched {
    background-image: url("../images/background/flat or pitched.webp") !important
}

.breadcrumb__area--loft {
    background-image: url("../images/background/loft.webp") !important
}

.breadcrumb__area--heat-pump {
    background-image: url("../images/background/breadcrumb.heat-pump.webp") !important
}

.breadcrumb__area--solar-panels {
    background-image: url("../images/background/solar-pannel-breadcrumb.webp") !important;
    background-size: 100% 100%
}

.breadcrumb__area-room-in-roof {
    background-image: url("../images/background/room-in-roof.webp") !important
}

.breadcrumb__area--cheapest {
    background-image: url("../images/background/cost-effective.webp") !important
}

.breadcrumb__area--under-floor-insulation {
    background-image: url("../images/background/underfloor-insulation-breadcrumb.webp") !important
}

.breadcrumb__area--park-home {
    background-image: url("../images/background/park-home-insulation-breadcrumb.webp") !important
}

.breadcrumb__area--solid-floor-insulation {
    background-image: url("../images/background/solid-floor-insulation-breadcrumb .webp") !important
}

.breadcrumb__area--privacy {
    background-image: url("../images/background/breadcrumb-privace.webp") !important;
    background-position: top center !important
}

@media only screen and (min-width: 36rem) {
    .breadcrumb__area--privacy {
        background-image: url("../images/background/privacy-bread.webp") !important
    }
}

.breadcrumb__area--boiler {
    background-image: url("../images/background/boiler-breadcrumb.webp") !important
}

@media only screen and (min-width: 36rem) {
    .breadcrumb__area--boiler {
        background-image: url("../assets/images/background/boiler-bread.webp") !important
    }
}

.breadcrumb__area--team-details {
    background-image: url("../images/background/team-details.webp") !important
}

.breadcrumb__area--legal {
    background-image: url("../images/background/legal-breadcrumb.webp") !important
}

@media only screen and (min-width: 75rem) {
    .breadcrumb__container {
        max-width: 90%
    }
}

.breadcrumb__title h1 {
    font-size: 2rem;
    margin-bottom: 1.5625rem;
    line-height: 1;
    color: #fff
}

@media only screen and (max-width: 48rem) {
    .breadcrumb__title h1 {
        font-size: 1.3rem;
        line-height: 1.3;
        margin-bottom: 0
    }
}

@media only screen and (max-width: 36rem) {
    .breadcrumb__title h1 {
        font-size: 1.1rem;
        margin-bottom: 0
    }
}

@media only screen and (max-width: 25rem) {
    .breadcrumb__title h1 {
        font-size: 1rem
    }
}

@media only screen and (max-width: 48rem) {
    .breadcrumb-wrap .breadcrumb {
        display: none
    }
}

.overlay {
    background: #000;
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 1000
}

.overlay.active {
    opacity: 0.5;
    visibility: visible
}

.table-striped {
    border: 1px solid #0000001a;
    border-top: none;
    text-align: center
}

.table-striped thead tr td {
    background-color: #56ac01;
    color: white;
    font-size: 1rem
}

.table-striped thead tr td:first-child {
    border-top-left-radius: 0.25rem
}

.table-striped thead tr td:last-child {
    border-top-right-radius: 0.25rem
}

.table-striped th {
    background-color: #56ac01;
    color: white;
    font-size: 1rem
}

.table-striped th:first-child {
    border-top-left-radius: 0.25rem
}

.table-striped th:last-child {
    border-top-right-radius: 0.25rem
}

.table-striped.two-col th {
    width: 50%
}

.table-striped.three-col th {
    width: 33.333333333%
}

.table-striped.four-col th {
    width: 25%
}

.table-striped.five-col th {
    width: 20%
}

.proscons-box {
    background-color: #f2f2f2;
    padding: 0.9375rem 1.25rem;
    margin-bottom: 1rem;
    border-radius: 5px
}

.proscons-box__heading {
    margin-bottom: 0.5rem
}

.proscons-box--pros {
    border-left: 3px solid #006902
}

.proscons-box--pros iconify-icon {
    color: #006902;
    border: 2px dashed #006902;
    border-radius: 50%
}

.proscons-box--cons {
    border-left: 3px solid #d94d00
}

.proscons-box--cons iconify-icon {
    color: #d94d00;
    border: 2px dashed #d94d00;
    border-radius: 50%
}

.proscons-box__list {
    margin-bottom: 0;
    padding-left: 2.5rem
}

.section-steps {
    background-image: url("../images/background/cat-bg.webp");
    background-size: cover
}

.section-steps__title h5 {
    margin-bottom: 0.9375rem;
    color: #010f2e;
    font-size: 1.125rem;
    margin-bottom: 0.9375rem
}

@media only screen and (max-width: 61.9375rem) {
    .section-steps__title h5 {
        font-size: 0.875rem
    }
}

.section-steps__title h2 {
    font-size: 3.75rem;
    padding-bottom: 0;
    margin-bottom: 0px !important;
    position: relative;
    color: #fff
}

@media only screen and (min-width: 62rem) and (max-width: 75rem) {
    .section-steps__title h2 {
        font-size: 3rem
    }
}

@media only screen and (min-width: 48rem) and (max-width: 61.9375rem) {
    .section-steps__title h2 {
        font-size: 3.25rem
    }
}

@media only screen and (max-width: 50.75rem) {
    .section-steps__title h2 {
        font-size: 2rem;
        letter-spacing: -1px
    }
}

@media only screen and (min-width: 1200px) {
    .section-steps__container {
        max-width: 71.25rem
    }
}

.section-steps__title h5 {
    color: #010f2e;
    font-size: 1.125rem;
    margin-bottom: 0.9375rem
}

.section-steps__title h2 {
    color: #fff;
    font-size: 3rem;
    padding-bottom: 0
}

@media only screen and (max-width: 62rem) {
    .section-steps__title h2 {
        font-size: 2.3rem
    }
}

@media only screen and (max-width: 35rem) {
    .section-steps__title h2 {
        font-size: 1.5rem
    }
}

@media only screen and (min-width: 48rem) {
    .section-steps__title p {
        width: 75%
    }
}

.section-steps__step {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative
}

.section-steps__step span {
    position: relative;
    font-size: 1.45rem;
    margin-bottom: 1rem;
    transition: all 0.3s;
    display: block;
    background: #fff;
    border-radius: 50%;
    color: #62c600;
    padding: 1.25rem;
    font-weight: 700
}

.section-steps__step strong {
    font-size: 1.15rem;
    line-height: 1.2;
    text-align: center
}

.section-steps__step p {
    font-size: 1rem
}

.section-steps__step p,
.section-steps__step strong {
    color: #fff;
    text-align: center
}

.section-steps__thumb {
    width: 11.25rem;
    height: 11.25rem;
    margin-bottom: 0.625rem
}

.scroll-up-progress {
    cursor: pointer;
    background: #fff;
    width: calc(100% - 5px);
    height: calc(100% - 5px);
    color: #62c600;
    font-size: 1.25rem;
    text-align: center;
    border-radius: 50%;
    font-size: 1.375rem;
    line-height: 2.8125rem;
    transition: 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999
}

.scroll-up-progress--deactive {
    opacity: 0;
    visibility: hidden
}

.scroll-up__wrapper {
    position: fixed;
    cursor: pointer;
    height: 3.0125rem;
    width: 3.0125rem;
    position: fixed;
    right: 3.125rem;
    bottom: 4.8125rem;
    color: #fff;
    font-size: 1.25rem;
    text-align: center;
    border-radius: 50%;
    font-size: 1.375rem;
    line-height: 2.8125rem;
    transition: 0.3s;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 999
}

@media only screen and (max-width: 62rem) {
    .scroll-up__wrapper {
        right: 1.125rem;
        bottom: 1.8125rem
    }
}

.scroll-spy {
    margin-bottom: 2.5rem;
    border-radius: 0;
    height: 100dvh;
    overflow-y: auto;
    background-color: transparent
}

@media only screen and (max-width: 62rem) {
    .scroll-spy {
        display: none
    }
}

.scroll-spy .list-group-item {
    border-radius: 0
}

.scroll-spy .list-group-item:link,
.scroll-spy .list-group-item:visited {
    background-color: rgba(0, 0, 0, 0.03);
    position: relative;
    border: 1px solid #e7e7e7;
    border-bottom: 0;
    z-index: 9;
    font-size: 1rem;
    font-weight: 500;
    color: #222222;
    line-height: 1.875rem;
    padding: 0.625rem 1.5625rem;
    display: block;
    padding-left: 1.375rem;
    overflow: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.scroll-spy .list-group-item:link iconify-icon,
.scroll-spy .list-group-item:visited iconify-icon {
    font-size: 0.5rem
}

.scroll-spy .list-group-item:link::before,
.scroll-spy .list-group-item:visited::before {
    position: absolute;
    left: -1px;
    top: 0;
    height: 100%;
    width: 100%;
    content: "";
    background-color: #62c600;
    z-index: -1;
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.scroll-spy .list-group-item:link.active,
.scroll-spy .list-group-item:visited.active {
    color: #fff
}

.scroll-spy .list-group-item:link.active::before,
.scroll-spy .list-group-item:visited.active::before {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1)
}

.scroll-spy .list-group-item:link::after,
.scroll-spy .list-group-item:visited::after {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 4px;
    background-color: #62c600;
    content: "";
    opacity: 1;
    visibility: visible
}

.scroll-spy .list-group-item:link.active::after,
.scroll-spy .list-group-item:visited.active::after {
    opacity: 1;
    background-color: #30313d;
    visibility: visible;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.scroll-spy__mobile--accordion button {
    height: 2.975rem
}

.scroll-spy__mobile--accordion button::after {
    top: 0.3rem;
    height: 2.3rem;
    width: 2.3rem
}

.scroll-spy__mobile--accordion .accordion-body ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0
}

.scroll-spy__mobile--accordion .accordion-body ul li {
    padding: 10px;
    border-bottom: 1px solid #f5f5f5
}

.related-blogs {
    background-color: #f2f2f2;
    margin-bottom: 10px;
    border-radius: 5px;
    border-left: 3px solid #006902
}

.related-blogs__container {
    padding: 10px 20px
}

.related-blogs__list {
    display: flex;
    gap: 12px;
    flex-direction: column;
    padding-left: 10px;
    margin-bottom: 0;
    padding-bottom: 8px
}

.related-blogs__item {
    list-style: none;
    position: relative;
    padding-left: 22px;
    transition: all 0.3s ease-in-out
}

.related-blogs__item::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='%23006902' d='M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10s10-4.486 10-10S17.514 2 12 2m-1.293 15.707l-1.414-1.414L13.586 12L9.293 7.707l1.414-1.414L16.414 12z'/%3E%3C/svg%3E");
    position: absolute;
    top: 3px;
    left: 0
}

.related-blogs__item:hover {
    padding-left: 23px
}

.related-blogs__heading {
    padding-bottom: 5px;
    padding-top: 5px;
    border-bottom: 1px solid white
}

.related-blogs__heading h5 {
    color: #006902;
    position: relative;
    padding-left: 32px
}

.related-blogs__heading h5::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1.5em' height='1.5em' viewBox='0 0 512 512'%3E%3Cpath fill='%23006902' d='m479.6 399.716l-81.084-81.084l-62.368-25.767A175 175 0 0 0 368 192c0-97.047-78.953-176-176-176S16 94.953 16 192s78.953 176 176 176a175.03 175.03 0 0 0 101.619-32.377l25.7 62.2l81.081 81.088a56 56 0 1 0 79.2-79.195M48 192c0-79.4 64.6-144 144-144s144 64.6 144 144s-64.6 144-144 144S48 271.4 48 192m408.971 264.284a24.03 24.03 0 0 1-33.942 0l-76.572-76.572l-23.894-57.835l57.837 23.894l76.573 76.572a24.03 24.03 0 0 1-.002 33.941'/%3E%3C/svg%3E");
    position: absolute;
    top: 0;
    left: 0
}

.related-blogs__body {
    padding-top: 15px
}

.related-blogs__link:link,
.related-blogs__link:visited {
    color: #006902;
    font-size: 16px;
    font-weight: 500
}

div.cta-box__content {
    background-color: #c5e5f0;
    border-radius: 8px;
    margin-right: 22px;
    width: 78%
}

@media only screen and (max-width: 62rem) {
    div.cta-box__content {
        width: 100%;
        margin-right: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        padding-bottom: 0 !important
    }
}

div.cta-box__content a.btn-primary:link {
    color: white !important
}

div.cta-box__content a.btn-primary:link::before {
    content: none !important
}

div.cta-box__icon-container {
    width: 80px;
    height: 80px
}

@media only screen and (max-width: 62rem) {
    div.cta-box__icon-container {
        width: 50px;
        height: 50px
    }
}

div.cta-box__icon-container--mobile {
    background-color: #2a6b82;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding-left: 1.5rem;
    padding-bottom: 5px;
    padding-top: 5px
}

div.cta-box__icon-container img {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

div.cta-box__icon-desc h4 {
    color: #2a6b82;
    font-size: 20px !important;
    text-align: center;
    margin-bottom: 0
}

@media only screen and (max-width: 62rem) {
    div.cta-box__icon-desc h4 {
        font-size: 16px !important
    }
}

div.cta-box__icon-desc--mobile h4 {
    color: #fff !important
}

div.cta-box__heading h3.cta-box__title {
    color: #2a6b82;
    font-size: 2rem !important
}

@media only screen and (max-width: 62rem) {
    div.cta-box__heading h3.cta-box__title {
        margin-bottom: 0;
        text-align: center
    }
}

div.cta-box__figure {
    width: 215px;
    z-index: -1
}

@media only screen and (max-width: 75rem) {
    div.cta-box__figure {
        left: -24px !important
    }
}

@media only screen and (max-width: 62rem) {
    div.cta-box__figure {
        display: none
    }
}

div.cta-box__figure img {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

div.cta-box__cta-content {
    background-color: #fff;
    border-radius: 2px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media only screen and (min-width: 62rem) {
    div.cta-box__cta-content ul {
        padding-left: 1.4375rem !important
    }
}

div.cta-box__cta-content ul li {
    color: #636466 !important;
    font-size: 1.125rem !important
}

@media only screen and (max-width: 62rem) {
    div.cta-box__cta-content {
        background-color: #c5e5f0 !important;
        color: #555f69 !important
    }
}

div.cta-box__small-desc {
    color: #949494;
    font-size: 0.775rem !important
}

div.cta-box__small-desc p.desc {
    color: inherit !important;
    font-size: 0.875rem !important;
    position: relative;
    margin-bottom: 0 !important
}

div.cta-box__small-desc p.desc::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='0.775rem' height='0.775rem' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23949494' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/g%3E%3C/svg%3E");
    position: absolute;
    top: 1px;
    left: -15px
}

@media only screen and (max-width: 62rem) {
    div.cta-box__small-desc {
        color: #555f69
    }
}

.side-widget__categories {
    background-color: rgba(0, 0, 0, 0.03)
}

.side-widget__categories li {
    position: relative;
    border: 1px solid #e7e7e7;
    border-bottom: 0;
    z-index: 9
}

.side-widget__categories li::before {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 4px;
    background-color: #30313d;
    content: "";
    opacity: 0;
    visibility: hidden
}

.side-widget__categories li:hover::before {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.side-widget__categories li a,
.side-widget__categories li a:link,
.side-widget__categories li a:visited {
    font-size: 1rem;
    font-weight: 500;
    color: #222222;
    line-height: 1.875rem;
    padding: 0.625rem 1.5625rem;
    display: block;
    padding-left: 2.375rem;
    overflow: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.side-widget__categories li a::before {
    position: absolute;
    left: 1.25rem;
    top: 0.75rem;
    font-size: 0.75rem;
    line-height: 1.875rem;
    font-weight: 900;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12px' height='12px' viewBox='0 0 24 24'%3E%3Cpath fill='%23222222' d='M8 6a1 1 0 0 1 1.6-.8l8 6a1 1 0 0 1 0 1.6l-8 6A1 1 0 0 1 8 18z'/%3E%3C/svg%3E");
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease
}

.side-widget__categories li a::after {
    position: absolute;
    left: -1px;
    top: 0;
    height: 100%;
    width: 100%;
    content: "";
    background-color: #62c600;
    z-index: -1;
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.side-widget__categories li:hover a {
    color: #fff
}

.side-widget__categories li:hover a::before {
    filter: brightness(150)
}

.side-widget__categories li:hover a::after {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1)
}

.side-widget__categories li.active a {
    color: #fff
}

.side-widget__categories li.active a::before {
    filter: brightness(150)
}

.side-widget__categories li.active a::after {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1)
}

.side-widget__categories li.active::before {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.brands__logo {
    display: inline-block;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .5;
    transition: all .3s ease-in-out 0s
}

.brands__logo:hover {
    filter: grayscale(0);
    opacity: 1
}

.single-brand {
    height: 100px;
    width: 100px;
    display: flex;
    justify-content: center;
    align-items: center
}

.brands__slider--item {
    display: flex;
    justify-content: center;
    align-items: center
}

.brands__slider__item {
    display: flex;
    justify-content: center;
    align-items: center
}

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #e4f3d1;
    color: #62c600;
    min-height: 100dvh;
    height: 100%;
    width: 100%;
    min-width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999999999;
    font-size: 2.8125rem
}

.preloader-deactivate {
    display: none
}

.newsletter__form {
    float: left;
    width: 70%
}

@media only screen and (max-width: 62rem) {
    .newsletter__form {
        width: 100%
    }
}

.newsletter__btn {
    border-radius: 1.875rem;
    background-image: -moz-linear-gradient(0deg, #76c21b 0%, #a7da42 100%);
    background-image: -webkit-linear-gradient(0deg, #76c21b 0%, #a7da42 100%);
    background-image: -ms-linear-gradient(0deg, #76c21b 0%, #a7da42 100%);
    color: #fff;
    height: 3.5rem;
    z-index: 1;
    text-align: center;
    padding: 0.9375rem 1.875rem !important;
    position: absolute !important;
    top: 0;
    margin-left: 0.625rem
}

@media only screen and (max-width: 62rem) {
    .newsletter__btn {
        right: 0
    }
}

.newsletter__btn:hover {
    color: #fff
}

.newsletter__input {
    background: #fff !important;
    border: 1px solid #fff !important;
    border-radius: 30px;
    border-radius: 30px !important;
    box-shadow: none !important;
    float: left !important;
    color: #000 !important;
    height: calc(1.5em + 0.75rem + 20px);
    margin-right: 7px;
    padding: 9px 20px !important;
    position: relative;
    width: 98% !important;
    z-index: 1
}

.section-testimonials {
    background: url("../images/background/aliment-left2.webp") no-repeat;
    background-position: left center
}

@media only screen and (min-width: 75rem) {
    .section-testimonials__container {
        max-width: 71.25rem
    }
}

.section-testimonials__title h5 {
    color: #62c600;
    margin-bottom: 0.9375rem
}

@media only screen and (max-width: 61.9375rem) {
    .section-testimonials__title h5 {
        font-size: 0.875rem
    }
}

.section-testimonials__title h2 {
    font-size: 3.75rem;
    padding-bottom: 0;
    margin-bottom: 0px !important;
    position: relative
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-testimonials__title h2 {
        font-size: 3.25rem
    }
}

@media only screen and (max-width: 50.75rem) {
    .section-testimonials__title h2 {
        font-size: 2rem;
        letter-spacing: -1px
    }
}

.section-testimonials__testimonial {
    position: relative;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 1px 1.732px 20px 0px rgba(0, 0, 0, 0.08);
    padding: 35px;
    margin: 15px 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.section-testimonials__testimonial p {
    margin-bottom: 1.5625rem;
    color: #777
}

.section-testimonials__author {
    overflow: hidden;
    justify-self: flex-end
}

.section-testimonials__author img {
    float: left;
    max-width: 100%;
    width: auto !important
}

.section-testimonials__info {
    overflow: hidden;
    float: left;
    margin-left: 15px;
    padding-top: 15px
}

.section-testimonials__svg {
    position: absolute;
    bottom: 30px;
    right: 30px;
    width: auto !important
}

.section-testimonials__slider .owl-dots .owl-dot span {
    width: 0.5rem;
    height: 0.5rem;
    margin: 5px 7px;
    background: #c8e7a4;
    display: block;
    -webkit-backface-visibility: visible;
    transition: all .3s ease;
    border-radius: 30px
}

.section-testimonials__slider .owl-dots .owl-dot:hover span {
    background-color: #62c600
}

.section-testimonials__slider .owl-dots .owl-dot.active span,
.section-testimonials__slider .owl-theme .owl-dots .owl-dot:hover span {
    width: 0.5rem;
    height: 0.5rem;
    margin: 5px 7px;
    background: #62c600;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px
}

.section-testimonials__slider .owl-dots .owl-dot span:hover {
    background-color: #62c600
}

.section-testimonials__slider .owl-stage {
    display: flex
}

.section-testimonials__slider .owl-item {
    display: flex;
    flex: 1
}

.section-testimonials__slider .item {
    display: flex;
    flex: 1
}

.btn {
    border: none;
    display: inline-block;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 1;
    margin-bottom: 0;
    padding: 18px 45px;
    position: relative;
    text-align: center;
    text-transform: inherit;
    touch-action: manipulation;
    transition: all 0.3s ease 0s;
    -moz-user-select: none;
    vertical-align: middle;
    white-space: nowrap
}

.btn-primary,
.btn-primary:link,
.btn-primary:visited {
    background-color: #62c600;
    padding: 10px 20px;
    border-radius: 0 22px 0 22px;
    box-shadow: 2.5px 4.33px 15px 0 rgba(0, 0, 0, 0.15);
    color: #fff;
    border: none;
    touch-action: manipulation;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;
    transition: all 0.3s
}

.btn-primary:hover,
.btn-primary:active {
    border-radius: 22px 0 22px 0;
    background-color: #62c600
}

.btn-accent,
.btn-accent:link,
.btn-accent:visited {
    background-color: #d94d00;
    padding: 10px 20px;
    border-radius: 0 22px 0 22px;
    box-shadow: 2.5px 4.33px 15px 0 rgba(0, 0, 0, 0.15);
    color: #fff;
    border: none;
    touch-action: manipulation;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;
    transition: all 0.3s
}

.btn-accent:hover,
.btn-accent:active {
    border-radius: 22px 0 22px 0
}

.btn-secondary,
.btn-secondary:link,
.btn-secondary:visited {
    background: #d9ffaa;
    border: 2px solid #d9ffaa;
    border-radius: 0 22px 0 22px;
    text-transform: uppercase;
    box-shadow: 2.5px 4.33px 15px 0px rgba(0, 0, 0, 0.15);
    padding: 0.625rem 1.25rem;
    color: #006902 !important;
    font-weight: 700;
    font-size: 1.125rem
}

.btn-secondary:hover,
.btn-secondary:active {
    box-shadow: none;
    background-color: #fff;
    border: 2px solid #62c600;
    color: #62c600;
    border-radius: 22px 0 22px 0
}

.btn-hero {
    text-transform: uppercase;
    box-shadow: 2.5px 4.33px 15px 0px rgba(0, 0, 0, 0.15);
    transition: all 0.3s
}

.btn-hero:hover {
    box-shadow: none
}

#CTAbtn.CTA__btn {
    border-radius: 30px;
    box-shadow: 2.5px 4.33px 15px 0 rgba(0, 0, 0, 0.15);
    padding: 20px 30px;
    text-transform: uppercase;
    background: #010f2e;
    color: #fff;
    font-weight: 500
}

#CTAbtn.CTA__btn:link {
    color: #fff
}

#CTAbtn.CTA__btn:hover {
    font-weight: inherit;
    background: transparent;
    color: #010f2e;
    font-weight: 500
}

.widget_socials {
    padding: 1.5625rem;
    overflow: hidden;
    margin-bottom: 2.5rem;
    border: 2px solid #f5f5f5 !important
}

.widget_socials__title {
    font-size: 1.25rem;
    margin-bottom: 0;
    line-height: 1;
    text-align: left;
    font-weight: 700;
    margin-bottom: 1.875rem;
    border-left: 4px solid #62c600;
    padding-left: 0.9375rem
}

.widget_socials__icons a,
.widget_socials__icons a:link,
.widget_socials__icons a:visited {
    height: 40px;
    width: 40px !important;
    line-height: 40px;
    border-radius: 50%;
    display: inline-block;
    background: transparent;
    border: 1px solid #e4e4e4;
    color: #6e6e6e;
    margin: 0 3px;
    text-align: center !important;
    transition: all 0.3s
}

.widget_socials__icons a:hover {
    background: #62c600;
    color: #ffffff !important;
    border-color: #62c600;
    padding: 0 !important;
    box-shadow: 0px 0.625rem 1.1875rem 0px rgba(118, 194, 27, 0.4)
}

.widget_categories {
    padding: 1.5625rem;
    overflow: hidden;
    margin-bottom: 2.5rem;
    border: 2px solid #f5f5f5 !important
}

.widget_categories__title {
    font-size: 1.25rem;
    margin-bottom: 0;
    line-height: 1;
    text-align: left;
    font-weight: 700;
    margin-bottom: 1.875rem;
    border-left: 4px solid #62c600;
    padding-left: 0.9375rem
}

.widget_categories ul li {
    padding-bottom: 5px;
    border-bottom: 1px solid #e4e4e4;
    padding-top: 5px;
    float: left;
    width: 100%;
    color: #777
}

.widget_categories ul li:hover {
    color: #62c600
}

.widget_categories ul li a,
.widget_categories ul li a:link,
.widget_categories ul li a:visited {
    float: left;
    height: 1.875rem;
    color: #777;
    width: 85%;
    text-align: left;
    padding-left: 0;
    transition: all 0.3s ease-in-out
}

.widget_categories ul li a:hover {
    color: #76c21b;
    padding-left: 10px
}

.interactive-menu__item {
    transition: all 0.3s;
    transition: opacity 0.3s
}

.interactive-menu__item:hover>.interactive-menu__item-wrapper {
    box-shadow: 6px 7px 7px rgba(0, 0, 0, 0.32)
}

.interactive-menu__item:hover>.interactive-menu__item-wrapper::after {
    border: 1px solid #006902
}

.interactive-menu__item:hover>.interactive-menu__item-wrapper>.interactive-menu__icon-wrapper {
    background: linear-gradient(180deg, #006902, #62c600)
}

.interactive-menu__item:active>.interactive-menu__item-wrapper,
.interactive-menu__item:active>.interactive-menu__item-wrapper>.interactive-menu__icon-wrapper {
    box-shadow: none
}

.interactive-menu__submenu--item {
    transition: all 0.3s;
    transition: opacity 0.3s
}

.interactive-menu__submenu--item:hover>.interactive-menu__item-wrapper {
    box-shadow: 6px 7px 7px rgba(0, 0, 0, 0.32)
}

.interactive-menu__submenu--item:hover>.interactive-menu__item-wrapper::after {
    border: 1px solid #006902
}

.interactive-menu__submenu--item:hover>.interactive-menu__item-wrapper>.interactive-menu__icon-wrapper {
    background: linear-gradient(180deg, #006902, #62c600)
}

.interactive-menu__submenu--item:active>.interactive-menu__item-wrapper,
.interactive-menu__submenu--item:active>.interactive-menu__item-wrapper>.interactive-menu__icon-wrapper {
    box-shadow: none
}

.interactive-menu__btn {
    transition: all 0.3s
}

.interactive-menu__icon-wrapper {
    line-height: 0;
    border: none;
    font-size: 1.5625rem;
    border-bottom-left-radius: 1.1875rem;
    border-top-right-radius: 1.1875rem;
    color: #fff;
    font-weight: 700;
    background: #62c600;
    z-index: 2;
    transition: box-shadow 0.5s;
    margin-right: 0.625rem;
    width: 3.2rem;
    height: 3.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3.125rem
}

.interactive-menu__item-wrapper {
    padding-right: 2rem;
    border-left: none;
    font-size: 1.25rem;
    background: #d9ffaa;
    border-bottom-left-radius: 1.1875rem;
    margin-top: auto;
    border-top-right-radius: 24px;
    position: relative;
    z-index: 1;
    margin-left: -5px;
    display: flex;
    align-items: center;
    flex: 1;
    transition: box-shadow 0.5s
}

@media only screen and (max-width: 62rem) {
    .interactive-menu__item-wrapper {
        margin-left: 0
    }
}

.interactive-menu__item-wrapper::after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    border-bottom-left-radius: 1.1875rem;
    border-top-right-radius: 1.5rem
}

.interactive-menu__item-wrapper h5 {
    margin-bottom: 0;
    color: #006902;
    font-size: 1.125rem;
    flex: 1
}

@media only screen and (max-width: 81.25rem) {
    .interactive-menu__item-wrapper h5 {
        font-size: 0.9375rem
    }
}

@media only screen and (max-width: 75rem) {
    .interactive-menu__item-wrapper h5 {
        font-size: 0.8125rem
    }
}

@media only screen and (max-width: 62rem) {
    .interactive-menu__item-wrapper h5 {
        font-size: 0.9375rem
    }
}

.widget_recent-posts {
    padding: 25px;
    overflow: hidden;
    margin-bottom: 40px;
    border: 2px solid #f5f5f5 !important
}

.widget_recent-posts__title {
    font-size: 1.25rem;
    margin-bottom: 0;
    line-height: 1;
    text-align: left;
    font-weight: 700;
    margin-bottom: 1.875rem;
    border-left: 4px solid #62c600;
    padding-left: 0.9375rem
}

.widget_recent-posts ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.widget_recent-posts ul li {
    padding-bottom: 5px;
    border-bottom: 1px solid #e4e4e4;
    padding-top: 5px;
    float: left;
    color: #777;
    width: 100%
}

.widget_recent-posts ul li a,
.widget_recent-posts ul li a:link,
.widget_recent-posts ul li a:visited {
    color: #777;
    transition: all 0.3s ease-in-out;
    padding-left: 0
}

.widget_recent-posts ul li a:hover {
    color: #62c600;
    padding-left: 0.5rem
}

.privacy-box {
    height: 0px
}

.privacy-box__container {
    max-width: 75rem
}

.privacy-box__actions .showAll {
    cursor: pointer
}

.privacy-box .modal-content {
    background-color: #f4f4f4cf;
    position: fixed;
    bottom: 0;
    border-radius: 0
}

.privacy-box.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, -50px);
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0) !important;
    max-width: 100%;
    margin-bottom: 0;
    width: 100%;
    display: flex;
    margin-left: 0
}

@media only screen and (max-width: 75rem) {
    .privacy-box.fade .modal-dialog {
        width: 100%
    }
}

.privacy-box__header {
    border-bottom: none;
    background-color: #62c600;
    padding: 10px
}

.privacy-box__header p {
    margin-bottom: 0;
    font-weight: 700
}

.privacy-box__actions {
    color: #fff;
    display: flex;
    align-items: center;
    font-size: 20px;
    gap: 16px;
    padding-right: 4px;
    cursor: pointer
}

.privacy-box__actions .btn-close {
    padding: 0;
    display: flex;
    align-items: center
}

.privacy-box__body {
    padding: 0 1.25rem;
    padding: 9px 0;
    display: flex;
    align-items: center;
    flex-direction: column
}

@media only screen and (max-width: 53.125rem) {
    .privacy-box__body {
        padding-top: 30px;
        padding-right: 0.625rem;
        padding-left: 0.625rem
    }
}

.privacy-box__body h5 {
    font-size: 1.0313rem;
    font-weight: 700;
    text-align: center;
    color: rgba(1, 15, 46, 0.8)
}

.privacy-box__body p {
    text-align: center;
    color: #010f2eb6;
    font-weight: 500;
    font-size: 14px
}

.privacy-box__body--heading iconify-icon {
    right: 10px;
    font-size: 27px;
    color: #d94d00
}

@media only screen and (max-width: 53.125rem) {
    .privacy-box__body--heading iconify-icon {
        right: 10px;
        font-size: 23px;
        top: 6px;
        color: #d94d00
    }
}

.privacy-box__static-btn {
    position: fixed;
    left: 3.125rem;
    bottom: 4.8125rem;
    background-color: #62c600;
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 50%;
    border: none;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem;
    z-index: 2
}

@media only screen and (max-width: 62rem) {
    .privacy-box__static-btn {
        left: 1.125rem;
        bottom: 1.8125rem
    }
}

.privacy-box__option {
    position: relative;
    box-shadow: 0 0.1875rem 0.3125rem 0 rgba(0, 0, 0, 0.1);
    padding: 0.3125rem;
    border-radius: 3.125rem;
    padding-left: 2.225rem;
    cursor: pointer;
    transition: all 0.3s
}

.privacy-box__option span {
    padding: 0 10px;
    text-transform: uppercase;
    letter-spacing: 0.25px;
    font-weight: 700
}

.privacy-box__option:hover {
    box-shadow: none
}

.privacy-box__option::after {
    content: "";
    position: absolute;
    left: 4px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    border-radius: 50%
}

.privacy-box__option--reject::after {
    background-color: #d94d00
}

.privacy-box__option--accept-all::after {
    background-color: #006902
}

.privacy-box__option--accept-some::after {
    background-color: #d9ffaa
}

.privacy-box__option.active {
    background-color: #5e6a74;
    color: white;
    box-shadow: none
}

.privacy-box__closeBtn {
    cursor: pointer;
    font-size: 25px;
    color: #d94d00
}

.privacy-box__closeBtn--prefbox {
    top: 15px;
    right: 35px
}

@media only screen and (max-width: 36rem) {
    .privacy-box__closeBtn--prefbox {
        top: 6px;
        right: 12px
    }
}

.privacy-box__message {
    padding-top: 10px
}

.privacy-box__footer {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    padding-top: 0.625rem;
    padding-bottom: 0.9375rem
}

@media only screen and (max-width: 36rem) {
    .privacy-box__footer {
        flex-direction: column;
        gap: 10px;
        align-items: center;
        margin-bottom: 20px
    }
}

.privacy-box__saveBtn:link,
.privacy-box__saveBtn:visited {
    background-color: #010f2e;
    color: white;
    padding: 0.625rem 3.75rem;
    font-weight: 700;
    border-radius: 1.5625rem;
    position: relative;
    z-index: 5
}

@media only screen and (max-width: 36rem) {

    .privacy-box__saveBtn:link,
    .privacy-box__saveBtn:visited {
        padding: 0.625rem 2.75rem
    }
}

@media only screen and (max-width: 36rem) {
    .privacy-box__saveBtn {
        text-align: center
    }
}

.privacy-box__links {
    width: 100%;
    position: absolute;
    bottom: 50%;
    transform: translate(0, 50%)
}

@media only screen and (max-width: 36rem) {
    .privacy-box__links {
        position: unset
    }
}

.privacy-box__links a:link,
.privacy-box__links a:visited {
    border-bottom: 1px solid transparent;
    color: #212529;
    padding: 0
}

.privacy-box__links a:hover {
    padding-bottom: 0px;
    border-bottom: 1px solid #212529
}

.privacy-box__switch .form-check-input:checked {
    background-color: transparent !important
}

.privacy-box__switch .form-check-input {
    border: 1px solid hwb(221 0% 82%)
}

.privacy-box__switch .form-check-input:focus {
    box-shadow: none;
    --bs-form-switch-bg: none
}

.privacy-box__switch .form-check-input {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23010f2e'/%3e%3c/svg%3e") !important;
    width: 2em;
    margin-left: -2.5em;
    background-image: var(--bs-form-switch-bg);
    background-position: left center;
    border-radius: 2em;
    transition: background-position 0.15s ease-in-out;
    cursor: pointer
}

.privacy-box__switch .form-check-input:checked {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23010f2e'/%3e%3c/svg%3e") !important
}

.privacy-box__switch--consent {
    margin-bottom: 8px
}

.privacy-box__switch--consent p {
    font-size: 13px
}

.privacy-box__consent {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.privacy-box__consent .form-check {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 10px
}

.privacy-box__consent .form-check-label {
    font-weight: 700;
    transition: all 0.3s;
    font-size: 15px;
    line-height: 0;
    margin-top: 3px
}

.privacy-box__consent .form-check-input {
    border: 1px solid hwb(221 0% 82%)
}

.privacy-box__consent .form-check-input:focus {
    box-shadow: none;
    --bs-form-switch-bg: none
}

.privacy-box__consent .form-check-input {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white'/%3e%3c/svg%3e") !important;
    width: 2.3em;
    height: 1.3em;
    margin-left: -2.5em;
    background-image: var(--bs-form-switch-bg);
    background-position: left center;
    border-radius: 2em;
    transition: background-position 0.15s ease-in-out;
    cursor: pointer;
    background-color: #5e6a74;
    border: 1px solid #5e6a74
}

.privacy-box__consent .form-check-input~.form-check-label {
    color: #5e6a74
}

.privacy-box__consent .form-check-input:checked {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white'/%3e%3c/svg%3e") !important;
    background-color: #212529
}

.privacy-box__consent .form-check-input:checked~.form-check-label {
    color: #212529
}

.privacy-box__consent p {
    text-align: left;
    font-size: 13px
}

.privacy-box__consent iconify-icon {
    font-size: 24px
}

.privacy-box__consent li p {
    font-size: 13px
}

.privacy-box__consent--details .table>:not(caption)>*>* {
    background-color: rgba(255, 255, 255, 0)
}

.privacy-box__consent--details .table>tr:nth-child(even) {
    --bs-table-color-state: var(--bs-table-hover-color);
    --bs-table-bg-state: var(--bs-table-hover-bg);
    background-color: red
}

.privacy-box__consent--details .table-hover>tbody>tr:hover>* {
    --bs-table-color-state: var(--bs-table-hover-color);
    --bs-table-bg-state: var(--bs-table-hover-bg)
}

.privacy-box__prefrences {
    max-width: 100%
}

.privacy-box__prefrences.show {
    display: flex !important;
    justify-content: center
}

.privacy-box__prefrences .modal-dialog {
    max-width: 50%
}

@media only screen and (max-width: 62rem) {
    .privacy-box__prefrences .modal-dialog {
        max-width: 85%
    }
}

@media only screen and (max-width: 36rem) {
    .privacy-box__prefrences .modal-dialog {
        max-width: 95%
    }
}

.privacy-box__prefrences .modal-body {
    padding: 60px 0
}

@media only screen and (max-width: 36rem) {
    .privacy-box__prefrences .modal-body {
        padding: 35px 0
    }
}

.privacy-box__prefrences--inner {
    background: #e0e0e04d;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 40px;
    padding-bottom: 40px
}

@media only screen and (max-width: 36rem) {
    .privacy-box__prefrences--inner {
        background: #e0e0e04d;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 40px;
        padding-bottom: 40px
    }
}

.privacy-box__accordion .accordion-item {
    margin-bottom: 10px;
    margin-top: 10px;
    border-radius: 5px
}

.privacy-box__accordion .accordion-button {
    background: #e0e0e0;
    border-radius: 0.5rem !important;
    color: #010f2e;
    font-weight: 500;
    display: flex;
    gap: 4px;
    align-items: center
}

.privacy-box__accordion .accordion-button:not(.collapsed) {
    background-color: #d94d00 !important;
    color: white
}

.privacy-box__accordion .accordion-button:not(.collapsed) span {
    color: #fff
}

.privacy-box__accordion .accordion-button:not(.collapsed) .form-check-input:checked {
    background-color: #fff !important;
    border-color: #d94d00 !important
}

.privacy-box__accordion .accordion-button:not(.collapsed) .form-switch .form-check-input:checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='%23d94d00' d='M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10s10-4.47 10-10S17.53 2 12 2'/%3E%3C/svg%3E")
}

.privacy-box__accordion .accordion-button:not(.collapsed) .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='%23d94d00' d='M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10s10-4.47 10-10S17.53 2 12 2'/%3E%3C/svg%3E");
    border-color: transparent;
    outline: 0;
    box-shadow: none
}

.privacy-box__accordion .accordion-button .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='%23bfbfbf' d='M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10s10-4.47 10-10S17.53 2 12 2'/%3E%3C/svg%3E");
    border-color: transparent;
    outline: 0;
    box-shadow: none
}

.privacy-box__accordion .accordion-button .form-check-input:checked {
    background-color: #d94d00 !important;
    border-color: #d94d00 !important
}

.privacy-box__accordion .accordion-button.collapsed {
    border-radius: 0.5rem !important
}

.privacy-box__accordion .accordion-button::after {
    display: none
}

.privacy-box__accordion .accordion-button span {
    color: #d94d00
}

body.modal-open {
    padding-right: 0 !important
}

.widget_tags {
    padding: 25px;
    overflow: hidden;
    margin-bottom: 40px;
    border: 2px solid #f5f5f5 !important
}

.widget_tags__title {
    font-size: 1.25rem;
    margin-bottom: 0;
    line-height: 1;
    text-align: left;
    font-weight: 700;
    margin-bottom: 1.875rem;
    border-left: 4px solid #62c600;
    padding-left: 0.9375rem
}

.widget_tags__link:link,
.widget_tags__link:visited {
    font-size: 14px !important;
    border: 2px solid #f6f6f6;
    padding: 10px 19px !important;
    display: inline-block;
    margin: 5px 1px;
    text-transform: capitalize;
    float: none !important;
    width: auto !important;
    color: #777;
    transition: all .3s ease-in-out;
    font-weight: 500
}

.widget_tags__link:hover,
.widget_tags__visited {
    color: #62c600;
    border: 2px solid #62c600
}

.post-navigation {
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea
}

.post-navigation__next span,
.post-navigation__prev span {
    font-size: 0.75rem;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    letter-spacing: 2px;
    margin-bottom: 0.9375rem;
    color: #777
}

.post-navigation__next h4,
.post-navigation__prev h4 {
    font-size: 1.25rem;
    margin-bottom: 0;
    font-weight: bold;
    text-transform: capitalize;
    height: 1.875rem;
    overflow: hidden
}

.post-navigation__next h4 a,
.post-navigation__next a:link,
.post-navigation__next a:visited,
.post-navigation__prev h4 a,
.post-navigation__prev a:link,
.post-navigation__prev a:visited {
    color: #010f2e;
    transition: all 0.3s ease-in-out
}

.post-navigation__next h4 a,
.post-navigation__next h4 a:hover,
.post-navigation__prev h4 a,
.post-navigation__prev h4 a:hover {
    color: #62c600
}

@media only screen and (min-width: 48rem) {
    .post-navigation__next {
        text-align: right
    }
}

@media only screen and (max-width: 48rem) {
    .post-navigation__next {
        margin-top: 1.875rem
    }
}

@media only screen and (max-width: 48rem) {
    .post-navigation__prev {
        margin-bottom: 1.875rem
    }
}

.pagination {
    padding-left: 0;
    list-style: none
}

.pagination__item {
    display: inline-block;
    margin-right: 0.375rem;
    margin-left: 0;
    margin-bottom: 0.9375rem
}

.pagination__item a:link,
.pagination__item a:visited {
    border: none;
    height: 3.125rem;
    width: 3.125rem;
    display: block;
    line-height: 3.125rem;
    background: #62c600;
    border-radius: 50%;
    color: #fff;
    font-size: 0.875rem;
    text-align: center;
    transition: all 0.3s
}

@media only screen and (max-width: 36rem) {

    .pagination__item a:link,
    .pagination__item a:visited {
        border: none;
        height: 2.125rem;
        width: 2.125rem;
        line-height: 2.125rem;
        font-size: 0.775rem
    }
}

.pagination__item a:hover,
.pagination__item a:active {
    background: #62c600;
    color: #fff
}

.pagination__item.active a,
.pagination__item.active a:link,
.pagination__item.active a:visited {
    background: #252525;
    color: #fff;
    box-shadow: 0px 8px 16px 0px rgba(26, 35, 126, 0.32)
}

.pagination__item.active a,
.pagination__item.active a:hover,
.pagination__item.active a:active {
    background: #62c600;
    color: #fff
}

.widget_search {
    padding: 1.5625rem;
    overflow: hidden;
    margin-bottom: 2.5rem;
    border: 2px solid #f5f5f5 !important
}

.widget_search__title {
    font-size: 1.25rem;
    margin-bottom: 0;
    line-height: 1;
    text-align: left;
    font-weight: 700;
    margin-bottom: 1.875rem;
    border-left: 4px solid #62c600;
    padding-left: 0.9375rem
}

.widget_search__search-field {
    background: #f5f5f5;
    border: none;
    width: 100%;
    padding: 1.125rem 1.875rem;
    outline: none
}

.widget_search__search-field::placeholder {
    color: #888;
    font-size: 0.6875rem
}

@media only screen and (max-width: 62rem) {
    .widget_search__label {
        width: 100%
    }
}

.widget_search__submit {
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    background: #62c600;
    padding: 1.125rem 1.4375rem;
    color: #ffffff;
    font-size: 0.875rem;
    cursor: pointer;
    height: 96%;
    width: 6.625rem
}

.progress-outer {
    float: left;
    width: 100%
}

.progress-outer .progress {
    width: 150px;
    height: 150px;
    line-height: 150px;
    background: none;
    margin: 0 auto 0.625rem;
    box-shadow: none;
    position: relative
}

.progress-outer .progress-box .progress.green .progress-bar {
    border-color: #62c600
}

.progress-outer li {
    width: 45%;
    float: left;
    text-align: center;
    display: inherit;
    padding: 0 15px
}

.progress-outer li h4 {
    color: #010f2e;
    background-color: #fff;
    box-shadow: 0px 1px 3.6875rem 0px rgba(0, 0, 0, 0.11);
    font-size: 1.125rem;
    display: inline-block;
    padding: 0.625rem 1.875rem;
    border-radius: 1.875rem;
    margin-top: 0.625rem
}

.progress::after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 11px solid #cccccc;
    position: absolute;
    top: 0;
    left: 0
}

.progress .progress-left {
    left: 0
}

.progress .progress-left .progress-bar {
    left: 100%;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left;
    animation: loading-2 1.5s linear forwards 1.8s
}

.progress .progress-right {
    right: 0
}

.progress .progress-right .progress-bar {
    left: -100%;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right;
    animation: loading-1 1.8s linear forwards
}

.progress .progress-bar {
    width: 100%;
    height: 100%;
    background: none;
    border-width: 12px;
    border-style: solid;
    position: absolute;
    top: 0
}

.progress>span {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1
}

.progress .progress-value {
    width: 90%;
    height: 90%;
    border-radius: 50%;
    font-size: 42px;
    font-weight: 600;
    color: #010f2e;
    font-family: "Rubik", sans-serif;
    line-height: 135px;
    text-align: center;
    position: absolute;
    top: 5%;
    left: 5%;
    font-weight: 700
}

.side-box__inner {
    background-color: #2a2e48;
    padding: 2.1875rem 1.875rem 1.5625rem
}

.side-box__heading {
    display: block;
    font-size: 1.0625rem;
    line-height: 1.2em;
    color: #fff;
    font-weight: 600;
    margin-bottom: 0.9375rem
}

.side-box__text {
    font-size: 0.9375rem;
    line-height: 1.4375rem;
    color: #ffffff;
    margin-bottom: 1.25rem
}

.side-box__btn:link,
.side-box__btn:visited {
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding: 0.5rem 1.25rem;
    display: block;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0.625rem;
    background-color: #62c600;
    color: #fff;
    font-weight: 600
}

.section-youtube-cta {
    background-image: url("../images/background/cat-bg.webp");
    background-size: cover
}

@media only screen and (min-width: 1200px) {
    .section-youtube-cta__container {
        max-width: 71.25rem
    }
}

.section-youtube-cta__title h5 {
    color: #010f2e;
    font-size: 1.125rem;
    margin-bottom: 0.9375rem
}

.section-youtube-cta__title h2 {
    color: #fff;
    font-size: 3rem;
    padding-bottom: 0
}

@media only screen and (max-width: 62rem) {
    .section-youtube-cta__title h2 {
        font-size: 2.3rem
    }
}

@media only screen and (max-width: 35rem) {
    .section-youtube-cta__title h2 {
        font-size: 1.5rem
    }
}

@media only screen and (min-width: 48rem) {
    .section-youtube-cta__title p {
        width: 75%
    }
}

#youtubeCTA .section-youtube-cta__btn {
    border-radius: 30px;
    box-shadow: 2.5px 4.33px 15px 0 rgba(0, 0, 0, 0.15);
    padding: 20px 30px;
    text-transform: uppercase;
    background: #010f2e;
    color: #fff;
    font-weight: 500
}

#youtubeCTA .section-youtube-cta__btn:link {
    color: #fff
}

#youtubeCTA .section-youtube-cta__btn:hover {
    font-weight: inherit;
    background: transparent;
    color: #010f2e;
    font-weight: 500
}

.about-us__title h5 {
    color: #62c600;
    margin-bottom: 0.9375rem
}

@media only screen and (max-width: 61.9375rem) {
    .about-us__title h5 {
        font-size: 0.875rem
    }
}

.about-us__title h2 {
    font-size: 2.75rem;
    padding-bottom: 0;
    margin-bottom: 0px !important;
    position: relative
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-us__title h2 {
        font-size: 3.25rem
    }
}

@media only screen and (max-width: 50.75rem) {
    .about-us__title h2 {
        font-size: 2rem;
        letter-spacing: -1px
    }
}

@media only screen and (min-width: 75rem) {
    .contact-us__container {
        max-width: 71.25rem
    }
}

.contact-us__infos {
    padding: 2rem 1.25rem 1.25rem;
    float: left;
    background: url("../images/background/contact-us-bg.webp") no-repeat;
    background-size: cover
}

.contact-us__infos--info {
    padding-bottom: 0.625rem;
    border-bottom: 1px solid #777;
    display: flex;
    width: 100%;
    line-height: 1.75rem
}

.contact-us__infos--info h5 {
    color: #fff;
    font-size: 1.25rem;
    margin-bottom: 0.9375rem
}

.contact-us__infos--info p {
    color: #fff
}

.contact-us__infos--info p a,
.contact-us__infos--info p a:link,
.contact-us__infos--info p a:visited {
    color: #62c600
}

.contact-us__infos--info:last-child {
    border: 0
}

.contact-us__icon {
    float: left;
    margin-right: 30px
}

.contact-us__icon iconify-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80px;
    width: 80px;
    text-align: center;
    line-height: 78px;
    background: #76c21b;
    border-radius: 50%;
    color: #fff;
    font-size: 28px;
    margin-bottom: 30px;
    font-weight: 600
}

.contact-us__social-icon {
    list-style: none;
    line-height: 0
}

.contact-us__social-icon a:link,
.contact-us__social-icon a:visited {
    background-color: white;
    color: #010f2e;
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transition: all 0.3s
}

.contact-us__social-icon a:hover,
.contact-us__social-icon a:active {
    background-color: #62c600;
    color: white
}

.contact-us__privacy p {
    font-size: 0.75rem
}

.contact-us__captcha div {
    margin-left: auto
}

@media only screen and (max-width: 62rem) {
    .contact-us__captcha div {
        margin-left: 0;
        margin-top: 0.75rem
    }
}

@media only screen and (min-width: 75rem) {
    .service__container {
        max-width: 71.25rem
    }
}

@media only screen and (max-width: 992px) {
    .service__area {
        padding-top: 20px;
        padding-bottom: 40px
    }
}

.service__detail {
    position: relative;
    padding-left: 1.25rem
}

@media only screen and (max-width: 992px) {
    .service__detail {
        padding-left: 0
    }
}

.service__sidebar {
    position: sticky;
    top: 10px
}

.service__content {
    position: relative;
    padding: 0
}

.service__content h2 {
    position: relative;
    display: block;
    font-size: 2rem;
    line-height: 1.2em;
    color: #343a40;
    margin-bottom: 1.25rem
}

@media only screen and (max-width: 36rem) {
    .service__content h2 {
        font-size: 1.4rem;
        margin-bottom: 0.625rem
    }
}

.service__content video {
    width: 100%
}

.service__content p {
    position: relative;
    display: block;
    margin-bottom: 1.5625rem;
    color: #555f69
}

.service__content h3 {
    position: relative;
    display: block;
    font-size: 1.5rem;
    line-height: 1.2em;
    color: #343a40;
    margin-bottom: 0.5rem
}

.service__content h6 {
    color: #343a40;
    margin-bottom: 1.25rem;
    line-height: 1.2em;
    display: block;
    font-size: 1.125rem
}

.service__content .embed-link:link,
.service__content .embed-link:visited {
    font-weight: 700;
    display: inline-block
}

.service__content--list li {
    padding-left: 1.5625rem;
    color: #777
}

.service__content--list li::before {
    position: absolute;
    left: 0;
    top: 0.25rem;
    font-size: 0.875rem;
    line-height: 1.5625rem;
    color: #76c21b;
    color: #62c600;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18px' height='18px' viewBox='0 0 24 24'%3E%3Cpath fill='%2376c21b' d='M5.59 7.41L7 6l6 6l-6 6l-1.41-1.41L10.17 12zm6 0L13 6l6 6l-6 6l-1.41-1.41L16.17 12z'/%3E%3C/svg%3E");
    font-weight: 900
}

.service__image {
    position: relative;
    margin-bottom: 1.625rem
}

@media only screen and (max-width: 62rem) {
    .service__image {
        margin-bottom: 0.425rem
    }
}

.service__image .image img {
    display: inline-block;
    margin-bottom: 0.9375rem
}

@media only screen and (max-width: 62rem) {
    .service__image .image img {
        width: 100%
    }
}

@media only screen and (min-width: 75rem) {
    .section-blogs__container {
        max-width: 71.25rem
    }
}

.section-blogs__content {
    padding: 1.5rem 1.875rem;
    padding-bottom: 0;
    background: 0% 0% no-repeat padding-box;
    border: 2px solid #f3f3f3;
    position: relative
}

@media only screen and (max-width: 62rem) {
    .section-blogs__content {
        padding: 1rem 1.875rem;
        padding-bottom: 0;
        background: 0% 0% no-repeat padding-box;
        border: 2px solid #f3f3f3;
        position: relative
    }
}

@media only screen and (max-width: 36rem) {
    .section-blogs__content {
        padding: 2rem 20.3px;
        padding-bottom: 0;
        background: 0% 0% no-repeat padding-box;
        border: 2px solid #f3f3f3;
        position: relative
    }
}

.section-blogs__content h2 {
    line-height: 1.3;
    margin-bottom: 1.25rem;
    font-weight: 700;
    font-size: 1.875rem;
    color: #010f2e
}

@media only screen and (max-width: 62rem) {
    .section-blogs__content h2 {
        font-size: 1.375rem
    }
}

.section-blogs__content h2 a,
.section-blogs__content h2 a:link,
.section-blogs__content h2 a:visited {
    color: #010f2e;
    transition: all 0.3s ease-out 0s;
    display: inline
}

.section-blogs__content h2 a:hover,
.section-blogs__content h2 a:active {
    color: #62c600
}

.section-blogs__content p {
    margin-bottom: 1.5625rem;
    color: #777
}

.section-blogs__author {
    position: absolute;
    top: -2.1875rem;
    background: #fff;
    padding: 0.9375rem 1.5625rem;
    border-radius: 0.625rem;
    right: 1.25rem;
    border-radius: 1rem;
    background-color: #fff;
    box-shadow: 0px 1rem 2rem 0rem rgba(0, 0, 0, 0.04);
    font-weight: 500
}

.section-blogs__author iconify-icon {
    margin-right: 0.625rem;
    font-size: 1.125rem
}

.section-blogs__author a,
.section-blogs__author a:link,
.section-blogs__author a:visited {
    color: #010f2e;
    transition: all 0.3s ease-out 0s
}

.section-blogs__author a:hover {
    color: #62c600
}

.section-blogs__info ul {
    padding-top: 1.5625rem;
    border-top: 2px solid #f5f5f5;
    display: flex;
    gap: 1.5625rem
}

.section-blogs__info ul li {
    font-size: 0.875rem;
    font-weight: 500;
    padding-right: 15px;
    border-right: 2px solid #f5f5f5;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #777
}

.section-blogs__info ul li iconify-icon {
    color: rgba(98, 198, 0, 0.8);
    font-size: 0.875rem
}

.section-blogs__blog-card--slider .owl-stage-outer {
    position: relative
}

.section-blogs__blog-card--slider .owl-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 1rem
}

.section-blogs__blog-card--slider .owl-nav button.owl-prev,
.section-blogs__blog-card--slider .owl-nav button.owl-next {
    background: none;
    font-size: 2.25rem;
    color: rgba(255, 255, 255, 0.5)
}

.section-blogs__blog-card--slider.owl-theme .owl-nav [class*="owl-"]:hover {
    background: transparent;
    color: #fff
}

.apply-page__options-container {
    max-width: 46.875rem
}

.apply-page__options-container .contact-form__field input {
    border: 1px solid rgba(49, 99, 0, 0.3);
    color: #316300
}

.apply-page__options-container .contact-form__field input:focus {
    outline: 1px solid rgba(49, 99, 0, 0.7);
    border: none;
    box-shadow: none
}

.apply-page__nav-btn {
    color: white;
    border-radius: 50%;
    padding: 5px;
    line-height: 0;
    font-size: 25px
}

.apply-page__nav-btn__container {
    right: 20px;
    bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px
}

.apply-page__nav-btn--next:link,
.apply-page__nav-btn--next:visited {
    background-color: #62c600;
    color: #fff
}

.apply-page__nav-btn--prev:link,
.apply-page__nav-btn--prev:visited {
    background-color: #62c600;
    color: #fff
}

.apply-page__progressbar {
    height: 4px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #62c600;
    width: 0%;
    transition: all 1.3s
}

.apply-page__btn,
.apply-page__btn:link,
.apply-page__btn:visited {
    background-color: #62c600;
    padding: 10px 20px;
    border-radius: 0 22px 0 22px;
    box-shadow: 2.5px 4.33px 15px 0 rgba(0, 0, 0, 0.15);
    color: #fff;
    border: none;
    touch-action: manipulation;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;
    transition: all 0.3s
}

.apply-page__btn:hover {
    border-radius: 22px 0 22px 0;
    background-color: #316300;
    color: white;
    transform: translateY(-3px)
}

.apply-page__btn:active {
    transform: translateY(0px)
}

.just-validate-error-label div {
    padding: 5px;
    background-color: #f7e6e6;
    color: #af0404;
    margin-top: 7px;
    width: fit-content;
    border-radius: 5px;
    display: inline-block;
    transition: all 0.3s
}

.details__content--list {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding-left: 3.25rem
}

.details__content--list li {
    position: relative;
    list-style: none;
    font-size: 1rem;
    color: #555f69;
    font-weight: inherit
}

.details__content--list li::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1.05em' height='1.2em' viewBox='0 0 448 512'%3E%3Cpath fill='%2362c600' d='M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h306.7L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z'/%3E%3C/svg%3E");
    position: absolute;
    top: 3px;
    left: -22px;
    padding-right: 5px
}

.details__content--list ul {
    margin-top: 5px
}

.details__content--list ul li {
    position: relative
}

.details__content--list ul li::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='%2362c600' fill-rule='evenodd' d='M12 21a9 9 0 1 0 0-18a9 9 0 0 0 0 18M10.293 9.707a1 1 0 1 1 1.414-1.414l3 3a1 1 0 0 1 0 1.414l-3 3a1 1 0 0 1-1.414-1.414L12.586 12z' clip-rule='evenodd'/%3E%3C/svg%3E");
    position: absolute;
    top: 3px;
    padding-right: 5px
}

.details__content--p-with-icon {
    position: relative;
    padding-left: 28px
}

.details__content--p-with-icon.money-icon::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 36 36'%3E%3Cpath fill='%2362c600' d='M18 2a16 16 0 1 0 16 16A16 16 0 0 0 18 2m6.5 25.92H11.74a1.25 1.25 0 0 1-.22-2.48c.15 0 1.72-.49 1.72-3.54V19h-2.5a1 1 0 0 1 0-2h2.5v-5.12a5.85 5.85 0 0 1 5.72-6a5.63 5.63 0 0 1 4.21 1.94a1.25 1.25 0 1 1-1.87 1.69A3.08 3.08 0 0 0 19 8.42a3.35 3.35 0 0 0-3.22 3.46V17h3a1 1 0 0 1 0 2h-3v2.9a7.65 7.65 0 0 1-.78 3.52h9.5a1.25 1.25 0 0 1 0 2.5' class='clr-i-solid clr-i-solid-path-1'/%3E%3Cpath fill='none' d='M0 0h36v36H0z'/%3E%3C/svg%3E");
    left: 0;
    top: 3px;
    position: absolute
}

.details__content--p-with-icon.percentage-icon::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%2362c600' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9.854 9.854L9.5 9.5m5.004 5.004l-.354-.354m-4.65.35l5-5M9.713 3.64c.581-.495.872-.743 1.176-.888a2.577 2.577 0 0 1 2.222 0c.304.145.595.393 1.176.888c.599.51 1.207.768 2.007.831c.761.061 1.142.092 1.46.204c.734.26 1.312.837 1.571 1.572c.112.317.143.698.204 1.46c.063.8.32 1.407.83 2.006c.496.581.744.872.889 1.176c.336.703.336 1.52 0 2.222c-.145.304-.393.595-.888 1.176a3.306 3.306 0 0 0-.831 2.007c-.061.761-.092 1.142-.204 1.46a2.577 2.577 0 0 1-1.572 1.571c-.317.112-.698.143-1.46.204c-.8.063-1.407.32-2.006.83c-.581.496-.872.744-1.176.889a2.577 2.577 0 0 1-2.222 0c-.304-.145-.595-.393-1.176-.888a3.306 3.306 0 0 0-2.007-.831c-.761-.061-1.142-.092-1.46-.204a2.577 2.577 0 0 1-1.571-1.572c-.112-.317-.143-.698-.204-1.46a3.305 3.305 0 0 0-.83-2.006c-.496-.581-.744-.872-.89-1.176a2.577 2.577 0 0 1 .001-2.222c.145-.304.393-.595.888-1.176c.52-.611.769-1.223.831-2.007c.061-.761.092-1.142.204-1.46a2.577 2.577 0 0 1 1.572-1.571c.317-.112.698-.143 1.46-.204a3.305 3.305 0 0 0 2.006-.83'/%3E%3C/svg%3E");
    left: 0;
    top: 3px;
    position: absolute
}

.details__content-img {
    margin-bottom: 0 !important;
    margin-top: 0 !important
}

@media only screen and (min-width: 75rem) {
    .blog-details__container {
        max-width: 71.25rem
    }
}

.blog-details__content {
    color: #777
}

.blog-details__content h2 {
    font-size: 2rem;
    line-height: 1.3;
    margin-bottom: 1.25rem;
    padding-right: 0;
    font-weight: bold
}

@media only screen and (max-width: 48rem) {
    .blog-details__content h2 {
        font-size: 1.7rem
    }
}

.blog-details__content p {
    margin-bottom: 1.125rem;
    color: #555f69;
    font-size: 1.0625rem
}

.blog-details__content blockquote {
    background: #242d2e;
    border-radius: 0.625rem;
    padding: 3.125rem 2.8125rem 3.5625rem !important;
    position: relative;
    z-index: 5;
    text-align: center;
    margin-bottom: 1.5625rem;
    display: inline-block;
    width: 100%;
    font-size: 1.125rem;
    color: #fff
}

.blog-details__content blockquote span {
    color: #9dd53a;
    margin-bottom: 1.875rem;
    display: inline-block
}

.blog-details__content blockquote h3 {
    color: inherit
}

.blog-details__content figure img {
    float: left;
    max-width: 15.9375rem;
    margin-right: 1.875rem
}

@media only screen and (max-width: 48rem) {
    .blog-details__content figure img {
        float: unset;
        width: 100%;
        margin-right: 0;
        margin-bottom: 2.5rem;
        max-width: 100%
    }
}

.blog-details__content figure .steps--img {
    max-width: 100%
}

.blog-details__info ul {
    padding-top: 0.5625rem;
    border-top: 2px solid #f5f5f5;
    padding-bottom: 0
}

.blog-details__info ul li {
    font-size: 0.875rem;
    font-weight: 500;
    padding-right: 0.9375rem;
    border-right: 2px solid #f5f5f5;
    color: #777;
    display: flex;
    align-items: center;
    gap: 6px
}

.blog-details__info ul iconify-icon {
    color: rgba(98, 198, 0, 0.7)
}

.blog-details__post-tag h5 {
    font-size: 1.375rem;
    margin-bottom: 1.25rem;
    font-weight: 700;
    padding-top: 1.875rem;
    border-top: 2px solid #f5f5f5;
    margin-top: 1.5625rem
}

.blog-details__post-tag ul {
    gap: 0.625rem
}

.blog-details__post-tag ul li a,
.blog-details__post-tag ul li a:link,
.blog-details__post-tag ul li a:visited {
    font-size: 0.75rem;
    text-transform: uppercase;
    border: 2px solid #e5e5e5;
    padding: 0.4375rem 0.625rem;
    font-weight: bold;
    display: inline-block;
    border-radius: 3px;
    color: #9d9d9d;
    margin-bottom: 0.625rem;
    transition: all 0.3s ease-in-out
}

.blog-details__post-tag ul li a:hover {
    border-color: #62c600;
    background: #62c600;
    color: #fff
}

.blog-details__related-posts--title {
    margin-bottom: 2.1875rem
}

.blog-details__related-posts--title h4 {
    font-size: 1.625rem;
    margin-bottom: 0;
    font-weight: bold
}

.blog-details__related-posts--content {
    padding: 2.75rem;
    border: 2px solid #f4f3fb;
    border-top: none
}

.blog-details__related-posts--content h3 {
    font-size: 1.5rem;
    margin-bottom: 1.25rem;
    font-weight: bold;
    line-height: 1.4
}

.blog-details__related-posts--content h3 a,
.blog-details__related-posts--content h3 a:link,
.blog-details__related-posts--content h3 a:visited {
    color: #010f2e;
    transition: all 0.3s ease-in-out
}

.blog-details__related-posts--content h3 a:hover {
    color: #62c600
}

.blog-details__author {
    background: #f6f6f6;
    padding: 50px 80px;
    float: left;
    width: 100%
}

.blog-details__author--avatar {
    margin-top: -7.1875rem;
    margin-bottom: 2.1875rem
}

.blog-details__author--info h5 {
    font-size: 1.625rem;
    margin-bottom: 0.625rem;
    font-weight: bold
}

.blog-details__author--social {
    margin-bottom: 1.25rem
}

.blog-details__author--social a,
.blog-details__author--social a:link,
.blog-details__author--social a:visited {
    font-size: 0.75rem;
    color: #62c600;
    display: inline-block;
    margin: 0 5px
}

.blog-details__author--content p {
    font-size: 0.875rem;
    color: #777;
    margin-bottom: 0
}

.blog-details__text * {
    font-family: "Roboto", sans-serif !important
}

.blog-details__text a.btn.btn-primary.apply-btn:link,
.blog-details__text a.btn.btn-primary.apply-btn:visited {
    color: #fff !important
}

.blog-details__text h1,
.blog-details__text h2,
.blog-details__text h3,
.blog-details__text h4,
.blog-details__text h5,
.blog-details__text h6 {
    overflow-wrap: break-word !important;
    font-family: "Rubik", sans-serif !important;
    color: #010f2e !important;
    margin-top: 0px !important;
    font-style: normal !important;
    font-weight: 700 !important
}

.blog-details__text h3,
.blog-details__text .h3 {
    font-size: calc(1.3rem + 0.6vw) !important;
    color: #010f2e !important
}

.blog-details__text h3 span,
.blog-details__text .h3 span {
    font-size: calc(1.3rem + 0.6vw) !important;
    color: #010f2e !important
}

@media (min-width: 1200px) {

    .blog-details__text h3,
    .blog-details__text .h3 {
        font-size: 1.5rem !important;
        color: #010f2e !important
    }

    .blog-details__text h3 span,
    .blog-details__text .h3 span {
        font-size: inherit !important;
        color: inherit !important
    }
}

.blog-details__text video {
    max-width: 100%;
    width: 100%;
    margin-bottom: 0.625rem
}

.blog-details__text p img {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.blog-details__text img {
    max-width: 100%;
    height: auto;
    margin-top: 15px;
    margin-bottom: 15px
}

.blog-details__text h5 {
    font-size: 1.25rem !important;
    color: #010f2e !important
}

.blog-details__text h5 span {
    font-size: 1.25rem !important;
    color: inherit !important;
    color: #010f2e !important
}

.blog-details__text h6 {
    color: #010f2e !important;
    font-size: 1.1rem !important
}

.blog-details__text h6 span {
    font-size: 1.25rem !important;
    color: inherit !important;
    color: #010f2e !important
}

.blog-details__text p,
.blog-details__text span {
    margin-bottom: 1.125rem !important;
    color: #555f69 !important;
    font-size: 1.0625rem !important
}

.blog-details__text a,
.blog-details__text a:link,
.blog-details__text a:visited {
    color: #62c600 !important;
    font-weight: 700 !important;
    display: inline-block !important;
    position: relative !important;
    transition: all ease 0.5s !important
}

.blog-details__text a span,
.blog-details__text a:link span,
.blog-details__text a:visited span {
    color: inherit !important
}

.blog-details__text a strong,
.blog-details__text a:link strong,
.blog-details__text a:visited strong {
    font-weight: inherit !important
}

.blog-details__text a::before {
    content: "";
    position: absolute !important;
    bottom: 2px !important;
    right: 0 !important;
    width: 0 !important;
    height: 2px !important;
    background-color: #62c600 !important;
    transition: all ease 0.5s !important
}

.blog-details__text a:hover::before {
    width: 100% !important;
    right: auto !important;
    left: 0 !important
}

.blog-details__text ul {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    padding-left: 3.25rem !important
}

.blog-details__text ul li {
    position: relative !important;
    list-style: none !important;
    font-size: 1rem !important;
    color: #555f69 !important;
    font-weight: inherit !important
}

.blog-details__text ul li::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1.05em' height='1.2em' viewBox='0 0 448 512'%3E%3Cpath fill='%2362c600' d='M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h306.7L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z'/%3E%3C/svg%3E") !important;
    position: absolute !important;
    top: 3px !important;
    left: -22px !important;
    padding-right: 5px !important
}

.blog-details__text ul ul {
    margin-top: 5px !important
}

.blog-details__text ul ul li {
    position: relative !important
}

.blog-details__text ul ul li::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='%2362c600' fill-rule='evenodd' d='M12 21a9 9 0 1 0 0-18a9 9 0 0 0 0 18M10.293 9.707a1 1 0 1 1 1.414-1.414l3 3a1 1 0 0 1 0 1.414l-3 3a1 1 0 0 1-1.414-1.414L12.586 12z' clip-rule='evenodd'/%3E%3C/svg%3E") !important;
    position: absolute !important;
    top: 3px !important;
    padding-right: 5px !important
}

.blog-details__text .service__content--list {
    padding-left: 0 !important
}

.blog-details__text .service__content--list li {
    padding-left: 1.5625rem !important;
    color: #777 !important
}

.blog-details__text .service__content--list li::before {
    position: absolute !important;
    left: 0 !important;
    top: 0.25rem !important;
    font-size: 0.875rem !important;
    line-height: 1.5625rem !important;
    color: #76c21b !important;
    color: #62c600 !important;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18px' height='18px' viewBox='0 0 24 24'%3E%3Cpath fill='%2376c21b' d='M5.59 7.41L7 6l6 6l-6 6l-1.41-1.41L10.17 12zm6 0L13 6l6 6l-6 6l-1.41-1.41L16.17 12z'/%3E%3C/svg%3E") !important;
    font-weight: 900 !important
}

.blog-details__text iframe {
    width: 100% !important;
    max-height: 400px !important
}

@media only screen and (max-width: 36rem) {
    .blog-details__text iframe {
        height: 15.125rem !important
    }
}

@media only screen and (max-width: 62rem) {
    .blog-details__inner {
        padding-bottom: 30px
    }
}

.privacy-policy__content p {
    margin-bottom: 0.9625rem;
    line-height: 1.9
}

.privacy-policy__content-table .accordion-body>ul:first-child>li {
    font-size: 14px;
    border-bottom: 1px solid #f5f5f5 !important
}

.privacy-policy__content-table ul li {
    border-bottom: none !important
}

.privacy-policy__content-table ul li a {
    font-size: 14px;
    color: #777777
}

.privacy-policy__content-table .accordion-body ul li {
    font-size: 14px
}

.section-team-details {
    padding: 3.25rem 0
}

.section-team-details__container {
    background: #f1fae8;
    padding: 3.125rem 3.125rem 2.5rem 3.125rem;
    border-radius: 10px
}

@media only screen and (max-width: 36rem) {
    .section-team-details__container {
        padding: 3.125rem 1.5rem 2.5rem 1.5rem
    }
}

.section-team-details__member {
    position: relative
}

@media only screen and (max-width: 62rem) {
    .section-team-details__member {
        margin-bottom: 15px
    }
}

.section-team-details__image-box {
    padding: 40px 40px 0;
    background-color: white;
    border-radius: 15px;
    height: 21.25rem
}

@media only screen and (max-width: 112.5rem) {
    .section-team-details__image-box {
        height: 27.5rem
    }
}

@media only screen and (max-width: 87.5rem) {
    .section-team-details__image-box {
        padding: 30px 30px 0;
        background-color: white;
        border-radius: 15px;
        height: 23.125rem
    }
}

@media only screen and (max-width: 75rem) {
    .section-team-details__image-box {
        width: 100%;
        height: 28.5rem
    }
}

@media only screen and (max-width: 450px) {
    .section-team-details__image-box {
        width: 100%;
        height: 22.375rem
    }
}

.section-team-details__img {
    max-width: 100%;
    transition: all 0.3s ease-out 0s;
    border-radius: 10px
}

@media only screen and (max-width: 62rem) {
    .section-team-details__img {
        width: 100%;
        object-fit: cover;
        height: 80%
    }
}

.section-team-details__social {
    background: #f1fae8;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    padding: 5px 40px;
    display: flex;
    gap: 4px;
    align-items: center;
    margin-bottom: 0;
    justify-content: center;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

@media only screen and (max-width: 112.5rem) {
    .section-team-details__social {
        width: 80%
    }
}

@media only screen and (max-width: 87.5rem) {
    .section-team-details__social {
        background: #f1fae8;
        border-top-right-radius: 8px;
        border-top-left-radius: 8px;
        padding: 5px 10px;
        display: flex;
        gap: 4px;
        align-items: center;
        margin-bottom: 0;
        justify-content: center;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%)
    }
}

@media only screen and (max-width: 62rem) {
    .section-team-details__social {
        width: 86.6%
    }
}

@media only screen and (max-width: 28.125rem) {
    .section-team-details__social {
        width: 80%
    }
}

.section-team-details__social li {
    color: #006902;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.section-team-details__social li a:link,
.section-team-details__social li a:visited {
    color: inherit;
    padding: 10px;
    background-color: white;
    font-size: 18px;
    border-radius: 50%;
    transition: all 0.3s;
    display: flex;
    justify-content: center;
    align-items: center
}

@media only screen and (max-width: 62rem) {

    .section-team-details__social li a:link,
    .section-team-details__social li a:visited {
        color: inherit;
        padding: 14px;
        background-color: white;
        font-size: 24px;
        border-radius: 50%;
        transition: all 0.3s;
        display: flex;
        justify-content: center;
        align-items: center
    }
}

.section-team-details__social li a:hover,
.section-team-details__social li a:active {
    background-color: #006902;
    color: #fff
}

.section-team-details span {
    margin-top: 10px;
    margin-bottom: 0px;
    color: #62c600;
    font-weight: bold;
    font-size: 12px;
    display: inline-block;
    text-transform: uppercase;
    padding-left: 2px
}

.section-team-details__desc {
    color: rgba(1, 15, 46, 0.85);
    line-height: 1.8
}

.section-team-details__slider .owl-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2px
}

.section-team-details__slider .owl-nav button.owl-prev,
.section-team-details__slider .owl-nav button.owl-next {
    padding: 15px !important;
    border-radius: 50%;
    font-size: 22px;
    color: #006902 !important;
    border: 1px solid #006902 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s
}

.section-team-details__slider .owl-nav button.owl-prev.disabled,
.section-team-details__slider .owl-nav button.owl-next.disabled {
    background-color: transparent !important;
    color: rgba(0, 105, 2, 0.7) !important
}

.section-team-details__slider .owl-nav [class*="owl-"]:hover {
    background-color: #006902 !important;
    color: #fff !important
}

.legal__content p {
    margin-bottom: 0.9625rem;
    line-height: 1.9
}

@media only screen and (max-width: 36rem) {
    .legal__content h3 {
        font-size: 1.2rem
    }
}

@media only screen and (max-width: 36rem) {
    .legal__content h5 {
        font-size: 1rem
    }
}

.legal__content-table .accordion-body>ul:first-child>li {
    font-size: 14px;
    border-bottom: 1px solid #f5f5f5 !important
}

.legal__content-table ul li {
    border-bottom: none !important
}

.legal__content-table ul li a {
    font-size: 14px;
    color: #777777
}

.legal__content-table .accordion-body ul li {
    font-size: 14px
}

.thankyou-page {
    padding: 8.25rem 0
}

.thankyou-page iconify-icon {
    font-size: 4rem;
    color: #62c600;
}