@charset "utf-8";
/*.............. fonts..............*/
@import url('https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400&family=Poppins:wght@300;400;500;600;700;800;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,500;0,600;0,700;0,800;1,500;1,600;1,700;1,800&family=Roboto:ital,wght@0,300;0,400;0,700;1,300;1,400;1,500;1,700&display=swap');

 
/*.............. fonts..............*/


/*..............common styles..............*/

:root {
  --white: #FFFFFF;
  --gray: #444444;
  --black: #000000;
  /*--yellow: #dcb95e;*/
  --yellow: #fb8500;
  --blue: #1a1e4c;
   --ff_heading: 'Exo', sans-serif;
  --ff_normal: 'Poppins', sans-serif;
  
}

/* var(--c_green)*/
html, body {background: var(--white); margin: 0; padding: 0; font-size:16px;color:var(--c_black); font-family: var(--ff_normal);   width: 100%; font-weight:400;}
body{scroll-behavior: smooth;}
h1, h2, h3, h4, h5, h6 { margin:0 0 24px; padding:0; color:var(--c_black);   font-family: var(--ff_heading); font-weight: 700}
.h-0 > * { margin-bottom: 0; }
h1 span, h2 span { color: var(--c_green);}
h1, .fz-72{ font-size:89px;}
h2{ font-size:36px;}
h3{ font-size:22px; }
h4{ font-size:20px; }
h5{ font-size:18px;}
h6{ font-size:14px;} 
p{ font-size:16px; margin:0 0 20px; padding:0;  line-height: 24px; font-weight: 400; color: #3e3e3e}
img{ max-width: 100%;}
a, img{ border:0; text-decoration: none; outline: none; color:#0a58ca;}
a:visited,  a:hover {  outline: none;   text-decoration: none; transition:all 0.3s ease 0s; }
a:focus{border:none;}

input, textarea, select{  font-weight: 400; font-size: 16px; outline: none; width: 100%;  padding: 13px 10px; border:none; color: #777777; margin-bottom: 10px; background-color: transparent; border:1px solid #a9a8a8; } 
dl, ol, ul {margin: 0; padding: 0;} 
label { font-weight: 500; }


/* --- for placeholder color --- */
::-moz-placeholder{color:#AAAAAA; opacity:1;}
:-ms-input-placeholder{color:#AAAAAA;}
::-webkit-input-placeholder{color:#AAAAAA;}
/* --- for placeholder color --- */



/* --- Button Styles --- */
.btn, a.btn {  padding: 17px 30px; border-radius: 0px; ; color: white; background-color: var( --yellow);  font-size: 16px; line-height:20px; font-weight: 500;text-transform: uppercase; }
.btn:focus, .btn:hover, .btn:focus, a.btn:focus, a.btn:hover, a.btn:focus { background: var(--blue); color: var(--white)  }
a.btn:focus{outline: none; border: 0;}   
.increasefont .btn, .increasefont a.btn{font-size: 15px}
.decreasefont .btn, .decreasefont a.btn{font-size: 13px}
.btn.btn-w-bdr{ color: var(--c_white); border:1px solid var(--c_white)}
.btn.btn-solid{ background-color:var(--c_green); color: var(--c_white)}
.btn.btn-solid-w{ background-color:var(--c_white); color: var(--c_green);}

.btn.no-ls { letter-spacing: normal; }
.btn.round { border-radius: 50px; padding: 16px 30px 16px; }
/* --- Button Styles --- */

.pt-120 { padding-top: 120px;}
.pb-120 { padding-bottom: 120px;}
.common-padding { padding-top: 100px; padding-bottom: 100px; }
.px-120 { padding-top: 80px; padding-bottom: 80px; }
.py-50 { padding-top: 50px; padding-bottom: 50px;}
.pb-60{ padding-bottom: 60px; }

.mb-h , .mb-h h2{ margin-bottom: 40px;}
.pl-box{ padding-left:50px;}
.pr-box{ padding-right:50px;}
.mt-50{margin-top: 50px}
/*..............common styles..............*/

*:not(svg):not(path):not(.resp-tab-content):not(.wow):not(body):not(.slick-track) { transition: 250ms ease-in }
  
  
/*for header css*/

.hdr_fix .bottom-header{  left: 0; position: fixed !important; top: 0; width:100%; z-index: 1999; box-shadow:0 0 4px rgba(0, 0, 0, 0.4); transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transition: all 0.5s; animation: slide-down 0.7s; -ms-animation: slide-down 0.7s; -webkit-animation: slide-down 0.7s;}
.hdr_fix .logo_box img { max-width: 260px; }

@keyframes slide-down { 

0% {transform: translateY(-100%); 
-moz-transform: translateY(-100%); 
-webkit-transform: translateY(-100%); 
-o-transform: translateY(-100%);
-ms-transform: translateY(-100%); } 
100% { 
transform: translateY(0); 
-moz-transform: translateY(0); 
-webkit-transform: translateY(0); 
-o-transform: translateY(0); 
-ms-transform: translateY(0); } 
}

/*skipcontent*/
.wl-txt {
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.3px;
    font-size: 15px;
    text-align: left;
}
	.active_lang{color:var(--blue) !important}
  	body.darkmode , .darkmode .sidenav{background: #000;  color: #ff0;}
  	.darkmode .facilty-box , .darkmode .circle-btn , .darkmode .about-content , .darkmode footer , .darkmode .Copyright-text , .darkmode .flip-box-front  , .darkmode .team-box , .darkmode .notify-bar , .darkmode .featured-content-post , .darkmode .departments-box .item-content ,  .darkmode .career_block , .darkmode .card ,.darkmode  .accordion-item , .darkmode .faq-wrap .accordion-header button , .darkmode .galbox h4 , .darkmode .shows-row ,  .darkmode .header .menu .mobile-menu-head , .darkmode .breadcumb-right:before{background:#2c2c2c;}
	.darkmode .line-btn , .darkmode table{border: 1px solid #ff0 !important;}
  	.darkmode h1, .darkmode h2, .darkmode h3, .darkmode h4, .darkmode h5, .darkmode h6 , .darkmode .common-heading-part h2 , .darkmode .common-heading-part h6 , .darkmode p , .darkmode .about-content h2, .darkmode .about-content h2 span , .darkmode .featre-text h4 , .darkmode .featre-text ul li p , .darkmode .footer-menu ul li a  , .darkmode .text-link , .darkmode .featured-content-team .featured-title h5 a , .darkmode .notice-text h4 a , .darkmode .line-btn  , .darkmode .featured-content-post .blog-title h4 a , .darkmode .item-title a  , .darkmode .faq-wrap .accordion-header button, .darkmode .show-info > em , .darkmode .featre-text ul li:before , .darkmode .objective-sec ul li:before, .darkmode .about_section ul li:before , .darkmode .breadcrumb li.breadcrumb-item.active , .darkmode .breadcrumb li.breadcrumb-item, .darkmode .breadcrumb li.breadcrumb-item a , .darkmode .breadcrumb-item+.breadcrumb-item::before , .darkmode table tr td, .darkmode table tr th{color: #ff0 !important}
  	.darkmode .sidenav li a.active, .darkmode .sidenav li a:hover , .darkmode .customtable .table thead tr th , .darkmode .customtable .table tbody tr td{color: #ff0; background: #2c2c2c}
  	.darkmode .sidenav li a {color: #fff;}
  	.skipcontent-pnl{ text-align: right; background: var(--blue); padding:7px 0 ; font-size: 13px; } 
  	.skipcontent-pnl ul { display: inline-block; vertical-align: middle; margin: 0; padding: 0 10px; border-right: 1px solid #fff; line-height: 24px; } 
  	.skipcontent-pnl ul li { display: inline-block; vertical-align: middle; } 
  	.skipcontent-pnl ul li a { text-decoration: none; position: relative; color: #fff; padding: 2px 5px; font-weight: 500; } 
  	.text-mode .darkmode { background: #000; color: #fff; } 
 	  .text-mode .lightmode { background: #eee; color: #000; } 
  	.skipcontent-pnl ul:last-child { border-right: 0; } 
  	.skipcontent-pnl ul li a span { display: block; height: 14px; line-height: 14px; text-align: center; position: absolute; top: -7px; width: 100%; }
    .darkmode .pattern-layer{background-image: none !important; }

  
  .decreasefont h1{ font-size:83px;}
  .decreasefont h2{ font-size:32px;}
  .decreasefont h3{ font-size:20px; font-weight: 800;}
  .decreasefont h4{ font-size:17px; }
  .decreasefont h5{ font-size:16px;}
  .decreasefont h6{ font-size:13px;} 
  .decreasefont p{ font-size:14px;}
  .decreasefont .common-heading-part h6{font-size: 20px}
  .decreasefont .footer-menu .menu li a{font-size: 14px}

  .increasefont h1{ font-size:88px;}
  .increasefont h2{ font-size:37px;}
  .increasefont h3{ font-size:24px; font-weight: 800;}
  .increasefont h4{ font-size:18px; }
  .increasefont h5{ font-size:19px;}
  .increasefont h6{ font-size:15px;} 
  .increasefont p{ font-size:17px;}
  .increasefont .common-heading-part h6{font-size: 22px}
  .increasefont .footer-menu .menu li a{font-size: 16px}

.bottom-header { background: var(--blue); }
.top-header{padding: 5px 0 }
.cntct-icon { width: 66px; height: 66px; flex: 0 0 66px; /*background-color: #fff;*/ text-align: center; margin-right: 18px; border-radius: 10px; display: flex; align-items: center; justify-content: center; background: rgba(220, 185, 94, 0.07);} 
.cntct-icon i { color: var(--yellow); font-size: 34px; } 
.cntct-list { display: flex; justify-content: flex-end;} 
.cntct-info h4 { margin-bottom: 9px; } 
.cntct-info p { margin-bottom: 0; }
.logo img { max-width: 370px;}
/*for header css*/


/* banner section */

.common-heading-part{margin-bottom: 40px;}
.common-heading-part h6{font-weight: 500; text-transform: uppercase; font-size:16px; line-height: 21px; letter-spacing: 1.1px; color: #6e8187; margin-top: 5px; margin-bottom: 5px;}
.common-heading-part h2{font-weight: 600; font-size: 35px; line-height: 42px; color: #565757; margin-bottom: 5px;font-family: 'Jost', sans-serif;}
.common-heading-part p{margin-top: 17px; max-width: 990px}
.line-btn{border: 1px solid var(--blue) ; color: var(--blue); font-size: 14px; padding: 17px 45px; font-weight: 700;     text-transform: uppercase;     display: inline-block;}
.line-btn:hover{background: var(--blue); color: var(--white)}

.ban-img{/*height: 95vh;*/ position: relative; z-index: 0; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; /*padding: 230px 0*/}

.multi_slider .slick-prev, .multi_slider .slick-next{    width: 70px;  height: 70px; border-radius: 50%; background: rgba(0,0,0,0.1); top: 50%}
.multi_slider .slick-prev:hover, .multi_slider .slick-next:hover{background: var(--yellow)}
.multi_slider .slick-next {right: 0;display: none !important;}
.multi_slider .slick-prev {left: 0;  z-index: 3;display: none !important;}
.multi_slider .slick-prev:before { content:'\f053'; font-family: 'Font Awesome 5 Pro'; font-weight: 900;   display: block;  color: var(--white) ;     font-size: 14px;}
.multi_slider .slick-next:before { content:'\f054'; font-family: 'Font Awesome 5 Pro'; font-weight: 900;   display: block;   color: var(--white) ;     font-size: 14px;}
.multi_slider .slick-prev:hover:before , .multi_slider .slick-next:hover:before{color: var(--white)}

.multi_slider .slick-dots{bottom: 25px}
.multi_slider .slick-dots li.slick-active button {opacity: 1} 
.multi_slider .slick-dots li button {width: 15px; height: 15px; background: #fff; border-radius: 100%; opacity: .7; } 
.multi_slider .slick-dots li button:before { display: none; }


.anouncetitle{ width: 225px;  background: var(--blue); color: #fff; height: 48px; line-height: 48px; position: relative; } 
.anouncetitle:after{ width: 0; height: 0; border-style: solid; border-width: 12px 0 12px 20px; border-color: transparent transparent transparent var(--blue); position: absolute; right: -20px; content: ''; top: 13px; z-index: 1; } 
.anouncetitle h4{  font-weight: 600; text-align: center; line-height: 48px; margin:0; } 

/*.announcementPnl{  width: 100%; margin: 30px 0; box-shadow: 0 4px 7px #0000001f; } */
.announcementlist{ width: calc(100% - 225px);  height: 48px; line-height: 48px; position: relative; background: var(--yellow); padding: 0 30px 0 50px; } 
.announcementlist ul{ display: block; padding: 0; margin: 0; } 
.announcementlist ul li{ display: inline-block; padding: 0 15px; border-right: 2px solid #fb8e00; line-height: 15px;  font-weight: 400; color: #000; } 
.increasefont .announcementlist ul li {font-size: 17px;}
.decreasefont .announcementlist ul li { font-size: 14px;}
.announcementlist ul li span{ background: #fb8e00; color: #fff; display: inline-block; font-size: 11px; padding: 1px 5px; border-radius: 3px; margin-right: 4px; }
.announcementlist ul li:last-child{border-right: 0}

.facility-wrap{margin-top: 80px; margin-bottom: 80px}
.facility-width{max-width: 1170px; margin: 0 auto}
.facility-list{display: flex;}
.facilty-box{width: 20%; border-right: 1px solid #f2f2f2; background: #fff; padding:40px 10px 20px;  vertical-align: middle; position: relative; text-align: center; transition: all .3s; -webkit-box-shadow: 1px 1px 3px 0 rgba(41,61,88,.1); -moz-box-shadow: 1px 1px 3px 0 rgba(41,61,88,.1); box-shadow:0px 1px 30px 0 rgba(41,61,88,.4);}
.facilty-box:last-child{border-right: 0}
/*.facilty-box:hover{ margin-top: -30px; background: var(--yellow); margin-bottom: -10px}*/
.facility-icon{ margin-bottom: 10px}
.facility-icon i{color:var(--blue); font-size: 50px;}
/*.facilty-box:hover .facility-icon i{color: var(--white)}*/
.facility-desc {padding-top: 4px}
.facility-desc h4{margin-bottom: 5px}
/*.facilty-box:hover .facility-desc h4 , .facilty-box:hover .facility-desc p{color: var(--white)}*/
.circle-btn { width: 38px; height: 38px; display: block; margin: 0 auto; background: var(--white); border-radius: 50%; color: var(--white) !important; line-height: 38px; }
/*.facilty-box:hover .circle-btn {margin-top: 20px; margin-bottom: 40px; color: var(--yellow) !important}*/
   


.about-wrapper {margin-top: 40px;}
.about-img, .about-img img {height: 100%;}
.featured-imagebox-post{-webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.featured-imagebox-post:hover{transform: translateY(-20px); box-shadow: 6px 4px 70px 8px rgba(48, 123, 196, 0.09);}
.post-featured-outer{position: relative;}
.featured-thumbnail{position: relative; padding-bottom: 78%; overflow: hidden; transition: 250ms ease-in;}
.featured-thumbnail img{position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; object-fit: contain;}
.post-date { bottom: -30px; left: 20px; top: auto; height: 62px; width: 69px; position: absolute; font-weight: 500; padding-top: 13px; padding-bottom: 7px; z-index: 1; text-align: center; background: var(--yellow); display: flex; align-items: center; justify-content: center;}
.post-date .entry-month, .post-date .entry-year { font-size: 12px; font-weight: 400; display: inline-block; text-transform: capitalize; color: var(--white); vertical-align: middle;}
.post-date .entry-month{margin-right: 3px; }
.post-date .entry-date{font-size: 31px; color: var(--white); font-family: 'Exo'; display: block; width: 100%; line-height: 1}
.featured-content-post { padding: 40px 20px 15px 20px; box-shadow: 0 0 15px 0 rgba(41,61,88,.1); background-color: #fff; border-bottom: 3px solid #f2f2f2; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; }
.featured-imagebox-post:hover .featured-content-post{border-bottom: 3px solid var(--blue);}
.featured-content-post .blog-title h4 { margin-top: 0; margin-bottom: 4px; font-weight: 700; }
.featured-content-post .blog-title h4 a{color: var(--blue)}
.feature-desc{margin-top: 10px; padding-top: 13px; border-top: 1px solid #f2f2f2;}
.text-link { color: var(--blue); font-size: 15px; font-weight: 600; margin-bottom: 15px; }
.text-link:hover{color: var(--yellow)}
.first-footer{background-color: var(--yellow); padding: 30px ;}
.featured-icon-box {  display: flex; align-items: center;}
.featured-icon{height: 50px;width: 50px;border: 1px solid var(--white);margin-right: 15px;display: flex;align-items: center;justify-content: center;color: var(--white);}
.featured-icon i{font-size: 20px}
.first-footer .featured-icon-box .featured-title { padding-left: 10px;}
.first-footer .featured-icon-box .featured-title h5 {font-weight: 700; color: var(--white); margin-bottom: 0}
.featured-title h4 { font-size: 14px;  color: var(--white) ; font-weight: 400; margin-bottom: 0; margin-top: 10px;}

.departments-wrap{background-color: #f3f3f3; position: relative;}
.departments-wrap .left-img { position: absolute; left: -10px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.departments-wrap .common-heading-part h6{color: #6e8187 !important}
.departments-wrap .common-heading-part h2{color: #033b4a !important}

.dept-list li{width: 100%; padding-left: 30px; position: relative;}
.dept-list li:before { position: absolute; content: '\f061'; font-family: 'Font Awesome 5 Pro'; font-weight: 900; color: var(--yellow); left: 0; }


.flip-box { background-color: transparent; width: 100%; height: 343px; border: 1px solid #f1f1f1; perspective: 1000px; }
.flip-box-inner { position: relative; width: 100%; height: 100%; text-align: left; transition: transform 0.8s; transform-style: preserve-3d; } 
/*.flip-box:hover .flip-box-inner { transform: rotateY(180deg); } */
.flip-box-front, .flip-box-back { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.flip-box-front { background: var(--white); padding: 30px; }
.flip-box-back{transform: rotateY(180deg); padding: 30px; background: url(../images/flip-bg.jpg);}
.flip-box:hover .flip-box-inner {transform: rotateY(180deg);}
.flip-box img { margin-bottom: 25px; }
.flip-box h4 { font-weight: 700; } 
.flip-box p { max-width: 297px; }
.flip-box-back h4 , .flip-box-back p , .flip-box-back a{color: var(--white)}
.flip-box-back img{filter: brightness(0) invert(1);} 
.departments-sl{ position: absolute; top: 30px; right: 30px; z-index: 5; color: #cccccc;}

.notification-bg {background-repeat: no-repeat !important; background-size: cover !important; background-position: center !important; position: relative; z-index: 0 ; overflow: hidden;}
.notification-bg:before{position: absolute; content: ''; width: 100%; height: 100%; background: rgb(26 30 76 / 38%); top: 0; left: 0; right: 0 ; bottom: 0; z-index: -1}
.notify-bar{background: var(--blue); margin-top: 100px;  padding-top: 65px; padding-bottom: 2px; padding-left: 60px; padding-right: 110px; position: relative; z-index: 1; width: 100%; height: 96%;}
.notify-bar:after { position: absolute; content: ''; width: 15px; height: 100%; right: -12px; top: 0; background: var(--blue); }
.yelw-line{border: 1px solid var(--yellow) ; color: var(--yellow)}
.yelw-line:hover{background: var(--yellow); color: var(--white)}
.announcement-box { display: flex; }
.noticedate { width: 56px; flex: 0 0 56px; text-align: center; color: var(--white);  text-transform: uppercase; letter-spacing: .2px; }
.n-date { width: 100%; text-align: center;  height: 52px; line-height: 52px; font-size: 30px; font-weight: 800; color: var(--white); margin-bottom: 5px; background: #d12f19}
.noticedate p { margin: 0; background: var(--yellow); color: var(--white) !important; font-size: 18px; font-weight: 700; font-family: 'Exo'; padding: 3px; }
.notice-text {  vertical-align: top; padding-left: 14px; }
.notice-text h4 { font-weight: 600; letter-spacing: .4px; margin-bottom: 12px; }
.notice-text h4 a {color: var(--white);  font-family: 'Poppins'; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.notice-text a { font-weight: 600; color: var(--yellow); }
.announcement-box { display: flex; padding-bottom: 20px; border-bottom: 1px solid #cea12f; }


.gal-folder { position: relative; padding-bottom: 70%; overflow: hidden; } 
.gal-folder img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; transition: 250ms ease-in; } 
.galbox h4 { padding: 10px; font-size: 13px; color: var(--blue); } 
.gal-folder:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.gallery-list { display: flex; flex-wrap: wrap; column-gap: 3px; row-gap: 3px; position: relative; z-index: 1} 
.gallery-img { width: 24.8%; position: relative;  padding-bottom: 16%;  overflow: hidden;}
.gallery-img:after { opacity: 0; visibility: hidden; content: ""; height: 100%; width: 100%; position: absolute; z-index: 1; top: 0; left: 0; right: 0; background-color: rgba(26, 30, 76, 0.80); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.gallery-img:hover:after{opacity: 1; visibility: visible;}
.gallery-img img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover;padding: 10px;border-radius: 15px;}
.gallery-img:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.gallery-img .gal-icon { opacity: 0; visibility: hidden; text-align: center; position: absolute; top: 90%; z-index: 2; right: 0; left: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.gallery-img:hover .gal-icon{ top: 50%; opacity: 1; visibility: visible; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88); -moz-transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88); -ms-transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88); -o-transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88); transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88); }
.gallery-img .gal-icon i{color:var(--white) ; font-size: 29px }

.about-content {background: var(--blue); }
.about-wdth { max-width: 630px; margin: 0px auto 20px; padding-top: 80px; } 
.about-content h2 , .featre-text h4{ color: var(--white); }
.about-content h2 {line-height: 1.4} 
.about-content h2 span { color: var(--yellow); } 
.about-content p { text-align: justify; color: var(--white); } 
.featre-text { margin-top: 40px; }  
.featre-text ul {display: block;}
.featre-text ul li{width: 100%; padding-left: 30px; position: relative;}
.featre-text ul li:before { position: absolute; content: '\f061'; font-family: 'Font Awesome 5 Pro'; font-weight: 900; color: var(--yellow); left: 0; }
.featre-text ul li p{ color: var(--white)}





.team-box{margin: 5px 0 19px; background-color: #fff; -webkit-box-shadow: 0 0 15px 0 rgba(41,61,88,.1); -moz-box-shadow: 0 0 15px 0 rgba(41,61,88,.1); box-shadow: 0 0 15px 0 rgba(41,61,88,.1); position: relative; padding: 8px;}
.team-box:hover{background: var(--yellow)}
.team-thumbnail {  position: relative; padding-bottom: 100%;}
.team-thumbnail img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; object-position: top;}
.featured-content-team { text-align: center; position: relative; z-index: 2; padding: 11px 18px 2px; }
.featured-content-team .ttm-team-position {  color: #485254; margin: 0}
.featured-content-team .featured-title h5 { font-size: 20px; line-height: 28px; margin-bottom: 3px; position: relative; font-weight: 700;}
.featured-content-team .featured-title h5 a{color: var(--black)}
.team-box:hover .featured-content-team .featured-title h5 a , .team-box:hover .ttm-team-position{color: var(--white)}
.team-slider .slick-slide{padding: 0 15px}
.team-slider .slick-prev, .team-slider .slick-next{    width: 40px;  height: 40px; border: 1px solid var(--blue) !important; top: -95px}
.team-slider .slick-prev:hover, .team-slider .slick-next:hover{background: var(--blue)}
.team-slider .slick-next {right: 15px;}
.team-slider .slick-prev {left: inherit; right: 69px; z-index: 3}
.team-slider .slick-prev:before { content:'\f053'; font-family: 'Font Awesome 5 Pro'; font-weight: 900;   display: block;  color: var(--blue) ;     font-size: 14px;}
.team-slider .slick-next:before { content:'\f054'; font-family: 'Font Awesome 5 Pro'; font-weight: 900;   display: block;   color: var(--blue) ;     font-size: 14px;}
.team-slider .slick-prev:hover:before , .team-slider .slick-next:hover:before{color: var(--white)}


footer { background-color: var(--blue); padding-top: 70px;} 
footer p{color: var(--white); text-align: justify; }
.footer-menu ul { list-style:none;}
.footer-menu ul li a { color: var(--white); font-weight: 500;}
.footer-menu ul li{ margin-bottom: 10px; display: flex;}
.footer-menu .menu li a{padding-left: 21px; position: relative; font-weight:500; font-size: 15px}
.footer-menu .menu li a:before { line-height: 1em; font-size: 14px; content: ""; background-color: var(--yellow); width: 11px; height: 1px; position: absolute; left: 0; top: 12px; }
.footer-menu-2-col { padding-left: 70px; }
.foter-phone-col-innner a { color: var(--c_white); display: block; margin-bottom: 10px; font-weight: 500;}
.footer-menu h6 {color: var(--yellow); font-size: 23px; font-weight: 600;}
.foter-phone-col-innner .social-icon {display:flex; justify-content: flex-start;  margin-top: 55px; margin-bottom: 0px; list-style:none;}
.foter-phone-col-innner .social-icon li {margin-right: 30px;}
.foter-phone-col-innner .social-icon li a { color: var(--c_white); font-size:18px;}
.foter-phone-col-innner .social-icon li:first-child a { margin-left: 0; }
.footer-menu ul li  span { display: inline-block; vertical-align: middle; width: 20px; margin-right: 16px; color: var(--yellow); font-size: 22px; text-align: center; line-height: 1}
.cnt-infos h5 { color: var(--yellow); margin-bottom: 6px; font-weight: 500; font-size: 17px; margin-top: 4px;}
ul.news-wrap li{margin-bottom: 16px}
ul.news-wrap li a { display: flex; align-items: flex-start; } 
ul.news-wrap li a span.news-thumb img { width: 100%; height: 100%; display: inline-block; } 
strong.news-headline { font-size: 15px; line-height: 20px; color: #ffffff; font-weight: 300; max-width: 138px; }}
span.blg-post-date { display: block; font-size: 12px; color: rgba(255,255,255,.6); } span.news-thumb { display: block; width: 70px; height: 70px; flex: 0 0 70px; margin-right: 18px; }
.tagcloud a { background-color: var(--c_pink); border-radius: 8px; margin: 0 4px 4px 0; color: var(--c_white); font-size: 16px; line-height: 20px;  font-size: 11px!important; padding: 2px 8px; margin: 0 1px 1px 0; display: block; float: left; border-style: solid; border-width: 1px; text-decoration: none; }
.Copyright-text{ background:#03062d; padding:10px 15px; margin-top: 40px;}
.Copyright-text p{ margin-bottom:0; font-size:14px; color:var(--white);  font-weight: 500; text-align: center; max-width: 100%}
.social-icon {display:flex; justify-content: flex-start;  margin-top: 37px; margin-bottom: 0px; list-style:none;}
 .social-icon li {margin-right: 16px;}
 .social-icon li a {color: var(--yellow) !important; font-size:14px; display: inline-block; width: 33px; height: 33px; border: 1px solid var(--yellow); text-align: center; display: flex; align-items: center; justify-content: center; border-radius: 50%; }
 .social-icon li:hover a { background:   var(--yellow); color: var(--white) !important; }


.about-section{background: var(--c_light-pink);}
 


 .logo-item {
    padding: 5px;
    background: #fff;
    text-align: center;
    border: 2px solid #e5e5e5;
   
}

.logo-item img{
    height: 115px;
    width: 100%;
    object-fit: contain;

}
.logo-slider .slick-slide {
    margin: 0 15px;
}
.logo-slider .slick-arrow { width: 50px;height: 50px;border-radius: 50px;border: 1px solid #E0E0E0;background: #F8F8F8;display: flex;align-items: center;justify-content: center;} 
.logo-slider .slick-prev{left: -7px; z-index: 9;}
.logo-slider .slick-arrow:before {position: absolute;font-weight: bold;font-family: 'Font Awesome 5 Pro';color: var(--black);}
.logo-slider .slick-prev:before{content: '\f053';}
.logo-slider .slick-next:before {content: '\f054';}
.logo-slider .slick-next{right: -7px;     z-index: 9;}
.logo-slider .slick-arrow:hover {background: linear-gradient(180deg, #E5B63A 0%, #BC9328 100%);}
.logo-slider .slick-arrow:hover:before{color:var(--white)}
/*===================Inner Banner ======================*/
.inner-banner{/*padding: 172px 0;*/ position: relative; z-index: 1}
.inner-banner:before{position: absolute; content: ''; top: 0; left: 0; right: 0 ;bottom:0; background: rgb(0 0 0 / 48%); z-index: -1}
.page_title h2 { color: var(--white); font-weight: 700; margin: 0}
.breadcumb-right { position: relative; padding: 49px 110px; } 
.breadcumb-right:before { position: absolute; content: ''; left: 20px; top: 0; right: 20px; bottom: 0; z-index: -1; background-color: #fff; -ms-transform: skewX(-24deg); -webkit-transform: skewX(-24deg); transform: skewX(-24deg); text-align: center; border-left: 10px solid var(--yellow); border-right: 10px solid var(--yellow); } 
.inner-content { position: absolute; width: 100%; background: #1a1e4cb8; z-index: 2; /* padding: 46px 0; */ bottom: 0; box-shadow: 0 20px 80px rgba(0,0,0,.1); } .page_title { padding: 46px 0; }
ol.breadcrumb { justify-content: left; margin-bottom: 0} 
.breadcrumb li.breadcrumb-item , .breadcrumb li.breadcrumb-item a{ color: var(--blue); font-size: 16px; font-weight: 600; } 
.breadcrumb li.breadcrumb-item.active { color: var(--yellow); }
.breadcrumb-item+.breadcrumb-item::before{ color: var(--blue); content: '>>'; font-size: 18px; letter-spacing: -4px; display: block; top: 0px; position: absolute; left: 5px;}
.breadcrumb-item+.breadcrumb-item {padding-left: 25px; position: relative;}

.contact-alert .alert-success .close{position: absolute; right: 20px; border-radius: 50%; color: #0f5132; border: 2px solid #0e4e30; top: 50%; transform: translateY(-50%); background: transparent; line-height: 21px;}
.contact-alert .alert-danger .close{position: absolute; right: 20px; border-radius: 50%; color: #842029; border: 2px solid #842029; top: 50%; transform: translateY(-50%); background: transparent; line-height: 21px;}
/*===================Gallery page======================*/
.gallery-inner .gallery-img{width: 100%; padding-bottom: 66%; margin-bottom: 20px;box-shadow: 1px 6px 9px 0px rgba(0, 0, 0, 0.2);  border-radius: 5px;}

/*===================FAQ page======================*/
.faq-wrap .accordion-item { margin-bottom: 12px; border: 0;     border-radius: 8px;} 
.faq-wrap .accordion-header button { display: flex; align-items: center; background-color: #f8f8f8; border-radius: 8px; padding: 0  24px; height: 60px; border: none; color: var(--black);   font-weight: 600; }
.increasefont .faq-wrap .accordion-header button{font-size: 17px}
.decreasefont .faq-wrap .accordion-header button{font-size: 15px}
.faq-wrap .accordion-button:not(.collapsed) { color: var(--white); background-color: var(--blue); box-shadow: inset 0 -1px 0 rgba(0,0,0,.125); border-radius: 6px !important; }
.faq-wrap .accordion-button:not(.collapsed)::after { color: var(--c_white);  position: absolute;   font-size: 10px;  font-weight: 900; font-family: "Font Awesome 5 Pro"; content: "\f106";  right: 33px; background-image: none; }
.faq-wrap .accordion-button::after{position: absolute; content: '\f106'; font-size: 20px; right: 33px; background-image: none; font-family: "Font Awesome 5 Pro"; font-weight: 900; color: var(--c_black); }
.faq-wrap .accordion-button:focus{box-shadow: none;}
.faq-wrap .accordion-body{font-size: 16px}
.increasefont .faq-wrap .accordion-body{font-size: 15px}
.decreasefont .faq-wrap .accordion-body{font-size: 13px}
/*===================contact page======================*/
.contact-page-section { position: relative; padding: 100px 0; background-position: center center; background-repeat: no-repeat; }
 .pattern-layer { position: absolute; content: ''; z-index: 0; left: 0; top: 210px; right: 0; bottom: 0; width: 224px; height: auto; }
.contact-address .icon-box { position: relative; color: var(--yellow); font-size: 40px; line-height: 1em; }
.contact-address .inner h4{margin-top: 18px; margin-bottom: 10px;}
.contact-address { position: relative; margin-bottom: 40px; }
.contact-page-section .form-column .inner-column { position: relative; padding: 55px 50px; background-color: var(--blue); }
.contact-page-section .title-box h5 , .contact-page-section .title-box h2{color: var(--white)}

.contact-page-section .title-box { position: relative; margin-bottom: 35px } 

.contact-form { position: relative } 
.contact-form .form-group { position: relative; margin-bottom: 20px } 
.contact-form .form-group.comment-group .icon { top: 0 } 
.contact-form .form-group .icon { position: absolute; left: 0; top: 12px; color: #fff; font-size: 18px; line-height: 1em } 
.contact-form .form-group input[type=text],.contact-form .form-group input[type=password],.contact-form .form-group input[type=tel],.contact-form .form-group input[type=email],.contact-form .form-group select { position: relative; display: block; width: 100%; color: #a5a5a5; line-height: 26px; padding: 0 15px 8px 15px; height: 50px; font-size: 14px; border-radius: 2px; background: 0 0; border: 0; border-bottom: 1px solid rgba(255,255,255,.15); -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease } 
.contact-form .form-group input[type=text]:focus,.contact-form .form-group input[type=password]:focus,.contact-form .form-group input[type=tel]:focus,.contact-form .form-group input[type=email]:focus,.contact-form .form-group select:focus,.contact-form .form-group textarea:focus { border-color: #1cba9f } 
.contact-form .form-group textarea { position: relative; display: block; width: 100%; line-height: 26px; padding: 0 15px 10px 15px; color: #a5a5a5; height: 100px; font-size: 14px; resize: none; border-radius: 2px; background: 0 0; border: 0; border-bottom: 1px solid rgba(255,255,255,.15); -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease } 
/*.contact-form .form-group .submit-btn { position: relative; border-radius: 50px; color: #223a66; width: 100%; font-weight: 500; padding: 16px 8px; margin-top: 15px; background-color: #fff; border: 2px solid #fff; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease }*/

/*====================department page=====================*/
.departments-box{margin-bottom: 30px; border-radius: 4px}
.departments-box:hover { -webkit-box-shadow: 0px 1px 50px 0px rgba(209, 209, 209, 0.75); -moz-box-shadow: 0px 1px 50px 0px rgba(209, 209, 209, 0.75); box-shadow: 0px 1px 50px 0px rgba(209, 209, 209, 0.75); }
.departments-box .item-img { position: relative; overflow: hidden; width: 100%;  border-radius: 4px 4px 0 0;     padding-bottom: 62%;}
.departments-box .item-img img{width: 100%; position: absolute; height: 100%; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover;}
.departments-box .item-img .item-btn-wrap { position: absolute; left: 0; right: 0; z-index: 7; text-align: center; display: inline-block; top: 100%; opacity: 0; visibility: hidden; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88); -moz-transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88); -ms-transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88); -o-transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88); transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88); }
.departments-box:hover .item-btn-wrap { top: 50%; opacity: 1; visibility: visible; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.departments-box .item-img:after { position: absolute; content: ""; background-color: rgba(26, 30, 76, 0.80); height: 100%; width: 100%; top: 100%; left: 0; z-index: 5; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.departments-box:hover .item-img:after { top: 50%; opacity: 1; visibility: visible; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.departments-box .item-content { text-align: center; padding: 30px 20px; background-color: #ffffff;  border-radius: 0 0 4px 4px; box-shadow: 0 0 15px 0 rgba(41,61,88,.1)}
.departments-box .item-content .department-info li span { display: inline-block; margin-right: 10px; font-weight: 600; color: #111111; }
.departments-box .item-content .department-info li { color: #444444; }
.departments-box .item-content .department-info li i { color: #396cf0; margin-right: 10px; }

.dept-img{    border: 8px solid var(--yellow);
    margin-bottom: 12px;}
/*====================principal image=====================*/
.principal-img { z-index: 1; position: relative; padding-bottom: 100%; max-width: 470px; } 
.principal-img img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; } 
.principal-img:after { position: absolute; content: ''; width: 100%; height: 100%; background: var(--yellow); z-index: -1; top: 5%; right: -4%; }
.principal-msg p {text-align: justify;}
.principal-msg h5 { line-height: 1.6; }


.objective-sec ul li , .about_section ul li { font-size: 15px; margin-bottom: 10px; position: relative; padding-left: 33px;color: #3e3e3e; } 
.increasefont .objective-sec ul li , .increasefont .about_section ul li{font-size: 16px}
.decreasefont .objective-sec ul li , .decreasefont .about_section ul li{font-size: 14px}
.objective-sec ul li:before , .about_section ul li:before { position: absolute; content: '\f30b'; width: 30px; height: 30px; font-family: 'Font Awesome 5 Pro'; color: var(--blue); left: 0; font-weight: 900; top: 0; }
.about_section p{text-align: justify;}
.managembt-content { max-width: 630px; margin: 0px auto; padding-top: 100px;  }

.logo-concept img { max-width: 190px; } 
.logo-concept { display: flex; align-items: center; /* flex-wrap: wrap; */ } 
.logo-concept p { padding-left: 50px; text-align: left; max-width: 1120px; margin: 0px auto 0; }

section.mission-wrap { position: relative; background: #f7f9fb; z-index: 2}
section.mission-wrap img{ max-width: 470px; }
section.mission-wrap .pattern-layer{top: 0}

/*====================notification page=====================*/
.notification-page{position: relative; z-index: 1}
.sidenav { padding: 0; margin: 0; display: block; background: #f9f8f8; box-shadow: 2px 5px 10px rgb(211, 211, 211); }
.darkmode .sidenav{    box-shadow: 2px 5px 10px 7px rgb(26 24 24);}
.sidenav li { display: block; }
.sidenav li a { display: block; padding: 12px 12px 12px 18px; color: #525151; position: relative; transition: all 0.3s; border-bottom: 1px solid #d2d2d2; font-size: 14px; font-weight: 500;}
.increasefont .sidenav li a{font-size: 15px}
.decreasefont .sidenav li a{font-size: 13px}
/*.sidenav li a::after { position: absolute; content: ">"; left: 5px; top: 44%; line-height: 1; font-size: 18px; width: 10px; height: 10px; background-repeat: no-repeat; transform: translateY(-50%); }
*/.sidenav li a.active, .sidenav li a:hover { color: #fff; background: var(--blue); }
.customtable .table thead tr th {white-space: nowrap; text-align: left; border-bottom-width: 1px; background: var(--blue); border-color: #a3a7cd; border-top-color: #a3a7cd; border-bottom-color: var(--blue); font-size: 14px; color: #fff; font-weight: 400; padding: 10px 8px 10px 8px; vertical-align: middle; }
.customtable .table tbody tr td {white-space: nowrap; text-align: left; border-color: #e9e9e9; border-bottom-color: #eef8f9; background: #fff; font-size: 14px; color: #4d4d4d; font-weight: 400; padding: 6px 8px; vertical-align: middle; }
.customtable .table tbody tr td .btn{padding:  13px}

/*====================career page=====================*/
.career_block { padding: 45px 40px; background-color: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0px 0px 35px rgba(41,41,246,0.09); color: #7b7b8b; font-size: 14px; line-height: 23px; margin-bottom: 24px;}
.career_block h5 { font-size: 25px; color: #000; margin-bottom: 10px;}
.career_block strong { display: block;  font-weight: normal;}
.career_block p { margin-bottom: 20px;}
.career_block ul { display: flex; } 
.career_block ul li { margin-right: 13px; }


.card{box-shadow: 0px 0px 35px rgba(41,41,246,0.09); padding: 40px 40px;}
.cstm_frmrw label { font-weight:800; font-size: 18px; color: #000; line-height: 24px; margin-bottom: 8px; }
.cstm_frmrw .form-control { height: 73px; line-height: 71px; border-radius: 5px; border: 1px solid #7b7b8b; padding: 0 15px; width: 100%;  font-weight: normal; font-size: 18px; color: #7b7b8b; }
.form-group{margin-bottom: 6px;}
.form-control {border: 1px solid #bdc3c7; border-radius: 4px;}
.form-control:focus{border-color: var(--blue);}
.personaldetails h6 {font-weight: 700;  color: var(--blue); font-size: 16px;}

.shows-head { display: flex; flex-wrap: wrap; }
.shows-row { padding: 20px; background: #f3f3f3; border-radius: 5px; border: 1px solid #e7e7e7; margin-bottom: 25px; transition: all .3s; }
.shows-row:hover { box-shadow: 0 2px 12px #00000021; }
.show-date { max-width: 80px; background-color: var(--yellow); text-align: center; flex: 0 0 80px; border-radius: 5px 0 0 5px; overflow: hidden; max-height: 100px; }
.show-date > h4 { color: #ffffff;  font-weight: 700; background: var(--blue); margin: 0; padding: 15px 0; letter-spacing: 1px; }
.show-date h5 { color: #fff; font-size: 16px; text-transform: uppercase; font-weight: 500; margin: 10px 0; }
.show-thumb { max-width: 160px; flex: 0 0 160px; height: 100px; }
.show-thumb > img { max-width: 100%; height: 100%; object-fit: cover; width: 100%; border-radius: 0 5px 5px 0; }
.show-info { padding-left: 40px; padding-top: 0px; width: calc(100% - 240px); }
.show-info > h4 { color: var(--blue); font-size: 20px; text-transform: capitalize; font-weight: 700; margin-bottom: 6px;  }
.show-info > em { margin-bottom: 8px; display: block; color: #080808; font-size: 13px; font-style: normal; }
.show-info > span { display: block; color: #767676; font-size: 14px; }
.btnev { text-align: right; margin-top: 28px}
.btnev .btn{background: var(--blue)}
.btnev .btn:hover{background: var(--yellow)}

/*===================blog details========================*/
  .blg-banner { position: relative; padding-bottom: 32%; margin-bottom: 30px} 
.blg-banner img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 80%; height: 100%; margin: 0 auto; border-radius: 20px; object-fit: cover;}
.blg-details-info { display: flex; justify-content: flex-end; align-items: center; padding: 30px 0; } 
.blg-share ul { display: flex; align-items: center; list-style: none;} 
.blg-share ul li { margin: 0 10px 0 0; } 
.blg-share ul li a { width: 39px; height: 39px; border: 2px solid #FFFFFF; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 18px; color: var(--white); background: var(--yellow); } 
.blg-share ul li h4 { margin: 0; font-weight: 600; } 
.blg-share ul li h5 {font-weight: 600; margin-bottom: 0;}

.sml-logo {
    width: 120px;
    flex: 0 0 120px;
}
.logo-abt{margin-bottom: 20px}
.sml-logo img {width: 103px;}

@media (min-width: 1601px) {
  .container { max-width: 1500px }
.container.container-big { max-width: 1800px } 
}

@media only screen and ( max-width: 1600px )  {
  h1 { font-size: 70px; }
  h2 { font-size: 32px;font-family: 'Jost', sans-serif; }
  h4 {font-size: 17px; }
  p {font-size: 16px;}
  .common-padding{padding: 90px 0}
  .pt-80{padding-top: 80px;}
  .cntct-icon { width: 50px; height: 50px; flex: 0 0 50px; border-radius: 50%;}
  .cntct-icon i{font-size: 21px;}
  .cntct-info h4 {margin-bottom: 5px;}
  .breadcumb-right{padding: 30px 65px;}
  .decreasefont h1{ font-size:68px;}
  .decreasefont h2{ font-size:30px;}
  .decreasefont h3{ font-size:20px; font-weight: 800;}
  .decreasefont h4{ font-size:17px; }
  .decreasefont h5{ font-size:16px;}
  .decreasefont h6{ font-size:15px;} 
  .decreasefont p{ font-size:14px;}

   .increasefont h1{ font-size:72px;}
  .increasefont h2{font-size: 34px}
  .increasefont h3{font-size: 23px}
  .increasefont h4{font-size: 18px}
  .increasefont h5{font-size: 17px}
  .increasefont h6{font-size: 16px}
  .increasefont p{font-size: 16px}

  /*.ban-img{padding:170px 0 230px}*/
  
}

@media only screen and ( max-width: 1440px ) { 
    
	 .about-wdth{padding-top: 60px; padding-bottom: 30px;}
   .about-wrapper {margin-top: 60px;}
   
}


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

.decreasefont h1 {font-size: 68px;} 
.increasefont h1 {font-size: 70px;} 
h1{font-size: 69px}
/*.ban-img{padding:175px 0}*/
.banner-info h1{margin-bottom: 20px;}
.banner-btn {margin-top: 30px;}
.gallery-img{width: 24.7%}
}
@media only screen and ( max-width: 1280px ) {
  .about-wdth{padding-left: 20px; padding-right: 20px;}
  h2{font-size: 30px}
  .increasefont h2 { font-size: 32px;}
  .decreasefont h2{ font-size:28px;}
  .about-content p{max-width: 530px;}
}
@media only screen and ( max-width: 1199px ) {
.logo img {max-width: 308px;}
.cntct-icon{width: 45px; height: 45px; flex: 0 0 45px;}
.cntct-info p { margin-bottom: 0; font-size: 13px; }
.header .menu > ul > li {padding: 0 8px;}
.header .menu > ul > li > a {font-size: 13px;}
h1 {font-size: 64px;}
.increasefont h1 {font-size: 66px;} 
.decreasefont h1 {font-size: 62px;} 
.ban-img:before{max-width: 500px}
.featre-text ul li p{font-size: 13px;}
.show-info{width: calc(100% - 80px);}
.footer-menu h6{font-size: 15px;margin-bottom: 5px;margin-top: 10px;}
.increasefont .footer-menu h6 {font-size: 16px;}
.decreasefont .footer-menu h6{font-size: 14px}
.footer-menu .menu li a{font-size: 14px}
.increasefont .footer-menu .menu li a{font-size: 15px}
.decreasefont .footer-menu .menu li a{font-size: 13px}


}
@media only screen and ( max-width: 991px ) { 
  h1 {font-size: 60px;}
    header { z-index: 999; }
    .nav_btn { display: block; }
    header .nav_btn { position: absolute; right: 35px; top: 40px; height: 20px; display: inline-block; cursor: pointer; }
    header .nav_btn div { -webkit-box-shadow: 0px 9px 0px 0px #FFFFFF, 0px 18px 0px 0px #FFFFFF; -moz-box-shadow: 0px 9px 0px 0px #FFFFFF, 0px 18px 0px 0px #FFFFFF; box-shadow: 0px 9px 0px 0px #FFFFFF, 0px 18px 0px 0px #FFFFFF; width: 30px; height: 3px; background-color: #FFFFFF; }

    .nav_close { display: block; position: absolute; top: 20px; right: 30px; width: 20px; filter: brightness(5); font-size: 30px; color: #FFFFFF; } 

    header .right_menu_wrap { position: fixed; right: 0; top: 0; bottom: 0; background-color: #2e3a42; max-width: 365px; z-index: 999; width: 290px; max-width: 100%; overflow-x: hidden; transition: all 0.25s ease; height: 100%; overflow-y: scroll; transform: translateX(300px); }
    header .right_menu_wrap ul { display: block; padding-left: 30px; padding-right: 70px; font-size: 18px; padding-top: 25px; padding-bottom: 25px; }
    header .right_menu_wrap ul li { margin-right: 0; padding-top: 0;  float: left; clear: left; display: block; }
    header .right_menu_wrap ul li a { color: #FFF; }
    .header_menu ul li:not(:last-child) { margin-right: 0; margin-bottom: 20px; }
    .cntct-icon { width: 30px; height: 30px; flex: 0 0 30px; }
    .cntct-icon i { font-size: 13px; }
    .cntct-info h4{font-size: 13px}
    .logo img { max-width: 100%;}
    .cntct-info p{line-height: 1}
    .banner-info h1{max-width: 530px;}
    .banner-btn { margin-top: 20px; }
    .facility-wrap {margin-top: 50px!important;}
    .increasefont p { font-size: 15px;}
    .decreasefont p {font-size: 13px;}
    p{font-size: 14px;line-height: 20px;}
    .footer-menu { margin: 5px 0 0;}
    .sidenav{margin-bottom: 15px}
    .card{    padding: 30px 20px;}
    label{font-size: 14px}
    .anouncetitle{width: 160px}
    .announcementlist{width: calc(100% - 160px)}
    .anouncetitle:after{display: none;}
    .principal-img{max-width: 100%; margin-bottom: 50px;}
    .ban-img {height: 420px;}
    .gallery-img {width: 33%;}
    table{width: 100% !important}
    .wl-txt{text-align: center;margin-bottom: 0;}
}

@media only screen and ( max-width: 767px ) {
  h1 {font-size: 43px ;}
  .increasefont h1 {font-size: 45px ;}
  .decreasefont h1 {font-size: 41px ;}
  h2{font-size: 25px}
  .increasefont h2 {font-size: 27px ;}
  .decreasefont h2 {font-size: 24px ;}
  .banner-info h1{margin-bottom: 16px}
    .page_title {padding: 0 0 10px;}
    .breadcumb-right {padding: 0px 0px;}
    .inner-content{padding: 12px 0;}
    .inner-content h2{font-size: 18px;}
    ol.breadcrumb {justify-content: flex-start;}
    .breadcumb-right:before{display: none;}
    .breadcrumb li.breadcrumb-item, .breadcrumb li.breadcrumb-item a , .breadcrumb-item+.breadcrumb-item::before{color: var(--white) }
    .cntct-wrap { margin:0 auto 5px 15px; } 
    .logo { text-align: center; margin-bottom: 10px; }
    
    

    .cntct-list{justify-content: flex-start;}
    .logo img {max-width: 200px;}
    .facility-list{flex-wrap: wrap;}
    .notify-bar{margin-top: 0; height: auto; padding: 50px 15px 40px}
    .featre-text ul li{width: 100%}
    .ban-img {padding: 0px 0;height:415px;}
    .banner-info { text-align: center; }
    .banner-btn .btn{margin-bottom: 10px}
    .common-heading-part {margin-bottom: 20px;}
    .increasefont .common-heading-part h2{font-size: 24px; line-height: 1}
    .decreasefont .common-heading-part h2{font-size: 22px; line-height: 1}
    .common-heading-part h2{font-size: 23px; line-height: 1}
    .common-heading-part h2{font-size: 24px; line-height: 1}
    .common-heading-part h6{font-size: 14px}
    .decreasefont .common-heading-part h6{font-size: 13px}
    .increasefont .common-heading-part h6{font-size: 15px}
    .common-padding { padding-top: 50px; padding-bottom: 50px; }
    .gallery-img {width: 49%; padding-bottom: 47%;}
    .social-icon{margin: 15px 20%;}
    .line-btn{font-size: 13px 45px}
    .featured-content-team .featured-title h5{font-size: 16px}
    .n-date{height: 44px; line-height: 44px; font-size: 25px;}
    .noticedate p{font-size: 14px}
    .show-date{max-width: 60px; flex: 0 0 60px; max-height: 80px;}
    .show-date > h4{padding: 10px 0;}
    .show-date h5{font-size: 16px; margin: 10px 0;}
    .show-info { width: 100%; padding-left: 0; padding-top: 20px;}
    .btnev {text-align: left; margin-top: 10px;}
    .career_block p {margin-bottom: 10px;}
    .career_block ul{flex-wrap: wrap;}
    .career_block ul li{width: 100%;}
    .btn, a.btn{padding: 13px 30px;}
    .career_block { padding: 30px 20px;}
    .contact-address{text-align: center;}
    .contact-page-section .form-column .inner-column{    padding: 35px 20px;}
    .contact-page-section{padding: 60px 0}
    .principal-img{margin-bottom: 50px; max-width: 340px}
    .cntct-icon{width: 25px; height: 25px; flex: 0 0 25px; box-shadow: none; border:0; margin-right: 6px}
    .cntct-list{align-items: center;}
    .anouncetitle , .announcementlist{width: 100%}
    .flip-box-front, .flip-box-back{height: auto;}
      .flip-box-inner{margin-bottom: 30px}
      /*.ban-img{height: 70vh}*/
      .cntct-info p{font-size: 12px}
      .increasefont .cntct-info p{font-size: 13px;}
      .decreasefont .cntct-info p{font-size: 11px;}
      .sml-logo {width: 90px; flex: 0 0 90px;}
      .sml-logo img {width: 63px;}
	.mobile{display:block !important;}
	.desktop{display:none !important;}
	.half-width{width:50%;}
	.pbmit-heading-subheading h2.pbmit-title {font-size: 28px;line-height: 33px;}
	.pbmit-heading-desc{font-size: 16px;line-height: 22px;}
	.section-lgx {padding-top: 50px;padding-bottom: 50px;}
	.section-lg {padding-top: 50px;padding-bottom: 40px;}
	.pbmit-service-style-1 .pbminfotech-box-content {padding: 30px 20px;}
	.pbmit-service-style-1 .pbminfotech-box-content{margin-bottom:15px;}
	.pbmit-service-style-1 .pbmit-service-btn a {background:#dcb95e !important;border-radius: 0;color: #666; padding: 12px 15px !important;}
	.mt-5 { margin-top: 1rem !important;}
	.accordion-body {padding: 15px 10px 0 10px;}
	.home3-info-box {padding: 40px 0 40px 0;}
	.pbmit-ihbox-style-3 .pbmit-ihbox-icon-wrapper{margin-right:20px;}
	.pbmit-ihbox-style-3 {margin-bottom: 30px;margin-right: 0px;}
	.pbmit-ihbox-style-3.pbmit-ihbox h2 {font-size: 18px;}
	.pbmit-ihbox-style-3 .pbmit-heading-desc {margin-top: 5px;line-height: 18px;}
	.pbmit-ihbox-style-3 .pbmit-ihbox-icon-wrapper {font-size: 50px;line-height: 50px;}
	.pbmit-ihbox-style-2 .pbmit-ihbox-icon-type-image{width:auto;padding: 0 80px;}    
	.facilty-box{width:100%;padding: 20px 10px 10px;margin-bottom: 15px;}
	footer{padding-top: 40px;}
	footer .mb-4 {margin-bottom:0 !important;}
	footer p {margin-bottom:5px !important;}
	.footer-menu ul li {margin-bottom: 5px;}
	.big-img {display: block;width: 100%;}
	.m-l-15{margin-left:15%;}
	.inner-content h2{padding: 0px 20px;}
	.no-mob{display:none;}
	.facility-desc p{margin: 0 0 5px;}
	.facility-wrap {margin-top: 40px; margin-bottom: 40px;}
	.accordion-button{font-size: 18px;padding-bottom: 8px;}
	.mob-faq{text-align: right;margin-bottom: 10px;}
	.pbmit-btn{padding: 10px 20px;}


}

@media only screen and ( max-width: 400px ) { 
    h1 { font-size: 40px;}
    .increasefont h1{font-size: 41px}
    .decreasefont h1{font-size: 39px} 
    .skipcontent-pnl{padding: 7px 0; font-size: 11px; text-align: center;}
    .skipcontent-pnl ul{padding: 0 8px}
    .increasefont .cntct-info p{font-size: 11px;}
    .cntct-info p{font-size: 10px;}
    .decreasefont .cntct-info p{font-size: 9px;}
}
.big-img {display: block;width: 100%;}

/*Media Query css*/