@media (max-width: 576px) {
    .menu-bg-wrap {
        padding: 0;
    }
    .burger {
        float: left !important;
        position: relative;
        right: auto;
        left: 0;
        margin-left: 0 !important;
        background: #012875;
        padding: 22px;
        display: flex !important;
        align-items: center;
        justify-content: center;
        border-radius: 6px;
    }
        .burger.light:before, .burger.light span, .burger.light:after {
            background: #fff;
        }
        .burger:before, .burger span, .burger:after {
            width: 75%;
           
        }
        .burger:before {
            top: 10px;
        }
        .burger span {
            top: 18px;
        }
        .burger:hover:after {
            top: 18px;
        }
        .burger.light:before, .burger.light span, .burger.light:after {
            padding: 2px;
        }

    .hero, .hero > .container > .row {
        height: 100%;
        min-height: 80vh;
    }

    .blob {
        width: 250px;
        height: 250px;
        background: linear-gradient(100deg, #f6f9fd00, #b3d0f236);
        border-radius: 0;
        animation: morph 6s infinite;
        position: absolute;
        right: auto;
        left: 80px;
        top: 124px;
        align-items: center;
        overflow: hidden;
        display: flex;
        justify-content: center;
    }

    .DetailsBlop {
        right: 5%;
        top: 20%;
       
    }
    .QuickJoin {
        height: 185px;
    }
    .FooterLogo {
        margin-top: 20px;
    }
    .FAQSection .blob {
        top: 0;
        display: none;
    }
    .FAQSection {
        margin-bottom: 24% !important;
    }

    .site-nav {
      
        background: #fff;
    }
    .dots {
        display: none;
    }

    .Links.justify-content-space-between {
        justify-content: space-between;
        flex-direction: column;
        row-gap: 20px;
        width: 65%;
    }

    .Links a.mx-2{
        margin:0 !important;
    }
    .landing-curve {
        top: 99%;
    }
    .site-mobile-menu .site-nav-wrap a {
        padding: 5px 20px;
        display: flex;
        align-items: center;
    }
    .site-mobile-menu .site-nav-wrap > li {
        display: flex;
       
    }
    .container-custom {
        width: 100%;
    }
    .row > * {
        /*max-width: max-content;*/
        width: 100%;
    }
    .LinesOfPays {
        column-gap: 10px;
        width: 140px;
    }
    .ContentSection {
        margin-bottom: 60% !important;
    }
    .Installments .VerticalLine {
     
        right: 10.5%;
       
    }
    .LoginPage {
       
        margin: 20px;
       
    }
    .LoginSVG {
        position: relative;
        top: 0;
    }
    .socialMedia {
        position: relative;
        top: 15%;
    }
    .LeftBack {
        height: 100%;
        width: 100%;
    }
    .ShapeBlock {
        display:none;
    }
    .overlay {
       
        z-index: 0;
      
    }
    .form-select {
      
        padding: 0px 23px;
    }


    .overlay .socialMedia {
        display: none;
    }
    }
/* Small screens (≥ 576px) */
@media (min-width: 576px) and (max-width:996px) {
    .LoginPage {
        margin: 20px;
    }

    .LoginSVG {
        position: relative;
        top: 0;
    }

    .socialMedia {
        position: relative;
        top: 15%;
    }

    .LeftBack {
        height: 100%;
        width: 100%;
    }
    .form-select {
        padding: 0px 23px;
    }
    .overlay {
        z-index: 0;
    }
    .ShapeBlock {
        display: none;
    }
    .overlay .socialMedia {
      display:none;
    }

    
    .Installments .VerticalLine {
        right: 10.5%;
    }
    .ContentSection{
        margin-bottom:60%;
    }
    .LinesOfPays {
        column-gap: 10px;
        width: 140px;
    }
    /*.row > * {
        max-width: max-content;
        width: auto;
    }*/
    .container-custom {
        width: 100%;
    }
    .site-mobile-menu .site-nav-wrap > li {
        display: flex;
    }
    .site-mobile-menu .site-nav-wrap a {
        padding: 5px 20px;
        display: flex;
    }
    .landing-curve {
       
        top: 99%;
       
    }
    .menu-bg-wrap {
        padding: 0;
    }

    .burger {
        float: left !important;
        position: relative;
        right: auto;
        left: 0;
        margin-left: 0 !important;
        background: #012875;
        padding: 22px;
        display: flex !important;
        align-items: center;
        justify-content: center;
        border-radius: 6px;
    }
        .burger.light:before, .burger.light span, .burger.light:after {
            background: #fff;
        }
        .burger:before, .burger span, .burger:after {
            width: 75%;
           
        }
        .burger:before {
            top: 4px;
        }

        .burger span {
            top: 20px;
        }

        .burger:hover:after {
            top: 18px;
        }

        .burger.light:before, .burger.light span, .burger.light:after {
            padding: 2px;
        }
    .hero, .hero > .container > .row {
        height: 100%;
        min-height: 120vh;
    }
    

    .blob {
        width: 250px;
        height: 250px;
        background: linear-gradient(100deg, #f6f9fd00, #b3d0f236);
        border-radius: 0;
        animation: morph 6s infinite;
        position: absolute;
        right: auto;
        left: 80px;
        top: 124px;
        align-items: center;
        overflow: hidden;
        display: flex;
        justify-content: center;
    }

    DetailsBlop {
        right: 5%;
        top: 42%;
    }
    .QuickJoin {
        height: 185px;
    }

    .FooterLogo {
    
        margin-top: 20px;
    }

    .FAQSection .blob {
        top: 0;
        display: none;
    }
    .FAQSection {
      
        margin-bottom: 24% !important;
        
    }

    .site-nav {
        background: #fff;
    }
    .dots {
       
        display: none;
    }

    .Links.justify-content-space-between {
        justify-content: space-between;
        flex-direction: column;
        row-gap: 20px;
        width: 65%;
    }

    .Links a.mx-2 {
        margin: 0 !important;
    }
    }

/* Medium screens (≥ 768px) */
@media (min-width: 768px) {

}

/* Large screens (≥ 992px) */
@media (min-width: 992px) {
   
}

/* Extra-large screens (≥ 1200px) */
@media (min-width: 1200px) {
   
    }