body {
    font-family: "Inter", sans-serif;
}

p {
    font-family: "Inter", sans-serif;
}

.faq-content .accordion-button {
    font-family: "Inter", sans-serif;

}

.section-heading {
    margin-bottom: 24px;
}

.section-heading h2 span img {
    width: 50% !important;
}

.ptb-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.ptb-40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.ptb-60 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.faq-content .accordion-item {
    background-color: #eefff7 !important;
    border: 1px solid rgba(210, 250, 206, 0.49) !important;
}

.bg-color-fffaeb {
    background-color: #f7fffb;
}

.ptb-80 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.ptb-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.pricing-card .pricing-card-body {
    padding-left: 20px;
    padding-right: 20px;
}

.faq-content .accordion-button {
    font-size: 16px;
    padding: 12px 24px 12px 24px;
}

.search-modal .modal-body .popup-form .form-control {
    height: 46px !important;
    margin-bottom: 10px !important;
}

.service-area .faq-content .accordion-item .accordion-body {
    padding: 40px 30px 40px 40px;
}

.service-area .faq-content .accordion-item .accordion-body .info {
    max-width: max-content;
}

.search-modal .modal-body {
    padding: 30px 30px;
}

.tcul-pill {
    padding: 6px 16px;
    border-radius: 50px;
    width: fit-content !important;
    background-color: #ecfdf5 !important;
    border: 1px solid rgb(54 187 42 / 49%) !important
}

.tcul-pill-ylw {
    padding: 6px 16px;
    border-radius: 50px;
    width: 100% !important;
    background-color: #fff4d7 !important;
    border: 1px solid rgb(249 136 0 / 49%) !important
}

.gradient_bg1 {
    background: linear-gradient(45deg, #0C661A 0%, #38BF2B 100%);
}
.gradient_bg2 {
    color: #ffffff !important;
    background: linear-gradient(45deg, #be7b17 0%, #ffd96f 100%);
}

.text_gradient1 {
    background-clip: text;
    color: transparent;
    background: linear-gradient(45deg, #0C661A 0%, #38BF2B 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /* For better cross-browser support */
}

.page-banner-area {
    padding-top: 200px;
    padding-bottom: 80px;
}

.text_dark {
    color: #082720 !important;
}

.text_green {
    color: #1f8d21 !important;
}

.about-content .check li {
    padding: 10px 56px;
}

.gradient_btn {
    background: linear-gradient(45deg, #0C661A 0%, #38BF2B 100%);
    color: #fff;
    padding: 14px 30px 14px;
    font-size: 14px !important;
}

.default-btn {
    font-size: 16px !important;
    padding: 13px 30px 16px;
}

.section-title .sub-title.two {
    font-size: 14px;
}

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

.footer-weight .social li a {
    background-color: #ffffff00;
    color: #ffffff;
}

.footer-weight .social li a i {
    font-size: 24px;
}

.tcul_default {
    color: #ffffff !important;
    background: #0c3a30 !important;
}

.tcul_white_btn {
    font-size: 16px !important;
    border: 1px solid rgba(12, 58, 48, 0.2) !important;
    box-shadow: 0px 4px 4px 0px rgba(8, 39, 32, 0.02) !important;
    color: #082720 !important;
    background-color: #f4fffd !important;
    padding: 13px 30px 13px !important;
}

.tcul_white_btn:hover {
    color: #ffffff !important;
    /* background-color: #0c3a30 !important; */
    background: linear-gradient(45deg, #0C661A 0%, #38BF2B 100%) !important;
}

.default-btn:hover {
    color: #ffffff;
    background: #0c3a30 !important;
}

.pricing-card:hover .default-btn.two,
.pricing-card.active .default-btn.two {
    background-color: #0c3a30 !important;
}

.gradient_btn:hover {
    color: #ffffff;
    background: #0c3a30 !important;
}

.pricing-card .title {
    margin-bottom: 20px;
    padding: 30px 24px 18px;
}

.pricing-card-body {
    padding-bottom: 30px !important;
}

.red_li {
    color: #720000 !important;
    background-color: #ffebeb !important;
}

.green_li {
    color: #36bb2a !important;
    background-color: #ecfdf5 !important;
}

.mobile-navbar .offcanvas-body ul.mobile-menu .mobile-menu-list a:after {
    display: none !important;
}
.faq-content .accordion-button::before {
    right: 10px;
}
/* Width */
.mw-95 {
    max-width: 95% !important;
}

.mw-98 {
    max-width: 98% !important;
}

/* Font weight */
.fw-regular {
    font-weight: 400 !important;
}

.fw-medium {
    font-weight: 500 !important;
}

.fw-semibold {
    font-weight: 600 !important;
}

.fw-bold {
    font-weight: 700 !important;
}

.fw-bolder {
    font-weight: 800 !important;
}

.fs_14 {
    font-size: 14px !important;
}

.fs_16 {
    font-size: 16px !important;
}

.fs_18 {
    font-size: 18px !important;
}

.fs_20 {
    font-size: 20px !important;
}

.fs_22 {
    font-size: 22px !important;
}

.fs_24 {
    font-size: 24px !important;
}

.fs_26 {
    font-size: 26px !important;
}

.fs_34 {
    font-size: 34px !important;
}

.fs_40 {
    font-size: 40px !important;
}

.navbar {
    padding-top: 10px;
    padding-bottom: 10px;
}

#trial-img {
    height: 485px;
}

.d_lg_none {
    display: none !important;
}

.d_lg_block {
    display: block !important;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .faq-content .accordion-item .accordion-body {
        padding: 0 30px 16px 30px;
    }

    .main-banner-content h1 {
        font-size: 64px;
    }

    .about-content .title h2 {
        font-size: 40px;
    }

    .section-title h2 {
        font-size: 40px;
    }

    .section-heading h2 {
        font-size: 40px;
    }

    .faq-content .accordion-item {
        margin-bottom: 20px;
    }
}

/* Mobile Media Query */
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .quote-card p {
        font-size: 18px !important;
    }
    .faq-content .accordion-button::before {
        right: 4px;
    }
    .banner-card .flex-warp i {
        line-height: 48px;
    }
}

@media only screen and (max-width: 767px) {
    .d_sm_none {
        display: none !important;
    }
    .w_sm_95{
        width: 95% !important;
    }
    .d_sm_block {
        display: block !important;
    }
    .check-summary {
        padding: 30px 16px;
    }
    .main-banner-content h1 {
        font-size: 36px !important;
    }

    #arrow {
        width: 20% !important;
        position: absolute !important;
        right: 0px !important;
        left: auto !important;
        bottom: 130px !important;
        transform: rotate(150deg);
    }

    p {
        font-size: 16px;
    }

    .pricing-card .check li {
        font-size: 16px;
    }

    .px_sm_0 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .testimonials-card {
        padding: 25px 20px 25px 20px !important;
    }

    .flex_sm_column {
        flex-direction: column !important;
        gap: 20px !important;
    }

    .testimonial-image {
        height: 400px !important;
    }

    #trial-img {
        height: auto !important;
    }

    .page-banner-area {
        padding-top: 250px !important;
        padding-bottom: 50px !important;
    }
    .text_center{
        text-align: center !important;
    }
    .pricing-card .check li i{
        position: relative;
        width: 18px !important;
        height: 18px !important;
        padding: 4px !important;
    }
}

.checkout-area .checkout-form .form-control {
    margin-bottom: 10px !important;
}