* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

a {
  text-decoration: none;
}

.form-control:focus {
  box-shadow: none;
}

@font-face {
  font-family: Satoshi-Bold; /* set name */
  src: url(../fonts/Satoshi-Bold.otf); /* url of the font */
}

@font-face {
  font-family: Satoshi-Medium; /* set name */
  src: url(../fonts/Satoshi-Medium.otf); /* url of the font */
}

@font-face {
  font-family: Satoshi-Regular; /* set name */
  src: url(../fonts/Satoshi-Regular.otf); /* url of the font */
}

@font-face {
  font-family: Satoshi-MediumItalic; /* set name */
  src: url(../fonts/Satoshi-MediumItalic.otf); /* url of the font */
}


/* banner */

.logo{
  margin-top: 30px;
}

.bannerBg {
  background: #eaf4fa;
    height: calc(110vh - 55px);
  overflow: hidden;
  position: relative;
}

.bnrBotm{
  position: absolute;
  bottom:-3px;
  left: 0;
  width: 100%;
}

.bnrRytImg{
   position: absolute;
  right:0px;
  bottom: 0;
  width:52%;
}

.banerTextBox{
  width: 50%;
}

.bnrTxt{
  margin-top: 10%;
}

.bnrTxt p:nth-child(2) {
  color:#5F6368;
  font-family: Satoshi-Medium;
font-weight: 500;
font-size: 24px;
}

.bnrTxt p:nth-child(3) {
  color:#5F6368;
  font-family: Satoshi-Regular;
font-weight: 400;
font-size: 24px;
}

.bnrTxt h1 {
  color: #2E2E2E;
font-family: Satoshi-Bold;
font-weight: 700;
font-size: 72px;
}

.bnrTxt sup{
   color: #2E2E2E;
font-family: Satoshi-Bold;
font-weight: 700;
font-size: 72px;
top: 0;
}

.bnrBtnBox{
  margin-top: 50px;
}

.bnrBtn{
  background: #9FC3DA;
   border:1px solid #9FC3DA;
  color: #000000;
  padding: 10px 25px;
 font-family: Satoshi-Medium;
font-weight: 500;
font-size: 20px;
border-radius: 100px;
transition: all 0.2s;
}

.bnrBtn:hover{
  background: none;
    border:1px solid #000;
    color: #000000;
}

.bnrBtn1{
  border:1px solid #000;
  color: #000000;
  padding: 10px 25px;
 font-family: Satoshi-Medium;
font-weight: 500;
font-size: 20px;
border-radius: 100px;
margin-left: 20px;
transition: all 0.2s;
}

.bnrBtn1:hover{
  background: #9FC3DA;
    border:1px solid #9FC3DA;
    color: #000000;
}

/* end banner */


/* about */

.aboutWrap {
  padding: 90px 0;
  position: relative;
  overflow: hidden;
}

.abtFixImg{
  position: absolute;
  left: 0;
  top: 30%;
width: auto;
}

.aboutPra{
  align-self: center;
}


.aboutPra h1 {
  color:#1E1E1E;
font-family: Satoshi-Bold;
font-weight: 700;
font-size: 56px;
width:80%;
}

.aboutPra p {
  color:#000000;
 font-family: Satoshi-Medium;
font-weight: 500;
font-size: 24px;
}
.abtIconCard span{
  background:#EAF4FD ;
  display: inline-block;
  width:64px;
  height: 64px;
  border-radius: 100%;
  text-align: center;
  line-height:60px;
}

.abtIconCard span img{
  width: auto;
}



.trustRytBg{
position: relative;
padding: 50px;
}

.trustRytBgFix{
background: linear-gradient(89.86deg, #EAF4FD 3.52%, #7FAED9 99.87%);
border-radius: 20px 0 0 20px;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 1200px;
}

.abtFixBearImg{
  position: absolute;
top:30%;
left:-100px;
width:150px;
}

.abtTxtCard{
  margin-top:25px;
}

.abtTxtCard h3{
  color: #1E1E1E;
font-family: Satoshi-Bold;
font-weight: 700;
font-size: 28px;
}

.abtTxtCard p{
  color: #5F6368;
font-family: Satoshi-Regular;
font-weight: 400;
font-size: 24px;
}


/* end about */



/* sec3 */

.preAbtWrap{
  background: #EAF4FDFA;
  padding: 100px 0;
  position: relative;
}

.preAbtFixImg1{
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
}

.preAbtFixImg2{
  position: absolute;
  bottom: 0;
  right: 0;
  width: auto;
}

.preAbtTxt{
  text-align: center;
  width:75%;
  margin: auto;
}

.preAbtTxt h1{
  color: #1E1E1E;
font-family: Satoshi-Bold;
font-weight: 700;
font-size: 56px;
}

.preAbtTxt p{
  color: #5F6368;
font-family: Satoshi-Regular;
font-weight: 400;
font-size: 24px;
}

.preAbtTxt span{
  color: #1E1E1E;
font-family: Satoshi-MediumItalic;
font-weight: 500;
font-size: 20px;
}

/* end sec3 */

/* sec4 */

.whatSecurWrap{
  padding:90px 0 50px;
}

.whatSecBoxDiv{
  display: flex;
  justify-content: space-between;
      flex-wrap: wrap;
}

.whatSecBox{
  width:48.5%;
  background: #EAF4FA;
  border-radius: 12px;
  text-align: center;
  padding:15px 30px;
  margin-bottom:20px;
}

.whatSecBox h1{
  color: #1E1E1E;
font-family: Satoshi-Bold;
font-weight: 700;
font-size: 96px;
line-height: 100%;
}

.whatSecBox p{
  color: #5F6368;
font-family: Satoshi-Medium;
font-weight: 500;
font-size: 36px;
margin-bottom: 0;
}

.whatSecLftTxt{
  color: #000000;
  font-family: Satoshi-Medium;
font-weight: 500;
font-size: 24px;
text-align: center;
margin-bottom: 0;
}

.whatSecurRytDiv{
  margin-left: 100px;
}

.whatSecurRytTxt h1{
  color: #1E1E1E;
font-family: Satoshi-Bold;
font-weight: 700;
font-size: 56px;
}

.whatSecurRytTxt h1 sup{
  color: #1E1E1E;
font-family: Satoshi-Bold;
font-weight: 700;
font-size: 56px;
top: 0;
}

.whatSecurRytTxt p{
color: #5F6368;
font-family: Satoshi-Medium;
font-weight: 500;
font-size: 24px;
margin-top: 20px;
}

.whatSecurRytList{
  list-style: none;
  padding-left:52px;
  margin-top: 40px;
}

.whatSecurRytList li{
  position: relative;
  margin-bottom: 30px;
}

.whatSecurRytList li::before{
  content: "\f00c";
  font-family: fontAwesome;
  position: absolute;
  top: 0;
    left: -52px;
    font-size:18px;
    color:#1E1E1E;
    background-color: #B7D9F6;
    padding: 2px 8px;
    border-radius: 100%;
}

.whatSecurRytList li h3{
  color: #1E1E1E;
font-family: Satoshi-Bold;
font-weight: 700;
font-size: 28px;
margin-bottom:3px;
}

.whatSecurRytList li p{
  color: #5F6368;
font-family: Satoshi-Medium;
font-weight: 500;
font-size: 24px;
}



/* end sec4 */


/* sec5 */

.realifeWrap{
  position: relative;
  background: linear-gradient(180deg, #EAF4FD 0%, #B7D9F6 100%);
margin: 30px 0;
    padding: 116px 0 123px;
}

.realifeHdr{
  width:63%;
  margin:0 auto 30px;
}

.realifeBgFixImg2{
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
}

.realifeBgFixImg1{
  position: absolute;
  bottom:-1px;
  left: 0;
  width: 100%;
}

.realifCardBx{
  background: #FFFDFB;
  padding: 30px 20px 20px;
  border-radius: 20px;
  height: 100%;
}

.realifIconCard{
  margin-bottom: 30px;
}

.realifIconCard span {
    background:#7FAED9;
    display: inline-block;
    width: 64px;
    height: 64px;
    border-radius: 100%;
    text-align: center;
    line-height: 60px;
}
.realifIconCard span img {
    width: auto;
}


.realifeTxtCard h3{
  color: #1E1E1E;
font-family: Satoshi-Bold;
font-weight: 700;
font-size: 24px;
}

.realifeTxtCard p{
  color: #5F6368;
font-family: Satoshi-Regular;
font-weight: 400;
font-size: 20px;
}

/* end sec5 */


/* sec6 */

.waysWrap{
  position: relative;
}

.waysFixImg1{
  position: absolute;
  bottom: -10%;
  left: 0;
  width: auto;
}
.waysFixImg2{
  position: absolute;
  top:10%;
  right: 0;
  width: auto;
}

.waysCardBox{
  display: flex;
   background:#EAF4FA;
   border-radius: 20px;
       overflow: hidden;
}

.waysHdrMb{
  margin-bottom: 30px;
}

.waysImgBox{
  width: 35%;
}

.waysImgBox img{
  width: 100%;
}

.waysCardBx{
      background:#EAF4FA;
    padding: 30px 20px 20px;
    border-radius: 0 20px 20px 0;
    height: 100%;
     width:65%;
      z-index: 9;
}

.waysCardRow{
  justify-content: center;
}

/* end sec6 */


/* sec7 */

.meetWrap{
  padding: 100px 0;
}

.preAbtTxt.meetHdr{
  width: 100%;
  margin: 0;
 text-align: left;
}


.meetFounderTxt h3{
  color: #2E2E2E;
font-family: Satoshi-Bold;
font-weight: 700;
font-size: 40px;
margin-top: 30px;
}

.meetFounderTxt h5{
color: #2E2E2E;
font-family: Satoshi-Regular;
font-weight: 400;
font-size: 28px;
margin: 30px 0;
}

.meetFounderTxt p{
color: #2E2E2E;
font-family: Satoshi-Regular;
font-weight: 400;
font-size: 20px;
}

.meetFoundrList {
    list-style: none;
    padding-left: 52px;
    margin-top:20px;
    margin-bottom: 50px;
}
.meetFoundrList li {
    position: relative;
    margin-bottom:10px;
    font-family: Satoshi-Medium;
font-weight: 500;
font-size: 24px;
}
.meetFoundrList li::before {
    content: "\f00c";
    font-family: fontAwesome;
    position: absolute;
    top: 2px;
    left: -52px;
    font-size: 18px;
    color: #1E1E1E;
    background-color: #B7D9F6;
    padding: 2px 8px;
    border-radius: 100%;
}

.meetFoundrImg img{
  width: 100%;
  border-radius: 20px;
}

/* end sec7 */

/* sec8 */

.ourPhilosWrap{
  overflow: hidden;
}

.ourPhilosBg{
  background: #F3FDFCE0;
  position: relative;
  padding: 100px 0;
}

.ourPhilosFixtop{
  position: absolute;
  top:-72px;
  left: 0;
  width: 100%;
}

.ourPhilosFixbotm{
  position: absolute;
  bottom:-25px;
  left: 0;
  width: 100%;
}

.ourPhilosHdr{
  margin-bottom: -55px;
}

.zIndex{
  z-index: 9;
}

.ourPholspyLft{
  background: #EAF4FD;
  border-radius: 20px;
  padding: 50px 40px 20px;
  height: 100%;
}

.ourPholspyLft h3{
  color: #1E1E1E;
  font-family: Satoshi-Bold;
font-weight: 700;
font-size: 48px;
margin-bottom: 30px;
}

.ourPholspyListLft {
    list-style: none;
    padding-left: 52px;
    margin-top: 20px;
}

.ourPholspyListLft li {
    position: relative;
    color: #5F6368;
    margin-bottom: 20px;
    font-family: Satoshi-Medium;
    font-weight: 500;
    font-size: 20px;

}

.ourPholspyListLft li:last-child{
  margin-bottom: 0;
}

.ourPholspyListLftIcon li::before {
    content: "\f00d";
    font-family: fontAwesome;
    position: absolute;
    top: 2px;
    left: -52px;
    font-size: 18px;
    color: #1E1E1E;
    background-color: #B7D9F6;
    padding: 2px 9px;
    border-radius: 100%;
}

.ourPholspyListRyt li::before {
    content: "\f00c";
    font-family: fontAwesome;
    position: absolute;
    top: 2px;
    left: -52px;
    font-size: 18px;
    color: #1E1E1E;
    background-color: #B7D9F6;
    padding: 2px 8px;
    border-radius: 100%;
}

/* sec8 */

/* sec9 */

.starcretWrap{
      position: relative;
        background: linear-gradient(-45deg, rgba(234, 244, 253, .8), rgba(234, 244, 253, .8)) fixed, url(../img/starCretBg.jpg) fixed;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 30px 0 50px;
    padding: 116px 0 123px;
}

.startCretBx{
  padding: 100px 0;
}

.startCrtTxt{
  text-align: center;
}

.startCrtTxt h1{
  color: #1E1E1E;
font-family: Satoshi-Bold;
font-weight: 700;
font-size: 48px;
}

.startCrtTxt p{
  color: #5F6368;
font-family: Satoshi-Medium;
font-weight: 500;
font-size: 28px;
}

/* sec9 */

/* footer */

.ftrBg {
  background:#EAF4FA;
  padding:70px 0 20px;
  position: relative;
}

.ftrfixlft{
  position: absolute;
  bottom: 0;
  left: 0;
  width: auto;
}

.ftrfixRyt{
  position: absolute;
  top: 0;
  right: 0;
  width: auto;
}

.footerLogo{
text-align: center;
}

.footerLogo a img{
width: auto;
}

.footerLogo p{
  color: #1E1E1E;
font-family: Satoshi-Medium;
font-weight: 500;
font-size: 20px;
width:35%;
margin: auto;
}

.footerRow{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin:50px 0;
}

.ftrTxtlink a i{
 color: #1E1E1E;
}

.ftrTxtlink a{
  color: #1E1E1E;
font-family: Satoshi-Medium;
font-weight: 500;
font-size: 20px;
transition: all 0.1s;
}

.ftrTxtlink a:hover{
    color: #5bb2d6;
}

.ftrTxtlink{
  color: #1E1E1E;
font-family: Satoshi-Medium;
font-weight: 500;
font-size: 20px;
margin-bottom: 0;
}


.ftrEnd {
  color:#1E1E1E;
  text-align: center;
  font-family: Satoshi-Medium;
font-weight: 500;
font-size: 16px;
}

/* end footer */