@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{scroll-behavior: smooth;}
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:#000;}
*:focus{outline: none;}
p{margin-bottom: 0;}
ul{/*padding-left: 15px;*//* list-style-image: url(../img/bullet.png);*/}
li{font-size: 18px; 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: 1rem; 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;}

/*********************** NAV *************************/
    .navbar a{width:100%;border-right:none;}
    .navbar-brand {border:none !important; width: auto !important;}
    .navbar-brand img{height:90px;}
    .navbar .row{display: block; margin: auto;width: 100%;}
    .navbar .btn_style3{padding: 3px; max-width: 170px; margin: 10px auto;}
    
    .page-scroll {background-color: #ed8035;margin-right: 10px; padding: 3px 20px; border-radius: 6px;}
    .navbar-toggler { padding: .25rem .25rem!important;font-size: 1rem!important;}

/* ====================== Slider arrow ======================= */
/*.carousel-control-prev {margin-left:-50px;}
.carousel-control-next {margin-right:-50px;}*/
/*********************** 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: 20%; right: 0; z-index: 81; background-color:#18b79a; max-width: 210px; 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:#18b79a; 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 *************************/


.section_programs_offered table{ width:100%;}
.section_programs_offered table tr{}
.section_programs_offered table tr th{background-color:#f2f2f2; border:1px solid #f2f2f2;padding: 10px;}
.section_programs_offered table tr td{background-color:#fff; border:1px solid #f2f2f2;}


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

.section_gallery .carousel-control-next-icon{margin-right: -120%;background-color: #000;border-radius: 50%;background-size: 100% 70%;}

/*********************** START BANNER SECTION *************************/
#bannerCarousel, #bannerCarousel img{width: 100%;}
/*********************** END BANNER SECTION *************************/

.section_about_sgi{ background: #ffffff;}
/*.col-md-12.p-0.sppua { margin-bottom: 40px;}
.col-md-12.p-0.aicte { margin-bottom: 40px;}*/
/*.programs-sgi{list-style-image: url('../src/img/bullet-2.png'); margin-left:50px;}
.programs-sgi1{list-style-image: url('../src/img/bullet-2.png'); margin-left:80px;}*/
/*
.sppua-zoom:hover{ transform: scale(1.2); background-color:#f2f2f2;border:1px solid #f4f4f4;}
.aicte-zoom:hover{transform: scale(1.2);background-color:#f2f2f2;border:1px solid #f4f4f4;}*/

/* *********************** Up Arrow *********************/
#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 99999;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}
/*********************************** End Up Arrow CSS **************************/
/********************************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******************************/
.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;}


.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 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 h2{color:#fff;}
.section_contact h4, .section_contact h5, .section_contact a, .section_contact .fa, .section_contact p{color:#cccccc;}


.bg-light{background:#fff !important;}
.navbar p{font-size:12px !important; font-weight:bold;}
#bannerCarousel{padding-top:120px;}
#bannerCarousel .carousel-inner , .section_why , .section_enquire , .section_gallery{background:#f2f2f2;}
.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{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_programs_offered span{border-bottom:1px solid #000; font-weight:bold;}


#thumbnail_slider_xs ,#thumbnail_slider_xs2{width:100%;}

#thumbnail_slider2 img {
    height: 100%;
}
.section_applouse img {
    border: 1px solid #ccc;
}
body { overflow-x: hidden;}

.section_applouse p {
    font-size: 13px;
}
.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);
}




@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{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)
{
    .navbar-light .navbar-brand {color: rgba(0,0,0,.9);margin: 0; width: 65% !important;display: block;}
    .navbar-brand img {height: 60px;float: right;}
    .sticky_form{top:40%;}
    .slide_toggle{opacity:0.699;}
    #bannerCarousel {padding-top: 100px;}
    .navbar-brand {border:none !important; width: auto !important;}
    .navbar-brand img{height:70px;}
    .navbar .row{display: block; margin: auto;}
    .navbar .btn_style3{padding: 3px; max-width: 170px; margin: 10px auto;}
    .border-box{border: 2px solid #f38629}
    .pl-5 {padding-left: 0.5rem!important;}
    .pr-5 {padding-right: 0.5rem!important;}
    .navbar a {
    display: block;
    margin-bottom: 5px;
}
    
    .section_highlights .col-6 , .section_amenities .col , .section_awards .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{flex: 0 0 50%;}
    /*.section_awards .col:last-child{flex: 0 0 100%;}*/
    .section_amenities .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: 100px;}
    .section_joius .col-4{padding:0 !important;}
    /*#bannerCarousel {padding-top: 70px;}*/
    .section_contact{text-align:center;}
    
	
/*    .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;}
    
    
    .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)
{
    .navbar-light .navbar-brand {width: 77% !important;}
    .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;}
    
}

@media only screen and (max-width : 480px)
{    
    .section_location img {height: 180px;}
    .section_amenities img {height: 40px;}
    
    .navbar-light .navbar-brand {width: 75% !important;}
    .navbar-brand img {height: 70px;float: right;}

    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  {font-size: 0.6rem !important;}
    .modal-dialog{margin: 2rem;}
    
    #return-to-top {
    display: none !important;
    }
    .sticky_form {
        right: 16px;
    }
    .section_enquire_top .form-group {    width: 100%;}
}
@media only screen and (max-width : 420px)
{    
    .navbar-light .navbar-brand {width: 85% !important;}
}
@media only screen and (max-width : 320px)
{    
     .navbar-light .navbar-brand {width: 85% !important;}
    .slide-toggle{top: 46px; left: -73px;}
    #bannerCarousel {padding-top: 70px;}
    .logo {height: 70px;}
    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)
{
    
}


