/*---------------

COLOR : #74c209;

--------------*/


.swal2-container {
	z-index: 10000 !important;
  }
  
  *{
	  margin: 0;
	  padding: 0;
	  box-sizing: border-box;
  }
  
  *:focus {
	  outline: 0 !important;
  }
  
  
  @font-face {
	  font-family: asgard-regular;
	  src: url(../fonts/AsgardTrial-FitRegular.ttf);
  }
  
  @font-face {
	  font-family: asgard-medium;
	  src: url(../fonts/AsgardTrial-FitMedium.ttf);
  }
  
  @font-face {
	  font-family: asgard-bold;
	  src: url(../fonts/AsgardTrial-FitXbold.ttf);
  }
  
  @font-face {
	  font-family: asgard-light;
	  src: url(../fonts/AsgardTrial-FitLight.ttf);
  }
  
  @font-face {
	  font-family: generalsans-regular;
	  src: url(../fonts/GeneralSans-Regular.otf);
  }
  
  @font-face {
	  font-family: generalsans-bold;
	  src: url(../fonts/GeneralSans-Bold.otf);
  }
  
  
  @font-face {
	  font-family: generalsans-medium;
	  src: url(../fonts/GeneralSans-Medium.otf);
  }
  
  
  @font-face {
	  font-family: blinker-regular;
	  src: url(../fonts/Blinker-Regular.ttf);
  }
  
  @font-face {
	  font-family: blinker-bold;
	  src: url(../fonts/Blinker-Bold.ttf);
  }
  
  @font-face {
	  font-family: blinker-semibold;
	  src: url(../fonts/Blinker-SemiBold.ttf);
  }
  
  
  @font-face {
	  font-family: blinker-extrabold;
	  src: url(../fonts/Blinker-ExtraBold.ttf);
  }
  
  
  @font-face {
	  font-family: opensans-regular;
	  src: url(../fonts/opensans-regular.ttf);
  }
  
  @font-face {
	  font-family: opensans-semibold;
	  src: url(../fonts/opensans-semibold.ttf);
  }
  
  
  
  
  html, 
  body {
	  font-family: 'asgard-regular', serif;
	  scroll-behavior: smooth;
	  margin: 0!important;
	  padding: 0!important;
	width: 100%;
	  font-smoothing:antialiased;
	  background-color: #ffffff;
  }
  
  body{
	  overflow-x: hidden;
  }
  
  a{
	  text-decoration: none !important;
	  cursor: pointer;
  }
  
  
  .topbar{
	  background-image: linear-gradient(to right, #19b8dd , #7d68f9);
	  padding-top: 0.3vw;
	  padding-bottom: 0vw;
	  padding-left: 10vw;
	  padding-right: 10vw;
  }
  
  
  .topbar a{
	  position: relative;
	  font-family: 'opensans-regular', serif;
	  font-size: 1vw;
	  color: #FFFFFF;
  }
  
  .topbar a img{
	  width: 1.2vw;
	  margin-right: 0.5vw;
  }
  
  
  .topbar p{
	  font-family: 'opensans-regular', serif;
	  font-size: 1vw;
	  color: #FFFFFF;
	  margin-top: 0.5vw;
  }
  
  .topbar p img{
	  width: 1.2vw;
	  margin-left: 0.5vw;
  }
  
  
  
  
  #navbar_logo_dark{
	  display: none;
  }
  
  
  .navbar{
	  z-index: 999 !important;
	  background: #ffffff !important;
	  padding: 1vw 10vw;
  }
  
  
  .navbar .logo{
   width: 4.5vw;
   margin-right: 3vw;
  }
  
  
  .navbar .nav-link{
	  font-family: 'opensans-regular', serif;
	  font-size: 1.1vw;
	  color: #000000 !important;
	  margin-right: 1.5vw;
	  margin-top: 0.5vw;
  }
  
  .navbar .dropdown-item{
	  font-family: 'opensans-regular', serif;
	  font-size: 1vw;
  }
  
  
  .navbar .quote-btn{
	  font-family: 'blinker-extrabold', serif;
	  border: none;
	font-size: 1vw;
	padding: 0.8vw 1.5vw;
	border-radius: 1.5vw;
	margin-right: 0.5vw;
	color: #ffffff;
	background-image: linear-gradient(to right, #1CB3DE , #4B76F2);
  }
  
  
  .navbar .lang-btn{
	  font-family: 'opensans-regular', serif;
	background: transparent;
	border: none;
	font-size: 1vw;
	color: #000000;
	margin-left: 1vw;
	border: 3px solid #E4EFFF;
	padding: 0.4vw 0.5vw;
	  border-radius: 1.5vw;
  }
  
  .navbar .lang-btn img{
	  width: 1vw;
	  margin-right: 0.5vw;
  }
  
  
  .navbar .menu{
	  max-width: 20%;
  }
  
  
  .main-dropdown{
	  position: absolute;
	  background: #f1f8ff;
	  padding-top: 1vw;
	  padding-bottom: 1vw;
	  padding-left: 11vw;
	  padding-right: 11vw;
	  width: 100vw;
	  margin-left: -25vw;
	  margin-top: 1vw;
	  border: none;
	  border-radius: 0vw;
	  border-bottom: 8px solid #236dd5;
  }
  
  
  
  .main-dropdown .nav-link{
	  font-family: 'blinker-semibold', serif;
	font-size: 1.1vw;
	font-weight: bolder;
	margin-right: 3vw;
	color: #0D3051;
  }
  
  .main-dropdown #pills-tab .active{
	  border-radius: 0vw;
	  background: transparent !important;
	  border-bottom: 2px solid #236dd5;
	  color: #236DD5 !important;
  }
  
  
  .main-dropdown #pills-tab{
	  padding-left: 6vw;
  }
  
  .main-dropdown hr{
	  margin-top: -1vw;
	  border-top: 2px solid #d5e4f3;
  }
  
  
  .main-dropdown #pills-tabContent{
	  padding-left: 6vw;
  }
  
  
  .main-dropdown #pills-tabContent .tab-pane{
   padding-top: 1vw;
  }
  
  .main-dropdown #pills-tabContent .tab-pane a{
	  font-family: 'blinker-semibold', serif;
	  color: #0D3051;
	  font-size: 1vw;
	  font-weight: bolder;
  }
  
  
  .main-dropdown #pills-tabContent .tab-pane p{
	  font-family: 'opensans-regular', serif;
	  color: #0D3051;
	  font-size: 0.8vw;
	  font-weight: bolder;
	  margin-bottom: 2vw;
  }
  
  
  .main-dropdown-2{
	  position: absolute;
	  background: #f1f8ff;
	  padding-top: 2vw;
	  padding-bottom: 1vw;
	  padding-left: 18vw;
	  padding-right: 18vw;
	  width: 100vw;
	  margin-left: -34.7vw;
	  margin-top: 1vw;
	  border: none;
	  border-radius: 0vw;
	  border-bottom: 8px solid #236dd5;
  }
  
  
  .main-dropdown-2 a{
	  font-family: 'blinker-semibold', serif;
	  color: #0D3051;
	  font-size: 1vw;
	  font-weight: bolder;
  }
  
  
  .main-dropdown-2 p{
	  font-family: 'opensans-regular', serif;
	  color: #0D3051;
	  font-size: 0.8vw;
	  font-weight: bolder;
	  margin-bottom: 2vw;
  }
  
  
  .main-dropdown-3{
	  position: absolute;
	  background: #f1f8ff;
	  padding-top: 2vw;
	  padding-bottom: 1vw;
	  padding-left: 18vw;
	  padding-right: 18vw;
	  width: 100vw;
	  margin-left: -43.7vw;
	  margin-top: 1vw;
	  border: none;
	  border-radius: 0vw;
	  border-bottom: 8px solid #236dd5;
  }
  
  
  .main-dropdown-3 a{
	  font-family: 'blinker-semibold', serif;
	  color: #0D3051;
	  font-size: 1vw;
	  font-weight: bolder;
  }
  
  
  .main-dropdown-3 p{
	  font-family: 'opensans-regular', serif;
	  color: #0D3051;
	  font-size: 0.8vw;
	  font-weight: bolder;
	  margin-bottom: 2vw;
  }
  
  
  
  
  
  
  .navbar .telegram-btn{
	  background: transparent;
	  height: 2.5vw;
	  width: 2.5vw;
	  border-radius: 50%;
	  margin-right: 0.5vw;
	  border: 3px solid #E7F2FF;
  }
  
  .navbar .telegram-btn img{
	  width: 1.4vw;
	  height: 1.4vw;
	  object-fit: contain;
  }
  
  .navbar .whatsapp-btn{
	  background: transparent;
	  height: 2.5vw;
	  width: 2.5vw;
	  border-radius: 50%;
	  margin-right: 0.5vw;
	  border: 3px solid #E7F2FF;
  }
  
  .navbar .whatsapp-btn img{
	  width: 1.4vw;
	  height: 1.4vw;
	  object-fit: contain;
  }
  
  
  
  .navbar .theme-outer{
	  background: #E4EFFF;
	  padding: 0.4vw 0.5vw;
	  border-radius: 1.5vw;
  }
  
  
  
  #Banner{
	   background-image: linear-gradient(to right, #12a3d5 , #9274f8);
	  padding-left: 10vw;
	  padding-right: 10vw;
	  padding-top: 2vw;
	  padding-bottom: 0vw;
  }
  
  
  #Banner h1{
	  font-family: 'blinker-extrabold', serif;
	  color: #FFFFFF;
	  width: 15ch;
	  font-size: 4.5vw;
	  line-height: 4.5vw;
  }
  
  #Banner h1 span{
	  color: #8DEAFF;
  }
  
  
  #Banner .contact-btn{
	  font-family: 'asgard-bold', serif;
	  color: #236DD5;
	  background: #ffffff;
	  font-size: 1.2vw;
	  border: none;
	  height: 3vw;
	  border-radius: 3vw;
	  padding-left: 1vw;
	  padding-right: 1vw;
	  margin-top: 3vw;
  }
  
  #Banner .contact-btn img{
	  width: 1vw;
	  margin-right: 0.5vw;
	  margin-top: -0.3vw;
  }
  
  #Banner .main_p{
	  font-family: 'opensans-regular', serif;
	  font-size: 1.2vw;
	  margin-top: 1vw;
	  color: #B2F1FF;
  }
  
  #Banner .main_p span{
	  font-weight: bolder;
  }
  
  
  #Banner h2{
	  font-family: 'generalsans-medium', serif;
	  font-size: 2vw;
	  margin-top: 2vw;
	  color: #ffffff;
  }
  
  #Banner .second_p{
	  font-size: 1.2vw;
	  font-family: 'opensans-regular', serif;
	  color: #B2F1FF;
  }
  
  
  #Banner .top_hr{
   border-top: 2px solid #7dbaff;
   margin-top: -2vw;
   margin-bottom: 2.5vw;
  }
  
  
  #Banner .bottom_hr{
	  border-top: 2px solid #7dbaff;
	  margin-top: 2vw;
  }
  
  
  #Banner .banner-img{
	  width: 170%;
	  margin-left: -12vw;
	  margin-top: -3vw;
  }
  
  
  
  
  #Logo{
	  padding-left: 11vw;
	  padding-right: 11vw;
	  padding-top: 1vw;
	  padding-bottom: 1vw;
	  background-image: linear-gradient(to right, #4F3F7B , #050407);
  }
  
  
  #Logo hr{
	  border-top: 2px solid #FFFFFF;
  }
  
  
  #Logo .main_p{
	  font-family: 'opensans-regular', serif;
	  font-weight: bolder;
	  color: #ffffff;
	  font-size: 1.4vw;
	  margin-top: 1vw;
  }
  
  
  #Logo .inner{
	  padding-left: 0vw;
	  padding-right: 0vw;
  }
  
  #Logo #logo_slider .item{
	  padding-top: 1vw;
	  padding-bottom: 1vw;
  }
  
  #Logo #logo_slider .item img{
	  width: 80%;
  }
  
  
  .logo1{
	  margin-top: 1rem;
  }
  
  
  
  #Evaluation{
	  padding-top: 3vw;
	  padding-left: 11vw;
	  padding-right: 11vw;
	  padding-bottom: 3vw;
  }
  
  #Evaluation .main_p{
	  margin-bottom: 2vw;
	  color: #000000;
  }
  
  #Evaluation .nav-item .active{
	  font-family: 'blinker-extrabold', serif;
	  background-color: transparent;
	  font-size: 1.6vw;
	  padding: 0vw;
	  margin-right: 2vw;
	  color: #236DD5;
  }
  
  #Evaluation .nav-link{
	  font-family: 'blinker-regular', serif;
	  font-size: 1.2vw;
	  margin-right: 1.5vw;
	  color: #1A132E;
  }
  
  #Evaluation hr{
	  border-top: 2px solid #E7F2FF;
	  margin-top: 2vw;
  }
  
  #Evaluation .tab-pane{
	  padding-top:0vw;
  }
  
  #Evaluation .left img{
	  animation-name: floating;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	  width: 100%;
	  height: 28vw;
	  object-fit: contain;
	  border-radius: 2vw;
  }
  
  @keyframes floating {
	  0% { transform: translate(0,  0px); }
	  50%  { transform: translate(0, 15px); }
	  100%   { transform: translate(0, -0px); }    
  }
  
  
  #Evaluation .right{
	  padding-top: 0vw;
	  padding-left: 2.5vw;
	  padding-right: 2.5vw;
  }
  
  #Evaluation .right p{
	  font-family: 'opensans-regular', serif;
	  color: #1A132E;
	  font-size: 1.2vw;
	  margin-bottom: 2vw;
	  padding-right: 4vw;
  }
  
  #Evaluation .right p span{
	  font-weight: bolder;
	  color: #E795FE;
  }
  
  #Evaluation .right .info-btn{
	  font-family: 'opensans-regular', serif;
	  background-color: #E7F2FF;
	  color: #0D3051;
	  font-size: 1.2vw;
	  border: 2px solid #FFFFFF;
	  padding: 0.4vw 1.6vw;
	  margin-right: 0.5vw;
	  margin-bottom: 0.8vw;
	  border-radius: 1.5vw;
  }
  
  
  #Evaluation .right .contact-btn{
	  font-family: 'opensans-regular', serif;
   background-image: linear-gradient(to right, #1ab7de , #4d73f2);
   color: #ffffff;
   margin-top: 2vw;
   padding: 0.6vw 2.5vw;
   font-size: 1.2vw;
   font-weight: bolder;
   border-radius: 2vw;
   margin-right: 1vw;
   border: none;
  }
  
  #Evaluation .right .learn-btn{
	  font-family: 'opensans-regular', serif;
   background: transparent;
   border: 3px solid #dcedff;
   color: #1A132E;
   margin-top: 2vw;
   padding: 0.6vw 2.5vw;
   font-size: 1.2vw;
   font-weight: bolder;
   border-radius: 2vw;
   margin-right: 1vw;
  }
  
  
  #Evaluation .right .learn-btn img{
	  width: 1.5vw;
	  height: 1.5vw;
	  margin-right: 0.5vw;
	  object-fit: contain;
  }
  
  
  
  #Industry{
	  padding-top: 3vw;
	  padding-bottom: 3vw;
	  padding-left: 11vw;
	  padding-right: 3vw;
	  background-image: url("https://ik.imagekit.io/g6xhbzchk/imeta/images/industry-bg.webp?updatedAt=1701156956463"); 
	background-color: #f1ebf8; 
	background-position: center; 
	background-repeat: no-repeat; 
	background-size: cover;
  }
  
  #Industry .left h2{
	  font-family: 'blinker-extrabold', serif;
	  color: #ffffff;
	  font-size: 4.2vw;
	  line-height: 4.2vw;
	  margin-top: 3vw;
  }
  
  
  #Industry .left .left-btn{
	background: transparent;
	border: none;
	margin-right: 0.5vw;
	margin-top: 5vw;
  }
  
  #Industry .left .left-btn img{
	  width: 3.5vw;
  }
  
  #Industry .left .right-btn{
	background: transparent;
	border: none;
  }
  
  #Industry .left .right-btn img{
	  width: 3.5vw;
  }
  
  #Industry #industry_slider .item{
	  background: #ffffff;
	  padding: 1vw;
	  border-radius: 2vw;
	  border: 4px solid #e6f2ff;
  }
  
  
  #Industry #industry_slider .item img{
	  width: 100%;
	  height: 20vw;
	  object-fit: cover;
	border-radius: 1vw;
  }
  
  #Industry #industry_slider .item h3{
  font-family: 'blinker-extrabold', serif;
  font-size: 2vw;
  margin-top: 1.5vw;
  padding-left: 1vw;
  }
  
  
  #Industry #industry_slider .item p{
	  font-family: 'opensans-regular', serif;
	  padding-left: 1vw;
	  font-size: 1.2vw;
  }
  
  
  
  #Case{
	  padding-top: 2vw;
	  padding-bottom: 1vw;
	  padding-left: 11vw;
	  padding-right: 11vw;
  }
  
  #Case h2{
	  font-family: 'blinker-extrabold', serif;
	  font-size: 4.2vw;
	  background-image: linear-gradient(to right, #1ab6de , #5a62f7);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 2vw;
  }
  
  
  #Case .outer{
	  padding-left: 1.4vw;
	  padding-right: 1.4vw;
  }
  
  #Case .item{
	  border: 3px solid #f3f1f6;
	  border-radius: 1.5vw;
	  margin-bottom: 3vw;
  }
  
  #Case .item img{
	  width: 100%;
	  border-radius: 1.5vw;
	  height: 22vw;
	  object-fit: cover;
  }
  
  #Case .item .inner{
	  padding: 2vw;
  }
  
  #Case .item .inner button{
		font-family: 'opensans-regular', serif;
	  background-color: #E6F2FF;
	  color: #1A132E;
	  font-size: 1.2vw;
	  border: 2px solid #ffffff;
	  padding: 0.4vw 1.6vw;
	  margin-right: 0.5vw;
	  margin-bottom: 1.5vw;
	  border-radius: 1.5vw;
  }
  
  #Case .item .inner h3{
	  font-family: 'opensans-regular', serif;
	  font-size: 1.4vw;
	  width: auto;
	  font-weight: bolder;
	  color: #ffffff;
	  background-image: linear-gradient(to right, #1ab7de , #5a62f7);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
  }
  
  
  
  #Why{
	  padding-top: 2vw;
	  padding-bottom: 2vw;
	  padding-left: 11vw;
	  padding-right: 11vw;
	  position: relative;
	  background-color: #ffffff;
  }
  
  #Why .why-bg{
	  position: absolute;
	  right: 0vw;
	  top: 12vw;
	  width: 10vw;
  }
  
  #Why h2{
	  font-family: 'blinker-extrabold', serif;
	  font-size: 4.2vw;
	  margin-top: 3vw;
	  background-image: linear-gradient(to right, #1ab7de , #4c74f2);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
  }
  
  #Why hr{
	  border-top: 5px solid #ebf5ff;
	  margin-top: 0vw;
  }
  
  #Why .main_p{
	  font-family: 'opensans-regular', serif;
	  font-size: 1.2vw;
	  color: #1A132E;
	  margin-top: 2vw;
	  margin-bottom: 3vw;
  }
  
  #Why .left{
	  padding: 2vw;
	  border-right: 5px solid #ebf5ff;
	  margin-top: 0vw;
	  background: #F1F8FF;
  }
  
  #Why .left .rows{
	  margin-bottom: 2vw;
  }
  
  #Why .left h3{
		  font-family: 'opensans-regular', serif;
		  color: #ffffff;
		  font-size: 2.5vw;
		  background-image: linear-gradient(to right, #22ace1 , #4c73f2);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
  
  }
  
  
  #Why .left p{
	  font-family: 'opensans-regular', serif;
	  font-size: 1vw;
	  color: #1A132E;
	  margin-top: 0.5vw;
  }
  
  
  #Why .right{
	  padding-left: 5vw;
	  padding-right: 4vw;
  }
  
  #Why .right p{
	  font-family: 'opensans-regular', serif;
	  font-size: 1.2vw;
	  color: #1A132E;
	  margin-top: 2vw;
	  margin-bottom: 2vw;
  }
  
  #Why .right .contact-btn{
  font-family: 'opensans-regular', serif;
	  background-image: linear-gradient(to right, #1ab6de , #4d73f2);
	  padding: 0.6vw 2.5vw;
	  font-size: 1.2vw;
	  font-weight: bolder;
	  border-radius: 2vw;
	  margin-right: 1vw;
	  border: none;
	  color: #ffffff;
  }
  
  #Why .right .learn-btn{
	  font-family: 'opensans-regular', serif;
	  background: #ffffff;
	  border: 3px solid #ebf5ff;
	  color: #1A132E;
	  margin-top: 2vw;
	  padding: 0.6vw 2.5vw;
	  font-size: 1.2vw;
	  font-weight: bolder;
	  border-radius: 2vw;
	  margin-right: 1vw;
  }
  
  
  #Why .last_hr{
  margin-top: 1vw;
  }
  
  
  
  #Team{
	  padding-top: 2vw;
	  padding-bottom: 2vw;
	  background-image: url("https://ik.imagekit.io/g6xhbzchk/imeta/images/team-bg.webp?updatedAt=1701157118704");
	background-color: #FFFFFF; /* Used if the image is unavailable */
	background-position: center; /* Center the image */
	background-repeat: no-repeat; /* Do not repeat the image */
	background-size: cover; /* Resize the background image to cover the entire container */
  }
  
  
  #Team .inner-row{
	  padding-left: 11vw;
	  padding-right: 11vw;
  }
  
  
  #Team h2{
	  font-family: 'blinker-extrabold', serif;
	  font-size: 4.2vw;
	background-image: linear-gradient(to right, #ffffff , #ffffff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 4vw;
  }
  
  
  #Team .team-left-btn{
	  border: none;
	  background: transparent;
	  margin-right: 1vw;
	  margin-top: 1vw;
  }
  
  #Team .team-left-btn img{
	  width: 2.5vw;
  }
  
  #Team .team-right-btn{
	  border: none;
	  background: transparent;
  }
  
  #Team .team-right-btn img{
	  width: 2.5vw;
  }
  
  #Team #team_slider .item{
	  background-color: #f3f1f6;
	  padding: 0.8vw 0.8vw 2vw 0.8vw;
	  border-radius: 2vw;
	  border: 3px solid #cbe3fd;
  }
  
  #Team #team_slider .item img{
	  width: 100%;
	  height: 22vw;
	  object-fit: cover;
	  border-radius: 1vw;
  }
  
  
  #Team #team_slider .item h3{
	  font-family: 'blinker-extrabold', serif;
	  color: #0D0917;
	  margin-top: 1.2vw;
	  font-size: 1.6vw;
	  margin-left: 1vw;
  }
  
  #Team #team_slider .item p{
	  font-family: 'opensans-regular', serif;
	  color: #0D0917;
	  font-size: 1.2vw;
	  margin-left: 1vw;
  }
  
  
  #Technology{
	  padding-top: 2vw;
	  padding-bottom: 2vw;
	  padding-left: 11vw;
	  padding-right: 11vw;
  }
  
  #Technology h2{
	  font-family: 'blinker-extrabold', serif;
	  font-size: 4.2vw;
	  background-image: linear-gradient(to right, #1ab6de , #5a62f7);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 4vw;
  }
  
  
  #Technology .nav-item .active{
	  font-family: 'blinker-extrabold', serif;
	  background-color: transparent;
	  font-size: 1.6vw;
	  padding: 0vw;
	  margin-right: 2vw;
	  color: #236DD5;
  }
  
  
  #Technology .nav-link{
	  font-family: 'blinker-regular', serif;
	  font-size: 1.2vw;
	  margin-right: 1.5vw;
	  color: #1A132E;
  }
  
  #Technology hr{
	  border-top: 2px solid #f3f1f6;
	  margin-top: 2vw;
  }
  
  #Technology .tab-pane{
	  padding-top: 2vw;
  }
  
  #Technology .tab-pane .left{
	  padding-right: 3vw;
  }
  
  #Technology .tab-pane h3{
	  font-family: 'asgard-bold', serif;
	  color: #ffffff;
	  font-size: 1.5vw;
	  margin-bottom: 1.5vw;
  }
  
  
  #Technology .tab-pane h4{
	  font-family: 'opensans-regular', serif;
	  color: #000000;
	  font-size: 1.2vw;
	  margin-top: 1vw;
	  font-weight: bolder;
  }
  
  
  #Technology .tab-pane .tech-inner{
	  margin-bottom: 1vw;
	  padding: 1vw;
	  background: #F1F8FF;
	  border-radius: 0.5vw;
  }
  
  #Technology .tab-pane .tech{
	  width: 100%;
	  height: 3vw;
	  object-fit: contain;
  }
  
  #Technology .tab-pane .right{
	  padding-left: 1vw;
  }
  
  
  
  #Approach{
	  background-color: #ebf5ff;
	  padding-top: 2vw;
	  padding-bottom: 2vw;
	  padding-left: 11vw;
	  padding-right: 11vw;
  }
  
  #Approach h2{
	  font-family: 'blinker-extrabold', serif;
	  font-size: 4.2vw;
	  background-image: linear-gradient(to right, #1ab6de , #5a62f7);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 4vw;
  }
  
  #Approach .main_p{
	  font-family: 'opensans-regular', serif;
	  color: #1A132E;
	  font-size: 1.2vw;
	  margin-top: 0vw;
  }
  
  
  #Approach .leftt{
	  border-right: 3px solid #cbe3fd;
  }
  
  
  #Approach .nav-item .active{
	  font-family: 'blinker-extrabold', serif;
	  background-color: transparent;
	  font-size: 1.6vw;
	  padding: 0vw;
	  margin-right: 2vw;
	  margin-left: 1.2vw;
	color: #236DD5;
  }
  
  #Approach .nav-link{
	  font-family: 'blinker-regular', serif;
	  font-size: 1.2vw;
	  margin-right: 1.5vw;
	  color: #1A132E;
  }
  
  #Approach hr{
	  border-top: 2px solid #cbe3fd;
	  margin-top: 2vw;
  }
  
  #Approach .tab-pane{
	  padding-top: 0vw;
  }
  
  
  #Approach .left .left-img{
	  width: 100%;
	  height: 24vw;
	  object-fit: cover;
	  border-radius: 2vw;
	  position: relative;
	  z-index: 10;
  }
  
  
  #Approach .right{
	  padding-top: 0vw;
	  padding-left: 3vw;
  }
  
  #Approach .right h3{
  font-family: 'blinker-extrabold', serif;
  font-size: 2vw;
  color: #236DD5;
  }
  
  #Approach .right p{
	  color: #1A132E;
	  font-family: 'opensans-regular', serif;
	  font-size: 1.2vw;
	  margin-top: 2vw;
  }
  
  
  #Approach .list-ul{
	  list-style-type: none;
	  margin-top: 3vw;
  }
  
  #Approach .list-ul li{
	  font-size: 1vw;
	  margin-bottom: 1.2vw;
	  color: #493E65;
  }
  
  #Approach .list-ul li img{
	  width: 1.6vw;
	  margin-right: 1vw;
  }
  
  
  
  #Clients{
	  padding-top: 4vw;
	  padding-bottom: 4vw;
  }
  
  #Clients h2{
	  font-family: 'blinker-extrabold', serif;
	  font-size: 4.2vw;
  background-image: linear-gradient(to right, #1ab6de , #5a62f7);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 4vw;
	margin-left: 12vw;
  }
  
  
  #Clients #client_slider1 .item{
   background-color: #ebf5ff;
   padding: 2vw 2vw;
   border-radius: 1vw;
  }
  
  #Clients #client_slider1 .item h3{
	  position: relative;
	  font-family: 'blinker-extrabold', serif;
	  color: #0D0917;
	  font-size: 1.4vw;
	  padding-left: 3.5vw;
  }
  
  #Clients #client_slider1 .item h3 img{
	  width: 3vw;
	  position: absolute;
	  left: 0vw;
	  border-radius: 50%;
  }
  
  
  #Clients #client_slider1 .item h4{
	  padding-left: 3.5vw;
	  font-size: 1.2vw;
	  color: #574B75;
  }
  
  #Clients #client_slider1 .item .stars{
	  width: 5vw;
	  float: right;
	  margin-top: -3vw;
  }
  
  #Clients #client_slider1 .item p{
	  font-family: 'opensans-regular', serif;
	  margin-top: 1vw;
	  font-size: 1.2vw;
	  color: #493E65;
  }
  
  
  #Clients #client_slider2{
	  margin-top: 2vw;
  }
  
  #Clients #client_slider2 .item{
   background-color: #FFFFFF;
   padding: 2vw 2vw;
   border-radius: 1vw;
  }
  
  #Clients #client_slider2 .item h3{
	  position: relative;
	  font-family: 'opensans-regular', serif;
	  color: #0D0917;
	  font-size: 1.2vw;
	  padding-left: 3.5vw;
  }
  
  #Clients #client_slider2 .item h3 img{
	  width: 3vw;
	  position: absolute;
	  left: 0vw;
  }
  
  
  #Clients #client_slider2 .item h4{
	  padding-left: 3.5vw;
	  font-size: 0.8vw;
	  color: #574B75;
  }
  
  #Clients #client_slider2 .item .stars{
	  width: 5vw;
	  float: right;
	  margin-top: -3vw;
  }
  
  #Clients #client_slider2 .item p{
	  margin-top: 1vw;
	  font-size: 0.8vw;
	  color: #493E65;
  }
  
  
  #Clients #client_slider3{
	  margin-top: 2vw;
  }
  
  
  #Clients #client_slider3 .item{
   background-color: #FFFFFF;
   padding: 2vw 2vw;
   border-radius: 1vw;
  }
  
  #Clients #client_slider3 .item h3{
	  position: relative;
	  font-family: 'opensans-regular', serif;
	  color: #0D0917;
	  font-size: 1.2vw;
	  padding-left: 3.5vw;
  }
  
  #Clients #client_slider3 .item h3 img{
	  width: 3vw;
	  position: absolute;
	  left: 0vw;
  }
  
  
  #Clients #client_slider3 .item h4{
	  padding-left: 3.5vw;
	  font-size: 0.8vw;
	  color: #574B75;
  }
  
  #Clients #client_slider3 .item .stars{
	  width: 5vw;
	  float: right;
	  margin-top: -3vw;
  }
  
  #Clients #client_slider3 .item p{
	  margin-top: 1vw;
	  font-size: 0.8vw;
	  color: #493E65;
  }
  
  
  #Start{
	  background-image: url("https://ik.imagekit.io/g6xhbzchk/imeta/images/footer-light.webp?updatedAt=1701157239322");
	background-color: #FFFFFF;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover; 
	padding-top: 8vw;
	padding-left: 23vw;
	padding-right: 23vw;
	padding-bottom: 5vw;
  }
  
  
  #Start h2{
	  font-family: 'blinker-extrabold', serif;
	  font-size: 3vw;
	   background-image: linear-gradient(to right, #1ab6de , #5a62f7);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 3vw;
  }
  
  
  #Start .input{
	  font-family: 'opensans-regular', serif;
	  width: 100%;
	  background: transparent;
	  height: 3vw;
	  padding-left: 2vw;
	  border: 3px solid #dde9f6;
	  border-radius: 2vw;
	  font-size: 1.2vw;
	  margin-bottom: 1.5vw;
	  color: #000000;
  } 
  
  
  #Start .input::placeholder{
	color: #685A8E;
  }
  
  
  #Start select{
	  font-family: 'opensans-regular', serif;
	  width: 100%;
	  background: transparent;
	  height: 3vw;
	  padding-left: 2vw;
	  border: 3px solid #dde9f6;
	  border-radius: 2vw;
	  font-size: 1.2vw;
	  margin-bottom: 1.5vw;
	  color: #000000;
  }
  
  
  #Start textarea{
	  font-family: 'opensans-regular', serif;
	  width: 100%;
	  background: transparent;
	  border: 3px solid #dde9f6;
	  border-radius: 1vw;
	  color: #000000;
	font-size: 1.2vw;
	padding-left: 2vw;
  }
  
  #Start textarea::placeholder{
	  font-family: 'opensans-regular', serif;
	color: #685A8E;
	font-size: 1vw;
  }
  
  
  #Start label{
	  color: #000000;
	  font-size: 1vw;
	  font-weight: bolder;
  }
  
  
  #Start .send-btn{
	  float: right;
	  margin-top: -1vw;
	  height: 2.5vw;
	  padding-left: 2vw;
	  padding-right: 2vw;
	  border-radius: 1.5vw;
	  border: none;
	  font-size: 0.8vw;
	  background-image: linear-gradient(to right, #1ab6de , #4d73f2);
	  color: #ffffff;
	  border: none;
  }
  
  
  
  
  #Banner2{
	  padding-top: 6vw;
	  padding-bottom: 6vw;
	  padding-left: 20vw;
	  padding-right: 14vw;
  }
  
  #Banner2 h1{
	  font-family: 'asgard-bold', serif;
	  color: #ffffff;
	  font-size: 4vw;
  }
  
  #Banner2 h1 img{
	  width: 24vw;
	  margin-left: 2vw;
	  margin-top: 2vw;
  }
  
  
  #Banner2 h2{
	  font-family: 'asgard-bold', serif;
	  background: -webkit-linear-gradient(#22aae1, #e6a5f4);
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;
	  font-size: 5.5vw;
	  margin-top: -1vw;
  }
  
  
  #Banner2 p{
	  font-family: 'opensans-regular', serif;
	  color: #493E65;
	  font-size: 1.5vw;
	  margin-top: 2vw;
  }
  
  #Banner2 .our-line{
	  width: 100%;
	  margin-top: 2vw;
  }
  
  
  #Banner2 .lets{
	  font-family: 'asgard-bold', serif;
	  width: 100%;
	  padding: 1vw 1vw;
	  border-radius: 2.5vw;
	  border: none;
	  font-size: 1.5vw;
	   background-image: linear-gradient(to right, #3098e6 , #9375f7);
	   color: #ffffff;
  }
  
  
  #Evaluation h1{
	  font-family: 'asgard-bold', serif;
	  color: #ffffff;
	  font-size: 3.2vw;
  }
  
  #Evaluation h1 img{
	  margin-left: 2vw;
	  width: 65vw;
	  margin-top: -2vw;
  }
  
  #Evaluation h2{
	  font-family: 'asgard-bold', serif;
	  color: #ffffff;
	  font-size: 3.2vw;
	  margin-bottom: 4vw;
  }
  
  #Evaluation .main_p{
	  font-family: 'opensans-regular', serif;
	  margin-top: -0.5vw;
	  color: #493E65;
	  font-size: 1.5vw;
  }
  
  
  
  #Order{
	  padding-left: 11vw;
	  padding-right: 11vw;
	  padding-bottom: 5vw;
  }
  
  
  #Order .inner{
	  background-color: #150f24;
	  padding: 3vw;
	  border-radius: 1vw;
  }
  
  #Order .inner h2{
	  font-family: 'opensans-regular', serif;
	  color: #ffffff;
	  font-size: 1.8vw;
  }
  
  #Order .inner p{
	  font-family: 'opensans-regular', serif;
	  font-size: 1.8vw;
	  color: #493E65;
	  line-height: 2vw;
  }
  
  
  #Order .inner input{
	  width: 100%;
	  background: transparent;
	  height: 3vw;
	  padding-left: 2vw;
	  color: #ffffff;
	  font-size: 1vw;
	  border-radius: 2vw;
	  border: 3px solid #42385d;
	  margin-top: 1vw;
  }
  
  #Order .inner input::placeholder{
	  color: #685A8E;
	  font-size: 1vw;
  }
  
  #Order .inner .send-btn{
	  margin-top: 2vw;
	  font-family: 'opensans-regular', serif;
	  background-image: linear-gradient(to right, #3099e6 , #9274f8);
	  margin-top: 2vw;
	  padding: 0.6vw 2.5vw;
	  font-size: 1vw;
	  font-weight: bolder;
	  border-radius: 2vw;
	  border: none;
	  color: #ffffff;
  }
  
  
  
  
  /*----------Dark mode switch-------------*/
  
  
  .moon{
	  width: 2vw;
	  height: 2vw;
	  border-radius: 50%;
	  border: none;
	  background-color: #ffffff;
	  margin-right: 0.5vw;
  }
  
  .moon img{
	  width: 1vw;
	  height: 1vw;
  }
  
  .sun{
	  width: 2vw;
	  height: 2vw;
	  border-radius: 50%;
	  border: none;
	  background-color: #236dd5;
	  margin-right: 0vw;
  }
  
  .sun img{
	  width: 1vw;
	  height: 1vw;
  }
  
  
  
  /*-----------mobile service page css-------------------*/
  
  
  .Mobile{
	  background: #d8dcf7;
	  padding-left: 11vw;
	  padding-right: 11vw;
	  padding-top: 6vw;
	  padding-bottom: 6vw;
  }
  
  
  .Mobile h2{
	  font-family: 'asgard-bold', serif;
	  font-size: 4vw;
	  line-height: 4vw;
  }
  
  .Mobile h2 span{
		  background: -webkit-linear-gradient(#3197e7, #8e72f8);
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;
  }
  
  
  .Mobile p{
	  font-family: 'opensans-regular', serif;
	  font-size: 1.2vw;
	  margin-top: 1vw;
	  color: #1A132E;
  }
  
  
  .Mobile .get-btn{
	  font-family: 'asgard-bold', serif;
	  color: #ffffff;
	  font-size: 1.2vw;
	  margin-top: 2vw;
	  padding: 0.6vw 3vw 0.6vw 3vw;
	  border-radius: 2vw;
	  border: none;
	  background-image: linear-gradient(to right, #3197e7 , #8e72f8);
  }
  
  
  .Mobile .right{
	  position: relative;
  }
  
  .Mobile .mobile{
	  position: absolute;
	  width: 95%;
	  top: -6vw;
  }
  
  .About{
	  padding-left: 11vw;
	  padding-right: 11vw;
	  padding-top: 6vw;
	  padding-bottom: 6vw;
  }
  
  
  .About h2{
  font-family: 'asgard-bold', serif;
  font-size: 3vw;
  margin-bottom: 2vw;
  }
  
  .About p{
	  margin-top: 2vw;
	  font-family: 'opensans-regular', serif;
	  font-size: 1.2vw;
	  color: #1A132E;
  }
  
  .About .right{
	  padding-left: 3vw;
  }
  
  .About .right img{
	  width: 100%;
  }
  
  
  .About .item{
	  background: #ffffff;
	  padding: 1vw;
	  border-radius: 1vw;
	  margin-bottom: 2vw;
  }
  
  .About .item h3{
	  font-size: 1.2vw;
	  font-weight: bolder;
	  color: #000000;
  }
  
  .About .main_p{
	  margin-bottom: 3vw;
  }
  
  
  
  
  .Why{
	  padding-top: 4vw;
	  padding-bottom: 4vw;
	  padding-left: 11vw;
	  padding-right: 11vw;
	  background: #ffffff;
  }
  
  .Why h2{
	  font-family: 'asgard-bold', serif;
  font-size: 4vw;
  margin-top: 8vw;
  margin-bottom: 3vw;
  }
  
  
  .Why p{
  font-family: 'opensans-regular', serif;
	  font-size: 1.2vw;
	  color: #1A132E;
	  margin-top: 3vw;
	  margin-bottom: 3vw;
  }
  
  .Why .right{
	  padding-left: 8vw;
  }
  
  .Why .reason{
	  background-image: linear-gradient(to bottom, #ecebf2 , #fbfbfc);
	  padding: 2vw 3vw 2vw 4vw;
	  border-radius: 2vw 2vw 0vw 0vw;
	  margin-bottom: 3vw;
  }
  
  
  .Why .reason h3{
	  font-family: 'opensans-regular', serif;
	  font-weight: bolder;
	  font-size: 3vw;
	  background: -webkit-linear-gradient(#22aae1, #e6a5f4);
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;
  }
  
  
  .Why .reason h4{
	  font-family: 'opensans-regular', serif;
	  font-weight: bolder;
	  font-size: 1.4vw;
  }
  
  
  .Why .top-reason{
	  margin-top: -9vw;
  }
  
  /*.Why .mid{
	  margin-left: -4vw;
  }
  */
  
  .Talk{
	  padding: 4vw 11vw 4vw 11vw;
  }
  
  .Talk .inner{
	  background-color: #ffffff;
	  padding: 3vw 4vw;
	  border-radius: 1vw;
  }
  
  .Talk .inner .left{
	  position: relative;
  }
  
  .Talk .inner .left .man{
	  position: absolute;
	  width: 95%;
	  top: -6vw;
  }
  
  
  .Talk .inner h2{
  font-family: 'opensans-regular', serif;
  font-size: 1.8vw;
  }
  
  .Talk .inner h3{
	  font-family: 'opensans-regular', serif;
	  font-weight: bolder;
	  font-size: 2.4vw;
	  color: #4A78F1;
  }
  
  
  .Talk .inner .contact-btn{
	  background-image: linear-gradient(to right, #5f5af9 , #b186f6);
	  width: 100%;
	  padding-top: 1vw;
	  padding-bottom: 1vw;
	  color: #ffffff;
	  font-size: 1.6vw;
	  border: none;
	  border-radius: 3vw;
	  margin-top: 2vw;
  }
  
  
  .Sub{
	  background: #ffffff;
	  padding: 8vw 11vw 4vw 11vw;
  }
  
  .Sub h2{
		  font-family: 'asgard-bold', serif;
		  font-size: 4vw;
			  background: -webkit-linear-gradient(#22aae1, #e6a5f4);
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;
  }
  
  
  .Sub .main_p{
		  font-family: 'opensans-regular', serif;
	  font-size: 1.4vw;
	  font-weight: bolder;
  }
  
  
  .Choose{
	  background: #ffffff;
	  padding: 8vw 11vw;
  }
  
  .Choose h2{
	  font-family: 'asgard-bold', serif;
		  font-size: 3vw;
			  background: -webkit-linear-gradient(#3197e7, #8e72f8);
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;
	  margin-bottom: 3vw;
  }
  
  .Choose .top-item{
	  margin-top: -8vw;
  }
  
  .Choose .item{
	  background-image: linear-gradient(to bottom, #ebeaf2 , #fafafb);	
	  padding: 3vw 4vw;
	  margin-bottom: 2vw;
	  border-radius: 2vw 2vw 0vw 0vw;
  }
  
  .Choose .item h3{
		  font-family: 'opensans-regular', serif;
		  font-weight: bolder;
		  font-size: 1.6vw;
  }
  
  
  .Choose .item p{
	  font-family: 'opensans-regular', serif;
	  font-size: 1.2vw;
  }
  
  /*------------New chnages--------*/
  
  
  #exampleModal .modal-dialog{
	  min-width: 60%;
	  border-radius: 1vw;
  }
  
  #exampleModal .modal-content{
	  border-radius: 1vw;
	  overflow: hidden;
  }
  
  #exampleModal .modal-body{
	  padding: 0vw;
	  border-radius: 1vw;
  }
  
  #exampleModal .left{
	  background: #f4f8fc;
  }
  
  #exampleModal .left ul{
	  list-style-type: none;
	padding-left: 3vw;
	padding-top: 2vw;
  }
  
  #exampleModal .left ul li{
	  margin-bottom: 0.8vw;
  }
  
  #exampleModal .left ul li img{
	  width: 2.5vw;
	  margin-right: 0.5vw;
  }
  
  #exampleModal .left ul li a{
	  font-family: 'opensans-regular', serif;
	  font-weight: bolder;
	  font-size: 1vw;
	  color: #000000;
  }
  
  
  #exampleModal .left .contact-img{
	  width: 100%;
	  position: absolute;
	  bottom: 0%;
  }
  
  
  
  #exampleModal .right{
	  position: relative;
	  padding-top: 2vw;
	  padding-left: 3vw;
	  padding-right: 3vw;
	  padding-bottom: 3vw;
  }
  
  #exampleModal .right .close-btn{
	  background: transparent;
	  border: none;
	  position: absolute;
	  right: 3vw;
  }
  
  #exampleModal .right .close-btn img{
	  width: 1.2vw;
  }
  
  #exampleModal .right h2{
	  font-size: 3vw;
	  line-height: 2.6vw;
	  width: 10ch;
	  margin-bottom: 3vw;
	  font-family: 'blinker-extrabold', serif;
	  background-image: linear-gradient(to right, #1ab7de , #4c74f2);
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;
  }
  
  
  #exampleModal .right input{
	  font-family: 'blinker-semibold', serif;
	  width: 100%;
	  height: 3vw;
	  padding-left: 2vw;
	  border: 2px solid #dde9f6;
	  color: #7693AF;
	  font-size: 1vw;
	  border-radius: 2vw;
	  margin-bottom: 1vw;
  }
  
  #exampleModal .right input::placeholder{
	  color: #7693AF;
  }
  
  
  #exampleModal .right select{
	  font-family: 'blinker-semibold', serif;
	  width: 100%;
	  height: 3vw;
	  padding-left: 2vw;
	  border: 2px solid #dde9f6;
	  color: #7693AF;
	  font-size: 1vw;
	  border-radius: 2vw;
	  margin-bottom: 1vw;
  }
  
  #exampleModal .right textarea{
	  font-family: 'blinker-semibold', serif;
	  width: 100%;
	  padding-left: 2vw;
	  border: 2px solid #dde9f6;
	  color: #7693AF;
	  font-size: 1vw;
	  border-radius: 0.5vw;
	  margin-bottom: 1vw;
  }
  
  #exampleModal .right p{
	  font-size: 1vw;
	  font-family: 'opensans-regular', serif;
  }
  
  
  #exampleModal .right .submit-btn{
	  height: 2.5vw;
	  padding-left: 4vw;
	  padding-right: 4vw;
	  border-radius: 1.5vw;
	  border: none;
	  font-size: 0.8vw;
	  background-image: linear-gradient(to right, #1ab6de , #4d73f2);
	  color: #ffffff;
	  border: none
  }
  
  
  footer{
	  background: #0B0F33;
	  padding-top: 6vw;
	  padding-bottom: 3vw;
	  padding-left: 16vw;
	  padding-right: 14vw;
  }
  
  footer .f_col{
	  padding-right: 3vw;
  }
  
  footer .s_col{
	  padding-right: 1vw;
  }
  
  footer .t_col{
	  padding-right: 1vw;
  }
  
  footer .logo{
	  width: 8vw;
	  margin-bottom: 3vw;
  }
  
  footer .main_p{
	  font-family: 'opensans-regular', serif;
	  font-size: 1.2vw;
	  color: #938AA8;
  }
  
  footer h2{
	  font-size: 1.2vw;
	  color: #ffffff;
	  margin-bottom: 4vw;
  }
  
  footer ul{
	  list-style-type: none;
  }
  
  footer ul li{
	  margin-bottom: 0.5vw;
  }
  
  footer ul li a{
	  font-size: 1vw;
	  color: #ffffff;
  }
  
  
  footer .news{
	  position: relative;
	  background: #151A4A;
	  padding-top: 6vw;
	  padding-left: 3vw;
	  padding-right: 3vw;
	  padding-bottom: 3vw;
	  border-radius: 1vw;
  }
  
  footer .news .footer-mail{
	  position: absolute;
	  width: 18vw;
	  top: 0vw;
	  right: -3vw;
  }
  
  
  footer .news h3{
	  color: #ffffff;
	  font-size: 1.4vw;
	  margin-bottom: 2vw;
  }
  
  
  footer .news input{
	  font-family: 'opensans-regular', serif;
	  width: 100%;
	  border-radius: 2vw;
	  height: 3vw;
	  padding-left: 1vw;
	  background: transparent;
	  font-size: 1vw;
	  border: 2px solid #382c5c;
	  color: #FFFFFF;
  }
  
  footer .news button{
	  background-image: linear-gradient(to right, #1ab6de , #4d73f2);
	  margin-top: 1vw;
	  font-size: 1vw;
	  height: 3vw;
	  width: 100%;
	  border-radius: 2vw;
	  border: none;
	  color: #ffffff;
  }
  
  footer hr{
	  border-top: 2px solid #151a4a;
	  margin-top: 2vw;
  }
  
  footer h3{
	  font-family: 'blinker-semibold', serif;
	  color: #ffffff;
	  font-size: 1.2vw;
  }
  
  footer .second_p{
	  font-family: 'opensans-regular', serif;
	  color: #7BA4D4 !important;
	  font-size: 1.2vw;
  }
  
  footer .second_hr{
	  margin-top: 0vw;
  }
  
  footer .third_p{
	  font-family: 'opensans-regular', serif;
	  font-size: 1vw;
	  color: #2E5D93;
  }
  
  footer .third_p a{
	  color: #2E5D93 !important;
  }
  
  footer .icons{
	  width: 2.5vw;
	  margin-right: 0.5vw;
	  margin-top: 0.5vw;
  }
  
  
  /*------------13-10-2023------------------*/
  
  
  .Banner3{
	  background-image: linear-gradient(to right, #3297e7 , #b085f6);
	  padding-left: 11vw;
	  padding-top: 0vw;
  }
  
  
  .Banner3 h2{
	  font-family: 'generalsans-bold', serif;
	  color: #ADCFF4;
	  text-transform: uppercase;
	  font-size: 1.6vw;
  }
  
  .Banner3 h1{
	  font-family: 'blinker-bold', serif;
	  color: #FFFFFF;
	  font-size: 5vw;
	  line-height: 4.5vw;
	  text-transform: uppercase;
	  margin-top: 5vw;
  }
  
  .Banner3 h1 span{
	  color: #8DEAFF;
  }
  
  
  .Banner3 p{
	  font-family: 'generalsans-regular', serif;
	  color: #FFFFFF;
	  font-size: 1.5vw;
	  line-height: 1.8vw;
	  margin-top: 3vw;
  }
  
  
  .Banner3 .get-btn{
	  font-family: 'blinker-bold', serif;
	  background: #4DC0FC;
	  color: #FFFFFF;
	  font-size: 1.2vw;
	  margin-top: 2vw;
	  border: none;
	  padding: 0.6vw 2vw;
	  border-radius: 2vw;
	  margin-bottom: 2vw;
  }
  
  .Banner3 .right img{
	  width: 100%;
	  object-fit: cover;
      height: 35vw;
  }
  
  
  .What{
	  background: #FFFFFF;
	  padding-top: 3vw;
	  padding-left: 11vw;
	  padding-right: 15vw;
	  padding-bottom: 3vw;
	  border-bottom: 12px solid #2ba0e4;
  }
  
  .What h2{
	  font-family: 'blinker-bold', serif;
	  font-size: 3.5vw;	
	  line-height: 3.5vw;
	  color: #1A132E;
	  margin-top: 2vw;
  }
  
  .What p{
	  font-family: 'opensans-regular', serif;
	  padding-left: 2vw;
	  color: #1A132E;
	  font-size: 1.2vw;
	  margin-top: 1vw;
  }
  
  .What .contact-btn{
	  font-family: 'blinker-bold', serif;
	  background: #4DC0FC;
	  color: #FFFFFF;
	  font-size: 1.2vw;
	  margin-top: 2vw;
	  margin-left: 2vw;
	  border: none;
	  padding: 0.6vw 2vw;
	  border-radius: 2vw;
  }
  
  
  
  .How{
	  background: #F7FAFE;
	  padding-top: 3vw;
	  padding-left: 11vw;
	  padding-right: 11vw;
	  padding-bottom: 2vw;
  }
  
  
  .How h2{
	  font-family: 'blinker-bold', serif;
	  font-size: 3.5vw;	
	  line-height: 3.5vw;
	  color: #1A132E;
	  max-width: 20ch !important;
	  margin: 0 auto;
	  margin-bottom: 3vw;
  }
  
  .How .main_p{
	  font-family: 'opensans-semibold', serif;
	font-size: 1vw;
	margin-top: 1vw;
	margin-bottom: 2vw;
  }
  
  
  .How .item{
	  min-height: 9vw;
	  border-radius: 1.5vw;
	  border: 2px solid #d0e0ee;
	  padding: 1vw 4vw 1vw 2vw;
	  margin-bottom: 2vw;
	  background: #FFFFFF;
  }
  
  .How .item img{
	  width: 5vw;
	  margin-top: 1vw;
  }
  
  .How .item p{
	  font-family: 'opensans-semibold', serif;
	  font-size: 1vw;
	  padding-left: 2vw;
	  margin-top: 1vw;
  }
  
  
  .Features{
	  background: #ffffff;
	  padding-top: 4vw;
	  padding-bottom: 4vw;
	  padding-left: 11vw;
	  padding-right: 11vw;
  }
  
  .Features h2{
	  font-family: 'blinker-bold', serif;
	  font-size: 3.5vw;	
	  line-height: 3.5vw;
	  color: #1A132E;
	  max-width: 15ch !important;
	  margin-bottom: 2vw;
  }
  
  .Features .item{
	  background: #F7FAFE;
	  border: 3px solid #d0e0ee;
	  border-radius: 1.5vw;
	  padding: 2vw 3vw 2vw 2vw;
	  margin-bottom: 2vw;
  }
  
  .Features .item img{
	  width: 5vw;
	  margin-bottom: 1vw;
  }
  
  
  .Features .item h3{
		  font-family: 'generalsans-bold', serif;
		  font-size: 1.5vw;
		  text-transform: uppercase;
		  margin-bottom: 1vw;
  }
  
  .Features .item p{
	  font-family: 'generalsans-medium', serif;
	  font-size: 1vw;
  }
  
  
  
  .Demo{
	  padding-top: 2vw;
	  padding-bottom: 5vw;
	  padding-left: 11vw;
	  padding-right: 11vw;
  }
  
  
  .Demo td img{
	  width: 3vw;
	  margin-right: 1vw;
  }
  
  .Demo .main_p{
	  font-family: 'opensans-regular', serif;
	  font-size: 0.8vw;
	  margin-bottom: 2vw;
  }
  
  
  .Demo .item{
	  background: #F7FAFE;
	border: 3px solid #d0e0ee;
	padding: 1.5vw 1vw 1vw 1vw;
	border-radius: 1vw;
	margin-bottom: 2vw;
  }
  
  
  .Demo .item p{
	  font-family: 'blinker-bold', serif;
	  font-size: 1vw;
	  width: 10ch;
	  margin: 0 auto;
  }
  
  .Demo .item img{
	  width: 3vw;
	  height: 3vw;
	  object-fit: contain;
	  margin-bottom: 0.5vw;
  }
  
  
  .Demo .items{
	  background: #F7FAFE;
	border: 3px solid #d0e0ee;
	padding: 1.5vw 1vw 1vw 1vw;
	border-radius: 1vw;
	margin-bottom: 2vw;
  }
  
  .Demo .items img{
	  width: 3vw;
	  height: 3vw;
	  object-fit: contain;
  }
  
  .Demo .items h3{
	  font-family: 'blinker-bold', serif;
	  font-size: 1.2vw;
	  font-weight: bolder;
  }
  
  .Demo .items p{
	  font-family: 'opensans-regular', serif;
	  font-size: 0.8vw;
  }
  
  
  
  
  .Demo .right img{
	  width: 100%;
  }
  
  
  .Demo h2{
	font-family: 'blinker-bold', serif;
	  font-size: 3.5vw;	
	  line-height: 3.5vw;
	  color: #1A132E;
	  max-width: 20ch !important;
	  margin-bottom: 3vw;
  }
  
  
  .Demo h3{
	font-family: 'opensans-semibold', serif;
	  font-size: 1.5vw;	
	  line-height: 1.5vw;
	  color: #1A132E;
	  margin-bottom: 1vw;
  }
  
  
  .Demo .left{
	  padding-right: 4vw;
  }
  
  .Demo p{
	  font-family: 'opensans-semibold', serif;
	  font-size: 1vw;
	  font-weight: bolder;
  }
  
  .Demo .contact-btn {
	  margin-top: 2vw;
	  font-family: 'opensans-regular', serif;
	  background-image: linear-gradient(to right, #1ab6de , #4d73f2);
	  padding: 0.6vw 2.5vw;
	  font-size: 1vw;
	  font-weight: bolder;
	  border-radius: 2vw;
	  margin-right: 1vw;
	  border: none;
	  color: #ffffff;
	  margin-bottom: 2vw;
  }
  
  
  .Demo .learn-btn {
	  font-family: 'opensans-regular', serif;
	  background: transparent;
	  border: 3px solid #dcedff;
	  color: #1A132E;
	  margin-top: 2vw;
	  padding: 0.6vw 2.5vw;
	  font-size: 1vw;
	  font-weight: bolder;
	  border-radius: 2vw;
	  margin-right: 1vw;
  }
  
  .Demo .learn-btn img {
	  width: 1.5vw;
	  height: 1.5vw;
	  margin-right: 0.5vw;
	  object-fit: contain;
  }
  
  
  .Demo table th{
	  font-family: 'opensans-regular', serif;
  }
  
  .Demo table td{
	  font-family: 'opensans-regular', serif;
  }
  
  
  
  
  .Model{
	  padding-top: 3vw;
	  padding-bottom: 3vw;
	  padding-left: 11vw;
	  padding-right: 11vw;
  }
  
  
  .Model h2{
	  font-family: 'blinker-bold', serif;
	  font-size: 3.5vw;
	  line-height: 3.5vw;
	  color: #1A132E;
	  max-width: 12ch !important;
	  margin-bottom: 3vw;
  }
  
  .Model .left{
	  padding-right: 2vw;
  }
  
  
  .Model .item{
	  position: relative;
	  background: #f1f8ff;
	  padding: 2vw 3vw 1vw 3vw;
	  margin-bottom: 2vw;
	  border-radius: 0.5vw;
  }
  
  .Model .item .circle{
	  width: 3vw;
	  position: absolute;
	  top: 1.5vw;
	  left: -1.5vw;
  }
  
  .Model .item .icon{
	  width: 5vw;
	  margin-bottom: 1vw;
  }
  
  
  .Model .item h3{
	  font-family: 'generalsans-bold', serif;
	  max-width: 20ch;
	  font-size: 1.5vw;
	  font-weight: bolder;
	  text-transform: uppercase;
	  margin-bottom: 1.5vw;
  }
  
  .Model .item p{
	  font-family: 'opensans-semibold', serif;
	  font-size: 1vw;
  }
  
  
  .Model .right{
	  padding-left: 2vw;
  }
  
  .Model .top{
	  margin-top: 2vw;
  }
  
  
  .Technology{
	  background: #FFFFFF;
	  border-top: 12px solid #2ba0e4;
	  border-bottom: 12px solid #2ba0e4;
  }
  
  .Technology h2{
	  text-transform: uppercase;
	  max-width: 25ch;
	  line-height: 4.5vw;
  }
  
  
  .Whitelabel {
	  padding-top: 5vw;
	  padding-bottom: 4vw;
	  padding-left: 11vw;
	  padding-right: 11vw;
  }
  
  .Whitelabel .left{
	  padding-right: 4vw;
  }
  
  
  .Whitelabel h2 {
	  font-family: 'blinker-bold', serif;
	  font-size: 3.5vw;
	  line-height: 3.5vw;
	  color: #1A132E;
	  max-width: 20ch !important;
	  margin-bottom: 3vw;
  }
  
  
  .Whitelabel p {
	  font-family: 'opensans-semibold', serif;
	  font-size: 1vw;
	  font-weight: bolder;
  }
  
  
  .Whitelabel .contact-btn {
	  margin-top: 2vw;
	  font-family: 'opensans-regular', serif;
	  background-image: linear-gradient(to right, #1ab6de , #4d73f2);
	  padding: 0.6vw 2.5vw;
	  font-size: 1vw;
	  font-weight: bolder;
	  border-radius: 2vw;
	  margin-right: 1vw;
	  border: none;
	  color: #ffffff;
  }
  
  .Whitelabel .learn-btn {
	  font-family: 'opensans-regular', serif;
	  background: transparent;
	  border: 3px solid #dcedff;
	  color: #1A132E;
	  margin-top: 2vw;
	  padding: 0.6vw 2.5vw;
	  font-size: 1vw;
	  font-weight: bolder;
	  border-radius: 2vw;
	  margin-right: 1vw;
  }
  
  .Whitelabel .learn-btn img {
	  width: 1.5vw;
	  height: 1.5vw;
	  margin-right: 0.5vw;
	  object-fit: contain;
  }
  
  
  .Whitelabel .item{
	  border: 4px solid #dde9f6;
	  padding: 2vw;
	  border-radius: 1.5vw;
	  margin-bottom: 2vw;
	  margin-top: 2rem;
  }
  
  
  .Whitelabel .item h3{
	  font-family: 'generalsans-bold', serif;
	  font-size: 1.5vw;
	  text-transform: uppercase;
	  margin-bottom: 1vw;
  }
  
  .Whitelabel .item p{
	  font-family: 'opensans-semibold', serif;
	font-size: 1vw;
	width: auto;
  }
  
  .Whitelabel .right img{
	  width: 100%;
  }
  
  
  .Whitelabel table th{
	  font-family: 'opensans-regular', serif;
  }
  
  .Whitelabel table td{
	  font-family: 'opensans-regular', serif;
  }
  
  
  
  
  
  .FAQ{
	  padding-left: 11vw;
	  padding-right: 11vw;
	  padding-top: 4vw;
	  padding-bottom: 4vw;
	  background: #ffffff;
  }
  
  
  .FAQ .card-header{
	  background: #dde9f6;
	  position: relative;
  }
  
  .FAQ .card-header img{
	  width: 2vw;
	  position: absolute;
	  right: 2vw;
	  top: 1vw;
  }
  
  
  .FAQ h2{
  font-family: 'blinker-bold', serif;
	  font-size: 3.5vw;
	  line-height: 3vw;
	  color: #1A132E;
	  margin-bottom: 3vw;
  }
  
  
  .FAQ #accordion button{
	  font-family: 'opensans-regular', serif;
	  color: #000000;
	  font-size: 1.2vw;
	  font-weight: bolder;
  }
  
  .FAQ #accordion .card-body{
	  font-family: 'opensans-regular', serif;
	  font-size: 1vw;
  }
  
  
  
  .Blog{
	  padding: 3vw 11vw 4vw 11vw;
  }
  
  .Blog .outer{
	  background: #DDE9F6;
	  border-radius: 1vw;
	  padding-bottom: 1vw;
	  margin-bottom: 1vw;
  }
  
  
  .Blog .heading{
	  background: #DDE9F6;
	  padding: 2vw 2vw 2vw 2vw;
	  border-radius: 1vw;
  }
  
  .Blog .heading h1{
	  font-size: 1.2vw;
	  font-family: 'opensans-regular', serif;
	  font-weight: bolder;
  }
  
  
  .Blog .outer .blog-img{
	  width: 100%;
	  height: 15vw;
	  object-fit: cover;
  }
  
  .Blog .outer p{
	  font-family: 'opensans-regular', serif;
	  font-size: 0.9vw;
	  margin-top: 1.5vw;
	  font-weight: bolder;
	  padding-left: 2vw;
	  padding-right: 2vw;
  }
  
  .Blog .btn-outer{
	  padding:0rem 1rem 0rem 1rem;
  }
  
  .Blog .view-btn{
	  font-family: 'blinker-extrabold', serif;
	  font-size: 1rem;
	  background-image: linear-gradient(to right, #1CB3DE , #4B76F2);
	  border: none;
	  padding: 1rem 1rem;
	  color: #ffffff;
	  border-radius: 2rem;
  }
  
  
  
  
  
  .Rewards{
	  padding-left: 12vw;
	  padding-right: 12vw;
	  padding-top: 2vw;
	  padding-bottom: 4vw;
  }
  
  
  .Rewards h2{
	  font-family: 'blinker-extrabold', serif;
	  font-size: 4.2vw;
  background-image: linear-gradient(to right, #1ab6de , #5a62f7);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
  }
  
  .Rewards .item{
	  max-width: 20%;
  }
  
  
  .Rewards img{
	  width: 10vw;
	  height: 10vw;
	  object-fit: contain;
	  margin-top: 2vw;
  }
  
  
  
  .whatsapp_float {
		position: fixed;
		width: 60px;
		height: 60px;
		bottom: 20px;
		left: 20px;
		background-color: #25d366;
		color: #fff;
		border-radius: 50px;
		text-align: center;
		font-size: 30px;
		box-shadow: 2px 2px 3px #999;
		z-index: 100;
	  }
	  .whatsapp-icon {
		margin-top: 16px;
	  }
	  .study_case_image{
		  max-width: 100%;
	  }
	  .challenge
	  {
		  padding: 0 156px;
	  }
	  .solution
	  {
		  background-color: #F1F8FF;
		  padding: 0 156px;
	  }
	  .result
	  {
		  
		  padding: 0 156px;
	  }
  
	  .caseStudyTitle {
		  width: 100% !important;
		  
	  }
  
	  /* for mobile */
	  @media screen and (max-width: 767px){
		.whatsapp-icon {
		  margin-top: 10px;
		}
		.whatsapp_float {
		  width: 40px;
		  height: 40px;
		  bottom: 20px;
		  left: 10px;
		  font-size: 22px;
		}
  
  .caseStudyimage{
	  display: none;
  }
  
	  }
  
  
  
  
  .floating-button {
		  z-index: 9999;
		position: fixed;
		top: 40%;
		left: -68px;
		background: linear-gradient(90deg, #ff5100, #ffb700);
		background-size: 200% 100%;
		color: #fff;
		padding: 10px 15px;
		border: none;
		border-radius: 5px;
		cursor: pointer;
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
		transform: rotate(-90deg); /* Rotate the button vertically */
		animation: colorChange 3s infinite;
	  }
  
	  .floating-button:hover {
		background-color: #2980b9;
	  }    
  
  
  /* Keyframes for the animation */
		  @keyframes colorChange {
			  0% {
				  background-position: 100% 0;
			  }
			  100% {
				  background-position: -100% 0;
			  }
		  }
  
  
  
  .Terms{
	  padding-top: 3vw;
	  padding-left: 11vw;
	  padding-right: 11vw;
	  padding-bottom: 3vw;
  }
  
  .Terms h1 {
	  font-family: 'blinker-extrabold', serif;
	  font-size: 4.2vw;
	  margin-top: 1vw;
	  background-image: linear-gradient(to right, #1ab7de , #4c74f2);
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;
  }
  
  .Terms p{
		font-family: 'opensans-regular', serif;
	  color: #000000;
	  font-size: 1vw;
	  margin-top: 1vw;
	  font-weight: bolder;
  }
  
  .Terms h2 {
	  font-family: 'blinker-bold', serif;
	  font-size: 3.5vw;
	  line-height: 3.5vw;
	  color: #1A132E;
	  max-width: 20ch !important;
	  margin-top: 3vw;
  }
  
  .Terms h3 {
	  font-family: 'blinker-bold', serif;
	  font-size: 2.5vw;
	  line-height: 2.5vw;
	  color: #1A132E;
	  margin-top: 2vw;
  }
  
  
  
  
  
  /* case study */
  /* .caseStudyBg
  {
  background-image: url('../images/case-study/case-study-background-banner.png');
  background-position: right 29%;
  padding-top: 1vw !important;
  }
  
  .caseStudy_title1{
	  margin-top: 0px !important;
  }
  
  .Banner3 .caseStudy_title1 span{
	  font-size: 3.8rem !important;
	  font-weight: 700 !important;
	  padding-bottom: 0rem ;
	  font-family: 'blinker-bold', serif;  
	  color: #8DEAFF; 
	  
  }
  .Banner3 .caseStudy_title2 span{
	  font-size: 3.5rem !important;
	  font-weight: 700 !important;
	  font-family: 'blinker-bold', serif;  
	  color: white; 
	  
  }
  
  .itemContent {
	  display: flex;
	  justify-content: center;
	  align-items: stretch;
	  flex-direction: column;
	  height: 100%;
  }
  img.titleIcon {
	  height: 30px;
  }
  
  .caseStudy_P{
	  font-family: 'opensans-regular', serif !important;
	  font-size: 1vw !important;
	  margin-top: 1vw !important;
  }
  .caseStudySubTitle{
	  display: inline;
	  white-space: nowrap;
  }
  
  .caseStudy_banner_p{
	  font-family: 'opensans-regular', serif !important;
	  font-size: 1vw !important;
	  margin-top: 1vw !important;
	  color: #B2F1FF !important;
	  padding-right: 225px;
  }
  
  .caseStudy_banner_p_span{
	  padding: 0 15px;
  }
  
  
  
  
  .Contact .top{
	  height: 8vw;
	  background-image: linear-gradient(to right, #1bb6de , #9576f8);
  } */
  
    /* case study */
	.caseStudyBg
	{
	background-image: url('../images/case-study/case-study-background-banner.png');
	background-position: right 29%;
	padding-top: 1vw !important;
	}
	
	.caseStudy_title1{
		margin-top: 0px !important;
	}
	
	.Banner3 .caseStudy_title1 span{
		font-size: 3.8rem !important;
		font-weight: 700 !important;
		padding-bottom: 0rem ;
		font-family: 'blinker-bold', serif;  
		color: #8DEAFF; 
		
	}
	.Banner3 .caseStudy_title2 span{
		font-size: 3.5rem !important;
		font-weight: 700 !important;
		/* padding-bottom: 1rem ; */
		font-family: 'blinker-bold', serif;  
		color: white; 
		
	}
	
	.itemContent {
		display: flex;
		justify-content: center;
		align-items: stretch;
		flex-direction: column;
		height: 100%;
	}
	img.titleIcon {
		height: 30px;
	}
	
	.caseStudy_P{
		font-family: 'opensans-regular', serif !important;
		font-size: 1vw !important;
		margin-top: 1vw !important;
	}
	.caseStudySubTitle{
		display: inline; /* Ensures the span is inline with the text */
		white-space: nowrap;
	}
	
	.caseStudy_banner_p{
		font-family: 'opensans-regular', serif !important;
		font-size: 1vw !important;
		margin-top: 1vw !important;
		color: #B2F1FF !important;
		padding-right: 225px;
	}
	
	.caseStudy_banner_p_span{
		padding: 0 15px;
	}
	
	
	
	
	.Contact .top{
		height: 8vw;
		background-image: linear-gradient(to right, #1bb6de , #9576f8);
	}
	
  /*--------About Us Page----------*/
  
  .About_banner{
  background-image: linear-gradient(to right, #1bb6de , #9576f8);
  padding-left: 18vw;
  }
  
  
  .About_banner h1{
	  margin-top: 8vw;
	  font-family: 'blinker-extrabold', serif;
	font-size: 3.5vw;
	color: #FFFFFF;
  }
  
  .About_banner p{
	  font-family: 'generalsans-medium', serif;
	  color: #ffffff;
	  font-size: 1vw;
  }
  
  
  .About_banner .get-btn{
	  font-family: 'blinker-extrabold', serif;
	  font-size: 1.5vw;
	  background: #ffffff;
	  border: none;
	  color: #236DD5;
	  padding: 0.5vw 2vw;
	  border-radius: 2vw;
  }
  
  
  .About_banner .get-btn img{
	  width: 1vw;
	  margin-right: 0.5vw;
  }
  
  
  .About_banner .about-img{
	  width: 100%;
	  height: 26vw;
	  object-fit: cover;
  }
  
  
  
  .our_story{
	  background: #f1f8ff;
	  padding-left: 18vw;
	  padding-right: 18vw;
	  padding-top: 3vw;
	  padding-bottom: 5vw;
  }
  
  .our_story h2{
	  font-family: 'blinker-regular', serif;
	  font-size: 3.5vw;
	  background: linear-gradient(45deg, #1bb5de, #4183ed);
		-webkit-background-clip: text;
		color: transparent;
  }
  
  .our_story h3{
	  font-family: 'generalsans-medium', serif;
	  font-size: 1.5vw;
  }
  
  
  .our_story p{
	  font-family: 'generalsans-regular', serif;
	  font-size: 1vw;
  }
  
  
  .journey{
	  padding-top: 5vw;
	  padding-left: 18vw;
	  padding-right: 18vw;
	  padding-bottom: 6vw;
  }
  
  .journey h1{
	  font-family: 'blinker-extrabold', serif;
	font-size: 4vw;
	background: linear-gradient(45deg, #1bb5de, #5963f7);
	-webkit-background-clip: text;
	color: transparent;
  }
  
  
  .journey .item_one{
	background-color: #f1f8ff;
	width: 24vw;
	margin-left: 1vw;
	margin-top: 5vw;
	padding: 2vw 3vw 1vw 3vw;
	border-radius: 1vw 1vw 2vw 2vw;
	border-left: 5px solid #19b8dd;
	border-right: 5px solid #19b8dd;
	border-bottom: 20px solid #19b8dd;
  }
  
  
  .journey .item_one h2{
	  font-family: 'blinker-bold', serif;
	color: #0D0917;
	font-size: 1.6vw;
  }
  
  .journey .item_one p{
	  font-family: 'generalsans-regular', serif;
	  font-size: 0.8vw;
  }
  
  .journey .item_two{
	background-color: #f1f8ff;
	width: 24vw;
	margin-left: 6vw;
	margin-top: 13vw;
	padding: 2vw 3vw 1vw 3vw;
	border-radius: 1vw 1vw 2vw 2vw;
	border-left: 5px solid #19b8dd;
	border-right: 5px solid #19b8dd;
	border-bottom: 20px solid #19b8dd;
  }
  
  
  .journey .item_two h2{
	  font-family: 'blinker-bold', serif;
	color: #0D0917;
	font-size: 1.6vw;
  }
  
  .journey .item_two p{
	  font-family: 'generalsans-regular', serif;
	  font-size: 0.8vw;
  }
  
  
  .journey .item_three{
	background-color: #f1f8ff;
	width: 24vw;
	margin-left: 10vw;
	margin-top: 6vw;
	padding: 2vw 3vw 1vw 3vw;
	border-radius: 2vw 2vw 1vw 1vw;
	border-left: 5px solid #19b8dd;
	border-right: 5px solid #19b8dd;
	border-top: 20px solid #19b8dd;
  }
  
  
  .journey .item_three h2{
	  font-family: 'blinker-bold', serif;
	color: #0D0917;
	font-size: 1.6vw;
  }
  
  .journey .item_three p{
	  font-family: 'generalsans-regular', serif;
	  font-size: 0.8vw;
  }
  
  
  .journey .snake{
	  position: absolute;
	  left: 0vw;
	  width: 100vw;
  
  }
  
  
  .company{
	  background: linear-gradient(45deg, #1bb5de, #5963f7);
	  padding: 4vw 14vw;
  }
  
  .company .left{
	  padding: 0vw;
  }
  
  .company .left .company-img{
	  width: 100%;
	  height: 32vw;
	  object-fit: cover;
	  border-radius: 1vw 0vw 0vw 1vw;
  }
  
  .company .right{
	  padding: 0vw;
	  position: relative;
  }
  
  .company .right .item{
	  border: 4px solid #eef4f8;
	  position: absolute;
	  background: #FFFFFF;
	padding-top: 2.5vw;
	padding-left: 4vw;
	padding-right: 4vw;
	padding-bottom: 2vw;
	border-radius: 0vw 1vw 1vw 0vw;
  }
  
  .company .right .item h2{
	  font-family: 'blinker-regular', serif;
	  font-size: 3.5vw;
	  background: linear-gradient(45deg, #1bb5de, #5963f7);
	-webkit-background-clip: text;
	color: transparent;
	margin-bottom: 2vw;
  }
  
  .company .right .item p{
	  font-family: 'generalsans-regular', serif;
	  font-size: 1vw;
	  margin-bottom: 1vw;
  }
  
  
  .company .right .item .contact-btn{
		font-family: 'opensans-regular', serif;
	  background-image: linear-gradient(to right, #1ab7de , #4d73f2);
	  color: #ffffff;
	  margin-top: 1vw;
	  padding: 0.6vw 2.5vw;
	  font-size: 1vw;
	  font-weight: bolder;
	  border-radius: 2vw;
	  margin-right: 1vw;
	  border: none;
  }
  
  .company .right .item .learn-btn{
		  font-family: 'opensans-regular', serif;
	  background: transparent;
	  border: 3px solid #dcedff;
	  color: #1A132E;
	  margin-top: 2vw;
	  padding: 0.6vw 1vw;
	  font-size: 1vw;
	  font-weight: bolder;
	  border-radius: 2vw;
	  margin-right: 1vw;
  }
  
  .company .right .item .learn-btn img{
	  width: 1.5vw;
	  height: 1.5vw;
	  margin-right: 0.5vw;
	  object-fit: contain;
  }
  
  
  
  /* Career */
  /* .career_Section1 {
	  margin: 60px 0;
	}
	.career_Section2 {
	  margin: 60px 0;
	}
	
	.careerText {
	  font-family: "blinker-extrabold", serif;
	  padding: 0 65px;
	}
	
	
	
	.Banner4 {
	  background-image: url('../images/careers_bannar01.png'); 
	  background-size: cover;
	  background-position: center;
	  background-repeat: no-repeat;
	  text-align: center;
	  color: white; 
	  padding: 100px 0;
	}
	
	.career_Title {
	  margin: 0;
	  padding: 0;
	}
	
	.career_Title h1 {
	  font-size: 3em; 
	}
	
	.careerText h1 {
	  font-family: "blinker-extrabold", serif;
	  font-size: 3.5vw;
	  margin-top: 1vw;
	  background-image: linear-gradient(to right, #1ab7de, #4c74f2);
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;
	  text-transform: uppercase;
	}
	
	.career_para .career_light_blue {
	  color: #236dd5;
	}
	 */
	/* Location */
	
	/* .location_Section {
	  display: flex;
	  justify-content: space-evenly;
	}
	
	.LocationHeading h1 {
	  font-family: "blinker-extrabold", serif;
	  font-size: 2vw;
	  margin-top: 1vw;
	  background-image: linear-gradient(to right, #1ab7de, #4c74f2);
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;
	  text-transform: uppercase;
	}
	.LocationHeading p {
	  font-family: "opensans-regular", serif;
	}
	.LocationHeading {
	  padding: 0 160px;
	}
	.location_detail_section {
	  padding: 0 112px;
	}
	
	.challenge {
	  padding: 0 156px;
	}
	p.career_para {
	  font-size: 25px;
	}
	
	.career_content_div {
	  background-color: #f1f8ff;
	  padding: 43px 70px;
	  font-weight: bold;
	}
	.career_content_div hr {
	  width: 80%;
	  color: #fff;
	  border-color: white;
	}
	
	.BENEFITS_section {
	  font-family: "opensans-regular", serif;
	  display: flex;
	  width: 100%;
	  justify-content: space-evenly;
	  align-items: center;
	}
	.career_benefits_div {
	  padding: 0 148px;
	}
	.career_BENEFITS {
	  margin: 30px 0;
	}
	
	.SEE_OPEN_section {
	  font-family: "opensans-regular", serif;
	  display: flex;
	  width: 100%;
	  justify-content: space-between;
	  align-items: center;
	  background-color: #f1f8ff;
	  padding: 34px 30px;
	  margin: 8px;
	  border-radius: 10px;
	}
	.SEE_OPEN_blue_heading {
	  font-size: 42px !important;
	}
	
	.SEE_OPEN_section button {
	  float: right;
	  margin-top: -1vw;
	  height: 2.5vw;
	  padding-left: 2vw;
	  padding-right: 2vw;
	  border-radius: 1.5vw;
	  border: none;
	  font-size: 0.8vw;
	  background-image: linear-gradient(to right, #1ab6de, #4d73f2);
	  color: #ffffff;
	  border: none;
	}
	
	.SEE_OPEN_div hr {
	  margin: 0 !important;
	}
	.SEE_OPEN_div {
	  padding: 0 156px;
	  margin: 30px 0;
	}
	.SEE_OPEN_div_second {
	  padding: 0px;
	}
  
	.career_text {
	  font-family: sans-serif;
	  padding: 0 40px;
	}
	.career_text1 {
	  font-family: sans-serif;
	  
	}
	*/
	
  
  /* Career */
  .career_Section1 {
	margin: 60px 0;
  }
  .career_Section2 {
	margin: 60px 0;
  }
  
  .careerText {

	font-family: "blinker-extrabold", serif;
	padding: 0 60px;
	/* text-transform: uppercase; */
  }
  
  
  
  .Banner4 {
	background-image: url('../images/careers_bannar01.png'); /* Replace with the path to your background image */
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
	color: white; /* Adjust text color as needed */
	padding: 100px 0; /* Adjust padding as needed */
  }
  
  .career_Title {
	margin: 0;
	padding: 0;
  }
  
  .career_Title h1 {
	font-size: 3em; /* Adjust font size as needed */
  }
  
  .careerText h1 {
	font-family: "blinker-extrabold", serif;
	font-size: 3.5vw;
	margin-top: 1vw;
	background-image: linear-gradient(to right, #1ab7de, #4c74f2);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform: uppercase;
  }
  
  .career_para .career_light_blue {
	color: #236dd5;
  }
  
  /* Location */
  
  .location_Section {
	display: flex;
	justify-content: space-evenly;
  }
  
  .LocationHeading h1 {
	font-family: "blinker-extrabold", serif;
	font-size: 2vw;
	margin-top: 1vw;
	background-image: linear-gradient(to right, #1ab7de, #4c74f2);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform: uppercase;
  }
  .LocationHeading p {
	font-family: "opensans-regular", serif;
  }
  .LocationHeading {
	padding: 0 160px;
  }
  .location_detail_section {
	padding: 0 112px;
  }
  
  .challenge {
	padding: 0 156px;
  }
  p.career_para {
	font-size: 25px;
  }
  
  .career_content_div {
	background-color: #f1f8ff;
	padding: 43px 70px;
	font-weight: bold;
  }
  .career_content_div hr {
	width: 80%;
	color: #fff;
	border-color: white;
  }
  
  .BENEFITS_section {
	font-family: "opensans-regular", serif;
	display: flex;
	width: 100%;
	justify-content: space-evenly;
	align-items: center;
  }
  .career_benefits_div {
	padding: 0 148px;
  }
  .career_BENEFITS {
	margin: 30px 0;
  }
  
  .SEE_OPEN_section {
	font-family: "opensans-regular", serif;
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	background-color: #f1f8ff;
	padding: 34px 30px;
	margin: 8px;
	border-radius: 10px;
  }
  .SEE_OPEN_blue_heading {
	font-size: 42px !important;
  }
  
  .SEE_OPEN_section button {
	float: right;
	margin-top: -1vw;
	height: 2.5vw;
	padding-left: 2vw;
	padding-right: 2vw;
	border-radius: 1.5vw;
	border: none;
	font-size: 0.8vw;
	background-image: linear-gradient(to right, #1ab6de, #4d73f2);
	color: #ffffff;
	border: none;
  }
  
  .SEE_OPEN_div hr {
	margin: 0 !important;
  }
  .SEE_OPEN_div {
	padding: 0 156px;
	margin: 30px 0;
  }
  .SEE_OPEN_div_second {
	padding: 0px;
  }

  .career_text {
	font-family: sans-serif;
	padding: 0 40px;
  }
  .career_text1 {
	font-family: sans-serif;
	/* padding: 0 65px; */
  }
  
  
	/* blog section */
  /* .BlogMainDiv {
	  display: flex;
	  font-family: "opensans-regular", serif;
	}
	
	.blog_banner_image {
	  height: 100%;
	  object-fit: cover;
	  
	}
	
	.BlogBannerSection
	{
	  display: flex;
	  justify-content: space-between;
	  background-color: #f1f8ff;
	  font-family: "opensans-regular", serif;
	}
	.blog_Card_Row_Section {
	  display: flex;
	  justify-content: space-between;
	}
	.card_image {
	  width: 100%;
	  object-fit: cover;
	  height: 100%;
	}
	
	img.blogImageHeight {
	  height: 100%;
	}
	.blog_Card_Row_Section{
	  background-color: #f1f8ff;
	  font-family: "opensans-regular", serif;
	  padding: 0px;
	}
	.Blog_Section_subcolumn {
	  padding: 0px 37px;
	}
	.Blog_Section_subcolumn h3
	{
	  font-family: "blinker-extrabold", serif;
		font-size: 2.vw;
		background-image: linear-gradient(to right, #1ab6de, #5a62f7);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		margin-bottom: 2vw;
		text-transform: uppercase;
	
	}
	
	.banner_title {
	  font-family: "blinker-extrabold", serif;
	  font-size: 2.7vw;
	  background-image: linear-gradient(to right, #1ab6de, #5a62f7);
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;
	  margin-bottom: 2vw;
	  text-transform: uppercase;
	}
	
	.testContent {
	  padding: 0 50px;
	  margin-top: 60px;
	  background-color: #f1f8ff;
	}
	.thirdDiv {
	  margin-top: 30px;
	}
	
	.read-btn {
	  margin-top: -1vw;
	  height: 2.5vw;
	  padding-left: 2vw;
	  padding-right: 2vw;
	  border-radius: 1.5vw;
	  border: none;
	  font-size: 0.8vw;
	  background-image: linear-gradient(to right, #1ab6de, #4d73f2);
	  color: #ffffff;
	  border: none;
	}
	
	.thirdDiv {
	  display: flex;
	  justify-content: space-between;
	}
	.first_Blog_Div {
	  padding: 0 94px;
	}
	.Blog_Section {
	  padding: 0 156px;
	  margin: 30px 0;
	}
	
	.Blog_item {
	  font-family: "opensans-regular", serif;
	  background-color: #3693e9;
	  border-radius: 1.5vw;
	}
	img.blogthirdImageHeight {
	  width: 100%;
	  height: 100%;
	  
	}
	.Blog_item_inner {
	  padding: 14px 0;
	}
	.Blog_item_inner_title {
	  color: #f1f8ff;
	  font-family: "blinker-extrabold", serif;
	  font-size: 2vw;
	  padding: 0 20px;
	  text-transform: uppercase;
	}
	.white_btn {
	  font-family: "opensans-regular", serif;
	  background-color: #ffffff;
	  color: #1a132e;
	  font-size: 0.8vw;
	  border: 2px solid #ffffff;
	  padding: 0.4vw 1.6vw;
	  margin-right: 0.5vw;
	  margin-bottom: 1.5vw;
	  border-radius: 1.5vw;
	  font-weight: bold;
	}
	.Blog_item_inner2 span {
	  font-size: larger;
	  color: white;
	  font-weight: 900;
	}
	
	.Blog_item_inner2 {
	  display: flex;
	  justify-content: space-around;
	  color: white;
	}
	.Blog_item_inner2 img {
	  margin-right: 17px;
	}
	.Blog_item_inner2 p {
	  margin-left: 70px;
	}
	.test {
	  font-family: "opensans-regular", serif;
	  justify-content: space-between;
	  align-items: center;
	  background-color: #f1f8ff;
	  border-radius: 10px;
	}
   */
   /* blog section */
.BlogMainDiv {
	display: flex;
	font-family: "opensans-regular", serif;
  }
  
  .blog_banner_image {
	height: 100%;
	object-fit: cover;
	
  }
  
  .BlogBannerSection
  {
	display: flex;
	justify-content: space-between;
	background-color: #f1f8ff;
	font-family: "opensans-regular", serif;
	margin: 0 -13px;
  }
  .blog_Card_Row_Section {
	display: flex;
	justify-content: space-between;
  }
  .card_image {
	width: 100%;
	object-fit: cover;
	height: 100%;
  }
  
  img.blogImageHeight {
	height: 100%;
  }
  .blog_Card_Row_Section{
	background-color: #f1f8ff;
	font-family: "opensans-regular", serif;
	padding: 0px;
  }
  .Blog_Section_subcolumn {
	padding: 0px 37px;
  }
  .Blog_Section_subcolumn h3
  {
	font-family: "blinker-extrabold", serif;
	  font-size: 2.vw;
	  background-image: linear-gradient(to right, #1ab6de, #5a62f7);
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;
	  margin-bottom: 2vw;
	  text-transform: uppercase;
  
  }
  
  .banner_title {
	font-family: "blinker-extrabold", serif;
	font-size: 2.7vw;
	background-image: linear-gradient(to right, #1ab6de, #5a62f7);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 2vw;
	text-transform: uppercase;
  }
  
  .testContent {
	padding: 0 50px;
	margin-top: 60px;
	background-color: #f1f8ff;
  }
  .thirdDiv {
	margin-top: 30px;
  }
  
  .read-btn {
	/* float: right; */
	margin-top: -1vw;
	height: 2.5vw;
	padding-left: 2vw;
	padding-right: 2vw;
	border-radius: 1.5vw;
	border: none;
	font-size: 0.8vw;
	background-image: linear-gradient(to right, #1ab6de, #4d73f2);
	color: #ffffff;
	border: none;
  }
  
  .thirdDiv {
	display: flex;
	justify-content: space-between;
  }
  .first_Blog_Div {
	padding: 0 94px;
  }
  .Blog_Section {
	padding: 0 156px;
	margin: 30px 0;
  }
  
  .Blog_item {
	font-family: "opensans-regular", serif;
	background-color: #3693e9;
	border-radius: 1.5vw;
  }
  img.blogthirdImageHeight {
	width: 100%;
	height: 100%;
	
  }
  .Blog_item_inner {
	padding: 14px 0;
  }
  .Blog_item_inner_title {
	color: #f1f8ff;
	font-family: "blinker-extrabold", serif;
	font-size: 2vw;
	/* margin-bottom: 3vw; */
	padding: 0 20px;
	text-transform: uppercase;
  }
  .white_btn {
	font-family: "opensans-regular", serif;
	background-color: #ffffff;
	color: #1a132e;
	font-size: 0.8vw;
	border: 2px solid #ffffff;
	padding: 0.4vw 1.6vw;
	margin-right: 0.5vw;
	margin-bottom: 1.5vw;
	border-radius: 1.5vw;
	font-weight: bold;
  }
  .Blog_item_inner2 span {
	font-size: larger;
	color: white;
	font-weight: 900;
  }
  
  .Blog_item_inner2 {
	display: flex;
	justify-content: space-around;
	color: white;
  }
  .Blog_item_inner2 img {
	margin-right: 17px;
  }
  .Blog_item_inner2 p {
	margin-left: 70px;
  }
  .test {
	font-family: "opensans-regular", serif;
	justify-content: space-between;
	align-items: center;
	background-color: #f1f8ff;
	border-radius: 10px;
  }
/*------------ case study---------- */
.caseStudyBg
{
background-image: url('../images/case-study/case-study-background-banner.png');
background-position: right 35%;
padding-top: 1vw !important;
}

.caseStudy_title1{
	margin-top: 0px !important;
}

.Banner3 .caseStudy_title1 span{
	font-size: 3.8rem !important;
	font-weight: 700 !important;
	padding-bottom: 0rem ;
	font-family: 'blinker-bold', serif;  
	color: #8DEAFF; 
	
}
.Banner3 .caseStudy_title2 span{
	font-size: 3.5rem !important;
	font-weight: 700 !important;
	/* padding-bottom: 1rem ; */
	font-family: 'blinker-bold', serif;  
	color: white; 
	
}

.itemContent {
	display: flex;
	justify-content: center;
	align-items: stretch;
	flex-direction: column;
	height: 100%;
}
img.titleIcon {
	height: 30px;
}

.caseStudy_P{
	font-family: 'opensans-regular', serif !important;
	font-size: 1vw !important;
	margin-top: 1vw !important;
}
.caseStudySubTitle{
	display: inline; /* Ensures the span is inline with the text */
	white-space: nowrap;
}

.caseStudy_banner_p{
	font-family: 'opensans-regular', serif !important;
	font-size: 1vw !important;
	margin-top: 1vw !important;
	color: #B2F1FF !important;
	padding-right: 225px;
}

.caseStudy_banner_p_span{
	padding: 0 15px;
}




.Contact .top{
	height: 8vw;
	background-image: linear-gradient(to right, #1bb6de , #9576f8);
}

.caseStudyBg {
  padding-top: 0px !important;
}
.caseStudyBanner {
  height: 100% !important;
  position: absolute !important;
}

  /* case-study-collection */
  .case_study_collection_images{
	width: 100%;
  }
  .study_collection_item_inner
  {
	padding: 21px 0;
  }
  .study-collection_Section_subcolumn
  {
	padding: 19px 37px !important;
  }
  .study-collection_Section_subcolumn h3{
    font-family: "blinker-extrabold", serif;
    font-size: 2.vw;
    background-image: linear-gradient(to right, #1ab6de, #5a62f7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 2vw;
    text-transform: uppercase;
}

  
  /* contact us section */
  
  /* .formSection{
	  padding-top: 8vw;
	padding-left: 23vw;
	padding-right: 23vw;
	padding-bottom: 5vw;
	  padding: 20px 0;
  
	  border:5px solid rgba(110, 105, 105, 0.5);
	background: #fff;
	width: 500px;
	height: 940px;
   
	border-radius: 20px;
	  position:absolute;
	  top:100px;
	left: 420px;
	  margin-left:20% ;
	padding-inline: 35px;
	padding-block: 30px;
	display: flex;
	  align-items: center;
	  justify-content: center;
	flex-direction: column;
	  
  }
  
  .formSection textarea{
	  font-family: 'opensans-regular', serif;
	  width: 100%;
	  background: transparent;
	  border: 3px solid #dde9f6;
	  border-radius: 1vw;
	  color: #000000;
	font-size: 1vw;
	padding-left: 2vw;
  }
  
  .formSection textarea::placeholder{
	  font-family: 'opensans-regular', serif;
	color: #685A8E;
	font-size: 1vw;
  }
  
  .formSection h2{
	  font-family: 'blinker-extrabold', serif;
	  font-size: 3vw;
	   background-image: linear-gradient(to right, #1ab6de , #5a62f7);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 3vw;
  }
  
  .formSection .send-btn{
	  float: right;
	  margin-top: -1vw;
	  height: 2.5vw;
	  padding-left: 2vw;
	  padding-right: 2vw;
	  border-radius: 1.5vw;
	  border: none;
	  font-size: 0.8vw;
	  background-image: linear-gradient(to right, #1ab6de , #4d73f2);
	  color: #ffffff;
	  border: none;
  }
  
  .formSection .input{
	  font-family: 'opensans-regular', serif;
	  width: 100%;
	  background: transparent;
	  height: 3vw;
	  padding-left: 2vw;
	  border: 3px solid #dde9f6;
	  border-radius: 2vw;
	  font-size: 1vw;
	  margin-bottom: 1.5vw;
	  color: #000000;
  } 
  
  .formSection .input::placeholder{
	color: #685A8E;
  }
  
  .formSection select{
	  font-family: 'opensans-regular', serif;
	  width: 100%;
	  background: transparent;
	  height: 3vw;
	  padding-left: 2vw;
	  border: 3px solid #dde9f6;
	  border-radius: 2vw;
	  font-size: 1vw;
	  margin-bottom: 1.5vw;
	  color: #000000;
  }
  
  .formSection label{
	  color: #000000;
	  font-size: 0.8vw;
	  font-weight: bolder;
  }
   */
  
/* contact us section */

.formSection{
	padding-top: 8vw;
  padding-left: 23vw;
  padding-right: 23vw;
  padding-bottom: 5vw;
	padding: 20px 0;

	border:5px solid rgba(110, 105, 105, 0.5);
  background: #fff;
  width: 500px;
  height: 940px;
 
  border-radius: 20px;
	position:absolute;
	top:100px;
  left: 420px;
	margin-left:20% ;
  padding-inline: 35px;
  padding-block: 30px;
  display: flex;
	align-items: center;
	justify-content: center;
  flex-direction: column;
	
}

.formSection textarea{
	font-family: 'opensans-regular', serif;
	width: 100%;
	background: transparent;
	border: 3px solid #dde9f6;
	border-radius: 1vw;
	color: #000000;
  font-size: 1vw;
  padding-left: 2vw;
}

.formSection textarea::placeholder{
	font-family: 'opensans-regular', serif;
  color: #685A8E;
  font-size: 1vw;
}

.formSection h2{
	font-family: 'blinker-extrabold', serif;
	font-size: 3vw;
	 background-image: linear-gradient(to right, #1ab6de , #5a62f7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 3vw;
}

.formSection .send-btn{
	float: right;
	margin-top: -1vw;
	height: 2.5vw;
	padding-left: 2vw;
	padding-right: 2vw;
	border-radius: 1.5vw;
	border: none;
	font-size: 0.8vw;
	background-image: linear-gradient(to right, #1ab6de , #4d73f2);
	color: #ffffff;
	border: none;
}

.formSection .input{
	font-family: 'opensans-regular', serif;
	width: 100%;
	background: transparent;
	height: 3vw;
	padding-left: 2vw;
	border: 3px solid #dde9f6;
	border-radius: 2vw;
	font-size: 1vw;
	margin-bottom: 1.5vw;
	color: #000000;
} 

.formSection .input::placeholder{
  color: #685A8E;
}

.formSection select{
	font-family: 'opensans-regular', serif;
	width: 100%;
	background: transparent;
	height: 3vw;
	padding-left: 2vw;
	border: 3px solid #dde9f6;
	border-radius: 2vw;
	font-size: 1vw;
	margin-bottom: 1.5vw;
	color: #000000;
}

.formSection label{
	color: #000000;
	font-size: 0.8vw;
	font-weight: bolder;
}
.subHeading {
  color: #0D3051;
  font-family:'opensans-regular', serif;;
  font-size: 20px;
  font-weight: 400;
  padding: 0px 36px;
  width: 386px;
  margin-left: 149px;
}
h2.mobileview {
  display: none;
}

.contact_us_banner_section
{
	  padding-top: unset !important;
	  padding-bottom: unset !important;
}

/* case-study-collection */
.case_study_collection_images{
	width: 100%;
  }
  .study_collection_item_inner
  {
	padding: 21px 0;
  }
  .study-collection_Section_subcolumn
  {
	padding: 19px 37px !important;
  }
  .study-collection_Section_subcolumn h3{
    font-family: "blinker-extrabold", serif;
    font-size: 2.vw;
    background-image: linear-gradient(to right, #1ab6de, #5a62f7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 2vw;
    text-transform: uppercase;
}

.case_study_images{
	
	width: 100%;
	/* height: 385px !important; */
	height: 100%;
  object-fit:fill !important;
}

.study-collection_subcolumn
{
padding: 15px 25px 0px !important;
}
.study-collection_subcolumn h3{
	font-family: "blinker-extrabold", serif;
	font-size: 2.vw;
	background-image: linear-gradient(to right, #1ab6de, #5a62f7);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 1vw;
	text-transform: uppercase;
}

.remove-pad{
	
	padding: 0 !important;
	margin: 0 !important;
}

  
/*   
  @media (max-width: 768px) {
	
	  .careerText {
		text-align: center;
		padding: 0 0 !important;
	  }
	
	  .careerText h1{
		  font-size: 4.5vw;
	  }
	
	  .SEE_OPEN_div {
		padding: 20px;
	  }
	
	  .SEE_OPEN_div_second {
		margin-top: 20px;
	  }
	  .LocationHeading {
		  padding: 0 26px;
	  }
	  .career_text1 {
		  font-family: sans-serif;
		  padding: 0px 60px;
	  }
  
	  
	  .blog_banner_image {
		  width: 100%;
		  
		}
	  
	}
  
  

  @media (max-width: 768px) {

  
	  body {
		  font-size: 14px; 
	  }
  
	  .careerText,
	  .caseStudyimage {
		  width: 100%; 
		  text-align: center;
	  }
  
	  .career_Section1 {
		  padding: 20px 0 !important;
		  margin: 0 0;
	  }
  
	  .challenge.career_Section1 {
		  padding: 20px 0;
	  }
  
	  .career_benefits_div {
		  padding: 20px 0;
	  }
	  .itemContent {
		  padding: 0 5px;
	  }
  
	  .BENEFITS_section {
		  text-align: left;
	  }
  
	  .SEE_OPEN_div_second {
		  flex-direction: column; 
		  align-items: center; 
	  }
  
	  .SEE_OPEN_section {
		  margin-bottom: 20px; 
		  text-align: center; 
	  }
  
	  .location_Section {
		  flex-direction: column; 
		  align-items: center; 
	  }
	  .location_detail_section {
		  padding: 0 56px;
	  }
	  .LocationHeading h1{
		  font-size: 4vw;
	  }
	  .SEE_OPEN_section button 
	  {
		  font-size: 1.8vw;
	  height: 5.2vw;
	  padding-left: 3vw;
	  padding-right: 3vw;
	  border-radius: 2.5vw;
	  }
	  
  
	  #Start {
		  padding: 20px 0; 
	  }
  
	  input,
	  select,
	  textarea {
		  width: 100%; 
		  margin-bottom: 10px; 
	  }
  
	  .Blog_Section {
		  padding: 0 0px;
		  margin: 0px 0;
	  }
  
	  .BlogBannerSection {
		  flex-direction: column;
	  }
	  .first_Blog_Div {
		  padding: 0 0px;
	  }
	  .banner_title 
	  {
		  font-size: 4.7vw;
	  }
  .thirdDiv button
  {
	  font-size: 1.8vw;
	  height: 4.5vw;
	  padding-left: 3vw;
	  padding-right: 3vw;
	  border-radius: 2.5vw;
  }
  .blog_Card_Row_Section
  {
	  flex-direction: column;
  }
  img.blogImageHeight {
	 
	  width: 100%;
  }
  .Blog_item {
	  margin-top: 5px;
  }
  .Blog_item_inner_title{
  font-size: 3vw;
  }
  .Blog_item_inner2 button{
	  font-size: 1.8vw;
	  height: 4.5vw;
	  padding-left: 3vw;
	  padding-right: 3vw;
	  border-radius: 2.5vw;
  }
  
  }







  .case_study_collection_images{
	width: 100%;
  }
  .study_collection_item_inner
  {
	padding: 21px 0;
  }
  .study-collection_Section_subcolumn
  {
	padding: 19px 37px !important;
  }
  .study-collection_Section_subcolumn h3{
    font-family: "blinker-extrabold", serif;
    font-size: 2.vw;
    background-image: linear-gradient(to right, #1ab6de, #5a62f7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 2vw;
    text-transform: uppercase;
}

.case_study_images{
	
	width: 100%;
	
	height: 100%;
  object-fit:fill !important;
}

.study-collection_subcolumn
{
padding: 15px 25px 0px !important;
}
.study-collection_subcolumn h3{
	font-family: "blinker-extrabold", serif;
	font-size: 2.vw;
	background-image: linear-gradient(to right, #1ab6de, #5a62f7);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 1vw;
	text-transform: uppercase;
}

.remove-pad{
	
	padding: 0 !important;
	margin: 0 !important;
} */


@media (max-width: 768px) {
	/* Styles for screens up to 768 pixels wide */
  
	.careerText {
	  text-align: center;
	  padding: 0 0 !important;
	}
  
	.careerText h1{
		font-size: 4.5vw;
	}
  
	.SEE_OPEN_div {
	  padding: 20px; /* Adjust padding for See Open Positions section */
	}
  
	.SEE_OPEN_div_second {
	  margin-top: 20px; /* Adjust spacing between See Open Positions text and content */
	}
	.LocationHeading {
		padding: 0 26px;
	}
	.career_text1 {
		font-family: sans-serif;
		padding: 0px 60px;
	}

	
	.blog_banner_image {
		width: 100%;
		
	  }
	
	/* Add more styles as needed for smaller screens */
  }


  /* Media query for screens smaller than 768 pixels (typical mobile devices) */
@media (max-width: 768px) {
	/* Adjust the styles for smaller screens */

	body {
		font-size: 14px; /* Adjust the font size for better readability on smaller screens */
	}

	.careerText,
	.caseStudyimage {
		width: 100%; /* Make the columns take the full width on smaller screens */
		text-align: center; /* Center align the text */
	}

	.career_Section1 {
		padding: 20px 0 !important; /* Add some padding for better spacing */
		margin: 0 0;
	}

	.challenge .career_Section1 {
		padding: 20px 0;
	}

	.career_benefits_div {
		padding: 20px 0;
	}
	.itemContent {
		padding: 0 5px;
	}

	.BENEFITS_section {
		text-align: left; /* Align the benefit sections to the left on smaller screens */
	}

	.SEE_OPEN_div_second {
		flex-direction: column; /* Stack the open positions vertically */
		align-items: center; /* Center align the open positions */
	}

	.SEE_OPEN_section {
		margin-bottom: 20px; /* Add some margin between open positions */
		text-align: center; /* Center align the text */
	}

	.location_Section {
		flex-direction: column; /* Stack the locations vertically */
		align-items: center; /* Center align the locations */
	}
	.location_detail_section {
		padding: 0 56px;
	}
	.LocationHeading h1{
		font-size: 4vw;
	}
	.SEE_OPEN_section button 
	{
		font-size: 1.8vw;
	height: 5.2vw;
	padding-left: 3vw;
	padding-right: 3vw;
	border-radius: 2.5vw;
	}
	

	#Start {
		padding: 20px 0; /* Add some padding for better spacing */
	}

	input,
	select,
	textarea {
		width: 100%; /* Make form elements take full width on smaller screens */
		margin-bottom: 10px; /* Add some spacing between form elements */
	}

	.Blog_Section {
		padding: 0 0px;
		margin: 0px 0;
	}

	.BlogBannerSection {
		flex-direction: column;
	}
	.first_Blog_Div {
		padding: 0 0px;
	}
	.banner_title 
	{
		font-size: 4.7vw;
	}
.thirdDiv button
{
	font-size: 1.8vw;
	height: 4.5vw;
	padding-left: 3vw;
	padding-right: 3vw;
	border-radius: 2.5vw;
}
.blog_Card_Row_Section
{
	flex-direction: column;
}
img.blogImageHeight {
   
	width: 100%;
}
.Blog_item {
	margin-top: 5px;
}
.Blog_item_inner_title{
font-size: 3vw;
}
.Blog_item_inner2 button{
	font-size: 1.8vw;
	height: 4.5vw;
	padding-left: 3vw;
	padding-right: 3vw;
	border-radius: 2.5vw;
}
/* case study */
.challenge {
  padding: 22px 36px;
}
.solution
{
  padding: 22px 36px;
}
.result
{
  padding: 22px 36px;
}
.navbar .logo {
  width: 10.5vw;
}
.Banner3 .caseStudy_title2 span {
  font-size: 1.5rem !important;
}
.Banner3 .caseStudy_title1 span {
  font-size: 1.8rem !important;
}  

.caseStudy_banner_p{
  padding-right: 0;
}
.caseStudy_banner_p span {
  font-size: 9px;
  padding: 0 11px;
}
/* case study collection */
.caseStudyHeading
{
  font-size: 30px !important;
}

/* contact-us page */

  .formSection {
	  width: unset !important;
	  height: unset !important;
	  position: unset !important;
	  /* margin-left: unset !important; */
	  margin: 0 20px;
  }
  .formSection label {
  
	  font-size: 2.5vw !important;
  
  }
  .formSection .input {
	  height: 5vw;
	  font-size: 2vw;
  }

  .formSection select{
	  height: 5vw;
	  font-size: 2vw;
  }
  .formSection textarea
  {
	  font-size: 2vw;
  }
  .formSection .send-btn {
	  height: 3.5vw;
	  padding-left: 3vw;
	  padding-right: 3vw;
	  font-size: 1.5vw;
  }
  .webview
  {
	  display: none;
  }
  .mobileview{
	  display: flex !important;
	  font-size: 1.4rem !important;
		  
  }

  .topbar{
		  height: 20px !important;
  }
  
  .subHeading {
	  /* color: #0D3051; */
	  font-family: 'opensans-regular', serif;
	  font-size: unset;
	  font-weight: unset;
	  padding: unset;
	  width: unset;
	  margin-left: unset;
  }
  
}



  .blog_img{
	  width: 100% !important;
    border-radius: 1.5vw !important;
    height: 15vw !important;
    object-fit: cover !important;
}


.blog_learn_more{
  	font-family: 'generalsans-medium', serif;  
  	font-weight: bolder;
  	font-size:1rem;
  	color:#000000;
}


.blog_learn_more img{
    width: 2rem !important;
    margin-left:0.5rem !important;
    height: auto !important;
    
}



.location{
    padding: 4vw 10vw;
}

.location h2{
    font-family: 'blinker-extrabold', serif;
    font-size: 2vw;
    color: #236DD5;
}

.location .middle{
    border-left: 3px solid #CBE3FD;
    border-right: 3px solid #CBE3FD;    
}

.location .item {
    margin-top: 1vw;
}


.location .item .loc_img{
	width: 100%;
    height: 14vw;
    object-fit: cover;
}

.location .item h3{
	font-family: 'generalsans-medium', serif; 
    font-size: 1.4vw;
    margin-top: 1vw;
}


.location .item p{
 font-family: 'opensans-regular', serif;
 font-weight: bolder;
  font-size: 1vw;
}



/* 22nd dec */

.BENEFITS_title
{
  font-family: "blinker-extrabold", serif;
  font-size: 2.0vw;
  margin-top: 1vw;
  background-image: linear-gradient(to right, #1ab7de, #4c74f2);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
}

.BENEFITS_section {
	font-family: "opensans-regular", serif;
	/* display: flex;
	width: 100%;
	justify-content: space-evenly;
	align-items: center; */
  }

  .formSection{
	padding-top: 8vw;
  padding-left: 23vw;
  padding-right: 23vw;
  padding-bottom: 5vw;
	padding: 20px 0;

	border:5px solid rgba(110, 105, 105, 0.5);
  background: #fff;
  width: 500px;
  height: 810px;
 
  border-radius: 20px;
	position:absolute;
	top:100px;
  left: 420px;
	margin-left:20% ;
  padding-inline: 35px;
  padding-block: 30px;
  display: flex;
	align-items: center;
	justify-content: center;
  flex-direction: column;
	
}
.formSection .send-btn{
	float: right;
	margin-top: 0vw;
	height: 2.5vw;
	padding-left: 2vw;
	padding-right: 2vw;
	border-radius: 1.5vw;
	border: none;
	font-size: 0.8vw;
	background-image: linear-gradient(to right, #1ab6de , #4d73f2);
	color: #ffffff;
	border: none;
}

.contact_us_banner_section
{
	  padding-top: unset !important;
	  padding-bottom: unset !important;
}
#contact_us_title
{
  font-family: 'blinker-extrabold', serif;
  font-size: 4.2vw;
background-image: linear-gradient(to right, #1ab6de , #5a62f7);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 2vw;
margin-left: 12vw;
margin-top: 2vw;
}
.blog_heading {
    font-family: 'blinker-extrabold', serif;
    /* font-size: 4.2vw; */
    background-image: linear-gradient(to right, #1ab6de , #5a62f7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 2vw;
    /* margin-left: 12vw; */
    /* margin-top: 2vw; */
}

/* Newsletter */

.Newsletter{
    padding: 1vw 11vw 3vw 11vw;
}

.Newsletter .inner{
    position:relative;
    background: #151A4A;
    padding: 4vw 4vw;
    border-radius:1vw;
}


.Newsletter .news_img {
    position: absolute;
    width: 18vw;
    top: 0vw;
    right: -3vw;
}

.Newsletter .inner h2 {
    color: #ffffff;
    font-size: 2vw;
    margin-bottom: 2vw;
}

.Newsletter .inner p{
    font-family: 'opensans-regular', serif;
    font-size: 1.4vw;
    color: #938AA8;
}

.Newsletter .inner input {
    font-family: 'opensans-regular', serif;
    width: 100%;
    border-radius: 2vw;
    height: 4vw;
    padding-left: 1vw;
    background: transparent;
    font-size: 1vw;
    border: 2px solid #382c5c;
    color: #FFFFFF;
}   
    
.Newsletter .inner button {
    background-image: linear-gradient(to right, #1ab6de , #4d73f2);
    font-size: 1vw;
    height: 4vw;
    width: 100%;
    border-radius: 2vw;
    border: none;
    color: #ffffff;
}    
    
/* study collection */
.study-collection_subcolumn {
    padding: 15px 46px 0px !important;
}
.study-collection_subcolumn h3{
	font-size: 2.3rem !important;
}
.study-collection_subcolumn p{
	font-size: 18px !important;
}
.thirdDiv {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-content: center;
    padding: 14px 12px;
	margin-top: 60px;
}
.case_study_images {
    border-radius: 12px !important;
}
.caseStudyHeading
{
	margin-bottom: 0px !important;
}

@media (max-width: 768px) {
	
  /* blog sections-2 */
  .blogs_title
  {
	font-size: 5.2vw;
  }
  .testblogs {
    height: 10vh;
    display: flex;
    justify-content: unset;
    align-items: center;
}
.view_blog_button {
    display: flex;
	flex-direction: unset;
}
.view_blog_button button.read-btn {
    /* font-size: 3vw; */
    /* height: auto; */
    font-size: 2.8vw;
    height: 5.5vw;
    padding-left: 4vw;
    padding-right: 4vw;
    border-radius: 2.5vw;
}

#contact_us_title {
    margin-left: 2vw;
   
}
p.subHeading {
    padding: 0 8px;
}
.blog_heading {
     margin-left: 1vw; 
}
#Case {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}
.study-collection_subcolumn h3{
	font-size: 1.75rem !important;
}
.study-collection_subcolumn p{
	font-size: 13px !important;
	margin: 15px 0;
}
.thirdDiv{
	margin-top: 32px !important;
}

}

/* 27th dec */

.study-collection_subcolumn p {
    font-size: 18px !important;
    margin-top: 50px;
}
label.form_top_label {
    margin: 7px 76px;
    font-size: 0.9vw;
    /* margin-top: 34px; */
}


/* 4th Jan 2024  */
.Cryptocurrency_title
{
	text-transform:unset !important
}

#Full_width
{
	/* width: 100% !important; */
	max-width: unset !important;
}

.center_padding
{
	padding: 0 40px;
}
.White_Label_Cryptocurrency
{
	padding-top: 2vw;
	/* padding-bottom: 5vw; */
	padding-left: 11vw;
	padding-right: 11vw;
}

.item.active {
    /* padding: 0px 200px; */
}

.item_button {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.buttonUi{
	font-family: 'blinker-bold', serif;
    background: #4DC0FC;
    color: #FFFFFF;
    font-size: 1.1vw;
    margin-top: 2vw;
    border: none;
    padding: 0.6vw 2vw;
    border-radius: 2vw;
    margin-bottom: 2vw;
}


div#carousel-example-generic {
    width: 100%;
}


.laptop-container {
    position: relative !important;
    display: inline-block; /* Display as inline-block to center the container */
}

.laptop-container img {
    width: 100%;
    height: auto;
}

.carousel {
    position: absolute !important;
	top: 45%;
    left: 50.5%;
    transform: translate(-50%, -50%);
}

.carousel-inner {
    max-width: 67%;; /* Adjust the maximum width of the carousel */
    margin: 0 auto; /* Center the carousel within the container */
}

.carousel-control {
    font-size: 20px; /* Adjust the font size of the carousel controls */
    width: 30px; /* Adjust the width of the carousel controls */
    height: 30px; /* Adjust the height of the carousel controls */
    line-height: 30px; /* Adjust the line height of the carousel controls */
    border-radius: 15px; /* Make the controls circular */
    background-color: rgba(255, 255, 255, 0.5); /* Add a background color to the controls */
    color: #333; /* Set the color of the controls */
    opacity: 1; /* Set the initial opacity of the controls */
}

.carousel-control:hover,
.carousel-control:focus {
    background-color: rgba(255, 255, 255, 0.8); /* Change background color on hover/focus */
}
a.left.carousel-control {
    top: 50%;
	width: 0%;
	color: #3297e7;
	
}
a.right.carousel-control {
    top: 50%;
	width: 0%;
	color: #4DC0FC;
}

.pagination
{
	font-family: 'opensans-regular', serif;
	padding-right: 15px;
    padding-left: 15px;
}

/* 5 jan 2024 */

.How h2
{
	max-width: unset !important;
}

.Model h2
{
	max-width: unset !important;
}

#full__width
{
	max-width: unset !important;
}
img.trade_image {
    max-height: 574px !important;
}

.Section_Heading{
	font-family: 'blinker-bold', serif;
    font-size: 3.5vw;
    line-height: 3.5vw;
    color: #1A132E;
    /* max-width: 20ch !important; */
    margin-bottom: 3vw;
}

.Why_choose_image
{
	display: flex;
    justify-content: center;
    align-items: center;
}

.item_content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.Features h2{
	max-width: unset !important;
}

.Demo h2
{
	max-width: unset !important;
}
.contact_us_button
{
	color: white;
}

.Features .item
{
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.contact_Buttons button{
	margin-top: 2vw;
    font-family: 'opensans-regular', serif;
    background-image: linear-gradient(to right, #1ab6de , #4d73f2);
    padding: 0.6vw 2.5vw;
    font-size: 1vw;
    font-weight: bolder;
    border-radius: 2vw;
    margin-right: 1vw;
    border: none;
    color: #ffffff;
    margin-bottom: 2vw;
}



.contact_Buttons .learn-btn {
    font-family: 'opensans-regular', serif;
    background: transparent;
    border: 3px solid #dcedff;
    color: #1A132E;
    margin-top: 2vw;
    padding: 0.6vw 2.5vw;
    font-size: 1vw;
    font-weight: bolder;
    border-radius: 2vw;
    margin-right: 1vw;}


.contact_Buttons button a{
	color: white;
}
.contact_Buttons {
    display: flex;
    justify-content: center;
    align-items: center;
}
.contact_Buttons button.get-btn {
    margin: 0 25px;
}

.Whitelabel h2
{
	max-width: unset !important;
}

/* #Technology h2 {
	font-size: 4.0vw !important;
	max-width: unset !important;
} */

.content_center
{
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#Technology h2 {
    font-size: 3.6vw !important;
    max-width: unset !important;
}

#Technology .splinterlands_h2
{
	font-size: 3.5vw !important;
    max-width: unset !important;
}
#Technology .cryptopunks_h2
{
	font-size: 3.5vw !important;
    max-width: unset !important;
}

.blog_category_button button{
	margin-top: 2vw;
    font-family: 'opensans-regular', serif;
    background-image: linear-gradient(to right, #1ab6de , #4d73f2);
    padding: 0.6vw 2.5vw;
    font-size: 1vw;
    font-weight: bolder;
    border-radius: 2vw;
    margin-right: 1vw;
    border: none;
    color: #ffffff;
    margin-bottom: 2vw;
}

.col-12.blog_category_button {
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.blog_heading
{
	margin-bottom: unset !important;
}


/* --------7th feb--------------- */
p.caseStudy_banner_p {
    padding-bottom: 40px;
}

.title_text {
    font-family: 'opensans-semibold', serif;
    font-size: 1vw;
}
.study-collection_subcolumn h3 {

    text-transform: unset !important;
}

img.caseStudyBanner {
    object-fit: cover;
}
.caseStudyButton{
    font-family: 'blinker-bold', serif;
    background: #4DC0FC;
    color: #FFFFFF;
    font-size: 1.2vw;
    margin-top: 0vw;
    border: none;
    padding: 0.6vw 2vw;
    border-radius: 2vw;
    margin-bottom: 2vw !important;
}

p.caseStudy_banner_p {
    padding-bottom: 0 !important;
}

.caseStudy_banner_p {
  
    padding-right: 180px !important; 
}