@-webkit-keyframes toggleOnCheckbox {
    0% {
        opacity: 0;
        transform: translate(-50%, -85%) scale(0) rotate(45deg);
    }
    70% {
        opacity: 1;
        transform: translate(-50%, -85%) scale(0.9) rotate(45deg);
    }
    100% {
        transform: translate(-50%, -85%) scale(0.8) rotate(45deg);
    }
}

@keyframes toggleOnCheckbox {
    0% {
        opacity: 0;
        transform: translate(-50%, -85%) scale(0) rotate(45deg);
    }
    70% {
        opacity: 1;
        transform: translate(-50%, -85%) scale(0.9) rotate(45deg);
    }
    100% {
        transform: translate(-50%, -85%) scale(0.8) rotate(45deg);
    }
}

@-webkit-keyframes toggleOnRadio {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0);
    }
    70% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(0.9);
    }
    100% {
        transform: translate(-50%, -50%) scale(0.8);
    }
}

@keyframes toggleOnRadio {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0);
    }
    70% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(0.9);
    }
    100% {
        transform: translate(-50%, -50%) scale(0.8);
    }
}


/*Responsive*/

@media (max-width: 1800px) {
    .tab-content>.tab-pane,
    .sec_3_content {
        max-width: 90%;
    }
    .nav-tabs .nav-link {
        font-size: 20px;
    }
    .sec_3_content label {
        font-size: 16px;
    }
    .step1 .conditions .inner .box.second{
        padding: .5rem;
    }
}

@media (max-width: 1630px) {
    section.section1 {
        background-position: top -17px right -200px;
        background-size: 80%;
        padding-bottom: 11.188rem;
        padding-top: 3.5rem;
    }
    .content {
        background-position: bottom 1% left -79%, bottom -30% right -100%;
    }
    .calculator_block {
        flex-flow: column;
    }
    .calculate {
        padding: 7px;
    }
    .big_title {
        font-size: 5.063rem;
        line-height: 6rem;
    }
    .tab_left {
        padding-left: 55px;
    }
    .step2 .options{
        width: 60%;
        margin: 0 auto;
    }
}

@media (max-width: 1500px) {
    .step1 .conditions .box{
        height: 11vh;
    }
}

@media (max-width: 1370px) {
    .calculator_bottom_block {
        flex-flow: column;
        align-items: flex-start;
    }
    #sidebar {
        width: 75%;
    }
    .menu ul>li a:hover {
        color: #F58427!important;
    }
    .menu ul>li a {
        font-size: 1.175rem;
    }
    .sec_3_content input {
        width: 100%;
    }
    .tab_left {
        padding-left: 70px;
        font-size: 25px;
    }
    .tab-content>.tab-pane {
        background-position: top 43px right 20px;
    }
    #sidebar .logo {
        padding-bottom: 5.313rem;
    }
    .type_of_vark input:before {
        width: 25px;
        height: 25px;
    }
    .content {
        background-position: bottom 1% left 120%, bottom -30% right 415%;
    }
    .tab-content>.tab-pane {
        background-size: 114px;
    }
    .tab_right table td {
        font-size: 25px;
    }
    .nav-tabs .nav-item.show .nav-link,
    .nav-tabs .nav-link.active {
        font-size: 15px;
        padding: 10px 14px;
    }
    .step1 .loan .one{
        display: none;
        
    }
    .step1 .loan .two{
        width: 100%;
    }
    .step1 .conditions .inner .box.last{
       padding-top: 1.5rem;
    }
}

@media (max-width: 1200px) {
    .sms {
        z-index: 20;
    }
    .content {
        background-position: bottom -16% left -112%, bottom -30% right -100%;
        left: 0;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        position: relative;
    }
    .dimmed .content {
        background-position: bottom -16% left -112%, bottom -30% right -100%;
        left: 0;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        position: relative;
    }
    body.dimmed {
        /*overflow: hidden;*/
    }
    .dimmed .mobile_menu {
        width: 100%;
        background: #000000;
    }
    section.section1,
    section.section2,
    section.section3 {
        padding: 0 40px;
    }
    .sms img {
        width: 80px;
    }
    .big_title {
        font-size: 3.063rem;
        line-height: 4rem;
        padding-bottom: 123px;
    }
    .type_of_vark {
        margin-top: 35px;
        margin-bottom: 35px;
    }
    section.section1 {
        background-position: top -100px right -65px;
        background-size: 70%;
        padding-bottom: 4.188rem;
        padding-top: 100px;
    }
    .section3 {
        margin-top: 50px;
        margin-bottom: 50px;
    }
    hr {
        margin-bottom: 40px;
        margin-top: 40px;
    }
    .tab-content>.tab-pane,
    .sec_3_content {
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
        padding: 30px;
    }
    /*Mobile menu*/
    .mobile_menu .cont {
        position: absolute;
        width: 100%;
        height: 100%;
        text-align: center;
        top: 40%;
        left: 0;
        margin: 0 auto;
    }
    .mobile_menu .cont p {
        font-size: 20px;
    }
    .mobile_menu .button_container {
        position: relative;
        /*top: 28%;*/
        left: 3%;
        height: 27px;
        width: 35px;
        cursor: pointer;
        z-index: 9999;
        transition: opacity .25s ease;
        opacity: 1;
        visibility: visible;
    }
    .mobile_menu {
        width: 100%;
        position: fixed;
        background: #b50938;
        display: flex!important;
        z-index: 20;
        height: 70px;
        align-items: center;
        top: 0;
        padding: 0;
    }
    .mobile_menu .logo {
        position: static;
        width: 140px;
    }
    .mobile_menu .right_empty {
        /*width: 30%;*/
        height: 30px;
    }
    .mobile_menu .language {
        margin-top: 0;
    }
    .tab_left {
        padding-left: 10px;
    }
    .mobile_menu .button_cont:hover {
        opacity: .7;
    }
    .mobile_menu .button_container.active .top {
        transform: translateY(11px) translateX(0) rotate(45deg);
        background: #FFF;
    }
    .mobile_menu .button_container.active .middle {
        opacity: 0;
        background: #FFF;
    }
    .mobile_menu .button_container.active .bottom {
        transform: translateY(-11px) translateX(0) rotate(-45deg);
        background: #FFF;
    }
    .mobile_menu .button_container span {
        background: #ffffff;
        border: none;
        height: 5px;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        transition: all .35s ease;
        cursor: pointer;
        border-radius: 26px;
    }
    .mobile_menu .button_container span:nth-of-type(2) {
        top: 11px;
    }
    .button_container span:nth-of-type(3) {
        top: 22px;
    }
    .dimmed .mobile_menu .overlay {
        position: fixed;
        background: #000000;
        background-image: url(../images/dark-mode.svg);
    }
    .overlay {
        position: fixed;
        background: #B50938;
        background-image: url("../images/white-mode.svg");
        top: 0;
        left: 0;
        width: 100%;
        height: 0%;
        opacity: 0;
        visibility: hidden;
        transition: opacity .35s, visibility .35s, height .35s;
        overflow: hidden;
        z-index: 999;
    }
    .overlay.open {
        opacity: 1;
        visibility: visible;
        height: 100%;
    }
    .overlay.open li {
        animation: fadeInRight .5s ease forwards;
        animation-delay: .35s;
        opacity: 1;
        margin-bottom: 20px;
        font-weight: bold;
    }
    .overlay.open li:nth-of-type(2) {
        animation-delay: .4s;
    }
    .overlay.open li:nth-of-type(3) {
        animation-delay: .45s;
    }
    .overlay.open li:nth-of-type(4) {
        animation-delay: .50s;
    }
    .overlay nav {
        position: relative;
        height: 70%;
        top: 42%;
        transform: translateY(-50%);
        font-size: 30px;
        font-weight: 400;
        text-align: left;
        left: 5%;
    }
    .overlay ul {
        list-style: none;
        padding: 0;
        margin: 0 auto;
        display: inline-block;
        position: relative;
        height: 100%;
    }
    .overlay ul li {
        display: block;
        /*height: 25%;*/
        /*height: calc(100% / 4);*/
        /*min-height: 50px;*/
        position: relative;
        opacity: 0;
    }
    .overlay ul li a {
        display: block;
        position: relative;
        color: #FFF;
        text-decoration: none;
        /*overflow: hidden;*/
    }
    /*.overlay ul li a:hover:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {*/
    /*width: 100%;*/
    /*}*/
    .overlay ul li a:hover {
        color: #000;
    }
    .overlay ul li a:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 0%;
        transform: translateX(-50%);
        height: 3px;
        background: #FFF;
        transition: .35s;
    }
    .mobile_menu #sidebar {
        width: 100%;
        padding-left: 20px;
    }
    .mobile_menu .dark,
    .mobile_menu .light {
        margin-top: 35px;
    }
    .mobile_menu .login {
        padding: 2px 40px;
        font-weight: bold;
    }
    .overlay.open {
        top: 70px;
    }
    .language {
        flex-flow: column;
    }
    .mobile_menu .login {
        margin: initial;
    }
    .switcher-container {
        text-align: left;
    }
    .powered_by {
        text-align: left;
    }
    .step1{
        margin-top: 6rem;
    }

}

@media (max-width: 1024px) {
    .section3 .row{
        margin: 0 auto;
    }
    .step1 h2{
        text-align: start;
        font-size: 2rem;
    }
    .step1 .loan .two div{
        font-size: 1.2rem;
    }
    .step1 .conditions .inner .box{
        width: 48%;
        padding: 1rem;
    }
    .step2 h3{
        font-size: 1.5rem;
    }
    .step2 .options .option form ul{
        overflow: auto;
        height: 18vh;
        color: #404040;
    }
}

@media (max-width: 991px) {
    .nav-tabs .nav-link.active::before {
        display: none;
    }
    .nav-tabs .nav-item.show .nav-link,
    .nav-tabs .nav-link.active {
        font-size: 18px;
        padding: 5px 15px;
    }
    .nav-tabs .nav-link {
        font-size: 14px;
    }
    section.section1 {
        background-position: top -50px right -65px;
    }
    
        .main-page .main-inner{
        display: flex;
        flex-wrap: wrap;
        padding-right: 0;
        width: 100%;
        padding-left: 0;
    }

    .main-page .main-inner .box{
        border:none;
        margin:0 auto;
        width: 97%;
        border-right: none;
    }

    .main-page .main-inner .box.first{
        border-right: none;
    }

    .main-page .main-inner .box.first h3{
        font-size: 1.3rem;
    }

    .main-page .main-inner .box.first .inner{
        height: 160px;
    }

    .main-page .main-inner .box.first .inner .payment h4{
        width: 100%;
        font-size: 1rem;
    }
    
   .main-page .main-inner .box.first , .main-page .main-inner .box.second , .main-page .main-inner .box.third, .main-page .main-inner .box.fourth{
        border-bottom: 1px solid rgba(168, 168, 168, 0.616);
    }

    .main-page .main-inner .box.second{
        padding: 1rem 0;
    }

    .main-page .main-inner .box.second h4 , .main-page .main-inner .box.second p{
        font-size: 1rem;
        margin: 0;
    }

    .main-page .main-inner .box.second span{
        font-size: 3rem;
    }

    .main-page .main-inner .box.third h4{
        font-size: 1.3rem;
    }

    .main-page .main-inner .box.fourth{
        padding-bottom: 1rem;
    }

    .main-page .main-inner .box.fourth h4{
        font-size: 1rem;
        margin: 0;
    }
    
    .main-page .main-inner .box.fourth p{
        font-size: 1rem;
        margin: 0;
        padding: .5rem 0;
    }

    .main-page .main-inner .box.fourth .get a{
        padding: 0.4rem 5rem;
        font-size: 1rem;
    }
    .main-page .main-inner .box.first form  .details{
        width: 100%;
    }
    .section3 .row .col-5 p{
        font-size: 2rem;
    }
    .bottom-approve div label{
        font-size: 16px;
    }
    .step1 .loan .two div .num{
        font-size: 1rem;
    }
    .step1 .conditions .inner{
        width: 80%;
    }
    .step2 .options{
        width: 70%;
    }
    .step3 .bottom-approve div label{
        font-size: 1.2rem;
    }
    
}

@media (max-width: 768px) {
    
    div.content {padding:0px;}
    
    .nav-tabs .nav-item.show .nav-link,
    .nav-tabs .nav-link.active {
        font-size: 12px;
    }
    #c-group {
        width: 100%;
    }
    .nav-tabs .nav-link {
        font-size: 12px;
        padding: 5px 7px;
    }
    .content .send_now a {
        font-size: 26px;
    }
    .send_now {
        width: 300px;
        margin-top: 4.188rem;
    }
    .sec_3_title {
        font-size: 26px;
        margin-bottom: 25px;
    }
    .tab_right table td {
        font-size: 20px;
    }
    .tab_left {
        font-size: 16px;
    }
    .tab_right table th {
        font-size: 16px;
    }
    .content {
        background-image: none;
    }
    section.section1 {
        background-size: 65%;
        background-position: top 0 right 0;
    }
    .nav-tabs {
        flex-flow: column;
    }
    .nav-tabs .nav-link {
        color: #767C76;
        font-size: 17px;
    }
    .nav-tabs .nav-link.active {
        background: none;
        color: #b50938;
        font-size: 16px;
        padding: 5px 7px;
    }
    
    .main-page .main-inner .box.first {
        border-right: none;
    }
    .main-page .main-inner .box.first form{
        left: 7rem;
        max-width: 500px;
    }
    .main-page .main-inner .box.first form  .details{
        width: 100%;
    }
    .section3 .top-title{
        margin-top: 4.5rem;
        margin-bottom: 4rem;
        gap: 1rem;
    }
    .section3 .top-title img{
        width: 30%;
    }
    .section3 .row{
        margin: 0 auto;
    }
    .section3 .row .col-5 span{
        margin: 0;
        font-size: 1rem;
    }
    .section3 .row .col-5 p{
        margin: 0;
        font-size: 1.5rem;
    }
    .section3 .row .col-2 span{
        margin: 0;
        font-size: 1rem;
    }
    .section3 .row .col-2 div img{
       width: 100%;
    }
    .step1{
        margin-top: 4.5rem;
    }
    .step1 h2{
        font-size: 1rem;
    }
    .step1 .loan .two div{
        font-size: 1rem;
    }
    .step1 .conditions h3{
        font-size: 1rem;
        text-align: left;
    }
    .step1 .conditions .inner{
        width: 100%;
    }
    .step1 .conditions .inner .box{
        width: 40%;
    }
    .step2 h3{
        font-size: 1rem;
        text-align: left;
        width: 80%;
    }
    .step2 .options{
        width: 90%;
    }

    .step3 h2{
        font-size: 2rem;
    }

    .step3{
        padding: 0 2rem;
        margin-top: 6rem;
    }
    .step3 .bottom-approve{
        padding: 0;
    }
    .step3 .instruction{
        padding: 0;
    }
    .step3 .copy{
        padding: 0;
    }
    .last-step .picture{
        
    }
    .last-step .picture img{
       width: 70%;
       
    }
    
}

@media (max-width: 600px) {
    .nav-tabs .nav-item a {
        width: 100%;
    }
    section.section1 {
        background-size: 85%;
        background-position: top 0 right -30px;
    }
    .nav-tabs .nav-link {
        font-size: 16px;
    }
    .tab_right table td {
        font-size: 15px;
        margin-bottom: 4px;
    }
    .tab_right table tr {
        display: flex;
        justify-content: space-between;
    }
    .tab_right table th {
        margin-left: 70px;
    }
    .sec_3_content input {
        margin-bottom: 7px;
    }
    .calculate {
        margin-top: 20px;
    }
    .calculate_btn.calculate {
        margin-top: 0;
    }
    .tab-content>.tab-pane {
        background-size: 65px;
        background-position: top 90px right 20px;
    }
    
    .main-page .main-inner .box.first {
        border-right: none;
    }
    .main-page .main-inner .box.first form{
        left: 1rem;
        max-width: 500px;
    }
    .main-page .main-inner .box.first form  .details{
        width: 100%;
    }

    .section3 .sms{
        right: 0;
    }
    .section3 .sms img{
        width: 37%;
    }
    .step2 .options{
        width: 90%;
    }
    .last-step{
        place-items: start;
    }
    .last-step h4{
        font-size: 1.5rem;
        text-align: left;
    }
    
}

@media (max-width: 575px) {
    .mobile_menu .button_container {
        width: 23px;
        height: 20px;
    }
    .overlay.open {
        top: 50px;
    }
    .mobile_menu .logo {
        width: 83px;
    }
    .mobile_menu .button_container span:nth-of-type(2) {
        top: 8px;
    }
    .mobile_menu .button_container.active .top {
        transform: translateY(5px) translateX(0) rotate( 45deg);
    }
    .button_container span:nth-of-type(3) {
        top: 16px;
    }
    .mobile_menu {
        height: 50px;
    }
    .mobile_menu .button_container span {
        height: 3px;
    }
    .send_now {
        width: 250px;
    }
    .content .send_now a {
        font-size: 25px;
    }
    .type_of_vark input:before {
        width: 20px;
        height: 20px;
    }
    .type_of_vark input[type="checkbox"]:after {
        width: 9.6px;
        height: 15px;
    }
    .big_title {
        font-size: 2.363rem;
        line-height: 3rem;
    }
    .type_of_vark label {
        margin-bottom: 10px;
    }
    .type_of_vark .label-text {
        font-size: 14px;
    }
    .calculate {
        font-size: 20px;
    }
    .sec_3_content p {
        font-size: 20px;
    }
    .sec_3_title {
        font-size: 20px;
    }
    .get-credit div {font-size: 13px !important;
    }
    .section3 .sms{
        right: 0!important;
    }
    .step1 {
        padding: 0 1rem;
    }
    .step1 h2{
        margin-left: 2rem;
    }
    .step1 .steps{
        margin-top: 1rem;
    }
    .step1 .loan{
        width: 100%;
        margin-top: 1rem;
        padding: 0;
        line-height: .9rem;
    }
    .step1 .loan .two{
       text-align: end;
    }
    .step1 .loan .two div{
        font-size: .9rem;
        display: flex;
    }
    .step1 .loan .two div .num{
        font-size: .8rem;
        width: 6rem;
        height: 2rem;
        line-height: 2rem;
        margin-left: 1rem;
    }
    .step1 .conditions h3{
        text-transform: lowercase;
        margin-left: 3rem;
    }
    .step1 .conditions .inner {
        width: 100%;
    }
    .step1 .conditions .inner .box{
        text-align: left;
        width: 45%;
        border-radius: 14px;
        height: 10vh;
        padding: 1rem;
    }
    .step1 .conditions .inner .box span{
        font-size: 1rem;
    }
    .step1 .conditions .inner .box p{
        font-size: .85rem;
        line-height: .9rem;
    }
    .step1 .conditions .inner .box.second{
        padding:.5rem 2rem;
    }
    .step1 .conditions .inner .box.last{
        text-align: center;
        padding: 1rem;
    }
    .step1 .conditions h4{
        margin: 0 auto;
        font-size: 1rem;
        margin-top: 2rem;
        width: 300px;
    }
    .step1 .continue a{
        font-size: 1.2rem;
        padding: .4rem 3.5rem;
    }
    .step1 .sms{
        position: absolute;
        right: 0;
        bottom: 0;
        margin-bottom: -.5rem;
   
    }
    .step1 .sms img{
        width: 37%;
    }
    .step3 h2{
        font-size: 1rem;
    }
    .step3 .bottom-approve{
        padding: 0 1rem;
    }
    .step3 .instruction{
        padding: 0 1rem;
    }
    .step3 .copy{
        padding: 0 1rem;
    }


}

@media (max-width: 490px) {
    .tab_right table tr td {
        margin-right: 35px;
    }
    .tab_right table tr {
        display: flex;
        justify-content: start;
    }
    .tab_right table th {
        margin-left: 22px;
        margin-right: 30px;
        font-size: 16px;
    }
    section.section1 {
        background-size: 70%;
        background-position: top 40px right 0px;
    }
    .tab-content>.tab-pane {
        background-position: top 80px right 0px;
    }
    .tab-content>.tab-pane,
    .sec_3_content {
        padding: 20px;
    }
    .big_title {
        font-size: 37px;
        line-height: 2.5rem;
    }
    .type_of_vark {
        margin-top: 25px;
        margin-bottom: 26px;
    }
    .sec_3_content input {
        width: 95%;
        margin: 3px auto;
    }
    .calculate {
        margin-top: 20px;
    }
    .sec_3_content label {
        margin: 0 auto;
        width: 95%;
    }
    .sec_3_content p {
        width: 95%;
        margin: 0 auto 17px;
    }
    
    .main-page .main-inner .box.first form  .details{
        width: 100%;
    }

    .main-page .main-inner .box.first form  .details .item{
        width: 100%;
        
    }

    .main-page .main-inner .box.first form .sub-details{
        width: 100%;
        display: initial;
        padding: 1rem;
    }
    
    .main-page .main-inner .box.first form  .sub-details .sub-item{
        display: flex;
        justify-content: space-between;
        color: #8f8f8f;
    }
    .main-page .main-inner .box.first form  .sub-details .sub-item.devider{
        display: none;
    }

    .main-page .main-inner .box.first form  .sub-details .sub-item p{
        font-size: 1rem;
    }

    .main-page .main-inner .box.first form  .sub-details .sub-item span{
        font-weight: bold;
        color: #767c76;
    }
    .section3 .row {
        margin: 0 auto;
    }
    .section3 .row .box{
        width:30%;
    
    }
    .section3 .row .left-col p, .section3 .row .mid-col div, .section3 .row .right-col div {
        margin: 0;
    }
    .section3 .row .col-2 span{
        margin: 0;
        font-size: .9rem;
    }
    .section3 .row .col-5 p{
        margin: 0;
        font-size: .9rem;
    }
    .section3 .row .col-5 span{
        margin: 0;
        font-size: .9rem;
    }
    .section3 .row .mid-col div img{
        width: 100%;
    }
    .section3 .sms{
        right: 0!important;
    }
    .step3 .bottom-approve {
        margin-top: 3rem;
    }
    .step3 .bottom-approve .checkbox label{
        font-size: 1rem;
        
    }
    .step3 .instruction{
        font-size: 1rem;
        line-height: 1.2rem;
    }
    .step3 .copy{
        font-size: .9rem;
        margin-top: .5rem;
        line-height: 1rem;
    }
    .step3 .copy span{
        font-size: .8rem;
    }
    

    
}

@media (max-width: 430px) {
    section.section1 {
        background-size: 70%;
        background-position: top 100px right 20px;
    }
    .tab_right table th {
        font-size: 14px;
    }
    .tab_left {
        padding-left: 5px;
        font-size: 14px;
    }
   
    .main-page .main-inner .box.first h3{
        padding-left: 2.5rem;
        font-size: 1rem;
    }
    .main-page .main-inner .box.first {
        border-right: none;
    }
    .main-page .main-inner .box.first form{
        left: 1rem;
    }
    .main-page .main-inner{
        margin-top: 1.3rem;
    }

    .main-page .first .inner{
        width: 95%;
        margin: 0;
        padding-left: 1rem;
    }

    .main-page .main-inner .box.first .inner .payment .bar{
        width: 250px;
        font-size: .9rem;
        height: 2.1rem;
    }
    .main-page .first .inner .payment .subpayment , .main-page .first form .payment .subpayment{
        gap: .5rem;
        padding-right: 1rem;
    }

    .main-page .main-inner .box.first form  .details .item{
        width: 100%;
        
    }

    .main-page .main-inner .box.first form .sub-details{
        width: 100%;
        display: initial;
        padding: 1rem;
    }
    
    .main-page .main-inner .box.first form  .sub-details .sub-item{
        display: flex;
        justify-content: space-between;
        color: #8f8f8f;
    }
    .main-page .main-inner .box.first form  .sub-details .sub-item.devider{
        display: none;
    }

    .main-page .main-inner .box.first form  .sub-details .sub-item p{
        font-size: 1rem;
    }

    .main-page .main-inner .box.first form  .sub-details .sub-item span{
        font-weight: bold;
        color: #767c76;
    }
    .section3 .top-title{
        margin-top: 4.5rem;
        margin-bottom: 4rem;
        gap: 1rem;
    }
    .section3 .top-title img{
        width: 30%;
    }
    .section3 .top-title .grey-text{
        font-size: 1.2rem;
        margin-top: 1rem;
    }
    .section3 .row {
        margin: 0 auto;
        width: 320px;
    }
    .section3 .row .box{
        width:30%;
    
    }
    .section3 .row .left-col p, .section3 .row .mid-col div, .section3 .row .right-col div {
        margin: 0;
    }
    .section3 .row .col-2 span{
        margin: 0;
        font-size: .9rem;
    }
    .section3 .row .col-5 p{
        margin: 0;
        padding: 0;
        font-size: 1rem;
    }
    .section3 .row .col-5 span{
        margin: 0;
        font-size: .9rem;
        padding: 0;
    }
    .section3 .row .mid-col div img{
        width: 100%;
    }
    .section3 .bottom-approve {
        padding: 0;
    }
    .section3 .bottom-approve {
        line-height: 24px;
        font-size: 17px;
        width: 300px;
    }
    .section3 .get-offer-btn{
        font-size: 1rem;
        width: 230px;
    }
    .step1 .conditions .inner {
        width: 100%;
    }
    .step1 .conditions .inner .box{
        width: 45%;
        border-radius: 14px;
        height: 11vh;
        padding: 1rem;
    }
    .step1 .conditions .inner .box span{
        font-size: 1rem;
    }
    .step1 .conditions .inner .box p{
        font-size: .85rem;
        line-height: .9rem;
    }
    .step1 .conditions .inner .box.second{
        padding:.1rem 2rem;
    }
    .step1 .conditions .inner .box.last{
        text-align: center;
        padding: 1rem;
    }
    .step1 .conditions h4{
        margin: 0 auto;
        font-size: 1rem;
        margin-top: 2rem;
        width: 300px;
    }
    .step1 .continue a{
        font-size: 1.2rem;
        padding: .4rem 3.5rem;
    }
    .step2 .options{
        width: 100%;
    }
    .step2 .options .option form{
        padding: .5rem 1rem;
        font-size: 1.1rem;
    }
    .step2 .options .option form h4, .step2 .options .option form h5{
        font-size: 1.2rem;
    }
    .last-step{
        place-items: start;
    }
    .last-step h4{
        font-size: 1rem;
        text-align: left;
    }
    .last-step .picture{
        margin-top: 3rem;
    }
    .last-step .picture img{
        width: 95%;
    }
    .last-step p{
        margin-top: 3rem;
        font-size: 1rem;
    }
    
}

@media (max-width: 375px) {
    .section3 .row {
        margin: 0 auto;
        width: 300px;
    }
    .section3 .sms{
        right: 0!important;
    }
    .step1 {
        padding: 0 1rem;
    }
    .step1 h2{
        margin-left: 2rem;
    }
    .step1 .steps{
        margin-top: 1rem;
    }
    .step1 .loan{
        width: 100%;
        margin-top: 1rem;
        padding: 0;
        line-height: .9rem;
    }
    .step1 .loan .two{
       text-align: end;
    }
    .step1 .loan .two div{
        font-size: .9rem;
        display: flex;
    }
    .step1 .loan .two div .num{
        font-size: .8rem;
        width: 6rem;
        height: 2rem;
        line-height: 2rem;
        margin-left: 1rem;
    }
    .step1 .conditions h3{
        text-transform: lowercase;
        margin-left: 3rem;
    }
    .step1 .conditions .inner {
        width: 100%;
    }
    .step1 .conditions .inner .box{
        width: 46%;
        border-radius: 14px;
        height: 11vh;
        padding: 1rem;
    }
    .step1 .conditions .inner .box span{
        font-size: 1rem;
    }
    .step1 .conditions .inner .box p{
        font-size: .85rem;
        line-height: .9rem;
    }
    .step1 .conditions .inner .box.second{
        padding:.1rem 2rem;
    }
    .step1 .conditions .inner .box.last{
        text-align: center;
        padding: 1rem;
    }
    .step1 .conditions h4{
        margin: 0 auto;
        font-size: 1rem;
        margin-top: 2rem;
        width: 300px;
    }
    .step1 .continue a{
        font-size: 1.2rem;
        padding: .4rem 3.5rem;
    }
    .step1 .sms{
        position: absolute;
        right: 0;
        bottom: 0;
        margin-bottom: -.5rem;
   
    }
    .step1 .sms img{
        width: 37%;
    }
    .section3 {
       padding: 0;
    }

}

@media (max-width:320px){
    .step1 .conditions .inner .box{
        width: 45%;
        border-radius: 14px;
        height: 11vh;
        padding: 0 .3rem;
    }
    .step1 .conditions .inner .box.second{
        padding: 0 1rem;
    }
    .step1 .conditions .inner .box.second p{
        font-size: .7rem;
        line-height: .7rem;
    }
    .step1 .continue a{
        font-size: 1.2rem;
        padding: .4rem 2rem;
    }

/* MA */

@media (max-width:600px){
    .popup{ width: 80vw;}
}


/*
@media (min-width:500px){
    .register_place {
        width: 80vmin;
        text-align: center;
        padding-top: 8vmin;
        height: 55vmin;
    }
    
    .popup_bg .input_field{
        font-size: 2.2vmin !important;
        opacity: 0.5 !important;
    }
    .link2 span {
        position: relative;
    left: 44vmin;
    font-size: 4vmin;
    opacity: 0.4;
    }
    .popup_bg .input_field:nth-child(1),.input_field:nth-child(2) {
        display: inline-block !important;
        border: 1px solid black;
        border-radius: 25px;
        padding-left: 13px;
        height: 4vmin;
        width: 22.7vmin;
        position: relative;
        left: -13vmin;
        margin: 0vmin !important;
        opacity: 0.6;
    }

    .popup_bg .input_field:nth-child(4),.input_field:nth-child(5){
        position: relative;
        left: 3vmin;
        width: 46.3vmin;
        border: 1px solid black;
        border-radius: 25px;
        padding-left: 13px;
        display: block;
        height: 4vmin;
        margin: 1vmin;
        opacity: 0.6;
    }

    .popup_bg .input_field:nth-child(3),.input_field:nth-child(6),
    .popup_bg .input_field:nth-child(7){
        width: 46.3vmin;
        position: relative;
        left: 3vmin;
        border: 1px solid black;
        border-radius: 25px;
        padding-left: 13px;
        display: block;
        height: 4vmin;
        margin: 1vmin;
        opacity: 0.6;
    }
    .login_button{
        border: none;
        padding-top: 4px;
        position: relative;
        padding-bottom: 5px;
        top: 2vmin !important;
        width: 45vmin !important;
        left: -13.3vmin !important;
    }

    .login_button a {
        color: white;
        font-size: 2.2vmin;
        letter-spacing: 0.1px;
    }
}
@media (min-width:500px) {
    .top_links {
        padding-top: 10vmin;
        position: relative;
        left: 0vmin !important;
    }
    .top_links span {
       position: relative;
       left: 46vmin;   
       font-size: 4vmin;
       opacity: 0.4;
   
    }
    .popup_bg .container{
        width: 55vmin;
        height: 40vmin;
        text-align: center;
        padding-bottom: 25px;
        font-size: 3vmin;
        position: relative;
        left: -3vmin;
        top: 2vmin;
    }
    .popup_bg .container input{
        width: 80%;
        height: 5vmin;
        font-size: 2vmin;
        margin-top: -3vmin;
        
    }
    .popup_bg .container button{
        padding-top: 0.5vmin;
        position: relative;
        top: 3vmin;
        width: 80%;
        left: -1vmin;
        font-size: 2.5vmin;
    }
    .top_links div{
        font-size: 2.2vmin;
        position: relative;
        right: 1vmin;
    }
    .popup {
        width: 55vmin;
        box-shadow: 0 0 3px 3px rgba(206, 206, 206, 0.404)   
     }
    .bi-telephone{
        position: relative;
        right: 16vmin;
        top: -5.8vmin;
        width: 2vmin;
        height: 2vmin;
        opacity: 0.6;
    }
    .bi-eye{
        position: relative;
        left: 42vmin;
        top: -5.8vmin;
        width: 3vmin;
        height: 2vmin;
        opacity: 0.6;
    }
    
    .lock_pass{
        position: relative;
        right: -8vmin;
        top: -5.8vmin;
        width: 2vmin;
        height: 2vmin;
        opacity: 0.6;
}
    .popup_bg input[type=tel],input[type=password]{
        padding: 10px 60px;
        position: relative;
        left: 8vmin;
        display: block;
        opacity: 0.8;
        
    }
    
}

*/