@media (max-width: 1200.98px) {
    .Header-Nav {
        display: none;
    }

    body {
        overflow-x: hidden;
    }

    html {
        overflow-x: hidden;

    }

    .Header-Action {
        display: none;
    }



    /* Hamburger button */
    .mobile-menu button {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 28px;
        height: 22px;
        background: none;
        border: none;
        cursor: pointer;
        padding: 0;
    }

    .mobile-menu button span:last-child {
        height: 3.2px;

    }

    .mobile-menu button span {
        display: block;
        height: 3px;
        width: 100%;
        background-color: #1D3353;
        border-radius: 2px;
        transition: 0.3s ease;
    }

    /* Side slider menu */
    .side-slider {
        position: fixed;
        top: 0;
        right: -320px;
        /* hidden by default */
        width: 300px;
        height: 100vh;
        transition: 0.4s ease;
        z-index: 9999;
        background-color: #1D3353;
    }


    #sideSlider ul {
        margin-top: 100px;
    }

    #sideSlider ul li {
        margin: 0px;
    }

    #sideSlider ul li a {
        margin: 0px;
        text-decoration: none;
        width: 100%;
        display: block;
        padding: 10px 10px;
        border-bottom: 1px solid #eeeeee22;
        font-size: 14px;
        color: #fff;
        font-weight: 500;
    }

    .side-slider ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .side-slider ul li {
        margin-bottom: 25px;
    }

    .side-slider ul li a {
        text-decoration: none;
        color: #0b5ed7;
        font-size: 18px;
    }

    /* Active class to show slider */
    .side-slider.active {
        right: 0;
    }

    /* Hamburger animation when open */
    .mobile-menu button.active span:nth-child(1) {
        transform: rotate(45deg) translateY(8px);
    }

    .mobile-menu button.active span:nth-child(2) {
        opacity: 0;
    }

    .mobile-menu button.active span:nth-child(3) {
        transform: rotate(-45deg) translateY(-8px);
    }

    .mobile-menu {
        display: block;
    }

    .Header-Logo {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .Header-Root {
        display: unset;
    }


    /* Slider Close Button */
    .slider-close {
        position: absolute;
        height: 35px;
        width: 35px;
        background-color: #fff;
        color: #1d3353;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 0;
        right: 0;
        font-size: 25px;
        border: 0px;
    }


    .side-slider {
        display: block;
    }










































    .Hero-Section {
        padding-top: 150px;
        padding-bottom: 50px;
    }

    .Who-We-Are-Grid .Left-Column::after {
        display: none;
    }

    .Interested-Grid .Left-Grid-Column .Image-Root-Block::before {
        display: none;
    }


}


@media (max-width: 991.98px) {

    .Services-Grid .Services-Card {
        padding: 25px;
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .Services-Grid .Card-Text-Block h4 {
        font-size: 20px;
    }

    .Services-Grid .Card-Text-Block ul {
        margin: 10px 0px 0px 0px;
    }

    .Hero-Grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .Hero-Grid .Right-Grid {
        padding: 0px;
    }

    .Description-Hero p {
        margin-bottom: 20px;
    }

    .Who-We-Are {
        padding: 50px 0px;
    }


    .Who-We-Are-Grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .Who-We-Are-Grid .Left-Column {
        padding-left: 0px;
    }

    .Licensed-Section {
        padding: 50px 0px;
    }

    .Interested-Grid {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .Interested-Grid .Left-Grid-Column .Image-Root-Block img {
        padding-right: 0px;
    }

    .Services-Form-Section {
        padding: 50px 0px;
    }

    footer {
        padding: 50px 0px 0px 0px;
    }

    .Our-Commitment .Section-Head {
        padding-top: 40px;
        padding-bottom: 50px;
    }

    .Hero-Grid .Hero-Title h1 {
        font-size: 40px;
        line-height: 50px;
    }

    .Section-Title h2 {
        font-size: 40px;
    }

    .Licensed-Section .Licensed-Grid {
        grid-template-columns: 1fr;
        padding: 25px;
    }

    .Main-Root-Card .Inner-City-Root {
        margin-bottom: 15px;
    }

    .Licensed-Section .Licensed-Grid .Click-View-Card {
        height: auto;
    }

    .Card-Block-End p {
        margin-bottom: 0px;
    }

    .Left-Grid-Description {
        margin-top: 15px;
        margin-bottom: 18px;
    }

    .Left-Main-Grid ul {
        margin-bottom: 25px;
    }

    .Our-Commitment .Section-Head p {
        padding-top: 0px;
    }

    .Footer-Container {
        gap: 40px;
        grid-template-columns: 1fr;
    }

    .Footer-Container .Footer-Center {
        margin-left: auto;
        max-width: 100%;
    }

    .Footer-License {
        max-width: 100%;
        margin-left: unset;
    }

    .Footer-Title h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }
}


@media (max-width: 575.98px) {

    .Site-Header {
        padding: 10px 0px;
    }

    .Hero-Grid .Hero-Title h1 {
        font-size: 30px;
        line-height: 35px;
    }

    .Highlight-Text span {
        line-height: 27px;
        padding-bottom: 7px;
        font-size: 18px;
    }

    .Description-Hero p {
        font-size: 17px;
    }

    .Hero-Grid .Action-Btn {
        flex-direction: column;
        align-items: center;
        width: 100%;
        gap: 15px;
    }

    .Hero-Grid .Action-Btn a {
        width: 100%;
        max-width: 100%;
        text-align: center;
        font-size: 17px !important;
    }

    .Hero-Section::before {
        display: none;
    }

    .Hero-Section {
        padding-bottom: 40px;
    }

    .Hero-Section::after {
        display: none;
    }

    .Hero-Grid {
        gap: 28px;
    }

    .Hero-Grid .Image-Root {
        margin-bottom: 15px;
        gap: 15px;
    }

    /* 
    .Who-We-Are-Grid .Left-Column img {
        max-width: 377px;
    } */
    .Font-Size {
        padding: 11.67px 22px;
    }

    .Left-Section-Action-Btn a {
        width: 100%;
        text-align: center;
        max-width: 100%;
    }

    .Section-Title h2 {
        font-size: 30px;
        line-height: normal;
        margin-bottom: 10px;
    }

    .Section-List {
        grid-template-columns: 1fr;
        margin-bottom: 20px;
    }

    .Section-Action-Box a {
        width: 100%;
        max-width: 100%;
        text-align: center;
    }

    .Services-Grid {
        gap: 22px;
        margin-top: 24px;
        margin-bottom: 15px;
        grid-template-columns: 1fr;
    }

    .Services-Grid .Services-Card {
        padding: 20px;
    }

    .Services-Grid .Card-Text-Block h4 {
        font-size: 18px;
    }

    .Licensed-Section .Licensed-Grid {
        padding: 12px;
    }

    .Licensed-Section .Licensed-Grid .Click-View-Card {
        height: 235px;
    }

    .Right-Details-Bx .Section-Head-Root h4 {
        gap: 8px;
        font-size: 17px;
        margin-bottom: 10px;
    }

    .Main-Root-Card .City-Root p {
        width: 100%;
        max-width: 100%;
    }

    .Main-Root-Card .Inner-City-Root {
        flex-direction: column;
        gap: 12px;
        margin-bottom: 12px;
    }

    .Main-Root-Card .Inner-City-Root p {
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    .Interested-Grid .Left-Grid-Column p {
        font-size: 17px;
        margin-bottom: 20px;
    }

    .Left-Main-Grid ul li:first-child {
        grid-column: unset;
        width: auto;
    }

    .Left-Main-Grid ul {
        grid-template-columns: 1fr;
    }

    .Left-Main-Grid ul li {
        padding: 12px 12.67px;
        white-space: normal;
        font-size: 14px;
        gap: 10px;
    }

    .Font-Size {
        font-size: 17px;
    }

    .Services-Form-Section .Section-Head p {
        padding-bottom: 15px;
    }

    .Services-Form-Section .Form-Grid {
        padding: 20px;
        width: 100%;
        max-width: 100%;
    }

    .Main-Inner-Grid {
        grid-template-columns: 1fr;
        row-gap: 15px;
        column-gap: 15px;
        margin-bottom: 20px;
    }

    .Form-Center-Grid .Center-Grid {
        column-gap: 20px;
        grid-template-columns: 1fr;
        margin-bottom: 20px;
    }

    .Outer-Text-Block span {
        margin-top: 18px;
        padding-top: 12px;
    }

    .Our-Commitment .Section-Head::after {
        display: none;
    }

    .Our-Commitment .Section-Head::before {
        display: none;
    }

    .Our-Commitment .Section-Head {
        padding: 25px;
    }

    .Footer-Container {
        gap: 24px;
    }

    .Footer-Container ul li {
        font-size: 15px;
    }

    .Footer-Title h3 {
        font-size: 18px;
    }

    .Copy-Right p {
        margin-top: 22px;
        padding-top: 15px;
        font-size: 14px;
        padding-bottom: 17px;
    }


    .cs-modal {
        max-width: 360px;
        padding: 32px;
        height: calc(100vh - 30px);
        border-radius: 15px;
        padding: 15px;
        padding-top: 45px;
    }

    .form-header .section-title h2 {
        font-size: 22px;
        margin-bottom: 8px;
    }

    .form-grid {
        row-gap: 20px;
        column-gap: 15px;
        grid-template-columns: 1fr;
        margin-bottom: 20px;
    }

    .option-group {
        flex-direction: column;
        margin-bottom: 20px;
        align-items: start;
        gap: 15px;
    }

    .form-section h3 {
        line-height: 23px;
    }

    .form-disclaimer p {
        margin-bottom: 0px;
    }

    .History-Block {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .form-header p {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .cs-close {
        background: #000;
        color: #fff;
        height: 40px;
        width: 40px;
        right: 0;
    }
}