@charset "utf-8";
/*************** DEFAULT CSS ***************/
@font-face {
font-family: 'Bw Gradual DEMO';
src: url('../fonts/BwGradualDEMO-Regular.eot');
src: url('../fonts/BwGradualDEMO-Regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/BwGradualDEMO-Regular.woff2') format('woff2'),
url('../fonts/BwGradualDEMO-Regular.woff') format('woff'),
url('../fonts/BwGradualDEMO-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Bw Gradual DEMO';
src: url('../fonts/BwGradualDEMO-Thin.eot');
src: url('../fonts/BwGradualDEMO-Thin.eot?#iefix') format('embedded-opentype'),
url('../fonts/BwGradualDEMO-Thin.woff2') format('woff2'),
url('../fonts/BwGradualDEMO-Thin.woff') format('woff'),
url('../fonts/BwGradualDEMO-Thin.ttf') format('truetype');
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Bw Gradual DEMO';
src: url('../fonts/BwGradualDEMO-Medium.eot');
src: url('../fonts/BwGradualDEMO-Medium.eot?#iefix') format('embedded-opentype'),
url('../fonts/BwGradualDEMO-Medium.woff2') format('woff2'),
url('../fonts/BwGradualDEMO-Medium.woff') format('woff'),
url('../fonts/BwGradualDEMO-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Bw Gradual DEMO';
src: url('../fonts/BwGradualDEMO-ExtraBold.eot');
src: url('../fonts/BwGradualDEMO-ExtraBold.eot?#iefix') format('embedded-opentype'),
url('../fonts/BwGradualDEMO-ExtraBold.woff2') format('woff2'),
url('../fonts/BwGradualDEMO-ExtraBold.woff') format('woff'),
url('../fonts/BwGradualDEMO-ExtraBold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Bw Gradual DEMO';
src: url('../fonts/BwGradualDEMO-Light.eot');
src: url('../fonts/BwGradualDEMO-Light.eot?#iefix') format('embedded-opentype'),
url('../fonts/BwGradualDEMO-Light.woff2') format('woff2'),
url('../fonts/BwGradualDEMO-Light.woff') format('woff'),
url('../fonts/BwGradualDEMO-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Bw Gradual DEMO';
src: url('../fonts/BwGradualDEMO-Bold.eot');
src: url('../fonts/BwGradualDEMO-Bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/BwGradualDEMO-Bold.woff2') format('woff2'),
url('../fonts/BwGradualDEMO-Bold.woff') format('woff'),
url('../fonts/BwGradualDEMO-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Bw Gradual DEMO';
src: url('../fonts/BwGradualDEMO-Black.eot');
src: url('../fonts/BwGradualDEMO-Black.eot?#iefix') format('embedded-opentype'),
url('../fonts/BwGradualDEMO-Black.woff2') format('woff2'),
url('../fonts/BwGradualDEMO-Black.woff') format('woff'),
url('../fonts/BwGradualDEMO-Black.ttf') format('truetype');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Butler';
src: url('../fonts/Butler-UltraLight.woff2') format('woff2'),
url('../fonts/Butler-UltraLight.woff') format('woff');
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: 'Butler';
src: url('../fonts/Butler-Medium.woff2') format('woff2'),
url('../fonts/Butler-Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Butler';
src: url('../fonts/Butler-Light.woff2') format('woff2'),
url('../fonts/Butler-Light.woff') format('woff');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Butler';
src: url('../fonts/Butler-Black.woff2') format('woff2'),
url('../fonts/Butler-Black.woff') format('woff');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'Butler';
src: url('../fonts/Butler-Bold.woff2') format('woff2'),
url('../fonts/Butler-Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Butler';
src: url('../fonts/Butler-ExtraBold.woff2') format('woff2'),
url('../fonts/Butler-ExtraBold.woff') format('woff');
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: 'Butler';
src: url('../fonts/Butler.woff2') format('woff2'),
url('../fonts/Butler.woff') format('woff');
font-weight: normal;
font-style: normal;
}
:root {
    --body-font: 'Bw Gradual DEMO';
    --body-font-Size: 14px;
    --body-color: #000;
    --primary-color: #7c3800;
    --secondary-color: #081a56;
    --black: #000;
    --white: #fff;
    --heading-font: 'Butler';   
    
}
body{
 	font-family: var(--body-font);
	font-size:var(--body-font-Size);
	font-style: normal;
	line-height: normal;
	font-weight:400;
	color: var(--body-color);
	text-decoration: none;
	margin:0px;
	-webkit-font-smoothing: antialiased;
	padding:0;
	
}
html{ scroll-behavior: smooth;}
* {
    -webkit-box-sizing: border-box;
    -mox-box-sizing: border-box;
    box-sizing: border-box;
}
::selection {
    background: var(--black); /* Safari */
	color:var(--white);
        }
::-moz-selection {
    background: var(--black); /* Firefox */
	color:var(--white);
}
a {
	color:var(--primary-color);
	text-decoration: none;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	}
	a:hover {
	color: var(--primary-color);
    }
p {
	margin:0 0 30px 0;
	clear:left;
	padding:0;
	line-height: 22px;
	}
/******* Headings Style *******/


h1 {font-size: 43px;}
h2 {font-size: 35px;}
h3 {font-size: 20px;}
h4 {font-size: 17px;}
h5 {font-size: 15px;}
h6 {font-size: 13px;}
h1, h2, h3, h4, h5, h6 {
	margin:0 0 20px 0;
	padding:0;
	font-weight:normal;
	}	
hr {
	margin:40px  0 60px 0;
	height:1px;
	border:0;
	border-top:1px solid #c1c1c1;
	border-bottom:1px solid #c1c1c1;
	float:left;
	width:100%;
	position:relative;
}
img{
	border:0;
}	
a img {
	border: 0;
	}

.gap4 {
    gap: 2%;
}

/*************** PRELOADER ***************/
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:var(--white); /* change if the mask should have another color then white */
	z-index:999999; /* makes sure it stays on top */
}

.inner-prncpl-msg {
    padding: 78px 0 80px;
}

.intro-sec{
	width: 100%;
	float: left;
}

.intro-left{
	width: 63%;
	float: left;
}
.intro-right{
	width: 37%;
	float: left;
	padding: 30px;
}
.intro-sec .owl-controls {
    position: relative;
    top: -65px;
    left: -14px;
}

.intro-sec .owl-controls .owl-prev {
    border: 1px solid#fff;
}
.intro-sec .owl-controls .owl-next {
    border: 1px solid#fff;
}

#status {
	width:100%;
	height:100%;
	position:absolute;
	left:0; /* centers the loading animation horizontally one the screen */
	top:0; /* centers the loading animation vertically one the screen */
	background-image:url(../images/gujarati-newlogo.svg); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	background-size: 280px;
	margin:0; /* is width and height divided by two */
}


.gap-2 {
    gap: 2%;
}
.faculty-sectn h3 {
    font-size: 19px;
    font-weight: 500;
    margin-bottom: 6px;
}

.faculty-sectn h4 {
    font-size: 14px;
    margin-bottom: 5px;
}

.faculty-sectn .four-col {
    border: 1px solid#2b2b9057;
    padding: 10px;
    margin-bottom: 20px;
}

.faculty-sectn img {
    margin-bottom: 10px;
}





.news .owl-next, .news .owl-prev{
	filter: brightness(0.5);
}
.news .owl-controls.clickable .owl-buttons div:hover {
    filter: brightness(1);
}
.blog-grid-inner {
    border: 1px solid #E6E9F0;
    border-radius: 15px;
    margin-bottom: 40px;
    box-shadow: 0 2px 20px #00000021;
}
.blog-grid-inner .blog-header {
  position: relative;
}
.blog-grid-inner .blog-header .blog-info {
  position: absolute;
  display: flex;
  align-items: center;
  padding: 7px 30px;
  bottom: 0;
  background: #1C2539;
  width: 100%;
  left: 0;
}
.blog-grid-inner .blog-header .blog-info .user {
  margin-right: 25px;
}
.blog-grid-inner .blog-header .blog-info .user i {
  color: #fff;
}
.blog-grid-inner .blog-header .blog-info .user span {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  margin-left: 8px;
}
.blog-grid-inner .blog-header .date {
  position: absolute;
  padding: 10px 20px;
  border-radius: 15px;
  right: 20px;
  bottom: 20px;
  background: #fff;
  text-align: center;
}
.blog-grid-inner .blog-header .date .title {
    margin-bottom: 0;
    color: #e00a0a;
    margin-bottom: -5px;
    font-size: 25px;
    font-weight: 500;
}
.blog-grid-inner .blog-header .date span {
  color: #e00a0a;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}
.blog-grid-inner .thumbnail {
  overflow: hidden;
  border-radius: 15px 15px 0 0;
  width: 100%;
  display: block;
}
.blog-grid-inner .thumbnail:hover img {
  transform: scale(1.2);
}
.blog-grid-inner .thumbnail img {
  width: 100%;
  transition: 0.3s;
}
.blog-grid-inner .blog-body {
    padding: 30px;
    min-height: 125px;
}
.blog-grid-inner .blog-body a .title {
    margin-bottom: 0;
    transition: 0.3s;
    line-height: 30px;
    font-size: 22px;
}
.blog-grid-inner .blog-body a:hover .title {
  color: var(--color-primary);
}









/*************** COLUMS AND ROWS ***************/
main{ position:relative;	}
.row-flex{ width: 100%; display: block; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.justify-content-center { justify-content: center; }
.space-between{ justify-content: space-between; }
.justify-content-flex-end{ justify-content: flex-end }
.row{width:100%;display:block;margin:0 0 30px 0;padding:0;}
.clearfix{width:100%;height:100px;margin:0;padding:0;display:block;}
.container{	width:1200px;margin:0 auto;}
.fullwidth{	width:100%;display:block;}
.col-flex-wrp{ display: flex; justify-content: space-between;}
.two-col{flex:0 0 48%; }
.three-col{	flex:0 0 31%;}
.four-col{flex:0 0 22%;}
section {width: 100%; display: inline-block;position: relative;}
aside { flex:0 0 25%; margin: 0; padding: 0;}
summary { flex:0 0 70%; margin: 0; padding: 0;}
.list{padding: 0px;margin: 0 0 25px;display: flex;width: 100%;flex-direction: column;}
.list li{list-style: none;background-image: url(../images/list.png);background-position: top 8px left;background-repeat: no-repeat;color: #3a4455;padding-left: 18px;margin-bottom: 10px;line-height: 24px;}
.list li a{ color: #3a4455; }
.list2 li{background-image: url(../images/list1.png);color: var(--white);}
.button-style a{display: inline-block;background-color: var(--secondary-color);color: var(--white);padding: 14px 22px 18px;font-size: 13px;}
.button-style a i{margin-left: 5px;font-size: 16px;position: relative;top: 1px;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;transform: rotate(1deg);}
.button-style a:hover{ background-color: var(--body-color); color: var(--white); }
.button-style a:hover i{transform: rotate(328deg);}
.button-style-blue a{ background-color: var(--primary-color); }
.text-center{ text-align: center; }

/*************** HOME PAGE CSS ***************/
header{top: -100px;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;background-color: var(--white);}
.header-wrap{display: flex;justify-content: space-between;align-items: center;padding: 10px 0px;position: relative; z-index: 1;}
.logo{line-height: 0;}
.logo img{width: 380px; -webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}
.right-top{display: flex;justify-content: flex-end;gap: 25px;align-items: center;margin-bottom: 10px; -webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}
.call a{font-size: 14px;color: var(--body-color);font-weight: bold;}
.call a i{color: var(--secondary-color);margin-right: 6px;}
.head-btn{display: flex;gap: 10px;}
.head-btn a{background-color: var(--primary-color);font-size: 12px;color: var(--white);text-transform: uppercase;padding: 12px 20px;}
.head-btn a:last-child{background-color: var(--secondary-color);}
.head-btn a i{ margin-left: 5px; }
.head-btn a:hover{ background-color: var(--body-color); }
.social{gap: 15px;display: flex;}
.social a{color: var(--secondary-color);font-size: 16px;}
.social a:hover{ color: var(--primary-color); }
.intro{ padding: 80px 0px; }
.heading{font-size: 46px;color: var(--secondary-color);font-family: var(--heading-font);margin-bottom: 40px;}
.intro-wrap{display: flex;flex-wrap: wrap;gap: 5%;}
.intro-left{flex: 0 0 63%;}
.intro-right{flex: 0 0 32%;display: flex;flex-direction: column;justify-content: center;}
.subtittle{font-size: 30px;font-weight: 300;color: var(--primary-color);}
.prncpl-msg{padding: 0 0 80px;}
.prc-wrap{background-color: #e8e8e8;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.prc-left{flex: 0 0 63%;padding:60px;text-align: center;}
.head-cap{font-size: 18px;font-weight: 300;color: var(--primary-color);margin-bottom: 10px;}
.prnc-text{background: url(../images/icons/qut1.png) no-repeat top center, url(../images/icons/qut2.png) no-repeat bottom center;
padding: 25px 0px;margin-bottom: 25px;}
.prnc-name {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 0;
    text-align: center;
}
.prnc-name span {
    font-size: 14px;
    font-weight: 300;
    position: relative;
    top: 25px;
}
.prc-right{flex: 0 0 37%;line-height: 0;}
.prc-right img {
    width: 100%;
    margin-bottom: 18px;
}
.prnc-text p{ font-size: 18px; font-family: var(--heading-font); line-height: 28px; margin-bottom: 0px;}
.prc-left .heading{ margin-bottom: 20px; }
.schl-points{ padding: 0 0 80px; }
.schl-points-wrap{ display: flex;flex-wrap: wrap;gap: 2%;}
.schl-points-box{position: relative;flex: 0 0 23.5%;text-align: center;padding: 20px;display: flex;flex-direction: column;
align-items: center;}
.schl-points-box i{width: 84px;height: 84px;background-color: var(--primary-color);color: var(--white);font-size: 35px;border-radius: 50%;
display: flex;align-items: center;justify-content: center;margin-bottom: 25px; -webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}
.schl-points-box h4{font-family: var(--heading-font);color: var(--secondary-color);font-size: 26px; -webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}
.schl-points-box p{color: var(--body-color); -webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;} 
.schl-points-box:after{ position: absolute;content: ''; width: 100%; height: 2px; left: 0px; bottom: 0px; background-color: var(--primary-color);
z-index: -1; -webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out; }
.schl-points-box:hover:after{ height: 100%; }
.schl-points-box:hover i{ background-color: var(--secondary-color); }
.schl-points-box:hover h4, .schl-points-box:hover p{ color: var(--white); }
.facility{background-color: var(--primary-color);}
.facility:after, .facility:before{position: absolute;content: ''; width: 100%; height: 70px; top: 0px; left: 0px; background-color: var(--white);
z-index: 1;}
.facility:before{ top: auto; bottom: 0px; }
.facility-wrap{ display: flex; justify-content: flex-end;align-items: center; gap: 1%; position: relative; z-index: 2;}
.facility-box{}
.facility-box .heading{color: var(--white);}
.facility-img{position: relative;}
.top-facl{ margin-bottom: 10px; }
.top-facl img, .btm-facl img{ width: 100%; }
.facility-group-img{ position: absolute; left: 0px; top: 70px; z-index: 0;  }
.facility-group-img img{ width: 100%; }
.news {
    padding: 40px 0 85px;
}
.news-wrap{display: flex;flex-wrap: wrap;background-color: #f5f5f5;margin-bottom: 80px;}
.news-box{flex: 0 0 50%;}
.news-img{border-radius: 0 0 38%;}
.news-cnt{padding: 20px;}
.news-cnt p{ margin-bottom: 0px;font-size: 20px;font-weight: 500;line-height: 26px;}
.news-round-box{display: flex;gap: 4%;align-items: center;padding: 30px;border-bottom: 1px solid #dbdbdb;}
.news-date{color: var(--white);}
.news-date h4{margin-bottom: 0px;text-align: center;font-size: 26px;font-weight: 500;width: 63px;height: 63px;background-color: var(--secondary-color);
color: var(--white);border-radius: 50%;padding-top: 15px;line-height: 20px;}
.news-date h4 span{display: block;font-size: 12px;}
.news-round-cnt p{margin-bottom: 0;font-size: 18px;font-weight: 500;color: var(--body-color);line-height: 24px;
-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}
.news-round-box:hover{ background-color: var(--primary-color); }
.news-round-box:hover .news-round-cnt p{ color: var(--white); }
.news-round-box:last-child{ border-bottom: none; }
.line-btn{z-index: -1; text-align: center; position: relative; }
.line-btn .button-style{ position: relative; z-index: 1; }
.line-btn:after{ position: absolute; content: ''; width: 100%; height: 1px; left: 0px; bottom: 25px; background-color: #e2e2e2; }
.progrm{ padding-bottom: 80px; }
.prg-wrap{display: flex;flex-wrap: wrap;}
.prg-box{flex: 0 0 50%;display: flex;flex-wrap: wrap;}
.prg-box-bg img{display: none;}
.prg-box-bg{background-image: url(../images/progrm.jpg);display: flex;}
.prg-box-cnt{flex: 0 0 50%;background-color: var(--primary-color);padding: 30px;}
.prg-box-cnt h3{font-family: var(--heading-font);font-size: 34px;color: var(--white);margin-bottom: 10px;}
.prg-box-cnt p{color: var(--white);margin-bottom: 10px;}
.prg-box-cnt h5{text-align: right; margin-bottom: 0px;}
.prg-box-cnt h5 img{  -webkit-animation: flipInY 1s infinite alternate;-moz-animation: flipInY 1s infinite alternate;
-ms-animation: flipInY 1s infinite alternate;-o-animation: flipInY 1s infinite alternate;animation: flipInY 1s infinite alternate; 
display: inline-block; -webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;  }
.prg-box-cnt-blue{background-color: var(--secondary-color);}
.prg-box-cnt:hover{ background-color: var(--black); }
.video-wrap{display: flex;justify-content: space-between;}
.video-wrap .heading{color: var(--primary-color);writing-mode: tb-rl;transform: rotate(180deg) translateY(-2.33vw);margin-bottom: 42px;position: relative;top: -210px;}
.vdeo-btn{writing-mode: tb-rl;transform: rotate(180deg) translateY(-2.33vw);font-size: 13px;font-weight: 500;position: relative;
top: -253px;}
.video-iframe{flex: 0 0 80%;}
.videos-hm:after{position: absolute;content: '';width: 100%;height: 150px;left: 0px;bottom: 0px;background-color: var(--secondary-color);z-index: -1;}
footer{background-color: var(--secondary-color);padding-top: 80px;}
.ftr-wrap{display: flex;flex-wrap: wrap;gap: 2%;}
.ftr-col{ flex: 0 0 23.5%;}
.ftr-logo{margin-bottom: 20px;}
.ftr-col p{color: var(--white);line-height: 24px;}
.ftr-col p a{color: var(--white);}
.ftr-head{color: var(--white);font-family: var(--heading-font);font-size: 20px;font-weight: bold;}
.ftr-list{padding: 0px;margin: 0 0 20px;}
.ftr-list li{list-style: none;margin-bottom: 8px;}
.ftr-list li a{color: var(--white);}
.ftr-list li a:hover{color: var(--primary-color); padding-left: 4px;}
.copyright{text-align: center;color: var(--white);padding: 25px 0px;border-top: 1px solid #223576;margin-top: 50px;}
.copyright p{margin-bottom: 0;}
.copyright p a{color: var(--white);}
.ftr-logo img{ max-width: 100%; }

/*************** INNER PAGE CSS ***************/
.pad{ padding: 80px 0px; }
.label-style span{ color: var(--secondary-color); }
.contactstyle{width:100%;display: inline-block;padding: 30px 20px 37px 70px;background-color: var(--secondary-color);
color:var(--white);font-weight:normal;position:relative;margin:0 0 12px 0;border-radius: 15px;-moz-border-radius: 15px;
-webkit-border-radius: 15px;-ms-border-radius: 15px;}
.contactstyle a{ color: var(--white);}
.contactstyle a:hover{ color: var(--primary-color); }
.coic{position:absolute;left: 0;top: 28px;width: 40px;height:50px;background-color: var(--primary-color);text-align:center;line-height:50px;font-size:20px;color: var(--secondary-color);border-radius: 0  15px 15px 0;-moz-border-radius: 0  15px 15px 0;-webkit-border-radius: 0  15px 15px 0;-ms-border-radius: 0  15px 15px 0;}
.contactstyle h4{font-size: 18px;margin-bottom: 10px;font-weight: 500;}
.contactstyle p{margin-bottom: 0px;font-size: 15px;line-height: 24px;}
.contact-left{flex: 0 0 32%;}
.contact-right{flex: 0 0 68%;padding-left: 50px;}
.map{ display: flex; width: 100%; margin-top: 30px;  }
.contact-right .heading{ font-size: 28px; line-height: 34px; margin-bottom: 25px; font-weight: 900;}
.gap3{ gap:3%; }
.contact-right .form-group{ margin-bottom: 24px; }
.contact-right form{display: flex;gap: 2%;flex-wrap: wrap;}
.contact-right form .form-group{flex: 0 0 49%;}
.contact-right form .form-group-full{ flex:0 0 100% }
.form-group-full{ flex:0 0 100% }
.mob-btn{ display: none; }
.form-group{ position: relative; }
.label-style {position: absolute;top: -11px;left: 16px;font-size: 15px;background-color: #fff;padding: 0 5px;color: var(--secondary-color); z-index: 999;}
.flex-gap{gap:2%;}
.faciities-div{flex: 0 0 23%;padding:0;}
.feci-head {font-size: 20px;font-weight: 600;color: #1a2422;border-bottom: 1px solid var(--primary-color);padding: 15px 0px;
width: 100%; display: block;}
.gallery-wrap {flex:0 0 32%;margin-bottom: 25px;background-color: #e8e8e8;text-align: center;}
.glry-des {display:block;width: 100%;padding: 20px 0px;}
.glry-des p {margin: 0; color: var(--body-color);}
.glry-des h3 {font-size: 20px;font-weight: 600;margin-bottom: 10px;}
.news-cnt-inn{display:block;width: 100%;position: relative;padding-left: 122px;padding-top: 18px;}
.news-date-inn{position: absolute;width: 100px;height: 100px;background-color: var(--primary-color);color: #fff;font-size: 12px;font-weight: 600;text-align: center;line-height: 20px;padding-top: 27px;left: 0px;top: 0px;}
.news-date-inn span{ font-size: 54px; }
.news-cnt-inn h3{ font-size: 18px; color:var(--primary-color); font-weight: 600; margin-bottom: 10px; }
.news-cnt-inn p{ font-size: 14px; color: #484848; }
.news-single{flex:0 0 32%;border-bottom: 1px solid var(--primary-color);margin-bottom: 30px;}
.news-cnt-in {display:block;width: 100%;position: relative;padding-left: 122px;padding-top: 0px;min-height: 118px;}
.news-cnt-in h3{font-size: 25px;color: var(--primary-color);font-weight: 600;margin-bottom: 10px;}
.news-desc{width:100%;display:block;}
.news-cnt-in h3 {font-size: 23px;}
.career-wrap{ margin-top: 30px; display: flex; flex-wrap: wrap;  gap: 2%; }
.career-box-inn{ flex: 0 0 32%; padding: 30px; margin-bottom: 30px; border-radius: 20px;-moz-border-radius: 20px; 
-webkit-border-radius: 20px; -ms-border-radius: 20px; box-shadow: 0 1px 5px #00000038; -moz-box-shadow: 0 1px 5px #00000038;
-webkit-box-shadow: 0 1px 5px #00000038; -ms-box-shadow: 0 1px 5px #00000038; -webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;
transition:all 300ms ease-in-out; }
.career-box-inn h4{font-size: 20px;margin-bottom: 10px;font-weight: 900;color: var(--secondary-color);}
.career-box-inn ul{margin: 0 0 20px;padding: 0px;display: flex;flex-wrap: wrap;}
.career-box-inn ul li{list-style: none;flex: 0 0 50%;border-bottom: 1px solid #e9e9e9;padding-bottom: 4px;margin-bottom: 4px;}
.career-box-inn ul li.car-high{font-weight: 500;color: var(--secondary-color3);text-align: right;}
.career-box-inn:hover{box-shadow: 0 4px 18px #00000026; -moz-box-shadow: 0 4px 18px #00000026;
-webkit-box-shadow: 0 4px 18px #00000026; -ms-box-shadow: 0 4px 18px #00000026;}
.career-form-wrap form{display: flex;flex-wrap: wrap;justify-content: space-between;padding: 50px;border-radius: 20px;border: 1px solid #e2e2e2;}
.career-form-wrap form .form-group{margin-bottom: 18px;flex: 0 0 32%;}
.career-form-wrap{ display: flex; flex-wrap: wrap; }
.career-form-wrap form .form-group-full{ flex: 0 0 100%; }
.msn-vsn-wrap{display: flex;flex-wrap: wrap;gap: 2%;margin-top: 50px;}
.msn-box{flex: 0 0 49%;background-color: var(--primary-color);padding: 50px;}
.msn-box P{ color: var(--white); margin-bottom: 0px; }
.msn-box h3, .philo-box h3, .philo-box-inn h3{color: var(--white);font-family: var(--heading-font);font-size: 30px;}
.vsn-box{background-color: var(--secondary-color);}
.philo-box{background-image: url(../images/bg1.jpg);background-position: top center;background-repeat: no-repeat;position: relative;
display: flex;margin-top: 20px; background-size: cover;}
.philo-box:after{ position: absolute; content: ''; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 0;
background: -moz-linear-gradient(left,  rgba(0,0,0,1) 26%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 26%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(0,0,0,1) 26%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}
.philo-box-inn{position: relative;z-index: 1;flex: 0 0 60%;padding: 100px;}
.philo-box-inn p{ color: var(--white); }
.gap-4 {
  gap: 4%;
}








/*************** INNER BANNER ***************/
.banner{display: flex;z-index: 0;width: 100%;height: 400px;align-items: flex-end;background-image: url(../images/banner1.jpg);
background-position: center;background-repeat: no-repeat;position: relative; background-size: cover;}
.banner-caption h2{color: var(--white);font-size: 42px;margin-bottom: 10px;line-height: 44px;font-family: var(--heading-font);}
.banner-caption h4 span{color: var(--white);font-size: 12px;}
.banner-caption h4 a{color: var(--white);font-size: 12px;}
.banner-caption h4 a:hover{ color: var(--primary-color);  }
.banner-caption h4 {padding: 0px 0px;display: inline-flex;margin-bottom: 0px;align-items: center;}
.banner-caption{position: relative;z-index: 1;margin-bottom: 30px;}
.banner-caption h4 span.b-sep{font-size: 0;width: 13px;height: 11px;margin: 0 8px;background: url(../images/icons/list-white.png) no-repeat 0 0;display: inline-block;background-size: 10px;}
.banner:after{ position: absolute;content: ''; width: 100%; height: 100%; left: 0px; bottom: 0px;
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 36%, rgba(0,0,0,0.04) 39%, rgba(0,0,0,0.86) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 36%,rgba(0,0,0,0.04) 39%,rgba(0,0,0,0.86) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 36%,rgba(0,0,0,0.04) 39%,rgba(0,0,0,0.86) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#db000000',GradientType=0 ); /* IE6-9 */
 }

/********* FIXED HEADER ***************/
header.smaller{position: fixed; left: 0px; top: 0px; width: 100%; z-index: 10; -webkit-transition: all 600ms ease-in-out;-moz-transition: all 600ms ease-in-out;transition: all 600ms ease-in-out;top: 0;
box-shadow: 0px 1px 25px #0000003d; background-color: var(--white); }
header.smaller .logo img { width: 250px;}
header.smaller .right-top{ display: none; }


/*********file chosen style**************/
input[type="file"] {
    display: none;
}
.custom-file-upload {
    border: 0;
    display: block;
  	padding: 10px 20px;
	line-height: 32px;
    cursor: pointer;
	
}

/**********forms**************/
form{margin:0;padding:0;}
*:focus {outline: none;}
.fieldset{width:100%;height: 50px;padding: 8px 15px;background-color: var(--white);display:block;border: 1px solid #c1c1c1;
margin:0 0 10px 0;color: #262626;font-size: 14px;border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-webkit-border-radius: 5px;}
textarea.fieldset, textarea{ height: 140px; padding: 18px; }
select{ -webkit-appearance: none; appearance: none; background-image: url(../images/icons/arrow-d.png); background-repeat: no-repeat;
background-position: right 10px center; padding-right: 35px !important; }
select:focus{ background-image: url(../images/icons/arrow-t.png); }
.sendbutton{width:auto;height:auto;border:0;outline:0;margin:0 5px 0 0;color:#fff;font-size: 18px;cursor:pointer;vertical-align:top;padding: 13px 35px 13px;text-align:center;background-color: var(--secondary-color);text-transform:uppercase;border-radius: 50px;}
.sendbutton:hover{background-color:var(--primary-color);color:#fff;}
::-webkit-input-placeholder {color: #262626 !important;}
:-moz-placeholder {color: #262626 !important;}
::-moz-placeholder { color: #262626 !important;}
:-ms-input-placeholder { color: #262626 !important;}

/************************************* 1600px *************************************/
@media only screen and (max-width: 1600px) {
.facility-group-img { top: 132px; width: 44%;}
}

/************************************* 1280px *************************************/
@media only screen and (max-width: 1280px) {
.logo img { width: 300px;}
}

/************************************* 1200px *************************************/
@media only screen and (max-width: 1200px) {
.container{ width:95%;}
}

/************************************* 1024px *************************************/
@media only screen and (max-width: 1024px) {
.container{ width:90%;}
}

/************************************* 980px *************************************/
@media only screen and (max-width: 980px) {
.heading {font-size: 36px;}
.facility-group-img {width: 100%; position: initial;}
.facility:after{ display: none; }
.facility-wrap { justify-content: space-between;}
.top-facl { margin-top: -50px;}
.prg-wrap{ flex-direction: column; }
.prg-box-bg{ background: transparent; }
.prg-box-bg img{ display: block; width: 100%; }
.header-wrap { flex-wrap: wrap;}
.right-head{ flex: 0 0 100%; }
.right-top{ justify-content: space-between; }
.right-top{ margin-top: 10px; margin-bottom: 0px; border-top: 1px solid #e5e5e5; padding-top: 10px; }
header .container{ width: 100%; padding: 0 15px; }
.career-box-inn { flex: 0 0 49%;}
.career-form-wrap form .form-group { flex: 0 0 49%;}
.philo-box-inn {flex: 0 0 85%;}
}

/************************************* 767px *************************************/
@media only screen and (max-width: 767px) {
.intro-left{
	width: 100%;
}
.intro-right{
	width: 100%;
}
.col-flex-wrp, .row-flex, .intro-wrap, .prc-wrap, .news-wrap{ flex-direction: column; }
.two-col, .three-col, .four-col, aside, summary{ flex:0 0 100%; margin:0 0 25px 0; }
.intro-left{ margin-bottom: 25px; }
.intro{ padding: 40px 0px; }
.schl-points-box { flex: 0 0 49%;}
.prc-right{ padding-bottom: 60px; }
.ftr-col { flex: 0 0 49%;}
.right-top{ gap:10px }
.contact-right{ padding-left: 0px; margin-top: 20px; }
.banner { height: 200px;}
.banner-caption{ margin-bottom: 15px; }
.banner-caption h2 { font-size: 32px; line-height: 32px;}
  .blog-grid-inner .blog-body {
    padding: 15px;
  }
    .blog-grid-inner .blog-header .blog-info {
    padding-left: 15px;
  }
}

/************************************* 575px *************************************/
@media only screen and (max-width: 575px) {
.heading {font-size: 26px;}
.subtittle {font-size: 26px;}
.prc-right { padding-bottom: 18px;}
.prncpl-msg, .schl-points, .progrm{ padding: 0 0 40px; }
.facility-wrap{ flex-direction: column; align-items: flex-start; }
.facility-box { padding-top: 40px;}
.top-facl { margin-top: 0;}
.news{ padding: 40px 0px; }
.news-wrap{ margin-bottom: 40px; }
.prg-box, .contact-right form, .msn-vsn-wrap{ flex-direction: column; }
.prg-box-cnt:nth-child(2){ border-bottom: 1px solid var(--white); }
.video-wrap, .career-wrap, .philo-box{ flex-direction: column; }
.video-wrap .heading { writing-mode: inherit; transform: rotate(360deg) translateY(0); margin-bottom: 20px; top: 0;}
.vdeo-btn, .call a i, .head-btn a i{ display: none; }
.call a { font-size: 12px;}
.call a i, .head-btn a i{ display: none; }
.head-btn a { font-size: 10px; padding: 8px 9px;}
.head-btn { gap: 2px;}
.social { gap: 10px;}
.contact-right .form-group{ margin-bottom: 15px; }
.career-form-wrap form .form-group{flex: 0 0 100%;}
.career-form-wrap form { padding: 35px 20px 10px;}
.vsn-box{ margin-bottom: 20px; }
.philo-box-inn{ padding: 30px; }
.philo-box:after{ background: var(--black); opacity: .7; }
.msn-box{ padding: 30px; }
.banner { height: 150px;}
.banner-caption h2 { font-size: 26px; line-height: 30px;}
.pad { padding: 40px 0px;}
}


/************************************* 480px *************************************/
@media only screen and (max-width: 480px) {
.sldr-btns{ display: none; }
.prc-right{ padding-bottom: 0px; }
.schl-points-wrap{ flex-direction: column; }
.schl-points-box{ margin-bottom: 25px; }
.logo img { width: 260px;}
.subtittle { font-size: 20px;}
.prc-left { padding: 20px;}
.prg-box-cnt h3 { font-size: 26px;}
.news-round-box { align-items: flex-start; flex-direction: column;}
}

/************************************* 360px *************************************/
@media only screen and (max-width: 360px) {
header .social{ display: none; }
.call a i, .head-btn a i { display: inline-block;}
.right-top, .ftr-wrap{ flex-direction: column; }
.social { gap: 10px;}
.heading { font-size: 22px;}
.news-round-box { padding: 15px;}
.logo img { width: 215px;}
header.smaller .logo img{ width: 215px; }
}

/************************************* 320px *************************************/
@media only screen and (max-width: 320px) {

}