/* uniform css start */
.banner_box1{
    height: 36px;
    background: #3371B8;
}
.banner_box2{
    height: 36px;
    background: #538BC9;
}
.banner_box3{
    height: 36px;
    background: #58B1E3;
}
.banner_text_section{
    background-image: url('../image/uniform/bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin: 15px 0;

}
.b_text_wrap{
    margin: 0 auto;
    text-align: center;
    padding: 33px 0;
}
.b_text_wrap h1{
    font-family: var(--pop-bold);
    font-weight: 700;
    font-size: 26px;
    color:#22BDBD;
    margin: 0;
}
.b_text_wrap h1.title{
    color: #292929;
    padding: 3px 0;
}
.b_text_wrap h5{
    font-family: var(--pop-bold);
    font-weight: 700;
    font-size: 11px;
    color:#22BDBD;
    margin: 0;
    letter-spacing: 3px;
}
.bp_wrap{
    position: relative;
}
.bp_img_wrap{
    background-image: url('../image/uniform/profession.png');
    background-repeat: no-repeat;
    background-size: cover;
    height: 320px;
}
.bp_img{
    height: 320px;
    background-color: #000;
    opacity: 0.7;
}
.bp_text_wrap{
    position: absolute;
    left: 0;
    top: 50px;
    padding: 0 80px;
}
.bp_text_wrap h1{
    font-family: var(--ReadexPro-Bold);
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    padding: 40px 0;
    text-transform: uppercase;
}
.bp_text_wrap span{
    color:#FFC53C;
    font-family: var(--ReadexPro-Bold);
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
}
.bp_text_wrap img{
    height: 20px;
}
.bp_button{
    font-family: var(--RBNo21a-Bold);
    font-weight: 700;
    font-size: 12px;
    background-color: #FFC53C;
    color: #000;
    padding: 5px 10px;
    border: none;
}
.all_product{
    background-color: #fff;
}

.bg_ash{
    background-color: #EEF0F0;
    height: 290px;
}

.text_box h1{
    font-family: var(--RBNo21a-Bold);
    font-weight: 700;
    font-size: 26px;
    color:#434343;
    text-transform: uppercase;
    line-height: 25px;
    padding-top: 15px;
}
.text_box span{
    font-family: var(--RBNo21a-Bold);
    font-weight: 700;
    font-size: 34px;
    color:#434343;
    text-transform: uppercase;
}
.text_box p{
    font-family: var(--akrobat-light);
    font-size: 15px;
    color:#231F20;
}
.text_box .modal_pop {
    font-family: var(--RBNo21a-Bold);
    font-weight: 700;
    font-size: 17px;
    color: #231F20;
    text-transform: uppercase;
    border: 1px solid;
    padding: 2px 13px;
}
.img_box1 img{
    height: 290px;
    max-width: 100%;
}

.banner_profession2{
    padding-bottom: 15px;
}
.bp_wrap2{
    position: relative;
}
.bp_img_wrap2{
    background-image: url('../image/uniform/profession2.png');
    background-repeat: no-repeat;
    background-size: cover;
    height: 380px;
}
.bp_img2{
    height: 380px;
    background-color: #000;
    opacity: 0.5;
}
.bp_text_wrap2{
    position: absolute;
    left: 0;
    top: 50px;
    padding: 0 80px;
}
.bp_text_wrap2 h1{
    font-family: var(--pop-bold);
    font-weight: 700;
    font-size: 27px;
    color: #fff;
    padding: 20px 0 50px;;
    text-transform: uppercase;
}
.bp_text_wrap2 span{
    color:#FFC53C;
    font-family: var(--pop-bold);
    font-weight: 700;
    font-size: 27px;
    text-transform: uppercase;
}
.bp_text_wrap2 img{
    height: 20px;
}
.bp_inner{
    position: relative;
}
.inner_img{
    position: absolute;
    top: -40px;
    left: 127px;
}
.bp_button2{
    font-family: var(--RBNo21a-Bold);
    font-weight: 700;
    font-size: 12px;
    background-color: #FFC53C;
    color: #000;
    padding: 5px 10px;
    border: none;
    display: block;
}
/* modal start */
.modal_bg{
    background-color: #3E71B8;
}
.inqure_titel{
    font-family: var(--RBNo21a-Bold) !important;
    font-weight: 700 !important;
    font-size: 32px !important;
    color:#fff !important;
    margin-left: 127px !important;
}
.modal_btn{
    font-family: var(--akrobat-black) !important;
    font-size: 16px !important;
    background-color: #FFF;
    color: #000 !important;
    padding: 5px 20px !important;
    border: none !important;
}
.input_bg{
    background-color: #E4E6EA !important;
}
.closebtn_bg{
    background-color: #E4E6EA !important;
    margin: 0 !important;
}
/* modal end */
.uniform_footer{
    background-color: #2C3B91;
    padding-top: 20px;
  }
/* uniform css end */
@media (max-width: 768px) {
    .img_box1{
        text-align: center;
    }
}