@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
*{ padding:0px; margin:0px; }
html{-webkit-box-sizing:border-box; box-sizing:border-box;}
*,*:before, *:after{-webkit-box-sizing:inherit;  box-sizing:inherit;}
img{border:0; max-width:100%; height:auto;}
:focus{outline:0;}
::-moz-focus-inner{border:0;}
input[type=number] {  -moz-appearance: textfield;}
ul,li,ol{list-style: none;}
a{outline:none; text-decoration:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); transition:all ease 0.4s; color:#000;}
body{font-family:Poppins,Sans-Serif; font-weight:400; font-size: 25px; letter-spacing: 0; line-height: 1.2; color: #4d4d4d; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; -webkit-tap-highlight-color:transparent; text-rendering: optimizelegibility;}
@font-face {
	font-family: "montserratsemibold";
	src: url("../fonts/montserrat-semibold.ttf") format("ttf"), url("../fonts/montserrat-semibold.woff2") format("woff2"), url("../fonts/montserrat-semibold.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}
.comm-hdr{ font-size: 60px; line-height: 1;font-family: 'Source Serif 4 New' !important; color: #319BC5; font-weight: 600;}
.d-flex{display: flex;}
.plr-70{padding: 0 70px;}
.btn-ui{ font-size: 31px; font-weight: 600; font-family:Poppins,Sans-Serif;
  background: linear-gradient(73.05deg, #028939 -1.77%, #0B9441 15.25%, #25B158 44.56%, #4FE17E 82.37%, #5CEF89 92.77%);
border: 2px solid #FFFFFF; box-shadow: 5.94px 5.94px 16.98px rgba(0, 0, 0, 0.3);cursor: pointer; display: inline-flex; align-items: center; gap: 10px; color: #fff; border-radius: 45px; padding: 15px 20px; transition: all ease-in 0.1s;}
.btn-ui:hover{opacity: 0.9;}
.hero-banner .btn-ui{left: -20px; position: relative; top: 42px;}
.btn-ui span{ padding: 9px 22px; display: inline-block; border-radius: 25px; background-color: #fff;}
.btn-ui span img{height: 32px;}
.btn-ui-btm{ font-size: 46px; border: none; box-shadow: none; border-radius: 45px; margin-top: 10px;}
.txt-center{text-align: center;}
.upload-file-wrap .eng-cntnt-upld>.upld-dim-edtn{margin-bottom: 20px;}
.mtb-6{margin: 80px 0;}
.font-fam-sserif { font-family: 'Source Serif 4 New' !important; font-weight: 600; }
.hero-banner{background-color: #F2F9FF; padding: 94px 0 0; overflow: hidden; line-height: 1; }
.hero-banner .fixed-wrapper  {  position: relative;}
.hero-img{position: relative;} 
.hero-img img{ position: absolute; right: 0; max-width: 100%; width: 745px; top: -10px;}
.hero-caption h1{font-size: 65px; margin-top: 90px; margin-bottom: 20px; }
.hero-caption h3{font-size: 43px; font-weight: 500; color: #319BC5; margin-bottom: 54px; line-height: 1.2; margin-top: 5px;}
.bfsi-wrap{ padding:112px 0 60px; color: #fff; background: linear-gradient(83.84deg, #029AFF -0.86%, #0B9AF3 14.43%, #269AD1 66.04%, #319BC5 94.71%);}
.bfsi-wrap h3{font-size: 41px; color: #fff; }
.bfsi-wrap p{ width: 60%; margin-top: 30px; font-weight: 500;}
.entails-wrap{padding-top: 122px; background-image: url(../images/ent-lt.svg),url(../images/ent-rt.svg);
  background-position: left top, right top; background-attachment: fixed; background-repeat: no-repeat; background-size: 25%;}
.entails-wrap h2{margin-bottom: 87px;}
.entail-item{background-color: #DEF4D4; padding: 41px 20px 18px 10px; justify-content: space-between; gap: 10px; border-radius: 10px;}
.entail-item img{max-width: 530px; height: auto;}
.entail-item h3{ font-family: 'Inter', sans-serif; font-size: 60px; font-weight: 500; color: #333; margin-bottom: 30px;}
.entail-item p{font-size: 28px; font-weight: 300; font-family:Poppins,Sans-Serif;}
.scroll__links .scroll__view {
  opacity: .15;
  transition: opacity .3s;
  min-height: 450px;
}
.scroll__links .scroll__view.active {
  opacity: 1;
  margin-top: 50px;
}
.scrolled__featured {
  position: sticky;
  top: 140px;
}
.our-solutions{background: #fff url(../images/os-shape.jpg) right top no-repeat; background-size: 200px 200px; margin: 97px 0 0;}
.our-solutions h4{font-size: 45px; color: #319BC5; font-weight: 400; margin-top: 5px; margin-bottom: 94px;}
.owl-nav{display: flex; justify-content: space-between; position: absolute; width: 100%; align-items: center; top: 0; height: 100%;}
.our-solutions .owl-nav img{filter: brightness(0) invert(1); width: 40px;}
.our-solutions .owl-nav img:hover{filter: grayscale(0);}
.owl-nav .owl-prev{margin-left: 20px;}
.owl-nav .owl-next{margin-right: 20px;}
.our-solutions .owl-item img{width: 100%;}
.trusted-crsl .owl-stage{display: flex; align-items: center;}
.trusted-crsl img{ max-height: 74px;}
.scst-wrap{background-color:#E3F1FC; background-image: url(../images/ss-shape.png),url(../images/st-btm.png); background-position: left top, right bottom; background-repeat: no-repeat; background-size: 250px 250px,203px 434px;padding: 70px 0;}
.scst-wrap .text-center h3{font-size: 43px; font-weight: 500; color: #333333;}
.scst-wrap .text-center h3 i{font-family: 'Source Serif 4 New' !important; font-weight: 600;}
.scst-bxs{gap: 54px; justify-content: center;}
.scst-item{flex: 0 0 30%; background-color: #fff; transition: transform 0.3s ease; margin-bottom: 80px; box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.2); margin-top: 50px; border-radius: 27px 27px 5px 5px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); position: relative;}
.scst-item:hover { transform: translateY(-10px);}
.scst-item img{max-width: 100%; height: auto; width: 100%;}
.scst-item-bx{ padding: 20px 30px 30px; }
.scst-item h4{font-weight: 600;color: #5EC41C;font-size: 25px; margin-bottom: 5px; }
.scst-item-bx p{font-size: 21px; color: #666; font-weight: 300; margin-bottom: 20px;}
.scst-item-bx li{font-size: 20px; color: #666; font-weight: 400; margin-left: 20px; list-style-type: disc;}
.scst-wrap .scst-item-bx h3{font-size: 32px; font-weight: 700; color: #5EC41C; margin-bottom: 20px;}
.scst-bxs .scst-item:nth-child(2) h3 ,.scst-bxs .scst-item:nth-child(2) h4{color: #EF7F1B;}
.scst-bxs .scst-item:nth-child(3) h3,.scst-bxs .scst-item:nth-child(3) h4{color: #2582E8;}
.edu-cst-wrap{ padding: 93px 0 96px; background: linear-gradient(46.72deg, #029AFF -7.12%, #049CFB 19.64%, #0BA3F1 40.59%, #18AFE1 59.2%, #2AC0C9 76.66%, #41D6AB 94.11%, #5CEF89 109.24%);}
.edu-tst-crsl .ldrs-bx{gap: 46px; }
.edu-tst-crsl .ldrs-bx > img{height: 466px;}
.edu-tst-crsl .owl-item.active .ldrs-bx{color: #231F20; }
.trust-wrap{margin: 99px 0 123px;}
.trust-wrap h2{margin-bottom: 37px; color: #1A1A1A; font-size: 45px;}
.ldrs-info{font-size: 23px; color: #fff; font-weight: 500; width: 60%;}
.ldrs-info h4{font-size: 35px; font-weight: 600;}
.ldrs-info h5{ font-weight: 600; font-size: 27px;}
.ldrs-info p{margin: 33px 0 30px;}
.scst-wrap h2{font-size: 70px;}
.partner-from{background: linear-gradient(#C7255F, #460C37) ; padding: 15px 20px; margin: 0 auto; width: 50%; border-radius: 10px;}
.evt-from{background-color: #fff; padding: 15px 15px 0; border-radius: 5px;}
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 99; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
  backdrop-filter: blur(5px); /* Apply blur effect */
    justify-content: center;
    align-items: center;
}
.plr-70 img{margin-top: 20px;}
        
@media only screen and (min-width: 1460px) {
  .hero-img img { width: 780px; } 
  .hero-caption h1 {font-size: 65px;}
  .hero-caption h3 {font-size: 43px;}
  .hero-caption p{line-height: 1.2;}
  .hero-caption p,.bfsi-wrap p {font-size: 25px; line-height: 1.13;}
  .bfsi-wrap h3 {font-size: 43px;}
  .bfsi-wrap p{width: 80%;}
}
@media only screen and (min-width: 1520px) {
  .hero-img img { width: 820px;} 
  .hero-caption h1 {font-size: 71px;}
  .hero-caption h3 {font-size: 45px;}
  .hero-caption p,.bfsi-wrap p {font-size: 27px;}
  .bfsi-wrap h3 {font-size: 47px;}
  .hero-banner .btn-ui {font-size: 36px;}
}
@media only screen and (min-width: 1599px) {
  .hero-img img { width: 840px;} 
  .hero-caption h1 {font-size: 73px;}
  .hero-caption h3 {font-size: 48px;}
  .hero-caption p,.bfsi-wrap p {font-size: 27px;}
  .bfsi-wrap h3 {font-size: 53px;}
  .bfsi-wrap { padding: 120px 0 66px;}
  .hero-banner .btn-ui {font-size: 34px;}
}
@media only screen and (min-width: 1679px) {
  .hero-img img { width: 860px;} 
  .hero-caption h1 {font-size: 76px;}
  .hero-caption h3 {font-size: 50px;}
  .bfsi-wrap h3 {font-size: 54px;}
  .bfsi-wrap { padding: 120px 0 66px;}
  .hero-caption p,.bfsi-wrap p {font-size:29px;}
  .hero-banner .btn-ui {font-size: 39px;}
}
@media only screen and (min-width: 1900px) {
  .hero-img img { width: 1010px;} 
  .hero-caption h1 {font-size: 88px;}
  .hero-caption h3 {font-size: 57px; }
  .hero-caption p,.bfsi-wrap p {font-size: 35px;}
  .hero-banner .btn-ui span img {height: 50px;}
  .hero-banner .btn-ui span {padding: 15px 30px;}
  .bfsi-wrap h3 {font-size: 57px;}
  .bfsi-wrap { padding: 150px 0 76px;}
  .hero-banner .btn-ui {left: -30px; top: 60px; padding: 20px 30px; font-size: 45px; border-radius: 100px;}
}
@media only screen and (max-width: 1450px) {
  .hero-caption h1 { margin-top: 75px }
    .hero-img img{ width: 750px;}
    .bfsi-wrap h3 {font-size: 42px;}
    .bfsi-wrap p{width: 80%;}
  }
      
@media only screen and (max-width: 1400px) {
  .hero-caption h1 { font-size: 61px;  }
  .hero-img img{width: 735px;}
  .hero-caption p {font-size: 23px;line-height: 1.1;}
  .hero-caption h3 {font-size: 39px; margin-bottom: 44px;}
  .hero-banner .btn-ui{ font-size: 26px;}
  .hero-banner{padding-top: 75px;}
  .bfsi-wrap h3 {font-size: 41px;}
  .bfsi-wrap p{width: 80%; font-size: 20px;}
}
@media only screen and (max-width: 1300px) {
.hero-img img{  width: 700px; } 
.hero-caption h1{margin-bottom: 15px;}
.hero-caption h3 {
    margin-bottom: 40px;
}
.hero-caption p {font-size: 23px;}
.hero-banner .btn-ui span img {
    height: 28px;
}
.hero-banner .btn-ui {
    top: 40px;
}
.scst-wrap h2{font-size: 55px;}
  } 
  @media only screen and (max-width: 1100px) {
    .hero-img img {
        width: 490px;
    }
  }
@media only screen and (max-width: 992px) {
  body,.entail-item p,.scst-item-bx p,.scst-item-bx li,.ldrs-info h5,.bfsi-wrap p {font-size: 10px;}
  .plr-70 img { margin-top: 5px;}
  .plr-70 br{display: none;}
  .comm-hdr { font-size: 17px;}
  .hero-caption{
        margin-top: 4px;
        width: 50%;
        margin-bottom: 3px;
        max-width: 174px;
    }
  .hero-caption h1{font-size: 19px; margin-top: 0; letter-spacing: 0.5px; line-height: 1; margin-bottom: 5px;}
    .hero-caption h3 {
        font-size: 12px;
        margin-bottom: 10px;
    }
    .hero-banner{padding:30px 0 0;}
    .hero-caption p{font-size: 7.6px; line-height: 1.1;}
    .hero-caption p br{display: none;}
    .hero-banner .btn-ui {top: 14px; left: -5px; border: 0.52px solid #FFFFFF;box-shadow: 1.55px 1.55px 4.42px rgba(0, 0, 0, 0.3);}
    .hero-img img {      
        right: 0;
        top: -22px;
        width: 220px;
    }
  .hero-banner .btn-ui{ font-size: 9.2px; padding: 3px 5px; margin-top: 0; gap: 5px;}
  .hero-banner .btn-ui span img { height: 8px;}
    .hero-banner .btn-ui span {
        padding: 2px 5px;
        border-radius: 10px;
    }
    .btn-ui-btm span {
    padding: 5px 10px;}
    .plr-70 {padding: 0 5px;}
    .entails-wrap {padding-top: 24px; background-size: 30%; background-attachment: local;}
    .entails-wrap h2 {
        margin-bottom: 20px;
    }
    .entail-item img {
        max-width: 125px;
    }
    .entail-item h3{font-size: 13px; margin-bottom: 5px;}
    .scroll__links .scroll__view.active{margin-top: 0;}
    .entail-item {
        padding: 15px 5px;
        gap: 10px;
        border-radius: 5px;
        border: none;
    }
    .scroll__links .scroll__view {
        min-height: auto;
    }
    .our-solutions {
        background-size: 60px 60px;
        margin: 23px 0 0;
    }
    .our-solutions-crsl{padding: 0 26px;}
    .our-solutions h4 {
        font-size: 13px;
        margin-bottom: 22px;
    }
    .our-solutions-crsl .owl-nav { width: 97%; left: 6px;}
    .owl-nav{top: 45%; height: auto;}
    .owl-nav img,.our-solutions .owl-nav img {width: 15px;}
    .our-solutions .owl-nav img {filter: inherit;}
    .owl-nav .owl-prev{margin-left: 0;}
    .owl-nav .owl-next{margin-right: 0;}
    .trust-wrap h2{font-size: 14px; margin-bottom: 14px; font-family: 'Inter', sans-serif !important;}
    .trusted-crsl img {
        max-height: 20px;
        width: 100%;
    }
    .trust-wrap {
        margin: 26px 0;
    }
    .scst-wrap {
        background-size: 94px 94px,40px 80px;
        background-position: left top, right bottom;
        padding: 30px 0 27px;
    }
    .scst-wrap h2{font-size: 20px;}
    .scst-item {
        margin-bottom: 30px;
        margin-top: 28px;
    }
    .scst-item-bx p{margin-bottom: 0;}
    .scst-i{display: flex; gap: 25px;}
    .scst-i div{flex: 0 0 30%;}
    .scst-item h4 {
        font-size: 15px;
    }
    .scst-item h4{font-size: 11px;}
    .scst-wrap .scst-item-bx h3{margin-bottom: 10px;}
    .scst-item-bx li{margin-left: 14px;}
    .scst-item-bx { padding: 22px 18px;}
    .scst-bxs .owl-nav .owl-prev {
        margin-left: -20px;
    }
    .scst-bxs .owl-nav .owl-next {
        margin-right: -20px;
    }
    .scst-item img{width: 100%;}
    .edu-cst-wrap {
        padding: 24px 0;
    }
    .edu-tst-crsl .ldrs-bx {
        gap: 18px;
    }
    .edu-tst-crsl .ldrs-bx img{width: 106px; height: 106px;}
    .edu-tst-crsl .ldrs-bx .ldrs-info img {
        height: auto;
        width: 19px;
    }
    .ldrs-info p {
        margin: 10px 0;
    }
    .ldrs-info h4,.scst-wrap .scst-item-bx h3,.bfsi-wrap h3{
        font-size: 12px; line-height: 1.2;
    }
    body .fixed-wrapper {
        padding-left: 30px;
    }
    .btn-ui-btm{ padding: 10px; margin-top: 6px;}
    .btn-ui-btm,.scst-wrap .text-center h3{font-size: 15px;}
    .btn-ui-btm span img {
        height: 20px;
    }
  .partner-from{ width: 90%; padding: 20px; margin: 30px auto;}
  .bfsi-wrap {padding: 30px 0 15px;}
  .bfsi-wrap p{width:46%; margin-top: 10px;}
  .ldrs-info p{font-size: 9px;}
 }
 @media screen and (max-width: 500px) {
  .bfsi-wrap p {
    width: 100%;
  }
  .hero-caption p {
        font-size: 8.4px;
  }
  .hero-img img {
        width: 225px;
    }
    .hero-banner .btn-ui {
        font-size: 10.2px;
    }
    .bfsi-wrap h3 {
        font-size: 15px;
    }
    .scst-i ul{word-break: break-word;}
 }
 @media screen and (max-width: 420px) {
   .hero-caption p{font-size: 8px;}
   .hero-img img { width: 220px;}
   .hero-banner .btn-ui {
        font-size: 9.2px;
    }

 }
 @media screen and (max-width: 400px) {
  .hero-caption{ max-width: 160px;}
  .hero-caption h1 { font-size: 17.5px;}
  .hero-caption p { font-size: 7.4px;}
 .hero-img img {
        width: 210px;
        top: -25px;
    }
    .bfsi-wrap h3 {
        font-size: 12px;
    }
    .scst-item-bx {padding: 20px 15px;}
    .scst-i{gap: 20px;}
}
  @media screen and (max-width: 380px) {
    .hero-caption {
        max-width: 152px;
    }
    .hero-caption h1 {
        font-size: 16px;
    }
    .hero-caption h3{margin-bottom: 10px;}
    .hero-caption p {
        font-size: 7px;
    }
    .hero-banner .btn-ui {
        font-size: 8.4px;
    }
 .hero-img img {
        width: 205px;
    }
  }
  @media screen and (max-width: 370px) {
 .hero-img img {   
  top: -15px;
        width: 190px;
    }
  }
