﻿
@media (max-width: 576px) {
    .menu-bg-wrap {
        padding: 0;
    }
    .burger {
        float: right !important;
        position: relative;
        left: auto;
        right: 0;
        margin-right: 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;
        left: auto;
        right: 80px;
        top: 124px;
        align-items: center;
        overflow: hidden;
        display: flex;
        justify-content: center;
    }

    .DetailsBlop {
        left: 5%;
        top: 30%;
       
    }
    .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;
    }
    .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 {
     
        left: 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;
    }
    .LoginForm h3 {
        margin-top: 2rem !important;
    }
    }
/* Small screens (≥ 576px) */
@media (min-width: 576px) and (max-width:996px) {
    .LoginForm h3 {
        margin-top: 2rem !important;
    }

    .blob {
        width: 500px;
        height: 500px;
        right: 10%;
        top: 26%;
    }

    .imgBlop {
        height: 500px;
        width: 500px;
    }
    
        .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 {
        left: 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: right !important;
        position: relative;
        left: auto;
        right: 0;
        margin-right: 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;
        left: auto;
        right: 80px;
        top: 124px;
        align-items: center;
        overflow: hidden;
        display: flex;
        justify-content: center;
    }

    DetailsBlop {
        left: 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) and (max-width:1330px) {
    .hero .blob {
        width: 600px;
        height: 500px;
    }


    .hero .imgBlop {
        height: 500px;
        width: 600px;
    }

    .site-navigation .logo {
        height: 80px;
        width: 130px;
    }

    .site-menu {
        display: flex !important;
        width: max-content;
    }

    .container {
        max-width: 1100px;
    }

    .landing-curve2 {
       display:none;
    }

    .site-nav .site-navigation .site-menu > li > a.link-item {
        font-size: 12px;
    }
   
}
@media (min-width: 992px) and (max-width:1100px) {
    .hero .blob {
        width: 400px;
        height: 400px;
    }


    .hero .imgBlop {
        height: 400px;
        width: 400px;
    }
}
    /* Extra-large screens (≥ 1200px) */
    @media (min-width: 1200px) {


        .container, .container-sm, .container-md, .container-lg, .container-xl {
            max-width: 1300px;
        }

        .landing-curve2 {
            position: absolute;
            top: -45px;
        }
    }

    @media (min-width: 1400px) {
        .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
            max-width: 1320px;
        }

        .landing-curve2 {
            top: -53px;
        }
    }
@media (max-width: 992px) {

    .hero .blob{
        display:none;
    }
}
     
