/* Custom Font and Google Font  */
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@font-face {
    font-family: "Proxima Nova";
    src: url("../font/ProximaNovaRegular.ttf") format("truetype");
}
@font-face {
    font-family: "Proxima Nova SemiBold";
    src: url("../font/ProximaNovaSemibold.ttf") format("truetype");
}
@font-face {
    font-family: "Proxima Nova Bold";
    src: url("../font/ProximaNovaExtrabold.ttf") format("truetype");
}

/* ========== Root Css Here  */
:root {
    /* === Color  */
    --neutral-black-100: #2c403a;
    --neutral-black-80: #3e5951;
    --Primary-Light-green: #a2e6cf;
    --white-100: #ffffff;
    --white-80: #e6e6e6;
    --button-text-color: #2d5511;
    --para-text-color: #51645f;
    /* === Font Family  */
    --font-primary: "Proxima Nova", Arial, sans-serif;
    --font-primary-semibold: "Proxima Nova SemiBold", Arial, sans-serif;
    --font-primary-bold: "Proxima Nova Bold", Arial, sans-serif;
    --font-secondary: "Poppins", sans-serif;
    /* === Font Size  */
    --heading-h1-size: 68px;
    --heading-h1-2-size: 56px;
    --heading-h2-size: 48px;
    --heading-h3-size: 32px;
    --heading-h5-size: 24px;
    --Paragraph-1-subtitle: 22px;
    --button-size: 16px;
    --Paragraph-1: 16px;
    --size-18: 18px;
    --size-14: 14px;
    --size-11: 11px;
}

/* ========== Common Css Here  */
a {
    text-decoration: none;
    transition: all 0.3s linear;
}
html,
body {
    overflow-x: hidden !important;
}
/* ===== Animation Base ===== */
.animate {
    opacity: 0;
    transition: all 0.9s ease;
    /* will-change: transform, opacity; */
}

.animate.show {
    opacity: 1;
    transform: none;
}

/* ===== Directions ===== */
.left_to_right {
    transform: translateX(-80px);
}

.right_to_left {
    transform: translateX(80px);
}

.zoom_in_fade {
    transform: scale(0.8);
}

/* ========== Navbar Area Css  */
.navbar {
    background-color: #edeaf1;
    height: 96px;
}
.navbar-brand img {
    width: 87px;
}
.lang-select {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    padding: 8px 12px;
    background: transparent;
    border-radius: 6px;
}

.lang-select select {
    border: none;
    background: transparent;
    outline: none;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;

    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.lang-icon {
    font-size: 16px;
}

/* ========== Hero/Banner Area Css  */
#hero_area {
    padding-top: 129px;
    position: relative;
    padding-bottom: 104px;
    background-color: #f8f8f8;
}
#hero_area .hero_content h1 {
    font-family: var(--font-primary-bold);
    font-size: var(--heading-h1-size);
    line-height: 110.01%;
    letter-spacing: 0%;
    color: var(--neutral-black-100);
}
#hero_area .hero_content p {
    font-family: var(--font-primary);
    font-size: var(--Paragraph-1-subtitle);
    line-height: 30px;
    letter-spacing: 0%;
    color: var(--neutral-black-80);
    margin-top: 8px;
    margin-bottom: 39px;
}
#hero_area .hero_content a.hero_button_one {
    font-family: var(--font-secondary);
    font-size: var(--button-size);
    line-height: 22px;
    font-weight: 700;
    letter-spacing: 0%;
    color: var(--white-100);
    box-shadow: 0px 1px 2px 0px #4e6a36;
    background: linear-gradient(85.08deg, #4a5d23 -6.49%, #61aa96 100%);
    box-shadow: 0px 8px 16px -4px #4d673280;
    border-radius: 67px;
    padding: 18px 32px;
    transition: all 0.3s linear;
}
#hero_area .hero_content a.hero_button_two {
    font-family: var(--font-secondary);
    font-size: var(--button-size);
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0%;
    color: var(--button-text-color);
    background: #cedebe;
    border-radius: 67px;
    padding: 18px 32px;
    transition: all 0.3s linear;
}
#hero_area .hero_content a.hero_button_one:hover {
    color: #2d5511;
    background: var(--white-100);
}
#hero_area .hero_content a.hero_button_two:hover {
    color: #2d5511;
    background: var(--white-100);
    box-shadow: 0px 8px 16px -4px #4d673280;
}
.app_download_button {
    margin-top: 48px;
    margin-bottom: 116px;
}
.app_download_button a img {
    height: 60px;
    margin-right: 24px;
}
.hero_bg {
    text-align: center;
}
.hero_bg img {
    width: 90%;
    margin: 0 auto;
}
.hero_extra_button {
    font-family: var(--font-primary);
    font-weight: 600;
    font-size: var(--size-18);
    line-height: 24px;
    letter-spacing: 0%;
    color: var(--neutral-black-80);
    border: 1px solid #d7e8e3;
    box-shadow: 0px 12px 28px -8px #3b56021f;
    border-radius: 12px;
    padding: 16px 62px 15px 23px;
    margin-right: 24px;
    position: relative;
    z-index: 999;
    background-color: var(--white-100);
}
.hero_extra_button:hover {
    background-color: #cedebe;
    color: var(--button-text-color);
}
.hero_extra_button img {
    margin-right: 11px;
}
.hero_mobile_img {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 110%;
    z-index: 9;
}
.hero_mobile_img_mobile {
    display: none;
}

/* ========== gallery Area Css  */
#gallery_area {
    padding-top: 92px;
}
#gallery_area .section_title h2 {
    font-family: var(--font-primary-bold);
    font-size: var(--heading-h2-size);
    line-height: 110.01%;
    letter-spacing: 0%;
    text-align: center;
    max-width: 50%;
    margin: 0 auto;
    color: var(--neutral-black-100);
    margin-bottom: 12px;
}
#gallery_area .section_title p {
    font-family: var(--font-primary);
    font-weight: 400;
    font-size: var(--Paragraph-1);
    line-height: 24px;
    letter-spacing: 0%;
    text-align: center;
    color: var(--para-text-color);
    max-width: 45%;
    margin: 0 auto;
    margin-bottom: 39px;
}
.galler_area_div {
    background-image: url(../img/bg_map.svg);
    height: 728px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
}
.gallery_card {
    border: 1px solid #c4c7c6;
    box-shadow: 0px 8px 16px 0px #56672580;
    background-color: var(--white-100);
    padding: 17px;
    border-radius: 8px;
    width: 134px;
}
.gallery_card img {
    height: 100px;
    width: 100px;
    border-radius: 100px;
    object-fit: cover;
}
.gallery_card h5 {
    font-family: var(--font-primary-semibold);
    font-size: var(--size-14);
    line-height: 120%;
    letter-spacing: 0%;
    text-align: center;
    color: #1e351b;
    margin-top: 6px;
}
.gallery_card p {
    font-family: var(--font-secondary);
    font-size: var(--size-11);
    line-height: 120%;
    letter-spacing: 0%;
    text-align: center;
    color: #e7c445;
    margin-bottom: 0px;
}
.galler_big_card img {
    width: 100% !important;
    border-radius: 4px;
}
.galler_card_one {
    position: absolute;
    top: 185px;
    left: 130px;
    z-index: 3;
}
.galler_card_two {
    position: absolute;
    top: 23px;
    left: 380px;
    z-index: 3;
}
.galler_card_three {
    position: absolute;
    top: 74px;
    right: 276px;
    z-index: 3;
}
.galler_card_four {
    position: absolute;
    bottom: 123px;
    left: 337px;
    z-index: 3;
}
.galler_card_five {
    position: absolute;
    top: 255px;
    right: 87px;
    z-index: 3;
}
.galler_big_card {
    width: 245px;
    position: absolute;
    top: 35%;
    left: 40%;
    transform: translate(-50%, -50%) rotate(-24deg);
    z-index: 3;
    rotate: -22deg;
    width: 190px !important;
}

.galler_shape img {
    width: 350px;
    height: 350px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.4;
    z-index: 2;
}

/* ========== Connent With Us Section Start  */
#connect_with_us {
    background-color: #f8f8f8;
    padding-top: 93px;
    padding-bottom: 100px;
}
#connect_with_us h2 {
    font-family: var(--font-primary-bold);
    font-size: var(--heading-h2-size);
    line-height: 110.01%;
    letter-spacing: 0%;
    color: var(--neutral-black-100);
    margin-bottom: 12px;
}
#connect_with_us p {
    font-family: var(--font-primary);
    font-size: var(--Paragraph-1);
    line-height: 24px;
    letter-spacing: 0%;
    color: var(--para-text-color);
}
#connect_with_us ul {
    list-style-type: none;
    padding-left: 0;
}
#connect_with_us ul li {
    margin-bottom: 24px;
    display: flex;
}
#connect_with_us ul li p {
    font-family: var(--font-primary-semibold);
    font-size: var(--Paragraph-1);
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    color: var(--para-text-color);
    margin-bottom: 0px;
    align-self: center;
}
#connect_with_us ul li img {
    margin-right: 16px;
    width: 40px;
    height: 40px;
}
#connect_with_us .connect_img {
    width: 95%;
}

/* ========== Your Reward Section Css  */
#your_reward_area {
    background-image: url(../img/reward_bg.webp);
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding-top: 92px;
    padding-bottom: 103px;
}
.reward_overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #455f40;
    opacity: 0.8;
    z-index: 1;
}
.your_reward_title {
    position: relative;
    z-index: 9;
}
.your_reward_title h2 {
    font-family: var(--font-primary-bold);
    font-size: var(--heading-h2-size);
    line-height: 110.01%;
    letter-spacing: 0%;
    color: var(--white-100);
    margin-bottom: 37px;
}
.your_reward_title p {
    font-family: var(--font-primary);
    font-weight: 400;
    font-size: var(--Paragraph-1-subtitle);
    line-height: 30px;
    letter-spacing: 0%;
    color: var(--white-80);
    max-width: 90%;
    margin-bottom: 47px;
}
.timeline-wrapper {
    position: relative;
    z-index: 9;
}
/* Center vertical line */
.timeline-line {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 2px;
    background: #999999;
    transform: translateX(-50%);
}

/* Green dots */
.timeline-dot {
    width: 24px !important;
    height: 24px !important;
    background: #04b743;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    padding: 0;
    border: 8px solid #29603c;
}

.timeline-item {
    position: relative;
    margin-bottom: 47px;
}

.step-number {
    width: 40px;
    height: 40px;
    background: var(--Primary-Light-green);
    color: var(--neutral-black-100);
    border-radius: 50%;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    font-family: var(--font-primary-bold);
    font-size: var(--Paragraph-1);
    line-height: 24px;
    letter-spacing: 0%;
    text-align: center;
}

.timeline-title {
    font-family: var(--font-primary-bold);
    font-size: var(--heading-h5-size);
    line-height: 31.99px;
    letter-spacing: 0%;
    color: var(--white-100);
    margin-bottom: 8px;
}

.timeline-text {
    font-family: var(--font-secondary);
    font-weight: 400;
    font-size: var(--Paragraph-1);
    line-height: 150%;
    color: var(--white-80);
    margin-bottom: 0px;
}

.timeline-img img {
    width: auto;
    border-radius: 16px;
    height: 135px;
    object-fit: cover;
}

/* Left & Right alignment */
.left-content {
    text-align: left;
    padding-right: 60px;
}
.left_content_img {
    margin-left: 60px;
}

.right-content {
    text-align: left;
    padding-left: 60px;
}

/* Mobile responsive */
@media (max-width: 991px) {
    .timeline-line {
        left: 10px;
    }

    .timeline-dot {
        left: 10px;
        transform: none;
    }

    .left-content,
    .right-content {
        padding: 0 0 0 40px;
    }
}
.reward_left_content {
    position: relative;
    z-index: 9;
}
.reward_card_one {
    /* background-image: url(../img/reward-card_bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; */
    padding: 35px 24px 40px 34px;
    border-radius: 16px;
    position: relative;
    background-color: #0000004d;
}
.reward_card_content {
    position: relative;
    z-index: 9;
}
.card_img_bg_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.5;
}
.reward_card_one h5 {
    font-family: var(--font-primary-semibold);
    font-size: var(--heading-h5-size);
    line-height: 120%;
    letter-spacing: 0%;
    color: var(--white-100);
    margin-bottom: 2px;
    opacity: 1 !important;
}
.reward_card_one ul {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
}
.reward_card_one ul li {
    display: flex;
    margin-top: 12px;
}
.reward_card_one ul li .list_dot {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background-color: #6b827b;
    align-self: center;
}
.reward_card_one ul li p {
    font-family: var(--font-primary-semibold);
    font-size: var(--Paragraph-1);
    line-height: 24px;
    letter-spacing: 0%;
    color: var(--white-100);
    align-self: center;
    margin-bottom: 0px;
    margin-left: 7px;
}
.reward_card_two {
    background-color: #0000004d;
    border-radius: 16px;
    padding: 35px 39px 30px 39px;
    margin-top: 32px;
}
.reward_card_two h5 {
    font-family: var(--font-primary-bold);
    font-size: var(--heading-h5-size);
    line-height: 120%;
    letter-spacing: 0%;
    color: var(--white-100);
    margin-bottom: 2px;
}
.reward_card_two ul {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
}
.reward_card_two ul li {
    display: flex;
    margin-top: 12px;
    align-items: center;
}
.reward_card_two ul li .reward_color_bot {
    width: 12px !important;
    height: 12px;
    border-radius: 100%;
    align-self: center;
    margin-right: 7px;
    /* 🔑 FLEX FIX */
    flex-shrink: 0;
    min-width: 12px;
    min-height: 12px;
}
.reward_card_two ul li p {
    font-family: var(--font-primary);
    font-weight: 400;
    font-size: var(--Paragraph-1);
    line-height: 24px;
    letter-spacing: 0%;
    color: var(--white-100);
    margin-bottom: 0px;
    align-self: center;
}
.reward_card_two ul li span {
    font-family: var(--font-primary-bold);
    font-size: var(--Paragraph-1);
    line-height: 24px;
    letter-spacing: 0%;
    color: var(--white-100);
    align-self: center;
    width: 98px;
    flex-shrink: 0;
    min-width: 98px;
}
.my_reward_first {
    margin-top: 140px;
    margin-bottom: 40px;
    position: relative;
}
.my_reward_first img {
    width: 349px;
    margin: 0 auto;
}
.my_reward_first p {
    font-family: var(--font-primary-bold);
    font-size: var(--heading-h5-size);
    line-height: 120%;
    letter-spacing: 0%;
    color: var(--neutral-black-100);
    box-shadow: 0px 2px 4px 0px #52632436;
    background-color: #efe0f0;
    border: 1px solid;
    border-image-source: linear-gradient(
        247.92deg,
        rgba(134, 143, 45, 0.2) -0.78%,
        rgba(77, 95, 36, 0.2) 99.33%
    );
    display: inline;
    padding: 22px;
    position: absolute;
    bottom: 0;
    left: 68%;
    transform: translateX(-50%);
    display: block ruby;
    border-radius: 84px;
}
.patha_img {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
}

/* ========== Plan Area Css  */
#plan_section {
    padding-top: 42px;
    padding-bottom: 100px;
    background-color: #f8f8f8;
}
#plan_section .section_title h2 {
    font-family: var(--font-primary-bold);
    font-size: var(--heading-h2-size);
    line-height: 110.01%;
    letter-spacing: 0%;
    text-align: center;
    margin: 0 auto;
    color: var(--neutral-black-100);
    margin-bottom: 12px;
}
#plan_section .section_title p {
    font-family: var(--font-primary);
    font-weight: 400;
    font-size: var(--Paragraph-1);
    line-height: 24px;
    letter-spacing: 0%;
    text-align: center;
    color: var(--para-text-color);
    margin: 0 auto;
    margin-bottom: 39px;
}
.plan_card {
    background-color: #ecf6de;
    border: 1px solid;
    border-image-source: linear-gradient(
        247.92deg,
        rgba(134, 143, 45, 0.2) -0.78%,
        rgba(77, 95, 36, 0.2) 99.33%
    );
    border-radius: 16px;
    padding: 30px 30px 24px 30px;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.plan_card .plan_f_img {
    width: 48px;
    align-self: center;
    margin-right: 14px;
}
.plan_card h4 {
    font-family: var(--font-primary-semibold);
    font-size: var(--heading-h5-size);
    line-height: 120%;
    letter-spacing: 0%;
    vertical-align: middle;
    color: var(--neutral-black-100);
    align-self: center;
    margin-bottom: 0;
}
.plan_card p.prize {
    font-family: var(--font-primary-bold);
    font-size: var(--heading-h3-size);
    line-height: 36px;
    letter-spacing: 0%;
    vertical-align: middle;
    font-variant: var(--neutral-black-100);
    margin-top: 18px;
    margin-bottom: 25px;
}
.plan_card p.prize span {
    font-family: var(--font-primary);
    font-size: var(--heading-h5-size);
    line-height: 120%;
    letter-spacing: 0%;
    vertical-align: middle;
    font-variant: var(--neutral-black-80);
}
.plan_card ul {
    list-style-type: none;
    padding-left: 0px;
    margin-bottom: 20px;
}
.plan_card ul li {
    display: flex;
    gap: 12px;
    margin-bottom: 16px;
}
.plan_card ul li img {
    width: 24px;
    height: 24px;
    align-self: center;
}
.plan_card ul li p {
    align-self: center;
    font-family: var(--font-primary-semibold);
    font-size: var(--Paragraph-1);
    line-height: 24px;
    letter-spacing: 0%;
    color: var(--neutral-black-80);
    margin-bottom: 0;
}
.plan_card a {
    display: block;
    text-align: center;
    background: linear-gradient(85.08deg, #4a5d23 -6.49%, #61aa96 100%);
    padding: 18px 0;
    box-shadow: 0px 1px 2px 0px #6e8b5ac7;
    border-radius: 67px;
    font-family: var(--font-secondary);
    font-weight: 700;
    font-size: var(--Paragraph-1);
    line-height: 22px;
    letter-spacing: 0%;
    color: var(--white-100);
    margin-top: auto;
}
.plan_card a:hover {
    background: linear-gradient(85.08deg, #ffffff -6.49%, #ffffff 100%);
    color: var(--neutral-black-100);
}
.plus_plan_card {
    background: linear-gradient(85.08deg, #4a5d23 -6.49%, #61aa96 100%);
    box-shadow: 0px 8px 16px -4px #4d673280;
    color: var(--white-100);
}
.plus_plan_card h4 {
    color: var(--white-100);
}
.plus_plan_card ul li p {
    align-self: center;
    font-family: var(--font-primary-semibold);
    font-size: var(--Paragraph-1);
    line-height: 24px;
    letter-spacing: 0%;
    color: var(--white-100);
    margin-bottom: 0;
}
.plus_plan_card a {
    display: block;
    text-align: center;
    background: linear-gradient(85.08deg, #ffffff -6.49%, #ffffff 100%);
    padding: 18px 0;
    box-shadow: 0px 1px 2px 0px #6e8b5ac7;
    border-radius: 67px;
    font-family: var(--font-secondary);
    font-weight: 700;
    font-size: var(--Paragraph-1);
    line-height: 22px;
    letter-spacing: 0%;
    color: #2d5511;
}
.plus_plan_card a:hover {
    background: linear-gradient(85.08deg, #4a5d23 -6.49%, #61aa96 100%);
    color: var(--white-100);
}
.plan_card h6 {
    font-family: var(--font-primary-semibold);
    font-size: var(--Paragraph-1);
    line-height: 120%;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #2d5511;
    border-radius: 32px;
    background-color: var(--white-100);
    padding: 7px 16px 5px 15px;
    margin-bottom: 0px;
    align-self: center;
}

/* ============= App Download Section Css  */
#app_download {
    padding-top: 100px;
    padding-bottom: 100px;
}
.app_download_bg {
    position: relative;
    padding: 50px 99px;
    border-radius: 16px;
    background: linear-gradient(185.56deg, #394601 0%, #2d2b05 147.02%);
    backdrop-filter: blur(4px);
    z-index: 9;
}
.bownload_over_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    opacity: 0.4;
    z-index: 1;
}
.app_down_content {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
}
.app_down_content h2 {
    font-family: var(--font-primary-bold);
    font-size: var(--heading-h1-2-size);
    line-height: 110.01%;
    letter-spacing: 0%;
    color: var(--white-100);
}
.app_down_content p {
    font-family: var(--font-primary);
    font-size: var(--Paragraph-1-subtitle);
    line-height: 28px;
    letter-spacing: 0%;
    color: var(--white-100);
    margin-bottom: 40px;
}
.app_down_content span {
    font-family: var(--font-primary-bold);
    font-size: var(--size-14);
    line-height: 28px;
    letter-spacing: 0%;
    color: var(--white-100);
    margin-bottom: 40px;
}
.mobile_screen {
    position: relative;
    z-index: 9;
}
.mobile_screen img {
    width: 100%;
}

/* ========= Subscribe Area Css  */
#subscribe_area {
    padding-top: 90px;
    padding-bottom: 100px;
    background-image: url(../img/subscribe.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.subscribe_input {
    width: 100%;
    position: relative;
}
.subscribe_input input {
    width: 100%;
    border: 1px solid;
    border-image-source: linear-gradient(
        62.54deg,
        #45c266 1.27%,
        #9bbc46 69.59%
    );
    box-shadow: 0px -12px 24.6px 0px #4d5d1617 inset;
    background-color: #ffffff;
    border-radius: 98px;
    padding: 25px 8px 26px 25px;
    font-family: var(--font-primary);
    font-size: var(--size-18);
    line-height: 24px;
    letter-spacing: 0%;
    color: #6c7875;
}
input:focus,
input:active,
input:focus-visible,
textarea:focus,
textarea:active,
textarea:focus-visible,
select:focus,
select:active,
select:focus-visible {
    outline: none;
    box-shadow: none;
    border-color: transparent;
}
.subscribe_input button {
    background: linear-gradient(85.08deg, #4a5d23 -6.49%, #61aa96 100%);
    box-shadow: 0px 8px 16px -4px #4d673280;
    padding: 18px 35px 19px 35px;
    border-radius: 64px;
    font-family: var(--font-secondary);
    font-weight: 700;
    font-size: var(--Paragraph-1);
    line-height: 22px;
    letter-spacing: 0%;
    color: var(--white-100);
    border: none;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
}
.subscribe_content h2 {
    font-family: var(--font-primary-bold);
    font-size: var(--heading-h1-2-size);
    line-height: 110.001%;
    letter-spacing: 0%;
    text-align: center;
    color: var(--white-100);
    margin-bottom: 11px;
}
.subscribe_content p {
    font-family: var(--font-primary);
    font-size: var(--Paragraph-1-subtitle);
    line-height: 30px;
    letter-spacing: 0%;
    text-align: center;
    color: #f3f7ec;
    margin-bottom: 21px;
}

/* ========= Footer Area Css  */
#footer_area {
    background-color: #f8f8f8;
    padding-top: 83px;
    padding-bottom: 98px;
}
.footer_content p {
    font-family: var(--font-primary-bold);
    font-size: var(--heading-h5-size);
    line-height: 120%;
    letter-spacing: 0%;
    text-align: center;
    color: var(--neutral-black-80);
    margin-top: 19px;
    margin-bottom: 34px;
}
.footer_content ul {
    list-style-type: none;
    padding-left: 0px;
    margin-bottom: 0px;
    display: flex;
    justify-content: center;
    gap: 16px;
    margin-bottom: 41px;
}
.footer_content ul li a {
    font-family: var(--font-primary-bold);
    font-size: var(--Paragraph-1);
    line-height: 24px;
    letter-spacing: 0%;
    color: var(--neutral-black-80);
}
.footer_content ul li a:hover {
    color: var(--Primary-Light-green);
}
p.copyright {
    font-family: var(--font-primary);
    font-size: var(--Paragraph-1);
    line-height: 24px;
    letter-spacing: 0%;
    color: #666666;
}