/*************
Hash CSS Start
**************/
@media(max-width: 1920px){
    
}
@media(min-width: 768px){
    
}
@media(max-width: 767px){

    .mobile-menu{
        background: #FFFFFF;
        padding: 12px;
        position: fixed;
        bottom: 0;
        width: 100%;
        display: block;
        z-index: 99;
    }
    .mobile-menu .row{
        margin-right: 0;
        margin-left: 0;
    }
    .detail-mob{
        background: #000;
        margin-left: 6px;
    }
    .form-order .wpcf7-select{
        margin-bottom: 13px;
        padding: 8px 16px;
        background-size: 12px;
        background-position: left 15px top 15px;
    }
    .phone-mob{
        background: linear-gradient(224.72deg, #BE7F33 13.18%, #FCDF8F 37.47%, #F8CB64 62.64%, #AE7D2F 87.36%);
        margin-right: 6px;
    }
    .detail-mob a, .phone-mob a{
        padding: 10px 0;
        display: block;
        text-decoration: none;
        font-size: 16px;
        font-family: var(--font-family-Heebo-Bold);
        font-weight: var(--font-weight-bold);
        text-align: center;
    }
    .detail-mob a img, .phone-mob a img{
        margin-right: 6px;
        filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(154deg) brightness(106%) contrast(101%);
    }
    .detail-mob a, .detail-mob a:hover{
        color: #fff;
    }
    .phone-mob a, .phone-mob a:hover{
        color: #000;
    }
    .mobile-menu .col-6 {
        width: 48%;
    }
    .wpcf7 form.invalid .wpcf7-response-output{
        font-size: 12px;
    }
    .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output {
        font-size: 12px;
    }
    .wpcf7 form.sent .wpcf7-response-output {
        font-size: 12px;
    }
	.container{
        padding-right: 16px;
        padding-left: 16px;
    }
    .main-header-wrapper{
        max-width: 100%;
    }
    .hero_inner{
        max-width: 100%;
    }
    .hero_heading{
        font-size: 40px;
        line-height: 40px;
    }
    .hero_heading_2{
        font-size: 45px;
        line-height: 45px;
    }
    .hero_yellow_text{
        font-size: 25px;
        line-height: 34px;
    }
    .hero_description{
        font-size: 16px;
        line-height: 22px;
    }
    .global_gradient_button{
        font-size: 20px;
        line-height: 25px;
    }
    .hero_button_wrap::before {
        width: 18px;
        height: 18px;
    }
    .hero_wrap{
        padding: 20px 15px;
        height: 772px;
    }
    .hero_logo{
        position: relative;
        left: unset;
        text-align: center;
    }


    /* Section 2 CSS */
    .features_section {
        margin-top: 0px;
        padding-top: 40px;
        padding-bottom: 40px;
        border-radius: 0;
    }

    .features_heading {
        font-size: 30px;
        padding: 0 20px;
        color: #000;
        margin-bottom: 30px;
    }

    .features_flex {
        flex-wrap: wrap;
        justify-content: center;
        gap: 30px;
    }

    .feature_item {
        width: 32%;
        text-align: center;
        max-width: fit-content;
    }

    .feature_icon img {
        width: 80px;
        margin-bottom: 10px;
    }

    .feature_text {
        font-size: 12px;
    }
    .situation_section {
        padding: 0px 0 40px 0;
        margin-top: 0;
        margin-bottom: 40px;
    }
    .financial_reality_section{
        margin-bottom: 40px;
    }
    .situation_heading {
        font-size: 30px;
        text-align: center;
    }
    .situation_list_wrapper {
        max-width: 100%;
        padding: 0;
    }

    .situation_item {
        padding: 17px 14px;
    }

    .situation_item p {
        font-size: 16px;
    }
    .situation-main-column-wrapper{
        display: flex;
        max-width: 100%;
        padding: 0 16px;
        flex-direction: column;
    }
    .situation-left-column{
        width: 100%;
        order: 1;
    }
    .situation-right-column{
        width: 100%;
        padding-right: 0;
        z-index: 1;
        position: relative;
        order: 2;
    }
    .top-dots-vector{
        width: 74%;
    }
    .situation-left-column img {
        position: relative;
        bottom: 0;
        right: 0;
        width: 100%;
    }

    /* Footer CSS */
    .footer_section{
        padding: 26px 0 90px 0;
    }
    .footer_top_text {
        font-size: 30px;
        line-height: 35px;
        margin-bottom: 25px;
    }

    .footer_bottom_links {
        gap: 8px;
        line-height: 1.4;
    }
    /**** Form CSS Start ****/
    .field-col label .wpcf7-form-control-wrap, .field-col input, .wpcf7-select {
        font-size: 16px !important;
        border-radius: 8px;
        height: 42px;
    }
    .field-col label .wpcf7-form-control-wrap, .field-col input {
        margin-bottom: 10px;
        padding: 8px 16px;
        font-size: 16px;
        line-height: 24px;
        border: none;
    }
    .simple-text{
        margin-top: 10px;
    }
    .form-order form :where(p, .wpcf7-list-item-label) {
        font-size: 13px !important;
        line-height: 18px !important;
    }
    .submit-btn input {
        padding: 6px 16px !important;
        font-size: 22px !important;
        line-height: 26px !important;
        border-radius: 8px;
        height: 42px;
    }
    .field-col, .submit-btn{
        margin-bottom: 0;
    }
    .submit-btn img {
        left: 10px;
        width: 18px;
        height: auto;
    }
    .checkbox.checkbox-group {
        margin-bottom: 0;
        flex-wrap: wrap !important;
    }
    .form-logo {
        min-width: 150px;
    }
    .checkbox.checkbox-group > .form-logo {
        order: 2;
        width: 100%;
        max-width: 150px;
        margin: 20px auto 0;
    }
    .wpcf7-checkbox .wpcf7-list-item-label {
        font-size: 13px !important;
        line-height: 18px !important;
    }
     .wpcf7-checkbox input[type="checkbox"] {
        height: 22px !important;
        right: 5px;
        width: 22px !important;
        min-width: 22px !important;
        margin-top: 6px;
    }
    .checkbox.checkbox-group {
        padding: 0;
    }
    .wpcf7-checkbox label{
        padding-right: 35px;
    }
    .wpcf7-checkbox input[type="checkbox"]:checked::before{
        width: 16px;
        height: 16px;
        font-size: 5vw;
        line-height: 1.8vh;
    }
    .form-logo {
        min-width: auto;
        margin-left: 0;
    }
    .wpcf7-not-valid-tip{
        margin: -11px 0 2px 0;
        font-size: 14px;
        line-height: 20px;
    }
    .checkbox-group .wpcf7-not-valid-tip{
        padding-right: 28px !important;
    }

    /* section 4 */
    .financial_reality_container {
        flex-direction: column;
        gap: 35px;
    }

    .financial_reality_left,
    .financial_reality_right {
        width: 100%;
    }

    .financial_reality_left{
        order: 1;
    }

    .financial_reality_right {
        text-align: right;
        order: 2;
    }

    .financial_reality_heading {
        font-size: 30px;
        line-height: 34px;
        margin-bottom: 10px;
    }

    .financial_reality_heading_2 {
        font-size: 26px;
        margin-bottom: 10px;
    }

    .financial_reality_description,
    .financial_reality_description_2 {
        font-size: 16px;
        margin-bottom: 15px;
    }

    /* Section 5 CSS */
    /* .opportunity_item {
        flex-direction: row;
        margin-bottom: 15px;
        text-align: center;
        width: 100% ;
    } */
    /* allow wrapping */
    .opportunity_repeater_wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 15px;
    }

    /* first row → 2 items */
    .opportunity_item {
        width: calc(50% - 10px);
        text-align: right;
        align-items: center;
    }
    .opportunity_text {
        text-align: center;
    }

    .opportunity_icon img {
        width: 52px;
    }
    .lifetime_opportunity_heading{
        font-size: 30px;
        line-height: 32px;
    }
    .opportunity_container{
        padding: 0 16px;
        width: 100%;
    }
    .lifetime_opportunity_description{
        font-size: 16px;
    }
    /* .opportunity_repeater_wrapper{
        display: block;
    } */
    .government_container {
        flex-direction: column;
        gap: 40px;
        padding: 0;
    }
    .government_left{
        order: 1;
    }
    .government_right{
        order: 2;
        padding-top: 0;
    }
    .government_left,
    .government_right {
        width: 100%;
    }

    .government_heading_1 {
        font-size: 28px;
    }

    .government_heading_2,
    .government_heading_3 {
        font-size: 20px;
    }

    .government_description_1,
    .government_description_2,
    .government_description_3 {
        font-size: 16px;
    }
    
    .government_section{
        padding: 40px 0;
    }


    /* Section-7 CSS */
    .investment_container{
        padding: 0 16px;
    }
    .investment_section{
        margin-bottom: 40px;
        padding: 40px 0 40px 0;
    }
    .investment_heading_wrapper {
        font-size: 30px;
        line-height: 35px;
        padding-bottom: 20px;
    }
    .investment_item{
        padding: 15px;
        border-radius: 10px;
    }

    .investment_item_content {
        padding-right: 10px;
    }

    .investment_item_heading {
        font-size: 20px;
    }

    .investment_item_description p {
        font-size: 16px;
    }


    /* Notice Section CSS */
    .notice_inner {
        font-size: 22px;
        padding: 0 16px;
        max-width: 100%;
    }
    .notice_section{
        margin-bottom: 40px;
    }


    /* FAQ Section CSS */
    .faq_arrow{
        margin-right: 10px;
    }
    .faq_list {
        gap: 13px;
    }

    .faq_section {
        padding: 40px 16px;
    }

    .faq_heading {
        font-size: 30px;
        padding-bottom: 15px;
    }

    .faq_description {
        font-size: 16px;
        margin-bottom: 20px;
        padding-bottom: 0;
    }

    .faq_question {
        font-size: 16px;
        margin: 0;
    }

    .faq_answer p {
        font-size: 14px;
    }

    .faq_item {
        border-radius: 8px;
        position: relative;      
    }

    .faq_question_row {
        padding: 10px;
        position: relative;
        z-index: 10;
        cursor: pointer;
        touch-action: manipulation;
    }

    .faq_item.active .faq_answer {
        padding: 0 10px 10px 10px !important;
    }

    .faq_arrow i {
        font-size: 14px;
    }

    .faq_counter {
        width: 38px;
        height: auto;
        font-size: 18px;
        align-items: start;
        padding-top: 0px;
        position: relative;
        z-index: 1;                
        pointer-events: none;     
    }



    /* Smart investment CSS */
    /* .invest_box_container{
        padding: 0 16px;
    }
    .invest_quote_heading{
        font-size: 28px;
    }
    .invest_quote_block{
        padding-bottom: 40px;
    }
     .invest_feature_card {
        width: 48%;
        padding: 10px;
    }
    .invest_feature_row{
        gap: 10px;
        justify-content: center;
    }
    .invest_card_title{
        font-size: 16px;
    }
    .invest_quote_description {
        font-size: 16px;
    }

    .invest_main_heading_black,
    .invest_main_heading_yellow {
        font-size: 30px;
    } */
     /* Reset desktop flex layout for mobile carousel */
    .mobile-owl {
        display: block !important;
        width: 100% !important;
        margin: 0 auto;
        overflow: visible !important;
    }

    /* Owl generated elements */
    .mobile-owl .owl-stage-outer {
        overflow: visible !important;
    }

    .mobile-owl .owl-stage {
        display: flex !important;
    }

    .mobile-owl .owl-item {
        width: 100% !important;
        display: flex !important;
        justify-content: center;
        opacity: 1 !important;
        visibility: visible !important;
    }

    /* Each card inside carousel */
    .mobile-owl .invest_feature_card {
        width: 100% !important; /* IMPORTANT FIX */
        background: #0C213B;
        padding: 18px !important;
        border-radius: 12px;
        box-shadow: 1.35px 2.7px 4.93px 0.68px rgba(0,0,0,0.1);
        text-align: center;
        align-items: center;
        display: flex;
        flex-direction: column;
    }
    .mobile-owl.owl-theme .owl-dots .owl-dot span{
        background: #E7AB5D !important;
    }
    .mobile-owl.owl-theme .owl-dots .owl-dot.active span{
        background: #0C213B !important;
    }

    /* Icon */
    .mobile-owl .invest_icon {
        width: 65px !important;
        margin-bottom: 12px;
    }

    /* Title */
    .mobile-owl .invest_card_title {
        font-size: 16px !important;
        margin-bottom: 8px;
    }

    /* Text */
    .mobile-owl .invest_card_text {
        font-size: 15px !important;
        line-height: 1.5;
    }

    /* Fix spacing above/below section */
    .invest_box_container {
        padding: 0 16px !important;
    }

    /* Headings adjustments */
    .invest_quote_heading {
        font-size: 28px !important;
    }

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

    .invest_main_heading_black,
    .invest_main_heading_yellow {
        font-size: 30px !important;
    }

    /* Prevent desktop grid gap from affecting Owl */
    .invest_feature_row {
        gap: 0 !important;
        justify-content: initial !important;
        flex-wrap: nowrap !important;
        overflow: hidden !important;
    }



    /* Result investment CSS */
    /* .results_container{
        padding: 0 16px;
    }
    .results_feature_box {
        max-width: 48%;
        padding: 10px;
    }
    .results_features_row{
        justify-content: center;
        margin-bottom: 40px;
    }
    .results_main_heading{
        font-size: 30px;
        margin-bottom: 20px;
    }
    .results_section{
        margin-top: 40px;
        margin-bottom: 0;
    } */
    .results_feature_icon{
        width: 68px !important;
    }
    .mobile-results-owl .owl-stage-outer {
        overflow: visible !important;
    }
    .mobile-results-owl.owl-theme .owl-nav{
        display: flex;
        justify-content: center;
        margin-top: 20px;
    }
    .mobile-results-owl .results_feature_box {
        width: 100% !important;
        max-width: 100% !important;
        padding: 18px !important;
        border-radius: 15px;
        display: flex;
        flex-direction: column;
        align-items: center;
        min-height: 236px;
    } 
    .mobile-results-owl .owl-nav button.owl-prev,
    .mobile-results-owl .owl-nav button.owl-next {
        width: 100%;
        width: 42px;
        height: 42px;
        border-radius: 50%;
        background: #ffffff !important;
        color: #000000 !important;
        box-shadow: 0px 4px 12px rgba(0,0,0,0.15);
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 18px !important;
        pointer-events: auto; /* clickable */
    }
    .results_main_heading {
        font-size: 30px !important;
    }

    .results_container {
        padding: 0 16px !important;
    }

    .results_features_row {
        margin-bottom: 40px !important;
        overflow: hidden;
        padding-bottom: 20px;
    }
    .commitment_heading {
        font-size: 30px;
    }
    .commitment_row{
        flex-direction: column;
        gap: 30px;
    }
    .commitment_description {
        font-size: 16px;
    }
    .commitment_left{
        min-width: 100%;
        order: 2;
    }
    .commitment_right{
        min-width: 100%;
        order: 1;
    }
    
    .think_box{
        padding: 15px;
    }
    .think_main_heading {
        font-size: 30px;
    }
    .think_section{
        padding: 40px 16px 40px 16px;
    }
    .think_box_heading {
        font-size: 22px;
    }

    .think_box_description {
        font-size: 16px;
    }
}
@media(min-width: 1900px){
	.hero_wrap{
        height: 790px;
    }
}
@media(min-width: 2000px){
	.hero_wrap{
        height: 920px;
    }
}