@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');




body {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #4b4b4b;
}



header{padding: 20px 0 40px;}





.banner-wrapper {  background-color: #F2F6FF; overflow: hidden; position: relative;}
.banner-wrapper::before {content: ""; width: 460px; height: 330px; background: #ffffff; position: absolute; z-index: 0; filter: blur(100px); left: 50%; top: -25%;}
.banner-wrapper > * { z-index: 10; position: relative;}



.banner-grid {display: grid;   grid-template-columns: 1fr;   /* 3 equal columns */   grid-template-areas: "info""slider""cta";   gap: 70px;}
.banner-info {grid-area: info;}

.banner-slider {grid-area: slider; }
.banner-cta {grid-area: cta; text-align: center; display: none;}



@media (min-width: 576px) {

}
@media (min-width: 768px) {
  
}
@media (min-width: 992px) { 
    .banner-grid {display: grid;   grid-template-columns: calc(40% - 35px) calc(60% - 35px);   /* 3 equal columns */   grid-template-areas: "info slider""cta slider";   gap: 70px;}
  .banner-cta {grid-area: cta; text-align: left;}
}
@media (min-width: 1200px) {
  
}
@media (min-width: 1400px) {
}










.limited-wrapper { display: inline-flex; gap: 10px; border: solid 1px #D9D9D9; padding: 6px 20px 6px 6px; background: #fff; white-space: nowrap; align-items: center; border-radius: 6px;
}





.limited-text { background: linear-gradient(to right, #004eb3 0%, #de1f8f 100%); font-size: 16px; font-weight: 600; color: #fff; padding: 3px 15px; border-radius: 4px;


}

.limited-data { font-size: 16px; font-weight: 600;}
.introducting-title { font-size: 36px; font-weight: 600; line-height: 1;}
.pulse-title h1 { background: linear-gradient(to right, #004eb3 0%, #de1f8f 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; /* For Firefox */ font-size: 86px; font-weight: 600; display: inline-flex; line-height: 1;}

.pulse-sub-title, h4 { font-size: 20px; font-weight: 600;}
 h2{ background: linear-gradient(to right, #004eb3 0%, #de1f8f 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; /* For Firefox */ font-size: 36px; font-weight: 600; display: inline-flex; line-height: 1;}
.pulse-data {}


.compatible{font-size: 11px; font-style: italic; padding-top: 10px;}

.btn-primary { display: inline-flex; gap: 20px; background: linear-gradient(to right, #004eb3 0%, #de1f8f 100%); padding: 10px 20px; line-height: 1; align-items: center; border: none;
}
.banner-button{font-size: 20px;  padding: 15px 40px; line-height: 30px;}




 a.hightlight-btn { position: relative; display: inline-block; padding: 10px 30px; border-radius: 6px;  text-decoration: none; font-weight: 600;   z-index: 1; }
 a.hightlight-btn::before { content: ""; position: absolute; inset: 0; /* full size */ padding: 2px; /* border thickness */ border-radius: 6px; background:linear-gradient(to right, #004eb3 0%, #de1f8f 100%); -webkit-mask:      linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);  -webkit-mask-composite: xor; mask-composite: exclude; /* for Firefox */   z-index: -1;}

a.hightlight-btn:hover {  color: #004eb3;}








.why-choose-wrapper { padding: 60px 0;}
.why-choose-title { text-align: center;}
.why-choose-description { text-align: center;}
.why-choose-cards-wrapper { display: flex; gap: 20px; flex-wrap: wrap; padding: 50px 0;}
.why-choose-card { flex: 1 0 calc(33.333% - 20px); background: #F2F6FF; border-radius: 6px; border-top: 8px solid transparent; position: relative; padding: 30px;}
.why-choose-card-titlebox { display: flex; gap: 30px; align-items: center; padding-bottom: 40px;}
.why-choose-card-title-icon { background: linear-gradient(to right, #004eb3 0%, #de1f8f 100%); width: 75px; height: 75px; display: flex; align-items: center; justify-content: center; border-radius: 50px; flex: 0 0 75px;}
.why-choose-card-title-text { font-size: 24px; font-weight: 600; line-height: 1.2;}
.why-choose-card::before { content: " "; position: absolute; top: -8px; left: 0; height: 8px; /* thickness */ width: 100%; border-top-left-radius: 20px; border-top-right-radius: 20px; z-index:1; background:linear-gradient(to right, #004eb3 0%, #de1f8f 100%)}


.why-choose-card-title-label {
    background: linear-gradient(to right, #004eb3 0%, #de1f8f 100%);
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 3px 10px;
    border-radius: 4px;
}





.expert-wrapper {  border-top: solid 1px #D9D9D9;   background: #F2F6FF;}
.common-box-title { text-align: center;}
.common-box-tagline { text-align: center;}
.qr-box { border: solid 1px #D9D9D9; display: inline-block; padding: 10px; background: #fff; border-radius: 6px;}



.commonboxes { display: flex; flex-direction: column;}
.common-box { flex: 1 1 50%; padding: 0; text-align: center; padding: 60px 0}





@media (min-width: 576px) {

}
@media (min-width: 768px) {
  
}
@media (min-width: 992px) { 
    .commonboxes { display: flex; flex-direction: row;}
    .common-box { flex: 1 1 45%; padding: 60px 60px 60px 0; text-align: center;}
    .common-box + .common-box { flex: 1 1 55%; border-left: solid 1px #D9D9D9; padding: 60px 0px 60px 60px;}
  
}
@media (min-width: 1200px) {
  
}
@media (min-width: 1400px) {
}












.form-group input { height: 50px;}
.form-group {  padding-bottom: 25px;   text-align: left;}
.form-group label {    padding-bottom: 5px;    text-align: left;}










footer { background: #0F141D;}
.brandingbox { display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 20px 0;}
.copyright { color: #fff;  display: flex; flex-direction: column; align-items: center; justify-content: space-between; gap: 5px; padding:15px 0; border-top: solid 1px #444C5B;  font-size: 12px;}


.copyright a{    color: #0894c9;
    text-decoration: none;}

@media (min-width: 576px) {

}
@media (min-width: 768px) {
  
}
@media (min-width: 992px) { 
    .brandingbox { flex-direction: row; } 
    .copyright {  flex-direction: row;   font-size: 14px;}

  
}
@media (min-width: 1200px) {
  
}
@media (min-width: 1400px) {
}





















.bx-wrapper {
    position: relative;
    margin-bottom: 60px;
    padding: 0;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
  
}

.bx-wrapper img {
    max-width: 100%;
    display: block
}

.bxslider {
    margin: 0;
    padding: 0;
    -webkit-perspective: 1000
}

ul.bxslider {
    list-style: none
}

.bx-viewport {
    -webkit-transform: translateZ(0)
}

.bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager {
    position: absolute;
    bottom: -30px;
    width: 100%
}

.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(images/bx_loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000
}

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: 700;
    color: #cf0000;
    padding-top: 20px
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #2651A3;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}



.bx-wrapper .bx-pager.bx-default-pager a.active {
        background: linear-gradient(to right, #004eb3 0%, #de1f8f 100%);; width: 40px;
}

.bx-wrapper .bx-controls-auto .bx-controls-auto-item,.bx-wrapper .bx-pager-item {
    display: inline-block;
    vertical-align: bottom
}

.bx-wrapper .bx-pager-item {
    font-size: 0;
    line-height: 0
}

.bx-wrapper .bx-prev {
    left: 10px;
    background: url(images/controls.png) 0 -32px no-repeat
}

.bx-wrapper .bx-prev:focus,.bx-wrapper .bx-prev:hover {
    background-position: 0 0
}

.bx-wrapper .bx-next {
    right: 10px;
    background: url(images/controls.png) -43px -32px no-repeat
}

.bx-wrapper .bx-next:focus,.bx-wrapper .bx-next:hover {
    background-position: -43px 0
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none
}

.bx-wrapper .bx-controls-auto {
    text-align: center
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(images/controls.png) -86px -11px no-repeat;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:focus,.bx-wrapper .bx-controls-auto .bx-start:hover {
    background-position: -86px 0
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(images/controls.png) -86px -44px no-repeat;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:focus,.bx-wrapper .bx-controls-auto .bx-stop:hover {
    background-position: -86px -33px
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px
}

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666;
    background: rgba(80,80,80,.75);
    width: 100%
}

.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px
}





span.error {
    padding: 5px 10px;
    color: rgb(255 0 0);
    border: solid 1px rgb(255 0 0);
    background: rgb(255 0 0 / 10%);
    border-radius: 4px;
    margin-bottom: 10px;
    display: block;
    text-align: left;
    font-size: 14px;
}

span.success {
    padding: 5px 10px;
    color: rgb(0, 150, 0);
    border: solid 1px rgb(0, 150, 0);
    background: rgb(0 150 0 / 10%);
    border-radius: 4px;
    margin-bottom: 10px;
    display: block;
    text-align: left;
    font-size: 14px;
}


 label.error {
    padding: 5px 10px;
    color: rgb(255 0 0);
    border: solid 1px rgb(255 0 0);
    background: rgb(255 0 0 / 10%);
    border-radius: 4px;
    margin-bottom: 10px; margin-top: 5px;
    display: block;
    text-align: left;
    font-size: 14px;
}