label.custom-alert-style {
    margin-top: 10px;
    color: red !important;
    font-size: 12px !important;
    margin: 0;
    font-weight: 600;
}
#mobilesection .styledSelect{display: none;}
.series-name.mobile-res .form-control{margin-bottom: 10px;}
div.mobilenumber-error {
    margin-top: 10px;
    color: red !important;
    font-size: 12px !important;
    margin: 0;
    font-weight: 600;
}
.flexi-box .nav-item.halfs {
    width: 49.5%;
}
.flexi-box .nav-item.fulls {
    width: 99%;
}

.pointer {
    cursor: pointer;
}

/*ACC BOX START*/
.acc_box{width: 100%; padding:5% 0px; display: flex; align-items: center; justify-content: center;}
.acc_box .acc_box_txt{width: 50%; display: flex; align-items: flex-start; gap:20px; flex-flow: column;}
.acc_box .acc_box_txt h3{font-size: 23px;}
.acc_box .acc_box_txt p{font-size: 15px; max-width: 60%;}
.acc_box .acc_box_txt a{font-size: 13px;
    color: #fff;
    border: 2px solid #fff;
    padding: 10px 25px;
    text-transform: uppercase;
    font-family: "bmwtypenextttbold";
}
.acc_box .acc_box_txt a:hover{
    background:#fff !important;
    text-decoration: none !important;
    color: #000 !important;
}


.acc_box .acc_box_img{width: 50%;}
.acc_box .acc_box_img img{width: 100%;}



@media screen and (min-width: 768px) and (max-width: 1100px) {
	.acc_box .acc_box_txt{gap: 10px;}
	.acc_box .acc_box_txt h3{font-size: 20px;}
	.acc_box .acc_box_txt p{max-width: 80%;}
}




/*MOBILE*/

@media screen and (max-width: 767px) {
	.acc_box{flex-flow: column-reverse;}
	.acc_box .acc_box_img{width: 100%;}
	.acc_box .acc_box_txt h3{font-size: 23px; margin-top: 20px;}
	.acc_box .acc_box_txt p{font-size: 15px; max-width: 100%;}
	.acc_box .acc_box_txt{width: 100%; display: flex; align-items: flex-start; gap:20px; flex-flow: column;}
}