@charset "utf-8";


:root {  
    /** @font family declaration **/   
 
    --ff-manrope-regular:'Manrope-Regular';
    --ff-manrope-medium:'Manrope-Medium';
    --ff-manrope-bold:'Manrope-Bold';
    --ff-manrope-sbold:'Manrope-SemiBold';
    --ff-manrope-ebold:'Manrope-ExtraBold';
    --ff-manrope-light:'Manrope-Light';
     
    /** common color declaration **/
     --bg-white: #ffffff;
     --bg-blue: #16335F;
     --bg-orange: #FFFCF5;
     --bg-lblue: #114087;
     --bg-grey:#EFEFEF;
     --bg-black:#000000;
     --bg-lgrey:#F8F6F6;
     --bg-dblue: #05506A;

     --txt-white: #ffffff;
     --txt-blue: #16335F;
     --txt-lblue: #114087;
     --txt-orange: #FFFCF5;
     --txt-lblack: #16335F;
     --txt-black: #000000;
 }

/* CSS Document */
body { padding:0px; margin:0px; background:#FFFFFF; font-size:16px; color:#000000; line-height:20px; font-family: var( --ff-manrope-regular); }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section, audio, video, source { display: block; margin: 0; padding: 0; }
a, img { border: medium none; }
a { color: #000000; text-decoration: none;  }
div { margin: 0; padding: 0; }
p { font-size:16px; line-height:24px; padding:0px; margin:0px; color:#000000;} 
h1, h2, h3, h4, h5, h6 { font-weight:normal; padding:0px; margin:0px;  line-height: 30px; }
a{ color: #000000; outline:none; }
ul, li { list-style:none;}
a:focus, :focus{ outline:none; }
ul,ol { list-style-type:none; padding:0px; margin:0px; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; } 
* html .clearfix { height: 1%; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clear { clear: both; line-height: 1px; padding:0px; height:0px; font-size:1px; }
.left { float:left; }
.right { float:right; }
.anim { transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; }
.anim2 { transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }
.row { width:1200px; margin:auto; padding:0px;}
img { border: 0; height: auto; max-width: 100%; vertical-align: middle;  width: 100%; }

h1 { font-size: 50px; font-family: var(--ff-manrope-ebold); line-height: 58px;}
h2 { font-size: 46px; font-family: var(--ff-manrope-bold); line-height: 50px;}
h3 { font-size: 22px; font-family: var(--ff-manrope-bold); line-height: 22px;}
h4 { font-size: 28px; font-family: var(--ff-manrope-bold); line-height: 28px;}
h6 { font-size: 20px; font-family: var(--ff-manrope-sbold); line-height: 26px;}

.d-flex { display: flex; flex-wrap: wrap; }
.justify-space-between { justify-content: space-between;}
.align-center { align-items: center;}
.div-center { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;padding: 35px 0;}

/* ---------Header-Css-Start------------------ */
header { float: left; width: 100%; position: relative; z-index: 99; background: var(--bg-blue);}
header .row { width: 1200px;}
.logo { flex: 0 1 auto; flex-grow: 5;}
.logo img { width: 240px;}
.logo .stick-logo { display: none;}
.top-main { flex-grow: 2; }

.join-btn{ display: flex; flex-wrap: wrap; column-gap: 20px; }
.join-btn{ flex: 0 1 auto;}
.join-btn a {transition: all 0.4s ease;border: 1px solid var(--bg-white);color: var(--txt-blue);font-size: 18px;font-family: var(--ff-manrope-bold);padding: 0px 20px;border-radius: 10px;height: 50px;line-height: 50px;
display: inline-block;}
.join-btn a { background: var(--bg-orange); border: 1px solid var(--bg-orange);}
.join-btn a:hover { background: var(--bg-lblue);  border: 1px solid var(--bg-lblue);color: #fff;}
.join-btn a:hover { background: var(--bg-lblue);  border: 1px solid var(--bg-lblue);}
 

/* ---------Hero-Slider-Css-Start------------------ */
/* hero slider wraper */
.banner_section {padding-top: 20px;position: relative;background-color: var(--bg-blue);
width: 100%;-webkit-clip-path: ellipse(71% 59% at 50% 40%);clip-path: ellipse(71% 59% at 50% 40%);
}
/* hero slider text */
.banner_section .banner_text {	margin-top: 10px;	text-align: center;	padding: 0 195px;}
.banner_section .banner_text h1 {	color: var(--txt-white);	font-weight: 700;	margin-bottom: 20px;	line-height: 64px;}
.banner_section .banner_text h1 span {    color: var(--txt-orange);}
 .banner_section .banner_text p {padding: 0 0px 30px 0px;color: var(--txt-white);font-size: 22px;}
/* hero slider button */
.banner_section .app_btn {display: flex;    align-items: center;}
h2.sub-heading {font-size: 22px;font-family: var(--ff-manrope-bold);line-height: 22px;color: var(--txt-white);margin-bottom: 20px;
line-height:30px;}
/* Hero static image */
.hero_image {	width: 100%;	text-align: center;	margin-top: 50px;	padding: 0 4%;}
.hero_image img{ width: auto;}

/* --------How AI WorkForce -Css-Start------------------ */
.how-sec .sec-block{width: 1200px;margin: auto;padding: 0px;background-color: #F3F5FF;z-index: 99;border-radius: 30px;overflow: hidden;}
.how-sec {	float: left;	width: 100%;	padding: 0px 0 40px;	position: relative;	margin-top:-280px;}
.how-sec h2 { color: var(--txt-lblack); margin-bottom: 60px;padding-top: 80px;width: 100%;text-align: center; }
.how-sec h2 span { color:var(--txt-orange);}
.how-sec ul {	display: flex;	flex-wrap: wrap;	column-gap: 3%;	padding:0px 6% 8%;}
.how-sec ul li { flex: 0 1 31%; box-shadow: 0 4px 60px rgba(7,60,125,0.06); border: 1px solid #ffffff; border-radius: 24px; padding: 70px 30px; 
display: flex; flex-wrap: wrap; justify-content: center; text-align: center; transition: all 0.4s ease; row-gap: 30px;  background: #fff;}
.how-sec ul li .icon-round { width: 84px; height: 84px;filter: drop-shadow(1px 0px 3px #E6E4C859); border-radius: 20px; display: flex; align-items: center; justify-content: center; transition: all 0.4s ease;}
.how-sec ul li .why-txt { float: left; width: 100%;}
.ico-blue, .icobg2, .features-sec .icobg1 { background: var(--bg-blue);} 
.ico-org, .icobg1, .features-sec .icobg2 { background: var(--bg-orange);}
.ico-lblue{ background:#FFFCF5;border: 1px #F1EFE0 solid;}

.how-sec ul li .icon-round img { max-height:40px;}
.how-sec ul li .icon-round .orignal-img { display: block;}
.how-sec ul li .icon-round .hover-img { display: none;}

.how-sec ul li:hover .icon-round .orignal-img { display: none;}
.how-sec ul li:hover .icon-round .hover-img { display: block;}

.how-sec ul li h3 { color: var(--txt-lblack); margin-bottom: 15px; transition: all 0.4s ease;}
.how-sec ul li p { font-size: 18px; line-height: 24px; color: var(--txt-black); transition: all 0.4s ease;}
.how-sec ul li:hover { border: 1px solid var(--bg-blue); background: var(--bg-blue);}
.how-sec ul li:hover h3 { color: var(--txt-white);} 
.how-sec ul li:hover p { color: var(--txt-white);} 
.how-sec ul li:hover .icon-round { background: var(--bg-white); }
 
@-webkit-keyframes jumpTwo {
    0% {
      -webkit-transform:translate3d(0,0,0);
      transform:translate3d(0,0,0)
    }
    40% {
      -webkit-transform:translate3d(0,20px,0);
      transform:translate3d(0,20px,0)
    }
    100% {
      -webkit-transform:translate3d(0,0,0);
      transform:translate3d(0,0,0)
    }
  }
  @keyframes jumpTwo {
    0% {
      -webkit-transform:translate3d(0,0,0);
      transform:translate3d(0,0,0)
    }
    40% {
      -webkit-transform:translate3d(0,20px,0);
      transform:translate3d(0,20px,0)
    }
    100% {
      -webkit-transform:translate3d(0,0,0);
      transform:translate3d(0,0,0)
    }
  }

  @-webkit-keyframes jumpThree {
    0% {
      -webkit-transform:translate3d(0,0,0);
      transform:translate3d(0,0,0)
    }
    40% {
      -webkit-transform:translate3d(0,-20px,0);
      transform:translate3d(0,-20px,0)
    }
    100% {
      -webkit-transform:translate3d(0,0,0);
      transform:translate3d(0,0,0)
    }
  }
  @keyframes jumpThree {
    0% {
      -webkit-transform:translate3d(0,0,0);
      transform:translate3d(0,0,0)
    }
    40% {
      -webkit-transform:translate3d(0,-20px,0);
      transform:translate3d(0,-20px,0)
    }
    100% {
      -webkit-transform:translate3d(0,0,0);
      transform:translate3d(0,0,0)
    }
  }

/* --------Testmonial-Css-Start------------------ */
.testmonial h2 {color: var(--txt-lblack);margin-bottom:40px;width: 100%;text-align: center;}
.testmonial { float: left; width: 100%; padding:40px 0 40px;}
.feedback-slide { float: left; width: 100%;}
.feedback-slide .swiper-container {padding:20px;}
.feedback-main {	float: left;	width: 100%;	padding: 45px 40px;	border: 1px solid #16335F;	box-shadow: 4px 4px 0px 0px #16335F;
	border-radius: 25px;	position: relative;	z-index: 1;	box-shadow: 4px 4px 0px 0px #16335F;	-webkit-box-shadow: 4px 4px 0px 0px #16335F;	-moz-box-shadow: 4px 4px 0px 0px #16335F;}
.feedback-main::after {	position: absolute;	content: "";	background: #FFF url("../images/quote-icon.svg") no-repeat scroll top 25px left 40px;
right: 15px;	top: 20px;	width: 100px;	height: 100px;	border-radius: 0 0 0 100px;	z-index: -1;} 

.feedback-title { float: left; width: 100%; display: flex; align-items: center; padding-bottom: 30px;}
.feedback-img { float: left; width: 90px; border-radius: 100px;}
.feedback-img img { float: left; width: auto;}
.feedback-cnt { float: left; width: calc(100% -40px); }
.feedback-cnt h3 { float: left; width: 100%;font-size: 20px; line-height: 28px; padding-bottom: 5px;}
.feedback-cnt h4 {float: left;width: 100%;font-size: 16px;line-height: 16px;letter-spacing: 0px;font-family: var(--ff-manrope-regular);
}
.feedback-para { float: left; width: 100%;}
.feedback-para p {	float: left;	width: 100%;	color: #000;	font-size: 20px;	line-height: 36px;	min-height: 120px; font-family:var( --ff-manrope-medium);}
.feedback-slide .swiper-nav-feedback { display: none; position: absolute; bottom: 82px; width: 160px; left: 0; margin-right: calc((100% - 1200px + 1rem) / 2); z-index: 9;}
.feedback-slide .swiper-button-prev-feedback { cursor: pointer; position: absolute; left:0px; background:url(../images/slider-arrw-lft-green.svg) center center no-repeat; width:82px; height:82px;}
.feedback-slide .swiper-button-next-feedback { cursor: pointer; position: absolute; right:0px; background:url(../images/slider-arrw-rgt-green.svg) center center no-repeat; width:82px; height:82px;}
.feedback-slide .swiper-button-prev-feedback:hover{ background:url(../images/slider-arrw-lft.svg) center center no-repeat;}
.feedback-slide .swiper-button-next-feedback:hover {background:url(../images/slider-arrw-rgt.svg) center center no-repeat;}

.feedback-slide .swiper-pagination-bullet { width:15px; height:15px;  
  border: 1px solid #16335f;background: #fff;

  opacity:1; border-radius:15px; transition:.5s ease-in;}

.feedback-slide .swiper-pagination-bullet-active { background:#16335f;  padding: 3px;}
.feedback-slide .swiper-pagination-bullets { bottom: 0px; width: 100%; text-align: center; position: relative; display: inline-flex; justify-content: center; align-items: center;}
.feedback-slide .swiper-pagination-bullets .swiper-pagination-bullet { margin:0 10px 0 0;}
.feedback-slide .swiper-button-prev-feedback.swiper-button-disabled { cursor: none; background:url(../images/slider-arrw-lft.svg) center center no-repeat;}
.feedback-slide .swiper-button-next-feedback.swiper-button-disabled { cursor: none; background:url(../images/slider-arrw-rgt.svg) center center no-repeat;}

.mobile-app-sec {float: left;width: 100%;padding:60px 0;}
/* ---------Footer-Css-Start------------------ */
footer {
background: var(--bg-blue); float: left; width: 100%; padding: 60px 0;text-align: center;font-family: var( --ff-manrope-regular);font-size:16px;line-height: 26px;color: #ffffff;
}
footer .footer-logo{margin-bottom:20px;}
footer .footer-logo img{width: 240px;}
footer a {margin: 0 10px;color: #ffffff;text-decoration: none;}
.social-icons span {margin: 0 5px;font-weight: bold;}
.contact, .navigation, .social, .copyright {margin-bottom: 10px; text-align: center;}
.social-links { float: left; width: auto;}.social-links a{ margin:0;}
.social-links ul { display: flex; flex-wrap: wrap; align-items: center; column-gap: 15px;}
.social-links ul li { flex: 0 1 auto;}
.social-links ul li a img { float: left; width: auto; transition: all 0.4s ease;}
.social-links ul li a:hover img { opacity: 0.6;}
.contact {display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.f-email {flex: 0 1 20%;display: flex;flex-wrap: wrap;row-gap: 20px;}
.f-email img {height:14px;}
.contact {display: flex;align-items: center;gap: 20px;flex-wrap: wrap;}
.f-email {line-height: 20px;color:#FFFFFF;position: relative;padding-left:25px;}
.f-email a{transition: all 0.5s ease;color:#FFFFFF;text-align: center;  font-family: var( --ff-manrope-regular);  font-size: 16px;}
.f-email a:hover, .navigation a:hover{text-decoration: underline;}
.f-email .ico::after {position: absolute;content: "";left: 4px;top: 4px;background: url("../images/mail-icon.svg") no-repeat scroll 0 0;background-size: auto;width: 20px;height: 20px;}
 .app-btn {display: flex;flex-wrap: wrap;justify-content: center; align-items: center;}
.app-btn ul { display: flex; flex-wrap: wrap; column-gap: 25px;}
.app-btn ul li { flex: 0 1 auto;}
.app-btn ul li a i { font-size: 18px; transition: all 0.4s ease;}
.app-btn ul li a:hover i { color: var(--txt-orange);}

 /* ---------privacy policy page-Css-Start------------------ */
.missio-sec.faq-div {padding:40px 0px 40px;background: var(--bg-blue);}
.missio-sec { float: left;  width: 100%;  padding: 80px 0px 130px;}
.missio-sec h1 {font-size: 54px;line-height: 60px;color: #ffffff;font-family: var(--ff-manrope-bold);text-align: center;
margin-bottom: 30px;}
.privacy-cont-sec {float: left;width: 100%;padding: 50px 0px;position: relative;}
 .welcome-cont {float: left;width: 100%; margin: 0; padding:0;}
.welcome-cont h3 {color: #000;font-size: 20px;line-height: 30px;font-family: var(--ff-manrope-medium); padding-bottom:40px; }
.privacy-cont {float: left;width: 100%;display: flex; flex-wrap: wrap; column-gap: 4%;}
.privacy-lft-cont { flex: 0 1 48%;}
.privacy-rht-cont { flex: 0 1 48%;}
ul.pri-cont-area {display: flex;flex-wrap: wrap;width: 100%;row-gap:20px;}
ul.pri-cont-area li { flex: 0 1 100%;}
ul.pri-cont-area li h2{font-size: 22px;font-family: var(--ff-manrope-bold);line-height:auto;  padding-top:10px;}
ul.pri-cont-area li p {font-size: 18px;line-height: 28px;color: #000;padding:0px;}
ul.pri-cont-area li p.para-txt { padding-bottom: 6px;}
ul.pri-cont-area li .priv-first {float: left;width: 100%;margin: 10px 0;padding-left: 20px;}
.priv-first h3 {font-size: 20px; font-family: var(--ff-manrope-bold); line-height: 22px; padding-bottom: 10px; }
.priv-first ul { display: flex; flex-wrap: wrap; width: 100%; row-gap: 5px; padding-left: 25px;}
.priv-first ul li { flex: 0 1 100%;font-size: 18px; line-height: 28px;  color: #000; position: relative; padding-left: 20px;}
.priv-first ul li::after { position: absolute; content: ''; background: url("../images/arw-icn.svg") no-repeat left center;width: 9px; height: 13px;left: 0; top: 8px;}
ul.info-cont { display: flex; flex-wrap: wrap; width: 100%; row-gap: 5px;}
ul.info-cont li { flex: 0 1 100%;font-size: 18px; line-height: 28px;  color: #000; position: relative;padding-left: 20px;margin-left: 20px;}
ul.info-cont li::after { position: absolute; content: ''; background: url("../images/arw-icn.svg") no-repeat left center;width: 9px; height: 13px;left: 0; top: 8px;}
.privacy-cont a { color: #16335F;}
.privacy-cont a:hover { text-decoration: underline;}
.priv-first ul li span { font-family: var( --ff-manrope-bold);}