.our_brands {
        padding: 40px 0;
        float: left;
        width: 100%;
        background-color: #F5F5F5;
        margin-bottom: 60px;
    }

    .sub_text h2 {
        font-size: 30px;
        text-align: center;
        position: relative;
        margin: 0;
    }

    .our_brands_inner {
        padding-top: 40px;
        width: 73%;
        margin: 0 auto;
    }

    .sub_text h2::before {
        content: '';
        display: block;
        width: 75px;
        height: 6px;
        background: #5cb85c;
        border-radius: 3px;
        position: absolute;
        left: 50%;
        bottom: -12px;
        transform: translate(-50%);
    }

    .brand_logo_block {
        display: block;
        margin: 0 auto;
        text-align: center;
        width: 100%;
    }

    .only_desi_pic {
        width: 63%;
        margin-top: -8px;
    }

    .bharat_pic {
        width: 60%;
        margin-top: -5px;
    }

    .onpic h1 {
        font-size: 45px;
        color: #fff;
        font-weight: bold;
        line-height: 57px;
    }

    .new_media_block_grid {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 30px;
    }

    .nmbg_block_text {
        margin-top: 20px;
    }

    .nmbg_block_text p {
        font-size: 22px;
        font-weight: 700;
        text-align: center;
    }

    @media (max-width: 767px) {
        .new_media_block_grid {
            grid-template-columns: 1fr;
            grid-gap: 15px;
        }

        .new_new_block_padding {
            padding-top: 10px !important;
        }

        .new_media_block {
            padding: 0px 15px;
        }

        .nmbg_block_text p {
            font-size: 16PX;
            margin-top: 8px;
        }

        .nmbg_block_text {
            margin-top: 0;
        }

        .wpb_column {

            height: unset;
        }

        .our_brands_inner {
            width: 100%;
        }

        .brand_logo_block1 {
            margin-bottom: 30px;
        }

        .sub_text h2 {
            font-size: 25px;
        }

        .onpic h1 {
            color: #fff;
            font-weight: bold;
            line-height: 37px;
            font-size: 32px;
        }
    }

    /* modal start */
    .custom-modal {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        /* semi-transparent overlay */
        z-index: 9999999;
        justify-content: center;
        align-items: center;
    }

    .custom-modal-content {
        background-color: #fff;
        padding: 20px;
        border-radius: 5px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        width: 400px;
        margin: 0 auto;
    }

    .customModal_inner {
        margin-top: 80px;
    }

    .modal_cross_button {
        display: flex;
        justify-content: flex-end;
    }

    #closeModalBtn {
        height: 20px;
        width: 20px;
        background-color: #000;
        border-radius: 100%;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

    .custom_modal_body {
        text-align: center;
    }

    .custom_modal_body h5 {
        color: #FF5C00;
        font-size: 26px;
        margin: 8px 0;
    }

    .custom_modal_body p {
        color: #333333;
        font-size: 18px;
    }

    .custom_modal_body p span {
        color: #FF6B00;
        font-size: 20px;
        font-weight: bold;
    }

    .code_div h4 {
        color: #000;
        font-size: 25px;
    }

    .code_div {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 15px 0;
    }

    .code_div img {
        margin-left: 10px;
    }

    .apply_the_coupon_a_holder {
        height: 43px;
        width: 220px;
        color: #fff !important;
        background-color: #18BA60;
        font-size: 17px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .apply_the_coupon_a {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .new_custom_new_home p {
        font-size: 19px;
        text-align: center;
    }

    .home_about .about h2 {
        font-size: 29px;
        font-weight: 600;
        margin-bottom: 20px;
    }

    @media screen and (max-width: 767px) {
        .custom-modal-content {
            width: 90%;
        }

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

        .home_about .about h2 {
            font-size: 23px;
        }
    }

    /* modal end */

    /* home_section_banner start */
    .home_section_saurabh_shukla {
        float: left;
        width: 100%;
        background-image: url(https://www.onlinelegalindia.com/images/banner/home-banner-saurabh_shukla.webp);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        /* height: 568px; */
        min-height: 568px;
        height: auto;
    }

    .hsss_inner {
        margin-top: 50px;
    }

    .hsss_inner_left h1 {
        font-size: 46px;
        font-weight: bold;
        color: #fff;
        line-height: 54px;
    }

    .hsss_inner_left h1 span {
        color: #FF984D;
    }

    .span_legal_matters {
        display: block;
        color: #fff !important;
    }

    .hsss_inner_right {
        display: flex;
        justify-content: flex-end;
    }

    .index_ul_li_home {
        margin-top: 30px;
    }

    .index_ul_li_home ul {
        column-count: 2;
    }

    .index_ul_li_home ul .one,
    .index_ul_li_home ul .two,
    .index_ul_li_home ul .three,
    .index_ul_li_home ul .four,
    .index_ul_li_home ul .five,
    .index_ul_li_home ul .six,
    .index_ul_li_home ul .seven,
    .index_ul_li_home ul .eight {
        list-style: none;
        margin-bottom: 15px;
        font-size: 18px;
        font-weight: bold;
        position: relative;
        padding-left: 38px;
    }

    /* .index_ul_li_home ul .four {
        list-style: none;
        margin-bottom: 15px;
        font-size: 18px;
        font-weight: bold;
        padding-left: 38px;
    } */

    #drop1 {
        position: relative;
    }

    .index_ul_li_home ul .one::after,
    .index_ul_li_home ul .two::after,
    .index_ul_li_home ul .three::after,
    .index_ul_li_home ul .four::after,
    .index_ul_li_home ul .five::after,
    .index_ul_li_home ul .six::after,
    .index_ul_li_home ul .seven::after,
    .index_ul_li_home ul .eight::after {
        position: absolute;
        top: 0;
        left: 0;
        overflow: auto;
    }

    #drop1::after {
        position: absolute;
        top: 0;
        left: -37px;
        overflow: auto;
        content: url(https://www.onlinelegalindia.com/images/banner/licenses-home-icon.webp);
    }

    .index_ul_li_home ul .one::after {
        content: url(https://www.onlinelegalindia.com/images/banner/consumer-complaint-home-icon.webp);
    }

    .index_ul_li_home ul .two::after {
        content: url(https://www.onlinelegalindia.com/images/banner/trademark-registration-home-icon.webp);
    }

    .index_ul_li_home ul .three::after {
        content: url(https://www.onlinelegalindia.com/images/banner/company-registration-home-icon.webp);
    }

    .index_ul_li_home ul .four::after {
        content: url(https://www.onlinelegalindia.com/images/banner/licenses-home-icon.webp);
    }

    .index_ul_li_home ul .five::after {
        content: url(https://www.onlinelegalindia.com/images/banner/tax-compliance-home-icon.webp);
    }

    .index_ul_li_home ul .six::after {
        content: url(https://www.onlinelegalindia.com/images/banner/legal-consultancy-home-icon.webp);
    }

    .index_ul_li_home ul .seven::after {
        content: url(https://www.onlinelegalindia.com/images/it-services.webp);
    }

    .index_ul_li_home ul .eight::after {
        content: url(https://www.onlinelegalindia.com/images/income-tax-return.webp);
    }

    .index_ul_li_home ul li a {
        color: #fff !important;
        /* text-decoration: none; */
    }

    .hsss_inner_google_trustpiolt {
        margin-top: 35px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 20px;
        width: 70%;
    }

    .hsss_inner_google_trustpiolt .new_grid img {
        border-radius: 5px;
    }

    .oli_home_marquee_inner p {
        font-size: 16px;
        color: #fff;
    }

    .oli_home_marquee {
        background: linear-gradient(to right, #E9CF6A, #AA7918, #AA7918, #EBC15C);
        padding: 12px 0 8px 0;
    }

    .oli_home_marquee_text {
        font-size: 16px;
        color: #fff;
    }

    @media screen and (max-width: 767px) {
        .home_section_saurabh_shukla {
            height: unset;
            background-image: url(https://www.onlinelegalindia.com/images/banner/home-banner-saurabh_shukla-mobile.webp);
        }

        .index_ul_li_home {
            margin-top: 20px;
        }

        .home_row_block {
            display: grid;
        }

        .home_row_block1 {
            order: 2;
        }

        .home_row_block2 {
            order: 1;
        }

        .index_ul_li_home ul {
            column-count: 1;
        }

        .hsss_inner_left h1 {
            font-size: 40px;
            line-height: 45px;
        }

        .span_legal_matters {
            margin-top: unset;
            margin-left: 0 !important;
            display: unset;
        }

        .hsss_inner {
            margin-top: 0;
        }

        .hsss_inner_google_trustpiolt {
            margin-top: 10px;
            width: 100%;
            margin-bottom: 16px;
        }

        .hsss_inner_left {
            margin-top: 10px;
        }

        .index_ul_li_home ul li {
            margin-bottom: 9px;
        }

        .hsss_inner_right {
            justify-content: center;
        }

        .hsss_inner_right img {
            width: 220px;
        }
    }

    @media screen and (max-width: 390px) {
        .hsss_inner_left h1 {
            font-size: 28px;
            line-height: 35px;
        }
    }


    .dropdown-menu1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        background: #444;
        min-width: 180px;
    }

    .dropdown-menu1 li {
        padding: 5px;
        display: block;
    }

    .dropdown-menu1 li a {
        color: white;
    }

    .dropdown-menu1 li a {
        font-size: 14px !important;
    }

    .new_custom_caret {
        border-top: 5px solid white;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        display: inline-block;
        margin-left: 5px;
        vertical-align: middle;
    }

    .dropdown-toggle.active .new_custom_caret {
        transform: rotate(180deg);
    }

    /* Show dropdown on hover for desktop */
    @media (min-width: 768px) {
        .dropdown1:hover .dropdown-menu1 {
            display: block;
            width: 600px;
            top: 202px;
            z-index: 1;
            column-count: 3;
            background-color: #215585;
            border-radius: 5px;
            padding: 0 15px;
        }
    }

    @media (min-width: 1200px) {
        .dropdown1:hover .dropdown-menu1 {
            top: 202px;
        }
    }

    /* Mobile-specific styling */
    @media (max-width: 767px) {
        .dropdown-menu1.show {
            display: block;
        }
    }

    /* home_section_banner end */
</style>

<link rel="stylesheet" type="text/css" href="https://www.onlinelegalindia.com/css/iso-certification.css?v=1.1">


<style>
    #first_div {
        background-color: white;
        padding: 20px;
        width: 502px;
        border-radius: 30px;
    }

    #text_brandamb_tittle {
        color: #F5F5F5;
        font-size: 22px;
        margin-right: -64px;
        margin-top: 26px;
    }

    #choosed_service {
        background-color: #ffffff !important;
    }

    @media only screen and (max-width: 576px) {

        #first_div {
            width: unset;
        }

        #text_brandamb_tittle {
            font-size: 17px;
            margin-right: unset;
            margin-top: 15px;
            margin-bottom: 11px;
        }


        /* .row {
            display: flex;
            flex-direction: column;
        }
 
        .home_row_block1 {
            order: 1;
            width: 100%;
        }
 
        .home_row_block2 {
            order: 2;
            width: 100%;
            margin-top: 20px;
        } */
    }