@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;
}

*{
	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%;
}

@media screen and (max-width: 700px) {
  
  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;
  }
  #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);
  }
}
.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: 35px;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: 35px; }
.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%;}
.about-section .about-img img{object-fit:cover;border-radius:40px;}
.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); }
.card-content{ padding:25px; }
.card-content h4{ font-size:20px; font-weight:700; margin-bottom:10px;color:var(--primary-color); }
.card-content p{ color:#666; font-size:14px; }
.read-btn{ background: var(--secendry-color); border: var(--secendry-color); }
.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:600; }
.news-date i{ margin-right:6px; }
.news-content h4{ font-size:18px; font-weight:700; 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;}