/* colors */
:root {
  --black-950: rgb(4, 5, 3);
  --black-900: #111111;
  --gray-50: rgba(221, 221, 221, 0.2);
  --gray-100: #00000008;
  --gray-200: #dedede;
  --gray-300: #575757;
  --gray-400: #525252;
  --gray-500: #3d444f;
  --gray-600: #666666;
  --gray-700: #686868;
  --gray-800: #333333;
  --blue-100: #edf6ff;
  --blue-600: #2e3c91;
  --yellow-100: #fefded;
  --yellow-300: #f5f4d6;
  --white-100: rgba(255, 255, 255, 1);
  --white-200: rgba(244, 244, 244, 1);
  --cyan-100: #ebfaff;
  --green-100: #f0fff5;
  --indigo-100: #f2f4ff;
  --purple-100: #ece7ff;
  --rose-100: #ffeadf;
  --orange-100: #fbf0e6;
  --blue:#EDF6FF;
  --light-yellow:#FEFDED;
  --light-orange:#FBF0E6;
  --light-blue:#EBFAFF;
  --light-green:#F0FFF5;
  --light-purple:#F2F4FF;
}


/* Colors */
.blue{
  background-color: var(--blue);
}
.light-yellow{
  background-color: var(--light-yellow);
}
.light-orange{
  background-color: var(--light-orange);
}
.light-blue{
  background-color: var(--light-blue);
}
.light-green{
  background-color: var(--light-green);
}
.light-purple{
  background-color: var(--light-purple);
}
.text-white-200 {
  color: var(--white-200) !important;
}
.text-gray-50 {
  color: var(--gray-50);
}
.text-gray-300 {
  color: var(--gray-300);
}
.text-gray-400 {
  color: var(--gray-400);
}
.text-gray-500 {
  color: var(--gray-500);
}
.text-gray-600 {
  color: var(--gray-600);
}
.text-gray-700 {
  color: var(--gray-700);
}
.text-gray-800 {
  color: var(--gray-800);
}
.text-blue-600 {
  color: var(--blue-600);
}
.text-black-900 {
  color: var(--black-900);
}

/* Background color */
.bg-blue-100 {
  background-color: var(--blue-100);
}
.bg-blue-600 {
  background-color: var(--blue-600);
}
.bg-yellow-100 {
  background-color: var(--yellow-100);
}
.bg-yellow-300 {
  background-color: var(--yellow-300);
}
.bg-orange-100 {
  background-color: var(--orange-100);
}
.bg-cyan-100 {
  background-color: var(--cyan-100);
}
.bg-green-100 {
  background-color: var(--green-100);
}
.bg-indigo-100 {
  background-color: var(--indigo-100);
}
.bg-purple-100 {
  background-color: var(--purple-100);
}
.bg-rose-100 {
  background-color: var(--rose-100);
}
.bg-gray-100 {
  background: var(--gray-100);
}

/* gradients */
.blue-gradient {
  background: linear-gradient(90deg, #73b9e4 0%, #2f3f93 114.08%);
}
.orange-gradient {
  background: linear-gradient(90deg, #f9ebd3 19.24%, #f0cba8 100%);
}
.yellow-gradient {
  background: linear-gradient(90deg, #f5f4d7 0%, #e2dfc0 98.69%);
}
.green-gradient {
  background: linear-gradient(90deg, #defde7 0%, #6ac599 100%);
}
.light-blue-gradient {
  background: linear-gradient(90deg, #e0f7ff 0%, #94e1ff 93.05%);
}
.transparent-gradient {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.02) 0%,
    rgba(157, 157, 157, 0.02) 100%
  );
}

/* border-colors */
.border-gray-200 {
  border-color: var(--gray-200);
}

/* Buttons */
.btn-blue-600 {
  background-color: var(--blue-600);
  color: var(--white-100);
}
.btn-gray-800 {
  background-color: var(--white-200);
  color: var(--gray-800);
  opacity: 50%;
}

/* Border-radius */
.br-top-left {
  border-radius: 48px 0 0 0;
}
.br-top-right {
  border-radius: 0 48px 0 0;
}
.br-bottom-left {
  border-radius: 0 0 0 48px;
}
.br-bottom-right {
  border-radius: 0 0 48px 0;
}
.br-40 {
  border-radius: 40px;
}

/* shadows */
.shadow-blur {
  backdrop-filter: blur(40px);
}

/* color opacity */
.color-opacity-80 {
  opacity: 80% !important;
}
.color-opacity-70 {
  opacity: 70% !important;
}
.color-opacity-85 {
  opacity: 85% !important;
}

/* Font */
.text-inter {
  font-family: "Inter";
  font-optical-sizing: auto;
  font-style: normal;
}

/* Tiempos Headline Font Variants */
@font-face {
  font-family: "Tiempos Headline";
  src: url("/Assets/Font/Tiempos-300.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Tiempos Headline Semibold";
  src: url("/Assets/Font/Tiempos-600.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}

/* Tiempos Headline */
.text-tiempos-300 {
  font-family: "Tiempos Headline", serif;
  font-weight: 300;
}
.text-tiempos-600 {
  font-family: "Tiempos Headline", serif;
  font-weight: 600;
}

/* font sizes */
.text-xs {
  font-size: 14px !important;
}
.text-sm {
  font-size: 16px !important;
}
.text-normal {
  font-size: 18px !important;
}
.text-md {
  font-size: 20px !important;
}
.text-lg {
  font-size: 22px !important;
}
.text-xl {
  font-size: 24px !important;
}
.text-2xl {
  font-size: 26px !important;
}
.text-3xl {
  font-size: 28px !important;
}
.text-4xl {
  font-size: 35px !important;
}
.text-5xl {
  font-size: 36px !important;
}
.text-6xl {
  font-size: 48px !important;
}
.text-7xl {
  font-size: 52px !important;
}
.text-8xl {
  font-size: 64px;
}
.text-9xl {
  font-size: 80px !important;
}


/* Home page */

/* Navbar */
.nav-link:focus,
.nav-link:hover,
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
  color: var(--primary);
}
.btn-blue-600:hover,
.btn-blue-600:focus,
.btn-blue-600:focus-within,
.btn-blue-600:active,
.btn-check:checked + .btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check) + .btn:active {
  color: var(--white-100);
  background-color: var(--blue-600);
}
/* dropdown */
.dropdown-content p {
  font-size: 0.8rem;
}
.img-box {
  position: relative;
  width: 30px;
  left: 21px;
  bottom: -33px;
}
.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:hover {
  color: var(--blue-600);
  text-decoration: none;
  background-color: var(--white-100);
}

/* Header */
.header-section {
  min-height: 100vh;
}
.header-img {
  width: 100%;
  height: 100%;
  z-index: -1; 
}
.para {
  max-width: 85%;
}
.partner-slider {
  white-space: nowrap;
  width: 65%;
}
.partner-track {
  gap: 50px;
  animation: scroll 10s linear infinite;
}
/* .partner-logo {
  height: 40px;
} */

/* section 1 - text with animation */
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-70%);
  }
}
.para-section {
  max-width: 80%;
}


/* section 2 - services*/
.box {
  height: 400px;
}

/* section 3 - why choose */
.why-choose .card {
  backdrop-filter: blur(24px);
}

.background-section {
  /* background: url("/Assets/images/logo-bg.png") no-repeat center !important; */
  /* background-size: contain;
  padding: -8px 0; */
}
.black-shadow-effect {
  width: 100%;
  margin-bottom: -20px; 
}
.black-shadow-effect img {
  width: 100% !important;
  display: block;
}
.service-cont {
  /* bottom: 320px; */
  bottom: 82px;
}
.card-hover {
  overflow: hidden;
  position: relative;
}

.submit-btn {
  position: absolute;
  /* right: -100px; */
  right: -200px;
  top: 50%;
  transform: translateY(-50%);
  transition: right 0.3s ease-in-out;
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 19px;
color: #FFFFFF;
min-height: 48px;
min-width: 182px;
border-radius: 8px;
background-color: var(  --blue-600) !important;
}


.card-hover:hover .submit-btn {
  box-shadow: 0px 4px 15px rgba(46, 60, 145, 0.3), 
              0px 2px 8px rgba(46, 60, 145, 0.2);
  background: linear-gradient(135deg, rgba(46, 60, 145, 0.9) 0%, rgba(35, 45, 110, 0.9) 100%);
  right: 40px;
}
.why-choose .card {
  backdrop-filter: blur(24px);
}

.card-hover:hover {
  backdrop-filter: blur(24px);
  box-shadow: -6px 0px 0px 0px rgba(46, 60, 145, 0.2) inset,
              6px 0px 0px 0px rgba(46, 60, 145, 0.2) inset;

  border: 1px solid var(--blue-600);
  /* box-shadow: 0px 4px 20px rgba(46, 60, 145, 0.2); */
  background: linear-gradient(135deg, rgba(244, 244, 255, 0.9) 50%, rgba(244, 244, 255, 0.9) 100%);
}

/* .card-hover:hover .submit-btn {
  right: 20px;
} */

/* .submit-btn {
  transition: all 0.3s ease-in-out;
} */
/* section 4 - Team  */
.team-section {
  padding: 50px 20px;
}
.team-section .carousel {
  height: 700px;
  overflow: hidden;
  position: relative;
}
.team-section .carousel-inner {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.team-section .carousel-item {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.team-section .carousel-item .row {
  width: 100%;
  margin: 0;
}
.team-section .carousel-item img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  margin: 12px 0;
  display: block;
}
@keyframes verticalSlide {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-50%);
  }
}
.team-section .carousel-inner {
  animation: verticalSlide 20s infinite linear;
}
.fade-effect {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
}
.team-section .view-all-btn:hover {
  background-color: var(--blue-600);
}
.team-section .shadow-effect {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  pointer-events: none;
}
.team-section .shadow-effect img {
  width: 100%;
  height: auto;
  display: block;
}

/* section 6 -contact us */
.video-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  opacity: 0.2;
  mix-blend-mode: overlay;
  animation: slow-motion 5s linear infinite;
}
/* Custom Slow-Motion Effect */
@keyframes slow-motion {
  0% {
    transform: scale(1);
    filter: blur(10px);
  }
  50% {
    transform: scale(1.02);
    filter: blur(20px);
  }
  100% {
    transform: scale(1);
    filter: blur(10px);
  }
}
.overlay-content {
  position: relative;
  z-index: 1;
}
.form-control:focus,
.form-select:focus {
  border: 1px solid var(--gray-200);
  outline: none !important;
  box-shadow: none;
}

/* section 7 - Blue background */

.hero-wrapper {
  /* position: relative; */
  /* border-radius: 40px !important; */
  /* overflow: hidden; */
}

.hero-wrapper::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 40px;
  padding: 1px;
  background: linear-gradient(
    134deg,
    #ffffff 3.28%,
    #4a4a4a 36.73%,
    #ffffff 65.87%,
    #282828 98.84%
  );
  -webkit-mask: linear-gradient(white 0 0) content-box,
    linear-gradient(white 0 0);
  mask: linear-gradient(white 0 0) content-box, linear-gradient(white 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}

.hero-wrapper .card-body {
  position: relative;
  z-index: 1;
  /* background: rgba(0, 0, 0, 0.7); Adjust background inside the card */
  border-radius: 40px;
}
.bg {
  background: url("/Assets/images/background.png") no-repeat center center;
  background-size: cover;
  background-color: var(--blue-600);
}

/* Animation */
/* #text-slider {
  transition: opacity 0.5s ease-in-out;
}

@keyframes slideUp {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes slideText {
  0%,
  25% {
    transform: translateY(0);
  }
  26%,
  50% {
    transform: translateY(-100%);
  }
  51%,
  75% {
    transform: translateY(-200%);
  }
  76%,
  100% {
    transform: translateY(-300%);
  }
} */

/* ===========================20/03======================= */

.video_home2{
  background-color: #050500;
}
.why-choose .card-hover:hover h3{
  color: var(--black-900);
}
.why-choose  .card-hover:hover  h5{
color:#333333;
}
.why-choose .card-hover h3{
  font-size:30px !important;
}

.why-choose .card-hover .card-body{
  padding: 0 !important;
}
.why-choose .card.card-hover{
  padding: 48px !important;
}
.background-section{
  position: relative;
}
/* .background-section::before{
  content: "";
  position:absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 100%;
  width: 100%;
  background-image: url("../images/walkwel-bg-logo.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
} */

.contact-form form label{
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 22px;
color: #333333;
}
.contact-form form input {
background: #FFFFFF;
border: 1px solid #DEDEDE;
border-radius: 9px;
min-height: 56px;
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
color: #333333;
}
.contact-form form select{
  border: 1px solid #DEDEDE;
  border-radius: 9px;
  min-height: 56px;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #333333;
  }
.contact-form form textarea{
  background: #FFFFFF;
  border: 1px solid #DEDEDE;
  border-radius: 9px; 
}
.contact-form form input::placeholder,
.contact-form form textarea::placeholder{
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
color: #575757;
opacity: 0.5;
}

.btn:hover{
  opacity: 0.5;
  transition: 0.3s;
}
.career_main_box .blue_btn:hover,
.path_box_slider .btn_b:hover,
.btn_apply:hover,
.white_btn:hover{
  opacity: 0.5;
  transition: 0.3s;
}
.career_main_box .blue_btn,
.path_box_slider .btn_b,
.btn_apply,
.white_btn{
  transition: 0.3s;
}

.blue_btn{
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.servce_vedio{
  display: none;
}
.card_services:hover .servce_vedio{
  display: block;
}
.card_services .card-body{
  background-color: #edf6ffdb;
  position: absolute;
  height: 100%;
}
.card_services .card-body.yellow{
  background-color:rgb(244 242 183 / 86%) !important ;
}
.card_services .card-body.pink{
  background-color:#faefe6db !important ;
}
.card_services .card-body.sky_blue{
  background-color:#ebfaffdb !important ;
}
.card_services .card-body.off_blue{
   background-color:#f0fff5db !important ;
}
.card_services .card-body.off_purple{
   background-color:#f2f4ffdb !important ;
}
.card_services:hover .card-body{
  background-color: #C2DDF5;
  opacity: 0.86;
}
.card_services:hover .card-body.yellow{
  background-color:#F4F2B7!important ;
  opacity: 0.86;
}
.card_services:hover .card-body.pink{
  background-color:#F6C89D !important ;
  opacity: 0.86;
}
.card_services:hover .card-body.sky_blue{
  background-color:#A8EAFF !important ;
  opacity: 0.86;
}
.card_services:hover .card-body.off_blue{
   background-color:#BCF9CF !important ;
   opacity: 0.86;
}
.card_services:hover .card-body.off_purple{
   background-color:#DCE1FF !important ;
   opacity: 0.86;
}

.card_services .card-body h6{
  -webkit-transition: all 0.6s linear;
  -moz-transition: all 0.6s linear;
  -o-transition: all 0.6s linear;
  transition: all 0.6s linear;
}
.service_btn{
  background-color: transparent;
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 19px;
color: var(  --blue-600);
border: 0 !important;
text-align: start !important;
max-width: 267px;
border-bottom: 1.5px solid var(--blue-600) !important;
padding-bottom: 8px;
margin-top: 24px;
-webkit-transition: all 0.6s linear;
-moz-transition: all 0.6s linear;
-o-transition: all 0.6s linear;
transition: all 0.6s linear;
display: none;
}
.card_services:hover .service_btn{
  display: block;
}

.card_services {
  transition: all 0.4s ease-in-out;
}

.card_services h6 {
  transition: transform 0.4s ease-in-out;
}

.card_services .service_btn {
  transform: translateY(20px);
  transition: transform 0.4s ease-in-out;
}

.card_services:hover h6 {
  transform: translateY(-10px);
}

.card_services:hover .service_btn {
  transform: translateY(0);
  transition:  transform 0.4s ease-in-out;
}

.social_icons span{
  color: #ffffff7a !important;
}

.social_icons{
  margin-top: 78px;
}
.all_industries {
  gap: 64px;
  margin-top: 50px !important;
}



.custom-dropdown {
  width: 750px !important;
background: #FFFFFF;
box-shadow: 0px 16px 34px rgba(0, 0, 0, 0.06);
border-radius: 0px 0px 14px 14px;
right: 109px !important;
margin: auto !important;
left: 0 !important;
}


.custom-dropdown a{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #000;
  /* mix-blend-mode: difference; */
  }
  .custom-dropdown a:hover{
    color: #7b7b7b!important;
  }
  .custom-dropdown ul li{
  padding: 8px 0px  !important;
  }
  .custom-dropdown .dropdown-menu[data-bs-popper]{
    right: 0 !important;
    margin: auto !important;
    left: 0 !important;
  }
  

/* ==============================service page===================================== */

.service_banner{
  min-height: 800px;
  /* background-color: #040500; */
  padding: 100px 0px;
  position: relative;
  margin-top: -150px;
}

.service_banner::before{
  content: "";
  position: absolute;
  background-color: #040500;
  background-image: url("../images/mobile-ellipes.png");
  background-position: center right;
  background-repeat: no-repeat;
  /* background-size: contain; */
  height: 100%;
  width: 100% ;
  z-index: -1;
  top: -100px;
}

/* .service_banner::after{
  content: "";
  position: absolute;
  background-image: url("../images/black-shadow.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 300px;
  width: 100%;
  z-index: -1;
  bottom: -200px;
  background-position: top;
} */
.service_banner_box h2{
font-family: 'Tiempos Headline';
font-style: normal;
font-weight: 300;
font-size: 64px;
line-height: 80px;
color: #FFFFFF;
opacity: 0.8;
margin-bottom: 16px;
}

.service_banner_box p{
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 26px;
color: #FFFFFF;
opacity: 0.8;
}

.service_banner_box{
  padding-top: 150px;
}

.dark_background{
  background-image: url("../images/why_chose_service.png");
  padding: 100px;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 24px !important;
  background-size: cover;
}
.dark_background .why_heading h2{
font-family: 'Tiempos Headline';
font-style: normal;
font-weight: 300;
font-size: 48px;
line-height: 58px;
text-align: center;
color: #FFFFFF;
margin-bottom: 24px !important;
}
.why_heading_description h3{
font-family: 'Tiempos Headline Regular';
font-style: normal;
font-weight: 500;
font-size: 28px;
line-height: 35px;
color: #FFFFFF;
margin-bottom: 16px !important;
}

.why_heading_description p {
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 26px;
color: #FFFFFF;
opacity: 0.5;
}
.why_heading_description{
  margin-bottom: 60px !important;
}

.why_img_boxx {
  margin-bottom: 60px !important;
}

.border_before{
  position: relative;
}
.border_before::before{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 100%;
  width: 3px;
}

.befor_content_circle,
.after_content_circle,
.border_before{
  position: relative;
}

.befor_content_circle::before{
  position: absolute;
  content: "";
  top: 8px;
  left: -25px;
  background-color: #111111;
  border: 4px solid #fff;
  height: 24px;
  width: 24px;
  border-radius: 50%;
}

.after_content_circle::before{
  position: absolute;
  content: "";
  top: 8px;
  right: -25px;
  background-color: #111111;
  border: 4px solid #fff;
  height: 24px;
  width: 24px;
  border-radius: 50%;
}

.border_before::before{
  position: absolute;
  content: "";
  top: 29px;
  left: 0;
  right: 0;
  margin: auto;
  height: 92%;
  width: 4px;
  background-color: #ffffff1f;
  margin-top: 0 !important;
}

.get_in_touch{
min-width: 227px;
min-height: 50px;
background: #2E3C91;
border: 1px solid #2E3C91;
border-radius: 4px;
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 19px;
color: #FFFFFF;
}
.get_in_touch:hover{
  opacity: 0.5;
}

.tech_heading_service h2{
font-family: 'Tiempos Headline';
font-style: normal;
font-weight: 300;
font-size: 48px;
line-height: 58px;
color: #2E3C91;
}

.tech_heading_service p{
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 27px;
color: #686868;
margin: 20px 0px 39px 0px !important;
}

.service_mobile_tech{
  position: relative;
min-height: 600px;
}

.service_mobile_tech::after{
  content: "";
  position: absolute;
  background-image: url("../images/black-shadow.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
  z-index: -1;
  top: -164px;
  background-position: top;
}

.logo_1,
.logo_7,
.logo_6,
.logo_5 {
  text-align: center;
}

.logo_3 {
  text-align: end;
  padding-right: 80px;
}

.logo_2 {
  padding-left: 60px;
}

.logo_4 {
  text-align: end;
}

.logo_6 {
  padding-left: 80px;
}

.tech_logos img {
  background: #FFFFFF;
  box-shadow: 0px 14px 54px 20px rgba(0, 0, 0, 0.04);
  border-radius: 24px;
  margin-bottom: 24px;
}
header.main_header {
  position: relative;
  z-index: 99;
}
.service_banner_box span{
  font-style: italic;
}


/* ============================industry page============================= */
.industry_banner{
min-height: 1900px;
margin-top: -100px;
padding: 200px 0px 0px 0px;
background-image: url("../images/industry-1.png");
background-repeat: no-repeat;
background-size: cover;
}


.industry_banner h2{
font-family: 'Tiempos Headline';
font-style: normal;
font-weight: 300;
font-size: 64px;
line-height: 80px;
color: #FFFFFF;
margin-bottom: 16px !important;
}

.industry_banner p{
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 26px;
color: #FFFFFF;
}

.fintech_head h2{
font-family: 'Tiempos Headline';
font-style: normal;
font-weight: 300;
font-size: 48px;
line-height: 58px;
color: #fff;
position: relative;
z-index: 99;
margin-bottom: 32px !important;
}

.fintech_head{
  margin-top: 140px;
}
.fintech_box{
  padding: 32px;
  border-radius: 24px;
  min-height: 332px;
  margin-bottom: 32px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: transform 0.3s ease;
}
.fintech_box:hover{
  transform: scale(1.05); /* Scales the box to 105% of its original size */
  transition: transform 0.3s ease; /* Smooth transition */
}
.fintech_box .fintech_top h3{
font-family: 'Tiempos Headline Regular';
font-style: normal;
font-weight: 400;
font-size: 28px;
line-height: 35px;
color: #111111;
opacity: 0.85;
}

.fintech_box  p{
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 28px;
color: #333333;
opacity: 0.7;
}
.light_sky_box{
background: #EDF6FF;
}
.light_yello_box{
background: #FEFDED;;
}

.light_pink_box{
background: #FBF0E6;
}
.light_purple_box{
background: #EBFAFF;
}
.light_green_box{
background: #F0FFF5;
}

.light_blue_box{
background: #F2F4FF;
}
.fintech_innovation{
  padding: 80px 0px 140px 0px;
}
.innovation_head h2{
font-family: 'Tiempos Headline';
font-style: normal;
font-weight: 300;
font-size: 48px;
line-height: 58px;
text-align: center;
color: #2E3C91;
}
.innovation_head h2 span{
  font-style: italic;
}

.innovation_tab{
  margin-top: 32px;
}
.innovation_tab ul{
padding: 5px;
background: #F2F4FF;
border: 1px solid #EAEDFF;
border-radius: 24px;
margin-bottom: 32px;
}
.innovation_tab .nav-link{
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 24px;
text-align: center;
color: #2E3C91;
min-height: 74px;
box-shadow: unset !important;
border-radius: 20px;
}

.innovation_tab .nav-tabs .nav-link.active{
letter-spacing: -0.02em;
color: #FFFFFF;
background: #2E3C91 !important;
}
.custom-fintech-content{
background: #F2F4FF;
border: 1px solid #EAEDFF;
border-radius: 24px;
padding: 40px;
}
.tabs_content_finbox h3{
font-family: 'Tiempos Headline Regular';
font-style: normal;
font-weight: 400;
font-size: 28px;
line-height: 35px;
color: #111111;
opacity: 0.85;
margin-bottom: 24px !important;
}


.tabs_content_finbox p{
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 28px;
color: #333333;
opacity: 0.7;
}
.tabs_content_finbox{
  padding: 0px 40px;
}

.lets_build_something .build_box{
  min-height: 480px;
  border-radius: 20px;
  background-image: url("../images/build_box_new.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 60px;
}
.lets_build_something.about_build  .build_box{
  background-image: url("../images/about_build-bg.png");
}

.lets_build_something{
  padding: 100px 0px 60px 0px;
}

.build_box h2{
font-family: 'Tiempos Headline';
font-style: normal;
font-weight: 300;
font-size: 48px;
line-height: 70px;
color: #FFFFFF;
margin-bottom: 12px !important;
}

.build_box p{
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 27px;
color: #FFFFFF;
opacity: 0.8;
}

.white_btn{
max-width: 162px;
min-height: 50px;
background: #FFFFFF;
border: 1px solid #FFFFFF;
border-radius: 4px;
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 19px;
color: #2E3C91;
margin-top: 32px;
}

.white_btn:hover{
  opacity: 0.5;
}

footer p{
  font-weight: 300 !important;
}

.hero-wrapper p#text-slider {
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 55px !important;
}



/* ===================================about us page========================================= */


.timeline_nav_list.slick-slide.slick-current.slick-active {
  color: #2E3C91 !important;
}

.about_banner{
  background-image: url("../images/about-bb.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 200px 0px 80px 0px !important;
  margin-top: -80px;
}
.what-we-do-section {
  display: flex;
  padding: 0 240px;
  flex-direction: column;
  align-items: stretch;
  justify-content: start;
}

.about_banner .header-content {
  width: 100%;
  padding: 0 200px;
font-family: 'Tiempos Headline';
  color: #ffffff;
  font-weight: 300;
  text-align: center;
}
p.main-description {
  font-weight: 400 !important;
  line-height: 53px !important;
  font-family: 'Tiempos Headline';
}
.main-title {
  font-size: 64px;
  line-height: 1;
  font-weight: 400 !important;
}

.main-description {
  font-size: 48px;
  margin-top: 10px;
}

.highlight {
  color: #ffffff;
}

.featured-image {
  display: flex;
  margin-top: 40px;
  width: 100%;
  align-items: center;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
}

.hero-img {
  aspect-ratio: 2.06;
  object-fit: contain;
  object-position: center;
  width: 100%;
  border-radius: 16px;
  align-self: stretch;
  min-width: 240px;
  margin: auto;
  flex: 1;
}

.stats-grid {
  display: flex;
  margin-top: 40px;
  width: 100%;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
}

.stats-row {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 30px;
  justify-content: center;
  flex-wrap: wrap;
}

.stats-row + .stats-row {
  margin-top: 32px;
}

.stat-card {
  border-radius: 24px;
  align-self: stretch;
  min-width: 240px;
  margin: auto;
  padding: 32px;
  flex: 1;
  width: 368px;
  /* animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-name: bounce;
  animation-timing-function: ease; */
  perspective:1000px;
  transition:all .6s ease;
   animation: bounce 6s ease-in-out infinite;
   will-change: transform, box-shadow;
   display: inline-block; /* or block */
}
/* @keyframes bounce {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-10px); }
  100% { transform: translateY(0); }
  } */
  @keyframes bounce {
    0% {
      transform: translateY(0);
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.158);
    }
    50% {
      transform: translateY(-15px); /* Move up */
      box-shadow: 0 25px 15px rgba(0, 0, 0, 0.103);
    }
    100% {
      transform: translateY(0); /* Back to original */
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.11);
    }
  }


.blue-card {
  background-color: #edf6ff;
}
.yellow-card {
  background-color: #fefded;
}
.orange-card {
  background-color: #fbf0e6;
}
.cyan-card {
  background-color: #ebfaff;
}
.green-card {
  background-color: #f0fff5;
}
.purple-card {
  background-color: #f2f4ff;
}

.stat-header {
  width: 100%;
  color: #111111;
}

.stat-number {
  font-size: 48px;
font-family: 'Tiempos Headline';
  font-weight: 300;
}

.stat-title {
  font-size: 28px;
  font-family: 'Tiempos Headline';
  font-weight: 400;
  margin-top: 8px;
}

.stat-description {
  color: #333333;
  font-size: 18px;
  font-family:
    Inter,
    -apple-system,
    Roboto,
    Helvetica,
    sans-serif;
  font-weight: 400;
  line-height: 28px;
  margin-top: 110px;
}

.logo-showcase {
  align-self: center;
  display: flex;
  margin-top: 40px;
  width: 665px;
  max-width: 100%;
  align-items: center;
  gap: 40px 64px;
  justify-content: start;
  flex-wrap: wrap;
  margin: 40px auto 0px auto;
}

.partner-logo {
  /* aspect-ratio: 1; */
  object-fit: contain;
  object-position: center;
  width: 80px;
  align-self: stretch;
  margin:0 auto;
  flex-shrink: 0;
}

@media (max-width: 991px) {
  .what-we-do-section {
    padding: 0 20px;
  }

 .about_banner  .header-content {
    max-width: 100%;
    padding: 0 20px;
  }

  .main-title {
    max-width: 100%;
    font-size: 40px;
  }
  .stat-title {
    margin-top: 0px !important;
}
  .main-description {
    max-width: 100%;
    font-size: 24px;
    
  }
  p.main-description{
    line-height: 33px !important;
  }

  .featured-image {
    max-width: 100%;
  }

  .hero-img {
    max-width: 100%;
  }

  .stats-grid {
    max-width: 100%;
  }

  .stat-card {
    max-width: 100%;
    padding: 20px;
  }

  .stat-number {
    font-size: 40px;
  }

  .stat-description {
    margin-top: 40px;
  }
}

/*============================ road map about====================== */


.timeline-container_about {
  padding: 40px 0px 0px 0px;
}
.timeline-container_about .timeline h2{
font-family: 'Tiempos Headline';
font-style: normal;
font-weight: 300;
font-size: 48px;
line-height: 70px;
color: #111111;
text-align: center;
}


/* Timeline Navigation */
.timeline-nav {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
.card_services h3,
.success-stories h3 {
  font-weight: 400 !important;
}

@media (max-width: 600px) {
  .timeline-nav div {
      font-size: 14px;
  }
}
.timeline_nav_list{
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 28px;
line-height: 34px;
text-align: center;
color: #BDBDBD;
opacity: 0.85;
position: relative;
min-height: 88px !important;
    display: flex !important
;
    align-items: end;
    justify-content: center;
    padding-top: 60px;
}
.timeline_nav_list::before{
  content: "";
  position: absolute;
  top: 25px;
  left: 0;
  right: 0;
  margin: auto;
  height: 24px;
  width: 2px;
  background-color:#48549F ;
}
.timeline-nav{
  margin-top: 40px;
 position: relative;
}
.timeline-nav::before{
  content: "";
  position: absolute;
  top: 25px;
  left: 0;
  right: 0;
  margin: auto;
  height: 1px;
  width: 100%;
background-image: url("../images/timeline-line.png");
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
}

.timeline-nav .slick-current {
position: relative;
}
.timeline-nav .slick-current::before{
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  margin: auto;
  height: 45px;
  width: 18px;
  background-color:#2E3C91 ;
  clip-path: polygon(50% 0%, 100% 38%, 100% 100%, 0 100%, 0% 38%);
}

.timeline-item h2{
font-family: 'Tiempos Headline Black';
font-style: italic;
font-weight: 600;
font-size: 48px;
line-height: 62px;
color: #111111;
opacity: 0.8;
}
.timeline-slider .slick-list,
.timeline-nav .slick-list {
    margin: 0 -10px; /* Counteract margin to maintain alignment */
}
.timeline-slider .slick-slide,
.timeline-nav .slick-slide {
    margin: 0 10px; /* Adjust spacing between items */
}
.timeline-item h3{
font-family: 'Tiempos Headline Regular';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 30px;
text-align: center;
color: #111111;
opacity: 0.85;
margin-top: 8px  !important;
}
.timeline-item p{
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 28px;
text-align: center;
color: #333333;
opacity: 0.7;
margin-top: 16px !important;
}
.timeline_card{
margin-top: 40px;
}

.timeline-item {
min-height: 350px !important;
border-radius: 24px;
padding: 40px;
display: flex !important;
flex-direction: column;
align-items: center;
/* justify-content: center; */
}
.timeline_nav_list{
  cursor: pointer;
}

/* ====================================about us page end ===================================== */


/* ==========================================blog start css====================================== */

.blog_heading_main h2{
font-family: 'Tiempos Headline';
font-style: normal;
font-weight: 300 !important;
font-size: 46px;
line-height: 55px;
color: #000000;
}
.page-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background-color: #000;
}

.feature_blog_sec{
  padding: 80px 0px;
}


.divider_blog .divider_box{
  min-height: 1px;
  background-color: #E5E5E5;
}


.blog_box_walkwel{
border: 1px solid #E5E5E5;
border-radius: 12px;
min-height: 540px;
}

.blog_box_content{
  padding: 20px;
}

.blog_box_content h3{
font-family: 'Tiempos Headline';
font-style: normal;
font-weight: 300;
font-size: 30px;
line-height: 41px;
color: #000000;
}
.blog_box_content p{
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 26px;
color: #6D6D6D;
}
.blog_img img {
  max-height: 300px;
  min-height: 300px;
  object-position: center;
}
.blog_box_content h6{
font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 26px;
color: #656565;
}
.blog_box_content h6 span{
color: #2e3c91;
text-decoration: underline;
}

section.main-content.blog {
  margin-top: -80px;
}
.main-content {
  position: relative;
}
.main-content.blog{
  background-image: url("../images/case-study.png");
  background-repeat: no-repeat;
  background-size: cover;
}

.main-content.blog {
  padding-bottom: 124px;
}
.featured-blog {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 200px 0px 0px 0px;
}

.blog-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 35px;
  max-width: 864px;
  text-align: center;
}
.blog_box_walkwel.engneering{
  min-height: 400px;
}

.blog-meta {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
}

.featured-tag {
  padding: 10px 19px;
  background-color: #2e3c91;
  border-radius: 26px;
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.blog-date {
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: 18px;
}

.blog-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 22px;
}

.blog-title {
  color: #fff;
  font-family: 'Tiempos Headline';
  font-size: 54px;
  font-weight: 300;
  line-height: 1.2;
  margin: 0;
}

.blog-subtitle {
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 400;
  margin: 0;
}

.blog-image-container {
  margin-top: 25px;
  width: 100%;
  max-width: 1088px;
}

.blog-image {
  width: 100%;
  height: auto;
  border-radius: 24px;
  object-fit: cover;
}

.content-divider {
  width: 100%;
  height: 1px;
  background-color: #e5e5e5;
}

@media (max-width: 991px) {
  .about_banner .header-content {
    padding: 0 40px;
  }

  .main-nav {
    display: none;
  }

  .mobile-menu-toggle {
    display: block;
  }

  .featured-blog {
    padding: 150px 20px 0px 20px;
  }

  .blog-title {
    font-size: 40px;
  }

  .blog-subtitle {
    font-size: 18px;
  }
}

@media (max-width: 640px) {
  .about_banner .header-content {
    padding: 0 20px;
  }

  .featured-blog {
    padding: 150px 10px 0px 10px;
  }

  .blog-title {
    font-size: 32px;
  }

  .blog-subtitle {
    font-size: 16px;
  }
}

.main-content.blog .back_btn{
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 22px;
color: #FFFFFF;
width: 100%;
padding-bottom: 80px;
cursor: pointer;
}
.featured-blog.inner_blog{
  padding-top: 150px !important;
}
.inner_articals{
background: #FFFFFF;
border: 1px solid #E8E8E8;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.12);
border-radius: 12px;
padding: 24px;
}
.inner_articals h3{
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 22px;
line-height: 32px;
color: #111111;
}

.inner_articals ul li{
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 36px;
color: #3B3B3B;
}

.inner_articals_date{
background: rgba(245, 244, 214, 0.43);
border: 1px solid #F5F4D6;
box-shadow: 0px 4px 4px rgba(46, 60, 145, 0.12);
border-radius: 12px;
padding: 24px;
}

.inner_articals_date h3{
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 22px;
line-height: 32px;
color: #2E3C91;
}
.inner_articals_date ul li{
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 42px;
text-decoration-line: underline;
color: #111111;
}

.inner_blog_content{
  padding: 0px 0px 80px 0px;
}
.benefits_inner_page h2{
font-family: 'Tiempos Headline Regular';
font-style: normal;
font-weight: 500;
font-size: 28px;
line-height: 32px;
color: #111111;
}

.blog_content_inner p{
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 32px;
color: #111111;
}

.benefits_inner_page ol{
  margin-top: 24px;
  padding-left: 20px !important;
}
.benefits_inner_page {
  margin-top: 64px;
}

.benefits_inner_page ol li{
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 32px;
color: #111111;
margin-bottom: 20px;
}

.conclusion h3{
font-family: 'Tiempos Headline Regular';
font-style: normal;
font-weight: 500;
font-size: 28px;
line-height: 32px;
color: #000000;
}

.conclusion p{
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 32px;
color: #000000;
}

.auther_name_list h3{
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: rgba(255, 255, 255, 0.6);
}

.auther_name_list  h4{
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 24px;
color: #FFFFFF;
}
.social_links ul{
  background-color: #E6E9FF;
}
.social_links h3{
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #FFFFFF;
}
.social_links ul svg{
  fill: #021720;
}
.social_links ul li{
  background-color:#DADEF4 ;
  border-radius: 5px;
}

.author_name{
  position: relative;
}
.author_name::before{
  content:"" ;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-image: url("../images/dotted_line.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height:11px;
  width: 100%;
}

/* ==========================================blog end css====================================== */

/* ============================================career page css start================================================== */
.career_banner {
  background-image: url("../images/career-bg.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: -80px;
  padding: 200px 0px 80px;
}

.career_main_box h2{
font-family: 'Tiempos Headline';
font-style: normal;
font-weight: 300;
font-size: 54px;
line-height: 65px;
color: #FFFFFF;
}

.career_main_box p{
font-family: 'Inter';
font-style: normal;
font-weight: 300;
font-size: 20px;
line-height: 26px;
color: #FFFFFF;
margin-bottom: 40px !important;
}

.career_main_box img{
  width: 100%;
  border-radius: 26px;
}
.career_main_box .blue_btn{
  margin: auto;
  min-width: 244px !important;
  max-width: 244px !important;
}
.career_rewards_box{
  margin-top: 80px;
}
.career_rewards_box .start_here_box h3{
font-family: 'Tiempos Headline';
font-style: normal;
font-weight: 300;
font-size: 48px;
line-height: 58px;
color: #2E3C91;
}
.career_rewards_box{
  font-family: 'Tiempos Headline';
  font-style: normal;
  font-weight: 300;
  color: #2E3C91;
}
.career_rewards_box .start_here_box h3{
  font-size: 48px;
  line-height: 58px;
  }
  
.career_rewards_box .level_box h3{
font-size: 72px;
line-height: 86px;
}

.career_rewards_box .impact_box h3{
font-size: 100px;
line-height: 100px;
  }
  
  .career_rewards_box .start_here_box,
  .career_rewards_box .level_box{
    margin-bottom: 84px;
  }

.lead_future h2{
font-family: 'Tiempos Headline Medium';
font-style: normal;
font-weight: 600;
font-size: 160px;
line-height: 130px;
color: #2E3C91;
}
.lead_sec{
  padding-bottom: 80px;
  position: relative;
}

.lead_sec::before{
  content: "";
  position: absolute;
  top: 100px;
  left: 0;
  right: 0;
  margin: auto;
  background-image: url("../images/lead-bg.png");
  background-repeat: no-repeat;
background-position: top center;
width: 100%;
height: 65%;
z-index: -1;
}
.lead_future_box:hover  .desktop-image-hover{
display: block;
}
.lead_future_box .desktop-image-hover{
  display: none;
}
.lead_future_box:hover .desktop-image{
  display: none;
}
.lead_future_box h3{
font-family: 'Tiempos Headline';
font-style: normal;
font-weight: 300;
font-size: 35px;
line-height: 42px;
color: #333333;
}

.lead_future_box p{
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 22px;
line-height: 34px;
color: #666666;
opacity: 0.7;
}

.leader_future_content{
  padding: 80px 0px 80px 0px;
}

.choose_path_heading h2{
font-family: 'Tiempos Headline';
font-style: normal;
font-weight: 300;
font-size: 48px;
line-height: 70px;
color: #111111;
}

.choose_your_path{
  padding: 80px 0px;
}
.center-slider .slick-slide,
.choose_your_path .slick-slide {
  /* transform: scale(0.8); */
  transition: all 0.4s ease-in-out;
}

.choose_your_path .center-slider .slick-slide,
.choose_your_path .slick-slide,
.choose_your_path .center-slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"],
.choose_your_path .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] {
  /* transform: scale(0.8, 0.8); */
  transition: all 0.4s ease-in-out;
}


.choose_your_path .slick-next, .choose_your_path .slick-prev {
  z-index: 5;
}

.choose_your_path .slick-next,
.choose_your_path .slick-prev ,
.slick-next, .slick-prev {
display: none !important;
}

.path_box_slider span{
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 22px;
line-height: 34px;
color: #111111;
margin-bottom: 16px !important;
}

.path_box_slider h3{
font-family: 'Tiempos Headline';
font-style: normal;
font-weight: 300;
font-size: 32px;
line-height: 38px;
text-align: center;
color: #2F2F2F;
margin-bottom: 16px !important;
}
.path_box_slider p{
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 32px;
color: #666666;
margin-bottom: 27px !important;
}

.path_box_slider .btn_b{
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 19px;
color: #FFFFFF;
min-width: 274px;
background: #2E3C91;
border: 1px solid #2E3C91;
border-radius: 4px;
min-height: 50px;
}
.path_box_slider.text-center {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;

}
.btn_path_box{
  display: none !important;
}

.choose_your_path .center-slider .slick-current.slick-active .btn_path_box,
.choose_your_path .slick-current.slick-active  .btn_path_box{
display: block !important;
} 

.life_walkwel .choose_path_heading p{
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 27px;
color: #666666;
}

.life_walkwel_career .bottom_box .icon_box{
height: 44px;
width: 44px;
border-radius: 50%;
border: 4px solid #2E3C91;
margin: auto;
background-color: #fff;
position: relative;
}

.life_walkwel_career .bottom_box h3{
font-family: 'Tiempos Headline';
font-style: normal;
font-weight: 300;
font-size: 32px;
line-height: 38px;
color: #2F2F2F;
}

.life_walkwel_career .bottom_box p{
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 32px;
color: #666666;
}

.border-line-career{
  position: relative;
}

.border-line-career::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -45%;
  height: 11px;
  width: 100%;
  background-image: url("../images/career-line.png");
  background-repeat: no-repeat;
background-position: top center;
}

.join_team{
  padding: 80px 0px;
  position: relative;
}

.join_team_box img{
  border-radius: 30px;
}

.join_content{
position: absolute;
height: 400px;
width: 400px;
margin: auto;
left: 0;
right: 0;
top: 0;
bottom: 0;
}

.join_content h3{
font-family: 'Tiempos Headline';
font-style: normal;
font-weight: 300;
font-size: 48px;
line-height: 58px;
color: #2E3C91;
margin-bottom: 5px !important;
}

.join_content p{
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 27px;
color: #111111;
text-align: center;
}

.btn_apply{
min-width: 204px;
background: #2E3C91;
border: 1px solid #2E3C91;
border-radius: 4px;
min-height: 50px;
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 19px;
color: #FFFFFF;
margin-top: 14px;
}

.benefits-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  gap: 40px;
  padding: 60px 20px;
}

.section-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  max-width: 299px;
  margin: auto;
  margin-bottom: 40px;
}

.section-title {
  color: #2e3c91;
  text-align: center;
  font-family: "Tiempos Headline";
  font-size: 48px;
  font-weight: 300;
  margin: 0;
}

.section-subtitle {
  color: #666666;
  text-align: center;
  font-family: Inter;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  margin: 0;
}

.benefits-grid {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 20px;
}

.benefit-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 100%;
  border-radius: 24px;
  padding: 40px 20px;
}

.benefit-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  width: 100%;
  position: relative;
}

.benefit-title {
  color: #2f2f2f;
  text-align: center;
  font-family: "Tiempos Headline";
  font-size: 32px;
  font-weight: 300;
  margin: 0;
  position: relative;
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}

.carrer-goal {
  display: inline-block;
  animation: bounce 4s infinite ease-in-out;
}


.benefit-description {
  color: #666666;
  text-align: center;
  font-family: Inter;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  margin: 0;
}

/* Card Background Colors */
.global-impact {

  position: relative;
  background-image: url(../images/c1-c.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.ideas-welcome {
 
  position: relative;
  background-image: url(../images/c2-c.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.career-growth {

  position: relative;
  background-image: url(../images/c3-c.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.coffee-snacks {

  position: relative;
  background-image: url(../images/c4-c.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.culture {
  position: relative;
  background-image: url(../images/c5-c.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.global-impact::before{
  content: "";
  position: absolute;
  top: 0;
  background-color: #f5f4d6;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  border-radius: 24px;
  height: 100%;
  width: 100%;
}
.ideas-welcome::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  background-color: #f0c9a5;
  height: 100%;
  width: 100%;
  border-radius: 24px;
}
.career-growth::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: #8ae2ff;
  margin: auto;
  bottom: 0;
  border-radius: 24px;
  height: 100%;
  width: 100%;
}
.coffee-snacks::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-color: #b4edc6;
  bottom: 0;
  height: 100%;
  width: 100%;
  border-radius: 24px;
}
.culture::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  background-color: #b8e1ee;
  height: 100%;
  width: 100%;
  border-radius: 24px;
}
.global-impact:hover::before {
  background-color: #f5f4d6c9;
}

.ideas-welcome:hover::before {
  background-color: #f0c9a5d3;
}

.career-growth:hover::before {
  background-color: #8ae2ffd7;
}

.coffee-snacks:hover::before {
  background-color: #b4edc6ce;
}

.culture:hover::before {
  background-color: #b8e1eedc;
}

/* Responsive Styles */
@media (max-width: 991px) {
  .section-title {
    font-size: 40px;
  }

  .section-subtitle {
    font-size: 16px;
  }

  .benefit-title {
    font-size: 28px;
  }

  .benefit-description {
    font-size: 18px;
  }

  .benefits-section {
    padding: 60px 16px;
  }
}

@media (max-width: 640px) {
  .section-title {
    font-size: 36px;
  }

  .section-subtitle {
    font-size: 14px;
  }

  .benefit-title {
    font-size: 24px;
  }

  .benefit-description {
    font-size: 16px;
  }

  .benefits-section {
    padding: 0px 12px 60px 12px;
  }
}

.join_team_box {
  position: relative;
}
.join_team_box::before{
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 243px;
height: 249px;
background: #FFFFFF;
filter: blur(52.0833px);
}

/* ============================================career page css end========================================================== */


/* =========================================ui design css============================================ */
.ui_banner_content{
  margin-top: 84px;
}
.blue_btn.a {
  padding: 0 !important;
}
.blue_btn a{
  padding: 0px 20px !important;
}
.service-cont .service_btn {
  max-width: 269px !important;
}

.video_home2 {
  height: 67vh !important;
}

.main_header .nav-link,
.main_header .nav-link.active {
  position: relative;
  display: block;
  cursor: pointer;
  padding: 8px 0;
  color: #fff;
  text-decoration: none;
}


.main_header .nav-link:before, .main_header .nav-link:after,
.main_header .nav-link.active:before ,
.main_header .nav-link.active:after{
  content: '';
  position: absolute;
  width: 0%;
  height: 2px;
  bottom: -2px;
  background: #F4F2B7;
}

.main_header .nav-link:before,
.main_header .nav-link.active:before {
  left: 0;
}
.main_header .nav-link:after,
.main_header .nav-link.active:after {
  right: 0;
  background: #F4F2B7;
  transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.main_header .nav-link:hover:before,
.main_header .nav-link.active:before {
  background: #F4F2B7;
  width: 100%;
  transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.main_header .nav-link:hover:after,
.main_header .nav-link.active:after {
  background: transparent;
  width: 100%;
  transition: 0s;
}

.all_industries a:hover,
.social_icons a:hover{
opacity: 0.5;
transition: 0.5s;
}

.success-stories img{
  transition: 0.4s;
}


.success-stories img:hover{
  transform: scale(1.1);
}
.main_header .nav-link:hover,
.main_header .nav-link.active:hover{
  color: #F4F2B7 !important;
}
.main_header .nav-link.active{
  color: #F4F2B7 !important;
}
.sucess_story_img_wrapper{
  overflow: hidden !important;
}

/* ======================copy text css============================ */
.copy-text button{
  background-color: transparent;
  position: relative;
}
.copy-text button::before {
	content: "Copied";
	position: absolute;
	top: -45px;
	right: 0px;
	background: #2E3C91;
	padding: 8px 10px;
	border-radius: 20px;
	font-size: 15px;
	display: none;
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 19px;
color: #FFFFFF;
}
.copy-text button::after {
	content: "";
	position: absolute;
	top: -20px;
	right: 25px;
	width: 10px;
	height: 10px;
	background: #2E3C91;
	transform: rotate(45deg);
	display: none;
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 19px;
color: #FFFFFF;
}
.copy-text.active button::before,
.copy-text.active button::after {
	display: block;
}
.copy-text input{
  background-color: transparent !important;
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 29px;
border: 0  !important;
color: #FFFFFF;
mix-blend-mode: normal;
box-shadow: none;
}
.copy-text input:focus{
  outline: unset !important;
}



/* =========================================ui design css end============================================ */
/* Media Query for Mobile Devices */
@media (min-width: 320px) and (max-width: 426px) {
  .service-cont {
    bottom: 0px;
  }
  .partner-slider{
    width: 100%;
  }
  .text-xs,.text-sm,.text-normal,.text-md {
    font-size: 14px !important;
  }
  .text-lg {
    font-size: 16px !important;
  }
  .text-xl,.text-2xl {
    font-size: 18px !important;
  }
  /* .text-para{
    font-size: 20px !important;
  } */
   .text-3xl {
    font-size: 20px !important;
  }
  .text-4xl {
    font-size: 22px !important;
  }
  .text-5xl {
    font-size: 24px !important;
  }
  .text-6xl {
    font-size: 26px !important;
  }
  .text-7xl{
    font-size: 28px  !important;
  }
  .text-8xl {
    font-size: 30px !important;
  }
  .text-9xl {
    font-size: 42px !important;
  }

}

/* Media Query for  Tablets */
@media (min-width: 426px) and (max-width: 767px) {
  .partner-slider{
    width: 90%;
  }
  .lead_future_box img {
    height: 400px !important;
}
  .service-cont {
    bottom: 50px;
  }
  .text-xs {
    font-size: 14px !important;
  }
  .text-sm {
    font-size: 16px !important;
  }
  .text-normal {
    font-size: 16px !important;
  }
  .text-md {
    font-size: 18px !important;
  }
  .text-lg {
    font-size: 18px !important;
  }
  .text-xl {
    font-size: 22px !important;
  }
  .text-2xl {
    font-size: 24px !important;
  }
  .text-3xl {
    font-size: 24px !important;
  }
  .text-4xl {
    font-size: 26px !important;
  }
  .text-5xl {
    font-size: 30px !important;
  }
  .text-6xl {
    font-size: 40px !important;
  }
  .text-7xl {
    font-size: 48px !important;
  }
  .text-8xl {
    font-size: 50px!important;
  }
  .text-9xl {
    font-size: 60px !important;
  }
}

/* Media Query for small laptop  */
@media (min-width: 768px) and (max-width: 1024px) {
  .service-cont {
    bottom: 100px;
  }
  .background-section {
    background: url("/Assets/images/logo-bg.png") no-repeat center !important;
    background-size: contain !important;
    padding: -8px 0 !important;
  }
  .text-xs {
    font-size: 16px !important;
}
.text-8xl{
  font-size: 50px  !important;
}
.text-3xl{
  font-size: 26px  !important;
}
}
  
@media (min-width:1400px) and (max-width:2000px){

  .blockchain_service{
    min-height: 1180px;
  }
  .blockchain_service .service_banner_box {
    padding-top: 7px;
  }
  .blockchain_service.service_banner::before {
    background-position: center !important;
  }
}

@media (min-width:1400px) and (max-width:1700px){
  .blockchain_service{
    min-height: 1200px;
  }
  .blockchain_service .service_banner_box {
    padding-top: 7px;
  }
  .blockchain_service.service_banner::before {
    background-position: center !important;
  }
  
  .timeline-item {
    padding: 10px;
}
.choose_your_path .slick-slide {
  margin: 0px 10px;
}
.border-line-career::before {
bottom: -46%;
}
.path_box_slider.text-center {
  margin: 0px 0px !important;
}
.custom-dropdown {
  width: 634px !important;
}
}

@media (min-width:1200px) and (max-width:1399px){
  .best_in_box p {
    font-size: 16px !important;
    line-height: 23px !important;
  }
  section.lets_build_something.new_industry {
    padding: 46px 0px 25px !important;
  }
  .best_in_box h3 {
    font-size: 30px !important;
    line-height: 32px !important;
  }
  .best_in_box {
    min-height: 330px !important;
    padding: 40px;
}
  /* --------------------------------------------------- */
  .custom-dropdown {
    width: 634px !important;
}
  .path_box_slider.text-center {
    margin: 0px 0px !important;
  }
  .black-shadow-effect {
    top: -33px !important;
}
.home_service {
  padding: 184px 0 60px 0px !important;
}
/*  */
.service-cont {
  bottom: 0px !important;
}
.header-section  {
  padding-top: 80px !important ;
  padding-bottom: 80px !important;
}
.video_home2 {
  height: 75vh !important;
}
.header-section {
  min-height: 90vh !important;
}
footer .blue_btn {
  min-height: 30px;
  font-size: 14px !important;
}
footer.sticky-bottom p{
  font-size: 20px  !important;
}

/*  */
  .blockchain_service{
    min-height: 1080px;
  }
  .marquee-inner {
    padding: 12vh 0 0px !important;
}
  
  .blockchain_service.service_banner::before {
    background-position: center !important;
  }
  
  footer.sticky-bottom {
    padding: 5px 0px !important;
}
      /* ==============================career page css===================================== */

.career_main_box p br{
  display: none;
} 

.career_rewards_box {
  margin-top: 0;
}
.career_rewards_box .start_here_box h3 {
  font-size: 24px;
  line-height: 32px;
}
.career_rewards_box .level_box h3 {
  font-size: 32px;
  line-height: 42px;
}

.career_rewards_box .impact_box h3 {
  font-size: 38px;
  line-height: 48px;
}
.path_box_slider .btn_b {
  min-width: 100%;
  padding: 0px 15px;
}
.btn_path_box img {
  height: 24px;
  margin: 0 !important;
}
.lead_future h2 {
  font-size: 130px;
  line-height: 146px;
}
.lead_future_box img{
  width: 100%  !important;
  max-width: 100% !important;
  height: 350px  !important;
}
.career_rewards_box .start_here_box, .career_rewards_box .level_box {
  margin-bottom: 40px;
}

.lead_sec {
  padding-bottom: 30px;
}
.leader_future_content {
  padding: 30px 10px;
}

.choose_your_path {
  padding: 60px 10px 20px 10px;
}
.path_box_slider .btn_b {
  font-size: 14px;
}
.choose_your_path .slick-slide {
  margin: 0px 10px;
}

.path_box_slider span {
  font-size: 18px;
  line-height: 34px;
  margin-bottom: 0 !important;
}

.path_box_slider h3 {
  font-size: 18px;
  line-height: 18px;
  margin-bottom: 12px !important;
}
.path_box_slider p {
  font-size: 16px;
  line-height: 28px;;
  margin-bottom: 24px !important;
}
.life_walkwel .choose_path_heading p {
  font-size: 16px;
  line-height: 27px;
}
.border-line-career::before {
  bottom: -51%;
}
.life_walkwel_career .bottom_box h3 {
  font-size: 24px;
  line-height: 34px;
}
.life_walkwel_career .bottom_box p {
  font-size: 16px;
  line-height: 24px;
}
.choose_path_heading h2 {
  font-size: 48px;
  line-height: 57px;
}

.life_walkwel_career {
  margin-bottom: 30px;
}
.join_team {
  padding: 40px 0px;
}

.life_walkwel_career .bottom_box .icon_box img {
  margin-bottom: 0px !important;
}

   /* ====================================blog page css============================================= */
.blog_box_content h3 {
  font-size: 32px;
  line-height: 42px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* number of lines to show */
          line-clamp: 2; 
  -webkit-box-orient: vertical;

}
.blog_box_content p {
  font-size: 18px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* number of lines to show */
          line-clamp: 2; 
  -webkit-box-orient: vertical;

}


    /* ====================================blog page css============================================= */
  /* =============================== about us page======================= */
  .timeline-item {
    padding: 20px;
}
  /* ============================industry page=================================== */
  .tabs_content_finbox {
    padding: 0px;
  }
  .walkwel_logo_bottom .card-body  p {
    font-size: 50px  !important;
    
    }
    .hero-wrapper p#text-slider{
      line-height: 60px !important;
    }
  .innovation_tab .nav-link {
    font-size: 17px;
    line-height: 24px;
}
  /* ========================service page============================= */
  .dark_background .why_heading h2 {
    margin-bottom: 55px !important;
  }
  .service_mobile_tech::after {
    top: -115px;
  }
  .service_banner::before {
    background-position: center;
}
  /* ================================================= */
  .why-choose .card.card-hover {
    padding: 30px !important;
  }
  .why-choose .card-hover h3 {
    font-size: 25px !important;
  }
  .why-choose .card-hover h5{
    font-size: 21px !important;
    margin-right: 40px;
  }
  .meet_the_team .blue_btn{
    min-width: 245px !important
  }
  .team-section .shadow-effect {
    bottom: -4px;
}
.social_icons a,
.social_icons span{
font-size: 20px !important;
}
.all_industries a{
  font-size: 20px !important;
}
.all_industries {
  gap: 40px;
}
.walkwel_logo_bottom .card-body img{
  width: 150px !important;
  height: 61px !important;
}
.walkwel_logo_bottom p{
  font-size: 29px !important;
  line-height: 35px;
  text-align: start !important;
}
.hero-wrapper::before {
  border-radius: 15px;
}
.walkwel_logo_bottom {
  height: 60vh !important;
}
.walkwel_logo_bottom .copyright_msg p {
  font-size: 22px !important;
  line-height: 32px;
  text-align: start !important;
}
}

@media (min-width:992px) and (max-width:1199px){
  .why_choose_new {
    min-height: 820px !important;
}
/* ---------------------------------------------- */
  section.lets_build_something.new_industry {
    padding: 46px 0px 25px !important;
  }
  .best_in_box p {
    font-size: 14px !important;
    line-height: 23px !important;
  }
  .our_mission_walkwel .images_s {
    margin-bottom: 20px !important;
  }
  .best_in_box h3 {
    font-size: 26px !important;
    line-height: 32px !important;
  }
  /* -------------------------------------------------------- */
  .custom-dropdown {
    width: 634px !important;
}
  .path_box_slider.text-center {
    margin: 0px 0px !important;
  }
     /* ==============================career page css===================================== */
     .marquee-inner {
      padding: 12vh 0 0px !important;
  }
.career_main_box p br{
  display: none;
} 

.career_rewards_box {
  margin-top: 0;
}
.career_rewards_box .start_here_box h3 {
  font-size: 24px;
  line-height: 32px;
}
.career_rewards_box .level_box h3 {
  font-size: 32px;
  line-height: 42px;
}

.career_rewards_box .impact_box h3 {
  font-size: 38px;
  line-height: 48px;
}
.path_box_slider .btn_b {
  min-width: 100%;
  padding: 0px 15px;
}
.btn_path_box img {
  height: 24px;
  margin: 0 !important;
}
.lead_future h2 {
  font-size: 80px;
  line-height: 96px;
}
.lead_future_box img{
  width: 100%  !important;
  max-width: 100% !important;
  height: 300px  !important;
}
.career_rewards_box .start_here_box, .career_rewards_box .level_box {
  margin-bottom: 40px;
}

.lead_sec {
  padding-bottom: 30px;
}
.leader_future_content {
  padding: 30px 10px;
}
.lead_future_box h3 {
  font-size: 24px;
  line-height: 32px;
}
.lead_future_box p {
  font-size: 16px;
  line-height: 24px;
}
.lead_future_box {
  margin-bottom: 24px;
}
.choose_your_path {
  padding: 60px 10px 20px 10px;
}

.choose_your_path .slick-slide {
  margin: 0px 10px;
}

.path_box_slider span {
  font-size: 18px;
  line-height: 34px;
  margin-bottom: 0 !important;
}

.path_box_slider h3 {
  font-size: 18px;
  line-height: 18px;
  margin-bottom: 12px !important;
}
.path_box_slider p {
  font-size: 16px;
  line-height: 28px;;
  margin-bottom: 24px !important;
}
.life_walkwel .choose_path_heading p {
  font-size: 16px;
  line-height: 27px;
}
.border-line-career::before {
  bottom: -48%;
}
.life_walkwel_career .bottom_box h3 {
  font-size: 24px;
  line-height: 34px;
}
.life_walkwel_career .bottom_box p {
  font-size: 16px;
  line-height: 24px;
}
.choose_path_heading h2 {
  font-size: 48px;
  line-height: 57px;
}

.life_walkwel_career {
  margin-bottom: 30px;
}
.join_team {
  padding: 40px 0px;
}

.life_walkwel_career .bottom_box .icon_box img {
  margin-bottom: 0px !important;
}


      /* ====================================blog page css============================================= */
      .main-content.blog {
        padding-bottom: 40px;
    }
    .inner_blog_content{
      padding-top: 40px;
    }
    /* .main-content.blog {
      background-size: auto;
  } */
    
    section.feature_blog_sec,
    .feature_blog_sec {
      padding: 40px 10px !important;
    }
    .blog_img img,
    .blog_img1 img {
      max-height: 180px;
      min-height: 180px;
      max-width: 100%  !important;
      width: 100%  !important;
    }
    .blog_heading_main h2 {
      font-size: 32px;
      line-height: 40px;
    }
    .blog_box_content h3 {
      font-size: 25px;
      line-height: 32px;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 2; /* number of lines to show */
              line-clamp: 2; 
      -webkit-box-orient: vertical;
   
    }
    .blog_box_content p {
      font-size: 18px;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 2; /* number of lines to show */
              line-clamp: 2; 
      -webkit-box-orient: vertical;
   
    }
    .blog_box_walkwel {
      min-height: 400px;
    }
    
    .blog_box_content h6 {
      font-size: 14px;
      line-height: 22px;
    }
    
        /* ====================================blog page css============================================= */
      /* ====================================about us==================================== */
      .lets_build_something.about_build h2 br{
        display: none;
      }
      .timeline-item {
        min-height: 360px !important;
        padding: 15px;
    }
    /* ===========================industry page================================ */
    .walkwel_logo_bottom .card-body  p {
      font-size: 40px  !important;
      
      }
      .hero-wrapper p#text-slider{
        line-height: 55px !important;
      }
    .industry_banner p br{
      display: none;
    }
    .innovation_tab ul {
      flex-wrap: nowrap;
      white-space: nowrap;
      overflow: scroll;
  }
  .custom-fintech-content {
    padding: 20px;
  }
  .industry_banner {
    min-height: 1720px;
}
  
  .tabs_content_finbox {
    padding: 0px;
  }
  
  .fintech_innovation {
    padding: 40px 0px 60px 0px;
  }
  .lets_build_something .build_box {
    padding: 40px;
  }
  
  /* ====================service page=============================== */
  .logo_2 {
    padding-left: 0;
}
.dark_background .why_heading h2 {
  margin-bottom: 55px !important;
}
.service_banner::before {
  background-position: center bottom;
}
.service_mobile_tech::after {
  top: -101px;
}
.service_mobile_tech {
  min-height: 510px;
}
  /* =================================================== */
  .why-choose .card.card-hover {
    padding: 30px !important;
  }
  .why-choose .card-hover h3 {
    font-size: 25px !important;
  }
  .why-choose .card-hover h5{
    font-size: 21px !important;
    margin-right: 40px;
  }
  .meet_the_team .blue_btn{
    min-width: 245px !important
  }
  .team-section .shadow-effect {
    bottom: -3px;
}
.social_icons a,
.social_icons span{
font-size: 20px !important;
}
.all_industries a{
  font-size: 20px !important;
}
.all_industries {
  gap: 40px;
}
.walkwel_logo_bottom .card-body img{
  width: 150px !important;
  height: 61px !important;
}
.walkwel_logo_bottom p{
  font-size: 29px !important;
  line-height: 35px;
  text-align: start !important;
}
.hero-wrapper::before {
  border-radius: 15px;
}
.walkwel_logo_bottom {
  height: 60vh !important;
}
.walkwel_logo_bottom .copyright_msg p {
  font-size: 22px !important;
  line-height: 32px;
  text-align: start !important;
}
} 

@media (min-width:768px) and (max-width:991px){
  .why_choose_new {
    padding: 60px 0px 0px 0px !important;
    margin-top: 60px !important;
    min-height: 747px !important;
}
.stack-wrapper .stack {
  height: 450px !important;
}
  /* ------------------------------------------------ */
  .our_mission_box h3, .our_mission_box1 h3 {
    font-size: 14px !important;
    line-height: 22px !important;
}
.our_mission_walkwel .images_s {
  margin-bottom: 20px !important;
}
section.lets_build_something.new_industry {
  padding: 46px 0px 25px !important;
}
.our_mission_box, .our_mission_box1 {
  min-height: 229.49px !important;
  padding: 18px;
}
.best_in_box p {
  font-size: 14px !important;
  line-height: 23px !important;
}
.best_in_box h3 {
  font-size: 26px !important;
  line-height: 32px !important;
}
.our_mission_walkwel .our_mission_box h2, .our_mission_walkwel  .our_mission_box1 h2  {
  font-size: 35px !important;
}
  /* ----------------------------------------------------- */
  .custom-dropdown {
    width: 100% !important;
}
  .animate-text {
    overflow: hidden;
    width: 51% !important;
    font-size: 18px !important;
}
  .path_box_slider.text-center {
    margin: 0px 0px !important;
  }
  .ui-ux-design{
    padding-bottom: 0 !important;
  }
  .block_mobile {
    margin-top: 50px !important;
}
.block_mobile1 {
  margin-top: 105px !important;
}
.block-center_mobile {
  margin-top: 70px !important;
}
  .block-icon {
    margin: 0px 0px 25px 0px !important;
}
   /* ==============================career page css===================================== */
   .start_here_box img ,
   .level_box img ,
   .impact_box img {
     height: 70px;
 }
 .career_main_box {
  margin-bottom: 20px;
}
 .lead_future img {
   height: 110px;
 }
.career_main_box p br{
  display: none;
} 

.career_rewards_box {
  margin-top: 0;
}
.career_rewards_box .start_here_box h3 {
  font-size: 24px;
  line-height: 32px;
}
.career_rewards_box .level_box h3 {
  font-size: 32px;
  line-height: 42px;
}

.career_rewards_box .impact_box h3 {
  font-size: 38px;
  line-height: 48px;
}
.path_box_slider .btn_b {
  min-width: 100%;
  font-size: 14px;
  padding: 0px 15px;
}
.btn_path_box img {
  height: 24px;
  margin: 0 !important;
}
.lead_future h2 {
  font-size: 80px;
  line-height: 96px;
}
.lead_future_box img{
  width: 100%  !important;
  max-width: 100% !important;
  height: 230px  !important;
}
.career_rewards_box .start_here_box, .career_rewards_box .level_box {
  margin-bottom: 40px;
}

.lead_sec {
  padding-bottom: 30px;
}
.leader_future_content {
  padding: 30px 10px;
}
.lead_future_box h3 {
  font-size: 24px;
  line-height: 32px;
}
.lead_future_box p {
  font-size: 16px;
  line-height: 24px;
}
.lead_future_box {
  margin-bottom: 24px;
}
.choose_your_path {
  padding: 60px 10px 20px 10px;
}

.choose_your_path .slick-slide {
  margin: 0px 10px;
}

.path_box_slider span {
  font-size: 18px;
  line-height: 34px;
  margin-bottom: 0 !important;
}

.path_box_slider h3 {
  font-size: 18px;
  line-height: 18px;
  margin-bottom: 12px !important;
}
.path_box_slider p {
  font-size: 16px;
  line-height: 28px;;
  margin-bottom: 24px !important;
}
.life_walkwel .choose_path_heading p {
  font-size: 16px;
  line-height: 27px;
}
.border-line-career::before {
  bottom: -38%;
}
.life_walkwel_career .bottom_box h3 {
  font-size: 24px;
  line-height: 34px;
}
.life_walkwel_career .bottom_box p {
  font-size: 16px;
  line-height: 24px;
}
.choose_path_heading h2 {
  font-size: 48px;
  line-height: 57px;
}

.life_walkwel_career {
  margin-bottom: 30px;
}
.join_team {
  padding: 40px 0px;
}

.life_walkwel_career .bottom_box .icon_box img {
  margin-bottom: 0px !important;
}
.join_team_box img {
  border-radius: 0px;
  height: 400px;
}




    /* ====================================blog page css============================================= */
    .main-content.blog {
      padding-bottom: 40px;
  }
  .inner_blog_content{
    padding-top: 40px;
  }
  /* .main-content.blog {
    background-size: auto;
} */
  .blog_content_inner p,
  .benefits_inner_page ol li {
    font-size: 18px;
    line-height: 28px;
}
.inner_articals_date ul li {
  font-size: 18px;
  line-height: 39px;
}
  
  section.feature_blog_sec,
  .feature_blog_sec {
    padding: 40px 10px !important;
  }
  .blog_img img,
  .blog_img1 img {
    max-height: 180px;
    min-height: 180px;
    max-width: 100%  !important;
    width: 100%  !important;
  }
  .blog_heading_main h2 {
    font-size: 32px;
    line-height: 40px;
  }
  .blog_box_content h3 {
    font-size: 25px;
    line-height: 32px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
            line-clamp: 2; 
    -webkit-box-orient: vertical;
 
  }
  .blog_box_content p {
    font-size: 16px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
            line-clamp: 2; 
    -webkit-box-orient: vertical;
 
  }
  .blog_box_walkwel {
    min-height: 400px;
  }
  
  .blog_box_content h6 {
    font-size: 14px;
    line-height: 22px;
  }
  
      /* ====================================blog page css============================================= */
    /* ====================================about us==================================== */
    .lets_build_something.about_build h2 br{
      display: none;
    }
    section.lets_build_something.about_build .build_box h2 {
      font-size: 45px;
      line-height: 53px;
  }
  .timeline-item {
    padding: 20px;
}
.main-title {
  max-width: 100%;
  font-size: 64px !important;
}
.timeline-container_about .timeline h2 {
  font-size: 40px;
  line-height: 50px;
}
  /* ===========================industry page================================ */
  .innovation_head h2 br {
    display: none;
}
/* .industry_banner h2{
  font-size: 56px;
 line-height: 64px;
} */
.walkwel_logo_bottom .card-body  p {
  font-size: 32px  !important;
  
  }
  .hero-wrapper p#text-slider{
    line-height: 48px !important;
  }
  .industry_banner p br{
    display: none;
  }
  .innovation_tab ul {
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: scroll;
}
.custom-fintech-content {
  padding: 30px;
}

.tabs_content_finbox {
  padding: 0px;
}

.tabs_content_finbox h3 {
  font-size: 24px;
  line-height: 28px;
}

.tabs_content_finbox p {
  font-size: 16px;
  line-height: 25px;
}
.fintech_innovation {
  padding: 40px 0px 60px 0px;
}
.lets_build_something .build_box {
  padding: 40px;
}


  /* ======================SERVICE PAGE=========================== */
  .dark_background {
    padding: 60px 30px 0px;
}
.dark_background .why_heading h2 {
  margin-bottom: 50px !important;
}
.logo_2 {
  padding-left: 0 !important;
}
.service_banner::before {
  background-position: center;
  background-size: contain;
}
.service_mobile_tech::after {
  top: -101px;
}
.service_mobile_tech {
  min-height: 510px;
}


  /* ===================================================== */
  header.main_header {
    background: #040500;
}
  
  header ul.navbar-nav {
    padding: 0 !important;
  }
  header ul.navbar-nav{
    padding: 15px 0px !important;
}
  .custom-dropdown a{
    font-size: 15px;
    line-height: 19px;

    }
    .navbar-nav li a{
      font-size: 16px !important;
      line-height: 19px;
      padding:10px 0px  !important;
    }
    .custom-dropdown{
      margin-left: 0 !important;
    }
    .custom-dropdown ul li {
      padding: 5px 0px  !important;
  }
  .header-section {
    min-height: 60vh;
}
.video_home2{
  height: 60vh !important;
}
.video_home2 p{
  font-size: 35px !important;
}
.why-choose .card.card-hover {
  padding: 20px !important;
}
.why-choose .card-hover h3 {
  font-size: 24px !important;
}
.why-choose .card-hover h5{
  font-size: 18px !important;
}
.submit-btn {
  min-height: 48px;
  min-width: 70px;
  font-size: 0;
}
.submit-btn svg{
  margin: 0px !important;
}
section.team-section{
  padding-top: 0 !important;
  margin-top: 0 !important;
}
.meet_the_team {
  flex-direction: column !important;
  align-items: flex-start !important;
}
.success-stories {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.address_content{
  margin-bottom: 70px !important;
}
.all_industries {
  gap: 9px;
}
.social_icons a,
.social_icons span{
font-size: 20px !important;
}

.all_industries a{
  font-size: 20px !important;
}
.walkwel_logo_bottom .card-body img{
  width: 150px !important;
  height: 61px !important;
}
.walkwel_logo_bottom p{
  font-size: 29px !important;
  line-height: 35px;
  text-align: start !important;
}
.hero-wrapper::before {
  border-radius: 15px;
}
.walkwel_logo_bottom {
  height: 60vh !important;
}
.walkwel_logo_bottom .copyright_msg p {
  font-size: 22px !important;
  line-height: 32px;
  text-align: start !important;
}

header .blue_btn{
  max-width: 147px  !important;
}

}

@media (max-width: 767px) {
  .stack-wrapper .stack {
    width: 80%;
    height: 520px !important;
}
.stack-wrapper .whychoosecard{
  width: 60% !important;
  margin: auto !important;
}
.stack-wrapper .whychoosecard p {
  font-size: 16.8579px !important;
  line-height: 21px !important;
}
.stack-wrapper .whychoosecard h2 {
  font-size: 32px !important;
  line-height: 36px !important;
  margin-bottom: 20px !important;
}
.why_choose_new {
  padding: 40px 0px 0px 0px !important;
  margin-top: 35px !important;
  min-height: 784px !important;
}
.new_haeding h2 {
    font-size: 32px !important;
    line-height: 41px !important;
}
  
  /* -------------------------------------------- */
  .blockchian_best_cards h2 {
    font-size: 32px !important;
    line-height: 35px !important;
    margin-bottom: 8px !important;
}
.cards_sec {
  padding: 40px 0px !important;
  margin-bottom: 10px !important;
}
.cards_sec .card-grid {
  padding: 0 !important;
}
.card_blockchain p {
  font-size: 15px !important;
  line-height: 22px !important;
}
.card_blockchain h2 {
  font-size: 22px !important;
  line-height: 28px !important;
}
.blockchian_best_cards p {
  font-size: 16px !important;
  line-height: 24px !important;
}
.blockchian_best_cards p br{
  display: none !important;
}
  .our_mission_walkwel {
    padding: 40px 0px 0px 0px !important;
}
section.lets_build_something.new_industry .build_box {
  min-height: 300px !important;
}
.industry_image {
  margin-top: 50px !important;
  margin-bottom: 25px !important;
}
section.lets_build_something.new_industry p {
  text-align: center;
  margin-bottom: 18px !important;
}
section.lets_build_something.new_industry p br{
  display: none;
}
section.lets_build_something.new_industry h2{
  text-align: center;
}
.our_mission_walkwel .heading_text  h2 {
  font-size: 32px !important;
  line-height: 35px;
}
.our_mission_walkwel  .images_s {
  margin-bottom: 20px;
}
.best_in_box h3 {
  font-size: 28px !important;
  line-height: 36px !important;
}
.best_in_box {
  min-height: 390px;
  padding: 20px !important;
  margin-bottom: 20px;
}
.our_mission_box::before{
  content: unset !important;
}
.our_mission_box, .our_mission_box1 {
  min-height: 229.49px;
  margin-bottom: 20px;
}
.bottom_sec {
  margin-top: 9px !important;
}
.our_mission_walkwel p {
  font-size: 16px !important;
  line-height: 24px;
}
.our_mission_walkwel p br{
  display: none;
}
  /* -------------------------------------------------------------- */
  .custom-dropdown ul{
    padding: 0 !important;
   
  }
  .custom-dropdown  ul li {
    width: 100% !important;
    margin-bottom: 5px !important;
}
#stickyFooter p.animate-text {
    width: 100% !important;
    font-size: 16px !important;
    text-align: center;
    justify-content: center !important;
}
  .path_box_slider .btn_b {
    font-size: 14px;
    line-height: 19px;
    padding: 0px 10px;
    min-width: 100%;
}
  .path_box_slider.text-center {
    margin: 0px 0px !important;
  }

  .home_service {
    padding: 0px 0 0px 0px !important;
}
.black-shadow-effect {
  top: 0 !important;
}



  header .blue_btn{
    max-width: 147px  !important;
  }
  
  .ui-ux-design{
    padding:40px 0 !important;
  }
  .service_banner_box{
    padding: 0px 20px;
  }
  .marquee-inner{
padding: 0 !important;
  }
  .marquee-inner img {
    width: 80% !important;
  }
  .service_banner {
    min-height: 727px;
}
  .block_mobile {
    margin-top: 50px !important;
}
.block_mobile1 {
  margin-top: 85px !important;
}
.block-center_mobile {
  margin-top: 70px !important;
}

/* ===================== */
  .copy-text input {
    font-size: 20px;
    line-height: 29px;
    text-align: center;
}
  .white_btn {
    max-width: 265px;
    min-width: 150px;
}
  /* =======================inner case study css=============================== */
  .custom-dropdown{
    width: 100% !important;
  }
  .landing-container .main-description {
    color: #fff !important;
    line-height: 35px  !important;
    padding: 0 !important;
}
  /* ==============================career page css===================================== */
  .start_here_box img ,
  .level_box img ,
  .impact_box img {
    height: 70px;
}
.lead_future img {
  height: 110px;
}
  .career_main_box h2 {
    font-size: 52px;
    line-height: 58px;
}

.career_main_box p {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 24px !important;
}

.career_main_box p br{
  display: none;
}

.career_main_box .blue_btn {
  margin: auto;
  min-width: 100%!important;
  max-width: 100% !important;
}
.career_rewards_box {
  margin-top: 0;
}
.career_rewards_box .start_here_box h3 {
  font-size: 18px;
  line-height: 26px;
}
.career_rewards_box .level_box h3 {
  font-size: 24px;
  line-height: 32px;
}

.career_rewards_box .impact_box h3 {
  font-size: 38px;
  line-height: 48px;
}

.lead_future h2 {
  font-size: 46px;
  line-height: 56px;
}
.lead_future_box img{
  width: 100%  !important;
  max-width: 100% !important;
  height: 270px!important;
}
.career_rewards_box .start_here_box, .career_rewards_box .level_box {
  margin-bottom: 40px;
}

.lead_sec {
  padding-bottom: 30px;
}
.leader_future_content {
  padding: 30px 10px;
}
.lead_future_box h3 {
  font-size: 24px;
  line-height: 32px;
}
.lead_future_box p {
  font-size: 16px;
  line-height: 24px;
}
.lead_future_box {
  margin-bottom: 24px;
}
.choose_your_path {
  padding: 60px 10px 20px 10px;
}
.choose_path_heading h2 {
  font-size: 32px;
  line-height: 42px;
}
.choose_your_path .slick-slide {
  margin: 0px 10px;
}

.path_box_slider span {
  font-size: 18px;
  line-height: 34px;
  margin-bottom: 0 !important;
}

.path_box_slider h3 {
  font-size: 18px;
  line-height: 18px;
  margin-bottom: 12px !important;
}
.path_box_slider p {
  font-size: 16px;
  line-height: 28px;;
  margin-bottom: 24px !important;
}
.life_walkwel .choose_path_heading p {
  font-size: 16px;
  line-height: 27px;
}
.border-line-career::before{
  content: unset  !important;
}
.life_walkwel_career .bottom_box h3 {
  font-size: 24px;
  line-height: 34px;
}
.life_walkwel_career .bottom_box p {
  font-size: 16px;
  line-height: 24px;
}

.life_walkwel_career {
  margin-bottom: 30px;
}
.life_walkwel_career img{
  margin-bottom: 20px;
}
.life_walkwel_career .bottom_box .icon_box img {
  margin-bottom: 0px !important;
}
.join_team_box img {
  border-radius: 0px;
  height: 400px;
}

.join_content {
  width: 100%;
  padding: 20px;
}
.join_content h3 {
  font-size: 32px;
  line-height: 45px;
}

.join_content p {
  font-size: 16px;
  line-height: 27px;
}


  /* ====================================blog page css============================================= */
  .main-content.blog {
    padding-bottom: 40px;
}
.author_name::before {
  bottom: -7px;
}
section.inner_blog_content {
  padding: 40px 10px !important;
}
.inner_articals ul li {
  font-size: 16px;
  line-height: 28px;
}
.inner_articals_date ul li {
  font-size: 16px;
  line-height: 36px;
}
.blog_content_inner p {
  font-size: 16px;
  line-height: 27px;
}
.benefits_inner_page {
  margin-top: 25px;
}
.benefits_inner_page ol li {
  font-size: 16px;
  line-height: 26px;
}
.benefits_inner_page h2,
.conclusion h3 {
  font-size: 22px;
  line-height: 29px;
}
.inner_blog_articals {
  margin-top: 25px;
}
.main-content.blog {
  background-image: unset;
  background-position: top;
  background-color: #000;
}

section.feature_blog_sec,
.feature_blog_sec {
  padding: 40px 10px !important;
}
.blog_img img,
.blog_img1 img {
  max-height: 240px;
  min-height: 180px;
  width: 100% !important;
}
.blog_heading_main h2 {
  font-size: 32px;
  line-height: 40px;
}
.blog_box_content h3 {
  font-size: 22px;
  line-height: 28px;
}
.blog_box_content p {
  font-size: 16px;
  line-height: 24px;
}
.blog_box_walkwel {
  min-height: 400px;
}

.blog_box_content h6 {
  font-size: 14px;
  line-height: 22px;
}

    /* ====================================blog page css============================================= */
  .submit-btn {
    position: static !important;
    transform: none !important;
    width: 100%;
    margin-top: 10px;
    display: block;
    text-align: center;
  }
  /* ====================================about us==================================== */
  .lets_build_something.about_build h2 br{
    display: none;
  }
  .timeline-container_about .timeline h2 {
    font-size: 29px;
    line-height: 45px;
}
  .about_banner {
    padding: 140px 0px 40px 0px !important;
}

  .lets_build_something.about_build .build_box{
    align-items: center;
    background-position: bottom center;
  }

  .lets_build_something.about_build .build_box h2{
    text-align: center;
  }

  .timeline-item {
    padding: 17px;
}

  /* =======================================industry page======================================= */
  .industry_banner .fintech_head h2{
    margin-bottom: 24px !important;
  }
  .innovation_head h2 br {
    display: none;
}
  .industry_banner {
 padding: 160px 15px 0px;
}
.innovation_head h2 {
  font-size: 32px;
  line-height: 40px;
}
.build_box p {
  font-size: 16px;
  line-height: 24px;
}
.tabs_content_finbox p {
  font-size: 16px;
  line-height: 26px;
}
.build_box h2 {
  font-size: 32px;
  line-height: 36px;
}
.lets_build_something .build_box {
  padding: 25px;
}
.lets_build_something {
  padding: 50px 15px 0px 15px;
}
.tabs_content_finbox h3 {
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 6px !important;
}
.tabs_content_finbox{
  padding: 0 !important;
  text-align: center;
  margin-bottom: 15px;
}
.custom-fintech-content {
  padding: 16px;
}
.fintech_innovation {
  padding: 40px 10px;
}
.innovation_tab .nav-link {
  font-size: 18px;
  line-height: 24px;
}
.fintech_head {
  margin-top: 95px;
}
.fintech_box  p {
  font-size: 16px !important;
  line-height: 24px !important;
}
.fintech_box .fintech_top h3 {
  font-size: 25px;
  line-height: 28px;
}
.fintech_box {
  padding: 20px;
  min-height: 312px;
}
.fintech_head h2 {
  font-size: 32px !important;
  line-height: 40px !important;
}
.industry_banner h2 {
  font-size: 40px;
  line-height: 46px;
  margin-bottom: 16px !important;
}
.industry_banner p {
  font-size: 18px;
  line-height: 26px;
}

.industry_banner p br{
  display: none;
}


.sec_image {
  margin-top: 20px;
}


  /* ========================mobile development================================== */
  .service_mobile_tech {
    min-height: 409px;
}
  .service_banner_box h2 {
    font-size: 52px;
    line-height: 58px;
    margin-bottom: 33px !important;
}

.service_banner_box p {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 33px !important;
}

.service_banner_box p br{
  display: none;
}

.service_banner {
  padding: 0px 20px;
}

.tech_heading_service h2 {
  font-size: 32px;
  line-height: 40px;
}
.service_banner::before {
  background-position: center ;
  background-size: contain;
  top: -158px;
}
.service_mobile_tech{
  padding: 40px 15px !important;
}

.tech_heading_service p {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 27px;
  color: #686868;
  margin: 14px 0px 24px 0px !important;
}
.success-stories  h1 {
  font-size: 32px !important;
}
section.why_choose_service {
  padding: 15px;
}

.dark_background .why_heading h2 {
  font-size: 32px;
  line-height: 40px;
  margin-bottom: 40px !important;
}
.walkwel_logo_bottom .card-body  p {
font-size: 25px  !important;

}
.hero-wrapper p#text-slider{
  line-height: 40px !important;
}
.dark_background {
  padding:40px 20px 0px 20px;
}
.border_before::before{
  margin-left: 24px !important;
  top: 10px;
  height: 95%;
}

.befor_content_circle::before ,
.after_content_circle::before {
content: unset !important;
}
.why_heading_description h3 {
  font-size: 22px;
  line-height: 24px;
  margin-bottom: 12px !important;
}
.why_heading_description p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 300 !important;
}

.why_img_boxx img {
  width: 28px !important;
}


  /* =====================homepage============================= */
  header.main_header {
    background: #040500;
}
  header ul.navbar-nav {
    padding: 0 !important;
  }
  header ul.navbar-nav{
    padding: 15px 0px !important;
}
  .custom-dropdown a{
    font-size: 15px;
    line-height: 19px;

    }
    .navbar-nav li a{
      font-size: 15px !important;
      line-height: 19px;
      padding:10px 0px  !important;
    }
    .custom-dropdown ul li {
      padding: 5px 0px  !important;
  }
.walkwel_logo_bottom{
  height: 70vh !important;
}

.header-wrapper .heading_h1,
.header-wrapper .heading_h2{
  font-size: 52px !important;
  line-height: 62px !important;
  font-weight: 400 !important; 
  margin-bottom: 0 !important;
}
.header-section {
  min-height: 80vh;
  padding: 50px 10px;
}

.header-wrapper .para{
  font-size: 18px !important;
  line-height: 26px !important;
  margin: 25px 0px  !important;
  width: 100% !important;
}

.blue_btn{
  font-size: 16px !important;
  line-height: 19px !important;
}

.video_home2 {
  height: 50vh !important;
  padding: 10px;
}

.video_home2 video{
  opacity: 1 !important;
}

.service-cont {
  padding: 30px;
}
.box {
  height: 400px !important;
}

.card_services.mobile_card1{
  border-top-left-radius: 48px !important;
  border-top-right-radius: 48px !important;

}
.card_services.mobile_card2{
  border-bottom-left-radius: 48px !important;
  border-bottom-right-radius: 48px !important;
}
.card_services {
  border-radius: 0 !important;
}

.card_services .card-body{
  padding:60px  24px 24px 24px !important;
}
.card_services .card-body h1{
font-size: 36px !important;
}
.card_services .card-body h3{
  font-size: 24px !important;
}


.card_services .card-body h6{
  font-size: 16px !important;
  line-height: 26px !important;
}

.why-choose h1{
  font-size: 32px !important;
}
.why-choose{
  padding: 10px;
  margin-bottom: 0 !important;
}
.why-choose p{
  font-size: 16px !important;
  line-height: 27px !important;
}
.why-choose .mobile_why_choose{
  flex-direction: column;
  gap: 16px;
}
.why-choose .card.card-hover {
  padding: 24px !important;
}
.why-choose .card-hover h3 {
  font-size: 24px !important;
  margin-bottom: 8px !important;
}
.why-choose .mobile_why_choose img{
  margin: 0 !important
}
.team-section{
margin: 0 !important;
padding-top: 0 !important;
}
.team-section {
  padding: 50px 10px;
}
.meet_the_team{
  align-items: center !important;
}

.meet_the_team h1{
  text-align: center;
  font-size: 32px !important;
}

.meet_the_team p{
font-size: 16px;
line-height: 24px;
text-align: center !important;
}

section.success-stories {
  padding: 40px 15px 40px 15px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.team-section .shadow-effect {
  bottom: -3px;
}

section.container.contact-form {
  padding: 0px 20px !important;
}

section.container.contact-form h2{
font-size: 32px !important;
line-height: 38px !important;
text-align: center !important;
}

section.container.contact-form  p{
font-size: 16px !important;
line-height: 24px !important;
text-align: center;
}

section.container.contact-form  label {
  width: 100% !important;
}

section.container.contact-form .blue_btn{
  width: 100% !important;
}

.contact-box p{
  text-align: start !important;
}

section.container.contact-form .address_content{
  margin-bottom: 50px;
}

.all_industries,
.social_icons{
  flex-direction: column;
  gap: 32px !important;
}

.lets_talk_msg{
  gap: 32px;
}

.lets_talk_msg .email-copy{
  margin-bottom: 8px;
}

.lets_talk_msg h2{
  margin-bottom: 0 !important;
}
.walkwel_logo_bottom .card-body {
flex-direction: row !important;
gap: 22px;
}
.walkwel_logo_bottom .card-body img{
  width: 95px !important;
  height: 51px !important;
}
.walkwel_logo_bottom p{
  font-size: 19px !important;
  text-align: start !important;
}
.hero-wrapper::before {
  border-radius: 15px;
}

.copyright_msg p{
  text-align: center !important;
}


}


@media (min-width:1400px) and (max-width:2000px){
  .walkwel_logo_bottom .card {
    min-height: 300px;
  }
}

.black-shadow-effect {
  top: -14px !important;
}

.home_service {
  padding: 292px 0 0px 0px;
}

.custom-dropdown {
  display: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

/* Show the dropdown when hovering over the nav item */
.nav-item:hover .custom-dropdown {
  display: block;
  opacity: 1;
  visibility: visible;
  position: absolute;
  top: 100%;
  left: 0;
  width: max-content;
  background: white; /* Adjust color as needed */
  z-index: 1000;
  padding: 10px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}
.blue_btn:hover,
.get_in_touch:hover ,
.path_box_slider .btn_b:hover,
.btn_apply:hover {
  background-color: #3045ce; /* More noticeable color shift */
  box-shadow: 0 8px 20px rgba(0, 77, 168, 0.4); /* Stronger shadow effect */
  transform: translateY(-3px); /* Slight upward shift */
}
.blue_btn,
.get_in_touch,
.path_box_slider .btn_b,
.btn_apply{
  transition: 0.5s !important;
}

.white_btn{
  transition: 0.5s !important;
}


   /* Loader Styling */
   #loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    transition: opacity 0.5s ease, visibility 15s ease;
}

/* Spinner Animation */
.spinner {
height: 60px;
width: 60px;
  animation: zoomInOut 1.5s infinite ease-in-out;
}

/* Zoom-in Zoom-out Animation */
@keyframes zoomInOut {
  0% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.2); opacity: 0.8; }
  100% { transform: scale(1); opacity: 1; }
}


/* Loader hide animation */
.hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

/* ====================custom file input=========================== */
.custom-file-input {
  border: 1px solid #DEDEDE;
  border-radius: 9px;
  min-height: 56px;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #333333;
}

.btn-upload1 {
  background-color: #f0f0f091;
  color: #000;
  border: none;
  padding: 8px 15px;
  border-radius: 5px;
  cursor: pointer;
  min-height: 56px;
}

.btn-upload1:hover {
opacity: 0.5;
}

#fileName {
  font-size: 14px;
  color: #333;
}
 #servicesDropdown .dropdown-menu {
top: -14px !important;
}

/*=================== card floating============================== */
.mobile-2{
  margin-top: 60px !important;
}
.mobile-center{
margin-top: 120px !important;
}


.floating {  
  animation-name: floating;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

@keyframes floating {
  from { transform: translate(0,  0px); }
  65%  { transform: translate(0, 15px); }
  to   { transform: translate(0, -0px); }    
}
.floating1 {  
  animation-name: floating1;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

@keyframes floating1 {
  from { transform: translate(0,  0px); }
  65%  { transform: translate(0, -15px); }
  to   { transform: translate(0, 0px); }    
}

.block-center_mobile{
  margin-top: 160px;
  }
  
  .block_mobile1{
  margin-top: 250px;
  }
  .block_mobile{
    margin-top: 130px;
  }
  .blocks_logo{
    width: 11%;
  }

  /* img marquee */
  
.marquee {
	overflow-x: clip;
	white-space: nowrap;
	position: relative;
	width: 100%;
}

.marquee-inner {
	display: flex;
	align-items: center;
	gap: 2vw;
	padding: 12vh 0 0px;
	will-change: transform;
}

.marquee-inner img {
	height: 100%;
	transition: transform 0.5s;
	flex-shrink: 0;
	width: 35%;
}

.marquee-inner img:hover {
	transform: scale(1.03);
}

footer img{
  cursor: pointer;
}

/*=======================================================*/
#stickyFooter {
  transition: opacity 0.5s ease, transform 0.5s ease;
  opacity: 1;
  transform: translateY(0);
}

/* Hidden state */
#stickyFooter.hide-footer {
  opacity: 0;
  transform: translateY(100%);
  pointer-events: none;
  position: fixed !important;
  width: 100%;
}

header .navbar-nav li{
  padding-bottom: 10px !important;
}
#stickyFooter{
  padding: 6px 0px !important;
}

footer .blue_btn {
  min-height: 30px;
  font-size: 14px !important;
}
footer.sticky-bottom p{
  font-size: 20px  !important;
}
.sticky-top{
  transition:  0.6s ease !important;
}
.partner-slider::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background: #ffffff05;
  height: 100%;
  width: 87px;
  z-index: 99;
  background: linear-gradient(270deg, rgba(12, 12, 12, 0) 0%, #0C0C0C 100%);
}

/* =============21/04==================== */
.path_box_slider .silder_imgs {
  height: 224px !important;
  width: 100% !important;
  border-radius: 24px;
  object-fit: cover !important;
   object-position: center;
}
.path_box_slider.text-center {
  margin: 0px 20px;
}

#stickyFooter{
  transition: 0.9s ease-in-out; /* Smooth transition */
}

 
.animate-text {
  overflow: hidden;
  width: 30%;
}

.animate-text span,
.animate-text1 span{
    display: none;
}

.animate-text span.text-in,
.animate-text1 span.text-in{
	display: block;
	animation: textIn .5s ease;
}
.animate-text span.text-out,
.animate-text1 span.text-out{
	animation: textOut 1s ease;
}
@keyframes textIn{
	0%{
		transform: translateY(100%);
	}
	100%{
		transform: translateY(0%);
	}
}
@keyframes textOut{
	0%{
		transform: translateY(0%);
	}
	100%{
		transform: translateY(-100%);

	}
}


.logoanimate {  
  animation-name: floating;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}


@keyframes floating {
  from { transform: translate(0, 0px); }
  65%  { transform: translate(0, 6px); }
  to   { transform: translate(0, -0px); }    
}
.logoanimate_1 {  
  animation-name: floating1;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}


@keyframes floating1 {
  from { transform: translate(0,  0px); }
  65%  { transform: translate(0, -6px); }
  to   { transform: translate(0, 0px); }    
}


/* =================dropdown css========================== */
/* dropdown css */
.custom-dropdown  ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.custom-dropdown  ul{
  padding: 20px 15px; 
  padding-bottom: 0 !important;
}
.custom-dropdown  ul li{
  width: 49%;
  /* border: 1px solid #00000017; */
  border-radius: 10px;
  padding: 10px !important;
  margin-bottom: 20px;
  min-height: 90px;
  display: flex;
  align-items: center;
  background-color: #fff;
}
.custom-dropdown ul li:nth-child(1):hover {
  background-color: #EDF6FF;
}

.custom-dropdown ul li:nth-child(2):hover {
  background-color: #FEFDED;
}

.custom-dropdown ul li:nth-child(3):hover {
  background-color: #FBF0E6;
}

.custom-dropdown ul li:nth-child(4):hover {
  background-color: #F2F4FF;
}

.custom-dropdown ul li:nth-child(5):hover {
  background-color: #EBFFF2;
}

.custom-dropdown ul li:nth-child(6):hover {
  background-color: #CBF2FF;
}

.custom-dropdown ul li:nth-child(7):hover {
  background-color: #F7E7FF;
}

.custom-dropdown ul li:nth-child(8):hover {
  background-color: #FFEFEF;
}

.custom-dropdown ul li svg {
  margin-right: 6px;
}
.custom-dropdown a {
  display: flex;
  gap: 6px;
}
.custom-dropdown a h3{
  font-size: 16px;
  color: #000;
  line-height: 20px;
  font-weight: 600;
  margin-bottom: 5px !important;
}

.custom-dropdown a p{
  font-size: 14px;
  color: #000000ad;
  line-height: 20px;
  margin-bottom: 0 !important;
}
.case-study-section .sticky-top {
  z-index: 1 !important;
}

/* ---------------------new added css--------------------------- */
.industry-new{
  background-image: url("../images/industry-new-bg.png") !important;
  min-height: auto !important;
  padding-bottom: 120px !important;
}

.new_industry .build_box{
  background-image: url("../images/lets_build_new.png") !important;
}

/* new addede css */
.our_mission_walkwel{
  padding: 80px 0px 0px 0px;
}
.our_mission_walkwel h2{
font-family: 'Tiempos Headline';
font-style: normal;
font-weight: 300;
font-size: 48px !important;
line-height: 58px;
color: #2E3C91;
}
.our_mission_walkwel p{
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 27px;
color: #666666;
}
.bg_remove_btn{
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 19px;
color: #2E3C91 !important;
min-width: 212px;
border: 1px solid #2E3C91;
border-radius: 4px;
min-height: 50px;
background-color: transparent;
transform: translateY(0px) !important;
}
.bg_remove_btn:hover{
  color: #fff !important;
  background-color: #3045ce;
  box-shadow: 0 8px 20px rgba(0, 77, 168, 0.4) !important;
  transform: translateY(-3px) !important;
  opacity: 0.5;
}
.industry_image{
  margin-top: 80px;
  margin-bottom: 45px;
}
.best_in_box{
min-height: 390px;
background: #FEFDED;
border: 1px solid #F5F4D6;
border-radius: 30px;
display: flex;
justify-content: space-between;
flex-direction: column;
padding: 40px;
}

.best_in_box h3{
font-family: 'Tiempos Headline';
font-style: normal;
font-weight: 500;
font-size: 36px;
line-height: 46px;
color: #2E3C91;
}

.best_in_box p{
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 27px;
color: #666666;
}
.bottom_sec{
  margin-top: 60px;
}
.our_mission_box,
.our_mission_box1{
min-height: 254.49px;
background: #2E3C91;
border-radius: 30px;
padding: 30px;
position: relative;
}
.our_mission_box::before{
  position: absolute;
  top: 0;
  right: -35px;
  bottom: 0;
  margin: auto;
  content: "";
  background-image: url("../images/Union-new.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 77px;
  width: 46px;
}

.our_mission_box h3,
.our_mission_box1 h3{
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 26px;
color: #FFFFFF;
opacity: 0.7;
}
.our_mission_box h2,
.our_mission_box1 h2{
  font-family: 'Tiempos Headline';
font-style: normal;
font-weight: 600;
font-size: 48px;
line-height: 62px;
color: #F5F4D6;
}

.why_choose_new{
  padding: 80px 0px;
  background-image: url("../images/why_choose_bg.gif");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 80px;
  min-height: 850px;
}
.new_haeding h2{
font-family: 'Tiempos Headline';
font-style: normal;
font-weight: 300;
font-size: 48px;
line-height: 58px;
color: #FFFFFF;
}
.why_choose_new iframe{
  height: 700px !important;
  width: 100% !important;
}
.why_choose_new iframe html{
  overflow-y: hidden !important;
}


/* *----------------------------- card css------------------------- */ 

.cards_sec {
  background-color: #000;
  /* background-image: 
      radial-gradient(circle at 10% 20%, rgba(74, 144, 255, 0.05) 0%, transparent 40%),
      radial-gradient(circle at 90% 80%, rgba(111, 66, 193, 0.05) 0%, transparent 40%); */
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Segoe UI', sans-serif;
 padding: 80px 0px;
  perspective: 1000px;
  margin-bottom: 80px;
}


.card-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 cards per row */
  gap: 2rem;
  padding: 1rem;
}

.card_blockchain {
  position: relative;
  background: #000;
  border-radius: 20px;
  overflow: hidden;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  transform-style: preserve-3d;
  border: 1px solid rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(10px);
}

.card_blockchain::before,
.card_blockchain::after {
  content: '';
  position: absolute;
  inset: -2px;
  background: linear-gradient(45deg, 
      transparent 40%,
      rgba(74, 144, 255, 0.1),
      rgba(111, 66, 193, 0.1),
      transparent 60%
  );
  border-radius: inherit;
  z-index: -1;
}
.card_blockchain:nth-child(odd)::after,.card_blockchain:nth-child(odd)::before {
  animation: borderGlow 3s linear infinite !important;
}

.card_blockchain:nth-child(even)::after,.card_blockchain:nth-child(even)::before  {
  animation: borderGlowReverse 3s linear infinite !important;
}
.card_blockchain:nth-child(1)::after { animation-delay: 0s !important; }
.card_blockchain:nth-child(2)::after { animation-delay: 2s !important; }
.card_blockchain:nth-child(3)::after { animation-delay: 0.6s !important; }
.card_blockchain:nth-child(4)::after { animation-delay: 0.9s !important; }
.card_blockchain:nth-child(5)::after { animation-delay: 1.2s !important; }
.card_blockchain:nth-child(6)::after { animation-delay: 2.3s !important; }
  


@keyframes borderGlow {
  0%, 100% {
    opacity: 0.5;
    transform: rotate(0deg);
  }
  50% {
    opacity: 1;
    transform: rotate(180deg);
  }
}

@keyframes borderGlowReverse {
  0%, 100% {
    opacity: 0.5;
    transform: rotate(360deg);
  }
  50% {
    opacity: 1;
    transform: rotate(180deg);
  }
}
.card_blockchain::after {
  filter: blur(20px);
}

.card_blockchain:hover {
  transform: translateY(-10px) scale(1.02) rotateX(5deg) rotateY(5deg);
  background: var(--card-hover);
  box-shadow: 
      0 20px 40px var(--shadow-color),
      0 0 20px rgba(74, 144, 255, 0.1),
      0 0 0 1px rgba(74, 144, 255, 0.1);
}

.card-content {
  padding:  2rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  height: 100%;
  position: relative;
  z-index: 1;
  /* justify-content: center; */
}

.card-image {
  height: 160px;
 width: 100%;
  background-size: 200% 200%;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
  animation: gradientShift 8s ease infinite;
  display: flex;
  align-items: center;
  justify-content: center;
}

.card-image i {
  color: rgba(255, 255, 255, 0.9);
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5);
  transform: translateY(0);
  transition: all 0.5s ease;
  z-index: 2;
}

.card_blockchain:hover .card-image i {
  transform: translateY(-5px) scale(1.1);
  text-shadow: 0 5px 20px rgba(255, 255, 255, 0.8);
}

@keyframes gradientShift {
  0% {
      background-position: 0% 50%;
  }
  50% {
      background-position: 100% 50%;
  }
  100% {
      background-position: 0% 50%;
  }
}

.glow {
  position: absolute;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at center, 
      rgba(255, 255, 255, 0.2) 0%,
      transparent 70%);
  opacity: 0;
  transition: all 0.5s ease;
  mix-blend-mode: overlay;
}

.card_blockchain:hover .glow {
  opacity: 1;
  animation: glowPulse 2s ease infinite;
}

@keyframes glowPulse {
  0%, 100% {
      transform: scale(1);
      opacity: 0.5;
  }
  50% {
      transform: scale(1.1);
      opacity: 1;
  }
}

.card_blockchain h2 {
  color: #fff;
  transition: all 0.3s ease;
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: 'Tiempos Headline';
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  line-height: 35px;
  opacity: 0.85;
  text-align: left !important;
  width: 100%;
}
.card_blockchain:hover h2 {
  transform: translateZ(20px);
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}
.card_blockchain p {
  text-align: left !important;
  color: #fff;
  transition: all 0.3s ease;
  position: relative;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  opacity: 0.8;
}

.card_blockchain:hover p {
  transform: translateZ(15px);
  color: rgba(255, 255, 255, 0.8);
}

.card_blockchain::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(
      800px circle at var(--mouse-x) var(--mouse-y),
      rgba(255, 255, 255, 0.06),
      transparent 40%
  );
  opacity: 0;
  transition: opacity 0.5s ease;
}

.card_blockchain:hover::before {
  opacity: 1;
}

@media (max-width: 1024px) {
  .card-grid {
      grid-template-columns: repeat(2, 1fr); /* 2 cards per row on tablets */
  }
}
@media (max-width: 750px) {
  .card-grid {
      grid-template-columns: repeat(1, 1fr); /* 1 card per row on phones */
  }
  
  .card-content {
      padding: 1.5rem;
  }
  
  .card-image {
      height: 140px;
  }
}

@keyframes float {
  0%, 100% {
      transform: translateY(0);
  }
  50% {
      transform: translateY(-10px);
  }
}

.card_blockchain:hover .card-content {
  animation: float 3s ease infinite;
}

.blockchian_best_cards h2{
font-family: 'Tiempos Headline';
font-style: normal;
font-weight: 300;
font-size: 48px;
line-height: 58px;
text-align: center;
color: #fff;
margin-bottom: 8px !important;
}

.blockchian_best_cards p{
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 27px;
text-align: center;
color: #ffffffb5;
}