/*** New styles***/

/*** general***/
.home-container, #home {max-width:100% !important;}


/*** header***/

.login-button {    border: 1px solid #DFE2E5 !important;
    box-shadow: 0px 1px 1px 0px #20242E1F;
    color: #20242E;
    /* font-family: Inter; */
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
    padding: 10px 30px !important;
}

.login-button img {position: relative;
    bottom: 1px;
    left: 5px;}

.navbar {position:relative !important;}


.sticky-top.navbar {
    position: fixed !important; }


@media (max-width:749px) {
    .sticky-top.navbar {width:100%;}


}




/*** features***/

#features {    padding-top: 50px;
    padding-bottom:50px;
    background: #f7f8fa;
    width: 100%;
    max-width: 100%;}


#home .container h1 {text-transform:capitalize;}


.advanced-feature-item img {margin-bottom:20px;}

.advanced-feature-item h5{font-family: Inter;
    font-size: 16px;
    font-weight: 600 !important;
    line-height: 24px;
    text-align: left;color:#20242E}

.advanced-feature-item p {color:#20242E;font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
}

.top-subtitle {    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #20242E;margin-bottom:10px;}

.top-subtitle span {background:#fff;    padding: 5px 15px;border-radius:30px;border:1px solid #D5DBE5;}

.top-subtitle span:before {content:"";height:1px;width:100px;background: linear-gradient(90deg, #DFE2E5 0%, rgba(255, 255, 255, 0) 100%);}
.top-subtitle span:after {content:"";height:1px;width:100px;background: linear-gradient(90deg, #DFE2E5 0%, rgba(255, 255, 255, 0) 100%);}



/*** offer***/

#online {    width: 100%;
    background: url(/images/background-section3.jpg);
    background-size: cover;
    background-position: center;
    max-width: 100%;padding-top:88px !important;padding-bottom:88px !important;}

#online h1 {color:#fff;
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    text-align: left;
}
#online .offer-subtitle {color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    text-align: left;
    max-width: 650px;
}

.offer-blocks {
    width: 100%;
    max-width:930px;
    display: inline-flex;
    gap: 48px;
    flex-direction: row;    margin-top: 56px;}

.offer-blocks-item {background:#fff;padding:24px 30px 24px 30px;box-shadow:-4px 4px 0px 0px #2998FF;width:100%;border-radius:6px;flex: auto;}
.offer-blocks-item h5 {font-family: Inter;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    text-align: left;
    color:#20242E;
    margin-bottom:10px;
}

.offer-blocks-item p {font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color:#979FA8;
}


@media (max-width:749px) {

    #online {    padding-top: 40px !important;
        padding-bottom: 40px !important;}
    .offer-blocks {    flex-direction: column;}
    .offer-blocks-item h5 {font-size:20px;}
    .offer-blocks {gap:20px;margin-top:20px;}

}





/*** maps***/
.maps {width: 100%;
    max-width: 100%;
    background: #f7f8fa;}
.maps-titles-block {margin-bottom:50px;}


.maps-titles-block h1{font-family: Inter;
    font-size: 32px;
    font-weight: 600;
    line-height: 44px;
    text-align: center;
    color:#20242E;
}

.maps-titles-block p {font-family: Inter;}

.maps-row {max-width: 950px;
    margin: 0 auto;}

.maps-full-block {display: flex;
    align-content: center;
    align-items: center;
    flex-direction: row;    margin-bottom: 30px;}

.maps-text h1 {font-family: Inter;
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
    text-align: left;
    margin-bottom: 0px !important;
}

.maps-text p {font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color:#20242E !important;
}

.maps-img {    margin-right: 20px !important;}



@media (max-width:749px) {
    .maps-full-block {width:50%;}
    .maps {    padding-top: 40px !important;
        padding-bottom: 40px !important;}


}



/*** payments***/


#payments {width: 100%;
    max-width: 100%;
    background: url(/images/corner_pattern_left.png), url(/images/corner_pattern_right.png);
    background-repeat: no-repeat;
    background-position: left bottom, right top;padding-top:60px !important;padding-bottom:60px !important;}

#payments .container {max-width:1100px;}

.payments-row {align-items:center;}

.pay-ic-block {border: 1px solid #DFE2E5;
    border-radius: 8px;
    display: flex;
    align-items: center;
    padding: 16px 24px;
    gap: 24px;
    margin-bottom: 20px;}

.pay-ic-text h3 {    font-family: Inter;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    color:#20242E;
}


.pay-ic-text p {    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    margin-bottom: 0px;}


@media (max-width:749px) {
    #payments {    padding-top: 40px !important;
        padding-bottom: 40px !important;padding-left:10px !important;padding-right:10px !important;}
    #payments h1 {margin-bottom:30px !important;}

}



/*** footer***/


.footer{margin-top:0px;padding:0px;background:transparent;}

.footer .footer-top {background:#20242E;}

.footer .footer-copyright {background:#2E333D;}

.footer-top form {display:flex;gap:24px;}

.footer-top form .input-row {width:100%;}

.footer-top form .input-row .login-field {
    background: #fff url(/images/ic_use.svg);
    background-repeat: no-repeat;
    background-position: 10px;
    padding-left: 40px !important;
}

.footer-top form .input-row .password-field {
    background: #fff url(/images/ic_lock.svg);
    background-repeat: no-repeat;
    background-position: 10px;
    padding-left: 40px !important;
}

.eye-btn {padding: 0px !important;
    background: transparent !important;
    border-color: transparent !important;}

.btn-reg {padding: 10px 26px !important;
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
    background: #00BDF2 !important;
    border-width: 0px !important;}


.form-subtext {color:#979FA8;font-family: Inter;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-align: left;
}

.footer-cont {    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;color:#fff;}

.footer-menu {text-align:center;}

.footer .footer-menu a {
    margin-right: 15px;
    padding-right: 15px;
    border-right: 0px solid rgba(255, 255, 255, .1);
    font-family: Inter;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
}

.text-right-copyright {text-align:right;color:#979FA8;font-family: Inter;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}

.text-right-copyright a{color:#979FA8 !important;}

.copy-row {align-items:center;}

.footer .copyright {border-width:0px !important;}


@media (max-width:749px) {
    .footer-top form {
        display: flex;
        gap: 0px;
        flex-direction: column;
    }

    .btn-reg {    width: 100%;
        text-align: center;
    }

    .copy-row .col-md-6 {display:none;}
    .copy-row .col-md-3 {width:50%;floaT:left;}



}


/*** modal***/
.modal-header {display:none !important;}
.modal .list-group-item a{color:#3F5DF4 !important;}


#log .modal-lg, #reg .modal-lg {max-width:460px !important;}
#log .form-title, #reg .form-title {font-family: Inter;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
    color:#20242E;
}

#log .modal-body, #reg .modal-body {padding:40px 24px;}

#log form .input-row .login-field, #reg form .input-row .login-field  {
    background: #fff url(/images/ic_use.svg);
    background-repeat: no-repeat;
    background-position: 10px;
    padding-left: 40px !important;
    border: 1px solid #DFE2E5 !important;
}

#log form .input-row .password-field, #reg form .input-row .password-field {
    background: #fff url(/images/ic_lock.svg);
    background-repeat: no-repeat;
    background-position: 10px;
    padding-left: 40px !important;
    border: 1px solid #DFE2E5 !important;
}


#log form .btn-reg, #reg form .btn-reg {width:100%;text-align:center;}

.forgot, .login, .register {font-family: Inter;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: #20242E;margin-bottom:10px;}

.forgot a, .login a, .register a, .look-tor a {color:#3F5DF4;}


.separ {    width: 100%;
    height: 1px;
    background: #DFE2E5;
    margin-top: 24px;
    margin-bottom: 24px;}

.look-tor {font-family: Inter;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    color: #20242E;}

.login-error {font-family: Inter;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-align: left;
    color:#D3341E;
}

}


/* first section */


body {margin:0px;}

.row {	width:100%;
   /* padding:50px 0px;
    text-align:center;*/
}

.form-control-lg {
     font-size: 0.8rem;
}

.first-row {
    background-color:#f0f1f3;
    background-image:url(/images/back1.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
}



.row .sub-section {max-width:1050px;margin:0 auto;}


.main-title {font-family: Inter;
    font-size: 44px;
    font-weight: 700;
    line-height: 56px;
    text-align: center;
    margin-bottom: 24px;
    color:#20242E;
    margin-top:0px;
}

.main-title .blue {color:#00BDF2;}

.subtitle-bold {    font-family: Inter;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
    color: #20242E;
    max-width:750px;margin: auto;
    margin-bottom: 10px;}

.subtitle-light {font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    color:#20242E;
    max-width:820px;
    margin: auto;
}
.form-row {width: 100%;
    margin: auto;
    display: flex;
    gap: 24px;
    justify-content: center;
    margin-top: 30px;}


.form-row input {
    padding: 10px 12px 10px 32px;
    border-radius: 6px;
    border: 1px solid #DFE2E5;
    width: 280px;    background-color: #fff !important;}

input#username {background:url(/images/user.svg);background-repeat: no-repeat;
    background-position: left 10px center;}

input#password {background:url(/images/pass.svg);background-repeat: no-repeat;
    background-position: left 10px center;}

.form-btn button {background: #00BDF2;
    padding: 9px 16px;
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
    color: #fff;
    border-width: 0px;
    border-radius: 6px;
    cursor:pointer;

}
.form-btn button:hover {background:#000;}

.login-text {    max-width: 780px;
    text-align: left;
    margin: 0 auto;
    margin-top: 20px;font-family: Inter;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-align: left;
    color:#20242E;
}

.login-text a {color:#3F5DF4;}

.hero-image img {width:100%;}





@media (max-width:1100px) {
    .form-row input {width:240px;}



}


@media (max-width:900px) {
    .form-row input {width:200px;}



}



@media (max-width:749px) {
    .form-row input {        width: calc(100% - 44px);}
    .form-row {    flex-direction: column;}
    .row {
        width: auto;
        padding: 50px 10px;
        text-align: center;
    }
    .first-row {    background-size: 150%;}

    .form-btn button {width:100%;text-align:center;}

    .login-text {text-align:center;}
    .hero-image img {margin-top:30px;}

}












}