body, .navbar .nav-item .nav-link{
    font-family: 'Poppins', sans-serif !important;
}

.navbar-collapse {
    background: #fff !important;
}


.logon-area{
    height:100%;
    padding:170px 0 150px;
}
.logon-area .login-formDiv{
    /*background: linear-gradient(135.59deg, rgba(88, 130, 193, 0.49) 1.28%, rgba(88, 130, 193, 0.11) 96.26%);*/
    /*backdrop-filter: blur(12.5px);*/
    /*border-radius: 40px;*/
    /*padding:3px;*/
}
.logon-area .login-formDiv .divLogin{
    padding:50px 8vmin;
    background: rgba(88, 130, 193, 0.28);
    border-radius: 40px;
}
.divLogin .navbar-brand{
    margin: -15px auto 10px;
    display: block;
    text-align: center;
}
.divLogin .navbar-brand img {
    width:145px;
}

.bg_lightBlue{
    background: #EAF8FD;
}
.btn.btn-outline-primary{
    font-weight: 500;
    display:flex; align-items:center;justify-content:center;
    font-size: 20px;line-height: 30px;color: #2956DD;
    padding:10px;width: 170px;height: 60px;
    border:1px solid #2956DD;border-radius: 20px;
}
.btn.btn-primary:hover,
.btn.btn-outline-primary:hover{
    color: #fff;border:1px solid #2956DD;
    background-color:#2956DD;
}

.btn.btn-primary{
    font-weight: 500;
    display:flex; align-items:center;justify-content:center;
    font-size: 20px;line-height: 30px;color:#fff;
    padding:10px;height:60px;
    background-color:#2956DD;
    border:1px solid #2956DD;border-radius: 20px;
}

.row.row-no-padding{
    margin-right: calc(-.1 * var(--bs-gutter-x));
    margin-left: calc(-.1 * var(--bs-gutter-x));
}
.row.row-no-padding>* {
    padding-right: calc(var(--bs-gutter-x) * .1);
    padding-left: calc(var(--bs-gutter-x) * .1);
}

.pt-25{
    padding-top:25px;
}
.pb-25{
    padding-bottom:25px;
}

@media only screen and (min-width:768px) and (max-width:5000px){
    .pt-25{padding-top:25px !important;}
    .pb-25{padding-bottom:25px !important;}
}
@media only screen and (min-width: 1366px) and (max-width:5000px){
    .container {max-width: 1240px;}
    .mainBanner .row .col-xl-5{
        margin-right: -102px;
        position: relative;z-index: 1;flex: 0 0 auto;width: 50%;
    }
}

.others-option .btn.btn-outline-primary{
    height:45px;
}

.navbar {
    padding: 15px 0;
}
.navbar .nav-item .nav-link {
    font-weight: 500 !important;
}


.mainBanner{
    padding: 150px 0 70px;
    background-color:#fff;
}
.mainBanner h3{
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;margin-bottom:20px;
    text-transform: uppercase;
}
.mainBanner p {
    font-weight: 400;
    font-size: 28px;line-height: 38px;color: #898989;margin-bottom:20px;
}
.mainBanner .btn.btn-primary{
    width: 200px;
    text-transform:uppercase;
    border-radius: 100px;height: 50px;
}
.mainBanner .bouns-img {
    position: relative;
    display: inline-block;
}
.mainBanner .bouns-img .mous {
    position: absolute;
    top:0; left:0; right:0;
    margin:auto;
    -webkit-animation: rotation 10s infinite linear;
    animation: rotation 10s infinite linear;
}
.mainBanner .bouns-img a {
    transition: all ease 0.5s;
    text-decoration: none;
}
@media only screen and (min-width: 1199px) and (max-width: 3000px){
    .mainBanner .bouns-img {max-width: 180px;}
}

.simpltext_content{
    padding:50px 0;
}
.simpltext_content h3{
    font-weight: 600;
    font-size: 32px;line-height: 48px;color: #131314;
    margin-bottom: 24px;
}
.simpltext_content p{
    font-weight: 400;font-size:18px;line-height:32px;
    color: rgba(19, 19, 20, 0.80);
}
.simpltext_content .btn.btn-outline-primary{
    margin-top:35px;
}
.simpltext_content .btn.btn-primary{
    max-width:300px;
    margin-top:35px;
}
.simpltext_content .text_link{
    margin-top:15px;
    font-weight:600;font-size:18px;line-height: 30px;
    color: rgba(41, 86, 221, 0.80);
}

.footer_topArea{
    padding:90px 0;
    background: #EAF8FD;
}
.footer_topArea h3{
    font-weight: 600;
    font-size: 40px;line-height: 60px;color: #2956DD;
}
.footer_topArea p{
    font-weight: 400;font-size: 20px;
    line-height: 30px;color: #131314;opacity: 0.8;
}
.footer_topArea .btn.btn-outline-primary{
    font-weight: 500;
    display:flex; align-items:center;justify-content:center;
    font-size: 20px;line-height: 30px;color: #2956DD;
    padding:10px;width: 170px;height: 60px;
    border:1px solid #2956DD;border-radius: 20px;
}
.footer_topArea .btn.btn-outline-primary:hover{
    color: #fff;border:1px solid #2956DD;
    background-color:#2956DD;
}
.footer_top{
    padding-bottom:40px;
}
.footer_top h5{
    font-weight:600;font-size: 24px;
    line-height:36px;color: #2956DD;opacity:0.8;
}
.footer_btm{
    padding:90px 0;
    background: #EAF8FD;
}
.footer_btm .col-lg-8.col-sm-12 ul li a{
    font-weight: 400;
    font-size:18px;
    line-height: 30px;
    color: #131314;opacity: 0.8;
    width:100%;
    display:block;margin-bottom:10px;
}
.footer_btm .col-lg-8.col-sm-12 ul li a:hover{
    color: #2956DD;
}


/******* login ********/
.logon-area .login-formDiv h3{
    font-weight:700;
    font-size: 32px;line-height:40px;text-align: center;
    color: #000;margin-bottom:30px;
}
.logon-area .login-formDiv .form-group{
    margin-bottom:28px;
}
.logon-area .login-formDiv label{
    font-size:18px;line-height: 22px;display: flex;font-weight:400;
    align-items: center;color:#898989;margin-bottom:5px;
}
.logon-area .login-formDiv input, .logon-area .login-formDiv select.form-control{
    width:100%;height:50px;
    background:#FFFFFF;
    border:1px solid #2956DD;
    border-radius:5px;
}
.logon-area .login-formDiv .btn.btn-primary{
    font-size: 20px;line-height: 25px;display: flex;justify-content:center;
    align-items: center;color: #FFFFFF;
    width:100%;height:50px;
    background: #2956DD;border-radius:5px; margin-bottom:20px;
    border-color:#2956DD;
}
.logon-area .login-formDiv p, .logon-area .login-formDiv p a{
    font-weight:400;
    font-size:16px;
    line-height: 18px;
    display: flex; justify-content:center;
    align-items: center;
    color:#898989;margin:10px 0;padding:0;
}
.logon-area .login-formDiv .btn.btn-outline-primary{
    font-weight:300;
    font-size:18px;line-height:28px;text-align:center;
    color:#000;min-width:280px;height:55px;
    border: 1px solid #2956DD;border-radius:5px;
    display:flex; align-items:center;justify-content:center;margin:20px 0;
}
.logon-area .login-formDiv .btn.btn-outline-primary:hover{
    color:#fff;
}
.logon-area .login-formDiv .btn.btn-outline-primary img{
    margin-right:15px;
}
.form-group.position-relative i{
    color:#C7D2D6;
    position:absolute;
    top:43px;right:15px;
    cursor:pointer;
}
.form-group.position-relative .text-primary{
    color:#C7D2D6;position:absolute;
    top:43px;right:15px;
}
.form-group.position-relative .text-primary i{
    top:0;
}


.contactus_pg{
    padding:180px 0 100px;
}
.contactus_pg img{
    margin-bottom:20px;
    border-radius:10px;
}
.contactus_pg h3{
    font-size: 24px;
    line-height:40px;margin-bottom:20px;
}
.contactus_pg form label{
    color:#898989;
}
.contactus_pg form .form-control{
    height: 50px;
    border: 1px solid #898989;
    border-radius: 5px;
}
.contactus_pg form textarea.form-control{
    height:115px;
}
.contactus_pg form .btn.btn-primary{
    font-size: 20px;line-height: 25px;display: flex;justify-content:center;
    align-items: center;color: #FFFFFF;
    width:100%;height:50px;
    background: #003465;border-radius: 10px; margin-bottom:20px;
    border-color:#003465;
}

.howItwork{
    padding:180px 0 50px;
    text-align:center;
}
.howItwork h3{
    font-weight:500;font-size:36px;
    line-height:50px;text-align:center;color:#000;
}
.howItwork h2{
    font-weight: 500;font-size: 36px;
    line-height: 54px;color: #2956DD;
}

.points .boxs{
    width:100%;padding:25px;
    background: #FFFFFF;
    box-shadow: inset 4px 4px 14px #C5D7EE;
    border-radius: 10px;
}
.points .boxs .btn.btn-primary{
    height: 42px;font-size:16px;
    width: 200px;
    border-radius:0.5rem;
    margin: 0 auto;
}
.points .boxs i{
    font-size:30px;
    color:#3399FF;margin-bottom:15px;
}

@media only screen and (min-width:1366px) and (max-width:5000px){
    .howItwork h3{
        width:70%; margin-left:auto;margin-right:auto;
    }
}
@media only screen and (min-width: 320px) and (max-width: 767px){
    .logon-area .login-formDiv .btn.btn-light{
        width:100%;margin:10px 0;
    }

    .mainBanner{
        padding: 120px 0 70px;
        overflow: hidden;
    }
    .mainBanner h3 {
        font-size:35px;line-height:44px;
        margin-bottom: 15px;
    }
    .mainBanner .bouns-img {margin-top:-70px;float:right;}
    .mainBanner .bouns-img img{width:160px;}
    .mainBanner p {font-size:22px;}
    .mainBanner .btn.btn-primary {
        width:155px;
    }

    .simpltext_content h3 {
        font-weight:600;
        font-size:28px;line-height:40px;margin-bottom:15px;
    }
    .simpltext_content.about-pg{
        padding: 10px 0 40px;
    }
    .simpltext_content.about-pg img.img-fluid{
        margin-bottom:20px;
    }

    .footer_topArea {
        padding: 45px 0;
    }
    .footer_topArea h3 {
        font-size:30px;
    }
    .footer_topArea .btn.btn-outline-primary{
        font-size:18px;height:55px;
        margin-top:25px;
    }
    .footer_top {
        padding-bottom: 10px;
    }
    .footer_btm {padding: 50px 0 30px;}
    .footer_topArea p {
        font-size:18px;line-height:30px;
    }

    .contactus_pg {
        padding: 120px 0 50px;
    }
    .contactus_pg form{
        margin-top:22px;
    }
    .points .boxs{
        margin-bottom:25px
    }

    .howItwork {padding: 115px 0 5px;}
}