@font-face{font-family:ibmplexsans;font-display:swap;font-weight:400;src:local("IBMPlexSans"),url(../fonts/IBMPlexSans-Regular.woff2) format("woff2"),local("IBMPlexSans"),url(../fonts/IBMPlexSans-Regular.woff) format("woff")}
@font-face{font-family:ibmplexsans;font-display:swap;font-weight:600;src:local("IBMPlexSans"),url(../fonts/IBMPlexSans-Medium.woff2) format("woff2"),local("IBMPlexSans"),url(../fonts/IBMPlexSans-Medium.woff) format("woff")}
@font-face{font-family:ibmplexsans;font-display:swap;font-weight:700;src:local("IBMPlexSans"),url(../fonts/IBMPlexSans-Bold.woff2) format("woff2"),local("IBMPlexSans"),url(../fonts/IBMPlexSans-Bold.woff) format("woff")}

body {background-color:#e7f0e9; font-family:'Jost', Arial, Helvetica, sans-serif; font-weight: 400;}
.myerror {font-size: 12px; color: #c9302c; margin: 20px 0 10px; display: block;}
.mywarn {font-size: 12px; color: #FF8C00; margin: 20px 0 10px; display: block;}
.mysuccess {font-size: 12px; color: forestgreen; }
.font-weight-bold {font-weight:bold !important;}

/* account page */
.acc_top {background:#243757; text-transform: capitalize; position: relative; padding: 0; }
.acc_top .gradient {padding:100px 0; background:#243757;}
.acc_top .acc_boxes {border-radius:5px; max-width: 450px; position:relative; background:#fff; box-shadow:0 0 10px 1px #333; display: block; margin: 0 auto 50px;}
.acc_top .acc_boxes .formbox {padding: 20px;}
.acc_top .acc_boxes .formbox h2 {border-top-left-radius: 3px; border-top-right-radius: 3px; text-align: left; padding: 20px; background: #0000b2; font-size: 18px; 
font-weight: bold; margin: 0; margin-bottom: 10px; color: #fff;}
.acc_top .acc_boxes .formbox h2 span {display: inline-block; float: right;}
.acc_top .acc_boxes .formbox h2 span img {display: block; width: auto; height: 30px;}
.acc_top .acc_boxes .formbox h2 p {font-size: 10px; margin: 0; padding: 0; margin-top: 5px; color: #afafaf;}
.acc_top .acc_boxes .formbox label {color: #1f2532; text-align: left; font-weight: bold;}
.acc_top .acc_boxes .formbox label span {color: #f00;}
.acc_top .acc_boxes .formbox label a {color: #1f2532; text-decoration: underline; text-transform: capitalize; }
.acc_top .acc_boxes .formbox .form-group {margin-bottom: 20px;}
.acc_top .acc_boxes .formbox .form-control {border: 1px solid #909090; padding: 9px 12px; height: 40px !important;box-shadow: none;}
.acc_top .acc_boxes .formbox .form-control::placeholder {font-family: 'ibmplexsans', sans-serif;}
.acc_top .acc_boxes .formbox .form-control:focus {border: 2px solid #888; }
.acc_top .acc_boxes .formbox select {padding: 3px 10px !important; height: 40px !important;}
.acc_top .acc_boxes .formbox .btn {background:#f28500; display:block; min-width:170px; margin: 0 auto; text-align: center; color:#fff; border-radius:25px; cursor: pointer;}
.acc_top .acc_boxes .formbox .btn:focus {outline: none;}
.acc_top .acc_boxes .formbox .checkbox {color: #333; font-size: 11px; text-transform:none;}
.acc_top .acc_boxes .formbox .links {text-align: center; margin: 0px 0 10px;}
.acc_top .acc_boxes .formbox .links a {color: #1f2532; text-decoration: none; font-size: 14px; cursor: pointer;}
.acc_top .acc_boxes .formbox .links span {margin: 0 5px; display: inline-block; color: #1f2532;}

@media (max-width: 768px){
.acc_top .gradient {padding: 70px 0;}
.acc_top .acc_boxes {max-width: auto; margin-top: 30px;}}
@media (max-width: 556px){
    .acc_top .acc_boxes {max-width: auto;}
.acc_top .acc_boxes .formbox {padding: 10px;}}