@import url(../fonts/fonts.css);
html {
  scroll-behavior: smooth;
}

body {
  font-size: 16px;
  font-family: 'Axiforma';
  font-weight: normal;
  overflow-x: hidden;
  overscroll-behavior: none;
}

*,
:after,
:before {
  box-sizing: border-box;
}

body {
  overflow-x: hidden;
  overflow-y: hidden;
}

.customVideo {
  max-width: 100vw;
  position: fixed;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  max-height: 100vw;
  height: 100%;
  z-index: 109090;
  width: 100%;
  outline: none;
}

.customVideoMain {
  max-width: 100vw !important;
  max-height: 100vh !important;
}

.modalDialog {
  max-height: 100%;
  border-radius: 24px;
  overflow: hidden;
}

.cursor {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  border: 1px solid black;
  transition: all 200ms ease-out;
  position: fixed;
  pointer-events: none;
  left: 0;
  top: 0;
  transform: translate(calc(-50% + 15px), -50%);
  z-index: 1090;
}

.cursor2 {
  width: 7px;
  height: 7px;
  border-radius: 100%;
  background-color: black;
  opacity: 0.5;
  position: fixed;
  transform: translate(-50%, -50%);
  pointer-events: none;
  transition: width 0.3s, height 0.3s, opacity 0.3s;
  z-index: 1089;
}

.hover {
  opacity: 0.8;
}

.hover ~ .cursor2 {
  opacity: 0.8;
  width: 10px;
  height: 10px;
}

.hoverwhite {
  opacity: 0.8;
  border: 1px solid rgb(255, 255, 255);
}

.hoverwhite ~ .cursor2 {
  opacity: 0.8;
  width: 10px;
  height: 10px;
  background-color: rgb(255, 255, 255);
}

.cursorinnerhover {
  width: 50px;
  height: 50px;
  opacity: 0.5;
}

#app1 {
  width: 369px;
  height: 547px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transform-style: preserve-3d;
  transform: translate(-50%, -50%) perspective(600px) rotateY(20deg)
    rotateX(10deg);
}

.viewport {
  overflow: hidden;
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.scroll-container {
  position: absolute;
  overflow: hidden;
  width: 100%;
  z-index: 10;
  display: flex;
  justify-content: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform-style: preserve-3d;
}

body::-webkit-scrollbar {
  width: 6px;
}

body::-webkit-scrollbar-track {
  background-color: white;
}

body::-webkit-scrollbar-thumb {
  background-color: rgb(222, 222, 222);
  outline: 1px solid rgb(205, 205, 205);
  border-radius: 12px;
}

html {
  scroll-behavior: smooth;
}

.bannerheading {
  font-size: 30px;
}
.circle_cion {
  --bg-color:#f2f2f2;
  border-radius: 50%;
  width: 36px;
  background-color: var(--bg-color);
  aspect-ratio: 1/1;
  display:flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;

 
}
.circle_cion .notify {
  position: absolute;
  top: 9px;
  right: 4px;
  background-color: var(--bg-color);
  font-size:10px;
  line-height: 1;
  color: #c00;
  width: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .container,
  .container-md,
  .container-sm {
    max-width: 800px;
  }
}

@media (min-width: 992px) {
  .w70vw {
    max-width: 70vw;
  }
  .vh-md-88 {
    height: 88vh;
  }
  .vh-md-92 {
    height: 92vh;
  }
  .mb-200 {
    margin-bottom: 200px;
  }
  .pl-80 {
    padding-left: 40px;
  }
}

@media (min-width: 1200px) {
  .container,
  .container-md,
  .container-sm {
    max-width: 1140px;
  }
  .pl-160 {
    padding-left: 160px;
  }
}

@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-xl,
  .container-xxl {
    max-width: 1200px;
  }
  .container-sm {
    max-width: 944px;
  }
}

@media (min-width: 1600px) {
  .container,
  .container-lg,
  .container-md,
  .container-xl,
  .container-xxl {
    max-width: 1200px;
  }
  .container-sm {
    max-width: 944px;
  }
  .features .col-up {
    width: 218px;
    margin: 0 7.5px;
  }
}

/*--------------------------------------------------------------
# Top Bar
--------------------------------------------------------------*/

#topbar {
  background: #fff;
  height: 40px;
  font-size: 14px;
  transition: all 0.5s;
  z-index: 996;
  border-bottom: solid 1px #e3e3e3;
}

#topbar.topbar-scrolled {
  top: -40px;
}

#topbar .contact-info a {
  line-height: 1;
  color: #696969;
  transition: 0.3s;
  font-size: 12px;
}

#topbar .contact-info a:hover {
  color: #1977cc;
}

#topbar .contact-info i {
  color: #1977cc;
  padding-right: 4px;
  margin-left: 15px;
  line-height: 0;
}

#topbar .contact-info i:first-child {
  margin-left: 0;
}

#topbar .social-links a {
  color: #437099;
  padding-left: 15px;
  display: inline-block;
  line-height: 1px;
  transition: 0.3s;
}

#topbar .social-links a:hover {
  color: #1977cc;
}

#topbar .social-links a:first-child {
  border-left: 0;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

.bannertext {
  left: -27px;
  top: 135px;
}

.mobileMenu {
  padding: 10px 11px;
  margin: 0;
  background: #212c62;
  position: relative;
  z-index: 2;
  transform: translateY(-400px);
  transition: all 0.5s ease-in-out;
}

.mobileMenu.active {
  transform: translateY(0);
  transition: all 0.5s ease-in-out;
}

.mobileMenu li {
  list-style-type: none;
}

.mobileMenu li a {
  font-size: 14px;
  text-decoration: none;
  color: white;
  display: block;
  padding: 8px 6px;
}

.mobileMenu li a:hover {
  background-color: black;
}

#header {
  background: #fff;
  transition: all 0.5s;
  z-index: 997;
  padding: 12px 0;
  border-bottom: solid 1px #e3e3e3;
  position: -webkit-sticky !important;
  position: sticky !important;
  margin-bottom: -70px;
}

.efu-header {
  margin-bottom: -101px !important;
}

#header.header-scrolled {
  top: 0;
}

#header .logo {
  font-size: 30px;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.5px;
  font-family: 'Poppins', sans-serif;
}

#header .logo a {
  color: #2c4964;
}

#header .logo img {
  max-height: 40px;
}

._off {
  display: none;
}

.transparentHeader {
  position: absolute;
  width: 100%;
  top: 0;
}

.transparentHeader #header {
  background-color: transparent;
  border-bottom: none;
}

.transparentHeader .navbar a,
.transparentHeader .navbar a:focus {
  border-bottom: 0;
  color: #fff !important;
}

/**
* Appointment Button *
*/

.appointment-btn {
  margin-left: 25px;
  background: #23315f;
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.22);
  border-radius: 3px;
  color: #fff;
  padding: 8px 21px;
  white-space: nowrap;
  transition: 0.3s;
  font-size: 14px;
  display: inline-block;
  overflow: hidden;
  height: 39px;
}

.appointment-btn .twobtn {
  width: 85px;
  overflow: hidden;
  transform: translateY(26px);
  transition: all 0.6s;
}

.appointment-btn:hover .twobtn {
  transform: translateY(-11px);
  transition: all 0.6s;
}

.appointment-btn span {
  padding-top: 2px;
}

.appointment-btn:hover {
  color: white;
}

.appointment-btn img {
  transition: all 0.6s;
}

.appointment-btn:hover img {
  transform: rotate(94deg);
}

.transparentHeader .appointment-btn {
  color: #000000;
  background: #ffffff;
}

@media (max-width: 768px) {
  .appointment-btn {
    margin: 0 15px 0 0;
    padding: 6px 18px;
  }
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/

/**
* Desktop Navigation 
*/

.navbar {
  padding: 0;
}

.navbar ul {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  align-items: center;
}

.navbar li {
  position: relative;
}

.navbar > ul > li {
  position: relative;
  white-space: nowrap;
  padding: 8px 0 8px 20px;
}

.navbar a,
.navbar a:focus {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  color: #000000;
  white-space: nowrap;
  transition: 0.3s;
  border-bottom: 2px solid #fff;
  padding: 5px 2px;
}

.navbar a i,
.navbar a:focus i {
  font-size: 12px;
  line-height: 0;
  margin-left: 5px;
}

.navbar a:hover,
.navbar .active:focus,
.navbar li:hover > a {
  color: #23315f;
  text-decoration: none;
}

/**
* Mobile Navigation 
*/

.mobile-nav-toggle {
  color: #2c4964;
  font-size: 28px;
  cursor: pointer;
  display: none;
  line-height: 0;
  transition: 0.5s;
}

.mobile-nav-toggle.bi-x {
  color: #fff;
}

.navbar-mobile {
  position: fixed;
  overflow: hidden;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(28, 47, 65, 0.9);
  transition: 0.3s;
  z-index: 999;
}

.navbar-mobile .mobile-nav-toggle {
  position: absolute;
  top: 15px;
  right: 15px;
}

.navbar-mobile ul {
  display: block;
  position: absolute;
  top: 55px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  padding: 10px 0;
  background-color: #fff;
  overflow-y: auto;
  transition: 0.3s;
}

.navbar-mobile > ul > li {
  padding: 0;
}

.navbar-mobile a,
.navbar-mobile a:focus {
  padding: 10px 20px;
  font-size: 15px;
  color: #2c4964;
  border: none;
}

.navbar-mobile a:hover,
.navbar-mobile .active,
.navbar-mobile li:hover > a {
  color: #1977cc;
}

.navbar-mobile .getstarted,
.navbar-mobile .getstarted:focus {
  margin: 15px;
}

.navbar-mobile .dropdown ul {
  position: static;
  display: none;
  margin: 10px 20px;
  padding: 10px 0;
  z-index: 99;
  opacity: 1;
  visibility: visible;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}

.navbar-mobile .dropdown ul li {
  min-width: 200px;
}

.navbar-mobile .dropdown ul a {
  padding: 10px 20px;
}

.navbar-mobile .dropdown ul a i {
  font-size: 12px;
}

.navbar-mobile .dropdown ul a:hover,
.navbar-mobile .dropdown ul .active:hover,
.navbar-mobile .dropdown ul li:hover > a {
  color: #1977cc;
}

.navbar-mobile .dropdown > .dropdown-active {
  display: block;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/

.hero {
  width: 100%;
  /* background: url(../img/hero-bg.png) top center no-repeat; */
  background-size: cover;
}

.hero h1 {
  margin: 0;
  font-size: 32px;
  font-weight: 500;
  color: #000000;
}

.hero h2 {
  color: #000000;
  font-weight: 500;
  margin: 15px 0 0 0;
  font-size: 40px;
  position: relative;
  max-width: 402px;
}

.hero h2:after {
  content: '';
  background-image: url(../i/banner-line.svg);
  background-size: 100px;
  width: 100px;
  height: 7px;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  bottom: -10px;
}

.hero p {
  max-width: 386px;
}

@media (min-width: 1024px) {
  .hero {
    background-attachment: fixed;
  }
}

@media (max-width: 991px) {
  .hero {
    height: auto;
    padding: 120px 0 60px 0;
  }
  .hero .hero-img {
    text-align: center;
    margin-top: 80px;
  }
  .hero .hero-img img {
    width: 80%;
  }
}

@media (max-width: 768px) {
  .hero {
    text-align: center;
  }
  .hero h1 {
    font-size: 18px;
  }
  .hero h2 {
    font-size: 28px;
    max-width: 280px;
    margin: 0 auto;
  }
  .hero p {
    max-width: 100%;
  }
  .btn-get-started img {
    max-width: 110px;
  }
  .hero .hero-img img {
    width: 100%;
  }
}

/*--------------------------------------------------------------
# Features Section
--------------------------------------------------------------*/

.features {
  background: #f5f7fa;
  padding: 30px 0;
}

.features .col-up {
  width: 218px;
  margin: 0 5px;
}

.features .box {
  background: #ffffff;
  box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.12);
  border-radius: 6px;
  padding: 35px 15px 35px 15px;
  height: 100%;
  transition: 0.5s;
}

.imgmain {
  animation: up-down 5s ease-in-out infinite alternate-reverse both;
  max-width: 255px;
}

@keyframes up-down {
  0% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(-10px);
  }
}

.features .box img {
  transition: 0.5s;
}

.features .box:hover {
  transform: translateY(-15px);
  transition: 0.5s;
}

.features .box:hover img {
  transform: scale(1.2);
  transition: 0.7s;
}

/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/

.about {
  padding: 110px 0;
}

.about .content h3 {
  font-weight: 700;
  font-size: 36px;
}

.about .content ul {
  list-style: none;
  padding: 0;
}

.mx416 {
  max-width: 416px;
}

.about .content ul li {
  padding-bottom: 14px;
}

.about .content p:last-child {
  margin-bottom: 0;
}

.circleGreen {
  content: '';
  position: absolute;
  width: 416px;
  height: 416px;
  left: 50%;
  transform: translateX(-50%);
  top: 73px;
  background: #e6f4eb;
  border-radius: 200px;
  z-index: 1;
}

.circleImg .img1 {
  top: 60%;
  right: -74px;
  transform: translateY(-50%);
  filter: drop-shadow(0px 0px 34px rgba(0, 0, 0, 0.14));
}

.circleImg .img2 {
  top: 48%;
  right: -206px;
  transform: translateY(-50%);
  filter: drop-shadow(0px 0px 34px rgba(0, 0, 0, 0.14));
}

.circleImg .img3 {
  top: 77.4%;
  right: -206px;
  transform: translateY(-50%);
  filter: drop-shadow(0px 0px 34px rgba(0, 0, 0, 0.14));
}

.item {
  width: 200px;
  height: 200px;
  margin: 50px auto;
  padding-top: 75px;
  background: #ccc;
  text-align: center;
  color: #fff;
  font-size: 3em;
}

/*--------------------------------------------------------------
# Banner Dots Animation
--------------------------------------------------------------*/

.dot1 {
  width: 11px;
  height: 11px;
  background: #fda44c;
  border-radius: 25px;
  position: absolute;
  left: 50%;
  top: 40%;
  -webkit-animation: dot1 40s ease infinite;
  animation: dot1 40s ease infinite;
  transform-box: fill-box;
  -webkit-transform-box: fill-box;
  transform-origin: center;
  -webkit-transform-origin: center;
}

@keyframes dot1 {
  100% {
    left: -10%;
    top: 110%;
  }
}

.dot2 {
  width: 9px;
  height: 9px;
  background: #33b898;
  border-radius: 25px;
  position: absolute;
  left: 0%;
  top: 100%;
  -webkit-animation: dot2 50s ease infinite;
  animation: dot2 50s ease infinite;
  transform-box: fill-box;
  -webkit-transform-box: fill-box;
  transform-origin: center;
  -webkit-transform-origin: center;
}

@keyframes dot2 {
  100% {
    left: 50%;
    top: 50%;
  }
}

.dot3 {
  width: 4px;
  height: 4px;
  background: #23315f;
  border-radius: 25px;
  position: absolute;
  right: 30%;
  top: 0%;
  -webkit-animation: dot3 30s ease infinite;
  animation: dot3 30s ease infinite;
  transform-box: fill-box;
  -webkit-transform-box: fill-box;
  transform-origin: center;
  -webkit-transform-origin: center;
}

@keyframes dot3 {
  100% {
    right: 0%;
    top: 30%;
  }
}

.dot4 {
  width: 4px;
  height: 4px;
  background: #23315f;
  border-radius: 25px;
  position: absolute;
  left: -10%;
  top: 30%;
  -webkit-animation: dot4 30s ease infinite;
  animation: dot4 30s ease infinite;
  animation-delay: 30s;
  transform-box: fill-box;
  -webkit-transform-box: fill-box;
  transform-origin: center;
  -webkit-transform-origin: center;
}

@keyframes dot4 {
  100% {
    left: 30%;
    top: 60%;
  }
}

.dot5 {
  width: 11px;
  height: 11px;
  background: #f95b5c;
  border-radius: 25px;
  position: absolute;
  left: 30%;
  top: -5%;
  -webkit-animation: dot5 40s ease infinite;
  animation: dot5 40s ease infinite;
  transform-box: fill-box;
  -webkit-transform-box: fill-box;
  transform-origin: center;
  -webkit-transform-origin: center;
}

@keyframes dot5 {
  100% {
    left: 0%;
    top: 30%;
  }
}

/*--------------------------------------------------------------
# How works
--------------------------------------------------------------*/

.howWorks {
  padding-top: 77px;
}

.secBg {
  content: '';
  width: 100%;
  height: 658px;
  background: #fbfbfb;
}

.tricnLeft.aos-init {
  width: 494.5px;
  height: 263.5px;
  background: #f5f5f6;
  transform: rotate(36deg) translate(-40px, 470px) !important;
}

.tricnLeft.aos-init.aos-animate {
  width: 494.5px;
  height: 263.5px;
  background: #f5f5f6;
  transform: rotate(36deg) translate(-60px, 170px) !important;
}

.tricnRight.aos-init {
  width: 564px;
  height: 551px;
  background: #f5f5f6;
  transform: rotate(-50deg) translate(0px, 710px);
}

.tricnRight.aos-init.aos-animate {
  width: 564px;
  height: 551px;
  background: #f5f5f6;
  transform: rotate(-50deg) translate(0px, 410px);
}

.howWorks p {
  padding-bottom: 60px;
}

.profileProcess {
  width: 260px;
  height: 260px;
  background: #ffffff;
  box-shadow: 0px 0px 44px rgba(0, 0, 0, 0.09);
  margin-top: 50px;
  padding: 0 18px;
  position: relative;
}

.profileProcess.small {
  width: 250px;
  height: 250px !important;
}

.profileProcess.One:before {
  content: '';
  position: absolute;
  width: 1.5px;
  height: 17px;
  background: #cccccc;
  bottom: -22px;
}

.profileProcess.Two {
  background: #ebebff;
  box-shadow: none;
  margin-top: 0px;
  padding: 0 25px;
}

.greenDot {
  left: -59px;
}

.profileProcess.Three {
  background: #daffda;
  box-shadow: none;
  margin-top: 0px;
  padding: 0 15px;
  margin: 0 0;
}

.profileProcess.Four {
  background: #ffffd2;
  box-shadow: none;
  margin-top: 0px;
  padding: 0 15px;
}

.profileProcess.Five {
  background: #d6f3fe;
  box-shadow: none;
  margin-top: 0px;
  padding: 0 15px;
  transition-delay: 4s !important;
}

.arrow-down.Five.aos-animate {
  transition-delay: 3.5s !important;
}

.profileProcess.Six {
  background: #f5f5f6;
  box-shadow: none;
  margin-top: 0px;
  padding: 0 15px;
  transition-delay: 3.6s !important;
}

.arrow-down.Six.aos-animate {
  transition-delay: 3s !important;
}

.profileProUp {
  max-width: 841px;
}

.mx-40 {
  margin: 0 40px;
}

.pb25 {
  padding-bottom: 25px;
}

.pt23 {
  padding-top: 23px;
}

.pt33 {
  padding-top: 33px;
}

.arrow-down {
  top: -29px;
}

.line {
  left: -17px;
  top: -22px;
}

.st0 {
  opacity: 0.2;
  fill: none;
  stroke: #000000;
  stroke-linecap: round;
  enable-background: new;
}

.line {
  opacity: 1 !important;
  transform: scale(1.07) !important;
}

#line {
  stroke-dasharray: 1800;
  stroke-dashoffset: 1800;
}

.line.aos-init.aos-animate #line {
  stroke-linejoin: round;
  stroke-dasharray: 1800;
  stroke-dashoffset: 1800;
  stroke-miterlimit: 10;
  animation: dash 3s linear forwards;
  animation-delay: 1.5s;
}

@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}

.arrow-down {
  transform: translate3d(0px, -14px, 0) scaleY(0) !important;
  opacity: 1 !important;
}

.arrow-down.aos-init.aos-animate {
  transform: translate3d(0, 0px, 0) scaleY(1) !important;
  opacity: 1 !important;
}

#appAvaiable {
  margin-top: 80px;
  margin-bottom: 0px;
}

.appBtn {
  width: 214px;
  height: 57px;
  background: #2d3094;
  border-radius: 90px;
  margin: 60px 0px 0 0;
}

.partners {
  height: 156px;
  margin-top: -147px;
  background: #f5f7fa;
}

.mobileImg {
  transition: all 0.7s;
  pointer-events: all;
}

.mobileImg img {
  width: 100%;
}

.mobileImg:hover {
  height: auto;
  overflow: hidden;
  transition: all 0.7s;
  transform: translateY(-270px);
}

section#mobile {
  padding-top: 270px;
  margin-bottom: 0;
  overflow: hidden;
  height: 740px;
  margin-top: -100px;
  pointer-events: none;
}

.request {
  padding: 124px 0 106px 0;
}

.bellSec h2 {
  font-size: 60px;
  font-weight: 700;
  line-height: 99px;
  color: #e7e7e7;
}

.bellAnimate {
  -webkit-animation: bellAnimate 2.5s ease infinite forwards;
  animation: bellAnimate 2.5s ease infinite forwards;
  transform-box: fill-box;
  -webkit-transform-box: fill-box;
  transform-origin: center;
  -webkit-transform-origin: center;
}

@keyframes bellAnimate {
  0% {
    transform: rotate(-8deg);
  }
  5% {
    transform: rotate(8deg);
  }
  10% {
    transform: rotate(-8deg);
  }
  15% {
    transform: rotate(8deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

#footer {
  font-size: 14px;
}

#footer .footer-top {
  padding: 0px 0 0px 0;
}

#footer .footer-top .footer-contact {
  margin-bottom: 30px;
}

#footer .footer-top .footer-contact p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
  font-family: 'Raleway', sans-serif;
  color: #777777;
}

#footer .footer-top h4 {
  font-weight: 600;
  font-size: 18px;
  line-height: 29px;
  color: #161637;
  margin-bottom: 20px;
}

#footer .footer-top .footer-links {
  margin-bottom: 30px;
}

#footer .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#footer .footer-top .footer-links ul i {
  padding-right: 2px;
  color: #2d3094;
  font-size: 18px;
  line-height: 1;
}

#footer .footer-top .footer-links ul li {
  padding: 5px 0;
  display: flex;
  align-items: center;
}

#footer .footer-top .footer-links ul li:first-child {
  padding-top: 0;
}

#footer .footer-top .footer-links ul a {
  transition: 0.3s;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #41555a;
  text-decoration: none;
}

#footer .footer-top .footer-links ul a:hover {
  text-decoration: none;
  color: #2d302d;
  text-decoration: underline;
}

#footer .footer-newsletter {
  font-size: 15px;
}

#footer .footer-newsletter h4 {
  font-size: 16px;
  font-weight: bold;
  color: #161637;
  position: relative;
  padding-bottom: 12px;
}

#footer .footer-newsletter form {
  margin-top: 30px;
  background: #fff;
  padding: 6px 10px;
  position: relative;
  border-radius: 50px;
  text-align: left;
  border: 1px solid #bfdcf7;
}

#footer .footer-newsletter form input[type='email'] {
  border: 0;
  padding: 4px 8px;
  width: calc(100% - 100px);
}

#footer .footer-newsletter form input[type='submit'] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border: 0;
  background: none;
  font-size: 16px;
  padding: 0 20px;
  background: #2d3094;
  color: #fff;
  transition: 0.3s;
  border-radius: 50px;
}

#footer .footer-newsletter form input[type='submit']:hover {
  background: #2d3094;
}

#footer .credits {
  padding-top: 5px;
  font-size: 13px;
  color: #161637;
}

#footer .social-links a {
  font-size: 18px;
  display: inline-block;
  color: #fff;
  line-height: 1;
  padding: 8px 8px;
  margin-right: 4px;
  text-align: center;
  transition: 0.3s;
}

.footerBottom {
  border-top: 1px solid #cbd6e8;
}

.rocket-svg {
  right: 0;
  top: 50px;
  max-height: 90vh;
}

/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/

.hero.contactus h1 {
  font-weight: 800;
  font-size: 40px;
  line-height: 46px;
  color: #2d3094;
}

.hero.contactus h2 {
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
  color: #161637;
  margin-top: 56px;
}

.hero.contactus h2:after {
  width: 56px;
  height: 6px;
  background: #c4c4c4;
  background-image: none;
  top: -30px;
  left: 0;
}

.hero.contactus .hero-img img {
  max-width: 260px;
  animation: up-downimh 3s ease-in-out infinite alternate-reverse both;
}

@keyframes up-downimh {
  0% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(-10px);
  }
}

.hero.contactus .hero-img img.shadowimg {
  max-width: 254px;
  animation: smallbig 3s ease-in-out infinite alternate-reverse both;
}

@keyframes smallbig {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.5);
  }
}

.contactusform {
  background: #f5f7fa;
  padding: 50px 0;
}

.btnSubmit {
  width: 179px;
  height: 52px;
  background: #2d3094;
  border-radius: 7px;
  line-height: 26px;
  color: #ffffff;
}

.form-control {
  background: #ffffff;
  border: 1px solid #d1d1d1;
  border-radius: 6px;
  margin: 9px 0px;
  height: 54px;
}

.contact-form form label {
  color: #161637;
}

.mx650 {
  max-width: 650px;
}

.shadow-none {
  box-shadow: none !important;
}

/*--------------------------------------------------------------
# 404
--------------------------------------------------------------*/

.fourzerofour {
  color: #161637;
}

.fourzerofour h1 {
  font-weight: 700;
  font-size: 40px;
  line-height: 66px;
}

.fourzerofour h2 {
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
}

.fourzerofour p {
  line-height: 26px;
}

.fourzerofour a {
  line-height: 22px;
  text-decoration-line: underline;
  color: #2d3094;
}

.fourzerofour img.fzf {
  margin: -100px 0 -190px 0px;
}

.videoModal .iframe {
  min-height: 260px;
  width: 100%;
  border-radius: 12px;
}

.closbtn {
  margin: -10px;
}

/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.app_section .form-check-input:checked[type='radio'] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%2347B449'/%3e%3c/svg%3e");
}

.app_section .form-check-input:checked {
  background-color: #212c62;
  border-color: #47b449 !important;
}

.app_section .form-check-input:focus {
  border-color: #47b449 !important;
  outline: 0;
  box-shadow: none !important;
}

.boxRadio .form-check-input {
  width: 100px;
  height: 86px;
  border-radius: 6px !important;
  border-color: #919cab !important;
  box-shadow: none;
}

/* .boxRadio .form-check-input:checked[type='radio'] {
  background-color: #5dc27e !important;
  border-color: #5dc27e !important;
}

.boxRadio .form-check-input.drive[type='radio'] {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='15' height='34' viewBox='0 0 29 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.44985 35.8817H13.2606V28.0709C9.15956 28.5243 5.90325 31.7807 5.44985 35.8817ZM15.2268 28.0709V35.8817H23.0376C22.5842 31.7807 19.3279 28.5243 15.2268 28.0709ZM23.0377 37.8479C22.9004 39.0912 22.5058 40.2556 21.9085 41.2881L23.6105 42.2725C24.5311 40.681 25.0578 38.8329 25.0578 36.8648C25.0578 30.8924 20.2161 26.0508 14.2437 26.0508C8.27133 26.0508 3.42969 30.8924 3.42969 36.8648C3.42969 38.8329 3.95633 40.681 4.877 42.2725L6.57893 41.2881C5.9817 40.2556 5.58709 39.0912 5.44975 37.8479H23.0377Z' fill='%23919CAB'/%3E%3Cpath d='M17.1876 36.8633C17.1876 38.4922 15.8672 39.8126 14.2383 39.8126C12.6095 39.8126 11.2891 38.4922 11.2891 36.8633C11.2891 35.2345 12.6095 33.9141 14.2383 33.9141C15.8672 33.9141 17.1876 35.2345 17.1876 36.8633Z' fill='%23919CAB'/%3E%3Cpath d='M21.6964 33.7657C21.4153 32.7168 22.0378 31.6387 23.0867 31.3576L24.9859 30.8487C26.0348 30.5677 27.113 31.1902 27.3939 32.239L28.4117 36.0374C28.6928 37.0864 28.0703 38.1644 27.0214 38.4455L25.1223 38.9545C24.0733 39.2354 22.9953 38.613 22.7142 37.5641L21.6964 33.7657Z' fill='%23919CAB'/%3E%3Cpath d='M1.08528 32.239C1.36635 31.1902 2.44441 30.5677 3.49337 30.8487L5.39252 31.3577C6.44138 31.6387 7.06388 32.7168 6.78281 33.7657L5.76511 37.5641C5.48404 38.613 4.40588 39.2354 3.35702 38.9545L1.45778 38.4455C0.408895 38.1644 -0.21357 37.0864 0.0674866 36.0374L1.08528 32.239Z' fill='%23919CAB'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.39453 14.254V11.3047H7.36072V14.254C7.36072 18.0546 10.4417 21.1356 14.2424 21.1356C18.043 21.1356 21.124 18.0546 21.124 14.254V11.3047H23.0902V14.254C23.0902 19.1405 19.129 23.1018 14.2424 23.1018C9.35581 23.1018 5.39453 19.1405 5.39453 14.254Z' fill='%23919CAB'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.21056 8.35631H24.3199C24.3905 8.17591 24.4668 7.96326 24.5428 7.71985L24.5547 7.6818C24.8199 6.83311 25.0578 6.07155 25.0578 4.51906C25.0578 3.7318 24.5463 3.06889 23.8692 2.54472C23.1832 2.01366 22.2463 1.55898 21.2028 1.18837C19.1129 0.446158 16.4772 0 14.2437 0C12.0102 0 9.37456 0.446158 7.2847 1.18837C6.24114 1.55898 5.30425 2.01366 4.61825 2.54472C3.94119 3.06889 3.42969 3.7318 3.42969 4.51906C3.42969 5.96034 3.67074 6.71993 3.91838 7.50052C3.94149 7.57327 3.96459 7.64612 3.98759 7.71975C4.06359 7.96317 4.13988 8.17581 4.21056 8.35631ZM10.3114 5.40702C10.3114 4.86408 10.7515 4.42393 11.2944 4.42393H17.193C17.736 4.42393 18.1761 4.86408 18.1761 5.40702C18.1761 5.94997 17.736 6.39012 17.193 6.39012H11.2944C10.7515 6.39012 10.3114 5.94997 10.3114 5.40702Z' fill='%23919CAB'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.43117 10.724C4.4758 10.4902 4.68982 10.3203 4.93963 10.3203H23.5425C23.7923 10.3203 24.0064 10.4902 24.051 10.724L24.0512 10.7252L24.0515 10.7263L24.052 10.7292L24.0532 10.7359L24.056 10.7538C24.0581 10.7676 24.0604 10.7854 24.0627 10.8067C24.0672 10.8495 24.0713 10.9069 24.0719 10.9768C24.0731 11.1167 24.0602 11.3081 24.0072 11.5336C23.9001 11.9892 23.6329 12.5685 23.0209 13.1314C21.8077 14.2474 19.315 15.2358 14.2411 15.2358C9.16713 15.2358 6.67449 14.2474 5.46125 13.1314C4.84928 12.5685 4.58207 11.9892 4.47492 11.5336C4.42193 11.3081 4.40905 11.1167 4.41023 10.9768C4.41082 10.9069 4.41495 10.8495 4.41947 10.8067C4.42173 10.7854 4.42409 10.7676 4.42615 10.7538L4.42901 10.7359L4.43019 10.7292L4.43068 10.7263L4.43097 10.7252L4.43117 10.724Z' fill='%23919CAB'/%3E%3C/svg%3E%0A");
}

.boxRadio .form-check-input.ride[type='radio'] {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='18' viewBox='0 0 39 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M34.8638 9.44389L35.4551 8.85252C35.9588 8.34878 35.9588 7.53205 35.4551 7.02844C34.9512 6.52482 34.1347 6.52482 33.631 7.02844L33.025 7.63454L31.8611 2.97902C31.4433 1.30855 29.7673 0 28.0456 0H10.004C8.28229 0 6.60631 1.30855 6.18853 2.97915L5.02474 7.63454L4.41877 7.02844C3.9149 6.52482 3.09843 6.52482 2.59468 7.02844C2.09094 7.53218 2.09094 8.3489 2.59468 8.85252L3.18593 9.44389C1.30112 10.3678 0 12.3059 0 14.5427V19.0732C0 20.9016 0.870019 22.5297 2.21675 23.5683V25.8287C2.21675 27.6779 3.72106 29.1822 5.57038 29.1822H8.0937C9.94289 29.1822 11.4472 27.6779 11.4472 25.8287V24.7485H26.6024V25.8287C26.6024 27.6779 28.1067 29.1822 29.9559 29.1822H32.4792C34.3284 29.1822 35.8329 27.6779 35.8329 25.8287V23.5685C37.1796 22.5299 38.0497 20.9019 38.0497 19.0732V14.5427C38.0497 12.3059 36.7486 10.3678 34.8638 9.44389ZM7.4753 8.46792L8.6911 3.60486C8.8228 3.0778 9.46093 2.57957 10.004 2.57957H28.0455C28.5885 2.57957 29.2267 3.0778 29.3584 3.60486L30.5743 8.46805C30.6079 8.60295 30.6012 8.71774 30.5562 8.7754C30.511 8.83305 30.4012 8.86751 30.2624 8.86751H7.78713C7.64825 8.86751 7.53846 8.83305 7.49324 8.7754C7.4484 8.71774 7.44173 8.60295 7.4753 8.46792ZM2.57969 14.5427C2.57969 12.836 3.96845 11.4472 5.67518 11.4472H32.3746C34.0813 11.4472 35.47 12.836 35.47 14.5427V19.0732C35.47 20.78 34.0813 22.1688 32.3746 22.1688H5.67518C3.96845 22.1688 2.57969 20.78 2.57969 19.0732V14.5427ZM8.86751 25.8287C8.86751 26.248 8.51302 26.6025 8.0937 26.6025H5.57025C5.15081 26.6025 4.79632 26.248 4.79632 25.8287V24.6802C5.08291 24.7249 5.37616 24.7485 5.67505 24.7485H8.86738V25.8287H8.86751ZM33.2532 25.8287C33.2532 26.248 32.8987 26.6025 32.4792 26.6025H29.9559C29.5366 26.6025 29.1821 26.248 29.1821 25.8287V24.7485H32.3747C32.6734 24.7485 32.9667 24.7248 33.2533 24.6802V25.8287H33.2532Z' fill='%23919CAB'/%3E%3Cpath d='M14.5944 18.0952H23.4623C24.1746 18.0952 24.752 17.5177 24.752 16.8053C24.752 16.093 24.1745 15.5156 23.4623 15.5156H14.5944C13.8821 15.5156 13.3047 16.0932 13.3047 16.8053C13.3046 17.5177 13.8821 18.0952 14.5944 18.0952Z' fill='%23919CAB'/%3E%3Cpath d='M7.94019 20.3141C9.87381 20.3141 11.4469 18.741 11.4469 16.8074C11.4469 14.8738 9.87381 13.3008 7.94019 13.3008C6.00657 13.3008 4.43359 14.8738 4.43359 16.8074C4.43347 18.7409 6.00657 20.3141 7.94019 20.3141ZM7.94019 15.8802C8.45136 15.8802 8.86722 16.2962 8.86722 16.8072C8.86722 17.3184 8.45136 17.7343 7.94019 17.7343C7.42914 17.7343 7.01316 17.3184 7.01316 16.8072C7.01303 16.2962 7.42902 15.8802 7.94019 15.8802Z' fill='%23919CAB'/%3E%3Cpath d='M30.1083 20.3141C32.0419 20.3141 33.6149 18.741 33.6149 16.8074C33.6149 14.8738 32.0419 13.3008 30.1083 13.3008C28.1747 13.3008 26.6016 14.8738 26.6016 16.8074C26.6014 18.7409 28.1747 20.3141 30.1083 20.3141ZM30.1083 15.8802C30.6193 15.8802 31.0353 16.2962 31.0353 16.8072C31.0353 17.3184 30.6193 17.7343 30.1083 17.7343C29.5971 17.7343 29.1813 17.3184 29.1813 16.8072C29.1811 16.2962 29.597 15.8802 30.1083 15.8802Z' fill='%23919CAB'/%3E%3C/svg%3E%0A");
}

.boxRadio .form-check-input.both[type='radio'] {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='27' viewBox='0 0 38 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32.8245 2.5658L28.3807 0V3.41952C26.0187 3.61717 24.0702 4.26695 22.4581 5.39052C20.8139 6.53659 19.5845 8.13007 18.7147 10.2477C17.8447 8.13014 16.6153 6.53659 14.971 5.39052C13.3226 4.24159 11.3224 3.588 8.88783 3.40674V0L4.44401 2.5658L0 5.13141L4.44395 7.69708L8.88783 10.2628V6.97555C16.5594 7.70789 16.9374 14.5433 16.9374 27H20.4918C20.4918 14.6301 20.8634 7.80245 28.3808 6.99074V10.2627L32.8246 7.69702L37.2685 5.13134L32.8245 2.5658Z' fill='%23919CAB'/%3E%3C/svg%3E%0A");
}

.boxRadio .form-check-input.drive:checked[type='radio'] {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='15' height='34' viewBox='0 0 29 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.44985 35.8817H13.2606V28.0709C9.15956 28.5243 5.90325 31.7807 5.44985 35.8817ZM15.2268 28.0709V35.8817H23.0376C22.5842 31.7807 19.3279 28.5243 15.2268 28.0709ZM23.0377 37.8479C22.9004 39.0912 22.5058 40.2556 21.9085 41.2881L23.6105 42.2725C24.5311 40.681 25.0578 38.8329 25.0578 36.8648C25.0578 30.8924 20.2161 26.0508 14.2437 26.0508C8.27133 26.0508 3.42969 30.8924 3.42969 36.8648C3.42969 38.8329 3.95633 40.681 4.877 42.2725L6.57893 41.2881C5.9817 40.2556 5.58709 39.0912 5.44975 37.8479H23.0377Z' fill='%23ffffff'/%3E%3Cpath d='M17.1876 36.8633C17.1876 38.4922 15.8672 39.8126 14.2383 39.8126C12.6095 39.8126 11.2891 38.4922 11.2891 36.8633C11.2891 35.2345 12.6095 33.9141 14.2383 33.9141C15.8672 33.9141 17.1876 35.2345 17.1876 36.8633Z' fill='%23ffffff'/%3E%3Cpath d='M21.6964 33.7657C21.4153 32.7168 22.0378 31.6387 23.0867 31.3576L24.9859 30.8487C26.0348 30.5677 27.113 31.1902 27.3939 32.239L28.4117 36.0374C28.6928 37.0864 28.0703 38.1644 27.0214 38.4455L25.1223 38.9545C24.0733 39.2354 22.9953 38.613 22.7142 37.5641L21.6964 33.7657Z' fill='%23ffffff'/%3E%3Cpath d='M1.08528 32.239C1.36635 31.1902 2.44441 30.5677 3.49337 30.8487L5.39252 31.3577C6.44138 31.6387 7.06388 32.7168 6.78281 33.7657L5.76511 37.5641C5.48404 38.613 4.40588 39.2354 3.35702 38.9545L1.45778 38.4455C0.408895 38.1644 -0.21357 37.0864 0.0674866 36.0374L1.08528 32.239Z' fill='%23ffffff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.39453 14.254V11.3047H7.36072V14.254C7.36072 18.0546 10.4417 21.1356 14.2424 21.1356C18.043 21.1356 21.124 18.0546 21.124 14.254V11.3047H23.0902V14.254C23.0902 19.1405 19.129 23.1018 14.2424 23.1018C9.35581 23.1018 5.39453 19.1405 5.39453 14.254Z' fill='%23ffffff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.21056 8.35631H24.3199C24.3905 8.17591 24.4668 7.96326 24.5428 7.71985L24.5547 7.6818C24.8199 6.83311 25.0578 6.07155 25.0578 4.51906C25.0578 3.7318 24.5463 3.06889 23.8692 2.54472C23.1832 2.01366 22.2463 1.55898 21.2028 1.18837C19.1129 0.446158 16.4772 0 14.2437 0C12.0102 0 9.37456 0.446158 7.2847 1.18837C6.24114 1.55898 5.30425 2.01366 4.61825 2.54472C3.94119 3.06889 3.42969 3.7318 3.42969 4.51906C3.42969 5.96034 3.67074 6.71993 3.91838 7.50052C3.94149 7.57327 3.96459 7.64612 3.98759 7.71975C4.06359 7.96317 4.13988 8.17581 4.21056 8.35631ZM10.3114 5.40702C10.3114 4.86408 10.7515 4.42393 11.2944 4.42393H17.193C17.736 4.42393 18.1761 4.86408 18.1761 5.40702C18.1761 5.94997 17.736 6.39012 17.193 6.39012H11.2944C10.7515 6.39012 10.3114 5.94997 10.3114 5.40702Z' fill='%23ffffff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.43117 10.724C4.4758 10.4902 4.68982 10.3203 4.93963 10.3203H23.5425C23.7923 10.3203 24.0064 10.4902 24.051 10.724L24.0512 10.7252L24.0515 10.7263L24.052 10.7292L24.0532 10.7359L24.056 10.7538C24.0581 10.7676 24.0604 10.7854 24.0627 10.8067C24.0672 10.8495 24.0713 10.9069 24.0719 10.9768C24.0731 11.1167 24.0602 11.3081 24.0072 11.5336C23.9001 11.9892 23.6329 12.5685 23.0209 13.1314C21.8077 14.2474 19.315 15.2358 14.2411 15.2358C9.16713 15.2358 6.67449 14.2474 5.46125 13.1314C4.84928 12.5685 4.58207 11.9892 4.47492 11.5336C4.42193 11.3081 4.40905 11.1167 4.41023 10.9768C4.41082 10.9069 4.41495 10.8495 4.41947 10.8067C4.42173 10.7854 4.42409 10.7676 4.42615 10.7538L4.42901 10.7359L4.43019 10.7292L4.43068 10.7263L4.43097 10.7252L4.43117 10.724Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
}

.boxRadio .form-check-input.ride:checked[type='radio'] {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='18' viewBox='0 0 39 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M34.8638 9.44389L35.4551 8.85252C35.9588 8.34878 35.9588 7.53205 35.4551 7.02844C34.9512 6.52482 34.1347 6.52482 33.631 7.02844L33.025 7.63454L31.8611 2.97902C31.4433 1.30855 29.7673 0 28.0456 0H10.004C8.28229 0 6.60631 1.30855 6.18853 2.97915L5.02474 7.63454L4.41877 7.02844C3.9149 6.52482 3.09843 6.52482 2.59468 7.02844C2.09094 7.53218 2.09094 8.3489 2.59468 8.85252L3.18593 9.44389C1.30112 10.3678 0 12.3059 0 14.5427V19.0732C0 20.9016 0.870019 22.5297 2.21675 23.5683V25.8287C2.21675 27.6779 3.72106 29.1822 5.57038 29.1822H8.0937C9.94289 29.1822 11.4472 27.6779 11.4472 25.8287V24.7485H26.6024V25.8287C26.6024 27.6779 28.1067 29.1822 29.9559 29.1822H32.4792C34.3284 29.1822 35.8329 27.6779 35.8329 25.8287V23.5685C37.1796 22.5299 38.0497 20.9019 38.0497 19.0732V14.5427C38.0497 12.3059 36.7486 10.3678 34.8638 9.44389ZM7.4753 8.46792L8.6911 3.60486C8.8228 3.0778 9.46093 2.57957 10.004 2.57957H28.0455C28.5885 2.57957 29.2267 3.0778 29.3584 3.60486L30.5743 8.46805C30.6079 8.60295 30.6012 8.71774 30.5562 8.7754C30.511 8.83305 30.4012 8.86751 30.2624 8.86751H7.78713C7.64825 8.86751 7.53846 8.83305 7.49324 8.7754C7.4484 8.71774 7.44173 8.60295 7.4753 8.46792ZM2.57969 14.5427C2.57969 12.836 3.96845 11.4472 5.67518 11.4472H32.3746C34.0813 11.4472 35.47 12.836 35.47 14.5427V19.0732C35.47 20.78 34.0813 22.1688 32.3746 22.1688H5.67518C3.96845 22.1688 2.57969 20.78 2.57969 19.0732V14.5427ZM8.86751 25.8287C8.86751 26.248 8.51302 26.6025 8.0937 26.6025H5.57025C5.15081 26.6025 4.79632 26.248 4.79632 25.8287V24.6802C5.08291 24.7249 5.37616 24.7485 5.67505 24.7485H8.86738V25.8287H8.86751ZM33.2532 25.8287C33.2532 26.248 32.8987 26.6025 32.4792 26.6025H29.9559C29.5366 26.6025 29.1821 26.248 29.1821 25.8287V24.7485H32.3747C32.6734 24.7485 32.9667 24.7248 33.2533 24.6802V25.8287H33.2532Z' fill='%23ffffff'/%3E%3Cpath d='M14.5944 18.0952H23.4623C24.1746 18.0952 24.752 17.5177 24.752 16.8053C24.752 16.093 24.1745 15.5156 23.4623 15.5156H14.5944C13.8821 15.5156 13.3047 16.0932 13.3047 16.8053C13.3046 17.5177 13.8821 18.0952 14.5944 18.0952Z' fill='%23ffffff'/%3E%3Cpath d='M7.94019 20.3141C9.87381 20.3141 11.4469 18.741 11.4469 16.8074C11.4469 14.8738 9.87381 13.3008 7.94019 13.3008C6.00657 13.3008 4.43359 14.8738 4.43359 16.8074C4.43347 18.7409 6.00657 20.3141 7.94019 20.3141ZM7.94019 15.8802C8.45136 15.8802 8.86722 16.2962 8.86722 16.8072C8.86722 17.3184 8.45136 17.7343 7.94019 17.7343C7.42914 17.7343 7.01316 17.3184 7.01316 16.8072C7.01303 16.2962 7.42902 15.8802 7.94019 15.8802Z' fill='%23ffffff'/%3E%3Cpath d='M30.1083 20.3141C32.0419 20.3141 33.6149 18.741 33.6149 16.8074C33.6149 14.8738 32.0419 13.3008 30.1083 13.3008C28.1747 13.3008 26.6016 14.8738 26.6016 16.8074C26.6014 18.7409 28.1747 20.3141 30.1083 20.3141ZM30.1083 15.8802C30.6193 15.8802 31.0353 16.2962 31.0353 16.8072C31.0353 17.3184 30.6193 17.7343 30.1083 17.7343C29.5971 17.7343 29.1813 17.3184 29.1813 16.8072C29.1811 16.2962 29.597 15.8802 30.1083 15.8802Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
}

.boxRadio .form-check-input.both:checked[type='radio'] {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='27' viewBox='0 0 38 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32.8245 2.5658L28.3807 0V3.41952C26.0187 3.61717 24.0702 4.26695 22.4581 5.39052C20.8139 6.53659 19.5845 8.13007 18.7147 10.2477C17.8447 8.13014 16.6153 6.53659 14.971 5.39052C13.3226 4.24159 11.3224 3.588 8.88783 3.40674V0L4.44401 2.5658L0 5.13141L4.44395 7.69708L8.88783 10.2628V6.97555C16.5594 7.70789 16.9374 14.5433 16.9374 27H20.4918C20.4918 14.6301 20.8634 7.80245 28.3808 6.99074V10.2627L32.8246 7.69702L37.2685 5.13134L32.8245 2.5658Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
} */

.boxRadio .form-check-input.drive[type='radio'],
.boxRadio .form-check-input.ride[type='radio'],
.boxRadio .form-check-input.both[type='radio'],
.boxRadio .form-check-input.male[type='radio'],
.boxRadio .form-check-input.female[type='radio'] {
  background-size: 50px;
}

.boxRadio .form-check-input.drive[type='radio'] {
  background-image: url(../i/carpol-driver.svg);
}

.boxRadio .form-check-input.ride[type='radio'] {
  background-image: url(../i/carpol-car.svg);
}

.boxRadio .form-check-input.both[type='radio'] {
  background-image: url(../i/carpol-both.svg);
}

.boxRadio .form-check-input.male[type='radio'] {
  background-image: url(../i/carpol-male.svg);
}

.boxRadio .form-check-input.female[type='radio'] {
  background-image: url(../i/carpol-female.svg);
}

.boxRadio .form-check-input.drive:checked[type='radio'] {
  background-color: #5dc27e !important;
  border-color: #5dc27e !important;
  background-image: url(../i/carpol-driver-white.svg);
}

.boxRadio .form-check-input.ride:checked[type='radio'] {
  background-color: #5dc27e !important;
  border-color: #5dc27e !important;
  background-image: url(../i/carpol-car-white.svg);
}

.boxRadio .form-check-input.male:checked[type='radio'] {
  background-color: #5dc27e !important;
  border-color: #5dc27e !important;
  background-image: url(../i/carpol-male-white.svg);
}

.boxRadio .form-check-input.female:checked[type='radio'] {
  background-color: #5dc27e !important;
  border-color: #5dc27e !important;
  background-image: url(../i/carpol-female-white.svg);
}

.boxRadio .form-check-input.both:checked[type='radio'] {
  background-color: #5dc27e !important;
  border-color: #5dc27e !important;
  background-image: url(../i/carpol-both-white.svg);
}

@media (max-width: 1100px) {
  .profileProcess.small {
    width: 230px;
    height: 230px !important;
  }
  .profileProcess.small h3 {
    font-size: 14px;
    line-height: 16px;
  }
  .profileProcess.small p {
    font-size: 10px;
    line-height: 14px;
  }
  .line {
    left: -47px;
    top: -27px;
    transform: scale(1) !important;
  }
  .greenDot {
    left: -56px;
  }
  .mobileImg img {
    max-width: 170px;
    transform: translateY(-80px);
  }
  section#mobile {
    padding-top: 310px;
    margin-bottom: 0;
    overflow: hidden;
    height: 590px;
    margin-top: -160px;
    pointer-events: none;
  }
  .arrow-down {
    top: -20px;
    width: 4px !important;
  }
  .contentRes {
    padding-left: 80px;
  }
  .circleImg {
    margin-left: -30px;
  }
}

@media (max-width: 800px) {
}

@media (max-width: 800px) {
  .app_section .font-16 {
    font-size: 14px;
  }
  .appBtn {
    margin: 20px 0px 0 0;
  }
  .partners {
    padding-bottom: 0 !important;
    margin-bottom: 10px !important;
  }
  .imgmain {
    max-width: 500px;
  }
  .howWorks {
    padding-top: 45px;
  }
  .contentRes {
    padding-left: 15px;
    text-align: center;
  }
  .fourzerofour img.fzf {
    margin: 0px 0 -190px 0px;
  }
  #topbar .contact-info a {
    font-size: 9px;
  }
  .hero {
    height: auto;
    padding: 20px 0 60px 0;
  }
  .hero h2 {
    text-align: center;
  }
  .line {
    display: none;
  }
  .profileProUp {
    flex-direction: column;
  }
  .profileProcess.bg-transparent,
  .circleImg:after {
    display: none !important;
  }
  .arrow-down {
    display: none;
  }
  .greenDot,
  .profileProcess.One:before {
    display: none;
  }
  .pt33 {
    padding-top: 0px;
  }
  .hero .hero-img {
    margin-top: 0px;
  }
  .scrollDiv {
    flex-wrap: nowrap;
    overflow-x: auto;
  }
  .features .col-up {
    width: 218px;
    min-width: 100%;
    margin: 0 7.5px;
    flex-basis: 0;
  }
  .col-up a {
    cursor: pointer;
  }
  .features .box {
    min-height: 230px;
  }
  .features .box:hover {
    transform: translateY(0px) scale(1.05);
    transition: 0.5s;
  }
  .features {
    padding: 10px 0;
  }
  .circleImg {
    margin-left: 0px;
    width: 100%;
  }
  .about .content h3 {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .about .content p {
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 27px;
  }
  .about .content ul li {
    font-weight: 400;
    font-size: 14px;
  }
  .about {
    padding: 50px 0 30px 0;
  }
  .headingmain {
    font-size: 20px;
  }
  .headingsub {
    font-size: 16px;
  }
  .profileProcess {
    width: 230px;
    height: 230px !important;
    margin-bottom: 27px;
  }
  .profileProcess.small {
    margin-bottom: 27px;
  }
  .profileProcess h3 {
    font-size: 14px;
    line-height: 16px;
  }
  .profileProcess p {
    font-size: 10px;
    line-height: 14px;
  }
  .pb25 {
    padding-bottom: 0;
  }
  #appAvaiable {
    margin-top: 14px;
    margin-bottom: 0px;
  }
  section#mobile {
    padding-top: 50px;
    margin-bottom: 0;
    overflow: hidden;
    height: auto;
    margin-top: 0;
    pointer-events: all;
  }
  .mySwiperApp .swiper-slide {
    background: #f5f7fa;
  }
  .partners {
    margin-top: 40px;
  }
  .bellSec h2 {
    font-size: 30px;
    line-height: 49px;
  }
  #footer .footer-top .footer-links ul {
    padding-left: 0 !important;
  }
  #footer .footer-top .footer-links {
    margin-bottom: 0px;
  }
  #footer .footer-top h4 {
    margin-bottom: 10px;
    margin-top: 20px;
  }
  .request {
    padding: 60px 0 60px 0;
  }
  .flogo {
    max-width: 80px;
  }
  .circleGreen {
    display: none;
  }
}

.ui-timepicker-standard {
  margin-top: -254px !important;
  z-index: 2 !important;
  border-radius: 6px !important;
}

.background_section {
  background-image: url(../i/about-main-1.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  background-size: cover;
}

.background_section3 {
  background-image: url(../i/faqs-section-main-1.jpg);
  background-repeat: no-repeat;
  position: relative;
  background-size: cover;
  background-position: center center;
}
.overlay1 {
  background-color: rgba(0, 0, 0, 0.5);
}

.overlay2 {
  background-color: rgba(0, 0, 0, 0.5);
}

.overlay3 {
  background-color: rgba(0, 0, 0, 0.5);
}

.mxw-450 {
  max-width: 570px;
  width: 100%;
}

.mxw-455 {
  max-width: 455px;
  width: 100%;
}

.mxw-470 {
  max-width: 470px;
  width: 100%;
}
.mxw-247 {
  max-width: 247px;
  width: 100%;
}

.mxw-575 {
  max-width: 623px;
  width: 100%;
}
.mxw-779 {
  max-width: 779px;
  width: 100%;
}

.bg-2 {
  background-image: url(../i/sign-up-app.png);
  background-repeat: no-repeat;
  position: relative;
  background-size: cover;
  background-position: center center;
}

.aboutcover {
  min-height: 418px;
  border-radius: 30px;
}

.aboutcover .overlay2 {
  min-height: 418px;
  border-radius: 30px;
}

.mxw-420 {
  max-width: 420px;
  width: 100%;
}

.question-text {
  display: none;
}

.show-text .question-text {
  display: block;
}

.bgdark_blue {
  background-color: #161637;
}
.text-blue-67 {
  color: #161637;
}

.bg-blues {
  background-color: #2d3094;
}

.bg-blue {
  background-color: #2d3094;
}

.bg-grey-ee {
  background-color: #eeeeee;
}
.bg-grey-f3 {
  background-color: #f3f3f3;
}
.text-grey-1b {
  color: #1b1b1b;
}

.text-grey-60 {
  color: #606060;
}

.flagSec {
  border-bottom: solid 1px #606060;
  max-width: 100px;
  min-height: 54px;
  margin-right: 20px;
  padding: 0 10px;
}

.phoneNumberField {
  border-bottom: solid 1px #606060 !important;
  max-width: 500px;
}

.btnGrey {
  background-color: #9d9d9d;
  padding: 15px 55px;
  border-radius: 40px;
  text-decoration: none;
}

.show-read-more .more-text {
  display: none;
}

.phoeFeild .error {
  position: relative !important;
}

.successSection {
  background-image: url(../i/bg-rizq.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.mx-800 {
  max-width: 800px;
}

.min-90vh {
  min-height: 90vh;
}

.pl-49vw {
  padding-left: 4.9vw;
}

.br-0 {
  border-radius: 0px;
}

.bg_skyblue {
  background-color: #f3f6f7;
}

.mxw-445 {
  max-width: 445px;
  width: 100%;
}

.mxw-520 {
  max-width: 520px;
  width: 100%;
}

.mxw-596 {
  max-width: 508px;
  width: 100%;
}
.mxw-519 {
  max-width: 519px;
  width: 100%;
}

.mxw-346 {
  max-width: 346px;
  width: 100%;
}

.mxw-1800 {
  max-width: 1800px;
  width: 100%;
}

.mxw-386 {
  max-width: 386px;
  width: 100%;
}

.mxw-365 {
  max-width: 365px;
  width: 100%;
}

.h-800 {
  height: 800px;
}

.w-1187px {
  width: 1187px;
}

.image_fit {
  object-fit: cover;
  object-position: top;
}

/* .image_transform{
  transform: rotate(180deg);
} */

.caller_section {
  top: 200px;
  right: 10px;
}

.m-150 {
  margin-top: -150px;
}

.text-para p {
  font-size: 14px;
}

.text-para ol li {
  font-size: 14px;
}

.text-para li {
  font-size: 14px;
}

.bg_blue1 {
  background-color: #9ac2cc;
}

.bg_orange1 {
  background-color: #f3c77d;
}

.bg_purple1 {
  background-color: #bcabe2;
}

.bg_green1 {
  background-color: #76c37c;
}

.mg-37 {
  margin-top: 37px;
}

.mxw-189 {
  max-width: 189px;
  width: 100%;
}

.mh-242 {
  min-height: 242px;
  /* width: 100%; */
}

.mh-212 {
  height: 212px;
}

.w-175 {
  width: 175px;
}

.h-180 {
  height: 180px;
}
.h-50px {
  height: 50px;
}
.h-33px {
  height: 33px;
}
.font-54 {
  font-size: 54px;
}

.minh-40px {
  min-height: 40px;
}

.minh-500 {
  min-height: 500px;
}
.w-max-content {
  width: max-content;
}

.mxw-330 {
  max-width: 330px;
  width: 100%;
}

.pt-40px {
  padding-top: 40px;
}

.footer_secion1 p a:hover {
  color: #000000;
}

.footer_secion2 p a:hover {
  color: #000000;
}

.cursor-pointer {
  cursor: pointer;
}

.rotate_btn {
  transform: rotate(180deg);
}

.contentBox {
  margin-bottom: 95px;
  min-height: 165px;
  pointer-events: none;
}

.featureTab button.active {
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
}

.featureTab button.active .active {
  display: none;
}

.featureTab button .hover {
  display: none;
}

.featureTab button.active .hover {
  display: flex;
}

.featureTabImg {
  max-width: 363px;
  width: 100%;
  height: auto;
}

.featureSection {
  padding: 15px 0;
}

.featureLeft {
  border-radius: 0 80px 80px 0;
  box-shadow: 4px -3px 33px rgba(0, 0, 0, 0.03);
}

.featureIcon1 {
  position: absolute;
  right: 5vw;
  top: 6vw;
}

.featureIcon2 {
  position: absolute;
  left: -150px;
  top: 33%;
}

.featureIcon3 {
  position: absolute;
  right: -160px;
  bottom: 30%;
}

.featureIcon4 {
  position: absolute;
  bottom: 5vw;
  left: 4vw;
}

.featureIcon5 {
  left: 58px;
  top: 2vw;
}

.featureIcon6 {
  right: 58px;
  bottom: 2vw;
}

.w-225px {
  width: 225px;
}

.w-194px {
  width: 194px;
}

.btnwhite {
  width: 284px;
  height: 68px;
}

.sticyUpper {
  padding-bottom: 22vw !important;
}

.greySection {
  padding: 80px 175px;
}

.greenSection {
  padding: 70px 0;
}

.border-top1 {
  border-top: solid 1px #dde1e4;
}

.mx-1170 {
  max-width: 1200px;
}

.pt9vw {
  padding-top: 9vw;
}

.pt5vw {
  padding-top: 5vw;
}

.show-text .question-btn img {
  transform: rotate(45deg);
  transition: all 0.5s;
}

.accordion-button:focus {
  box-shadow: none;
  background-color: transparent;
}

.accordion-button:not(.collapsed) {
  background-color: transparent;
}

.accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5 9H4.5C3.67157 9 3 9.67157 3 10.5C3 11.3284 3.67157 12 4.5 12H20.5C21.3284 12 22 11.3284 22 10.5C22 9.67157 21.3284 9 20.5 9Z' fill='%2317191D'/%3E%3Cpath d='M14 18.5V2.5C14 1.67157 13.3284 1 12.5 1C11.6716 1 11 1.67157 11 2.5V18.5C11 19.3284 11.6716 20 12.5 20C13.3284 20 14 19.3284 14 18.5Z' fill='%2317191D'/%3E%3C/svg%3E");
}

.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5 9H4.5C3.67157 9 3 9.67157 3 10.5C3 11.3284 3.67157 12 4.5 12H20.5C21.3284 12 22 11.3284 22 10.5C22 9.67157 21.3284 9 20.5 9Z' fill='%2317191D'/%3E%3Cpath d='M14 18.5V2.5C14 1.67157 13.3284 1 12.5 1C11.6716 1 11 1.67157 11 2.5V18.5C11 19.3284 11.6716 20 12.5 20C13.3284 20 14 19.3284 14 18.5Z' fill='%2317191D'/%3E%3C/svg%3E");
  transform: rotate(45deg);
}

.fram1 {
  position: absolute;
  z-index: 3;
  top: 144px;
}

.mobileTabMain {
  position: relative;
}

.mobileTab {
  width: 362px;
  height: 833px;
  overflow: hidden;
  border-radius: 20px;
}

.mobileTab .hoverChangeImg {
  height: 739px;
  width: 1124px;
}

.mobileTab .hoverChangeImg[name='one'] {
  transform: translateX(-382px);
}

.mobileTab .hoverChangeImg[name='two'] {
  transform: translateX(0px);
}

.mobileTab .hoverChangeImg[name='three'] {
  transform: translateX(-762px);
}

.imageBlur {
  opacity: 1 !important;
  transition: all 1s;
  position: absolute;
  display: block;
  opacity: 1;
  top: 0px;
  z-index: 1;
  max-width: 80%;
  width: 100%;
  transform: translate(-50%, 65px);
  left: 50%;
  filter: blur(4px);
}

.mobileTab {
  position: relative;
  z-index: 2;
}

.mobileBanner {
  width: 737px;
  margin-left: auto;
}

.mainSlider {
  top: 30px;
  max-width: 277px;
  left: 160px;
  height: 605px;
  background-color: white;
  border-radius: 24px;
}

.aboutBanner {
  min-height: 280px;
}

.z-indexs {
  z-index: 0;
}
.mobileSwipperRes {
  display: none !important;
}

@media (max-width: 1400px) {
  .stickyTopSec {
    position: relative !important;
  }
  .stickyTopSec p {
    line-height: inherit;
  }
  .stickyBottomSec.pb-1 {
    margin-bottom: -30.5vw;
  }
}

@media (max-width: 991px) {
  .sticyUpper {
    padding-bottom: 12vw !important;
  }
  .stickyBottomSec.pb-1 {
    margin-bottom: 0.5vw;
  }
  .mxw-445 {
    max-width: 100%;
  }
  .mobile-nav-toggle {
    display: block;
  }
  .navbar ul {
    display: none;
  }
  .pt9vw {
    padding-top: 2vw;
  }
  .pt5vw {
    padding-top: 2vw;
  }
  .greySection {
    padding: 45px 0px;
  }
  .playwhite {
    max-width: 30px;
  }
  .featureTab button.active {
    box-shadow: 0 0 0px rgba(0, 0, 0, 0) !important;
  }
  .featureTab button.active .active {
    display: block;
  }
  .featureTab button .hover {
    display: none !important;
  }
  .contentBox {
    margin-bottom: 20px;
    min-height: 100px;
  }
}

@media (max-width: 767px) {
  .mobileBanner {
    width: 360px;
    margin-left: auto;
    overflow: hidden;
  }
  .mobileBanner .mainImage {
    max-width: 360px !important;
    min-width: 360px !important;
  }
  .mainSlider {
    top: 16px;
    max-width: 151px;
    left: 47px;
    height: 318px;
    background-color: white;
    border-radius: 10px;
  }
  .mobileBanner {
    height: 235px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  /* MAH */
  .stickyButtonForMobile {
  }
  .stickyButtonForMobile .sticky-btn {
    box-shadow: 0px 1px 17px rgba(0, 0, 0, 0.11);
    transition: 950ms;
  }
  .stickyButtonForMobile.active .sticky-btn {
    background-color: transparent !important;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    transition: 950ms;
  }
  .stickyButtonForMobile.active .sticky-btn .button-bar {
    background-color: transparent !important;
    transition: 950ms;
  }
  .sticky-btn {
    background-color: #fff;
    height: 91px;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9;
    left: 0;
    padding: 0px 30px;
  }
  .button-bar {
    padding: 11px 30px;
    background: #2d3094;
    border-radius: 50px;
    border: 0px;
    margin: 18px auto;
    border: 1px solid #ffffff;
    text-decoration: none;
  }
  .logo-res {
    max-width: 200px;
  }

  /* .bg-blue {
        display: none;
    } */
  .pb-sm-res {
    padding-bottom: 65px;
  }

  .contactPage .stickyButtonForMobile {
    display: none !important;
  }

  .mobileContant {
    display: block;
  }
}
@media (max-width: 480px) {
  .contact-mobile-100dvh {
    min-height: 100vh !important;
  }
  .custom_otp_btn {
    /* margin-top: 15vh !important; */
  }
  .getappNext img {
    max-width: 58px;
  }
  .mobileBanner {
    width: 280px;
  }
  .mobileSwipperRes {
    display: block !important;
  }
  .lightlogo,
  .darklogo {
    max-width: 140px !important;
  }
  .getappfield:-webkit-autofill,
  .getappfield:-webkit-autofill:focus .getappfield:-webkit-autofill:active {
    background-color: transparent !important;
  }
  .getappfield,
  .getappfield:focus .getappfield:active {
    background-color: transparent !important;
  }
  .submit_btn2 {
    position: fixed;
    /* top: 270px; */
    left: 50%;
    transform: translateX(-50%);
  }
  .gonextbtn {
    display: none !important;
  }
  .gonextbtn.active {
    display: inline-block !important;
  }
  .logo-res {
    max-width: 200px;
  }
  .logomain {
    max-width: 200px;
  }
  .font-16-sm {
    font-size: 16px !important;
  }
  .font-20-sm {
    font-size: 20px !important;
  }
  .font-sm-35 {
    font-size: 35px !important;
  }
  .pl-49vw {
    padding-left: 0;
  }
  .flagSec {
    max-width: 70px;
    padding: 0 5px;
  }
  .flagSec img {
    max-width: 20px;
  }
  .contentBox {
    margin-bottom: 35px;
    min-height: 125px;
  }
  .featureLeft {
    border-radius: 0;
    box-shadow: none;
  }
  .mobileTabMain {
    max-height: 500px;
    overflow-y: hidden;
    overflow-x: auto;
    display: flex !important;
    flex-wrap: nowrap;
    white-space: nowrap;
    padding-left: 0px;
    padding-right: 30px;
  }
  .overflow__y__auto {
    overflow-y: auto;
  }
  .mobileTab {
    display: block !important;
    opacity: 1 !important;
    min-width: 100%;
    padding-left: 30px;
  }
  .featureSection {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
  }
  .px-0-sm {
    padding: 0 !important;
  }
  .greySection {
    border-radius: 0 !important;
  }
  .btnwhite {
    width: 246px;
    height: 53px;
  }
  .newhome .hidemobile {
    display: none;
  }
  /* MSH */

  .getappBtn {
    max-width: 138px !important;
  }

  .mobileBanner {
    display: none;
  }
  .campaign__img__column {
    display: block !important;
  }
  .mobileContant {
    display: none !important;
  }

  .pb-res {
    padding-bottom: 3rem;
  }
  .pt-res {
    padding-top: 3rem !important;
  }
  .featureTab button {
    border: 1px solid #e7e7e7 !important;
    padding: 1rem !important;
  }
  .mah-res-bg {
    background-color: #f5f6f8 !important;
  }
  #border-res {
    border-radius: 0px !important;
  }
  .sticky-btn {
    background-color: #fff;
    height: 91px;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9;
    left: 0;
    padding: 0px 30px;
  }
  .button-bar {
    padding: 11px 30px;
    background: #2d3094;
    border-radius: 50px;
    border: 0px;
    margin: 18px auto;
    border: 1px solid #ffffff;
    text-decoration: none;
  }
  .res-image {
    width: 85%;
    margin: 0px auto;
    height: 370px;
    object-fit: cover;
    overflow: hidden;
    border-radius: 14px;
    margin-bottom: 80px;
  }
  .contentBox {
    min-height: 110px;
    background: #686ead;
    width: 85% !important;
    margin: 0px auto;
    display: flex;
    padding-top: 20px;
  }
  .swiper-res {
    background: #686ead;
    margin-bottom: 0px;
  }
  .res-bg {
    background-color: #161637;
    height: 100vh;
    width: 100%;
  }
  .res-bottom {
    margin-bottom: 0px !important;
  }
  .res-image img {
    margin-top: -170px;
  }
  .res-font {
    line-height: 15px !important;
    text-align: left;
    font-size: 22px !important;
    margin: 0 !important;
  }
  .boss1 {
    margin-bottom: 30px;
  }
  .playwhite {
    max-width: 25px;
  }
  .aboutBanner {
    min-height: 280px;
  }
  .stickyButtonForMobile {
  }
  .stickyButtonForMobile .sticky-btn {
    box-shadow: 0px 1px 17px rgba(0, 0, 0, 0.11);
    transition: 950ms;
  }
  .stickyButtonForMobile.active .sticky-btn {
    background-color: transparent !important;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    transition: 950ms;
  }
  .stickyButtonForMobile.active .sticky-btn .button-bar {
    background-color: transparent !important;
    transition: 950ms;
  }
  .z-sm-1 {
    z-index: 1 !important;
  }

  /* .bg-blue {
        display: none;
    } */

  .pb-sm-res {
    padding-bottom: 130px;
  }

  .mxWidthRes {
    max-width: 50% !important;
  }

  .contactPage .stickyButtonForMobile {
    display: none !important;
  }

  .asanSwipper .swiper-pagination-bullets {
    position: absolute;
    z-index: 9;
    left: 0px;
    top: 42%;
    transform: translateY(-50%);
    width: auto !important;
  }

  .asanSwipper
    .swiper-pagination-bullets
    .swiper-pagination-bullet:nth-child(1) {
    background-image: url('../i/ab-asan-he-img1.png') !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    font-size: 0;
    margin-bottom: 2px;
  }
  .asanSwipper
    .swiper-pagination-bullets
    .swiper-pagination-bullet:nth-child(2) {
    background-image: url('../i/ab-asan-he-img2.png') !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    font-size: 0;
  }
  .asanSwipper
    .swiper-pagination-bullets
    .swiper-pagination-bullet:nth-child(3) {
    background-image: url('../i/ab-asan-he-img3.png') !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    font-size: 0;
  }
  .asanSwipper
    .swiper-pagination-bullets
    .swiper-pagination-bullet:nth-child(4) {
    background-image: url('../i/ab-asan-he-img4.png') !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    font-size: 0;
  }
  .asanSwipper
    .swiper-pagination-bullets
    .swiper-pagination-bullet:nth-child(5) {
    background-image: url('../i/ab-asan-he-img5.png') !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    font-size: 0;
  }

  .asanSwipper .swiper-pagination-bullet {
    width: 50px;
    height: 50px;
    background: #e7e7e7;
    border-radius: 3px;
    display: flex;
    flex-direction: column;
    text-align: center;
    border-radius: 100%;
    margin-bottom: 6px !important;
  }

  .asanSwipperPagination .swiper-pagination-bullets {
    position: absolute;
    left: 0;
    bottom: 20px !important;
    z-index: 9;
  }

  .asanSwipperPagination .swiper-pagination-bullet {
    width: 11px;
    height: 11px;
    background: #e7e7e7;
    border-radius: 3px;
  }

  .asanSwipperPagination .swiper-pagination-bullet-active {
    background: #79cc94 !important;
  }

  .mobileSwipperRes {
    display: block;
  }
  .asan-res {
    background-color: #fafafa !important;
  }
  .img-res-box {
    top: 20px;
    z-index: 99;
    left: 30px;
  }
  .swiper-fade .swiper-slide {
    background-color: #fafafa;
  }
  .text-change {
    display: block !important;
  }

  .position-absolute-s {
    position: static !important;
  }

  .boss1 {
    margin-bottom: 0px !important;
    height: 350px;
  }

  .play-white-pho {
    position: absolute;
    top: 21px;
    right: 55px;
    max-width: 34px !important;
  }

  .header-sm-res {
    padding-top: 170px !important;
  }

  .text-change-res {
    bottom: 22%;
    z-index: 9;
  }

  .text-change-res h1 {
    line-height: 41px !important;
    margin-bottom: 15px !important;
  }
  .res-image-resolve {
    width: 237px;
    height: 237px;
  }

  .md-res {
    display: none !important;
  }
}

.md-res {
  display: block;
}

.position-absolute-s {
  position: absolute;
}

.text-change {
  display: none;
}

.sticky-btn {
  display: none;
}

.res-nav li {
  list-style: none;
}

.res-nav a {
  color: #fff;
  text-decoration: none;
}

.res-nav .nav-menu {
  position: fixed;
  right: -1000%;
  top: 0;
  flex-direction: column;
  background-color: #273093;
  width: 100%;
  text-align: center;
  transition: 750ms;
  height: 100vh;
  z-index: 1;
}

.res-nav .nav-menu.active {
  right: 0;
}

.res-nav .nav-item {
  margin: 1em 0;
  text-align: left;
}

.res-nav .nav-link {
  transition: 400ms ease;
  padding-left: 0;
  font-size: 24px;
  font-weight: 700;
}

.res-nav .nav-link:hover,
.res-nav .nav-link:focus {
  color: dodgerblue;
}

.res-nav .container {
  width: 80%;
  margin: 0 auto;
}

.res-nav .close {
  color: #fff;
  font-size: 40px;
  font-weight: 400;
  position: absolute;
  top: 0px;
  right: 30px;
  cursor: pointer;
}

.feature-box {
  position: fixed;
  left: -1000%;
  top: 0;
  flex-direction: column;
  background-color: #060606;
  width: 100%;
  text-align: center;
  transition: 750ms;
  height: 100vh;
  z-index: 1;
}

.feature-box .featureSwiper {
  max-height: 500px;
  position: relative;
}

.feature-box .custom-pagination {
  position: absolute;
  bottom: 5px !important;
}

.feature-box .custom-pagination .swiper-pagination-bullet {
  background-color: #fff;
}

.feature-box.active {
  left: 0;
}

.feature-box .sub-div {
  max-width: 75% !important;
}

.feature-box .swiper-slide {
  width: 100% !important;
  align-items: baseline !important;
}

.feature-header {
  padding: 24px 16px;
}

.feature-box .hovered {
  opacity: 0;
  margin-top: 80px;
  z-index: 3;
  position: relative;
  transition: all 0.6s;
}

.feature-box .hovered.hovered1 {
  opacity: 0.9;
  margin-top: 0px !important;
  margin-bottom: 10px;
}

#mouse-scroll {
  position: absolute;
  margin: auto;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  z-index: 9999;
}
#mouse-scroll span {
  display: block;
  width: 5px;
  height: 5px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform: rotate(45deg);
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  margin: 0 0 3px 5px;
}
#mouse-scroll .mouse {
  height: 21px;
  width: 14px;
  border-radius: 10px;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  border: 2px solid #000;
  top: 170px;
}
#mouse-scroll .down-arrow-1 {
  margin-top: 6px;
}
#mouse-scroll .down-arrow-1,
#mouse-scroll .down-arrow-2,
#mouse-scroll .down-arrow-3 {
  -webkit-animation: mouse-scroll 1s infinite;
  -moz-animation: mouse-scroll 1s infinite;
}
#mouse-croll .down-arrow-1 {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -webkit-animation-direction: alternate;
}
#mouse-scroll .down-arrow-2 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -webkit-animation-direction: alternate;
}
#mouse-scroll .down-arrow-3 {
  -webkit-animation-delay: 0.3s;
  -moz-animation-dekay: 0.3s;
  -webkit-animation-direction: alternate;
}
#mouse-scroll .mouse-in {
  height: 5px;
  width: 2px;
  display: block;
  margin: 5px auto;
  background: #000;
  position: relative;
}
#mouse-scroll .mouse-in {
  -webkit-animation: animated-mouse 1.2s ease infinite;
  moz-animation: mouse-animated 1.2s ease infinite;
}

@-webkit-keyframes animated-mouse {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@-webkit-keyframes mouse-scroll {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes mouse-scroll {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

/* Digital Business Card */

.bc-container {
  max-width: 1284px !important;
  margin: 0px auto;
}

.digital-card-business {
  background-image: url('../i/digital-card.png');
  background-repeat: no-repeat;
  height: 562px !important;
  width: 100%;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}

img.vert__move {
  animation: mover 1.5s infinite alternate;
}
.campaign__section {
  background-image: url(../i/campaign-bg.png);
  background-repeat: no-repeat;
  position: relative;
  background-size: cover;
  background-position: center center;
  height: 100vh;
  overflow: hidden;
}
.campain__mobile__img {
  left: 160px;
  z-index: 1;
  top: 200px;
}
.campaingSlider {
  top: 240px;
  left: 208px;
}
.campaingSlider .swiper-slide {
  align-items: flex-start;
  padding-right: 6px;
}
.campaign__logo {
  top: 24px;
  left: 50px;
}
.heartbeat__img {
  animation: beat 1s infinite alternate;
  transform-origin: center;
  margin: 0 0.2rem 0.25rem;
}
.campaign__text__column {
  padding-bottom: 10rem;
}
.campaign__text__column .flip__words {
  overflow: hidden;
  position: relative;
  float: right;
  height: 74px;
  padding-top: 10px;
  margin: 0.5rem 0;
  white-space: nowrap;
  width: 650px;
}
.campaign__text__column .flip__words ul {
  padding-left: 0;
  white-space: nowrap;
}
.campaign__text__column .flip__words li {
  height: 45px;
  margin-bottom: 45px;
  list-style-type: none;
  white-space: nowrap;
}
.campaign__text__flip {
  animation: flip5 14s cubic-bezier(0.23, 1, 0.52, 1) infinite;
  animation-delay: 0s;
}
.playstore__bg__white {
  background: #fff;
  border-radius: 10px;
  height: 57px;
  width: 170px;
}
@keyframes flip5 {
  0% {
    margin-top: -630px;
  }
  14.28% {
    margin-top: -540px;
  }
  28.58% {
    margin-top: -450px;
  }
  42.87% {
    margin-top: -360px;
  }
  57.16% {
    margin-top: -270px;
  }
  71.45% {
    margin-top: -180px;
  }
  85.74% {
    margin-top: -90px;
  }
  100% {
    margin-top: 0px;
  }
}
@keyframes beat {
  to {
    transform: scale(1.3);
  }
}

@media (max-width: 991px) {
  .campaign__section {
    background-image: unset;
  }
  .campaign__img__column {
    width: unset !important;
    margin: 0 auto;
    height: 100% !important;
    padding-right: 7px;
  }
  .campain__mobile__img {
    left: unset;
    top: unset;
    margin: 0 auto;
    padding-right: 6px;
    transition: 1s;
  }
  .campaign__text__column {
    padding-bottom: 0;
  }
  .campaign__section .set__h__100 {
    height: 100%;
  }
  .campaingSlider {
    top: 27px;
    width: 273px !important;
    max-width: unset !important;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 100%;
    padding-right: 6px;
    border-radius: 50px;
  }
  .campaign__text__flip {
    animation: flip5 14s cubic-bezier(0.53, 1, 0.32, 1) infinite;
    animation-delay: 0s;
  }
  .campaign__text__column .flip__words {
    padding-top: 0;
    height: 37px;
  }
  .campaign__text__column h1 {
    padding-top: 2.3rem;
  }
  .campaign__text__column h1,
  .campaign__text__column span {
    font-size: 26px !important;
    line-height: 39px !important;
  }
  .campaign__text__column span:nth-child(2) {
    font-size: 30px !important;
    font-weight: 800 !important;
  }
  .campaign__text__column p {
    font-size: 13px !important;
    white-space: unset !important;
    padding-bottom: 0 !important;
    line-height: 20px !important;
  }
  .campaign__btn {
    width: 100% !important;
    margin-top: 1rem !important;
  }
  .campaign__btn span {
    font-size: 16px !important;
    line-height: 44px !important;
  }
  .campaign__logo {
    left: 30px;
  }
}

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

@media (max-width: 480px) {
  .roadmap__res {
    position: absolute;
    left: -26px;
    height: 12px;
    width: 12px;
    background-color: #a7a7a7;
    border-radius: 100%;
    top: 7px;
  }

  .roadmap__res::after {
    content: '';
    height: 250px;
    width: 1px;
    background-color: #a7a7a7;
    position: absolute;
    top: 10px;
    left: 5px;
  }

  .timeline__section ul.timeline {
    list-style-type: none;
    position: relative;
  }
  .timeline__section ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 0px;
    width: 2px;
    height: 100%;
    z-index: 400;
    margin-top: 10px;
  }
  .timeline__section ul.timeline > li {
    padding-bottom: 62px;
    padding-left: 24px;
  }

  .timeline__section ul.timeline > li p {
    margin-bottom: 0;
  }

  .timeline__section ul.timeline > li:last-child {
    padding-bottom: 0px;
  }

  .timeline__section ul.timeline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    left: -5px;
    height: 12px;
    width: 12px;
    background-color: #a7a7a7;
    z-index: 400;
    margin-top: 8px;
  }

  .res-flex-wrap {
    display: flex;
    flex-direction: column-reverse;
    padding-top: 30px;
  }
  .padding-top-0 {
    padding-top: 0px !important;
  }

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

  .lh-sm-18 {
    line-height: 18px !important;
  }
  .lh-sm-60 {
    line-height: 60px !important;
  }

  .lh-sm-32 {
    line-height: 32px !important;
  }
  .px-sm-30px {
    padding: 0px 30px;
  }

  .px-sm-res-0px {
    padding: 0px;
  }

  .font-sm-24px {
    font-size: 24px !important;
  }

  .padding-bottom-35px {
    padding-bottom: 35px !important;
  }

  .mb-sm-40px {
    margin-bottom: 40px !important;
  }

  .digital-res-image {
    max-width: 294px !important;
    min-width: 294px !important;
  }

  .digital-res-image-main {
    max-width: 500px !important;
  }

  .pt-md-150px {
    padding-top: 60px !important;
  }

  .digital-card-business {
    height: 332px !important;
  }
}

.get__card__hover:hover {
  color: #fff !important;
}

.pt-md-150px {
  padding-top: 150px;
}

.button-magnetic .btn-background {
  background-color: #79cc94;
  transform: translate(0px, 0px);
}

.button-magnetic {
  display: inline-flex;
  text-decoration: none;
}
body .button-magnetic.btn-black .button {
  width: 225px;
  height: 52px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 33px;
  background: #79cc94;
  color: #fff;
  border: 1px solid #79cc94;
  font-size: 14px;
}
body .button-magnetic.btn-black .button {
  width: 225px;
  height: 52px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 33px;
  background: #79cc94;
  color: #fff;
  border: 1px solid #79cc94;
  font-size: 14px;
}

.button-magnetic .button {
  cursor: pointer;
  color: #fff;
  background: #6e5afd;
  border-radius: 33px;
  width: 248px;
  height: 66px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}
.button-magnetic .button .text {
  font-family: Arial, Helvetica, sans-serif;
}

.intro__display {
  display: none !important;
}