@charset "UTF-8";
/* CSS Document */

.m-top-40{margin-top: 40px;}
.m-bottom-40{margin-bottom: 40px;}
.p-top-40{padding-top: 40px;}
.p-bottom-40{padding-bottom: 40px;}

.pw-icon{position: relative;}
.pw-icon-image{position: absolute; top: 50px; left: 10px;}

.left-header{display: block;}
.header h1{padding: 20px 0 0 30px; line-height: 90px;}
.header p{padding: 0px 0 0 30px; color: #111220; line-height: 30px; font-size: 20px;}
.header p span{font-weight: bold; color: #000;}
.header .button a{margin: 10px 0 0 30px; display: block; width:180px; text-align: center; padding: 10px 0 0 0; border-radius:50px; background: #de2304; height: 46px; color: #fff }
.header .button a:hover{background: #000; cursor: pointer; display: block;}
.the-speak{ color: #fff; float: left; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px  1px 0 #000,  1px  1px 0 #000;}
.small{display: none;}

.solutions{background: url("../images/solution-bg.png") repeat-x bottom #111220; min-height: 630px; overflow: hidden;}
.solutions .pw-icon-image{position: absolute; top: 20px; left: 0px;}
.solutions h1{text-align:right; color: #fff;  font-size: 50px; margin-bottom: 20px; }
.solution .pw-icon{float: right !important;}
.solutions h1 span{color:#d5f7fb;}
.solutions p{color: #b8b9b9; margin-bottom: 20px; font-size: 18px;}
.solutions p a:hover{color: #d5f7fb; font-weight: bold;}
.solutions p a{color: #ecb40a; font-weight: bold;}
.solutions button {display: block; background-color: inherit; padding:20px 0; font-size: 26px; color: #50515b; border: none; outline: none; text-align: left; cursor: pointer;}
.solutions button:hover, .tab .active{color: #d5f7fb;}
.tabcontent {display: none;}
#London {display: block;}
.clearfix:after {content: ""; clear: both; display: table;}

.tabcontent .default-active{display: block;}

.stats {display: flex; justify-content: space-between;}
.stats h1{font-size: 50px; margin: 0 0 30px 0;}

.stats h2 {font-size: 48px; color: #0a2b4f;}
.stat {border-right:1px dotted #bcbcbc; padding: 20px;}
.stats .last-child{border-right:none;}
.stat p{color: #000; font-size: 20px}

.insights{background:#e1f3ff; padding:50px 0;}
.insights h1{font-size: 50px;  text-align: center;}
.insights h3{font-size: 24px; margin: 20px 0;  text-align: center;}

.hero-slider {position: relative;padding: 0px 60px;}
.slider-viewport {overflow: hidden;}
.slider-track {display: flex;gap: 10px;transition: transform 0.5s ease;}
/* CARD */
.slide { min-width: 300px; height: 420px; position: relative; border-radius: 5px; overflow: hidden;}
.slide img {width: 100%; height: 100%;  object-fit: cover;}
.slide::after {content: "";position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.75), transparent);}
.content {position: absolute; background: #6a7c8f; padding: 10px; height: 148px; color: #fff; z-index: 2; left: 0px; bottom: 0px; right: 0px;}
.tag { background: #000;padding: 5px 12px;font-size: 12px; border-radius: 20px; display: inline-block;}
.content h3 { font-size: 16px; line-height: 1.3;margin-bottom: 8px; margin-top: 8px; color: #fff; text-align: left;}
.content a { color: #fff; border-bottom: 3px solid #4fd1ff; font-size: 14px; text-decoration: none;}

/* ARROWS */
.arrow {position: absolute;top: 50%;transform: translateY(-50%);background: #fff;border: none;width: 42px;height: 42px;border-radius: 50%;cursor: pointer;font-size: 20px; z-index: 1;}

.arrow.left { left: 10px; }
.arrow.right { right: 10px; }


.clientele{background: url("../images/client-bg.png") no-repeat top right;}
.clientele-text{background:url("../images/clientele-text.png") no-repeat left top; padding: 30px 0}
.clientele .box{border-radius:5px; border: 1px solid #c0c1c1; width:177px; height: 123px; margin: 20px 0; background: #fff; }
.clientele p{margin: 30px 0 50px 0px; font-size: 20px; color: #000;}
.clientele p a{color: #4fd1ff; border-bottom: 1px solid #4fd1ff}


.process{background:#002456; }
.process h1{font-size: 50px;  text-align: center; color:#fff; margin-bottom: 30px}

.process h3{color: #fff; font-size: 20px;}
.process p{color: #ccc; font-size: 12px;}




.timeline {
  position: relative;
  max-width: 900px;
  margin: auto;
}

.timeline-line {
  position: absolute;
  left: 50%;
  top: 0;
  width: 2px;
  height: 100%;
  background: #e0e0e0;
  transform: translateX(-50%);
}

.timeline-progress {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: #4f7cff;
  transition: height 0.2s ease;
}

.timeline-indicator {
  position: absolute;
  left: 50%;
  top: 0;
  width: 16px;
  height: 16px;
  background: #4f7cff;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 0 8px rgba(79,124,255,0.25);
}

.timeline-steps {
  display: flex;
  flex-direction: column;
  gap: 120px;
}

.step {
  width: 45%;
}

.step:nth-child(odd) {
  align-self: flex-start;
  text-align: right;
}

.step:nth-child(even) {
  align-self: flex-end;
}


.faq h1{font-size: 46px;}

.faq-item {
  background: #eaf2ff;
  border-radius: 14px;
  margin-bottom: 16px;
  overflow: hidden;
}

.faq-question {
  width: 100%;
  background: none;
  border: none;
  padding: 22px 26px;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.faq-question span {
  font-size: 26px;
  transition: transform 0.3s ease;
}

.faq-answer {
  max-height: 0;
  overflow: hidden;
  background: #ffffff;
  transition: max-height 0.4s ease;
  padding: 10px 0px 0 0;
color: #000;
}

.faq-item.active .faq-answer {
  max-height: 300px;
}

.faq-item.active .faq-question span {
  transform: rotate(45deg);
}



.inner-bg{background: url("../images/inner-header-bg.png") no-repeat; }
.inner-bg h1{font-size: 48px; color: #fff; padding: 0px; line-height: 60px;}
.inner-bg h3{font-size: 18px; color: #fff; padding: 0px;}
.inner-bg .button a{margin: 20px 10px 0 0 !important; display: block;  float: left;  width:160px; text-align: center; padding: 10px 0 0 0; border-radius:50px; background: #fff; height: 46px; color: #000 }
.inner-bg .button a:hover{background: #000; cursor: pointer; display: block; color: #fff;}
.inner-bg p{ font-size: 18px; padding: 0px;}
.inner-bg p.contact{ color: #fff;}
.pehragraph-top{margin: -160px 0 0 0; }
.presentation-content{background: #FFF;}
.presentation-content h2, .presentation-content-sldies h2, .why-choose-us h2{font-size: 40px; color: #000; }
.presentation-content p, .presentation-content-sldies p{ font-size: 18px; color: #000; padding: 10px 0}
.presentation-content li, .presentation-content-sldies li{font-size: 18px; color: #000; padding: 5px 0; margin-left: 20px;}

.presentation-content-sldies{background: url("../images/presentation-slides.png") no-repeat center top #e1f3ff; }
.presentation-content-sldies .button a{margin: 0px 0px 0 0 !important; display: block;  float: left;  width:180px; text-align: center; padding: 10px 0 0 0; border-radius:50px; background: #000; height: 46px; color: #fff }
.presentation-content-sldies .button a:hover{background: #fff; cursor: pointer; display: block; color: #000;}
.inner-bg p{ font-size: 18px; padding: 0px;}
.carefully{background:url("../images/clear-presentation-icon.png") no-repeat #f2f2f2; background-position:5px; border-radius: 70px; border: 1px solid #ccc; margin-top: 10px;}
.carefully p{ font-size: 18px; color: #000; margin: 10px 0px 10px 70px; line-height: 24px;}
.middle-content-image{display: block;}
.why-choose-us{ text-align: center;}

.enquiry h1{color: #000; margin-top: -100px;}
.query label{color: #000;}
.query select {
  width: 100%;
  padding: 10px 0px;
  border-bottom: 1px solid #ccc;
	 border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
  font-size: 14px;
  outline: none;
margin-top: 0px;
}
.query .mil-btn{margin: 0px 0px 0 0 !important; display: block;  float: left;  width:180px; text-align: center; padding: 0px 0 0 0; border-radius:50px; background: #000; height: 46px; color: #fff }
.query .mil-btn:hover{background: #fff; cursor: pointer; display: block; color: #000;}


@media screen and (max-width: 992px) {
	.lineHamberger {stroke:#fff;}
	.left-header{width: 100%}
	.header h1, .header p{padding: 0px;}
	.header .button a{margin: 0px;}
	.clientele .box{margin: 5px 0; width: 150px;}
	.clientele .box img{width: 100%}
}

@media screen and (max-width: 480px) {
	.p-bottom-40{padding-bottom: 10px}
	.p-top-40{padding-top: 10px;}
	.m-top-40{margin-top: 10px;}
	.mil-frame .mil-frame-top{margin:0px; }
	.left-header{display: none;}
	.header h1{padding: 0; line-height: 46px; font-size: 46px;}
	.pw-icon-image{top: 20px;}
	.header p{padding: 0px;}
	.header .button a{margin: 10px 0 0 0px}
	.solutions h1{font-size: 25px; text-align: left;}
	.pw-icon{display: none;}
	.solutions button{padding: 10px 0; font-size: 14px;}
	.solutions p {font-size: 16px; line-height: 18px;}
	.tabcontent img{width: 100%}
	.tab, .solutions .col-8{margin: 0px; padding: 0px;}
	.stats h1, .insights h1,.process h1, .faq h1{font-size: 30px;}
	.mil-inner-banner .mil-banner-content {padding: 50px 0 0 0;}
	.solutions{min-height: 490px;}
	.stats h1{margin: 0px;}
	.hero-slider{padding: 0 40px;}
	.clientele .box{margin: 5px auto;}
	.clientele p{text-align: center; padding: 0 20px;}
	.clientele-text{padding: 0px;}
	.timeline-steps{gap:10px;}
	.faq-question{padding: 10px;}
	.faq-container{margin-top: 20px;}
	.lineHamberger {stroke:#fff;}
	.middle-content-image{display: none;}
	.pehragraph-top{margin: 0px 0 0 0;}
	.inner-bg{background-size:350%; }
	.why-choose-us img{width: 100%;}
	.inner-bg h3{margin-top: 20px;}
}