#ba__popup_skin>*{display:flex;flex-wrap:wrap;align-items:flex-start;padding:1rem;width:100%;height:100%;overflow:auto;box-sizing:border-box}
#ba__popup_skin>*>*{width:30.333%;border:1px solid #ddd;text-align:center;border-radius:.3rem;cursor:pointer;margin:6px}
#ba__popup_skin h4{background:#eee;padding:.6rem .3rem;margin:0}
.form-group{margin-bottom:1rem!important}
.input-group{position:relative;display:flex;width:100%}
.form-control{display:block;width:100%;padding:.5rem .8rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;border:1px solid #ced4da;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.375rem}
.input-group > :not(:first-child){margin:0;border-top-left-radius:0;border-bottom-left-radius:0}
.input-group > :not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}
.input-group > .input-group-text{min-width:3rem;background:#eee;text-align:center;padding:.5rem 1rem;border:1px solid #ced4da;border-radius:.375rem;border-top-left-radius:0;border-bottom-left-radius:0;border-left:0}
.form-check-label{margin:0}
.mod-login__submit > .btn{font-weight:700;padding:.5rem 1rem}
.mod-login__options{list-style:none;padding:0}
.nav-controls img{transition: all .3s;}
dl.list, .list-wrap{display: flex; text-align: left; width: 50%;}
dl.list dt{color: #06bd3d;text-align: center;font-size: 2em;padding: 0 .5em;}
.list-blue  dl.list dt{color: #09b1b9;}
.list-wrap{width: 100%; flex-wrap: wrap;}
.card{width: 33.33%; padding: 1em;}
.card h4{display: block; margin: .5em 0;}

.ba___megamenu-wrapper.vertical{z-index: 988 !important; margin-top: 6em !important;}
.ba___megamenu-wrapper.ba___phone.on{z-index: 9999 !important;}
.colorOption{display: flex;flex-direction: column;gap: 5px;position: absolute;right: 15px;top: 50%; background: rgba(196, 184, 184, 0.8);  padding: 5px;border-radius: 1rem;}
.colorOption > a{display: block; width: 1.5rem; height: 1.5rem; border-radius: 3rem; cursor: pointer; text-decoration: none;}
@media (max-width: 991px) {
    dl.list{width: 100%;}
    .card{width: 50%;}
}
@media (max-width: 575px) {
    .card{width: 100%;}
}