@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&family=Playfair+Display:ital,wght@1,500&display=swap');

body,html{
    margin: 0px;
    padding: 0px;
   font-family: 'Barlow', sans-serif;
   font-weight:400;
   color: #353535;

}
*, *::before, *::after {
    box-sizing: border-box;
}
p{
        font-size: 14px;
    line-height: 26px;
    font-weight: 500;
    text-align: justify;

}
.tblk{
    margin-top: -3%;
    position: relative;
    z-index: -2;
}
.mxwid{
max-width: 80%;
}
.kkll {
    font-size: 27px;
    margin-left: 8%;
    padding-bottom: 24px;
}
.signtr{
    max-width: 300px;
    width: 100%;
    margin-left: 8%;
}
.tklo {
    font-size: 27px;
    margin-left: 8%;
    padding-bottom: 24px;
}
.lkpds{
margin-left: auto;
margin-right: auto;
float: none;
}
.propi {
    width: 54%;
    margin-top: 14%;
    margin-left: 35%;
    border-radius: 39px;
    pointer-events: none;
    box-shadow: 7px 11px 20px 8px rgb(0 0 0 / 12%);
}
.bordrcons {
    display: inline-block;
    padding: 30px 60px;
    width: 48%;
    background-color: #fff;
    border-radius: 30px;
    margin-top: -4%;
}
.vida {
    width: 100%;
    border-radius: 50%;
    pointer-events: none;
    max-width: 418px;
}
.pagesect{
padding-top: 180px;
}
.slidfifa{
display: inline-block;
width: 53%;
    z-index: -1;
}
.slidfifb{
display: inline-block;
width: 46.99%;
}
.sldflim{
width: 100%;
}
.chartcontainer {
    position: relative;
    width: 80%;
    margin: 100px auto;
}
.chartcontainer img{
width: 100%;
}
.charta {
position: absolute;
top: 0;
left: 0;
}
.sdgkjhsd {
    width: 74%;
    border-radius: 30px;
    box-shadow: 7px 11px 20px 8px rgb(0 0 0 / 12%);
    margin-top: -28%;
    z-index: -1;
    position: relative;
}
.fcmlg {
    width: 32%;
    margin-top: -11%;
    border-radius: 30px;
    box-shadow: 7px 11px 20px 8px rgb(0 0 0 / 12%);
    margin-left: 7%;
}
.bltpff{
margin-top: -11%;
}
.chtntp{
z-index: 1;
position: absolute;
top: 0;
left: 0;
}
.bltp {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    padding-left: 20%;
    margin-top: 34px;
}
.bltp img {
    width: 60px;
    display: inline-block;
}
.bltp div {
    width: 90%;
    display: inline-block;
    font-size: 40px;
    font-weight: 600;
    padding-left: 5%;
}
.sldfrcon {
    display: inline-block;
    padding: 55px 60px;
    width: 94%;
    background-color: #fff;
    border-radius: 30px;
    margin-left: -7%;
}
.sldfrconl {
    display: inline-block;
    padding: 55px 60px;
    width: 94%;
    background-color: #fff;
    border-radius: 30px;
    margin-left: 14%;
    z-index: 5;
}
.fclcir{
margin-top: 100px;
}
.ldsscon{
    width: 85%;
    margin: auto;
    margin-top: 117px;
}
.ldssc{
display: inline-block;
    width: 25%;    
    font-size: 60px;
    font-family: 'Comfortaa';
    
    text-align: center;
    position: relative;
}
.ldssc::before {
    position: absolute;
    content: '';
    background: url("../images/24.png");
    width: 85px;
    left: 33px;
    top: -58px;
    height: 70px;
    background-repeat: no-repeat;
    background-size: contain;
}
.ldssc::after {
    position: absolute;
    content: '';
    background: url(../images/25.png);
    width: 85px;
    right: 33px;
    bottom: -65px;
    height: 70px;
    background-repeat: no-repeat;
    background-size: contain;
}
.ldstxt{
display: inline-block;
    width: 74%;
    padding: 7% 4%;
    font-size: 27px;
    border-left: 2px solid #ef4e25;
}
.txtcircle {
    width: 21%;
    display: inline-block;
    margin: 0px 80px 20px 80px;
    vertical-align: top;
}
.txtcircle img{
width: 100%;
}
.txtcircle div {
    font-weight: 600;
    color: #353535;
    font-size: 34px;
    margin-top: 10px;
}
.header{
    position: absolute;
    z-index: 2;
    width: 100%;
    padding-top: 2.5%;
    top: 0;
}

.containerd {
    width: 83%;
    margin: auto;
    max-width: 1579px;
}
.containerc {
    width: 82%;
    margin: auto;
    max-width: 1560px;
}
.slidercon{
position: relative;
text-align: right;
    margin-top: 3%;
    margin-bottom: 1%;
}
.slidercon img {
    width: 83%;
    margin-right: 0%;
}
.slidertxt {
    position: absolute;
    left: 7%;
    top: 33%;
    width: 38%;
    text-align: left;
}
.form-control{
        background-color: transparent;
    border: none;
    border-bottom: 2px solid #fff;
    display: block;
    outline: none;
    color: #fff;
        margin-bottom: 60px;
}
.cntfrm{
margin-top: 30px;
padding-left: 60px;
}
.btgreen{
background-color: transparent;
border: none;
margin-top: 25px;
}
.smtxt{
font-size: 22px;
}
.form-control:focus {
border: none;
    border-bottom: 2px solid #fff;
    box-shadow: initial;
}

.sppdn{
    padding-top: 28px;
    display: block;
}
.footer{
padding: 132px 0px;
margin-top: 100px;
background-color: #2a386d;
color: #fff;
}
.fttxt{
font-size: 30px;
    font-weight: 600;
    color: #ef4e25;
    width: 58%;
        margin-bottom: 30px;
}
.fttel{
font-family: 'Comfortaa', serif;
    
    font-weight: 500;
    position: relative;
    font-size: 40px;
}
#toTop {
    position: fixed;
    right: 25px;
    bottom: 25px;
    margin: 0;
    z-index: 10000;
    opacity: 0;
    width: 55px;
    visibility: hidden;
}
.shows{
    opacity: 1!important;
    visibility: visible!important;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease;
}
h2{
font-family: 'Comfortaa', serif;

font-weight: 500;
position: relative;
padding-bottom: 22px;
font-size: 65px;
}
h2::before {
    content: "";
    position: absolute;
    bottom: 0px;
    margin-left: 8%;
    width: 0%;
    background: #fff;
    height: 3px;    
    transition: all 2.5s;
}
.aos-animate h2::before {
    content: "";
    position: absolute;
    bottom: 0px;
    margin-left: 8%;
    width: 92%;
    background: #ef4e25;
    height: 3px;
}
.sectionmg{
margin-top: 170px;
}
.slidimg{
position: relative;
}
.slidimgf{
position: absolute;
right: 0;
top: 0;
pointer-events: none;
    width: 33%;
}
.slidimgt{
position: absolute;
left: 0;
bottom: 0;
pointer-events: none;
    width: 33%;
}
.btntpmr{
margin-top: -6%;
margin-left: 0!important;
}
.bluseccon{
width: 49%;
background-image: url("../images/how-it-work.jpg");
background-size: contain;
background-position: left;
background-repeat: no-repeat;
display: inline-block;
margin-left: -33px;
    z-index: -1;
    position: relative;
}
.blusec{
    width: 49%;
    background-color: #282863;
    color: #fff;
    font-size: 35px;
    font-family: 'Comfortaa';
    
    border-radius: 30px;
    padding: 30px 222px 30px 30px;
    display: inline-block;
}
.facimh {
    width: 43%;
    border-radius: 30px;
    box-shadow: 7px 11px 20px 8px rgb(0 0 0 / 12%);
    
}
.facima {
    margin-top: -21%;
}
.facimb {
    margin-top: -10%;
    margin-left: 54%;
}
.containerlg{
width:95%;
margin: auto;
}
.bordrcon {
    display: inline-block;
    padding: 30px 60px;
    width: 48%;
    background-color: #fff;
    border-radius: 30px;
    margin-top: -15%;
}
.bordrconl{
margin-top: -8%!important;
}
.stepsb {
    width: 45%;
    text-align: left;
    margin-left: 0%;
    margin-top: 90px;
}
.stepsba{
 margin-left: 16%!important;
}
.stepsbb{
 margin-left: 35%!important;
}
.stepsbc{
 margin-left: 53%!important;
}
.stepsb img {
    max-width: 88px;
    width: 100%;
}
.stpbtxt {
    margin-left: 55px;
    font-size: 35px;
    font-weight: 600;
    width: 57%;
}
.sliderconp{
    font-size: 27px;
    line-height: 38px;
    font-weight: 400;
    text-align: left;
    margin-left: 8%;
    padding-bottom: 24px;
}
.sliderconpl{
    font-size: 27px;
    line-height: 38px;
    font-weight: 400;
    text-align: left;
    margin-right: 8%;
    padding-bottom: 24px;
}
.tpg {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.vcut{
display: block;
margin: 180px 20px;
}
.vcut p{

    font-size: 26px;
    line-height: 34px;
    font-weight: 400;
    text-align: left;
    position: relative;
}
.vcuttitl{
font-size: 33px;
    font-weight: 600;
}
.vcut p::before {
    position: absolute;
    content: '';
    background: url("../images/24.png");
    width: 75px;
    left: -115px;
    top: -75px;
    height: 70px;
    background-repeat: no-repeat;
    background-size: contain;
}
.vcut p::after {
    position: absolute;
    content: '';
    background: url("../images/25.png");
    width: 75px;
    right: -66px;
    bottom: -75px;
    height: 70px;
    background-repeat: no-repeat;
    background-size: contain;
}
.sermga{
padding-top: 40px;
display: block;
    width: 100%;
}
.marginrt {
    margin-left: 78%;
    margin-top: -18%;
}
.marginrtp{
    margin-top: -6%;
}
.prich{
    margin-left: 8%;
    font-size: 36px;
    font-family: 'Comfortaa';
    
    display: block;
    color: #282863;
        margin-bottom: 30px;
}
.prich span{
color: #ef4e25
}
.vid {
    width: 100%;
    border-radius: 25px;
    pointer-events: none;
    box-shadow: 7px 11px 20px 8px rgb(0 0 0 / 12%);
    max-width: 418px;
}
.vidfl{
position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}
.flvid{
    width: 107%;
    position: absolute;
    top: 7px;
    z-index: 0;
    left: 0;
}
.btnre {
    padding: 6px 17px;
    font-size: 20px;
    font-weight: 600;
    background-color: #ef4e25;
    display: inline-block;
    border-radius: 8px;
    color: #fff;
    letter-spacing: 1px;
    border: none;
    transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    cursor: pointer;
    margin-left: 8%;
}

h1{
font-family: 'Comfortaa', serif;

font-weight: 500;
position: relative;
padding-bottom: 22px;
}
h1::before {
    content: "";
    position: absolute;
    bottom: 0px;
    margin-left: 8%;
    width: 0%;
    background: #ef4e25;
    height: 3px;
    transition: all 2.5s;
}
.aos-animate h1::before {
    content: "";
    position: absolute;
    bottom: 0px;
    margin-left: 8%;
    width: 92%;
    background: #ef4e25;
    height: 3px;
}


.sectiondif {
    padding-top: 100px;
    margin-top: 50px;
    margin-bottom: 30px;
    background-attachment: fixed;
    background-position-x: 50%;
    background-position-y: 50%;
    background-size: cover;
    background-image: url("../images/office-exterior-1.jpg");
    height: 70vh;
}
.sectiondifa {
    background-image: url("../images/office-exterior-1.jpg");
}
.sectiondifb {
    background-image: url("../images/office-interior-1.jpg");
}
.logo{
max-width: 290px;
}


.nav-active .menuanm li:first-child {
    -webkit-animation: .5s fadeInUp both;    
}
.nav-active .menuanm li:nth-child(2) {
    -webkit-animation: 1s fadeInUp both;    
}
.nav-active .menuanm li:nth-child(3)  {
    -webkit-animation: 1.5s fadeInUp both;    
}
.nav-active .menuanm li:nth-child(4)  {
    -webkit-animation: 2s fadeInUp both;    
}
.nav-active .menuanm li:nth-child(5)  {
    -webkit-animation: 2.5s fadeInUp both;    
}


@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@media (max-width: 1366px) {
.logo {
    max-width: 202px;
}	
h1 {
    font-size: 25px;
    padding-bottom: 15px;
}
.slidercon {
    margin-top: 0%;
    padding-bottom: 14px;
}
h1::before {
    height: 2px;
}
.aos-animate h1::before {
    height: 2px;
}
.slidertxt {
    width: 36%;
        top: 31%;
}
.sliderconp {
    font-size: 17px;
    line-height: 25px;
    padding-bottom: 20px;
}

.btnre {
    padding: 5px 11px;
    font-size: 14px;
}
.marginrt {
    margin-top: -20%;
}
.blusec {
    padding: 30px 160px 30px 30px;
        font-size: 22px;
}
.sppdn {
    padding-top: 21px;
}
.prich {
    font-size: 26px;
}
h2 {
    padding-bottom: 15px;
    font-size: 49px;
}
h2::before {
    height: 2px;
}
.fttxt {
    font-size: 22px;
    width: 60%;
    margin-bottom: 22px;
}
.fttel {
    font-size: 28px;
}
.smtxt {
    font-size: 18px;
}
.footer {
    padding: 82px 0px;
}
.pagesect {
    padding-top: 120px;
}
.sectionmg {
    margin-top: 110px;
}
.signtr {
    max-width: 250px;
}
.propi {
    width: 52%;
    margin-top: 13%;
    margin-left: 33%;
}
.kkll {
    font-size: 18px;
    padding-bottom: 11px;
}
.tklo {
    font-size: 17px;
}
.txtcircle {
    width: 20%;
    margin: 0px 40px 20px 40px;
}
.txtcircle div {
    font-size: 23px;
}
.ldssc {
    font-size: 38px;
}
.ldstxt {
    font-size: 17px;
}
.ldssc::before {
    width: 40px;
    top: -30px;
    height: 40px;
}
.ldssc::after {
    width: 40px;
    bottom: -40px;
    height: 40px;
}
.vida {
    max-width: 275px;
}
.vcut {
    margin: 100px 20px 100px 20px;
}
.vcut p {
    font-size: 17px;
    line-height: 27px;
}
.vcut p::before {
    width: 48px;
    left: -63px;
    top: -40px;
    height: 48px;
}
.vcut p::after {
    width: 48px;
    right: -41px;
    bottom: -40px;
    height: 48px;
}
.vcuttitl {
    font-size: 23px;
}
.sliderconpl {
    font-size: 17px;
    line-height: 25px;
}
.stepsb {
    width: 45%;
    margin-left: 0%;
    margin-top: 35px;
}
.stepsb img {
    max-width: 70px;
    width: 100%;
}
.stpbtxt {
    line-height: 30px;
    margin-left: 30px;
    font-size: 24px;
}
.bltp {
    padding-left: 20%;
    margin-top: 21px;
}
.bltp img {
    width: 37px;
}
.bltp div {
    font-size: 24px;
    padding-left: 5%;
    line-height: 26px;
}
.chartcontainer {
    margin: 35px auto;
}
}

@media (max-width: 1280px) {
.slidertxt {
    width: 36%;
        top: 31%;
}	
h1 {
    font-size: 24px;
    padding-bottom: 15px;
}
	
}

@media (max-width: 1024px) {
.logo {
    max-width: 154px;
}
.slidertxt {
    width: 36%;
    top: 30%;
}
h1 {
    font-size: 19px;
    padding-bottom: 15px;
        margin-bottom: 15px;
}
.sliderconp {
    font-size: 14px;
    line-height: 21px;
        padding-bottom: 3px;
}
.sectiondif {
    background-size: 100%;
    height: 40vh;
    background-repeat: no-repeat;
    background-attachment: initial;
        margin-top: 0px;
}
.bordrcon {
  width: 52%;
    padding: 20px 35px;
}
.btnre {
    padding: 5px 11px;
    font-size: 10px;
}
.blusec {
    padding: 30px 45px 30px 30px;
    font-size: 18px;
}
.prich {
    font-size: 19px;
    margin-bottom: 20px;
}
h2 {
    padding-bottom: 10px;
    font-size: 37px;
}
.fttxt {
    font-size: 18px;
    width: 60%;
    margin-bottom: 14px;
}
.fttel {
    font-size: 22px;
}
.copy {
    font-size: 12px;
}
.form-control {
    margin-bottom: 35px;
}
.btgreen img{
max-width: 75px;
}
.sldfrcon {
    padding: 20px 40px;
}
.txtcircle div {
    font-size: 20px;
}
.ldssc {
    font-size: 30px;
}
.ldssc::before {
    width: 30px;
    height: 30px;
}
.ldssc::after {
    width: 30px;
    bottom: -40px;
    height: 30px;
}
.ldstxt {
    font-size: 16px;
}
.sldfrconl {
   padding: 20px 40px;
}
.vcut p {
    font-size: 16px;
    line-height: 22px;
}
.vcut p::before {
    width: 35px;
    left: -45px;
    top: -35px;
    height: 35px;
}
.vcut p::after {
    width: 35px;
    right: -30px;
    bottom: -35px;
    height: 35px;
}
.stepsb img {
    max-width: 60px;
}
.stpbtxt {
    line-height: 20px;
    margin-left: 26px;
    font-size: 19px;
}
.bltp img {
    width: 23px;
}
.bltp div {
    font-size: 17px;
    padding-left: 5%;
    line-height: 20px;
}
.pagesect {
    padding-top: 95px;
}

}

@media (max-width: 990px) {


}

@media (max-width: 768px) {
.logo {
    max-width: 125px;
}
.containerc {
    width: 90%;
}
.fclcir {
    margin-top: 65px;
}
.slidertxt {
    width: 42%;
    top: 26%;
}
.sliderconp {
    font-size: 13px;
    line-height: 20px;
    padding-bottom: 3px;
}
h1 {
    font-size: 17px;
    padding-bottom: 12px;
    margin-bottom: 12px;
}
.vid {
    max-width: initial;
    width: 60%;
    margin: auto auto 30px auto;
    display: block;
}
.marginrt {
    margin-top: 40px;
        margin-left: 0%;
}
.sermga {
    margin-bottom: 30px;
}
.blusec {
    padding: 30px 30px 30px 30px;
    font-size: 15px;
}
.prich {
    font-size: 16px;
    margin-bottom: 15px;
}
.ordr2{
margin-top: 30px;
order: 2;
}
h2 {
    padding-bottom: 10px;
    font-size: 28px;
}
.fttxt {
    font-size: 14px;
    width: 43%;
    margin-bottom: 12px;
}
.fttel {
    font-size: 18px;
}
.cntfrm {
    margin-top: 30px;
    padding-left: 0px;
}
.smtxt {
    font-size: 16px;
}
.footer {
    padding: 82px 0px 30px 0px;
}
.aos-animate h2::before {
   
    height: 2px;
}
.header {
    padding-top: 3.5%;
}
.sldfrcon {
    padding: 20px 20px;
}
.sldfrconl {
    padding: 20px 20px;
}
.txtcircle div {
    font-size: 18px;
}
.ldssc {
    font-size: 24px;
}
.vcuttitl {
    font-size: 20px;
    margin-bottom: 20px;
}
.vcut {
    margin: 60px 20px 100px 20px;
}
.stepsb img {
    max-width: 50px;
}
.stpbtxt {
    font-size: 17px;
}
.bordrcons {
    padding: 20px 20px;
    width: 50%;
}
.ldstxt {
    font-size: 16px;
    margin: 40px auto 0 auto;
    display: block;
}

}

@media (max-width: 479px) {
.slidercon img {
    width: 100%;
    margin-right: 0%;
}
.fttxt {
    width: 80%;
    margin-bottom: 22px;
}
.slidertxt {
    width: 90%;
    position: initial;
    display: block;
    margin: auto;
}
.cntfrm {
    margin-top: 50px;
}
.containerd {
    width: 86%;
}
.bordrcon {
    width: 100%;
    padding: 10px 25px;
    margin-top: -17%;
}
.section{
margin-top: 20px;
}
.vid {
    width: 100%;
    margin: auto auto 20px auto;
}
.facima {
    margin: 40px auto 0px auto;
    width: 90%;
    display: block;
}
.facimb {
    margin: 40px auto 0px auto;
    width: 90%;
    display: block;
}
.blusec {
    width: 90%;
    margin: auto;
    display: block;
}
.bluseccon {
    width: 90%;
    margin: -7% auto auto auto;
    display: block;
}

.slidfifa {
    display: block;
    width: 100%;
}
.slidfifb {
    display: block;
    width: 90%;
    margin: auto;  
}
.sldfrcon {
    margin-left: 0%;
    width: 100%;
    margin-top: -8%;
    display: block;
}
.txtcircle {
    width: 50%;
    margin: 23px 20px 20px 20px;
}
.fclcir {
    margin-top: 45px;
}
.ldssc {
    font-size: 34px;
    width: 100%;
    margin-bottom: 30px;
}
.ldstxt {
    width: 100%;
    padding: 7% 4%;
}
.sldfrconl {
    margin-left: 0%;   
    margin-top: -8%;    
    width: 100%;  

}
.pagesect {
    padding-top: 65px;
}
.vcuttitl {
    font-size: 16px;
    margin-top: 20px;
}
.vcut p::before {
    width: 28px;
    left: -28px;
    top: -20px;
    height: 28px;
}
.vcut p::after {
    width: 28px;
    right: -20px;
    bottom: -28px;
    height: 28px;
}
.stepsb {
    width: 100%;
}
.stepsba {
    margin-left: 0%!important;
}
.stepsbb {
    margin-left: 0%!important;
}
.stepsbc {
    margin-left: 0%!important;
}
.bltp {
    padding-left: 7%;
    margin-top: 21px;
}
.bordrcons {
    padding: 20px 20px;
    width: 90%;
    margin: -8% auto auto auto;
    display: block;
}
.bltpff {
    margin-top: 5%;
}
.text-right {
    text-align: left;
}
.fcmlg {
    width: 90%;
    margin: 10% auto auto auto;
    border-radius: 30px;
    display: block;
}
.text-left{
text-align: left;
}
.sdgkjhsd {
    width: 90%;
    margin: 10% auto auto auto;
    display: block;
}
.tblk {
    margin: 10% auto auto auto;
    display: block;
    position: relative;
    z-index: -2;
}
.sectionmg {
    margin-top: 70px;
}

}

@media (max-width: 350px) {


	
}