@media screen and (max-width: 1399px) {
    .home_section {
        padding-top: 140px;
    }
    .home_section_left h2 {
        font-size: 20px;
    }
    .home_section_left h1 {
        font-size: 58px;
        line-height: 68px;
    }
    .trading_platform {
        padding: 58px 40px;
        border-radius: 25px;
    }
    .navbar-dasktop-brand, .acc-login-box {
        min-width: 255px;
    }
    .primary-btn{
        padding: 10px 34px;
    }
    .mission_img{
        width: 90%;
        margin: auto;
    }
    .key_features_icon{
        width: 65px;
        height: 65px;
    }
    .home_section_left {
        margin-bottom: 40px;
    }
    
}

@media screen and (max-width: 1199px) {
    .navbar-dasktop-brand, .acc-login-box {
        min-width: auto;
    }
    .header .offcanvas .offcanvas-header, .header .offcanvas .offcanvas-body {
        width: 100%;
    }
    /* .header .navbar-nav li .nav-link{
        color: var(--black, #241F20);
    } */
    .header .navbar-nav {
        gap: 8px;
        align-items: start;
    }
    .text {
        line-height: 26px;
    }
    .home_section_left h2 {
        font-size: 18px;
    }
    .home_section_left h1 {
        font-size: 48px;
        line-height: 56px;
    }
    .home_section_left p {
        font-size: unset;
    }
    .title {
        font-size: 38px;
    }
    .get_the_app_main .title{
        font-size: 34px;
    }
    .trading_platform_icon {
        width: 70px;
        height: 70px;
    }
    .trading_platform {
        padding: 45px 35px;
        border-radius: 20px;
    }
    .key_features_cont h2,.why_choose_box .title,.referral_cont .title {
        font-size: 20px;
    }
    .why_choose_circlePhone {
        max-width: 350px;
    }
    .why_choose_circle_img {
        max-width: 310px;
    }
    .key_features_icon {
        width: 70px;
        height: 70px;
        border-radius: 12px;
    }
    .trading_platform_icon {
        width: 60px;
        height: 60px;
        border-radius: 12px;
    }
    .faq_main .accordion .accordion-item .accordion-button{
        font-size: 20px;
        padding: 20px;
    }
    .comman-py {
        padding: 60px 0;
    }
    .faq_main .accordion .accordion-item .accordion-body{
        padding: 20px;
        padding-top: 0;
    }
}

@media screen and (max-width: 991px) {
    .comman-py {
        padding: 60px 0;
    }
    .how_to_join_wrap .col:not(:last-child)::before{
        display: none;
    }
    .position-absolute_wc1, .position-absolute_wc2{
        position: unset;
    }
    .why_choose_wrap {
        padding: 0;
        padding-top: 30px;
        overflow: hidden;
    }
    .position-absolute_wc1{
        margin-bottom: 15px;
    }
    .why_choose_box{
        display: flex;
        gap: 15px;
    }
    .why_choose_circlePhone {
        margin-bottom: 60px;
    }
    .referral_box{
        flex-direction: column !important;
    }
    .get_the_app_main{
        flex-direction: column !important;
        text-align: center;
    }
    .get_the_app_main .title {
        font-size: 30px;
    }
    .mission_vission_cont{
        position: unset;
        margin: 0;
        padding: 20px 0 20px;
        border: unset;
    }
    .mission_img {
        width: 100%;
    }
    .mission_vission_box {
        padding: 20px 20px 0;
    }
    .mission_vission_box:hover .mission_vission_cont {
        border-color: unset;
        background: unset;
    }
    .mission_vission_box:hover .mission_vission_cont h2{
        color: var(--black, #241F20);
    }
    .mission_vission_box:hover .mission_vission_cont p {
        color: var(--text, #696767);
    }
    .position-absolute_cv1, .position-absolute_cv2{
        position: unset;
    }
    .core_values_1 .line{
        position: unset;
        display: none;
    }
    .core_values_box {
        max-width: 100% !important;
    }
    .faq_main .accordion .accordion-item .accordion-button::after{
        width: 30px;
        height: 30px;
    }
    .reach_out_cont {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .back_btn {
        font-weight: 600;
        padding: 6px;
    }
    .login_section {
        padding: 100px 0 40px;
    }
}

@media screen and (max-width: 768px) {
    .comman-py {
        padding: 45px 0;
    }
    .client_box {
        padding: 15px;
        padding-top: 35px;
    }
    .faq_main .accordion .accordion-item .accordion-button {
        font-size: 18px;
    }
    .our_blog_box {
        padding: 15px;
    }
}

@media screen and (max-width: 575px) {
    .navbar-dasktop-brand{
        width: 150px;
    }
    .home_section {
        padding-top: 100px;
    }
    .header{
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    .title {
        font-size: 30px;
    }
    .getting_started .about_unityHedge_cont h3 {
        font-size: 20px;
    }
    .heading_box {
        margin-bottom: 40px;
    }
    .comman-py {
        padding: 40px 0;
    }
    .reach_out_img,.reach_out_cont{
        padding: 30px;
    }
    .how_to_join_icon {
        width: 60px;
        height: 60px;
    }
    .num_htj{
        font-size: 70px;
    }
    .drive_result_box {
        padding: 50px 25px 25px;
    }
    .dr_count {
        left: 30px;
    }
    .plan_pricing_amnt {
        font-size: 45px;
    }
    .policy_section_wrap .policy_section_wrap_box:not(:last-child) {
        margin-bottom: 30px;
    }
    .primary-btn {
        padding: 8px 24px;
    }
    .login_box{
        margin-top: 20px
    }
    .back_btn {
        padding: 4px;
        font-size: 14px;
    }
    .login_main{
        padding: 20px;
    }
}

@media screen and (max-width: 440px) {
    .login_form_box .otp-input{
        height: auto;
    }
}

/* core values */
@media screen and (max-width: 1399px) {
    .core_values_section .why_choose_circlePhone {
        max-width: 380px;
    }
    .core_values_section .why_choose_circle_img {
        max-width: 330px;
    }
    .core_values_1 .line{
        width: 155%;
        top: -88px;
    }
    .core_values_2 .line {
        left: -140px;
    }
    .core_values_3 .line {
        width: 145%;
    }
    .core_values_4 .line {
        left: -110px;
    }
    
}

@media screen and (max-width: 1199px) {
    .core_values_box {
        max-width: 250px;
    }
    .core_values_1 .line {
        width: 145%;
    }
    .core_values_2 .line {
        left: -91px;
    }
    .core_values_3 .line {
        width: 134%;
    }
    .core_values_4 .line {
        left: -62px;
    }
    .core_values_box .referral_cont .text{
        font-size: 14px;
    }
}