@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
*{ padding: 0;
margin: 0;
box-sizing: border-box; }
body{ font-family: 'Open Sans', sans-serif; }
.custom-nav  .nav-item .nav-link{ color: #000;
padding-right: 12px;
padding-left: 12px; }
.navbar-toggler-icon {color: #000;}
.navbar-toggler i{ font-size: 22px; }
.navbar-toggler:focus{outline: none;}
.sign { color: #535353; font-size: 14px; }
.sign span a { color: #DA291C; font-size: 14px;  text-decoration: underline;}
body{ background: #F6F6F6;
height: ; }
.custbg h1{ font-size: 33px;
font-weight: bold;
color: #535353; }
.custbg  p{ color: #535353;
font-size: 18px;
line-height: 33px; }

.relationship h3{ font-size: 20px;
color: #535353;
font-weight: bold;}
.relationship-box{ background-color: #fff; }
.card-deck p{ font-size: 22px; }
.border-custm{ border: solid 2px #D9D9D9; }
.avcolor{ background-color: #CC0000;}
.btn-circle.btn-xl {
width: 50px;
height: 50px;
padding: 10px 16px;
margin: 9px;
font-size: 24px;
line-height: 25px;
border-radius: 35px;
color: #fff;
}
.cir-color{ background-color: #CC0000; }
footer li a{ color: #4D4D4D; }
footer li a:hover{ color: #4D4D4D; }
/*========== step css========*/
.step-css li {
width: 2em;
height: 2em;
text-align: center;
line-height: 2em;
border-radius: 1em;
background: #fff;
margin: 0 1em;
display: inline-block;
color: #000;
position: relative;
border: solid 1px #ACACAC;
}
.step-css li::before{
content: '';
position: absolute;
top: .9em;
left: -4em;
width: 4em;
height: .1em;
background: #000;
z-index: -1;
}
.step-css li:first-child::before {
display: none;
}
.step-css.active {
background-color: orange;
}
.step-css .step-col{ background-color: #CC0000; color: #fff;
}
/*==========  Accounts & Products ========*/
.custom-control-input:checked~.custom-control-label::before {
color: #fff;
border-color: #7B1FA2;
}
.custom-control-input:checked~.custom-control-label.red::before {
background-color: #DA291C;
}
.custom-control-input:checked~.custom-control-label.green::before {
background-color: #DA291C;
}
.form-control{ width: 400px; }
.bac-bg{ background-color: #ACACAC;
color: #fff;
border: none;}
@media(max-width:480px){
.form-control{ width:auto; }
}

/*========== security ========*/

.security h6{ font-family: 'Open Sans', sans-serif;
               font-size: 15px;
               color: #535353;
               font-weight: bolder ; }  	


.security p{ font-family: 'Open Sans', sans-serif;
               font-size: 15px;
               color: #ACACAC;
               font-weight:  ; }  


.terms p{ font-size: 12px; color: #838383; } 
.terms  span { font-size: 12px; color: #DA291C; text-decoration: underline; } 

input[type=checkbox] {
    box-sizing: border-box;
    padding: 0;
    margin-top: 10px;
    width: 12px;
    height: 12px;

}   

@media(max-width:400px){
.medi-opt{ width:210px; margin-bottom: 12px; }
}          





.noti{ font-weight: bold; }