@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?td0vry');
  src:  url('../fonts/icomoon.eot?td0vry#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?td0vry') format('truetype'),
    url('../fonts/icomoon.woff?td0vry') format('woff'),
    url('../fonts/icomoon.svg?td0vry#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-checkbox:before {
  content: "\e900";
  color: #4c6ef5;
}
:root { --primary-font: "Poppins", sans-serif;  --black: #000; --black-100: #0A0F15; --black-200: #455568; --white: #fff; --gray-100: #ACACAC; --gray-200: #7E858E; --red-100: #CC2426; --sky-100:#4C6EF5; --transition: all 0.5s ease-in-out; }
* { margin: 0px; padding: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { width: 100%; height: 100%; margin: 0px; padding: 0px; overflow-x: hidden; font-size: 0.534vw; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }
body { margin: 0px; padding: 0px; font-family: var(--primary-font); font-size: 0.78vw; color: #fff; line-height: 0.78vw;  font-optical-sizing: auto;  position: relative; background: var(--white); }

p { color: #FFF; font-family:var(--primary-font); font-size:1.8rem; font-style: normal;font-weight: 400; line-height: 3rem; /* 128.571% */
 padding-bottom: 3rem; margin:0; color:var(--gray-200);} 
h1 { margin: 0px; padding: 0px; font-family:var(--primary-font); letter-spacing:-0.65px; text-transform: capitalize; font-size: 6.5rem; line-height: 7.6rem; color:var(--white); font-weight: 600; }
h2 { margin: 0px; padding: 0px; }
h3 { margin: 0px; padding: 0px; }
h4 { margin: 0px; padding: 0px; }
h5 { margin: 0px; padding: 0px; }
h6 { margin: 0px; padding: 0px; }
address, blockquote, dd, div, dl, dt, fieldset, form, frame, frameset, figure { margin: 0; padding: 0; border: 0px; outline: none; }
label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0px; padding: 0; outline: none; border: 0; }
a { text-decoration: none; border: 0px; outline: none; transition: all 0.5s; }
a:hover, a:focus, a:active { text-decoration: none; border: 0px; outline: none; transition: all 0.5s; }
a img { border: none; outline: none; }
a:focus { outline: none; }
border { border-collapse: collapse; }
hr { height: 1px; background: #333333; border: none; }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
img { max-width: 100%; height: auto; }
::-moz-selection { color: #fff; background: #002b5c; -webkit-text-fill-color: #fff; }
::selection { color: #fff; background: #002b5c; -webkit-text-fill-color: #fff; }
.button{color:var(--white); font-size: 1.8rem; font-weight: 600; line-height: normal; padding:1.7rem 2.5rem; border-radius:1.5rem; background: #000; position: relative; display: inline-block; text-align:center; z-index:1; overflow:hidden;}
.red-button{background: var(--red-100); box-shadow: 0 4px 19px 0 rgba(110, 110, 110, 0.30);}
.blue-button{background: var(--sky-100); box-shadow: 0 4px 19px 0 rgba(110, 110, 110, 0.30);}
.button:after{content:""; width:0%; height:100%; background: #000; position: absolute; transition:0.5s; left:0; top:0; z-index:-1;}
.button:hover:after{width:100%;}

/**header**/
.header{position: fixed; top:0; left:0; width:100%; z-index:3; background: transparent;  }
.inner-header{display: flex; align-items:center; justify-content:space-between; background: var(--white); padding:2.2rem 3.4rem 1.5rem 2.6rem; border-radius: 0 0 2rem 2rem; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);}
.left-head .logo{width:21rem; display:inline-block;}
.left-head .logo img{width:100%;}
.right-head{display: flex; align-items:center; gap:14.2rem;}
nav{display: inline-block;}
nav ul{list-style:none; padding:0; margin:0;}
nav ul li{display: inline-block; margin:0 2rem;}
nav ul li:last-of-type{margin-right: 0;}
nav ul li a{display: inline-block; color:var(--black-100); font-size: 1.8rem; line-height: 5.3rem; font-weight: 400; position: relative; }
nav ul li a:after{content:""; width:0%; height:0.1rem; background: #E53935; transition: 0.5s; position: absolute; left:0; bottom:1rem; }
nav ul li a:hover:after{width:100%;}
nav ul li.active a{color:var(--sky-100); font-weight: 500;}
nav ul li a:hover{color:var(--sky-100); }
nav ul li.active a:after{width:100%;}
.signinsection{display: flex; align-items:center; gap:2.2rem;}
.signin{display: inline-block; color:var(--black-100); font-size: 1.8rem; line-height: 5.3rem; font-weight: 400; }
.signin:hover{color:var(--sky-100);  }

/***banner**/

.banner{ width:100%; height:100vh; position:relative; background: linear-gradient(99deg, #010B21 43.73%, #152865 102.47%); overflow:hidden; }
.banner:before{content:""; width:100%; height:100%; background: url('../images/banner-before-image.svg')0 0 no-repeat; background-size: cover; position: absolute; left:0; top:0;  }
.banner .container{margin:0 auto; height:100vh; position: relative;}
.banner .inner-container{ position: absolute; left:0; right:0; bottom:0;  margin:0 auto;  }
.banner h1{margin-bottom: 1.4rem;}
.banner h1 span{color:var(--sky-100);}
.banner p{color:var(--white); padding-right: 2rem;}
.banner .subheading{font-size:1.8rem; color:var(--white); line-height:4rem; text-transform: capitalize; font-weight: 500; padding:0.4rem 1.7rem; position: relative; width:max-content; margin-bottom:2.8rem; }
.banner .subheading::before { content: ""; position: absolute; inset: 0; padding: 1px; width:100%;
  background: linear-gradient(90deg, rgba(137, 137, 137, 0.1), rgba(204, 36, 38, 1), rgba(215, 215, 215, 1), rgba(76, 110, 245, 1), rgba(11, 11, 11, 1));
  -webkit-mask:linear-gradient(#fff 0 0) content-box,  linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude;}
.additional-content {position: relative; display: inline-block; padding: 1.9rem 4.1rem 1.1rem 2.4rem; margin-bottom: 4.3rem;    }
.additional-content:after{content:''; width:100%; height:100%; background: url(../images/angle-border.svg)0 0 no-repeat; background-size: 100% 100%; position: absolute; left:0; top:0.3rem;}
/* .additional-content figure{width:100%; height:100%; position: absolute; left:0; top:0.3rem;  }
.additional-content figure img{width:100%; height:100%;   } */
  

.additional-content p{color:var(--gray-100); font-size:1.6rem; line-height: 3rem; font-weight: 400; padding-bottom: 0;}
.banner-text{padding-right: 10.8rem;  padding-bottom: 7rem; position: relative;  }
.banner-left-shadow{position: absolute; width:4.7rem; height:4.7rem; border-radius: 4.7rem; background: #FFF; filter: blur(6rem); top:2rem; right:30%; }
.banner .button{width:20.4rem;}
.button-grp{display: flex; gap:1.1rem; margin-bottom: 3.4rem;}
.image-holder{position: absolute; right:-3.2rem; top:0; width:56%; height:66.1rem;  }
.image-holder figure{ width:100%; height:100%; position: relative; background-size: contain !important; mix-blend-mode: lighten; background-position:0 2rem !important; }
.image-text{position: absolute; right:0; left:0; bottom:5rem; margin:0 auto; width:53rem; height:19.9rem; font-size: 2.2rem; line-height: 3rem; font-weight: 500; text-align: center; display: flex; justify-content:center; align-items:center; z-index:1;}

.creditsec{display: flex; align-items:center; gap:0.8rem; font-size: 1.4rem; line-height: 3rem; color:var(--white); font-weight: 400;}
 .image-text .shadow{width:100%;   position: absolute; left:0; right:0; top:-9rem; margin:0 auto; box-shadow:none !important; z-index:-1; }
   /* .image-text:after{content:""; width:100%; height:100%; background: url('../images/shadow.png')0 0 no-repeat; background-size: 100% 100%; position: absolute; left:0; right:0; top:-2rem; margin:0 auto;  } */
.banner-top-clipimg{position: absolute; left:0; right:0; margin:0 auto; top:14%; display:inline-block;     width: max-content;}
.banner-left-clipimg{position: absolute; left: -9rem; top: 28%;}
.banner-bottom-clipimg{position: absolute; right: -4rem; bottom: -4rem;}

/**undderbanner**/
.underbanner{padding:2rem 0rem; text-align: center;}
.underbanner p{font-size: 1.4rem; color:var(--black); font-weight: 500; line-height:normal; padding-bottom: 0; }
.underbanner p span{font-weight: 700;}
.underbanner p span.blue-text{color:var(--sky-100);}
.underbanner p span.red-text{color:var(--red-100);}

/*logo slider**/
.logo-slider{padding:1.8rem 0; border-top:1px solid #E5E7EB; border-bottom:1px solid #E5E7EB;}
.logo-slider .swiper-slide a{display: inline-block; width:230px; transition:0.5s;}
.logo-slider .swiper-slide a img{opacity:0.3; transition:0.5s;}
.logo-slider .swiper-slide a:hover img{opacity:0.7;}
/**prob section**/
.problem-solutionsection{padding:8.3rem 0 12.1rem;}
.inner-probsec{display: grid; grid-template-columns: repeat(2, 1fr);  gap:2.4rem;}
.common-bx{padding:6.7rem 7.3rem 7.7rem; text-align:center; border-radius: 2rem; position: relative; overflow:hidden; }
.probbox{border: 0.1rem solid #C5CEF4; background: #E8ECFF;}
.probbox:after{content:""; width:74%; height:36.4rem; position: absolute; bottom:0; right:0; background: url('../images/problem-design.png')0 0 no-repeat; background-size: 100% 100%; }
.solutionbox{border: 1px solid #FFC9C8; background: #FFF1F0; }
.solutionbox:after{content:""; width:74%; height:36.4rem; position: absolute; bottom:0; left:0; background: url('../images/solution-design.png');  background-size: 100% 100%; }

/* .probdesign-img{position: absolute; bottom:0; right:0; width:74%; height:36.4rem;}
.probdesign-img img{ height:100%;}
.solutionesign-img{position: absolute; bottom:0; left:0; width:74%; height:36.4rem;}
.solutionesign-img img{ height:100%;} */

.common-bx .subheading{ display: flex; align-items:center; gap:1.1rem; text-transform: uppercase; font-size: 2rem; font-weight: 600; line-height: 4rem; margin-bottom: 1.3rem; justify-content:center;}
.common-bx .subheading span{display: inline-block; width:1.4rem; height:1.4rem;}
.probbox .subheading {color:var(--sky-100);}
.probbox .subheading span{background:var(--sky-100);}
.solutionbox .subheading {color:var(--red-100);}
.solutionbox .subheading span{background:var(--red-100);}
.common-bx h2{color:var(--black); font-size: 4rem; font-weight: 500; line-height:5.4rem; font-weight: 500; letter-spacing:-1px; margin-bottom: 1.5rem;}
.common-bx p{color: var(--black); font-size: 1.6rem; font-weight: 400; line-height:3rem;  }

.ulbox{ width:48rem; margin:0 auto;}
.ulbx-border{width:100%; margin-bottom: 2.5rem;}
.ulbx-border-bottom{width:100%; margin:2.7rem 0;}
.list-hedaing{color:var(--black); font-size: 1.8rem; font-weight: 600; line-height: 3rem; text-align: left; margin-bottom: 2rem;}
.ul-bx-inner{width:38.9rem; margin:0 auto;}
.ul-bx-inner ul{list-style:none; padding:0; margin:0; text-align: left; }
.ul-bx-inner ul li{display:block; padding-left: 4.2rem; font-size: 1.5rem; font-weight: 500; line-height: 3.5rem; color:var(--black); position: relative; }
.ul-bx-inner ul li:last-child{padding-bottom: 0; }
.ul-bx-inner ul li:before{content:""; content: "\e900"; font-family: 'icomoon'; color:#4C6EF5; font-size: 2rem; position: absolute; left:0; top:0.2rem;}
.additional-text{width:49.2rem; margin:0 auto; padding-bottom: 3rem;}
.additional-text p{font-size: 1.4rem; font-weight: 400; line-height: 3rem; padding-bottom:0rem;}
.solutionbox .ul-bx-inner{width:42rem;}
.solutionbox .ul-bx-inner ul li:before{color:var(--red-100);}

/**core value**/
.corevalue{padding:12rem 0; background: linear-gradient(99deg, #010B21 43.73%, #152865 102.47%); position: relative; z-index:1;}
.corevalue:after{content:""; background: url('../images/background-border.svg')0 0 no-repeat; position: absolute; left:0; top:0; z-index:-1; width:100%; height:95%;}
.inner-corevalue{margin:0 auto; width:112.1rem; position: relative;}
.headingsec{width:100rem; margin:0 auto; text-align: center; font-weight: 600; margin-bottom: 4rem;}
.heading{display: inline-block; padding:0 1.5rem; font-size: 2rem; font-weight: 600; line-height: 4rem; color:var(--white); background: var(--red-100); transform: rotate(-4.2deg);  text-transform: uppercase; }
.headingsec h2{font-size:5.5rem;line-height: 7.1rem; font-weight: 600; letter-spacing: -0.55px; }
.core-box-shadow-holder{ position: relative;}
.innercorebxholder{display: grid; grid-template-columns: repeat(2, 1fr);  gap:2.3rem; position: relative; z-index:9;}
.corebx{padding:4.9rem 5.5rem 4.4rem 4.1rem; border-radius: 1.5rem;  background: rgba(212, 212, 212, 0.10); backdrop-filter: blur(17.5px); -webkit-backdrop-filter: blur(17.5px);  display: flex; gap:3.8rem; position: relative; z-index:3;  }
.corebx:after{content:""; width:100%; height:100%; background: url('../images/box-border.png')0 0 no-repeat; left:0; top:0; z-index:1; position: absolute; background-size:100% 100%;}
.corebx figure{width:6.3rem;}
.bxtext{width:79%;}
.bxtext h3{font-size:2.4rem; font-weight: 500; line-height: 4.4rem; letter-spacing:-1px; color:#F8FAFC; margin-bottom: 1rem; }
.bxtext p{font-size:1.8rem; font-weight: 400; line-height: normal;  color:#7E858E; padding-bottom: 0; }
.red-blur-img{width:47.7rem; height:47.7rem; border-radius:50%; opacity: 0.2; background: #FF1013; filter: blur(75px); position: absolute;     left: -23.6rem;
    top: -4.3rem;}
.blue-blur-img{width:47.7rem; height:47.7rem; border-radius:50%; opacity: 0.2; background: #4C6EF5; filter: blur(75px); position: absolute; right:-28.6rem; bottom:-13.3rem;}
.button-sec{text-align: center; padding-top: 5.7rem;}
.bottom-clipimg{position: absolute; left:22.6rem;  bottom:-5rem;}
.top-clipimg{position: absolute; right:-20rem;  top:6rem;}
/**why us**/
.whyus{padding:12rem 0;}
.whyus .heading{background: var(--sky-100);}  
.whyus h2{color:var(--black-100); margin-bottom: 3.5rem;}  
.whyus .headingsec p{max-width:85.9rem; margin:0 auto; padding: 0;}
.whyusinnerbx{ padding:2.8rem; border-radius: 15px;  backdrop-filter: blur(17.5px); width:127.8rem; margin:0 auto; border-radius: 1.5rem;  }
.whyusinnerbx:after{content:""; width:100%; height:100%; background: url('../images/why-innerborder.png')0 0 no-repeat; left:0; top:0; z-index:1; position: absolute; background-size:100% 100%; border-radius: 1.5rem;}
.why-inner-upperbx{display: grid; grid-template-columns: repeat(3, 1fr);  gap:2.3rem;}

.whybx{padding:3.8rem 2.6rem 3.8rem 3.8rem; background: #fff; border-radius: 1.5rem; position: relative; z-index:1; }
.whybx:after{content:""; width:100%; height:100%; background: url('../images/shrtbxbrdr.png')0 0 no-repeat; left:0; top:0; z-index:-1; position: absolute; background-size:100% 100%; border-radius: 1.5rem;}
.whybx h4{color:var(--black); font-size: 1.8rem; font-weight: 600; line-height: 3rem; margin-bottom: 1.5rem;}
.list-top-line{ margin-bottom: 2rem;}
ul.why-us-list{list-style:none; padding:0; margin:0; text-align: left; }
ul.why-us-list li{display:block; padding-left: 4.2rem; font-size: 1.5rem; font-weight: 500; line-height: 3.5rem; color:var(--black); position: relative; }
ul.why-us-list li:last-child{padding-bottom: 0; }
ul.why-us-list li:before{content:""; content: "\e900"; font-family: 'icomoon'; color:#4A5565; font-size: 2rem; position: absolute; left:0; top:0.2rem;}
.why-blue-bx{padding:0.9rem 0.9rem 0.9rem 5.3rem; background:var(--sky-100); border-radius: 1.5rem; grid-column: span 2; display: flex; align-items:center; gap:4.4rem; justify-content: space-between;}
.why-blue-bx h3{width:18.8rem; font-size: 3.4rem; font-weight: 600; line-height:normal; letter-spacing: -0.34px;}
.blu-inbx{padding:2.2rem 5.8rem 2.6rem 3.8rem; background: #fff; border-radius: 1.5rem; width:65%; }
.blu-inbx h4{color:var(--black); font-size: 1.8rem; font-weight: 600; line-height: 3rem; margin-bottom: 1.5rem;}
.blu-inbx ul.why-us-list li:before{color:var(--sky-100);}
.why-inner-dwnbx{padding-top: 5.6rem; width:100%; display: flex; align-items:center; justify-content: space-between; position: relative; z-index:2;}
.why-inner-dwnbx h3{color:var(--black); font-size:2.4rem; font-weight: 500; line-height:4.4rem;}
.why-inner-dwnbx p{ padding-bottom: 0; font-size: 1.5rem; font-weight: 500;}
/***platform**/
.platform{padding:11.6rem 0 0; background: linear-gradient(135deg, #E8ECFF 0%, #FFF1F0 100%); position: relative;}
.platform .headingsec{margin-bottom: 2rem;}
.platform .headingsec h2{color:var(--black); margin-bottom: 2rem;}
.platform .headingsec p{color:#4A5565; padding-bottom:0; text-transform: capitalize; }
.platformimgsec{margin:0 auto; width:118.7rem;}
.platformimgsec img{width:100%;}
.site-absolute-logo{width:165.6rem; position: absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.site-absolute-logo img{width:100%;}
.platform .container{position: relative; z-index:2;}

/***native sec***/
.native{background: linear-gradient(99deg, #010B21 43.73%, #152865 102.47%); padding:12.3rem 0 11.7rem; position: relative; z-index:1;}
.native:after{content:""; background: url('../images/background-dot.png')0 0 no-repeat; width:100%; height:100%; position: absolute; left:0; top:0; z-index:-1;     background-size: 100% 100%;}
.native .headingsec{width:115.7rem; margin-bottom:5.9rem;}
.native .headingsec h2{margin-bottom: 2rem;}
.native .headingsec .heading{background: var(--sky-100);}
.native .headingsec p{width:115.7rem;}
.fourbx-holder{display: grid; grid-template-columns: repeat(4, 1fr);  gap:7.1rem;}
.fourbx-holder .bx{position: relative; padding-right: 4.2rem;}
.fourbx-holder .bx:last-child{ padding-right: 2rem;}
.fourbx-holder .bx:after{content:""; width:0.1rem; height:100%; position: absolute; top:0; right:0; background: #4C6EF5; opacity: 0.5;}
.fourbx-holder .bx:last-child:after{display: none;}
.fourbx-holder .bx p{color:var(--white); font-size: 2.2rem; font-weight: 500; line-height: normal; letter-spacing: -1px; padding-bottom: 0;}
.buttonwrapper{text-align: center; padding-top: 10rem;}


/***audience sec***/
.audience{padding:12rem 0;}
.audience .headingsec{margin-bottom: 3rem;}
.audience .headingsec .heading{background: var(--sky-100);}
.audience .headingsec h2{color:var(--black); margin-bottom: 0;}
.aud-fourbx-holder{display: grid;  grid-template-columns: repeat(4, 1fr);  gap:2.4rem; }
.audbx{padding:4.9rem 6rem 5.8rem 4.1rem; border-radius: 1.5rem; border: 0.1rem solid #E6E6E6; background: var(--white);}
.audbx h3{color:var(--black); font-size: 2.4rem; line-height:normal; font-weight: 500; margin-bottom: 4.2rem; height:5.3rem;}
.audbx p{padding-bottom: 0;}
.audience figure{margin-bottom: 4rem;}
.audience .buttonwrapper{text-align:center; margin-top: 5rem; padding:0;}

/**scalibilty**/
.scalibilty{padding:10.7rem 0 12rem; background: #F8FAFC;}
.innerscalibilitysec{display: flex; }
.innerscalibilitysec .headingsec{margin:inherit; text-align: left;}
.left-scalibiltysec{width:57%;}
.scalibilty .headingsec{margin-bottom: 0.9rem;}
.scalibilty .headingsec{width:100%;}
.scalibilty .heading{background: var(--sky-100);}
.scalibilty .headingsec h2{color:var(--black);}
.scalibilty .left-scalibiltysec p{padding-bottom: 1.9rem; color:var(--black); font-size: 1.6rem; font-weight: 400; line-height:normal;}
.scl-list-border{margin-bottom: 1.5rem;}
.pwrapper{max-width:85%;}
.teamsec h3{color:var(--black); font-size: 1.8rem; font-weight: 600; line-height: 3rem; margin-bottom: 1rem;}
.teamsec ul{list-style:none; padding:0; margin:0; text-align: left; display: flex; flex-wrap:wrap; gap:0 13rem; margin-bottom: 4.7rem; }
.teamsec ul li{display:block; padding-left: 4.2rem; font-size: 1.5rem; font-weight: 500; line-height: 3.5rem; color:var(--black); position: relative; width:31%;  }
.teamsec ul li:last-child{padding-bottom: 0; }
.teamsec ul li:before{content:""; content: "\e900"; font-family: 'icomoon'; color:var(--sky-100); font-size: 2rem; position: absolute; left:0; top:0.2rem;}
.teamsec p{font-size: 1.4rem; padding-bottom: 0; line-height: 3rem;}
.teamsec .button{margin-top: 2rem;}
.right-scalibility{width:50%;}
.right-scalibility figure{width:100%;}
.right-scalibility figure img{width:100%;}

/**comparison**/
.comparison{padding:12rem 0; background: linear-gradient(99deg, #010B21 43.73%, #152865 102.47%); position: relative; z-index:1; }
.comparison:after{content:""; width:100%; height:100%;  background: url(../images/comparison-bg-after.png)0 0 no-repeat; background-size: 100% 100%; position: absolute; left:0; top:0; z-index:-1;}
.comparison .headingsec{width:111.2rem; margin-bottom: 3.3rem;}
.comparison .headingsec h2{margin-bottom: 2rem;}
.comparison .headingsec p{color:var(--sky-100);}
.withbxsec{width:113.4rem; margin:0 auto; display: grid; grid-template-columns: repeat(2, 1fr); }

.leftwthbx{border-radius: 1.5rem 0 0 1.5rem; background: rgba(212, 212, 212, 0.10);
backdrop-filter: blur(17.5px); position: relative; padding:4.4rem 8.7rem 4.8rem 5.4rem; }
/* .leftwthbx:after{content:""; width:100%; height:100%; background: url('../images/why-innerborder.png')0 0 no-repeat; left:0; top:0; z-index:1; position: absolute; background-size:100% 100%; border-radius: 1.5rem 0 0 1.5rem;} */

.leftwthbx h3{color:(--white); font-size: 4rem; font-style: normal; font-weight: 500; line-height:5.4rem; letter-spacing: -1px; margin-bottom: 2.3rem;}
.rightwthbx{padding:4.3rem 4.3rem; background: #E53935; border-radius: 0 1.5rem 1.5rem 0;}
.rightwthbx h3{color:(--white); font-size: 4rem; font-style: normal; font-weight: 500; line-height:5.4rem; letter-spacing: -1px; margin-bottom: 2.3rem;}
.leftwthbx ul{list-style:none; padding:0; margin:0;}
.leftwthbx ul li{padding-left: 2.5rem; color:var(--white); font-size:1.8rem; line-height:normal; font-weight: 500; position: relative;  }
.leftwthbx ul li:before{content:""; width:0.4rem; height:0.4rem; border-radius:50%; background:var(--white); position: absolute; left:0.5rem; top:1.1rem;  }
.rightwthbx ul{list-style:none; padding:0; margin:0;}
.rightwthbx ul li{padding-left: 4.4rem; color:var(--white); font-size:1.8rem; line-height:normal; font-weight: 500; position: relative;  }
.rightwthbx ul li:before{content:""; content: "\e900"; font-family: 'icomoon'; color:var(--white); font-size: 2rem; position: absolute; left:0; top:0.3rem;}
.differentbx{width:124.8rem; margin:0 auto; height:12rem; margin-top: 5.4rem; display: flex; justify-content:center; align-items:center; position: relative;}
.differentbx p{font-size: 3.2rem; line-height:normal; font-weight: 500; color:var(--white); padding-bottom: 0;}
.differentbx:before{content:""; width:3.9rem; height:12.8rem; background: url('../images/left-braket.png')0 0 no-repeat; background-size: 100% 100%; position: absolute; left:0; top:0; transform:rotate(180deg);}
.differentbx:after{content:""; width:3.9rem; height:12.8rem; background: url('../images/left-braket.png')0 0 no-repeat; background-size: 100% 100%; position: absolute; right:0; top:0; }

/**aboutus**/
.aboutussec{padding:18.2rem 0;}
.innerabout{width:113.2rem; margin:0 auto; text-align: center;}
.innerabout .headingsec{width:100%; margin-bottom: 3rem;}
.innerabout .heading{background: var(--sky-100);}
.innerabout .headingsec h2{color:var(--black);}
.innerabout p{font-size: 2.4rem; font-weight: 500; line-height: 4.2rem; color:#4A5565; padding-bottom: 0px;}
.innerabout .button{background: #E53935; margin-top: 4rem;}

/**qustion sec*/
.quastion{padding:12rem 0; background: #F8FAFC;}
.quastion h2{color:var(--black); font-size: 5.5rem; font-weight: 600; line-height: 7.1rem; letter-spacing:-0.55px; margin-bottom: 3rem; text-align: center;}
.accordianholder{width:118rem; margin:0 auto; }
.accordianbx{width:100%; padding:5.2rem 6rem; background: var(--white); border-bottom:1px solid #F8FAFC;}
.accordianbx:last-child{border-bottom:none;}
.accordian-head{display: flex; align-items:center; cursor:pointer; }
.plus-closebox{margin-left:auto; background: #F3F5F6; width:4.8rem; height:4.8rem; border-radius: 50%; display: flex; justify-content:center; align-items:center; transition:0.5s; } 
.plus-closebox span{display: inline-block; transition:0.5s;}
.plus-closebox span.close{display: none;}
.plus-closebox span.plus{color:var(--black); font-size: 2.7rem; font-weight: 400; }
.plus-closebox:hover{background: #E53935;}
.plus-closebox:hover span{color:var(--white);}
.accordian-head h3{color:var(--black); font-size: 3.2rem; line-height:normal; font-weight: 500;}
.accordian-content{padding-top: 2.4rem; width:80%; display: none;}
.accordian-content p{font-size: 1.8rem; font-weight: 400; color:#4A5565; line-height:normal; padding-bottom: 2rem;}
.accordianbx.active{padding-bottom: 3.2rem;}
.accordianbx.active .plus-closebox{background: #E53935;}
.accordianbx.active .plus-closebox span.plus{display: none;}
.accordianbx.active .plus-closebox span.close{display: block; color:var(--white); font-size:2.4rem;}
.accordianbx.active .accordian-head h3{color:var(--sky-100);}

/**footer**/
.footer{padding:10.8rem 0; background: linear-gradient(99deg, #010B21 43.73%, #152865 102.47%); position: relative; z-index:1; overflow:hidden;}
.footer:after{content:""; width:100%; height:100%; background:url('../images/footernet.png')0 0 no-repeat; background-size: 100% 100%; position: absolute; left:0; top:0; z-index:-1; }
.footer .container{position: relative;}
.upper-footer{width:146.4rem; margin:0 auto; text-align:center;}
.upper-footer h2{font-size: 6.5rem; line-height:7.6rem; letter-spacing: -0.65px; text-transform: capitalize; color:var(--white); margin-bottom: 2rem; }
.upper-footer p{font-size:1.8rem; color:var(--white); font-weight: 400; line-height:3rem; text-transform: capitalize; max-width:71.5rem; margin:0 auto 4rem;}
.idiassec{display: flex; justify-content:center; align-items:center; gap:1rem;}
.idiassec span{display: inline-block; padding:1.2rem 3rem; border:1px solid #fff; border-radius: 10rem; font-size: 1.8rem; line-height: 1.8rem; font-weight: 500; }
.footerbuttonsec{display: flex; justify-content:center; align-items:center; gap:0.8rem; margin-top: 5rem;}
.footerbuttonsec .button{min-width:20.2rem;}
.down-footer{background: var(--white); border-radius:2rem; padding:4.4rem 15.2rem 4.4rem 5.8rem; margin-top: 10.4rem; position: relative; z-index:1;}
.inner-downfooter{display: flex; }
.left-down-footer a{display: inline-block; margin-bottom: 3rem;}
.left-down-footer a img{width:19.4rem;}
.left-down-footer p{padding-bottom: 0; color:var(--black); font-weight: 400;}
.right-down-footer{margin-left:auto; display: flex; gap:17.7rem;}
.common-footer-menu ul{list-style:none; margin:0; padding:0;}
.common-footer-menu ul li{display: block;}
.common-footer-menu ul li a{display: inline-block; font-size:1.8rem; line-height: 3.7rem; font-weight: 400; color:#0A0F15; transition:0.5s;}
.common-footer-menu ul li.active a{color:var(--sky-100);}
.common-footer-menu ul li a:hover{color:var(--sky-100);}
.red-footershadow{position: absolute; width:36.5rem; height:36.5rem; border-radius:36.5rem; opacity: 0.2; background: #FF1013; filter: blur(75px); position: absolute; top:34%; left:-20rem;}
.blue-footershadow{position: absolute; width:47.7rem; height:46.2rem; border-radius:47.7rem; opacity: 0.2; background: #4C6EF5; filter: blur(75px); position: absolute; top:44%; right:-13rem;}
.footer-clip-img{position: absolute; top:10%; right:4rem;}



/* Capabilities page style start */
.inn-common-heading h2 {font-size: 5.5rem; font-weight: 600; line-height: 7.1rem; color: #000; margin-bottom: 2.1rem;}
.inn-common-heading p {font-size: 1.6rem; font-weight: 400; line-height: 3rem; color: #000; margin-bottom: 0;}
.inn-common-heading span {font-size: 1.6rem; font-weight: 400; line-height: 3rem; color: #4A5565;}

.inn-banner-section {position: relative; width: 100%; height: auto; overflow: hidden; background-image: url(../images/banner-bg.svg); background-repeat: no-repeat; background-size: cover;}
.inn-banner-text-block {margin: 18.7rem auto 0; width: 100%; max-width: 93rem; text-align: center; position: relative;}
.inn-banner-text-block::before {content: ""; position: absolute; top: 13rem; left: -35rem; z-index: -1; background-image: url('../images/dott-box-shape.svg'); background-repeat: no-repeat; background-size: 17.3rem; width: 17.3rem; height: 17.3rem;}
.inn-banner-text-block::after {content: ""; position: absolute; bottom: 0; right: -38rem; z-index: -1; background-image: url('../images/dott-box-shape.svg'); background-repeat: no-repeat; background-size: 17.3rem; width: 17.3rem; height: 17.3rem; filter: brightness(0.1); opacity: 0.5;}
.inn-banner-text-block span {font-size: 1.8rem; font-weight: 500; line-height: 2.4rem; color: #000; position: relative; width: max-content; height: 100%; display: flex; align-items: center; justify-content: center; margin: 0 auto;}
.inn-banner-text-block span::before {content: ""; position: absolute; background-image: url('../images/text-bg-gradient.svg'); background-repeat: no-repeat; background-size: cover; height: 4.3rem; min-width: 12.5rem;}
.inn-banner-text-block h1 {font-size: 6.5rem; font-weight: 600; line-height: 7.6rem; color: #000; margin-top: 2.1rem;}
.inn-banner-text-block p {font-size: 1.8rem; font-weight: 400; line-height: normal; color: #4A5565; margin-top: 2.7rem;}
.inn-banner-text-block .button-grp {justify-content: center; margin-top: 3.1rem; margin-bottom: 1.7rem;}
.inn-banner-img {width: 104.5rem; height: auto; margin: auto;}
.inn-banner-img img {mix-blend-mode: darken;}

.generation-section {position: relative; padding-top: 11.5rem; padding-bottom: 12.5rem; background-color: #04113d;}
.generation-section::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('../images/generation-bg.jpg'); background-repeat: no-repeat; background-size: cover;}
.generation-background {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.generation-background img {width: 100%; height: 100%;}
.generation-wrapper {position: relative; z-index: 1; text-align: center;}
.generation-wrapper::before {content: ""; position: absolute; top: -5rem; left: 2.5rem; z-index: -1; background-image: url('../images/dott-box-shape.svg'); background-repeat: no-repeat; background-size: 17.3rem; width: 17.3rem; height: 17.3rem;}
.generation-wrapper::after {content: ""; position: absolute; bottom: -1.6rem; right: 9.4rem; z-index: -1; background-image: url('../images/dott-box-shape.svg'); background-repeat: no-repeat; background-size: 17.3rem; width: 17.3rem; height: 17.3rem;}
.generation-wrapper h2 {font-size: 5.5rem; font-weight: 600; line-height: 6.2rem; color: #ffffff;}
.generation-wrapper span {display: block; font-size: 2.2rem; font-weight: 400; line-height: 3rem; color: #ffffff; margin-top: 3.2rem; text-transform: capitalize;}
.generation-box-col {margin: 0 auto; padding: 0 8.2rem;}
.generation-txt-box {background-color: #102562; padding: 4rem; margin-top: 3.8rem;}
.generation-txt-box p {padding-bottom: 0; font-size: 1.8rem; font-weight: 400; line-height: 3rem; color: #ffffff; text-transform: capitalize;}

.capability-section {position: relative; padding-top: 11.5rem; padding-bottom: 11.9rem; background-color: #F8FAFC;}
.capability-section::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('../images/capability-bg.jpg'); background-repeat: no-repeat; background-size: cover;}
.capability-section .container {position: relative; z-index: 1;}
.capability-background {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.capability-background img {width: 100%; height: 100%;}
.capability-col {padding: 0; margin: 0 auto;}
.capability-section .inn-common-heading {margin-bottom: 4rem;}
.capability-section .inn-common-heading h2 {text-align: center;}
.capability-section .inn-common-heading p {font-size: 1.8rem; text-align: center; text-transform: capitalize; width: 100%; max-width: 50rem; margin: 0 auto; padding-bottom: 0px;}
.capability-wrapper {display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 2.4rem; row-gap: 2.6rem;}
.capability-item {border-radius: 2rem; background-color: #fff; box-shadow: 0 0 15px 0 rgba(92, 107, 168, 0.05); padding: 2.8rem 2rem 2.8rem 3rem; display: flex; align-items: center; gap: 2.5rem;}
.capability-item-icon {background-image: url(../images/capability-item-icon-bg.svg); background-repeat: no-repeat; background-size: cover; width: 7.1rem; height: 7.1rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.capability-item p {padding-bottom: 0; font-size: 2rem; font-weight: 500; line-height: normal; color: #000;}

.content-image-section {padding-top: 13.2rem; padding-bottom: 11.0rem; position: relative;}
.content-image-section .inn-common-heading p {padding-bottom: 2rem;}
.content-image-text-block {width: 70rem;}
.content-image-wrapper .row {align-items: center;}
.content-image-wrapper .row:not(:last-of-type) {margin-bottom: 11.0rem;}
.capability-points-block {margin-top: 3.5rem;}
.capability-points-block h3 {font-size: 1.8rem; font-weight: 600; line-height: 2.4rem; color: #4C6EF5; position: relative; padding-top: 1.5rem; margin-bottom: 2.4rem;}
.capability-points-block h3::after {content: ""; position: absolute; top: 0; left: 0; background-image: url('../images/line-shape.svg'); background-repeat: no-repeat; width: 100%; height: 0.1rem;}
.capability-points-block ul {list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 2rem;}
.capability-points-block ul li img {width: 2rem; height: 2rem;}
.capability-points-block ul li {font-size: 1.5rem; font-weight: 500; line-height: 2.4rem; color: #000; display: flex; align-items: flex-start; gap: 2rem;}
.capability-points-block ul li:not(:last-of-type) {margin-bottom: 1.1rem;}
.criteria-box {border: 0.1rem solid #E6E6E6; background-color: #fff; border-radius: 1rem; padding-block: 1.5rem; padding-inline: 2.2rem; margin-top: 2rem;}
.criteria-box p {padding-bottom: 0; font-size: 1.4rem; font-weight: 400; line-height: 2.4rem; color: #4A5565;}
.content-image img {width: 100%; height: auto;}
.content-image-wrapper .row:nth-child(odd) .content-image {padding-left: 7.7rem;}
.content-image-wrapper .row:nth-child(even) {flex-direction: row-reverse;}
.content-image-wrapper .row:nth-child(odd) .content-image-text-block {margin-left: 13.2rem;}
.content-image-wrapper .row:nth-child(even) .content-image-text-block {padding-left: 7.7rem; width: 80rem;}

.system-section {background-image: url('../images/system-bg.jpg'); background-repeat: no-repeat; background-size: cover; background-color: #002b5c; padding-block: 12rem;}
.system-section .inn-common-heading h2 {color: #fff; text-align: center;}
.system-section .inn-common-heading p {font-size: 1.8rem; color: #fff; text-align: center;}
.system-graph {position: relative; height: 30.7rem; margin-bottom: 9rem;}
.system-graph::after {content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 100%; height: 30.7rem; background-image: url('../images/line-draw-shape.svg'); background-repeat: no-repeat; background-size: contain;}
.system-graph-icon {width: 8rem; height: 8rem; background-color: #4C6EF5; border-radius: 100%; display: flex; align-items: center; justify-content: center;}
.system-graph-item span {font-size: 1.8rem; font-weight: 500; line-height: 2.4rem; color: #fff; display: block; margin-top: 2rem;}
.system-graph-item {position: absolute; z-index: 1;}
.system-graph-item:first-of-type {top: 15.5rem; left: 20rem;}
.system-graph-item:nth-of-type(2) {top: 7rem; left: 50rem;}
.system-graph-item:nth-of-type(3) {top: 18rem; left: 76rem;}
.system-graph-item:nth-of-type(4) {top: 11rem; left: 105rem;}
.system-graph-item:nth-of-type(5) {top: 1rem; right: 42rem;}
.system-graph-item:last-of-type {top: 4rem; right: 10rem;}
.system-txt-wrapper {display: flex; align-items: center;}
.system-txt-wrapper p {font-size: 2.2rem; font-weight: 400; line-height: 4.2rem; color: #fff; padding-bottom: 0;}
.system-txt-left {background-color: #CC2426; padding-block: 4.4rem; padding-right: 2rem; padding-left: 12rem; width: 62%; min-height: 26rem;}
.system-txt-right {background-color: #112561; padding-block: 4.4rem; padding-right: 12rem; padding-left: 7rem; width: 38%; min-height: 26rem;}

.connected-section {padding-top: 10.8rem; padding-bottom: 7rem; position: relative;}
.connected-section::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('../images/dott-box-shape.svg'); background-repeat: repeat; z-index: -1; opacity: 0.1; filter: brightness(0);}
.connected-section .connected-col {margin: 0 auto; text-align: center;}
.connected-section .inn-common-heading p {font-size: 2.4rem; font-weight: 500; line-height: 4.2rem; color: #4A5565; text-align: center;}
/* /Capabilities page style end */

/*solution page***/
.solution-banner{position: relative; z-index:1; overflow:hidden;}
.solution-banner:after{content:''; position: absolute; left:0; top:0; width:100%; height:100%; background:url('../images/solution-banner-bg.png')0 0 no-repeat; background-size: 100% 100%; z-index:-1;}
.left-sol-banner .subheading{font-size:1.8rem; color:var(--black); line-height:4rem; text-transform: capitalize; font-weight: 500; padding:0.4rem 2.2rem; position: relative; width:max-content; margin-bottom:1.2rem; min-height:4.2rem; }
.left-sol-banner .subheading::before { content: ""; position: absolute; left:0; top:0; width:100%; height:100%; 
  background: url('../images/solution-button-img.png') 0 0 no-repeat; background-size:100% 100%;}
  .inner-solutin-banner{display: flex; align-items:center;}
.solution-banner{padding:19.8rem 0 3.2rem;}
.left-sol-banner{width:48%; padding-right:7.6rem; position: relative; z-index:1;}
.ban-shadow{position: absolute; width:53.9rem; height:54.1rem; background: rgba(73, 227, 238, 0.20); filter: blur(25rem); top:1rem; right:0; z-index:-1;}
.right-sol-banner{width:52%;}
.right-sol-banner figure{width:100%; position: relative; }
.right-sol-banner figure:after{content:''; position: absolute; width:54.1rem; height:54.1rem; background: rgba(73, 227, 238, 0.30); filter: blur(250px); right:0; top:-8rem; z-index:1; border-radius:50%;}
.left-sol-banner figure img{width:100%;}
.left-sol-banner h1{font-size: 6.5rem; font-weight: 400; line-height: 7.6rem; letter-spacing:0.65px; color:var(--black); margin-bottom: 3rem;}
.left-sol-banner h1 span{color:var(--sky-100);}
.left-sol-banner p{color:var(--black); padding-bottom:3rem;}
.left-sol-banner .button-grp{display: flex; align-items:center; gap:1.1rem;}
.built-sec-wrapper{max-width:149.4rem; margin:0 auto;}
.built-sec-wrapper h2{margin:0 2rem;}
.solution-banner-bottom-clipimg{position: absolute; left:-12rem; bottom:-10.6rem;}
.solution-slider-sec{background: linear-gradient(99deg, #010B21 43.73%, #152865 102.47%); padding:17rem 0; position: relative; z-index:1;}
.solution-slider-sec:after{content:''; position: absolute; left:0; top:0; width:100%; height:100%; background:url('../images/slider-secbg.png')0 0 no-repeat; background-size: 100% 100%; z-index:-1;}
.solution-slider-holder{width:100%; display: flex; justify-content:flex-end;}

.challengeSwiper {width:50%; margin-left:inherit; margin-right:inherit;}
.challengeSwiper .swiper-slide{padding:6.6rem 0 0.2rem;}
.challenge-card{padding:8.7rem 4.7rem 5rem;  border-radius: 1rem; position: relative; text-align: center; background: rgba(1, 11, 33, 0.80);
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25); width:100%; height:34.2rem; }
.challenge-card:after{content:""; position: absolute; left:0; top:0; width:100%; height:100%; background: url('../images/slider-border-img.png')0 0 no-repeat; background-size: 100.5% 101%; }
.challenge-card h3{ letter-spacing: -0.35px; font-size: 3.5rem; line-height:5rem; font-weight: 600; margin-bottom: 3rem; color:var(--white); }
.challenge-card p{ text-transform: capitalize; color:var(--white); font-size: 1.8rem; line-height:2.7rem; font-weight: 400;  padding-bottom:0; }
.icon{position: absolute; left:0; right:0; margin:0 auto; width:8rem; height:8rem; display: flex; justify-content:center; align-items:center; background: var(--sky-100); border-radius:50%; top:-4rem; z-index:2;  }
.icon:after{width:100%; height:100%; content:''; background: url('../images/icon-border-circle.png')0 0 no-repeat; position: absolute; left:0; top:0; background-size: 100% 100%; }

.icon img{width:4rem;}
.solution-slider-sec .container{position: absolute; width:100%; left:0; right:0; margin:0 auto; top:50%; transform:translateY(-50%);}
.slider-lefttext{width:50%; padding-right: 15rem;}
.slider-lefttext h2{font-size: 5.5rem; font-style: normal; font-weight: 600; line-height: 6.5rem; letter-spacing: -0.55px; margin-bottom: 3.5rem; color:var(--white);}
.slider-lefttext p{font-size: 1.8rem; font-style: normal; font-weight: 400; line-height: 3rem; text-transform: capitalize; color:var(--white);}
.custom-nav{display: flex; align-items:center; gap:1.6rem; margin-top: 2rem;}
.slderbutton{border-radius: 0.5rem; background: rgba(212, 212, 212, 0.10); backdrop-filter: blur(17.5px); width:6rem; height:6rem; display: flex; align-items:center; justify-content:center; border:none;box-shadow:none;}
.findsec{padding:11.3rem 0; background: linear-gradient(99deg, #010B21 43.73%, #152865 102.47%); position: relative; z-index:1; }
.findsec:after{content:''; position: absolute; left:0; top:0; width:100%; height:100%; background:url('../images/slider-secbg.png')0 0 no-repeat; background-size: 100% 100%; z-index:-1;}
.innertextsec{margin:0 auto; max-width:117rem; text-align: center; }
.innertextsec h2{letter-spacing: -0.65px; text-transform: capitalize; font-size: 6.5rem; font-weight: 600; line-height: 7.6rem; color:var(--white); margin-bottom:3rem;}
.innertextsec p{font-size: 1.8rem; font-weight: 400; line-height: 3rem; color:var(--white); padding-bottom: 4.5rem; max-width:71.5rem; margin:0 auto; } 
.innertextsec .btn-grp{display: flex; gap:1.1rem; justify-content:center;}



/* .solution-wrapper{margin-bottom: 15rem; position: relative;}
.solution-wrapper .content-image{position: relative;}
.solution-wrapper:last-child{margin-bottom: 0rem;}
.solution-wrapper:nth-child(even) .row{flex-direction: row-reverse;}
.solution-wrapper .content-image-text-block { width:100%;  padding-right: 10rem;}
.solution-wrapper:nth-child(even) .content-image-text-block {   padding-right: 0rem; padding-left: 10rem;} */




.solution-heading{margin-bottom:13rem;}
.solution-heading .container{max-width:155.5rem; margin:0 auto; text-align: center;}
.solution-heading h2{font-size: 5.5rem; font-style: normal;font-weight: 600; line-height: 7.1rem; letter-spacing: -0.55px; color:var(--black); margin-bottom: 3rem;}
.solution-heading p{font-size: 2.2rem; font-style: normal;font-weight: 400; line-height: 3rem; letter-spacing: -0.55px; color:#4A5565; padding-bottom: 0;}
.solution-pointsblock{margin-top: 1.5rem;}
.solution-pointsblock ul li{padding-left: 4.1rem; position: relative;}
.solution-pointsblock ul li:after{    content: "\e900"; font-family: 'icomoon';color: #4C6EF5; font-size: 2rem; position: absolute; left: 0; top: 0.2rem; }
.solution-content-img-wrapper .row:nth-child(even) .solution-pointsblock ul li:after{color:var(--red-100);}
.bellowslidersec{padding:10rem 0;}

/* .solution-wrap-one .content-image{ z-index:1;}
.solution-wrap-one .absshadow{position: absolute; top:-2rem; right:-0rem; z-index:-1;}
.solution-wrap-one .absshadow img{width:100%;} */
.solution-genbx{padding:3.3rem 5.6rem; min-width:119.4rem; width:100%;}



/* .bellowslidersec .bellowslider-wrapper:nth-child(odd) .row{flex-direction: row-reverse;}
.bellowslidersec .bellowslider-wrapperr .content-image-text-block { width:100%;  padding-right: 10rem;}
.bellowslidersec .bellowslider-wrapper:nth-child(odd) .content-image-text-block {   padding-right: 0rem; padding-left: 10rem;}
.bellowslider-wrapper{margin-bottom: 15.9rem;}
.bellowslider-wrapper:last-child{margin-bottom: 0rem;} */

.bellowslidersec .content-image-wrapper .row:nth-child(odd) {
    flex-direction: row-reverse;
}
.bellowslidersec .content-image-wrapper .row:nth-child(even) {
    flex-direction: inherit;
}
.bellowslidersec .content-image-wrapper:last-child{margin-bottom: 0;}


.solution-content-img-wrapper .row:nth-child(odd) .content-image {
     padding-left: 0rem; 
}

.bellowslidersec .content-image-wrapper .row:nth-child(odd) .content-image {
    padding-left: 0rem;
}

.solution-content-img-wrapper .content-image-text-block {
    width: 76rem;
}
.solution-content-img-wrapper .inn-common-heading p {
    color:#4A5565;
}

.content-first{font-size: 1.6rem; font-weight: 400; line-height: normal; padding-bottom:2rem; color:#000;}
.inner-footer .upper-footer p{padding-bottom: 0;}


/* About page style start */
.about-common-heading h2 {font-size: 5.5rem; font-weight: 600; line-height: 7.1rem; color: #000;}
.about-common-heading h2 span {color: #4C6EF5;}
.about-common-heading p {font-size: 2.2rem; font-weight: 400; line-height: 3rem; color: #4A5565; text-align: center; padding-bottom: 0;}
.about-common-heading p span {font-size: 1.6rem; font-weight: 400; line-height: normal; color: #4A5565; text-align: center;}
.about-common-heading i {font-size: 1.8rem; font-weight: 500; line-height: 2.4rem; color: #000; font-style: normal; position: relative; min-height: 4.2rem; width: max-content; padding: 0.8rem 1.3rem;}
.about-common-heading i::before { content: ""; position: absolute; left:0; top:0; width:100%; height:100%; 
  background: url('../images/title-style-shape.png') 0 0 no-repeat; background-size:100% 100%;}

.about-content-section {position: relative; margin-top: 21.3rem;}
.about-content-heading {width: 100%; max-width: 97.0rem; margin-bottom: 3.7rem;}
.about-content-heading i {font-size: 1.8rem; font-weight: 500; line-height: 2.4rem; color: #000; font-style: normal; background-image: url('../images/btn-shape.svg'); background-repeat: no-repeat; background-size: cover; padding: 0.8rem 1.8rem;}
.about-content-heading h1 {font-size: 6.5rem; font-weight: 400; line-height: 7.6rem; color: #000;  margin-top: 2rem;}
.about-content-heading h1 span {font-weight: 600; color: #4C6EF5;}
.about-content-wrapper {display: flex; align-items: flex-start; justify-content: space-between; gap: 18.2rem;}
.about-content-left {width: 100%; max-width: 82.4rem;}
.about-content-left p {font-size: 1.8rem; font-weight: 400; line-height: normal; color: #000;}
.about-content-left .footerbuttonsec {justify-content: flex-start; margin-top: 1.2rem;}
.about-content-right {width: 100%; max-width: 55.7rem;}
.about-content-right p {font-size: 2rem; font-weight: 500; line-height: 3.4rem; color: #000;}

.about-experience-area {padding-top: 8.4rem; padding-bottom: 5rem;}
.experience-img {width: 100%; height: auto; border-radius: 4.9rem; overflow: hidden;}
.experience-img img {width: 100%; height: auto; border-radius: 4.9rem;}

.growth-section {padding-top: 7.5rem; padding-bottom: 11.3rem; background-image: url('../images/growth-bg.png'); background-repeat: no-repeat; background-size: cover;}
.growth-col {margin: 0 auto;}
.growth-section .about-common-heading h2 {text-align: center; width: 100%; max-width: 104.1rem; margin: 0 auto 1.6rem;}
.growth-section .about-common-heading p {padding-bottom: 0.9rem;}
.growth-wrapper {margin-top: 3.4rem;}
.growth-item {border: 0.1rem solid #E6E6E6; background-color: #FFF; border-radius: 1.5rem; padding: 4rem 3rem 1rem;}
.growth-item p {font-size: 1.6rem; font-weight: 400; line-height: normal; color: #4A5565;}

.why-section {background-image: url(../images/why-bg.jpg); background-repeat: no-repeat; background-size: cover; padding-top: 11.2rem; padding-bottom: 10.4rem;}
.why-content-left {padding-right: 8rem;}
.why-content .about-common-heading i {font-style: normal; font-size: 1.8rem; font-weight: 500; line-height: 4rem; color: #fff; background-image: url('../images/title-shape.svg'); background-repeat: no-repeat; background-size: cover; padding: 0.8rem 1.5rem;}
.why-content .about-common-heading h2 {color: #fff; margin-top: 1.5rem; margin-bottom: 3rem;}
.why-content .about-common-heading p {font-size: 1.6rem; line-height: normal; color: #fff; text-align: left; padding-bottom: 2.4rem;}
.why-image {width: 30rem; height: auto; margin-bottom: 1rem; margin-left: -1.8rem;}
.why-image img {width: 100%; height: auto;}

.taught-section {padding-block: 12.0rem; background-image: url('../images/capability-bg.jpg'); background-repeat: no-repeat; background-size: cover;}
.taught-section .about-common-heading i {font-size: 1.8rem; font-weight: 500; line-height: 2.4rem; color: #000; font-style: normal; position: relative; padding-block: 0.8rem; padding-inline: 2.2rem;}
.taught-section .about-common-heading i::after {content: ""; position: absolute; inset: 0; border-radius: 1rem; padding: 0.2rem; background: linear-gradient(90deg, red, blue); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude;}
.taught-section .about-common-heading h2 {margin-top: 3.4rem;}
.taught-wrapper {margin-top: 4.2rem;}
.taught-item { background-color: #fff; border-radius: 2rem; box-shadow: 0 0 20px 0 rgba(92, 107, 168, 0.05); padding: 5rem 2rem 5rem 5.2rem;}
.taught-wrapper .taught-col:nth-of-type(odd) .taught-item {border: 0.1rem solid #E53935;}
.taught-wrapper .taught-col:nth-of-type(even) .taught-item {border: 0.1rem solid #4C6EF5;}
.taught-item .ul-bx-inner {width: 66rem; margin-right: auto; margin-left: 0; min-height: 21rem;}
.taught-item .ul-bx-inner ul li {font-size: 1.6rem; font-weight: 400; line-height: 2.8rem; color: #4A5565; display: flex; align-items: flex-start;} 
.taught-item .ul-bx-inner ul li:not(:last-of-type) {margin-bottom: 1rem;}
.taught-item .ul-bx-inner ul li:before {top: 0;}
.taught-bottom {position: relative; padding-right: 7rem; padding-top: 2.6rem; margin-top: 6.2rem;}
.taught-bottom::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 0.1rem; background-image: url('../images/line-shape.svg'); background-repeat: no-repeat; background-size: cover;}
.taught-bottom p {font-size: 1.8rem; font-weight: 600; line-height: 3rem; color: #4C6EF5; padding-bottom: 0;}

.vzoq-different-section {padding-top: 6rem; padding-bottom: 6rem;}
.about-common-heading.vzoq-different-heading {padding-right: 12rem;}
.about-common-heading.vzoq-different-heading h2 {margin-top: 3.6rem;}
.vzoq-different-content p {font-size: 1.6rem; font-weight: 400; line-height: normal; color: #4A5565;}
.vzoq-different-content p span {color: #000;}
.vzoq-different-content h3 {font-size: 1.8rem; font-weight: 600; line-height: 3rem; position: relative; padding-top: 2.8rem;}
.vzoq-different-content h3::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 0.1rem; background-image: url('../images/line-shape.svg'); background-repeat: no-repeat; background-size: cover;}
.vzoq-different-content .text-blue h3 {color: #4C6EF5;}
.vzoq-different-content .text-black {margin-top: 3rem; margin-bottom: 2.8rem;}
.vzoq-different-content .text-black h3 {color: #000;}
.vzoq-different-content .ul-bx-inner {width: auto; margin-top: 3.4rem;}
.vzoq-different-content .ul-bx-inner ul li {font-size: 1.6rem; line-height: 2.4rem; color: #4A5565;}
.vzoq-different-content .ul-bx-inner ul li:not(:last-of-type) {margin-bottom: 1rem;}
.vzoq-different-wrapper {margin-top: 9rem; align-items: center;}
.vzoq-different-wrapper .about-common-heading h2 {margin-top: 3.4rem; margin-bottom: 3.2rem; width: 100%; max-width: 70rem;}
.vzoq-different-wrapper .vzoq-different-content .ul-bx-inner {margin-top: 0; margin-bottom: 3rem;}
.vzoq-different-img {width: 100%; height: auto; padding-right: 3.4rem; border-radius: 4.9rem; overflow: hidden;}
.vzoq-different-img img {width: 100%; height: auto; border-radius: 4.9rem;}
.vzoq-different-wrapper:nth-last-of-type(odd) {flex-direction: row-reverse;}
.vzoq-different-wrapper:nth-last-of-type(odd) .vzoq-different-img {padding-right: 0;} 
.vzoq-different-wrapper:nth-last-of-type(odd) .vzoq-different-content {padding-right: 3.4rem;}
.text-small {position: relative; padding-top: 2.8rem;}
.text-small p {font-size: 1.6rem; font-weight: 400; line-height: 2.4rem; color: #000;}
.text-small::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 0.1rem; background-image: url('../images/line-shape.svg'); background-repeat: no-repeat; background-size: cover;}

.trust-section {padding-top: 6rem; padding-bottom: 4rem;}
.about-common-heading.trust-heading {width: 100%; max-width: 93.4rem; margin: 0 auto;}
.about-common-heading.trust-heading i {display: block; margin: 0 auto;}
.about-common-heading.trust-heading h2 {text-align: center; margin-top: 3.4rem;}
.trust-image {width: 100%; height: auto; padding-right: 3rem; border-radius: 4.9rem;}
.trust-section .row {margin-top: 6.6rem;}
.trust-image img {width: 100%; height: auto; border-radius: 4.9rem;}
.trust-content h3 {font-size: 2.6rem; font-weight: 600; line-height: normal; color: #000;}
.trust-short-content {margin-top: 5.4rem; display: grid; grid-template-columns: repeat(3, 1fr); gap: 6rem;}
.trust-short-content p {font-size: 1.6rem; font-weight: 400; line-height: normal; color: #4A5565;}

.help-section {background-image: url('../images/help-bg.jpg'); background-repeat: no-repeat; background-size: cover; overflow: hidden; padding-top: 9.6rem; padding-bottom: 5.6rem; border-top-left-radius: 10rem; border-top-right-radius: 10rem; border-bottom-left-radius: 2rem; border-bottom-right-radius: 2rem;}
.about-common-heading.help-heading h2 {margin-top: 3.4rem; padding-bottom: 4.6rem;}
.about-common-heading.help-heading p {font-size: 1.6rem; line-height: 2.4rem; text-align: left; padding-bottom: 3rem;}
/* /About page style end */

/* Pricing page style start */
.pricing-common-heading h2 {font-size: 5.5rem; font-weight: 600; line-height: 7.1rem; color: #000; text-align: center;}
.pricing-common-heading p {font-size: 1.6rem; font-weight: 400; line-height: normal; color: #4A5565; padding-bottom: 0; text-align: center;}

.pricing-banner-section {padding-bottom: 8rem;}
.pricing-col {margin: 0 auto;}
.pricing-banner-content {position: relative; margin: 24.3rem auto 0; width: 100%; max-width: 97.0rem;}
.pricing-banner-content i {display: block; width: fit-content; font-size: 2rem; font-weight: 600; line-height: 2.4rem; color: #fff; text-transform: uppercase; background-color: #000; font-style: normal; border-radius: 0.6rem; text-align: center; transform: rotate(-4.2deg); padding: 0.4rem 1rem;}
.pricing-banner-content h1 {font-size: 6.5rem; font-weight: 400; line-height: 7.6rem; color: #000; text-align: center; margin-bottom: 2.2rem;}
.pricing-banner-content h1 span {color: #4C6EF5;}
.pricing-banner-content p {font-size: 1.8rem; font-weight: 400; line-height: normal; color: #000; text-align: center; width: 100%; max-width: 82.4rem; margin: 0 auto;}
.pricing-banner-content .button-grp {justify-content: center; margin-top: 2rem;}

.plan-section {background-image: url('../images/capability-bg.jpg'); background-size: cover; background-repeat: no-repeat; padding-top: 12.3rem; padding-bottom: 12rem;}
.billing-toggle {border: 0.1rem solid #E2E8F0; background-color: #fff; box-shadow: 0 0 20px -1.25px rgba(76, 110, 245, 0.10); border-radius: 10rem; width: fit-content; display: flex; align-items: center; justify-content: space-between; padding: 0.5rem; margin: 0 auto;}
.toggle-option {font-size: 2rem; font-weight: 500; line-height: 3rem; color: #64748B; padding: 1rem 2.7rem; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 0.8rem;}
.toggle-option.active {background-color: #1F4B8F; border-radius: 10rem; color: #fff;}
.toggle-option .badge {font-size: 1.5rem; font-weight: 500; line-height: 2rem; color: #fff; display: flex; align-items: center; justify-content: center; width: fit-content; background-color: #10B981; border-radius: 10rem;}
.content-box {display: none;}
.content-box.active {display: block;}
.content-box-block {display: grid; grid-template-columns: repeat(5, 1fr); gap: 3.5rem; margin-top: 5.4rem;}
.pricing-top-wrapper {min-height: 31rem;}
.content-box-item.active { position: relative;} 
.content-box-item-loop {border-radius: 2rem; overflow: hidden; padding-top: 6.5rem; position: relative; height: 100%;}
.content-box-item-loop.active .content-box-item{border-color: #4C6EF5; border-top-left-radius: 0rem; border-top-right-radius: 0rem;}
.content-box-item {border: 0.1rem solid #E2E8F0; background-color: #fff; box-shadow: 0 0 20px 0 rgba(172, 172, 172, 0.10); padding-block: 4.4rem; padding-inline: 2.2rem; border-radius: 2rem; position: relative; height: 100%;}
.content-item-back-heading {font-size: 1.8rem; font-weight: 500; line-height: 2rem; color: #fff; text-transform: uppercase; text-align: center; padding-top: 2.6rem; padding-bottom: 1.9rem; position: absolute; background-color: #4C6EF5; width: 100%; top: 0;}
.content-box-item p {padding-bottom: 0;}
.content-box-item-top {min-height: 13rem;}
.content-box-item .plan-title {font-size: 2.5rem; font-weight: 400; line-height: 3.5rem; color: #4A5565; padding-left: 1.6rem;}
.content-box-item .plan-price {font-size: 4.5rem; font-weight: 500; line-height: normal; color: #000; padding-left: 1.6rem;}
.content-box-item .plan-price span {font-size: 1.6rem; font-weight: 400; line-height: 3rem; color: #4A5565;}
.content-box-item .pricing-billed {font-size: 1.4rem; font-weight: 400; line-height: 2.5rem; color: #E53935; padding-left: 1.6rem;}
.pricing-offer-box {min-height: 9rem;}
.content-box-item .pricing-offer {font-size: 1.4rem; font-weight: 400; line-height: normal; color: #000; background-color: #F4F9FE; border-radius: 1.5rem; padding: 1.4rem 2rem; margin-top: 2rem; margin-bottom: 1.6rem;}
.pricing-text-box {min-height: 5rem;}
.content-box-item .pricing-text {font-size: 1.2rem; font-weight: 400; line-height: normal; color: #4A5565;}
.content-box-item .choose-btn {font-size: 1.8rem; font-weight: 600; line-height: normal; color: #4C6EF5; text-align: center; border: 0.1rem solid #4C6EF5; background-color: #fff; border-radius: 1.5rem; display: block; padding: 1.6rem 0.8rem; margin-top: 2.6rem; margin-bottom: 1.6rem;}
.pricing-credits-box {min-height: 2rem;}
.content-box-item .pricing-credits {font-size: 1.4rem; font-weight: 400; line-height: 2.5rem; color: #E53935; text-align: center;}
.ul-bx-inner.highlight {width: auto; margin-top: 3.8rem;}
.ul-bx-inner.highlight h3 {font-size: 1.8rem; font-weight: 600; line-height: 3rem; color: #000; position: relative; padding-bottom: 1.2rem; margin-bottom: 1rem;}
.ul-bx-inner.highlight h3::after {content: ""; position: absolute; bottom: 0; left: 0; background-image: url('../images/line-shape.svg'); background-repeat: no-repeat; background-size: cover; width: 100%; height: 0.1rem;}
.ul-bx-inner.highlight ul li {font-weight: 400; padding-left: 4rem;}
.short-content {margin-top: 2.4rem; margin-bottom: 4.5rem;}
.short-content p {font-size: 1.7rem; font-weight: 400; line-height: 2.5rem; color: #4A5565; text-align: center; padding-bottom: 0;}
.pricing-common-heading.plan-heading h2 {width: 100%; max-width: 93.4rem; margin: 0 auto 2rem;}
.pricing-common-heading.plan-heading p {width: 100%; max-width: 82.3rem; margin: 0 auto;}

.credits-section {background-image: url('../images/credits-bg.png'); background-repeat: no-repeat; background-size: cover; padding-top: 11.6rem;}
.credits-section .container {position: relative;}
.credits-section .container::before {content: ""; position: absolute; top: -4rem; left: 2.5rem; background-image: url('../images/dott-box-shape.svg'); background-repeat: no-repeat; background-size: 17.3rem; width: 17.3rem; height: 17.3rem;}
.credits-section .container::after {content: ""; position: absolute; bottom: -1.6rem; right: 3.4rem; background-image: url('../images/dott-box-shape.svg'); background-repeat: no-repeat; background-size: 17.3rem; width: 17.3rem; height: 17.3rem;}
.pricing-common-heading.credits-heading h2 {color: #fff;}
.pricing-common-heading.credits-heading p span {font-size: 2.2rem; font-weight: 400; line-height: 2.8rem; color: #fff; text-transform: capitalize; background-color: #E53935; border-radius: 1rem; display: block; width: fit-content; padding: 1.8rem 3.8rem; margin: 0 auto;}
.pricing-common-heading.credits-heading p {color: #fff; width: 100%; max-width: 120.2rem; margin: 2.8rem auto 0; position: relative; z-index: 1;}
.credits-section .credits-bottom-text {font-size: 1.8rem; font-weight: 400; line-height: 3rem; color: #fff; text-transform: capitalize; text-align: center; background-color: #102562; padding-block: 1.6rem; margin-top: 8.6rem;}

.practice-section {background-image: url('../images/practice-bg.svg'); background-repeat: repeat; background-size: cover; padding-top: 10.4rem; padding-bottom: 12rem;}
.practice-wrapper {display: grid; grid-template-columns: repeat(4, 1fr); gap: 2.5rem; margin-top: 4.7rem;}
.practice-item {border: 0.1rem solid #4C6EF5; background-color: #fff; border-radius: 1.5rem; padding-top: 5.6rem; padding-inline: 1.7rem; padding-bottom: 3rem;}
.practice-item p {font-size: 4.5rem; font-weight: 500; line-height: 5.5rem; color: #4C6EF5; text-align: center;}
.practice-item p span {font-size: 2.5rem; font-weight: 400; line-height: 3.7rem; color: #4A5565; display: block;}
.practice-item h4 {font-size: 1.8rem; font-weight: 400; line-height: normal; color: #000; text-align: center; position: relative; padding-top: 1.5rem;}
.practice-item h4::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 0.1rem; background-image: url('../images/line-shadow.svg'); background-repeat: no-repeat; background-size: 100% 100%;}

.workflow-section {padding-top: 12rem; padding-bottom: 11.6rem;}
.workflow-wrapper {width: 98.4rem; margin: 5.4rem auto 0; position: relative; padding: 4rem 3.3rem;}
.workflow-wrapper::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('../images/workflow-bg.svg'); background-repeat: no-repeat; background-size: cover;}
.workflow-header {border: 0.1rem solid #7E858E; background-color: #4C6EF5; display: flex; align-items: center; justify-content: space-between; gap: 0.4rem; padding: 2rem 3.8rem; border-radius: 1.5rem;}
.workflow-header p {padding-bottom: 0; font-size: 1.8rem; font-weight: 600; line-height: normal; color: #fff;}
.workflow-body {padding: 2.5rem 3.8rem 0;}
.workflow-body-item {display: flex; align-items: center; justify-content: space-between; gap: 0.4rem;} 
.workflow-body-item:not(:last-of-type) {margin-bottom: 1.6rem;}
.workflow-body-item:last-of-type {margin-bottom: 4.6rem;}
.workflow-body-item p {padding-bottom: 0; font-size: 1.8rem; font-weight: 400; line-height: normal; color: #000;}
.workflow-footer {display: flex; align-items: center; justify-content: space-between; gap: 0.4rem; padding: 2rem 3.8rem; border-radius: 1.5rem; position: relative;}
.workflow-footer::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('../images/workflow-footer-shape.svg'); background-repeat: no-repeat; background-size: 100% 100%;}
.workflow-footer p {padding-bottom: 0; font-size: 1.8rem; font-weight: 600; line-height: normal; color: #000; position: relative; z-index: 1;}
.workflow-bottom {width: 98.4rem; margin: 0 auto; position: relative; padding: 1.4rem;}
.workflow-bottom::after {content: ""; position: absolute; top: -1.2rem; left: 0; width: 100%; height: 100%; background-image: url('../images/footer-bottom.svg'); background-repeat: no-repeat; background-size: 100% 100%;}
.workflow-bottom p {font-size: 1.2rem; font-weight: 400; line-height: normal; color: #4A5565; text-align: center;}

.features-section {background-image: url('../images/features-bg.jpg'); background-repeat: no-repeat; background-size: cover; padding-top: 11.4rem; padding-bottom: 11.6rem;}
.pricing-common-heading.features-heading p {width: 100%; max-width: 95rem; margin: 3.2rem auto 0;}


.pricing-table {width: 100%; margin: 4rem auto; border: 0.1rem solid #ddd; border-radius: 1.5rem; overflow: hidden; background-color: #fff;}
.table-header {display: flex; background: #FFF;}
.table-header .col:first-of-type {padding-left: 2.8rem;}
.col {flex: 1.5; padding: 1.4rem; font-size: 1.9rem; font-weight: 600; color: #0F172A; display: flex; align-items: center;}
.table-header .col {height: 9rem;}
.col.feature {flex: 2; text-align: left; font-weight: 600;}
.col img {width: 2rem; height: 2rem;}
.col.active {background: #e9edff; flex-direction: column; gap: 1.8rem;}
.table-header .active {background: #3055E8; color: #fff; font-weight: 600;}
.table-header .active span {display: block; font-size: 1.4rem; font-weight: 400;}
.section-title {background: #4c6ef5; color: #F8FAFC; padding: 1.2rem 2.8rem; font-size: 2.4rem; font-weight: 500; line-height: normal;}
.section-title strong {font-weight: 500;}
.section-title span {margin-left: 9.2rem; font-weight: 500; font-size: 1.4rem; line-height: 2.4rem; color: #fff;}
.table-row {display: flex; border-bottom: 0.1rem solid #eee;}
.table-row .col.feature {font-size: 1.9rem; font-weight: 400; line-height: 2.8rem; color: #000;}
.table-row .col {font-size: 1.6rem; font-weight: 400; line-height: 2.4rem; color: #000;}
.table-row .col:first-of-type {padding-left: 2.8rem;}
.col.center-text {justify-content: center; text-align: center;}
.table-row:last-child {border-bottom: none;}
.section-bottom {padding: 2.8rem; border-top: 0.1rem solid #E2E8F0;}
.section-bottom p {font-size: 1.2rem; font-weight: 400; line-height: normal; color: #4A5565; padding-bottom: 0;}
.valid-message p {font-size: 1.8rem; font-weight: 500; line-height: 2.8rem; color: #E53935; padding-bottom: 0;}


.upgrade-section {padding-top: 11.4rem; padding-bottom: 8.6rem;}
.pricing-common-heading.upgrade-heading {width: 100%; max-width: 104.3rem; margin: 0 auto;}
.upgrade-wrapper {display: flex; align-items: flex-start; justify-content: center; gap: 15rem; margin-top: 7.4rem;}
.upgrade-item {width: 24%; text-align: center;}
.upgrade-icon {width: 10.9rem; height: 10.9rem; border-radius: 2.3rem; background-color: #F0F7FF; display: flex; align-items: center; justify-content: center; padding: 2rem; margin: 0 auto 3rem;}
.upgrade-item p {font-size: 2.4rem; font-weight: 500; line-height: normal; color: #000; text-align: center;}
/* /Pricing page style end */

/* Faq page style start */

.faq-wrapper .common-heading {font-size: 6.5rem; font-weight: 600; line-height: 7.1rem; color: #000; letter-spacing: -0.65px; text-align: center; margin-bottom: 9rem;}

.faq-wrapper{padding: 21rem 0 18rem; background: #F8FAFC;}

.faq-item { padding: 7rem 14.2rem 8rem; background: #fff; border-radius: 2rem; box-shadow: 0 0 20px 0 rgba(92, 107, 168, 0.05);  margin-bottom: 5rem; overflow: hidden;}
.faq-children {padding: 5.2rem 6rem; border-radius: 0; box-shadow: none; border-bottom: 0.3rem solid #F8FAFC; margin-bottom: 0;}

.faq-question {font-size: 4.5rem; font-weight: 500; line-height: 5.1rem; color: #000; text-transform: capitalize; cursor: pointer;  position: relative; padding-bottom: 6rem; padding-right: 7rem; margin: 0 6rem;}
.faq-children .faq-question {font-size: 3.5rem; font-weight: 500; line-height: 4.1rem; color: #000; text-transform: capitalize; cursor: pointer;  position: relative; padding-bottom: 0; margin: 0;}
.faq-children.active .faq-question {color: #4C6EF5;}

.faq-question::after{ content: "\e902"; font-family: "icomoon"; position: absolute; right: 0; top: -0.4rem; width: 6rem; height: 6rem; background: #F3F4FE; border-radius: 0.5rem; display: flex; align-items: center; justify-content: center; color: #4A5565; font-size: 1.7rem; cursor: pointer; }

.faq-item.active > .faq-question::after { transform: rotate(180deg);}

.faq-children .faq-question::after{ content: "\e901"; font-family: "icomoon"; position: absolute; right: 0; top: -0.3rem; width: 4.8rem; height: 4.8rem; background: #F3F5F6; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #000; font-size: 1.4rem; cursor: pointer; }

.faq-children.active > .faq-question::after { transform: rotate(45deg); color: #fff; background: #E53935;}

.faq-question::before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 0.1rem; background: linear-gradient(270deg, rgba(76, 110, 245, 0.00) 0%, #4C6EF5 100%);}
.faq-children .faq-question::before { display: none;}

.faq-answer { display: none; padding-top: 7rem; font-size: 1.8rem; font-weight: 500; line-height: 2.4rem; color: #4A5565;}
.faq-children .faq-answer {padding-top: 4.4rem;}
.faq-children .faq-answer p{padding: 0; font-size: 1.8rem; font-weight: 500; line-height: 2.4rem; color: #4A5565;}
.faq-children .faq-answer p:not(:last-of-type){margin-bottom: 1.5rem;}
.faq-answer ul , .faq-answer ol {padding: 0; margin: 1.5rem 0;}
.faq-answer ul li , .faq-answer ol li { position: relative; list-style-type: none; list-style-position: inside; padding-left: 2rem; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; color: #4A5565;}
.faq-answer ul li::after { content: ""; position: absolute; top: 0.6rem; left: 0; width: 0.8rem; height: 0.8rem; background: #4A5565; border-radius: 50%;}
.faq-answer ol li { list-style-type: decimal; list-style-position: inside; padding: 0;}
.faq-answer ul li:not(:last-of-type) , .faq-answer ol li:not(:last-of-type) {margin-bottom: 1rem;}
.faq-answer p a, .faq-answer ul li a, .faq-answer ol li a {color: #4C6EF5; font-weight: 600; transition: all 0.5s ease;}
.faq-answer p a:hover, .faq-answer ul li a:hover, .faq-answer ol li a:hover {color: #4A5565;}
/* Faq page style end */

/* Privacy Policy style start */

.pptc-wrapper {padding: 21rem 0 13rem; background: #F8FAFC;}
.pptc-wrapper .common-heading {font-size: 6.5rem; font-weight: 600; line-height: 7.1rem; color: #000; letter-spacing: -0.65px; text-align: center; margin-bottom: 6.5rem;}

.pptc-top-info{ position: relative; display: flex; align-items: stretch;border-radius: 2rem;border: 0.1rem solid #4C6EF5;background: #FFF;box-shadow: 0 0 20px 0 rgba(92, 107, 168, 0.05); margin-bottom: 10rem;
}




.pptc-top-info-item {position: relative; min-width: 18rem; padding: 4rem 1.5rem; text-align: center; font-size: 1.6rem; font-weight: 400; line-height: 3rem; color: #4A5565; word-break: break-all; letter-spacing: -0.16px;}
.pptc-top-info-item span{ display: block; text-align: center; font-size: 1.2rem; font-weight: 600; line-height: 3rem; color: #ACACAC; letter-spacing: -0.12px;}
.pptc-top-info-item:not(:last-of-type)::before { content: ""; position: absolute; top: 0; right: 0; width: 0.1rem; height: 100%; background: linear-gradient(270deg, rgba(76, 110, 245, 0.00) 0%, #4C6EF5 100%);}

.content-area h2 , .content-area h3 , .content-area h4 {font-size: 5rem; font-weight: 500; line-height: 6.1rem; color: #000; letter-spacing: -0.55px; margin-bottom: 2.8rem;}
.content-area h3 {font-size: 3.5rem; line-height: 4.1rem;}
.content-area h4 {font-size: 2.5rem; line-height: 3.1rem;}
.content-area p {font-size: 1.8rem; font-weight: 400; line-height: 3rem; color: #4A5565; padding: 0; letter-spacing: -0.18px; margin-bottom: 2.8rem;}
.content-area p a { color: #4C6EF5; font-weight: 600; transition: all 0.5s ease;}
.content-area p a:hover { color: #4A5565;}
.content-area ul , .content-area ol {padding: 0; margin-bottom: 2.8rem; margin-left: 5.5rem;}
.content-area ul li , .content-area ol li { position: relative; list-style-type: none; list-style-position: inside; padding-left: 5rem; font-size: 1.8rem; line-height: 3.2rem; font-weight: 400; color: #4A5565; letter-spacing: -0.18px;}
.content-area ul li::after { content: "\e900"; font-family: "icomoon"; position: absolute; left: 0; top: 0rem; color: #4C6EF5; font-size: 2rem;}
.content-area ol li { list-style-type: decimal; list-style-position: inside; padding: 0;}
.content-area ul li a , .content-area ol li a { color: #4C6EF5; font-weight: 600; transition: all 0.5s ease;}
.content-area ul li a:hover , .content-area ol li a:hover { color: #4A5565;}
.content-area ul li:not(:last-of-type) , .content-area ol li:not(:last-of-type) {margin-bottom: 1rem;}
.content-area blockquote {border-radius: 0.5rem; padding: 1.5rem 5.5rem; background: rgba(76, 110, 245, 0.20); font-size: 1.8rem; font-weight: 400; line-height: 3rem; color: #4C6EF5; letter-spacing: -0.18px; margin-bottom: 2.8rem;}
/* Privacy Policy style end */

/* Contact Page Style Start */
.contact-wrapper {background-image: url('../images/contact-bg.jpg'); background-repeat: no-repeat; background-size: cover; padding-top: 17.5rem; padding-bottom: 9.6rem;}
.contact-col {padding: 0; margin-inline: auto;}
.contact-block {display: flex; align-items: flex-start; justify-content: space-between; gap: 2.4rem;}
.contact-info {border: 1px solid transparent; backdrop-filter: blur(17.5px); background: linear-gradient(#0f172a, #0f172a) padding-box, linear-gradient(135deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.02)) border-box; border-radius: 1.5rem; width: 54.4rem; padding-top: 3rem; padding-right: 4rem; padding-left: 4.8rem; padding-bottom: 5.8rem;}
.contact-form {border: 1px solid transparent; backdrop-filter: blur(17.5px); background: linear-gradient(#0f172a, #0f172a) padding-box, linear-gradient(135deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.02)) border-box; border-radius: 1.5rem; width: 82.8rem; padding: 5.6rem 8.8rem 6.1rem;}
.contact-heading {border-bottom: 0.1rem solid #4C5363; padding-bottom: 2.8rem; margin-bottom: 3.6rem;}
.contact-heading h1 {font-size: 5rem; font-weight: 600; line-height: normal; color: #fff; margin-bottom: 0.4rem;}
.contact-heading p {font-size: 1.8rem; font-weight: 400; line-height: normal; color: #7E858E; padding-bottom: 0;}
.contact-address ul {list-style: none; padding: 0;}
.contact-address ul li {display: flex; align-items: flex-start; gap: 2.4rem;}
.contact-address ul li:not(:last-of-type) {margin-bottom: 2.2rem;}
.contact-address ul li .info-icon {width: 4.4rem; height: 4.4rem; border-radius: 100%; border: 0.1rem solid rgba(255, 255, 255, 0.25); display: flex; align-items: center; justify-content: center; flex-shrink: 0; padding: 1.3rem;}
.contact-address ul li p {font-size: 1.8rem; font-weight: 400; line-height: normal; color: #fff; padding-bottom: 0; margin-top: 0.6rem;}
.contact-address ul li a {font-size: 1.8rem; font-weight: 400; line-height: normal; color: #fff; display: block; margin-top: 0.8rem; transition: all 0.3s ease;}
.contact-address ul li a:hover {color: #7E858E;}
.info-check-list {border-top: 0.1rem solid #4C5363; padding-top: 3.5rem; margin-top: 4rem;}
.ul-bx-inner.info-check-list {width: auto;} 
.ul-bx-inner.info-check-list ul li:before {color: #E53935;}
.ul-bx-inner.info-check-list ul li {font-size: 1.5rem; font-weight: 500; line-height: 3.5rem; color: #fff; padding-top: 0.3rem;}

.contact-form .form-group label {font-size: 1.6rem; font-weight: 400; line-height: 2.4rem; color: #fff; margin-bottom: 1rem;}
.contact-form .form-group {margin-bottom: 3.2rem;}
.contact-form .form-group .input-type {font-size: 1.6rem; font-weight: 400; line-height: 2.4rem; color: #fff; width: 100%; height: 6rem; background: rgba(22, 31, 51, 0.63); border: 0.1rem solid rgba(255, 255, 255, 0.23); border-radius: 1rem; padding-inline: 2.4rem;}
.contact-form .form-group .input-type:focus-visible {outline: none;}
.contact-form .form-group .textarea-type {font-size: 1.6rem; font-weight: 400; line-height: 2.4rem; color: #fff; width: 100%; height: 13.2rem; background: rgba(22, 31, 51, 0.63); border: 0.1rem solid rgba(255, 255, 255, 0.23); border-radius: 1rem; padding-block: 2rem; padding-inline: 2.4rem; resize: none;}
.contact-form .form-group .textarea-type:focus-visible {outline: none;}
.submit-button {margin-top: 0.4rem;}
.submit-button input, .submit-button button {font-size: 1.8rem; font-weight: 600; line-height: normal; color: #fff; border-radius: 1.5rem; background: #4C6EF5; box-shadow: 0 4px 19px 0 rgba(110, 110, 110, 0.30); border: none; text-align: center; width: fit-content; min-width: 26rem; padding: 2.6rem 1rem; cursor: pointer; transition: all 0.3s ease;}
.submit-button input:hover, .submit-button button:hover {background: #3552c9;}
.contact-form .form-group .error-message {font-size: 1.6rem; font-weight: 400; line-height: 2rem; color: #E53935; padding-top: 0.6rem; padding-bottom: 0; text-align: right;}
/* /Contact Page Style End */


@media (min-width: 1400px) {
    .container{max-width:87.5%;}
}