#header {
    /*background-color: transparent;*/
    color: #000;
    position: absolute;
}

.navbar a, .navbar a:focus {
    padding: 10px 20px 10px 10px;
}

#header .logo {
    padding-right: 40px;
}

.navbar a, .navbar a:focus {
    color: #fff !important;
}

.navbar .getstarted, .navbar .getstarted:focus {
    padding: 8px 20px;
    margin-left: 30px;
    border-radius: 50px;
    color: #fff !important;
    font-size: 14px;
    border: 2px solid #ffffff;
    font-weight: 400;
    background: transparent;
}

.letter_green {
    color: #008c54;
}

.custom_box {
    border-radius: 20px;
    border: 2px solid #008c54;
}

#hero .container {
    padding-top: 0px;
}

#hero {
    width: 100%;
    height: auto;
    background-image: url(/FrontEndAssets/Image/home.png);
    padding-top: 8rem;
    background-color: transparent !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.green_para {
    font-family: 'Poppins';
    height: 74px;
    font-weight: 400;
    font-size: 30px;
    line-height: 35.85px;
    color: #008B50;
}

#hero h2 {
    font-weight: 500;
    font-size: 60px;
    line-height: 71.7px;
    font-family: 'Poppins';
    color: #121212;
    margin-bottom: 18px;
}

.joinus_btn {
    padding: 8px 20px;
    margin-left: 30px;
    border-radius: 50px;
    color: #fff !important;
    font-size: 14px;
    border: 2px solid #008B50;
    font-weight: 400;
    background: #008B50;
}

    .joinus_btn:hover {
        background: #008B50;
        color: #fff;
        border: 1px solid #008B50;
    }
/*.joinus_btn {
    width: 189px;
    height: 60px;
    font-family: 'Poppins';
    border-radius: 40px;
    background: #008B50;
    color: #fff;
    border: 1px solid #008B50;
}*/
.watch_link {
    font-family: 'Poppins';
    text-decoration: underline;
    font-weight: 500;
    font-size: 20px;
    line-height: 60px;
    color: #313539;
}

#header.header-scrolled, #header.header-inner-pages {
    background: #ffffffeb !important;
}

.bold_letter {
    font-weight: 700;
    font-size: 36px;
    line-height: 45.54px;
    color: #313539;
    margin-top: 10px;
    margin-bottom: 30px;
    /* padding-left:60px;*/
}

.down_image {
    margin-top: 100px;
}

.faq .faq-list1 {
    padding: 0 0px;
}

    .faq .faq-list1 li {
        padding: 10px 10px;
        background: #f6f5f8 !important;
        border-radius: 4px;
        position: relative;
    }

.heading_new {
    font-weight: 700;
    font-size: 25px;
    line-height: 40px;
    color: #313539;
    margin-top: 10px;
}

.bold_para {
    color: #313539;
    line-height: 27.5px;
    font-weight: 500;
    font-family: 'Poppins';
    font-size: 15.97px
}

.main_width {
    max-width: 600px;
    margin: auto;
}

.step_head {
    font-family: 'Inter';
    font-weight: 700;
    font-size: 22px;
    line-height: 32.36px;
    color: #313539;
}

.step_head3 {
    font-family: 'Inter';
    font-weight: 700;
    font-size: 22px;
    line-height: 32.36px;
    color: #313539;
    padding-left: 25px;
}
/*.step_head {
    font-family: 'Inter';
    font-weight: 700;
    font-size: 30px;
    line-height: 42.36px;
    color: #313539;
}*/
.step_para {
    font-family: 'Inter';
    font-weight: 500;
    font-size: 12.97px;
    line-height: 17.45px;
    color: #313539;
}

.step_para3 {
    font-family: 'Inter';
    font-weight: 500;
    font-size: 12.97px;
    line-height: 17.45px;
    color: #313539;
    padding-left: 25px;
}
/*.step_para {
    font-family: 'Inter';
    font-weight: 500;
    font-size: 13.97px;
    line-height: 19.45px;
    color: #313539;
}*/

.display_graph {
    position: relative;
}

.div_left {
    position: absolute;
    width: 50%;
    height: auto;
    left: auto;
    right: auto;
    background: transparent;
    margin: 0px;
    opacity: 1;
}

.div_right {
    position: absolute;
    padding-top: 250px;
    padding-bottom: unset;
    width: 50%;
    height: auto;
    right: auto;
    left: 45%;
    z-index: 3;
    background: transparent;
    margin: 0px;
    opacity: 1;
}

.div_left1 {
    position: absolute;
    padding-top: 500px;
    width: 40%;
    height: auto;
    left: auto;
    right: auto;
    z-index: 3;
    background: transparent;
    margin: 0px;
    opacity: 1;
}

.div_left2 {
    position: absolute;
    width: 400px;
    height: 230px;
    left: auto;
    right: 3%;
    z-index: 3;
    background: transparent;
    margin: 0px;
    opacity: 1;
}

.div_right2 {
    position: absolute;
    padding-top: 550px;
    padding-bottom: 250px;
    width: 40%;
    height: 250px;
    right: auto;
    left: 55%;
    z-index: 3;
    background: transparent;
    margin: 0px;
    opacity: 1;
}

.div_right3 {
    position: absolute;
    padding-top: 250px;
    padding-bottom: 0px;
    width: 50%;
    height: auto;
    right: auto;
    left: 35%;
    z-index: 3;
    background: transparent;
    margin: 0px;
    opacity: 1;
}

/**/
.vision_mission_img {
    width: auto;
    height: 80px;
}

.section_heading {
    text-align: center;
    padding-bottom: 30px;
}

.letter_heading_first {
    font-family: 'Poppins';
    font-weight: 600;
    font-size: 50px;
    line-height: 80px;
    text-align: center;
    color: #232323;
    margin-bottom: 0px;
}

.letter_span {
    font-family: 'Poppins';
    font-weight: 500;
    font-size: 17px;
    line-height: 25px;
    text-align: center;
}

.innovo_style {
    font-family: 'Poppins';
    font-weight: 700;
    /* font-size: 45px;*/
    font-size: 28px;
    line-height: 63px;
    color: #2F3231;
}

.innovo_para {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 25px;
    line-height: 40px;
    color: #7C8380;
}

.img_image {
    width: 350px;
    height: 350px;
}

.btn_touch {
    background: #008B50;
    color: #fff;
    border: 1px solid #008B50;
    border-radius: 25px;
    font-family: 'Poppins';
    font-weight: 500;
    width: 150px;
    height: auto;
}

    .btn_touch:hover {
        background: #008B50;
        color: #fff;
        border: 1px solid #008B50;
    }
/*.btn_touch {
    background: #008B50;
    color: #fff;
    border: 1px solid #008B50;
    border-radius: 25px;
    font-family: 'Poppins';
    font-weight: 500;
    width: 170px;
    height: 50px;
}*/
.section-bg {
    background-color: #F6F5F8;
}

.faq .faq-list a {
    display: block;
    position: relative;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    padding: 0 30px;
    padding-left: 0px;
    outline: none;
    cursor: pointer;
}

.according_color {
    color: #232323;
}

.faq .faq-list a.collapsed {
    color: #232323;
    transition: 0.3s;
}

a:hover {
    color: #008B50;
    text-decoration: none;
}

.faq .faq-list a.collapsed:hover {
    color: #008B50;
}

a {
    color: #232323;
    text-decoration: none;
}

.faq_color {
    font-family: 'Poppins';
    font-weight: 600;
    font-size: 40px;
    line-height: 80px;
    color: #232323;
}

.faq .faq-list li + li {
    margin-top: 15px;
    border-radius: 20px;
}

#footer .footer-newsletter {
    padding: 50px 0;
    background: #008B50;
    text-align: center;
    font-size: 15px;
    color: #FFFFFF;
}

    #footer .footer-newsletter form input[type=submit] {
        position: absolute;
        top: 5px;
        right: 5px;
        bottom: 5px;
        border: 0;
        background: none;
        font-size: 15px;
        padding: 1px 15px;
        background: #008B50;
        color: #fff;
        transition: 0.3s;
        border-radius: 50px;
        box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
    }

    #footer .footer-newsletter h4 {
        font-size: 25px;
        margin: 0 0 20px 0;
        padding: 0;
        line-height: 35px;
        font-weight: 600;
        color: #ffffff;
        text-align: justify;
    }

#footer .footer-top .footer-links ul li:first-child {
    padding-top: 25px;
}

#footer .footer-top .footer-links ul li {
    padding: 10px 0;
    display: flex;
    align-items: center;
    /*justify-content: center;*/
}

#footer .footer-top .footer-links ul i {
    padding-right: 2px;
    /*color: #232323;*/
    color: #fff;
    font-size: 18px;
    line-height: 1;
}

#footer .footer-top .footer-contact h3 {
    font-size: 25px;
    margin: 0 0 10px 0;
    font-family: 'Poppins';
    padding: 2px 0 2px 0;
    line-height: 35px;
    text-transform: uppercase;
    font-weight: 600;
    /*color: #232323;*/
    color: #fff;
}

#footer .footer-top {
    padding: 10px 0 10px 0 !important;
    background: #000;
    color: #fff;
}
    /*#footer .footer-top {
    padding: 10px 0 10px 0 !important;
    background: #fff;
}*/

    #footer .footer-top .footer-links ul a {
        /*color: #232323;*/
        color: #fff;
        transition: 0.3s;
        display: inline-block;
        line-height: 1;
        font-weight: 500;
        font-family: 'Poppins';
        font-size: 15px;
    }

.back-to-top {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    right: 15px;
    bottom: 15px;
    z-index: 996;
    background: #008B50;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    transition: all 0.4s;
}

    .back-to-top:hover {
        background: #008B50;
        color: #fff;
    }

.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a {
    color: #fff !important;
}

.navbar .getstarted:hover, .navbar .getstarted:focus:hover {
    color: #fff;
    background: transparent;
}

#footer .footer-top .footer-links ul a:hover {
    text-decoration: none;
    color: #008B50;
}

.mobile-nav-toggle {
    color: #008B50 !important;
}

.image_center {
    text-align: end;
}

.image_left {
    text-align: start;
}

.space_margin {
    margin-top: 3rem;
}

.faq .faq-list li {
    border-radius: 20px;
}

.margin_top {
    margin-top: 3rem;
}

/*Mobile Responsive*/

@media (max-width: 768px) {
    .bold_para {
        font-size: 16.97px;
    }

    .green_para {
        font-family: 'Poppins';
        height: 55px;
        font-weight: 400;
        font-size: 25px;
        line-height: 30px;
        color: #008B50;
        text-align: justify;
    }

    #footer .footer-top .footer-links ul li {
        padding: 0px 0;
        display: flex;
        align-items: center;
        justify-content: start;
    }

        #footer .footer-top .footer-links ul li:first-child {
            padding-top: 10px;
        }

    #footer .footer-top .footer-links {
        margin-bottom: 20px;
    }

    .navbar li {
        position: relative;
        text-align: -webkit-center;
    }

    .navbar a, .navbar a:focus {
        display: flex;
        align-items: center;
        padding: 10px 10px 10px 10px;
        font-size: 15px;
        font-weight: 500;
        color: #fff;
        white-space: nowrap;
        transition: 0.3s;
        justify-content: space-around;
    }

    .bi-x::before {
        content: "\f62a";
        color: #fff;
    }

    #hero h2 {
        font-weight: 500;
        font-size: 45px;
        line-height: 55px;
        font-family: 'Poppins';
        color: #121212;
        margin-bottom: 18px;
        text-align: justify;
    }

    .mobile_flex {
        display: flex;
        flex-direction: column-reverse;
    }

    .image_center {
        text-align: center;
    }

    .image_left {
        text-align: center;
    }

    .innovo_style {
        font-family: 'Poppins';
        font-weight: 700;
        font-size: 35px;
        line-height: unset;
        color: #2F3231;
    }

    .innovo_para {
        font-family: 'Poppins';
        font-weight: 400;
        font-size: 20px;
        line-height: unset;
        color: #7C8380;
        text-align: justify;
    }

    .space_margin {
        margin-top: 1.5rem;
    }

    .faq_color {
        font-family: 'Poppins';
        font-weight: 600;
        font-size: 28px;
        line-height: unset;
        color: #232323;
        text-align: center;
    }

    #footer .footer-newsletter h4 {
        font-size: 25px;
        margin: 0 0 0px 0;
        padding: 0;
        line-height: unset;
        font-weight: 600;
        color: #ffffff;
        text-align: center;
    }

    .margin_bottom {
        margin-bottom: 20px;
    }

    section {
        padding: 30px 0;
    }
    .mobile_height {
        height: 70vh;
    }

    #header {
        transition: all 0.5s;
        z-index: 997;
        padding: 10px 0;
    }

    .Mobile_version {
        height: 70vh;
    }

    .margin_top {
        margin-top: 4rem;
    }

    .letter_heading_first {
        font-size: 40px;
    }

    .down_image {
        margin-top: 0;
    }

    .bold_letter {
        font-weight: 700;
        font-size: 36px;
        line-height: 45.54px;
        color: #313539;
        margin-top: 10px;
        padding-left: 0;
    }
}

/* Talk to us page */

.letter_heading_TotoUS {
    font-family: 'Poppins';
    font-weight: 600;
    font-size: 35px;
    line-height: 80px;
    text-align: center;
    color: #232323;
    margin-bottom: 0px;
}

.input_control_text {
    background-color: #F2F2F2;
    line-height: 2;
    border-radius: 10px;
}

.input_agree {
    font-size: 14px;
    font-family: 'Poppins';
    font-weight: 500;
    line-height: 21px;
    color: #232323;
}

.btn_submit {
    background: #008B50;
    color: #fff;
    width: 100%;
    border: 1px solid #008B50;
    border-radius: 25px;
    font-family: 'Poppins';
    font-weight: 500;
    height: 50px;
}

/* Sign up page */

.signup_forget {
    font-size: 14px;
    font-weight: 500;
    text-decoration: underline;
    line-height: 21px;
}

@media(max-width:798px) {
    .letter_heading_TotoUS {
        font-family: 'Poppins';
        font-weight: 600;
        font-size: 32px;
        line-height: 80px;
        text-align: center;
        color: #232323;
        margin-bottom: 0px;
    }

    .space_mobile {
        margin-bottom: 2rem;
    }

    .img_image {
        width: 250px;
        height: auto;
    }

    .image_center {
        text-align: left;
    }

    .image_left {
        text-align: left;
    }

    #header .logo {
        padding-right: unset !important;
    }
}

/* Contact us */

.send_btn {
    padding: 8px 20px;
    width: 150px;
    margin-left: 30px;
    border-radius: 50px;
    color: #fff !important;
    font-size: 14px;
    border: 2px solid #008B50;
    font-weight: 400;
    background: #008B50;
}

.white_h {
    font-family: Cairo;
    font-size: 90.9px;
    font-weight: 700;
    line-height: 109.08px;
    letter-spacing: 0.02em;
    color: #ffffff !important;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.white_btn {
    padding: 8px 20px;
    margin-left: 30px;
    border-radius: 50px;
    color: #fff !important;
    font-size: 14px;
    border: 2px solid #ffffff;
    font-weight: 400;
    background: transparent;
}

    .white_btn:hover {
        color: #fff !important;
        border: 2px solid #ffffff;
        background: transparent;
    }

.middle_part {
    font-family: Inter;
    font-size: 22px;
    font-weight: 200;
    line-height: 40px;
    letter-spacing: 0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #fff;
}

.two_second {
    background-color: #009254;
}

.second_stage {
    font-family: Inter;
    font-size: 60px;
    font-weight: 600;
    line-height: 84px;
    letter-spacing: 0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #ffffff;
}

.second_stage_p {
    font-family: Inter;
    font-size: 20px;
    font-weight: 400;
    line-height: 35.2px;
    letter-spacing: 0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #ffffff;
}

.second_stage_point {
    font-family: Inter;
    font-size: 22px;
    font-weight: 600;
    line-height: 35.2px;
    letter-spacing: 0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #ffffff;
}

.second_stage_image {
    width: auto;
    height: 550px;
}

.second_stage_button {
    padding: 8px 20px;
    margin-top: 15px;
    border-radius: 50px;
    color: #009254 !important;
    font-size: 14px;
    border: 2px solid #ffffff;
    font-weight: 400;
    background: #ffffff;
}

    .second_stage_button:hover {
        color: #009254 !important;
        border: 2px solid #ffffff;
        background: #ffffff;
    }



.ui-elements .ui-widget.ui-widget-content {
    background: transparent;
    width: 90%;
}

.ui-elements input[type="text"], .ui-elements input[type="password"] {
    background: transparent;
    border: none;
    width: 50%;
    height: unset;
    padding-left: unset;
    font-weight: unset;
    margin-bottom: 12px;
    border-radius: 0;
}

.ui-elements .accordion1 .active .content {
    max-height: 80px !important;
    overflow: hidden !important;
}

.ui-elements .accordion-1 .content {
    border: transparent;
}

.ui-elements ul {
    margin-bottom: 5px;
}

.ui-elements .accordion li span {
    color: #000;
}

.ui-elements .accordion li span {
    color: #000;
}

.ui-elements .accordion li div.dropicon {
    /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");*/
    transition: transform .2s ease-in-out;
    transform: rotate(180deg);
}


.ui-elements .accordion li.active div.dropicon {
    /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");*/
    transition: transform .2s ease-in-out;
    transform: rotate(0deg);
}


.switches-container {
    width: 100%;
    /* position: relative; */
    display: flex;
    /* padding: 10px; */
    position: relative;
    background: transparent;
    line-height: 45px;
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
    height: 45px;
    border-radius: 25px;
    border: 1px solid #000;
}
    /* input (radio) for toggling. hidden - use labels for clicking on */
    .switches-container input {
        visibility: hidden;
        position: absolute;
        top: 0;
    }

    /* labels for the input (radio) boxes - something to click on */
    /*.switches-container label {
        width: 50%;
        padding: 0;
        margin: 0;
        text-align: center;
        cursor: pointer;
        color: #000;
        line-height: 37px;
    }*/
    .switches-container label {
        width: 50%;
        padding: 0;
        margin: 0;
        text-align: center;
        cursor: pointer;
        color: #000;
        line-height: 45px;
    }

/* switch highlighters wrapper (sliding left / right) 
    - need wrapper to enable the even margins around the highlight box
*/
.switch-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
    padding: 0.15rem;
    z-index: 3;
    transition: transform .5s cubic-bezier(.77, 0, .175, 1);
    /* transition: transform 1s; */
}

/* switch box highlighter */
/*.switch {
    border-radius: 3rem;
    background: #fff;
    height: 100%;
}*/
.switch {
    border-radius: 25px;
    background: #009358;
    height: 100%;
    line-height: 45px;
}
    /* switch box labels
    - default setup
    - toggle afterwards based on radio:checked status 
*/
    .switch div {
        width: 100%;
        text-align: center;
        opacity: 0;
        display: block;
        color: #fff;
        transition: opacity .2s cubic-bezier(.77, 0, .175, 1) .125s;
        will-change: opacity;
        position: absolute;
        top: 0;
        left: 0;
    }

/* slide the switch box from right to left */
.switches-container input:nth-of-type(1):checked ~ .switch-wrapper {
    transform: translateX(0%);
}

/* slide the switch box from left to right */
.switches-container input:nth-of-type(2):checked ~ .switch-wrapper {
    transform: translateX(100%);
}

/* toggle the switch box labels - first checkbox:checked - show first switch div */
.switches-container input:nth-of-type(1):checked ~ .switch-wrapper .switch div:nth-of-type(1) {
    opacity: 1;
}

/* toggle the switch box labels - second checkbox:checked - show second switch div */
.switches-container input:nth-of-type(2):checked ~ .switch-wrapper .switch div:nth-of-type(2) {
    opacity: 1;
}

.three_stage_span {
    font-family: Inter;
    font-size: 20px;
    font-weight: 600;
    line-height: 24.2px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #008c54;
}

.three_stage_p {
    font-family: Inter;
    font-size: 45px;
    font-weight: 500;
    line-height: 55.67px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #000;
}
/*.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
        width: 250px !important;
        height: 30px;
        margin-top: -10px;
        font-size: 30px;
        top: 75% !important;
        color: #008c54;
    }
    .carousel-control.left {
        background-image: unset !important;
    }
    .carousel-control.right {
        background-image: unset !important;
    }*/
.carousel {
    background-color: transparent;
}


.three_image {
    width: 90%;
    height: auto;
}

.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 0;
    top: 85%;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80%;
    padding: 0;
    color: #008c54;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease;
}

.margin_topps {
    margin-top: 40%;
}

.left_text {
    text-align: justify;
}

.carousel-caption {
    width: 100%;
}

.line_bar {
    width: 100%;
    height: 16px;
    background: #00A35E;
}

.four_stage_button {
    padding: 8px 20px;
    margin-top: 15px;
    border-radius: 50px;
    color: #ffffff !important;
    font-size: 14px;
    border: 2px solid #ffffff;
    font-weight: 400;
    background: #008c54;
}

    .four_stage_button:hover {
        color: #ffffff !important;
        border: 2px solid #ffffff;
        background: #008c54;
    }

.four_stage_buttontwo {
    padding: 8px 20px;
    margin-top: 15px;
    border-radius: 50px;
    color: #000 !important;
    font-size: 14px;
    border: 2px solid #000;
    font-weight: 400;
    background: transparent;
}

    .four_stage_buttontwo:hover {
        color: #000 !important;
        border: 2px solid #000;
        background: transparent;
    }

/*.img_fivth {
    height: auto;
    width: 200px;
}*/
.fivth_h {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 600;
    line-height: 28.8px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #000;
}

.fivth_p {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #000;
}

.div_flex {
    display: flex;
    width: 100%;
}

.icon_color {
    color: #008c54;
}

.about_heading {
    font-family: Inter;
    font-size: 60px;
    font-weight: 600;
    line-height: 84px;
    letter-spacing: 0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #000000;
}

.main_img {
    width: 100%;
    height: auto;
}

.input_contact {
    border-radius: 20px;
    width: 100%;
    height: 65px;
    padding: 10px 10px 10px 26px;
    border: 1px solid;
}

.submit_button {
    width: 100%;
    height: 45px;
    border-radius: 40px;
    margin: 0;
    background-color: #00A35E;
    color: #fff;
    border: 1px solid #00A35E;
}

    .submit_button:hover {
        background-color: #00A35E;
        color: #fff;
        border: 1px solid #00A35E;
    }

.img_first {
    width: 100%;
    height: auto;
}

.font_color_blog {
    color: #232A32B2;
}

.h2_blog {
    font-family: Inter;
    font-size: 22px;
    font-weight: 700;
    line-height: 29.92px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #000;
}

.p_blog {
    font-family: Inter;
    font-size: 18px;
    font-weight: 400;
    line-height: 30.06px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #000;
}

.card_boader {
    border-radius: 35px;
    border: 1.5px solid #000;
}

.head_h2 {
    font-family: Poppins;
    font-size: 40px;
    font-weight: 600;
    line-height: 60px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #000;
}

.head_blog_p {
    font-family: Inter;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    text-align: justify;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

/* Mobile */
@media (max-width:799px) {
  


    .mobile_btn {
        width: 100%;
        height: 60px;
        padding: 15px 48px 15px 48px;
        border-radius: 10px;
        background: #00A35E;
        color: #fff;
        margin-top: 30px;
        margin-bottom: 20px;
    }

    .mobile_h2 {
        font-family: Poppins;
        font-size: 34px;
        font-weight: 500;
        line-height: 40px;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #000;
    }

    .margin_mobile {
        margin-top: 6rem;
    }

    .mobile_login {
        font-family: Poppins;
        font-size: 40px;
        font-weight: 500;
        line-height: 48px;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #000;
    }

    .input_custom {
        width: 100%;
        height: 45px;
        padding: 12px;
        border-radius: 10px;
        background: #F3F3F3;
    }
}

.login_btn {
    background: #00A35E;
    color: #fff;
    height: 40px;
}

.merage_up {
    margin-top: 5rem;
}

.middle_section {
    font-family: Inter;
    font-size: 35px;
    font-weight: 600;
    line-height: 72px;
    letter-spacing: 0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #fff;
}
.middle_img {
    width: 95%;
    height: auto;
}
.middle_part_two {
    font-family: Inter;
    font-size: 50px;
    font-weight: 600;
    line-height: 70px;
    letter-spacing: 0.03em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #fff;
}
.Back_btn {
    background: #fff;
    border: 1px solid #009254;
    color: #009254;
    height: 45px;
    width: 200px;
}

    .Back_btn:hover {
        background: #fff !important;
        border: 1px solid #009254 !important;
        color: #009254 !important;
    }
.package_btn {
    background: #009254;
    border: #009254;
    color: #fff;
    height: 45px;
    width: 200px;
}

    .package_btn:hover {
        background: #fff;
        border: 1px solid #009254;
        color: #009254;
    }
.destop_height {
    min-height: 350px;
}

@media (max-width:799px){
    .white_h {
        font-family: Cairo;
        font-size: 90.9px;
        font-weight: 700;
        line-height: 109.08px;
        letter-spacing: 0.02em;
        color: #ffffff !important;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
    }
    .joinus_btn {
        padding: 20px 20px;
        margin-left: 0;
        border-radius: 50px;
        color: #fff !important;
        font-size: 20px;
        border: 2px solid #008B50;
        font-weight: 500;
        background: #008B50;
    }
    .white_btn {
        padding: 20px 20px;
        margin-left: 0;
        border-radius: 50px;
        color: #fff !important;
        font-size: 20px;
        border: 2px solid #ffffff;
        font-weight: 400;
        background: transparent;
    }
    .mobile_bottom_space{
        margin-bottom:2rem;
    }
    .destop_height {
        min-height: 250px;
    }
    .carousel-indicators {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2;
        display: flex;
        justify-content: center;
        padding: 0;
        margin-right: 0;
        margin-bottom: 1rem;
        margin-left: 0;
    }
    .carousel-caption {
        position: absolute;
        right: 15%;
        bottom: 1.25rem;
        left: 0;
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
        color: #fff;
        text-align: center;
    }
    .second_stage_button {
        padding: 20px 20px;
        margin-top: 15px;
        border-radius: 50px;
        color: #009254 !important;
        font-size: 20px;
        border: 2px solid #ffffff;
        font-weight: 600;
        background: #ffffff;
      /*  width: -webkit-fill-available;*/
    }
    .div_flex {
        overflow: scroll;
        display: flex;
        width: 100%;
    }

    .padding_mobile {
        padding-top: 120px;
    }
    .head_h2 {
        font-family: Poppins;
        font-size: 30px;
        font-weight: 600;
        line-height: 45px;
        text-align: center;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #000;
        margin-top: 15px;
    }
    .icon_social {
        display: flex;
    }
}
.padding_mobile_two {
    padding-top: 7rem;
}
.new_button_green {
    padding: 8px 20px;
    margin-left: 0;
    border-radius: 50px;
    color: #f6fefb !important;
    font-size: 14px;
    border: 2px solid #008c54;
    font-weight: 400;
    background: #008c54;
}
.new_button_green :hover {
    color: #f6fefb !important;
    border: 2px solid #008c54;
    background: #008c54;
}
.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 5px;
    height: 5px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease;
}
.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 0;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-repeat: no-repeat;
    background-position: 20%;
    background-size: 100% 100%;
}