/* 
/* 
/*  custom.css
/*
/*  If not using Gulp and Sass, add your custom CSS below then include it
/*  in your page by adding a reference to assets/css/custom.css in the head of each page.
/*
*/
.left-section img.icon{
    left: 50%;
}
.left-section img.icon,
.carousel-cell img.icon{
    position: absolute;
    z-index: 99;
    top: 50%;
    height: 72px;
    width: 72px;
    left: 50%;
    transform: translate(-50%,-50%);
}
@media (max-width: 1199.98px) {
    .flickity-prev-next-button {
        display: flex;
    }
}
@media (max-width: 767.2px) {
    .navbar > .container {
        max-width: 100%;
    }
}
@media (max-width: 480.2px) {
    .navbar-brand img {
        width: 120px;
    }
    #download {
        padding: 0.625rem 0.8rem;
        font-size: .8rem;
    }
}


/*mobile screen css code*/

@media (max-width:767px){
    #exampleModal h5 {
        width: calc(100% - 18px);
    }
    .d-flex.flex-wrap.justify-content-center.justify-content-lg-start {
        justify-content: left!important;
    }
    #step1 .d-flex.align-items-center{
        text-align: left!important;
    }
    .badge{
        font-size: 12px!important;
        width: 100%;
    }
    .badge span{
        font-size: 14px!important;
    }
    #phonediv1,
    #phonediv2,
    #phonediv3 {
        width: 63%!important;
    }
    #phonediv1 input,
    #phonediv2 input,
    #phonediv3 input{
        margin-left: 15px!important;
    }
    #filter1,
    #filter2,
    #filter3 {
        width: 100%!important;
    }
    #formid3 .form-group .position-relative,
    #formid1 .form-group .position-relative,
    #formid2 .form-group .position-relative{
        width: 30%!important;
    }
    #formid1 .form-group.subcity1 .position-relative,
    #formid1 .form-group.substate1 .position-relative,
    #formid2 .form-group.subcity2 .position-relative,
    #formid2 .form-group.substate2 .position-relative,
    #formid3 .form-group.subcity1 .position-relative,
    #formid3 .form-group.substate1 .position-relative {
        width: 100%!important;
    }
    .alert.bg-secondary.rounded-lg.d-inline-block.mb-4{
        text-align: center;
        margin: auto;
        width: 100%;
    }
    li {
        text-align: left!important;
    }
    .m-2.aos-init.aos-animate {
        width: 100%;
    }
}

.side-box{transform: rotate(90deg);position: fixed;top: 35%;    background-color: #7f1919;    border-color: #7f1919;    cursor: pointer;    display: inline-block;    font-weight: bold;    margin-left: -41px;    border: 0;    color: #fff;    font-size: 16px;    padding: 10px 20px;    border-radius: 10px 10px 0 0;    z-index: 9999;margin-bottom: 5px;}
.side-box-1{transform: rotate(90deg);position: fixed;bottom: 30%;    background-color: #7f1919;    border-color: #7f1919;    cursor: pointer;    display: inline-block;    font-weight: bold;    margin-left: -50px;    border: 0;    color: #fff;    font-size: 16px;    padding: 10px 20px;    border-radius: 10px 10px 0 0;    z-index: 9999;}
.popup_btn {margin: 0px;
  padding: 8px;
  width: 100%;
  float: right !important;
  background-color: #7f1919;
  color: #fff !important;
  border-radius: 5px;
}



#applyNow .form-group, #reqACall .form-group { float:left; width:100%;}
#applyNow .form-group label.control-label, #reqACall .form-group label.control-label { float:left; color:#000; font-weight:bold;  line-height:40px; padding:0px; }
#applyNow .form-group div.col-sm-10, #reqACall .form-group div.col-sm-10 { float:left; }
.red {
    color: red;
}
h4, .h4 {
    font-size: 18px;
    font-weight: 500;
}
.form-control {
    display: block;
    width: 100%;
    height: 44px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

 /* Smaller on mobile */
@media (max-width: 600px) {
	.logo-carousel { padding:0px 10px 0px 10px; margin-top:55px;}
	.swiper { width:75%;}
  .swiper-slide { height: 80px; }
  .swiper-slide img { max-height: 56px; max-width: 120px; }
  .ranking .top_b_school { width:95%;}
  .side-box { font-size:12px; padding:4px 18px 10px 18px;}
 .side-box-1 { font-size:12px; padding:4px 18px 16px 18px;}
}