/* responsive css start */
@media(max-width:1400px) {
    .site_header .navbar-nav {
        margin-right: 20px;
        gap: 0px;
    }
}

@media(max-width:1200px) {
    .site_header .navbar-collapse {
        position: absolute;
        top: 70px;
        background: purple;
        width: 80%;
        left: 0px;
        right: 0px;
        margin: 0 auto;
        border-radius: 20px;
        padding: 10px 20px;
        z-index: 99;
    }

    .site_header .navbar-nav a.active {
        color: #fff;
    }

    .benifit_box_content h6 {
        word-break: break-all;
    }

    .site_header .navbar-nav a {
        color: #fff;
    }

    .site_header .login_signup_btn a {
        color: #fff;
        border: 1px solid #fff;
    }

    .login_signup_btn {
        margin-top: 20px;
    }

    .login_content .login_heading h1 {
        font-size: 80px;
    }

    .home_sec .home_sec_content h2 {
        font-size: 50px;
        line-height: 64px;
    }

    .home_hand_image .home_hand_image_content {
        right: 0px;
    }

    .chart_menu {
        flex-wrap: wrap;
    }

    .home_contact_form_sec .contact_form_content h2 {
        font-size: 50px;
        line-height: 63px;
    }
}

@media(max-width:1024px) {
    .slide_to_next_sec {
        bottom: 90px;
    }
}

@media(max-width:992px) {
    .login_sec {
        padding: 40px 0px;
    }

    .site_header {
        padding: 0px;
    }

    .site_header .navbar-collapse {
        width: 95%;
    }

    .forgot_password_sec {
        padding: 80px 0px;
    }

    .home_hand_image .home_hand_image_content {
        max-width: 240px;
    }

    .home_hand_image .home_hand_image_content p {
        font-size: 12px;
    }

    .home_contact_form_sec .contact_form_content {
        padding-left: 20px;
        padding-bottom: 20px;
    }

    .home_contact_form {
        padding: 40px 30px;

    }

    .educational_content_slider .educational_content_box {
        padding: 20px 10px;
    }
    .slider_text h1{
        font-size: 60px;
        line-height: 55px;
    }
}

@media(max-width:767px) {
    .home_sec .home_sec_content h2 {
        font-size: 40px;
        line-height: 44px;
    }

    .home_hand_image .home_hand_image_content p {
        font-size: 8px;
        line-height: normal;
    }

    .home_hand_image .home_hand_image_content {
        max-width: 150px;
        right: 25px;
        top: 10px;
    }

    .about_affilate {
        padding: 25px 0px;
    }

    .home_sec {
        padding: 40px 0px;
    }

    .benifits_sec .section_heading {
        margin-bottom: 30px;
    }

    .benifits_sec .benifit_box {
        margin-bottom: 20px;
    }

    .benifits_sec .benifit_box:hover {
        transform: translateY(-13px);
    }

    .how_it_work_sec .how_it_work_left_image img {
        width: 100%;
    }

    .how_it_work_sec {
        padding: 40px 0px;
    }

    .benifits_sec {
        padding: 20px 0px;
    }

    .referral_process_sec {
        padding: 0px 0px 30px;
    }

    .home_contact_form_sec .contact_form_content h2 {
        font-size: 40px;
    }

    .how_it_work_sec .how_it_work_left_image {
        margin-bottom: 30px;
    }

    .educational_content_sec h2,
    .faq_sec .faq_heading h2 {
        font-size: 26px;

    }
    
    .list_of_partners_header_right form {
        display: grid;
        grid-template-columns: 2fr 2fr;
    }
    .slider_text h1{
        font-size:40px;
        line-height: 55px;
    }
    .list_of_parters_outer .list_of_partners_header{
        padding: 20px 20px;
    }
    .list_of_parters_table{
        margin: 20px 20px 0px;
    }
    .slider_text .border_left{
        top: -11px;
    }
    .educational_content_slider .educational_content_box{
        margin: 10px 5px;
    }
}

@media(max-width:576px) {
    header .navbar-brand img {
        width: 180px;
    }

    .forgot_password_sec {
        padding: 80px 0px 30px;
    }

    .dasboard_heading .search_input input {
        width: 100%;
    }

    .dasboard_heading .heading_right form {
        width: 300px;
    }

    .dasboard_sec .dasboard_heading,
    .dasboard_content,
    .dashboard_right_profile_sec {
        padding: 20px 15px;
    }

    .referred_driver_list_heading h5 {
        font-size: 16px;
    }

    .referred_driver_list_heading a {
        font-size: 13px;
    }

    .home_sec .home_sec_content h2,
    .home_contact_form_sec .contact_form_content h2 {
        font-size: 30px;
        line-height: 34px;
    }

    .section_heading h3 {
        font-size: 25px;
        line-height: 32px;
    }

    .home_hand_image .home_hand_image_content p {
        font-size: 5px;
    }

    .home_hand_image .home_hand_image_content svg {
        width: 10px;
        height: 10px;
    }

    .home_hand_image .home_hand_image_content {
        max-width: 100px;
    }

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

    .about_affilate_right,
    .how_it_work_sec .how_it_work_left_image {
        padding: 20px 20px;
    }

    .about_affilate_right_inner {
        padding: 20px 15px;
    }

    .benifits_sec .section_heading {
        display: block !important;
    }

    .benifits_sec .benifit_box {
        padding: 30px 25px;
    }

    .educational_content_sec h2,
    .faq_sec .faq_heading h2 {
        font-size: 22px;
        line-height: 35px;
    }

    .educational_content_sec .educational_content_header a {
        font-size: 14px;
    }

    .faq_inner .accordion-item {
        padding: 20px 20px;
    }

    .educational_content_slider {
        padding: 0px;
    }

    .educational_content_slider .educational_content_box {
        margin: 10px 10px;
    }
    .slider_text h1{
        font-size:30px;
        line-height: 40px;
    }
    .slider_bottom_social_icons{
        flex-wrap: wrap;
    }
    .referral_slider_sec .social_icons{
        gap: 10px;
    }
    .referral_slider_sec .social_icons img{
        width: 20px;
        height: 20px;
    }
    .slider_bottom_social_icons{
        left: 10px;
        gap: 5px;
        bottom: 10px;
    }
    .slide_to_next_sec{
        height: 50px;
        width: 50px;
    }
    .slider_text .border_left{
        width: 30px;
    }
    .blog-slider__img img{
        height: 500px;
    }
    .blog-slider__img {
        width: 50%;
    }
    .dollar_img img{
        width: 60%;
    }
    .dollar_img2 img{
        width: 30%;
    }
}

@media(max-width:425px) {
    .forgot_password_sec::after {
        width: 200px;
    }

    .dasboard_heading .heading_right form {
        width: 210px;
    }

    .referred_driver_image p,
    .referred_driver_ammount span {
        font-size: 12px;
    }

    .activities_overview,
    .activities_overview .chart_bg {
        padding: 15px 10px;
    }

    .pie_chart_heading h5,
    .activities_overview .apexcharts-title-text {
        font-size: 16px;
    }

    .dasboard_content h4 {
        font-size: 18px;
        line-height: 21px;

    }

    .home_hand_image .home_hand_image_content {
        max-width: 80px;
        right: 10px;
        top: -9px;
    }

    .home_sec .home_sec_content h2,
    .home_contact_form_sec .contact_form_content h2 {
        font-size: 22px;
    }

    .affilate_program_inner {
        padding: 20px 15px;
    }

    .educational_content_sec .educational_content_header a {
        font-size: 14px;
        position: relative;
        text-align: center;
        transform: unset;
        display: block;
    }

    .how_we_can_help_sec .how_we_can_help_outer {
        padding: 40px 10px;

    }

    .educational_content_sec {
        padding: 20px 0px;
    }

    .faq_sec {
        padding: 10px 0px 40px;
    }
    .slider_text h1{
        font-size: 24px;
        line-height: normal;
    }
    .list_of_parters_table{
        margin: 20px 10px 0px;
    }
    .list_of_parters_outer .list_of_partners_header{
        padding: 20px 10px;
    }
}

/* responsive css end */