@import url('https://fonts.googleapis.com/css2?family=Jura:wght@300..700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Manrope:wght@200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Newsreader:ital,opsz,wght@0,6..72,200..800;1,6..72,200..800&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
*{ font-family: Montserrat, Verdana, sans-serif;}
p{text-align: justify;font-size: 17px;letter-spacing: .5px;line-height: 1.5em !important;}
a{text-decoration: none;}

.cl-2{color:#a51c30;}
.fz{font-size:16px!important;}
.section-title h1{font-size: 38px;font-weight: 600;text-align: center;font-family: "Montserrat-Bold",verdana,sans-serif;padding-bottom:60px;}

/*# Header-Top
--------------------------------------------------------------*/
.header-top{    position: absolute;z-index: 99999999;right: 73px;top: 8px;}
.topbar ul{display: flex;justify-content: end;align-items: center; margin: 0;padding: 7px 0;}
.topbar ul li{margin-left: 20px;list-style: none;}
.topbar ul li a{color: #fff; transition: ease-in-out .5s;font-size: 15px;}
.topbar ul li a i{margin-right: 4px;}
.topbar ul li a:hover{color: #a51c30;}
/*  */

/* .head-img{padding: 16px 0;} */
.head-img img{width:30%;}

#widgetsControl, #HomepagecontentControl, #WidgetControl1, #WidgetControl2{padding: 0px;}

/*--------------------------------------------------------------
# banner-section
--------------------------------------------------------------*/
.banner-section{position:relative;overflow:hidden;}
.banner-section::before{position:absolute;content:'';left:0px;top:0px;right:0px;bottom:0px;z-index:2;background-color: rgb(21 22 22 / 50%);}
.banner-section .content-column{position:relative;z-index:10;}
.banner-section .content-column .inner-column{position:relative;}
.banner-section .content-column .title{position:relative;color:#fff;font-size: 19px;line-height:1.8em;margin-bottom: 10px;font-weight:600;opacity: 0;transform: scaleY(0);transform-origin: top;letter-spacing: 3px;padding-right:70px;display:inline-block;text-transform:uppercase;transition: all 1000ms ease;}
.banner-section .active .content-column .title{animation: fadeIn 2000ms ease-in-out; opacity: 1;transform: scaleY(1);transition-delay: 600ms;}
.banner-section .content-column h1{position:relative;color:#ffffff;opacity: 0;font-size: 28px;line-height:1.6em; transform: scaleY(0);text-transform:uppercase;transition: all 2000ms ease;}
.banner-section .active .content-column h1{opacity: 1;transform: scaleY(1);transition-delay: 1000ms;}
.banner-section .content-column .text{position:relative;color:#ffffff;font-size: 18px;margin-top:15px;margin-bottom:30px;font-weight:400;opacity: 0;z-index:1;max-width:665px;transform: scaleY(0);transform-origin: top;transition: all 2500ms ease;}
.banner-section .active .content-column .text{opacity: 1;transform: scaleY(1);transition-delay: 1000ms;}
.banner-section .carousel-caption {position: absolute;bottom: 0;top: 0;left: 5%;padding-top: 1.25rem;padding-bottom: 1.25rem;color: #fff;text-align: left;display: flex !important;align-items: center;}
.banner-section .carousel-control-prev , .banner-section .carousel-control-next {z-index: 10;width: 4%;}


/* about us section */
.about-us{padding:100px 0px 20px 0px;}
.about-us p{color:#000;letter-spacing: .5px;line-height: 1.5em !important;}
.about-us .about-bx{background-color: #f9f3e9;position: relative;margin: 50px 0 50px 50px;padding:50px;}
.about-us .about-bx img{    position: absolute;top: -60px;width: 100px;}
.about-us .about-bx p{color:#000;font-weight:600;}
.about-us .about-bx h6{color:#a51c30;font-weight:600;font-size:18px;line-height:1.5em;}

/* counter */
.counter .counter-bg{background-image: url('../image/education-bg.jpg');background-size: cover;}
.counter-bx{background-color: rgba(165,28,49,0.8352941176470589);padding:40px;width:80%;}
.counter-bx h5{font-size: 28px;font-weight: 300;text-align: center;color:#fff;}
.counter-bx p{font-size: 14px;font-weight: 600;text-align: center;color:#fff; border-bottom:2px solid #fff;padding-bottom:20px;}
.custom-btn a{font-size:18px;border-radius: 4px; background-color: #a51c30;padding:10px 20px;text-align: center;margin: 20px 0 0;border: 2px solid transparent;color:#fff;text-transform: capitalize; width: 480px;text-decoration: none;}
.custom-btn{border-bottom:4px solid #a51c30;padding-bottom:40px;}

/* campus section */
.campus-sec{margin-top:60px;}
.campus-bx{background-color: #F5821F;padding:15px;width:85%;margin:auto;height:100%;}
.campus-bx h5{font-size:38px;font-weight:600;color:#fff;text-align: center;border-bottom:2px solid #fff;padding-bottom:10px;}
.campus-bx p{font-size:22px;font-weight:600;color:#fff;text-align: left;padding-top:10px;text-transform: uppercase;line-height:1.2em;}
.cam-p{padding:3rem;}
.cm-bx1{background-color: #D4509B!important;}
.cm-bx2{background-color: #0D75BC!important;}
.cm-bx3{background-color: #01A89E!important;}

/* mission vision  */
.misvis-sec{/*padding: 40px 0;*/margin-top: 20px;position: relative;}

.product-mob h2{color:#000!important;}
/* .img-team{width:100%;height:480px;} */
.misvis-sec-hm .carousel-control-prev-icon {background-color: #4d8720;}
.misvis-sec-hm .carousel-control-next-icon {background-color: #4d8720;}
.misvis-sec-hm .carousel-indicators{display: none;}
.misvis-sec-hm .carousel-control-prev {
  text-decoration: none;
  /* position: unset; */
  width: 50px;
  height: 50px;
  background-color: #a51c30;
  opacity: 1;
  left: -66px;
  top: 50%;
  /* bottom: 167px; */
  border-radius: 100%;
  color: #fff;
  font-size: 14px;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
  -webkit-transition: all .2s;
  transition: all .2s;
}
.misvis-sec-hm .carousel-control-next{ text-decoration: none;
  width: 50px;
  height: 50px;
  background-color: #a51c30;
  opacity: 1;
  right: -66px;
  top: 50%;
  border-radius: 100%;
  color: #fff;
  font-size: 14px;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
  -webkit-transition: all .2s;
  transition: all .2s;} 

.mission-box{background-color: #a51c30;height:100%;padding:20px 30px 20px 20px;}
.mission-box h4{font-size:26px;font-weight:600;color:#fff;}
.mission-box p{font-size:16px;color:#fff;}

/* footer */
footer{background-color: #202020;padding: 50px 30px;margin-top:80px;}
footer .foot-head{font-size:20px;color:#fff;text-transform: uppercase;font-weight:600;margin-bottom:20px;}
footer .foot-links ul{list-style: none;padding-left: 0px;}
footer .foot-links ul li{padding-top:12px;}
footer .foot-links ul li a{color:#fff;font-size:15px;text-decoration: none;text-transform: uppercase;position: relative;}
footer .foot-links a::before{position: absolute;bottom: 0px;content: "";display: block;width: 0;height: 1px;background: #fff;transition: width .3s;top:22px}
footer .foot-links a:hover:before {right: 0;bottom: 0px;width: 100%;}


footer .foot-head::before{content: "";position: absolute;background-color: #fff;width: 12%;height: 2px;margin-top: 30px;}

footer .social-links ul{list-style: none;padding-left: 0px;}
footer .social-links ul li{padding-top:8px;display: inline-block;}
footer .social-links ul li a { display: flex;justify-content: center;width: 50px;height: 45px; background: hsla(0, 0%, 100%, .1) !important;align-items: center;text-decoration: none;margin-right:10px;}
footer .social-links ul li a i{color:#fff;font-size:25px;}


footer .cont-info ul{list-style: none;padding-left: 0px;}
footer .cont-info ul li{color:#fff;font-size:15px;text-decoration: none;text-transform: uppercase;padding-top:12px;display: flex;line-height:1.8em;}
.foot-logo img{width:50%}
.foot-logo a{background-color: #a51c30;padding:10px 30px;color:#fff;font-size:16px;border-radius:30px;text-decoration: none;}


/* contact us page */
.head-section h6{font-size:15px;color:#707070;}
.head-section h6 i{font-size:22px;margin-right:4px;}
.head-section h6 span:hover{color:#a51c30;}
/* .contact-pg{padding:60px 0px;} */
.cont-pg{margin-left:20px;}
.head-section h1{font-size: 38px;font-weight: 600;text-align: left;font-family: "Montserrat-Bold",verdana,sans-serif;padding-top:10px;border-bottom:4px solid #a51c30;padding-bottom:30px;} 
.cont-pg h1{font-size: 24px;font-weight: 700;line-height: 1.167;color:#a51c30;padding-top:10px;}
.cont-pg h6{font-size: 20px;font-weight: 700;line-height: 1.167;color:#000;padding-top:20px;}
.cont-pg h6 i{font-size:25px;}
.cnt-p{font-size:19px;color:#a51c30!important;font-weight:700!important;}
.cont-pg p{font-size:18px;color:#000;font-weight:400;padding-top:10px;}

/* board of trustee us page */
.head-section1 h1{font-size: 38px;font-weight: 700;text-align: left;padding-top:10px;} 
.head-section1 h5{font-size: 38px;font-weight: 400;text-align: left;padding-bottom:30px;} 
.head-section1 h5:before{content: "";position: absolute;background-color: #a51c30;width: 12%;height: 3px;margin-top: 60px;}
.head-section1 h6{font-size:15px;color:#707070;}
.head-section1 h6 i{font-size:22px;margin-right:4px;}
.head-section1 h6 span:hover{color:#a51c30;}

.about-pg{margin-top:60px;}
.about-pg h5{font-size:20px;color:#a51c30!important;font-weight:600!important;margin-bottom:30px;}
.abt-bg{background-color: #a51c30;padding:30px 30px 5px 30px;margin:0px 20px;border-radius: 12px;position: relative;top:-50px;}
.abt-inr-bx{margin-top:20px;}
.abt-inr-bx a{text-decoration: none;}
.abt-inr-bx h6{font-size:18px;margin-top:20px;color:#fff;}
.abt-inr-bx img{width:80px;}
.border-bt{border-bottom:2px solid #fff;padding-bottom:20px;}
.abt-bg p{font-size:19px;color:#fff;font-weight:400;padding-top:10px;text-align: center;}

.head-section2 h1{font-size: 38px;font-weight: 700;text-align: left;padding-top:10px;color:#a51c30}
.head-section2 h1 span{font-size: 38px;font-weight: 300;text-align: left;padding-top:10px;border-left:1px solid #a51c30;padding-left:20px;color:#000;}  
.head-section2 h6{font-size:15px;color:#707070;}
.head-section2 h6 i{font-size:22px;margin-right:4px;}
.head-section2 h6 span:hover{color:#a51c30;}

/* campus page */
.campus-pg{margin:20px 0px;}
.campus-inr-bx{background-color: #F5821F;padding:15px;width:85%;margin:auto;height:100%;margin-top:20px;display: flex;justify-content: center;align-items: center;}
.campus-inr-bx:hover{background-color:#a51c30!important;}
.campus-inr-bx p{font-size:22px;font-weight:600;color:#fff;text-align: center;padding-top:10px;text-transform: uppercase;line-height:1.2em;}


/* about us page */
.about-content h2{text-align: center; color: #a51c30;font-size: 24px;font-weight: 500 !important;line-height: 140%;letter-spacing: 1.5px;margin-top: 70px !important;}
.about-content { padding-top: 6%;}
.about-content h3{text-align: center; color: #a51c30;font-size: 24px;font-weight: 500 !important;line-height: 140%;letter-spacing: 1.5px;margin-top: 21px !important;}

.about-content .about-pic { position: relative;}
.about-content .about-pic::after { position: absolute; content: ''; width: 92%; height: 400px; background-image: linear-gradient(#a51c30, #db2e47, #e1495f);left: -50px; bottom: -50px; border-radius: 15px;}
.about-content .about-pic::before { position: absolute; content: ''; width: 92%; height: 96%; border: 2px solid #a51c30; top: -30px; left: 0; z-index: 4; border-radius: 20px;}
.about-content .about-pic img { border-radius: 15px; width: 95%; margin-left: 5%; position: relative; z-index: 3; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.about-content p {text-align: justify;color: #000;font-size: 16px;font-weight: 400 !important;font-style: normal;line-height: 178%;letter-spacing: .6px;}
.cl-font{font-size: 45px!important;}
.cl-fonta{font-size:16px!important;text-align: justify!important;}
.sustain-section img{width:100%;height:370px;}
.sus-img{width:100%;height:100%!important;padding-right:20px;}


@media(max-width:768px)
{
    .about-us .about-bx{margin:55px 0px 0px 0px;padding:30px;}
    .about-us .about-bx p{padding-top:20px;}
    .counter-bx{width:100%;}
    .misvis-sec-hm .carousel-control-prev, .misvis-sec-hm .carousel-control-next{display: none;}
    footer .foot-head{margin-top:20px;}
    .cam-p{padding:10px 0px 0px 0px;}
    .abt-bg{position: relative;top:0;margin:0px;padding:10px;}
    #zonediv #HeaderControl{margin-bottom:0px!important;}
}

/*nav-bar*/
#MenuControl .nav-link{position: relative;}
#MenuControl .nav-link:before{position: absolute;bottom: 0px;content: "";display: block;width: 0;height: 1px;background: #fff;transition: width .3s;top:30px}
#MenuControl .nav-link:hover:before {right: 0;bottom: 0px;width: 100%;}


.dropdown-toggle{position:relative;}
.nav-item ul li .dropdown-toggle::after{position:absolute;right: 5px; top: 10px;}
#MenuControl_C .bg-light {--bs-bg-opacity: 1;background-color: transparent !important;height:100%;}
/* #MenuControl .nav-link:focus,#MenuControl .nav-link:hover{background-color: #a51c30 !important;color:#fff !important;} */
.nav-link{font-weight: 600; color:#fff;}
.nav-fill{width:100%; font-size: 16px;}
.navbar-brand{margin:0;}
/*nav-bar*/
@media (max-width: 1170px){
.navbar-expand-md .navbar-nav .nav-link{padding-right:1px; padding-left: 1px;}
}
@media (max-width: 991px){
#MenuControl, #MenuControl_C, #HeaderControl, #HeaderControl_C, #widgetsControl_C, #widgetsControl{ height: initial !important;}
.navbar-expand-md .navbar-nav .nav-link{font-size: 12px;}
	}
@media (max-width: 769px){

}
a{text-decoration:none;}
@media (max-width: 991px){
.navbar.navbar-expand-md{text-align:center;}
.navbar.navbar-expand-md .container-fluid{display:block;}
.nav-fill .nav-item, .nav-fill>.nav-link{text-align:left;}
.navbar-nav>li{ display: block; text-align: left; padding: 4px 0; border-bottom: 1px solid #999; border-right:0; }
.nav-item ul li .dropdown-toggle::after{transform: rotate(90deg);}
.nav-item .nav-link.dropdown-toggle::after {position: absolute; right: 5px; top: 15px;}
.navbar-expand-md .navbar-nav .nav-link{font-size: 14px;padding-right: 5px; padding-left: 5px;}
.about-content h3{margin-top:65px!important;}
.about-content h2{margin-top:0px!important;}
.head-img img {
    width: 20%;
}

}


.table-responsive {
    min-height: .01%;
    overflow: hidden !important;border: 0; padding:0;
}

#HeaderControl{height: 82px;float: Left;margin-bottom: 0;padding: 0px 0;transition: 0.5s;position: absolute;/* left: 74px; */top: 46px;z-index: 9;width: 30%;background: transparent;text-align: center;}
#HeaderControl.RadDock_Default .rdMiddle .rdCenter, #HeaderControl.RadDock_Default .rdBottom .rdCenter{    background-color: transparent !important;}
#MenuControl.RadDock_Default .rdMiddle .rdCenter, #MenuControl.RadDock_Default .rdBottom .rdCenter{    background-color: transparent !important;}
#MenuControl{height: 82px;float: Right;margin-bottom: 0;padding: 0px 0;transition: 0.5s;position: absolute;right: 0;top: 46px;z-index: 9;width: 71%;background: transparent;display: flex;align-items: center;}
.body-fx #HeaderControl{height: 90px;float: Left;position: fixed!important;/* width: 33%; */padding: 0;padding-left: 0;background: #a51c30;z-index: 99;text-align: left;transition: 0.5s;height: 112px !important;top: 0;padding:10px;}
.body-fx #logo-web{margin-top: 6px;}
.body-fx #MenuControl_C{height: 68px !important;}
.body-fx #MenuControl {height: 90px;float: Right;position: fixed;right: 0;width: 71%;padding: 6px 0;padding-right: 0;background: #a51c30;transition: 0.5s;top: 0px;height: 112px !important;z-index:11;}

center #form1 #HomepagecontentControl{/* padding-top: 120px; */padding-bottom:25px;}
center #form1 .top-nav{background: #111;}
/* center #form1 #HeaderControl, */
/* center #form1 #MenuControl{background: #e69d2f;height: 95px !important;} */
/* center #form1 #HeaderControl{margin-left: -2px;     width: 31%;} */
/* center #form1 #MenuControl{margin-right: -2px;} */
center #form1 .fix-box{/* display:none; */}
.body-fx center #form1 #HeaderControl{margin-left:0;}
.body-fx center #form1 #MenuControl{margin-right: 0px;}

/*  */
.navbar-toggler{background-color: #fff;}

@media screen and (max-width: 768px) {
  .banner-section .content-column .title{display: none;}
  .about-content .about-pic { position: relative; margin-top: 40px;}
.banner-section .content-column h1{font-size:18px;}
#HeaderControl{position: static; width: 100%; height: auto; padding: 4px 0;background-color: #a51c30;}
#MenuControl{position: static; width: 100%; height: auto; padding: 4px 0;background-color: #a51c30;}
.body-fx #HeaderControl{width: 100%;height: auto!important;background-color: #a51c30;position: relative;}
.body-fx #MenuControl{width: 100%;height: auto!important;background-color: #a51c30;position: relative;}
/* .body-fx #MenuControl .navbar .container{background-color: #a51c30;} */
}
@media(min-width:1600px)
{
.head-img img {  width: 21%;}
}

#zonediv #MenuControl .nav-link{color:#fff;}
#zonediv #MenuControl .nav-link:focus, #MenuControl .nav-link:hover{color:#fff;}
#zonediv #MenuControl{background-color: #a51c30;height: 109px;}
#zonediv #HeaderControl{background-color: #a51c30;position: relative;top:0; margin-bottom:60px;height: 109px;}
#zonediv .header-top{position: relative;background-color:#a51c30;right:0;top:0;height:46px;}
#WidgetControl6{display: none;}
#zonediv #WidgetControl4{padding:0px;}
