/*--home-banner--*/



.home-banner {    margin: 0;    padding: 0;    height: 650px;
    position: relative;    overflow: hidden; }
.home-banner .banner-imgsec { margin: 0; padding: 0; width: 100%;height: 100%;position: relative;z-index: 1;}

.home-banner .banner-imgsec img {   width: 100%;height: 100%;object-fit: cover;}


/*----*/

.home-banner .banner-imgsec .video-banner {  position: relative;  width: 100vw;
  height: 100%; overflow: hidden; }

.home-banner .banner-imgsec .video-banner iframe {  position: absolute;  top: 50%;  left: 50%;
  transform: translate(-50%, -50%);  width: 120vw;  height: 120vh;  pointer-events: none;
  border: none; }

@media (min-aspect-ratio: 16/9) {
  .home-banner .banner-imgsec .video-banner iframe {
    width: 100vw;
    height: 56.25vw; /* 16:9 ratio */
  }
}

@media (max-aspect-ratio: 16/9) {
  .home-banner .banner-imgsec .video-banner iframe {
    width: 177.77vh; /* 9:16 ratio */
    height: 100vh;
  }
}


/*----*/

/*.home-banner .banneitem-text { margin:0; padding:0; position: absolute;left: 0;top: 0;z-index: 6;width: 100%; height: 100%;*/
/*  background: linear-gradient(90deg,rgba(3, 35, 77, 0.65) 0%, rgba(255, 255, 255, 0) 100%); }*/
  
.home-banner .banneitem-text {    margin: 0;    padding: 0;
    position: absolute;    left: 0;    top: 0;
    z-index: 6;    width: 100%;    height: 100%;    background: linear-gradient(90deg, rgb(3 35 77 / 84%) 0%, rgb(0 45 92 / 37%) 100%); }
    
.home-banner .banneitem-text .container {  height: 100%;}

.home-banner .banneitem-text .text-wrapper { margin:0; padding:0; display: flex;align-items: center;justify-content: space-between;width: 100%;height: 100%;flex-wrap: wrap;}
.home-banner .banneitem-text .text-wrapper .item-left { margin:0; padding:0 40px 0 0; width: 64%;}
.home-banner .banneitem-text .text-wrapper .item-left h1 { margin:0; padding:0 0 27px 0; font-family: Inter;font-weight: 600;font-size: 45px;line-height: 57px;letter-spacing: 0%;text-transform: capitalize;color: #fff;}
.home-banner .banneitem-text .text-wrapper .item-left p{ margin:0; padding:0; font-family: Inter;font-size: 22px;line-height: 40px;text-transform: capitalize;color: #fff;font-weight: 400;}
.home-banner .banneitem-text .text-wrapper .item-left .item-btn {   margin: 21px 0 0 0;padding: 0 0 0 15px;
 width: 206px;height:52px;border-radius: 27px;background: #FFF;
 align-items: center;font-family: Inter;font-weight: 600; 
 font-size: 14px;line-height: 20px;letter-spacing: 0%;text-transform: capitalize; 
 color: #38395F;position: relative;display: inline-flex; }


.home-banner .banneitem-text .text-wrapper .item-left .item-btn span {   margin: 0;padding: 0;display: inline-block;background: #38395F;width: 38px;height: 38px;border-radius: 40px;display: flex;align-items: center;justify-content: center;position: absolute;right: 5px;top: 50%;transform: translatey(-50%);}
.home-banner .banneitem-text .text-wrapper .item-left .item-btn:hover span { background:#99a9da; }
.home-banner .banneitem-text .text-wrapper .item-left .item-btn span img {   filter: brightness(0) invert(1); transition: all 0.3s;  }

.home-banner .banneitem-text .text-wrapper .item-left .item-btn:hover span img { transform: rotate(43deg); }



.home-banner .banneitem-text .text-wrapper .item-right { margin:0; padding:40px 30px;   width: 38%;max-width: 410px;background: #38395F7D;border-radius: 15px;}
.home-banner .banneitem-text .text-wrapper .item-right .sec-title { margin:0; padding:0;   font-family: Inter;font-weight: 500;font-size: 14px;line-height: 40px;letter-spacing: 0%;text-transform: uppercase;color: #fff;display: block;}
.home-banner .banneitem-text .text-wrapper .item-right ul { margin:0; padding:0;   }
.home-banner .banneitem-text .text-wrapper .item-right ul li { margin:0; padding:8px 0 8px 50px;   display: block;}

.home-banner .banneitem-text .text-wrapper .item-right ul li .itemtitle { margin:0; padding:0;  
  font-family: Inter;font-weight: 500;font-size: 24px;line-height: 40px;text-transform: uppercase;
  color: #fff;display: block;position: relative;}

.home-banner .banneitem-text .text-wrapper .item-right ul li .itemtitle:after { content:"";  width:100%; height:100%; position:absolute; left:-50px; top:13px; 
 background:url(../media/icons/tict-mark.png); background-size: 17px;background-position: left top;
background-repeat: no-repeat; z-index: 5;  }
.home-banner .banneitem-text .text-wrapper .item-right ul li p { margin:0; padding:0;   font-family: Inter;font-weight: 400;font-size: 14px;line-height: 22px;letter-spacing: 0%;text-transform: capitalize;color: #fff;}


/*home-banner*/

/*home-aboutsec*/

.home-aboutsec {	margin: 0;	padding: 46px 0;	background: #F2F6F9; }
.home-aboutsec .sec-title {	margin: 0;	padding: 0 0 32px 0; }
.home-aboutsec .sec-title h2 {	margin: 0;	padding: 0;	font-family: Inter;	font-weight: 600;
	font-size: 40px;	line-height: 100%;	letter-spacing: 3%;	text-align: center;
	text-transform: capitalize;	color: #030303; }

.home-aboutsec .item-vidsec { margin:0 ; padding:0; height: 468px;}
.home-aboutsec .item-vidsec .video-popup { margin:0 ; padding:0; position: relative;}
.home-aboutsec .item-vidsec .video-popup .bla-1 { margin:0 ; padding:0; display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.home-aboutsec .item-vidsec .video-popup .bla-1 img {  max-width: 100%;width: 214px;height: 214px;object-fit: contain;}
.home-aboutsec .item-vidsec .video-popup .viewimg {  width:100%; height: 468px;object-fit: cover;border-radius: 31px;}

.home-aboutsec .item-imgsec { margin:0 ; padding:0 15px; height: 468px;
  overflow: hidden;border-radius: 31px; transition:all 0.3; }

.home-aboutsec .item-imgsec img {  height: 100%;object-fit: cover; border-radius: 31px; 
  width: 100%; transition:all 0.3; }

.home-aboutsec .item-textsec { margin:0 ; padding:30px 0 0 0;  }

.home-aboutsec .item-textsec p {
	margin: 0;
	padding: 0;
	font-family: Inter;
	font-weight: 400;
	font-size: 16px;
	line-height: 27px;
	color: #38395F;
	letter-spacing: 0%;
	
}

.home-aboutsec .item-textsec ul { margin:0; padding:20px 0 0 26px;  }
.home-aboutsec .item-textsec ul li { margin:0 ; padding:5px 0;  font-family: Inter;
  font-weight: 400;font-size: 16px;line-height: 27px;letter-spacing: 0%; color:#38395F;
  display: block; position:relative; }

.home-aboutsec .item-textsec ul li:after {
  content: "";  width: 100%;  height: 100%;  position: absolute;  left: -26px;
  top: 13px;  background: url(../media/icons/tict-mark-black.png);  background-size: 17px;  background-position: left top;
  background-repeat: no-repeat;  z-index: 5; }


.home-aboutsec .item-textsec .item-btn {    margin: 25px 0 0 0;padding: 0px 0 0 19px;width: 171px; 
  height: 52px;border-radius: 27px; display: flex; align-items: center; 
  font-family: Inter;font-weight: 600;font-size: 14px;line-height: 20px;
  letter-spacing: 0%;text-transform: capitalize;color: #38395F;
  position: relative;border: 1px solid #000000; }

.home-aboutsec .item-textsec .item-btn span {  margin: 0;  padding: 0;  display: inline-block;  
  width: 38px;  height: 38px;  border-radius: 40px;  display: flex;  align-items: center;
  justify-content: center;  position: absolute;  right: 5px;  top: 50%;
  transform: translatey(-50%); background: #38395F; }
  
  .home-aboutsec .item-textsec .item-btn:hover { border: 1px solid #99a9da; }
  
 .home-aboutsec .item-textsec .item-btn:hover span { background:#99a9da; }
  
.home-aboutsec .item-textsec .item-btn  span img { max-width: auto;filter: brightness(0) invert(1); 
  transition:all 0.3s; }
.home-aboutsec .item-textsec .item-btn:hover span img { transform: rotate(43deg); }

/*home-aboutsec*/

/*--keymetricofmess--*/

.keymetricofmess {
	margin: 0;
	padding: 150px 0 147px 0;
	position: relative;
	background: #38395F;
	overflow: hidden;
}
.keymetricofmess::after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	right: -5px;
	top: -28px;
	background: url(../media/home/border-img.png);
	background-size: 541px;
	background-position: right bottom;
	background-repeat: no-repeat;
	z-index: 5;
	opacity: 0.5;
}
  
.keymetricofmess .sec-title { margin:0; padding:0; }

.keymetricofmess .sec-title h2 { margin:0; padding:0;  font-family: Inter;font-weight: 600; 
  font-size: 50px;line-height: 65px;letter-spacing: -2%;text-transform: uppercase;color: #fff;}

.keymetricofmess .item-left {    margin: 0;    padding: 29px 0 0 0;    position: relative;
    z-index: 99;    display: flex;    flex-wrap: wrap;    max-width: 635px;
    flex-wrap: wrap; }
	
.keymetricofmess .item-left .item-tex { margin:0; padding:0 20px 0 0;  width: 50%;display: flex; flex-wrap:wrap; }

.keymetricofmess .item-left .item-tex span { margin:0; padding:0;  display: block;font-family: Inter;
  font-weight: 400;font-size: 50px;line-height: 65px;letter-spacing: -3%;
  text-transform: uppercase;color: #fff;width: 52%; }

.keymetricofmess .item-left .item-tex .count-box { margin:0; padding:0;  display: flex; width:40%;}

.keymetricofmess .item-left .item-tex .count-box .number { margin:0; padding:0; font-family: Inter;
  font-weight: 400;  font-size: 50px;line-height: 65px;letter-spacing: -3%;
  text-transform: uppercase;color: #fff;  }

.keymetricofmess .item-left .item-tex .count-box .icon_text {	margin: 0;	padding: 0 0 0 2px;  font-family: Inter;
  font-weight: 400;  font-size: 50px;line-height: 65px;letter-spacing: -3%;
  text-transform: uppercase;color: #fff; }


/*.keymetricofmess .item-left .item-tex p { margin:0; padding:7px 0 7px 7px; */
/* font-family: Inter;font-weight:400;font-size: 20px;line-height: 35px; */
/* text-transform: capitalize;color: #fff;border-bottom: 1px solid #494A79;}*/

.keymetricofmess .item-left .item-tex p {
    padding: 7px 0 7px 7px;
    font-size: 17px;
    line-height: 27px;
    text-transform: capitalize;
    color: #fff;
    border-bottom: 1px solid #494A79;
    width: 60%;
}

/*--keymetricofmess--*/



/*--home-ourservices--*/

.home-ourservices {	margin: 0;	padding: 0;	background: url(../media/home/bg-home-sec012.png) #303255;
	overflow: hidden;	position: relative;	background-repeat: no-repeat;	background-position: center center;
	background-size:cover; }

.home-ourservices .ourservices-bd { margin:0; padding:46px 0; position: relative; } 

.home-ourservices .ourservices-bd::after {  content: "";  width: 100%;  height: 100%;  position: absolute;  left: 0;
  top: 0;  background: url(../media/icons/servicbg-left.png);  background-size: 430px;
  background-position: left top;  background-repeat: no-repeat;  z-index: 5; }
  
.home-ourservices .ourservices-bd::before {  content: "";  width: 100%;  height: 100%;  position: absolute;
  right: 0;  top: 0;  background: url(../media/icons/servicbg-right.png);  background-size: 430px;
  background-position: right top;  background-repeat: no-repeat;  z-index: 5;  left: initial; }


.home-ourservices .secwrapper { position:relative; z-index:20; }

.home-ourservices .sec-title { margin:0; padding:0 0 40px 0; }

.home-ourservices .sec-title h2 {	margin: 0;	padding: 0;	color: #fff;
	font-family: Inter;	font-weight: 600;	font-size: 40px;
	line-height: 46px;	letter-spacing: 3%;	text-align: center;	text-transform: capitalize; }

.home-ourservices .itemcol { }


.home-ourservices .itemBox { margin:0 0 30px 0; padding:9px; border: 1px solid #515079;border-radius: 48px;position: relative;height: 598px;}
.home-ourservices .itemBox .bdsec { margin:0; padding:0; position: relative;width: 100%;height: 100%;}

.home-ourservices .itemBox .tophed { margin: 0;	padding: 25px 31px 25px 31px; }

.home-ourservices .itemBox .tophed .sectop {
	margin: 0 0 25px 0;
	padding: 0 0 40px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #515079;
}

.home-ourservices .itemBox .tophed .sectop h3 {
	margin: 0;
	padding: 0;
	color: #fff;
	font-family: Inter;
	font-weight: 500;
	font-size: 24px;
	line-height: 30px;
	letter-spacing: 2%;
	text-transform: capitalize;
}

.home-ourservices .itemBox .tophed .sectop span { margin:0; padding:0; display: inline-block;}
.home-ourservices .itemBox .tophed .sectop span img {  width: 54px;height: 54px;object-fit: contain;}

.home-ourservices .itemBox .tophed p {	margin: 0;	padding: 0;
	font-family: Inter;	font-weight: 600;	font-size: 18px;
	line-height: 26px;	letter-spacing: 0%;	text-transform: capitalize;	color: #CECECE;
	transition: all 0.3s;	display: -webkit-box;	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;	overflow: hidden; }

 .home-ourservices .itemBox:hover .tophed p { transform:scale(0.5);}

.home-ourservices .itemBox .botomSec {    margin: 0;    padding: 0;    position: absolute;
    left: 0;    bottom: 0;    height: 302px;    width: 100%;
    transition: height 0.5s ease;  }

.home-ourservices .itemBox .botomSec img {  height: 100%;  width: 100%;  object-fit: cover;  border-radius: 36px;
  transition: border-radius 0.3s ease;  mix-blend-mode: luminosity;  -webkit-transition: all .9s ease;
    transition: all .9s ease; }

.home-ourservices .itemBox.active .botomSec img { mix-blend-mode: initial; }

.home-ourservices .itemBox.active .botomSec { height: 451px; }




/*--home-ourservices--*/


/*home-ourteam*/

.home-ourteam {	margin: 0;	padding: 46px 0 6px 0;	background: #fff;	position: relative; }

.home-ourteam::after {  content: "";  width: 100%;  height: 420px;  position: absolute;  left: 0;
  top: 0;  background:#f2f1fe;  background-size: 430px;
  background-position: left top;  background-repeat: no-repeat;  z-index: 5; }
.home-ourteam .sec-title { margin:0; padding:0 0 33px 0; position: relative;z-index: 10;}

.home-ourteam .sec-title h2 {	margin: 0;	padding: 0;	font-family: Inter;
	font-weight: 600;	font-size: 40px;	line-height: 46px;	letter-spacing: 3%;
	text-align: center;	text-transform: capitalize;	color: #030303; }

.home-ourteam .itembox { margin:0; padding:0;  height: 322px;position: relative;border-radius: 12px;/*! overflow: hidden; */}
.home-ourteam .itembox .figure-sec { margin:0; padding:0;  width: 100%;height: 322px;overflow: hidden;border-radius: 12px;}
.home-ourteam .itembox .figure-sec img  {  width: 100%;height: 100%;object-fit: cover;}

.home-ourteam .itemrow {  background: #fff;position: relative;z-index: 10;padding: 25px 21px;}
.home-ourteam .item-col {  margin-bottom: 60px;}


.home-ourteam .itembox .textsec {	margin: 0;	padding: 11px 10px;	position: absolute;
	left: 50%;	bottom: -38px;	text-align: center;
	width: auto;	background: #fff;	border-radius: 6px;
	transform: translatex(-50%);	width: 93%; }

.home-ourteam .itembox .textsec span { margin:0; padding:0;  display: block;
font-family: Inter;font-weight: 500;font-size: 16px;line-height: 22px;
letter-spacing: 0%;text-align: center;color: #00112E; }

.home-ourteam .itembox .textsec p { margin:0; padding:0;  font-family: Inter; font-weight: 600;font-size: 12px;
line-height: 20px;letter-spacing: 0%;text-align: center;text-transform: uppercase;color: #304364;}
.home-ourteam .itembox .textsec ul { margin:0; padding:0;  display: flex;align-items: center;justify-content: center;}
.home-ourteam .itembox .textsec ul li { margin:0; padding:0 3px;  }
.home-ourteam .itembox .textsec ul li a { margin:0; padding:0;  }
.home-ourteam .itembox .textsec ul li a img { width: auto; height: auto;object-fit: contain;}


/*home-ourteam*/

/*-- home-mapblock --*/

.home-mapblock {margin:0; padding:0;  backdrop-filter: blur(4px);background: #ebeaee;position: relative;}

.home-mapblock .itemleft {
	margin: 0;
	padding: 46px 0 57px 0;
	width: 100%;
	min-height: 500px;
	background: url(../media/home/home-mapblock.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left top;
}

.home-mapblock .itemleft .textbd {margin:0; padding:0;  width: 42%;}
.home-mapblock .itemleft .textbd .sec-title { margin:0; padding:0; }
.home-mapblock .itemleft .textbd .sec-title h2 {	margin: 0;	padding: 0;	font-family: Inter;
	font-weight: 600;	font-size: 40px;	line-height: 49px;
	letter-spacing: 0%;	text-transform: capitalize;	color: #000; }
	
.home-mapblock .itemleft .textbd p { margin: 0;  padding:10px 0 0 0;  font-family: Inter;  font-weight: 400;
  font-size: 16px;  line-height: 27px;  color: #38395F;  letter-spacing: 0%; }
  
.home-mapblock .itemleft .textbd .para-1stl {
	padding-top: 14px;
}
	
	
.home-mapblock .itemleft ul { margin:0; padding:10px 0 0 0; display: flex;flex-wrap: wrap;}

.home-mapblock .itemleft ul li { margin: 0;	padding: 9px 0 9px 22px;	display: block;
	font-size: 15px;	line-height: 20px;	color: #000;
	width: 50%;	position: relative; }


/*.home-mapblock .itemleft ul li { margin:0; padding:9px 0 9px 22px; display: block;font-size: 16px;line-height: 22px;color: #000;width: 50%;position: relative;}*/

.home-mapblock .itemleft ul li::after {  content: "";  width: 100%;  height: 100%;  position: absolute;
  left: 0;  top: 12px;  background: url(../media/icons/tict-mark-black-box.png);  background-size: 17px;
  background-position: left top;  background-repeat: no-repeat;  z-index: 5; }

.home-mapblock .itemleft .item-btn {	margin: 18px 0 0 0;	padding: 0px 0 0 19px;	width: 171px;
	height: 50px;	border-radius: 27px;	display: inline-block;	background: transparent;
	display: flex;	align-items: center;	font-family: Inter;	font-weight: 600;
	font-size: 14px;	line-height: 20px;	letter-spacing: 0%;
	text-transform: capitalize;	color: #000;	position: relative;	border: 1px solid #000; }
	
  .home-mapblock .itemleft .item-btn:hover { border: 1px solid #99a9da; }
  .home-mapblock .itemleft .item-btn:hover span { background:#99a9da; }

.home-mapblock .itemleft .item-btn span { margin:0; padding:0; display:block; margin: 0;padding: 0;display: inline-block;background: #000;width: 38px;height: 38px;border-radius: 40px;display: flex;align-items: center;justify-content: center;position: absolute;right: 5px;top: 50%;transform: translatey(-50%);}
.home-mapblock .itemleft .item-btn span img {  filter: brightness(0) invert(1); transition: all 0.3s; }
.home-mapblock .itemleft .item-btn:hover span img { transform: rotate(43deg); }



.home-mapblock .right-mapsec {  margin:0; padding:0; position: absolute;right: 0;top: 0;width: 56%;height: 100%;}


/*-- home-mapblock --*/