@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;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&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.3/font/bootstrap-icons.css");
:root {
  --primary-color: #152644;
  --white-color: #ffffff;
  --secendry-color: #05afec;
  --font-primary: #152644;
}

body{
	background:#fff;
	font-family: "Poppins", sans-serif;
	top: 0px !important;
}
#backToTop { position: fixed; bottom: 50px; right: 40px; width: 45px; height: 45px; border: none; border-radius: 50%; background: #0d6efd; color: #fff; font-size: 18px; cursor: pointer; display: none; z-index: 9999; box-shadow: 0 4px 8px rgba(0,0,0,.2); transition: all .3s ease; } #backToTop:hover { background: #084298; transform: translateY(-3px); }
*{
	text-decoration:none !important;
}
ul, li, ol{
	list-style:none;
	margin:0px;
	padding:0px;
}
header .header_top{
	background-color:var(--primary-color);
}
header .header_top ul.top_nav{
	    display: inline-flex;
    align-items: center;
    justify-content: space-between;	
}
header .header_top ul.top_nav li{
	display:inline-block;
	position:relative;
}
header .header_top ul.top_nav li:after{content: ""; background: var(--white-color); top: 10px; position: absolute; opacity: 0.5; width: 1px; height: 15px;}
header .header_top ul.top_nav li a, .datetime{ font-family: "Poppins", sans-serif; font-size: 13px; color: var(--white-color); display: inline-block; padding: 8px 10px; margin: 0px; text-decoration: none; }
header .header_top ul.top_nav li a img{ width:20px; }
ul.social_media{}
ul.social_media li{margin-right:5px;display:inline-block;}
ul.social_media li a{display:block;position:relative;}
ul.social_media li a i{ padding: 5px; border-radius: 5px; font-size: 15px; position:relative;color:var(--white-color); }
.language-dropdown{ position: relative; display: inline-block; }
#langBtn{color:var(--white-color); border:none; padding:8px 14px; cursor:pointer; position:relative;background: transparent;padding-right:15px;width:110px;font-size:14px; }
#langBtn:after{content:"\f282";font-family: bootstrap-icons;font-size:12px;    margin-left: 8px;}
.dropdown-menu{ display:none; position:absolute; background:#fff; list-style:none; padding:0; margin:0; border:1px solid #ddd; width:120px; }
.dropdown-menu li a{ display:block; padding:8px 10px; text-decoration:none; color:#333;font-size:14px; }
.dropdown-menu li a:hover, .dropdown-menu li a:focus{ background:var(--primary-color);color:var(--white-color); }
.dropdown-menu.show{ display:block; }
header .header-main{ display: block; width: 100%; padding: 10px 0px; background: #fff; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
.fixed{ position:fixed; top:0px; z-index:99; -webkit-transition: all .8s; -moz-transition: all .8s; transition: all .8s; width: 100%; display: block; }
header .header-main .logo,header .header-main .logo_gov{ display:inline-block; }
header .header-main .brand-section{display: flex; align-items: center; gap: 10px;}
header .header-main .logo img{ max-width:100px; }
header .header-main .brand-section .brand-title p{margin:0px;display:block;font-size:14px;color:var(--text-black);font-weight:500;}
header .header-main .brand-section .brand-title .website-name{margin: 0px; display: block; font-size: 17px; color: var(--primary-color); font-weight: 700; text-transform: uppercase;}
.top-contact{
display:flex;
justify-content:end;
align-items:center;
flex-wrap: wrap; gap: 60px;
}

.contact-item{
display:flex;
align-items:center;
gap:12px;
}

.contact-item .icon{
font-size:28px;
color:#1c9ac7;
}

.contact-item span{
font-weight:600;
color:#444;
display:block;
font-size: 14px;
}

.contact-item p{
margin:0;
color:#777;
font-size: 12px;;

}

/* responsive */

@media (max-width:768px){

.top-contact{
flex-direction:column;
gap:10px;
align-items:flex-start;
padding:15px 20px;
}

}
.fixed header .header-main .logo img{ max-width:110px; }
.hidediv{display:none; -webkit-transition: all .8s; -moz-transition: all .8s; transition: all .8s; }
.nav-bg{ background:var(--primary-color);border-radius: 10px; }
#cssmenu #head-mobile, #cssmenu ul li a, #cssmenu ul li, #cssmenu ul, #cssmenu {
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  box-sizing: border-box;
}

#cssmenu > ul:after, #cssmenu:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.navfull{
	display:block;
	width:100%;
	position: relative;
}

nav {
  position: relative;
  width:100%;
  display:inline-block;
}


#cssmenu ul li.active {
  background:transparent;
  transition: background 0.3s ease;
  position:relative;
}
#cssmenu ul li.active:after{content: ""; width: 100%; height: 5px; background: var(--secendry-color); position: absolute; bottom: 0px; left: 0px;}
#cssmenu ul li.active a {
  color: #fff;
  font-family: "Poppins", sans-serif;
}

#cssmenu ul li.has-sub.active:hover {
 
  transition: background 0.3s ease;
}
#cssmenu ul li.has-sub ul li.has-sub ul li:hover {
  background: #363636;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
  z-index: 9;
}
#cssmenu ul ul li {
  height: 0;
  background: rgb(18, 0, 83);
  transition: all 0.25s ease;
}

#cssmenu ul ul li a {
border-bottom: 1px solid rgba(150, 150, 150, 0.15);
    padding: 11px 15px;
    width: 290px;
    font-size: 14px;
    text-decoration: none;
    color: #ddd;
    font-weight: 400;
    display: inline-block;
    line-height: 21px;
}
#cssmenu ul ul li a:hover,#cssmenu ul li a:hover,#cssmenu ul li.active>a {
  color: #fff;
  background:#05afec;
}

#cssmenu ul ul li.has-sub > a:after {
      position: absolute;
    top: 18px;
    right: 9px;
    width: 12px;
    height: 2px;
    display: block;
    background: #ddd;
    content: "";
}
#cssmenu ul ul li.has-sub > a:before {
  position: absolute;
    top: 13px;
    right: 14px;
    display: block;
    width: 2px;
    height: 12px;
    background: #ddd;
    content: "";
    transition: all 0.25s ease;
}
#cssmenu ul ul li:hover > a {
  color: #fff;
}
#cssmenu ul ul li:last-child > a {
  border-bottom: 0;
}
#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
#cssmenu ul ul ul li.active a {
  border-left: 1px solid #333;
}
#cssmenu ul ul > li.has-sub:hover > a:before {
  top: 50%;
  height: 0;
}
#cssmenu #head-mobile {
  display: none;
}
#cssmenu > ul > li {
  float: left;
  border-right:solid 1px rgb(255 255 255 / 20%);
}

#cssmenu > ul > li:hover > a {
  color: #fff;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 30px;
}

#cssmenu > ul > li.has-sub > a:before {
  position: absolute;
        top: 21px;
    right: 9px;
  display: block;
   margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}


  transition: all 0.25s ease;
}
#cssmenu > ul > li.has-sub > ul > li.active > a {
  border-top: 1px solid #333;
}
#cssmenu > ul > li.has-sub:hover > a:before {
  top: 21px;
  height: 0;
}
#cssmenu > ul > li > a {
  text-decoration: none;
  color: #fff;
  padding: 15px 15px 15px 15px;
    display: inline-block;
    font-size: 15px;
}
#cssmenu > ul ul > li.has-sub > ul > li.active > a {
  border-top: 1px solid #333;
}
#cssmenu li:hover > ul {
  left: auto;
}
#cssmenu li:hover > ul > li {
  height: 100%;
}


.banner-slider{ position:relative; }
.main-banner img{ width:100%; height:520px; object-fit:cover;margin-top: -19px; }
.play-pause{ position: absolute; top: 47px; right: 92px; background: var(--secendry-color); color: #fff; border: none; padding: 8px 13px; cursor: pointer; border-radius: 100px;}
.thumb-wrapper{position: absolute; bottom: -55px; width: 60%; display: flex; align-items: center; justify-content: center; left: 0; right: 0; margin: 0 auto; }
.thumb-container{ display:flex; gap:12px;background:var(--white-color);padding:15px 50px; border-radius:7px;overflow:hidden;box-shadow: 0 4px 6px rgba(0,0,0,0.05), 0 10px 20px rgba(0,0,0,0.08);}
.thumb{width:110px; height:80px; object-fit:cover; border-radius:8px; border:3px solid var(--primary-color); opacity:.6; cursor:pointer;}
.thumb.active{ opacity:1;}
.nav-btn{ background:var(--secendry-color); border:none; color:#fff; width:50px; height:50px; border-radius:50%; font-size:18px; margin:0 0px; position: absolute;}
.left-position{ left: 23px;}
.right-position{ right: 23px;}
/* Tablet */

@media (max-width:992px){
.thumb-wrapper{width:70%;}
.main-banner img{
height:420px;
}

.thumb{
width:90px;
height:65px;
}

.nav-btn{
width:40px;
height:40px;
font-size:18px;
}


}


/* Mobile */

@media (max-width:768px){
.thumb-wrapper{width:90%;}
.main-banner img{
height:300px;
}

.thumb-wrapper{
bottom:-30px;
}

.thumb-container{
gap:8px;
padding:10px;
}

.thumb{
width:70px;
height:50px;
}

.nav-btn{
width: 25px;
height: 25px;
font-size: 11px;
}

.play-pause{
top:10px;
right:10px;
padding:6px 10px;
font-size:14px;
}


}


/* Small Mobile */

@media (max-width:480px){
.thumb-wrapper{width:90%;}
.main-banner img{
height:220px;
}

.thumb{
width:55px;
height:40px;
}

.thumb-container{
overflow-x:auto;
}
.right-position { right: -12px; }
.left-position { left: -12px; }

}
.btn-primary{background: var(--primary-color); border: var(--primary-color); text-transform: uppercase; font-weight: 600; display: inline-flex; align-items: center; font-size: 14px; gap: 5px;}
.btn-primary i{font-size:11px;}
.btn-primary:hover{background:var(--secendry-color);border:var(--secendry-color);}

.heading-title{display: block; color: var(--primary-color); font-size: 32px;font-weight:800;}
.heading-title span{display: block; font-size: 14px; font-weight: 600; color: var(--secendry-color);margin-bottom:1px;}
.inner-banner-section { position: relative; background-image: url(../images/inner-banner-blank.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; padding: 65px 0;object-fit: cover; margin-top: -19px; }
.inner-banner-section .page-inner-section { position: relative; z-index: 1; }
.inner-banner-section .heading-title { color: #fff !important; font-weight: 800 !important; font-size: 29px; }
.inner-banner-section:before { content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: linear-gradient(270deg, rgba(1, 5, 53, 0.28) 43.57%, rgba(1, 5, 53, 0.8) 100%); width: 100%; height: 100%; z-index: 0; }
.inner-banner-section .breadcrumb li a{color:#e6e6e6;font-weight: 500;}
.inner-banner-section .breadcrumb .breadcrumb__item:nth-child(n + 2)::before{ margin-inline: 1rem 0.4rem; content: "/";transform: rotate(0deg); */ border-block-start: 0px solid var(--color--gray-45);border-inline-end: 0px solid var(--color--gray-45);}
.inner-banner-section .breadcrumb li{ color: #05afec; font-weight: 500; align-items: center; }
.inner-banner-section .breadcrumb { display: flex; justify-content: start; padding-right:0px !important; }
.inner-banner-section .breadcrumb ol.breadcrumb__list {width: 100%; display: flex ; align-items: center; justify-content: start; background:transparent; border-radius: 50px; gap: 0px; padding: 8px 0px;}
.page-content-section{padding:40px 0px;display:block;width:100%;}
table{width: 100% !important;}
.about-section{padding:100px 0px 40px 0px;}
.about-section .about-img{width: 100%; border-radius: 50px;}
.about-section .about-img img{object-fit: cover; border-radius: 40px; object-position: center; height: 453px; width: 100%;}
.about-section p{color:var(--font-primary);font-size:16px;font-weight:400;text-align:justify;	}
.about-section h4{color: var(--primary-color);font-weight: 800;}

.training-section{ padding:60px 0; position:relative; background-image:url('../images//training-bg.jpg'); background-size:cover; background-position:center; background-attachment:fixed; }
.training-section::before{ content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(20,40,70,0.75); }
.training-section .container{ position:relative; z-index:2; } .section-title{ text-align:center; margin-bottom:60px; color:#fff; }

.training-card{ background:#fff; border-radius:16px; overflow:hidden; transition:0.4s; box-shadow:0 10px 30px rgba(0,0,0,0.1); }
.training-card:hover{ transform:translateY(-10px); box-shadow:0 20px 40px rgba(0,0,0,0.15); }
.card-img{ overflow:hidden; }
.card-img img{ width:100%; transition:0.5s; }
.training-card:hover img{ transform:scale(1.1); }
.training-card .card-content{ padding:25px;min-height:183px; }
.infrastructure .card-content{ padding:25px;min-height:auto !important; }
.training-card .card-content h4{ font-size:20px; font-weight:700; margin-bottom:10px;color:var(--primary-color); }
.training-card .card-content p{ color:#666; font-size:14px; }
.training-card .read-btn{ background: var(--secendry-color); border: var(--secendry-color); }
.training-card .read-btn:hover{ background:var(--primary-color);border: var(--primary-color); }
@media (max-width:991px){ 
.training-section{ background-attachment:scroll; }
.training-card{ margin-bottom:30px; } 
}


.news-section{ padding:60px 0; background:#eaeff2; }
.news-header{ display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; }
.news-card{ background:#fff; border-radius:3px; overflow:hidden; transition:.4s; box-shadow:0 8px 25px rgba(0,0,0,0.08); } .news-card:hover{ transform:translateY(-8px); box-shadow:0 15px 35px rgba(0,0,0,0.15); }
.news-img{ overflow:hidden;height:250px; }
.news-img img{ width:100%; transition:.5s; }
.news-card:hover img{ transform:scale(1.08); }
.news-content{ padding:25px; }
.news-date{ color:var(--secendry-color); font-size:13px; margin-bottom:10px;font-weight:400; }
.news-date i{ margin-right:6px; }
.news-content h4{ font-size:16px; font-weight:600; margin-bottom:10px; color:var(--primary-color); }
.news-content p{ font-size:13px; color:var(--font-primary); } 
.news-section .read-more{background:transparent;color:var(--secendry-color);text-transform:uppercase;font-weight:600;font-size:14px;}
.news-section .read-more i{font-size:12px;}
@media(max-width:768px){
.news-header{ flex-direction:column; align-items:flex-start; gap:15px; } 
.news-card{ margin-bottom:25px; }
}

.infrastructure-section{ padding:60px 0 60px; background: #FFF;background: linear-gradient(180deg, rgba(255, 255, 255, 1) 63%, rgba(5, 175, 236, 1) 63%); }
.infrastructure-section .m-auto p{font-size:17px;font-weight:500;color:var(--font-primary);}
.infrastructure-section .card-img{ overflow:hidden; border-radius:16px;}
.infrastructure-section .card-content a{ font-size:17px; margin-bottom:0px;color:var(--font-primary);font-weight:700;}

.video-slider .slide{
width:19vw;
padding:25px;
transition:0.4s;

}

.video-slider .slide video{
width:100%;
height:480px;
object-fit:cover;
border-radius:25px;
}

/* Center Slide */
.video-slider .slick-center{
width:60vw !important;
}

.video-slider .slick-center video{
height:480px;
}

/* side slides small */
.video-slider .slick-slide{
opacity:0.6;
}

.video-slider .slick-center{
opacity:1;
transform:scale(1.05);
}

/* arrow style */

.slick-prev,
.slick-next{
background:#1da1c2;
width:50px;
height:50px;
border-radius:50%;
z-index:10;
}

.slick-prev:before,
.slick-next:before{
font-size:22px;
color:white;
}
.video-box{
position:relative;
}

.video-box video{
width:100%;
height:320px;
object-fit:cover;
border-radius:25px;
}

.video-slider .slick-slide{
opacity:0.5;
}

.video-slider .slick-center{
opacity:1;
transform:scale(1.02);
}

.play-btn{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:90px;
height:90px;
background:white;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:40px;
color:#1da1c2;
cursor:pointer;
opacity:0;
transition:0.3s;
}

.slick-center .play-btn{
opacity:1;
}

.play-btn:hover{
transform:translate(-50%,-50%) scale(1.1);
}

.client-section{
	padding:30px 0px 0px 0px;
	display:block;
	background:#eaeff2;
	overflow:hidden;
}
.my-clints a{
	    margin:0px 15px;
    display: inline-block;
	width:170px !important;
}
.my-clints a img{
	   max-width:100%;
	   border-radius:7px;
}

footer{
	padding:40px 0px;
	background:#041a4c;
}
footer .footer-colloum{display:block;width:100%}
footer .footer-colloum h4{font-size: 17px; text-transform: capitalize; font-weight: 600; color: #fff; margin-bottom: 10px; padding-bottom: 10px; position: relative;}
footer .footer-colloum h4:after{content: ""; position: absolute; height: 1px; background: #ffffff; width:70px; display: block; bottom: 3px;}
footer .footer-colloum ul{margin:0px;padding-left:0px;}
footer .footer-colloum ul li{list-style:none;line-height: 28px;}
footer .footer-colloum ul li a,footer .footer-colloum address{    display: inline-flex;
    text-decoration: none;
    color: #dddddd;
    font-size: 13px;
    align-items: center;}
	footer .footer-colloum ul li i{font-size:8px;color:#fff;padding-right:5px;}
	footer .footer-colloum ul li a:hover{padding-left:1px;}
footer .footer-colloum address{
	display:block;
}	
footer .footer-colloum ul li a i {
	    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    margin-right: 7px;
}
footer .footer-colloum .visitor{font-size:14px;color:#fff;margin-bottom:10px;}
footer .footer-colloum .visitor span{letter-spacing:10px;}
footer .footer-colloum .updated{font-size:14px;color:#fff;}
footer .footer-colloum ul.social {
	text-align:left !important;
	    padding-left: 0px !important;
}
section.footer-bottom{width:100%;padding:12px 0px;background-color:#021138;border-top:solid 1px rgb(133 151 193 / 31%);}
section.footer-bottom p{font-size:13px;color:#f3f3f3;padding:0px;margin:0px;}
@media screen and (max-width: 1400px) {
	#cssmenu > ul > li > a{font-size:14px;}
}
@media screen and (max-width: 1025px) {
	#cssmenu > ul > li > a{font-size:11px;}
	#cssmenu > ul > li.has-sub > a { padding-right: 20px; }
	#cssmenu  ul li ul li a{font-size:11px;}
	header .header_top ul.top_nav li a, .datetime,header .header-main .brand-section .brand-title p{font-size: 12px;}
	ul.social_media li a i{font-size: 13px;}
	header .header-main .brand-section .brand-title .website-name{font-size: 14px;}
	header .header-main .logo img{max-width: 72px;}
	.contact-item p{font-size:11px;}
	.contact-item span{font-size: 12px;}
}
@media screen and (max-width: 992px) {
  header .header_top ul.top_nav li a, .datetime,header .header-main .brand-section .brand-title p{font-size: 10px;}
	ul.social_media li a i{font-size: 12px;}
	header .header-main .brand-section .brand-title .website-name{font-size: 12px;}
	header .header-main .brand-section .brand-title p{font-size: 10px;}
	header .header-main .logo img{max-width: 65px;}
	.top-contact { gap: 5px; }
  nav {
    width: 100%;
  }

  #cssmenu {
    width: 100%;
  }
  #cssmenu ul {
    width: 100%;
    display: none;
  }
  #cssmenu ul li {
    width: 100%;
    border-top: 1px solid #444;
  }
  #cssmenu ul li:hover {
    background: #363636;
  }
  #cssmenu ul li a {
    width: 100%;
    border-bottom: 0;
  }
  #cssmenu ul ul {
    position: relative;
    left: 0;
    width: 100%;
    margin: 0;
    text-align: left;
	margin-left: 0% !important;
  }
  #cssmenu ul ul li {
    height: auto;
    background: rgb(10, 0, 86) !important;
  }
  #cssmenu ul ul li a {
    width: 100%;
    border-bottom: 0;
    padding-left: 25px;
    color: #ddd;
    background: none;
  }
  #cssmenu ul ul li:hover {
    background: #363636 !important;
  }
  #cssmenu ul ul li:hover > a {
    color: #fff;
  }
  #cssmenu ul ul li.active > a {
    color: #fff;
  }
  #cssmenu ul ul .submenu-button {
    height: 34px;
    width: 34px;
  }
  #cssmenu ul ul .submenu-button:after {
    top: 15px;
    right: 13px;
  }
  #cssmenu ul ul .submenu-button:before {
    top: 12px;
    right: 16px;
  }
  #cssmenu ul ul ul li a {
    padding-left: 35px;
  }
  #cssmenu ul ul ul li.active a {
    border-left: none;
  }
  #cssmenu ul ul > li.has-sub > a:after {
    display: none;
  }
  #cssmenu ul ul > li.has-sub > a:before {
    display: none;
  }
  #cssmenu #head-mobile {
    display: block;
    padding: 23px;
    color: #ddd;
    font-size: 12px;
    font-weight: 700;
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index: 99;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid #444;
    height: 46px;
    width: 46px;
    cursor: pointer;
  }
  #cssmenu .submenu-button.submenu-opened {
    background: #262626;
  }
  #cssmenu .submenu-button.submenu-opened:after {
    background: #fff;
  }
  #cssmenu .submenu-button.submenu-opened:before {
    display: none;
  }
  #cssmenu .submenu-button:after {
    position: absolute;
    top: 22px;
    right: 19px;
    width: 8px;
    height: 2px;
    display: block;
    background: #ddd;
    content: "";
  }
  #cssmenu .submenu-button:before {
    position: absolute;
    top: 19px;
    right: 22px;
    display: block;
    width: 2px;
    height: 8px;
    background: #ddd;
    content: "";
  }
  #cssmenu li:hover > ul > li {
    height: auto;
  }
  #cssmenu > ul > li {
    float: none;
  }
  #cssmenu > ul > li.has-sub > a:after {
    display: none;
  }
  #cssmenu > ul > li.has-sub > a:before {
    display: none;
  }
  #cssmenu > ul > li.has-sub > ul > li.active > a {
    border-top: none;
  }
  #cssmenu > ul ul > li.has-sub > ul > li.active > a {
    border-top: none;
  }

  .button {
    width: 55px;
    height: 46px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    z-index: 12399994;
  }
  .button:after {
    position: absolute;
    top: 22px;
    right: 20px;
    display: block;
    height: 4px;
    width: 20px;
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
    content: "";
  }
  .button:before {
    transition: all 0.3s ease;
    position: absolute;
    top: 16px;
    right: 20px;
    display: block;
    height: 2px;
    width: 20px;
    background: #ddd;
    content: "";
  }
  .button.menu-opened:after {
    transition: all 0.3s ease;
    top: 23px;
    border: 0;
    height: 2px;
    width: 19px;
    background: #fff;
    transform: rotate(45deg);
  }
  .button.menu-opened:before {
    top: 23px;
    background: #fff;
    width: 19px;
    transform: rotate(-45deg);
  }
}
.text-justify{text-align: justify !important}
.page-body h3{color: #152644;margin-top:20px;font-weight:700;    font-size: 19px;}
.page-body h4{color: #152644;margin-top:20px;font-weight:700;    font-size: 17px;}
.page-body ul{list-style: disc !important; padding-left: 25px; margin-bottom: 1rem;}
caption{color:var(--secendry-color);}
.page-body ul li{margin-bottom: 8px; line-height: 1.6; color: #333;list-style: disc !important;}
.official-contact-card{
    background:#fff;
    border-radius:15px;
    overflow:hidden;
    box-shadow:0 8px 25px rgba(0,0,0,.10);
    border:1px solid #e6edf5;
    margin-bottom:30px;
	    height: 100%;
}

.official-contact-header{
    background:linear-gradient(135deg,#081b54,#18a8df);
    padding:18px 25px;
}

.official-contact-header h3{
    margin:0;
    color:#fff;
    font-size:20px;
    font-weight:600;
}

.official-contact-body{
    padding:25px;
}

.official-name{
    margin-bottom:25px;
    padding-bottom:20px;
    border-bottom:1px solid #edf2f7;
}

.official-name h4{
    margin:0 0 6px;
    color:#081b54;
    font-size:20px;
    font-weight:700;
}

.official-name span{
    color:#18a8df;
    font-size:14px;
    font-weight:600;
}

.official-info{
    display:flex;
    gap:15px;
    align-items:flex-start;
    margin-bottom:18px;
}

.official-info:last-child{
    margin-bottom:0;
}

.official-info i{
    width:45px;
    height:45px;
    min-width:45px;
    border-radius:50%;
    background:#18a8df;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
}

.official-info strong{
    display:block;
    color:#081b54;
    margin-bottom:5px;
    font-size:14px;
    text-transform:uppercase;
}

.official-info p{
    margin:0;
    color:#555;
    font-size:16px;
}

.official-info a{
    color:#18a8df;
    text-decoration:none;
    font-weight:600;
}

.official-info a:hover{
    color:#081b54;
}

@media(max-width:767px){

.official-contact-header h3{
    font-size:20px;
}

.official-name h4{
    font-size:20px;
}

.official-contact-body{
    padding:20px;
}

}

.video-slider .slick-prev, .video-slider .slick-next{ display:block !important; z-index:999; }
.video-slider .slick-prev,.video-slider .slick-next{width:50px;height:50px;background:#041a4c;border:none;border-radius:50%;z-index:99;bottom:0px}
.video-slider .slick-prev:hover,.video-slider .slick-next:hover{width:50px;height:50px;background:#1aa8df;border:none;border-radius:50%;z-index:99;}
.video-slider .slick-prev{left:30px;}
.video-slider .slick-next{right:30px;}
.video-slider .slick-next:before{content: "\f054" !important; }
.video-slider .slick-prev:before,.video-slider .slick-next:before{content: "\f053"; font-family: "Font Awesome 6 Free"; font-weight: 900;color:#fff;}
.gallery-grid-page{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:20px; } .gallery-grid-page img{ width:100%; height:250px; object-fit:cover; border-radius:10px; display:block; } @media(max-width:991px){ .gallery-grid-page{ grid-template-columns:repeat(2,1fr); } } @media(max-width:767px){ .gallery-grid-page{ grid-template-columns:1fr; } }
.ssifs-links-section{ display:grid; grid-template-columns:repeat(2,1fr); gap:25px; margin:40px 0; } .ssifs-link-card{ display:flex; align-items:center; gap:18px; padding:22px; background:#fff; border-radius:14px; text-decoration:none; box-shadow:0 8px 25px rgba(0,0,0,.08); border:1px solid #e7eef7; transition:.35s; } .ssifs-link-card:hover{ transform:translateY(-5px); box-shadow:0 15px 35px rgba(0,0,0,.12); } .ssifs-link-icon{ width:65px; height:65px; min-width:65px; border-radius:50%; background:linear-gradient(135deg,#081b54,#18a8df); color:#fff; display:flex; align-items:center; justify-content:center; font-size:26px; } .ssifs-link-content{ flex:1; } .ssifs-link-content h4{ margin:0 0 6px; color:#081b54; font-size:20px; font-weight:700; } .ssifs-link-content p{ margin:0; color:#666; line-height:1.5; font-size:14px; } .ssifs-link-card span{ color:#18a8df; font-size:18px; } @media(max-width:767px){ .ssifs-links-section{ grid-template-columns:1fr; } .ssifs-link-card{ padding:18px; } .ssifs-link-icon{ width:55px; height:55px; min-width:55px; font-size:22px; } .ssifs-link-content h4{ font-size:18px; } }

.faculty-grid{ display:grid; grid-template-columns:repeat(4, 1fr); gap:50px; }
.faculty-card{display:block; text-align:center; text-decoration:none; color:#000; transition:all .4s ease;}
.faculty-card:hover{transform:translateY(-3px);}
.faculty-img{ width:180px; height:180px; margin:0 auto 20px; border:8px solid var(--primary-color); border-radius:50%; overflow:hidden; transition:all .4s ease; }
.faculty-img img{ width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.faculty-card:hover .faculty-img{ border:8px solid var(--secendry-color);transition:all .4s ease; }
.faculty-card h3{ font-size:18px; font-weight:500; margin-bottom:15px; }
.faculty-card:hover h3{ color:var(--secendry-color);transition:all .4s ease; }
.faculty-detail-row{ display:flex; gap:27px; align-items:flex-start; }
.faculty-detail-img{ max-width: 250px;position: relative; height: 280px; overflow: hidden;border-right:6px solid var(--secendry-color);}
	{}
.faculty-detail-img img{ width:100%; display:block;height:100%;object-fit:cover; }
.faculty-designation{ display:inline-block; background:#f47a20; color:#fff; padding:10px 20px; border-radius:30px; margin-bottom:20px; font-size:14px; text-transform:uppercase; letter-spacing:1px; }
.faculty-detail-content{width:74%;}
.faculty-detail-content h1{ font-size:35px; margin-bottom:10px;color:var(--primary-color) }
.faculty-detail-content p{ font-size:16px; line-height:1.6; color:#555; margin-bottom:30px; }
.page-content-section p{text-align:justify;} 
.deanprofile{width: 394px; max-width: 214px; border: solid 5px #152644;}
.deanprofile-card{ width:100%; background:#fff; border-radius:25px; overflow:hidden; transition:.4s; }
.deanprofiletop{ background:#183b73; padding:11px; display:flex; justify-content:center; }
.deanphoto-frame{ background:#fff; padding:5px; border-radius:15px; }
.deanphoto-frame img{ width:100%; height:150px; object-fit:cover; border-radius:10px; display:block; }
.deanprofile-disc{ background:linear-gradient(135deg,#d8ebfb,#bfd7f0); padding:20px 20px; text-align:center; position:relative; }
.deanprofile-disc::before{ content: ''; position: absolute; top: -4px; left: 0; width: 100%; height: 13px; background: #fff; border-radius: 0 0 83% 83%; }
.deanprofile-disc>*{ position:relative; z-index:2; }
.deanprofile-disc h2{ color:#1b376d; font-size:16px; font-weight:700; margin-bottom:8px; }
.deanprofile-disc h3{ color:#555; font-size:14px; font-weight:500; margin-bottom:25px; }
.deanprofile-btn{ display: inline-flex; align-items: center; gap: 10px; background: var(--primary-color); color: #fff; padding: 7px 15px;  text-decoration: none; font-size: 14px; font-weight: 600; transition: .3s; }
.deanprofile-btn i{ color:#fff; display:flex; align-items:center; justify-content:center;font-size:16px; }
.ssifs-important-links { margin-top: 0; padding: 0 0 10px; }
.ssifs-important-links h3 { margin: 0 0 8px; padding: 0; font-size: 20px; line-height: 1.2; font-weight: 500; color: #172d4f; margin-top: 8px; }
.ssifs-important-links ul { list-style: none; margin: 0; padding: 0; }
.ssifs-important-links ul li { margin: 0; padding: 0; }
.ssifs-important-links ul li a { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 4px 11px; margin-bottom: 8px; background: #f4f8fc; border: 1px solid #e1eaf4; border-radius: 7px; color: #145bea; font-size: 15px; font-weight: 500; line-height: 1.3; text-decoration: none; transition: all 0.3s ease;}
.ssifs-important-links ul li a i { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; background: #ffffff; color: #145bea; border-radius: 50%; font-size: 13px; transition: all 0.3s ease; }
.ssifs-important-links ul li a:hover { background: #193d73; border-color: #193d73; color: #ffffff; transform: translateX(4px); box-shadow: 0 5px 15px rgba(25, 61, 115, 0.15); }
.ssifs-important-links ul li a:hover i { background: #ffffff; color: #193d73; transform: translate(2px, -2px); }
@media (max-width: 991px) { 
.ssifs-important-links h3 { font-size: 28px; } }
@media (max-width: 767px) {
.ssifs-important-links { margin-top: 25px; }
.ssifs-important-links h3 { font-size: 25px; margin-bottom: 12px; }
.ssifs-important-links ul li a { padding: 10px 12px; font-size: 15px; }
}
@media(max-width:991px){
	.faculty-grid{ grid-template-columns:repeat(2,1fr); }
} 
@media(max-width:767px){
	.faculty-grid{ grid-template-columns:1fr; gap:40px; }
	.faculty-img{ width:180px; height:180px; }
	.faculty-card h3{ font-size:28px; }
	.faculty-card p{ font-size:20px; }
	.faculty-detail-row{flex-direction:column;}
	.faculty-detail-content,.faculty-detail-img{width:100%;max-width:100%;justify-content:center;align-items:center;}
	.faculty-detail-img{border:3px solid var(--secendry-color);border-radius:12px;height:auto;}
	.faculty-detail-img img{object-fit:inherit;width:100%;max-width:100%;height:auto;}
	
}

@media screen and (max-width:768px) {
	.header-main .col-md-6.brand-section{width:100% !important;}
	.header-main .col-md-6.text-end{display:none;}
	.header_top .row{flex-direction: column; justify-content: start;}
	.header_top .col-md-7{}
	.header_top .col-md-5{justify-content: start !important;}
	.news-section .row,.training-section .row{flex-direction: column;}
	.training-section .row .col-lg-4.col-md-6,.news-section .row .col-lg-4.col-md-6{width:100%;}
	
}