@font-face {
    font-family: roboto_bold;
    src: url("../fonts/Roboto-Bold.ttf");
}

@font-face {
    font-family: Roboto_Regular;
    src: url("../fonts/Roboto-Regular.ttf");
}

@font-face {
    font-family: Roboto_Light;
    src: url("../fonts/Roboto-Light.ttf");
}

html, body{font-family: 'Roboto_Regular';}
h1, h2, h3{font-family: 'roboto_bold'; margin-top: 0; margin-bottom: 0; /*text-transform: uppercase; */font-weight: bold; color:#0c2b4c;}
*:focus{outline: none;}
p{margin-bottom: 0;}
ul{padding-left: 15px;/* list-style-image: url(../img/bullet.png);*/}
/*li{font-size: 20px; margin-bottom:1rem;}*/
button:focus{outline: none;}
.form-group {margin-bottom: 0.7rem; padding: 0 0.5rem;}
.form-control{width: 100% !important; border-radius: 0;font-size: 14px;}
.btn_style1{/*border-radius: 20px;*/ background: #f38629 !important; color: #fff !important; border: none !important;}
.btn_style2{background: #000; color: #fff;  text-transform: uppercase; border-radius: 0; /*box-shadow: inset 0 0 40px #000000; */font-size: 1.4rem; border: none;}
.btn_style3{background: #f38629; color: #fff;  text-transform: uppercase; border-radius: 0; font-size: 1.4rem; border: none;}
.error_msg{color: #7d0303; font-size: 12px;}
.div_thanks{display: block !important; }
.div_thanks h2{color: #f5822a;}
.div_thanks p{color: #fff;}
#loader{display: none; position: fixed; top: 0; background: rgba(0,0,0,0.8); z-index: 9999; height: 100%; width: 100%;}
#loader img{width: auto; height: 62px; position: absolute; top: 30%;}
.modal-title {width: 100%; text-align: center;}

/*********************** START STICKY FORM SECTION *************************/
.btncall{position: fixed;  top: 5%; right: 0;  background-color: #3e3532; z-index: 99999; /*padding: 5px 8px;*/}
.btncall span { position: relative; }
.btncall a{    color: #fff; display: inline-block; background: #2f2f2f; padding: 0.2rem 0.5rem;}
.sticky_form .error_msg { color: #b5753b;}
.btncall label{color: #fff; font-weight: 400; min-width: 40px; text-align: left;}

.btnwhatsapp{position: fixed;  top: 300px; left: 0; z-index: 99999; }
.btnwhatsapp .rotate { position: absolute; transform: rotate(-90deg);}
.btnwhatsapp .rotate a{position: absolute; transform: rotate(-90deg);}
.btnwhatsapp a{color: #fff; background:#f1f1f0 url(../img/whatsapp-icon.png) no-repeat center center; background-size: cover;background-color: transparent;}
.btnwhatsapp span{font-size: 10px;}
.btnwhatsapp i{font-size: 22px;}
.btnwhatsapp img{height: 30px; width:auto;}

.sticky_form{position: fixed; top: 40%; right: 0; z-index: 81; background-color:#92278e; max-width: 290px; z-index: 9999;}
.sticky_form h4{margin: 0; margin-bottom: 10px; color: #fff;}
.sticky_form .form-control  {font-size: 11px;}
.slide_toggle{position: absolute; top: 45px; left: -75px; background-color:#92278e; z-index: 1000; transform: rotate(-90deg); color: #fff; text-align: center; padding: 6px 15px; border: none; width:120px; font-size: 12px;cursor: pointer;}
.toggle_form{display: none; padding: 15px;}
.toggle_form .btn_style1{}
/*********************** END STICKY FORM SECTION *************************/
.zoom {
  transition: transform .2s; /* Animation */box-shadow: 2px 5px 5px 0px #c1c1c1; background: #ed80359e;
}

.zoom:hover .row {
  /*transform: scale(1.01);*/ /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.zoom:hover {padding:0;  background: #ed80359e;}

/* =============================== */ 

.sp-subjects .btn_style1 {
    border-radius: 20px;
    background: #323c8d !important;
    margin-bottom: 10px;
}
.sp-subjects h4{color:#f38629;padding: 15px 10px 10px 0px;}


.rec-gal .carousel-control-prev-icon{
margin-left: -120%;
background-color: #000;
border-radius: 50%;
background-size: 100% 70%;
}

.rec-gal .carousel-control-next-icon{
margin-right: -120%;
background-color: #000;
border-radius: 50%;
background-size: 100% 70%;
}
/********************************flex-box******************************/
.border_bottom {border-bottom: 1px dotted #f38629;}
.border_right {border-right: 1px dotted #f38629;}
.box_style {padding: 1rem 0.5rem;}
.box_style:hover{background:#f38629; color:#fff;}

/********************************end flex-box******************************/
.section_why {background: #101518 url(../img/bg_campus.jpg) no-repeat center center fixed;}
.section_form table { width: 100%; }
.section_form table tr{ }
.section_form table tr th{font-size: 22px;color: #263186;padding: 10px; }
.section_form table tr td{padding: 10px;border:1px solid #dbdbdb;}
/*********************** START BANNER SECTION *************************/
#bannerCarousel, #bannerCarousel img{width: 100%;}
/*********************** END BANNER SECTION *************************/


.section_highlights{background: #6f8cb6;}
.section_highlights h4{color: #fff;}
.txt_blue{color: #0098d7;}
.section_location{background:#f1f1f0 url(../img/bg_location.jpg) no-repeat center center; background-size: cover;}
.section_location h2 , .section_location h3{color:#fff;}
.section_location li{font-size:1.5rem; margin-bottom:1rem;}
.section_amenities {background:#f38629; background-size: cover; color:#fff; }
.section_amenities img{height: 100px; width: auto; margin: auto;}
.section_amenities h3{color:#fff;}
.section_pricing h2{color:#000;}
.section_pricing h5{padding:0.5rem 1rem; background: #f1f1f1;}
.section_pricing h5.bg_blue{background: #000 ; color: #fff;}
.section_button{background: #f9f9f9;}
.section_button a{color: #000;}
.section_awards{background: #000;}
/*.section_awards img{height: 250px; width: auto; margin: auto;}*/
.section_awards h3 , .section_awards li{color: #fff;}
.section_awards li{font-size: 1.5rem; margin-bottom: 1rem;}
.section_footer{background: #303030; color:#fff;}
/*.section_footer a, .div_footer i{font-size: 1rem; color: #000; text-transform: uppercase;}*/
.section_footer h3, .section_footer a{color:#fff;}
.txt_blue{color:#007bff;}
.section_about_project {background:#383c43 url(../img/bg_about_project.jpg) no-repeat center center; background-size: cover; color:#fff; }
.small_font{font-size:0.6rem !important;}




.fa{padding:0rem 0.5rem;}
.navbar a{color:#000;}
/*.absolute_div{ width: 40%;}*/
.absolute_text{position:absolute; top:15%; right:5%;width: 50%;}
.absolute_div h3{color:#fff;font-family: 'Roboto_Light'; font-weight:400;}
.absolute_div h2{color:#fff;}
.absolute_div h4{color:#fff;}
.absolute_div hr{border-top:1px solid #fff; margin:0.6rem 0;}
textarea{height:100%;}
.absolute_form{position:absolute; bottom:15%; right:15%;width: 40%;background: #fff; padding: 1.5rem; border-radius: 20px; /*box-shadow: 6px 6px 14px 5px #292d4c;*/}
.absolute_form h3{color:#0b396d;font-family: 'roboto_bold';}
.section_joius h4, .section_joius h5{color:#818181;}
.section_joius h2{color:#0f3864;}
.section_advantages h2, .section_about h2, .section_contact h2{color:#0d396a;text-transform:none; }
.section_advantages h4{font-weight:bold;}
.section_about{background:#f1f1f0; color: #000;}
.section_about li{color:#818181;}
.section_contact{background:#0f3866;}
.section_contact h3{color:#fff;}
.section_contact h4, .section_contact h5, .section_contact a, .section_contact .fa, .section_contact p{color:#cccccc;}


#bannerCarousel .carousel-inner , .bg-light{background:#fff !important;}
.navbar p{font-size:12px !important; font-weight:bold;}
#bannerCarousel{padding-top:140px;}
.section_why , .bg_grey{background:#f2f2f2;}
.section_programs_offered{background:#fff;}
.section_why h2{text-transform:none; color:#0b2b4d;} 
.border_div{background:#333; width:150px; height:2px; margin:0.5rem auto;}
.section_awards .border_div{background:#ed7c2c;}
.section_awards h2 , .section_awards p{color:#fff;}
.section_awards p{font-size:11px !important;}
.section_awards img , .section_specialization img{height:150px;}
/*.section_form{background: #f5822a;}*/
.section_form .form-control{background: transparent; border:1px solid #000; color:#000;}
.section_form h2{color:#000;}
.section_form .form-control::placeholder{color: #000;}
.center-block {border: 1px solid #c1c1c1;}
.section_specialization {background:#fff;}
.section_specialization h5{color: #7c7c7c; font-weight: bold;}
.section_specialization h2 {color:#0c2b4c;}
#thumbnail_slider_xs{width:100%;}
#thumbnail_slider22 img {
    height: 100%;
}
#thumbnail_slider2 img {
    height: 100%;
}
.section_enquire_top .form-group {flex-grow: 1;  width: 16%; }
.section_enquire_top {
    background: #323c8d;
}
select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + -1px);
}
.icon-box {
    background: #f38629;
    margin: 10px;
    padding: 10px 10px;
    font-size: 17px;
    border: 2px solid #000;
    border-radius: 0px 25px 0px 25px;
    min-height: 115px;
    align-items: center;
    display: flex;
}
.icon-wrap {
    margin: 0 auto;
    max-width: 44%;
    background: #323c8d;
    border-radius: 50%;
    display: inline-block;
    padding: 22px;
}
.icon-wrap img {
    width: 100%;
}
.col-4-wrap .col.icon-box-top {
   /* margin: 0 auto;
    max-width: 20%;*/
    display: inline-block;
}
.col-4-wrap {
    margin-top: 16px;
}
.icon-box-top p {
    margin-top: 10px;
    font-weight: 600;
}
.section_placement {
    background: #f2f2f2;
}
.col-4-wrap {
    margin-left: 95px;
    margin-right: 95px;
}
.section_marquee-line {
    /*background: #4169e1;*/
    color: #fff;
    background: #e10303;
}
.run-line {
    font-size: 19px;
    padding-top: 7px;
}
.container-fluid.section_ranking {
    background: #f2f2f2;
}
@media only screen and (max-width : 1400px)
{
    .absolute_text{top:13%; width: 60%;}
}

@media only screen and (max-width : 1280px)
{
    .absolute_form{bottom:10%; width: 50%;}
}

@media only screen and (max-width : 1200px)
{
    .section_pricing h5{font-size:1rem; padding: 0.5rem 0rem;}
    .absolute_form{position:static; width:100%; box-shadow:none; margin:0; text-align:center;}
}

@media only screen and (max-width : 1024px)
{
    /*.absolute_text {top: 20%;    width: 55%;}*/

}

@media only screen and (max-width : 992px)
{    
    .section_amenities img{height: 70px; margin: auto;}
    .section_awards ul{    list-style-image: none;}
    .section_pricing .col{padding:0;}
    .section_awards img , .section_specialization img{height:100px;}
}

@media only screen and (max-width : 991px)
{
    
    .absolute_text {width: 65%;}
}

@media only screen and (max-width : 800px)
{
    .section_pricing h5 {font-size: 0.5rem !important; border: 1px dotted #c7c5c5;}
    .fa-rupee{font-size:0.6rem !important;}
    
    h1{font-size: 2rem !important;}
    h2{font-size: 1.5rem !important;}
    h3{font-size: 1.2rem !important;}
    h5, h4, h6, li, p {font-size: 1rem !important;}  
    .btn_style1 , .btn_style2 , .btn_style3{ font-size: 0.7rem !important;}
}

@media only screen and (max-width : 768px)
{

}

@media only screen and (max-width : 767px)
{
        .modal-content{
        background-color: #913838;
    }
    .modal-title {
  color: #fff;
  font-size: 18px !important;
  font-weight: 700;
}
.close {
  color: #fff;
  opacity: 0.9;
}
    .sp-subjects h4 {
  padding: 0px 10px 0px 0px;
  font-size: 19px !important;
}
     .section_enquire_middle .form-control {
        height: 2.2rem !important;
    padding: 6px 20px !important;
    width: 100% !important;
    border-radius: 20px;
}
    .section_enquire_middle {
    background: #b10000;
}
.section_enquire_middle input#submit_top_form {
    font-size: 16px !important;
}
.section_enquire_middle .submit-btn-enq {
    margin: 0 auto;
    max-width: 45%;
}
.section_enquire_middle .form-body {
    display: block;
    padding: 10px;
}
    input#submit_pricing_form {
    font-size: 14px !important;
}
    .btn_style1.enq-btn {
    font-size: 14px !important;
}
    .section_placement .col-md-6 {
    width: 40%;
    padding: 10px;
    border: 1px solid #ccc;
    margin: 10px;
    box-shadow: 0px 0px 6px 0px #ccc;
    border-radius: 10px;
}
.section_placement .col-md-6 img {
    width: 100%;
}
    .section_enquire_top, .section_ranking {
    display: none;
}
    .col-4-wrap {
    margin-left: 0px;
    margin-right: 0px;
}
    .col.icon-box {
    margin: 8px auto;
    max-width: 60%;
    justify-content: center;
    min-height: auto;
    flex-basis: auto;
}
.section_placement .col {
    flex-basis: auto !important;
}
.col-4-wrap .col.icon-box-top {
    max-width: 100%;
}
.icon-wrap {
    max-width: 25%;
}
.col.icon-box-top {
    margin-bottom: 20px !important;
}
    .section_highlights .col-6 , .section_amenities .col , .section_awards .col , .section_specialization .col{border:1px dotted #dbdcdb; padding: 10px;}
    .div_footer .text-right{text-align: center !important;}
    .form-control {height: 1.5rem !important; padding: 0 0.5rem !important;}
    .section_form .col , .section_amenities .col , .section_awards .col , .section_specialization .col, .section_why .col{flex: 0 0 50%;}
    /*.section_awards .col:last-child ,*/ .row_last .col:last-child{flex: 0 0 100%;}
    .section_amenities .pb-4 , .section_specialization .pb-4{padding-bottom: 0rem !important;}
    .section_highlights_text h2 span {font-size: 2rem;}
    .section_awards img{height:70px;}
    .section_about{text-align:center;}
    .section_location img {height: 350px;}
    li{margin-bottom:0 !important;}
    .section_pricing h5{min-height: 2.5rem}
    
    .absolute_text {position: static; background: #6069aa; padding: 1rem; width:100%; margin: 0; text-align:center;}
    .section_why img {height: auto;}
    .section_why .col-md-3{padding: 10px; border: 1px dotted #c1c1c1;}
    .section_footer .text-right  {text-align:center !important;}
    .navbar .fa, .navbar a {font-size: 10px;}
    .logo {height: 60px;}
    .section_joius .col-4{padding:0 !important;}
    /*#bannerCarousel {padding-top: 70px;}*/
    .section_contact{text-align:center;}
    .section_awards img, .section_specialization img {height: 60px;}
    #bannerCarousel {padding-top: 255px;}
	
/*    .navbar {background-color: #e6e6e6; border-color: #9e9e9e;}
    .section_banner{    padding-top: 40px;}
    .call {background:#000;color: #fff; padding: 5px 20px; font-size: 0.7rem;}
    a#call:hover {color: #f47650;}*/
    
    
    .section_awards p {font-size: 8px !important;}
    .sticky_form{top: 40%; }
    .sp-subjects .btn_style1{white-space: normal;}
    .section_why .col{border: 1px dotted #f38629;}
    
    
    
    .pt-5, .py-5 {padding-top: 1.2rem!important;}
    .pb-5, .py-5{padding-bottom: 1.2rem!important;}
    .pt-4, .py-4 {padding-top: 1rem!important;}
    .pb-4, .py-4{padding-bottom: 1rem!important;}
    .pt-3, .py-3 {padding-top: 0.5rem!important;}
    .pb-3, .py-3 {padding-bottom: 0.5rem!important;}
    .section_enquire_top .form-group {    width: 50%;}
}

@media only screen and (max-width : 600px)
{
    .section_footer {
    margin-bottom: 55px;
}
        .sticky_form {
  background-color: #9e2f28;
    }
    .slide_toggle {
  position: fixed;
  right: 0;
  left: 0;
  bottom: 0 !important;
  top: auto;
  width: 100%;
  margin: 0 auto;
  z-index: 999;
  transform: rotate(0deg);
  text-transform: uppercase;
  cursor: pointer;
  font-size: 24px;
  background: #9e2f28;
  display: block;
  padding: 10px 20px;
  opacity: 1;
}
.env-icon::before {
  content: '\f003 ''';
  font-family: 'FontAwesome';
  padding-right: 10px;
}
    .section_form .col{flex: 0 0 100%;}
    .navbar p {font-size: 8px !important;}
}

@media only screen and (max-width : 578px)
{
    .navbar, .navbar .text-right{text-align:center !important;}
    .section_specialization h5{font-size: 0.6rem !important;}
}

@media only screen and (max-width : 480px)
{    
    .section_location img {height: 180px;}
    .section_amenities img {height: 40px;}
    
    #bannerCarousel {padding-top: 210px;}

    h1{font-size: 1.8rem !important;}
    h2{font-size: 1rem !important;}
    h3{font-size: 1.1rem !important;}
    h4, li, p , .div_footer a , h6 {font-size: 0.9rem !important;}  
    .btn_style1 , .btn_style2 , .btn_style3  {white-space: normal; font-size: 12px !important; /*font-size: 0.6rem !important;*/}
    .modal-dialog{margin: 2rem;}
    
    .section_thumbnail_slider .col-md-2 {
    max-width: 50%;
    }
    .section_thumbnail_slider .row {
    padding-bottom: 0px !important;
    }
    .section_thumbnail_slider .row img {
    margin-bottom: 5px;
    }
    .section_enquire_top .form-group {    width: 100%;}
}

@media only screen and (max-width : 400px)
{    
    
    #bannerCarousel {padding-top: 200px;}
}

@media only screen and (max-width : 320px)
{    
    .slide-toggle{top: 46px; left: -73px;}
    
    #bannerCarousel {padding-top: 150px;}
    h1{font-size: 1.6rem !important;}
    h2{font-size: 1rem !important;}
    h3{font-size: 1rem !important;}
    h5, h4, li, p , .div_footer a{font-size: 0.8rem !important;}  
    
}

@media only screen and (max-width : 319px)
{
    
}