/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/


/* ======== footer_form ========= */



.newsletter_form .elementor-shortcode .gform_wrapper .gform_fields {
    background-color: #fff;
    border-radius: 100px;
    box-shadow: 0 11.63px 25.88px rgba(6, 84, 170, 0.05);
    padding: 5px 5px 5px 65px;
}

.newsletter_form .elementor-shortcode .gform_wrapper .gform_fields .gfield--type-email {
    display: flex;
    align-items: center;
}

.newsletter_form .elementor-shortcode .gform_wrapper .gform_fields .footer_email-icon {
    position: relative;
}

.newsletter_form .elementor-shortcode .gform_wrapper .gform_fields .footer_email-icon .validation_message {
    position: absolute;
    width: 550px;
    margin: 0;
    bottom: -35px;
    left: -20px;
}

.newsletter_form .elementor-shortcode .gform_wrapper .gform_fields .footer_email-icon::after {
    content: url(./images/message.svg);
    position: absolute;
    width: 18px;
    height: 14px;
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
}

.newsletter_form .elementor-shortcode .gform_wrapper .gform_fields input:not([type="submit"]) {
    border: none;
    font-family: 'Satoshi', sans-serif;
    font-size: 18px;
    color: #5c5c5c;
    font-weight: 400;
    box-shadow: none;
    text-transform: capitalize;
}

.newsletter_form .elementor-shortcode .gform_wrapper .gform_fields .gfield--type-submit {
    display: flex;
    justify-self: end;
    position: relative !important;
    z-index: 1;
}

.newsletter_form .elementor-shortcode .gform_wrapper .gform_fields .gfield--type-submit::after {
    content: url(./images/arrow_white.svg);
    position: absolute;
    width: 13px;
    height: 13px;
    right: 35px;
    top: 50%;
    transform: translateY(-60%);
    z-index: 2;
}

.newsletter_form .elementor-shortcode .gform_wrapper .gform_fields .gfield .gform-button {
    font-family: 'Satoshi', sans-serif;
    font-size: 18px;
    border-radius: 100px;
    color: #fff;
    font-weight: 700;
    padding: 19px 60px 19px 24px;
    background-color: #341539;
    width: 225px !important;
}

/* ======== contact-form ========== */

.contact_form .elementor-shortcode .gform_wrapper .gform_fields {
    row-gap: 25px;
    column-gap: 30px;
}

.contact_form .elementor-shortcode .gform_wrapper .gform_fields .gfield label {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    color: #341539;
    margin-bottom: 15px;
    text-transform: capitalize;
}

.contact_form .elementor-shortcode .gform_wrapper .gform_fields .gfield_required {
    font-size: 18px;
    color: red;
}

.contact_form .elementor-shortcode .gform_wrapper .gform_fields .gfield .ginput_container:not(.ginput_container_consent) {
    padding: 12px 24px;
    background: #fff;
    box-shadow: 0 1.63px 45.88px 0 rgba(6, 84, 170, 0.07);
    border-radius: 10px;
}

.contact_form .elementor-shortcode .gform_wrapper .gform_fields .gfield .ginput_container.ginput_recaptcha {
    padding: 0 !important;
}

.contact_form .elementor-shortcode .gform_wrapper .gform_fields .gfield .ginput_container.ginput_recaptcha .grecaptcha-badge {
    z-index: 99 !important;
}

.contact_form .elementor-shortcode .gform_wrapper .gform_fields .gfield input:not([type="submit"]) {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    padding: 0;
    border: none;
    box-shadow: none;
}

.contact_form .elementor-shortcode .gform_wrapper .gform_fields .gfield input:not([type="submit"]):focus,
.contact_form .elementor-shortcode .gform_wrapper .gform_fields .gfield input:not([type="submit"]):focus-visible,
.contact_form .elementor-shortcode .gform_wrapper .gform_fields .gfield input:not([type="submit"]):focus-within,
.contact_form .elementor-shortcode .gform_wrapper .gform_fields .gfield select:focus,
.contact_form .elementor-shortcode .gform_wrapper .gform_fields .gfield select:focus-visible,
.contact_form .elementor-shortcode .gform_wrapper .gform_fields .gfield select:focus-within,
.contact_form .elementor-shortcode .gform_wrapper form .gform_footer .gform_button:focus,
.contact_form .elementor-shortcode .gform_wrapper form .gform_footer .gform_button:focus-visible,
.contact_form .elementor-shortcode .gform_wrapper form .gform_footer .gform_button:focus-within {
    outline: none !important;
}

.contact_form .elementor-shortcode .gform_wrapper .gform_fields .gfield .ginput_container_consent input[type="checkbox"] {
    border: 1px solid #341539 !important;
    border-radius: 4px;
    margin-top: 4px;
}

.contact_form .elementor-shortcode .gform_wrapper .gform_fields .gfield .ginput_container_consent input[type="checkbox"]:focus,
.contact_form .elementor-shortcode .gform_wrapper .gform_fields .gfield .ginput_container_consent input[type="checkbox"]:focus-visible,
.contact_form .elementor-shortcode .gform_wrapper .gform_fields .gfield .ginput_container_consent input[type="checkbox"]:focus-within {
    outline: none;
}

.contact_form .elementor-shortcode .gform_wrapper .gform_fields .gfield .ginput_container_consent input[type="checkbox"]::before {
    background-color: #341539;
    color: #fff;
}

.contact_form .elementor-shortcode .gform_wrapper .gform_fields .gfield .ginput_container select {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    padding: 0;
    border: none;
    box-shadow: none;
    display: flex;
    align-items: center;
}

.contact_form .elementor-shortcode .gform_wrapper .gform_fields .gfield input:not([type="submit"])::placeholder {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: #5C5C5C;
}

.contact_form .elementor-shortcode .gform_wrapper form .gform_footer .gform_button {
    padding: 18px 40px !important;
    border-radius: 100px !important;
    background-color: #341539 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    letter-spacing: -0.18px !important;
}

/* .newsletter_form .elementor-shortcode .gform-theme--foundation #field_submit input[type="submit"][id*="gform_submit_button_"].gform-button--width-full {
    inline-size: unset !important;
} */



/* ============ How It Work Page =============== */

.how_work_tabs .e-n-tabs-heading .e-n-tab-title {
    box-shadow: 0px 41.6316px 45.8797px rgba(6, 84, 170, 0.07);
}

.how_work_accord .e-n-accordion-item {
    box-shadow: 0px 1.63px 45.8797px rgba(6, 84, 170, 0.07);
    border-radius: 10px;
    background-color: #FFFFFF;
}

.how_work_accord .e-n-accordion-item[open] {
    box-shadow: 0px 1.63px 45.8797px rgba(6, 84, 170, 0.07);
    border-radius: 10px;
    background-color: #FFFFFF;
}

.how_work_accord .e-n-accordion-item-title-icon {
    height: 30px;
    width: 30px !important;
    background-color: #3415394D;
    display: flex !important;
    justify-content: center;
    align-items: center !important;
    border-radius: 100%;
}

.how_work_lines {
    box-shadow: 0px 1.63px 45.8797px rgba(6, 84, 170, 0.07);
}

.number_dot_eff ol {
    list-style-type: disc !important;
}

.icon_effect_container::after {
  content: '1';
  height: 60px;
  width: 60px;
  background-color: #341539;
  border-radius: 50%;
  color: #FFF;
  font-size: 24px;
  font-weight: 900;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 3px solid #FFF;
  box-shadow: 0px 1.63px 45.8797px rgba(6, 84, 170, 0.07);
  position: absolute;
  left: -85px;
  top: 35%;
  z-index: 1;
}

.icon_effect_containertw::after {
  content: '2';
  height: 60px;
  width: 60px;
  background-color: #341539;
  border-radius: 50%;
  color: #FFF;
  font-size: 24px;
  font-weight: 900;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 3px solid #FFF;
  box-shadow: 0px 1.63px 45.8797px rgba(6, 84, 170, 0.07);
  position: absolute;
  top: 35%;
  right: -84px;
  z-index: 1;
}

.icon_effect_containerthre::after {
  content: '3';
  height: 60px;
  width: 60px;
  background-color: #341539;
  border-radius: 50%;
  color: #FFF;
  font-size: 24px;
  font-weight: 900;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 3px solid #FFF;
  box-shadow: 0px 1.63px 45.8797px rgba(6, 84, 170, 0.07);
  position: absolute;
  left: -85px;
  top: 35%;
  z-index: 1;
}

.icon_effect_containerfour::after {
  content: '4';
  height: 60px;
  width: 60px;
  background-color: #341539;
  border-radius: 50%;
  color: #FFF;
  font-size: 24px;
  font-weight: 900;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 3px solid #FFF;
  box-shadow: 0px 1.63px 45.8797px rgba(6, 84, 170, 0.07);
  position: absolute;
  top: 35%;
  right: -84px;
  z-index: 1;

}

.icon_effect_containerfive::after {
  content: '5';
  height: 60px;
  width: 60px;
  background-color: #341539;
  border-radius: 50%;
  color: #FFF;
  font-size: 24px;
  font-weight: 900;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 3px solid #FFF;
  box-shadow: 0px 1.63px 45.8797px rgba(6, 84, 170, 0.07);
  position: absolute;
  left: -85px;
  top: 35%;
  z-index: 1;
}

.icon_no_one {
    position: relative;
}

.icon_no_one::after {
    content: '1';
    font-size: 18px;
    color: #FFF;
    font-weight: 900;
    position: absolute;
    top: 12px;
    left: 20px;
    z-index: 1;
}

.icon_no_two {
    position: relative;
}

.icon_no_two::after {
    content: '2';
    font-size: 18px;
    color: #FFF;
    font-weight: 900;
    position: absolute;
    top: 12px;
    left: 18px;
    z-index: 1;
}

.icon_no_three {
    position: relative;
}

.icon_no_three::after {
    content: '3';
    font-size: 18px;
    color: #FFF;
    font-weight: 900;
    position: absolute;
    top: 12px;
    left: 20px;
    z-index: 1;
}

.icon_no_four {
    position: relative;
}

.icon_no_four::after {
    content: '4';
    font-size: 18px;
    color: #FFF;
    font-weight: 900;
    position: absolute;
    top: 12px;
    left: 18px;
    z-index: 1;
}

.icon_no_five {
    position: relative;
}

.icon_no_five::after {
    content: '5';
    font-size: 18px;
    color: #FFF;
    font-weight: 900;
    position: absolute;
    top: 12px;
    left: 20px;
    z-index: 1;
}

/* .main_line_svg::after {
  content: '';
  height: 85%;
  width: 1px;
  border: 1px dashed #000;
  position: absolute;
  left: 25px;
  top: 8%;
} */



/* ============= How It Work Page ============== */

@media(max-width: 1200px) {
.newsletter_form .elementor-shortcode .gform_wrapper .gform_fields .footer_email-icon .validation_message {
bottom: -35px;
left: -70px;
}
}

@media(max-width: 1024px) {
    .newsletter_form .elementor-shortcode .gform_wrapper .gform_fields {
        padding-left: 45px;
    }

    .newsletter_form .elementor-shortcode .gform_wrapper .gform_fields input:not([type="submit"]) {
        font-size: 16px;
    }

    .newsletter_form .elementor-shortcode .gform_wrapper .gform_fields .gfield .gform-button {
        font-size: 16px;
        padding: 19px 40px 19px 20px;
        width: 180px !important;
    }

    .newsletter_form .elementor-shortcode .gform_wrapper .gform_fields .gfield--type-submit::after {
        right: 25px;
    }

    .contact_form .elementor-shortcode .gform_wrapper .gform_fields .gfield input:not([type="submit"]),
    .contact_form .elementor-shortcode .gform_wrapper .gform_fields .gfield .ginput_container select {
        font-size: 14px;
        line-height: 22px;
    }

    .contact_form .elementor-shortcode .gform_wrapper .gform_fields .gfield .ginput_container_consent input[type="checkbox"] {
        width: 14px;
        height: 14px;
    }

    .contact_form .elementor-shortcode .gform_wrapper .gform_fields .gfield .ginput_container_consent input[type="checkbox"]::before {
        font-size: 14px;
    }

    .contact_form .elementor-shortcode .gform_wrapper .gform_fields .gfield input:not([type="submit"])::placeholder {
        font-size: 14px;
        line-height: 22px;
    }

    .contact_form .elementor-shortcode .gform_wrapper .gform_fields .gfield label {
        font-size: 14px;
        line-height: 22px;
    }

    .contact_form .elementor-shortcode .gform_wrapper .gform_fields .gfield .ginput_container:not(.ginput_container_consent) {
        padding: 8px 20px;
    }

    .contact_form .elementor-shortcode .gform_wrapper .gform_fields {
        row-gap: 15px;
        column-gap: 15px;
    }

    .contact_form .elementor-shortcode .gform_wrapper form .gform_footer .gform_button {
        padding: 14px 26px !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 20px !important;
    }


    .main_scroll_div {
        display: flex !important;
        overflow-x: scroll !important;
        overflow-y: visible;
        scroll-snap-type: x mandatory !important;
        -webkit-overflow-scrolling : touch !important;
        flex-wrap: nowrap !important;
        border-radius: 30px;
    }

    .responsive_col_price {
        min-width: 300px !important;
        flex: 0 0 auto;
        scroll-snap-align: start !important;
    }

    .first_col_price {
        box-shadow: none !important;
    }

    .responsive_col_price {
    box-shadow: 0px 6px 64px rgba(0, 0, 0, 0.07) !important;
    border-radius: 30px !important;
    }



}



@media(max-width: 880px) {
    .contact_form .elementor-shortcode .gform_wrapper form .gform_footer .gform_button {
        width: 100% !important;
    }

.icon_effect_container::after,
.icon_effect_containertw::after,
.icon_effect_containerthre::after,
.icon_effect_containerfour::after,
.icon_effect_containerfive::after {
    display: none !important;
}




}

@media(max-width: 767px) {

.switch {
    width: 56px !important;
    height: 30px !important;
}

.slider:before {
    height: 20px !important;
    width: 20px !important;
}

input:checked + .slider:before {
    transform: translateX(29px) !important;
}

.pricing-toggle {
    margin-bottom: -28px !important;
}

.newsletter_form .elementor-shortcode .gform_wrapper .gform_fields .footer_email-icon .validation_message {
    left: 0;
}

.how_work_accord .e-n-accordion-item-title .e-n-accordion-item-title-header {
    width: 85% !important;
}

}

@media(max-width: 640px) {
    .newsletter_form .elementor-shortcode .gform_wrapper .gform_fields {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px;
        border-radius: 20px;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 10px;
    }

    .newsletter_form .elementor-shortcode .gform_wrapper .gform_fields input:not([type="submit"]) {
        background-color: transparent;
        width: 100%;
        text-align: center;
        text-transform: lowercase;
    }

    .newsletter_form .elementor-shortcode .gform_wrapper .gform_fields input:not([type="submit"])::placeholder {
        text-align: center;
    }

    .newsletter_form .elementor-shortcode .gform_wrapper .gform_fields .gfield .gform-button {
        width: 100% !important;
    }

    .newsletter_form .elementor-shortcode .gform_wrapper .gfield--type-submit {
        width: 100% !important;
    }

    .newsletter_form .elementor-shortcode .gform_wrapper .gfield--type-submit input {
        width: 100% !important;
    }

    .newsletter_form .elementor-shortcode .gform_wrapper .gform_fields .footer_email-icon::after {
        left: -15px;
        transform: translateY(-50%) scale(0.9);
    }

    .newsletter_form .elementor-shortcode .gform_wrapper .gform_fields .gfield--type-submit::after {
        display: none;
    }

    .newsletter_form .elementor-shortcode .gform_wrapper .gform_fields .gfield .gform-button {
        padding: 16px 25px;
    }

    .newsletter_form .elementor-shortcode .gform-theme--foundation .gfield {
        min-inline-size: unset !important;
    }

    /* Make the button wrapper relative */
    #gfield_submit {
        position: relative;
        display: inline-block;
    }

    /* Force spinner inside submit button */
    #gfield_submit .gform_ajax_spinner {
        position: absolute !important;
        top: 50%;
        right: 12px;
        /* adjust until aligned with your arrow */
        transform: translateY(-50%);
        margin: 0 !important;
        width: 18px;
        /* size match */
        height: 18px;
        pointer-events: none;
        /* prevent blocking clicks */
    }

    .newsletter_form .elementor-shortcode .gform_wrapper .gform_fields .footer_email-icon .validation_message {
        width: 350px;
        left: -50px;
        top: -42px;
        height: max-content;
    }




}

/* ======= zoom css ======== */

@media only screen and (min-width: 1600px) and (max-width: 1820px) {
    html {
        zoom: 0.85;
        zoom: 85%;
    }

    [data-elementor-type="footer"].elementor.elementor-location-header>.elementor-element {
        zoom: 1.0 !important;
        zoom: 100% !important;
    }
}

@media only screen and (min-width: 1440px) and (max-width: 1599px) {
    html {
        zoom: 0.80;
        zoom: 80%;
    }

    .banner {
        height: 120vh !important;
    }

    /* body>.elementor>.elementor-element,
    .header .elementor-widget-theme-site-logo,
    .elementor-location-header .elementor-widget-n-menu nav .e-n-menu-heading a,
    .header .elementor-widget-theme-site-logo+.elementor-element>.elementor-widget-button,
    .elementor-location-header .elementor-widget-n-menu nav .e-n-menu-heading .e-n-menu-content>.elementor-element {
        zoom: 0.80 !important;
        zoom: 80% !important;
    } */

    [data-elementor-type="header"].elementor.elementor-location-header>.elementor-element {
        zoom: 1.0 !important;
        zoom: 100% !important;
    }

    [data-elementor-type="footer"].elementor.elementor-location-header>.elementor-element {
        zoom: 1.0 !important;
        zoom: 100% !important;
    }
}

@media only screen and (min-width: 1201px) and (max-width: 1439px) {

    body>.elementor>.elementor-element,
    .header .elementor-widget-theme-site-logo,
    .elementor-location-header .elementor-widget-n-menu nav .e-n-menu-heading a,
    .header .elementor-widget-theme-site-logo+.elementor-element>.elementor-widget-button,
    .elementor-location-header .elementor-widget-n-menu nav .e-n-menu-heading .e-n-menu-content>.elementor-element {
        zoom: 0.80;
        zoom: 80%;
    }

    [data-elementor-type="header"].elementor.elementor-location-header>.elementor-element {
        zoom: 1.0 !important;
        zoom: 100% !important;
    }

    html {
        zoom: 0.80;
        zoom: 80%;
    }

    [data-elementor-type="footer"].elementor.elementor-location-header>.elementor-element {
        zoom: 1.0 !important;
        zoom: 100% !important;
    }


}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
    html {
        zoom: 0.80;
        zoom: 80%;
    }
}