.btnBlueBorder {
  font-size: clamp(0.875rem, 0.7885rem + 0.3846vw, 1.25rem);
  color: #007bce !important;
  border: 1px solid #007bce;
  padding: 10px 35px !important;
  border-radius: 50px;
  text-decoration: none;
  min-width: fit-content;
  min-width: -moz-fit-content;
  white-space: nowrap;
}

.btnBlueFilled {
  font-size: clamp(0.875rem, 0.7885rem + 0.3846vw, 1.25rem);
  color: #ffffff;
  border: 1px solid #007bce;
  background: #007bce;
  min-width: fit-content;
  min-width: -moz-fit-content;
  white-space: nowrap;
  padding: 10px 25px;
  border-radius: 50px;
  text-decoration: none;
}
.btnBlueFilled:hover {
  color: #ffffff;
}
.btnBlueFilled:hover img {
  animation: circle 6s linear infinite;
}

.cardBtn a {
  text-decoration: none;
  text-align: center;
  color: #ffffff;
  background: #0c2256;
  padding: 10px 40px;
  font-weight: 600;
  margin-top: 1rem;
  font-size: clamp(0.875rem, 0.8317rem + 0.1923vw, 1.0625rem);
  border-radius: 50px;
  box-shadow: 0px 0px 10px rgba(12, 34, 86, 0.2);
  display: inline-block;
  position: relative;
  z-index: 10000;
}

body {
  font-family: "Roboto", sans-serif;
  overflow-x: hidden;
}

main {
  margin-top: 109px;
  overflow-x: hidden;
}
main.integrationsPage {
  overflow: hidden;
}

.full {
  width: 100% !important;
}

.darkBlueSeprt {
  border: 1px solid #0c2256;
  margin: 30px 0;
}

.lightBlueSeprt {
  border: 1px solid #007bce;
  margin: 30px 0;
}

.subTitle {
  color: #0c2256;
  font-size: 48px;
  font-weight: 400;
  margin-bottom: 60px;
}
.subTitle span {
  color: #007bce;
}

.scrollbar-2 {
  scrollbar-width: thin;
  scrollbar-color: #f5f5f6 rgba(187, 187, 187, 0);
}
.scrollbar-2::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.scrollbar-2::-webkit-scrollbar-track {
  background-color: rgba(187, 187, 187, 0);
}
.scrollbar-2::-webkit-scrollbar-thumb {
  background-color: #f5f5f6;
}
.scrollbar-2::-webkit-scrollbar-track, .scrollbar-2::-webkit-scrollbar-thumb {
  border-radius: 12px;
}

.heroSection-content {
  position: relative;
}
.heroSection-content-img img {
  width: 100%;
}
.heroSection-content-title {
  position: absolute;
  margin: auto;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.heroSection-content-title h1 {
  color: #ffffff;
  font-weight: 900;
  margin-bottom: 0;
  font-size: clamp(3rem, 2.8269rem + 0.7692vw, 3.75rem);
}

.siteBreadcrumb {
  overflow-x: hidden;
  width: 70vw;
  height: max(8vh, 2rem);
  background-color: white;
  position: absolute;
  bottom: -1px;
  text-align: right;
}
.siteBreadcrumb ul {
  list-style: none;
  display: flex;
  gap: 20px;
  padding-left: 0;
  margin-bottom: 0;
  justify-content: end;
  align-items: center;
  height: 100%;
  margin-inline-end: 40px;
}
.siteBreadcrumb ul li i {
  color: #007bce;
  font-size: clamp(0.8125rem, 0.5346rem - 0.078vw, 1.125rem);
}
.siteBreadcrumb ul li a {
  text-decoration: none;
  color: #707070;
  font-size: 14px;
}
.siteBreadcrumb ul li a:hover {
  color: #707070;
}
.siteBreadcrumb ul li:first-child {
  position: relative;
}
.siteBreadcrumb ul li:first-child::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -70px;
  height: 1px;
  width: 50px;
  content: "";
  background-color: #007bce;
}
.siteBreadcrumb ul li.active a {
  color: #0c2256;
  font-weight: 700;
  pointer-events: none;
}

[dir=rtl] .arabic .siteBreadcrumb ul li:first-child::before {
  left: unset;
  right: -70px;
}
[dir=rtl] .arabic .siteBreadcrumb ul li i {
  transform: scaleX(-1);
}

.moreless-button,
.moreless-button-style {
  color: #007bce;
  display: inline-flex;
  font-weight: 400;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  font-size: clamp(1rem, 0.8846rem + 0.5128vw, 1.5rem);
  transition: 0.5s all;
  text-shadow: 0px 0px 5px #ffffff;
}
.moreless-button:hover,
.moreless-button-style:hover {
  color: #0c2256;
}

.moreless-button-style {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-bottom: 1rem;
}

.moretext {
  display: none;
}

.moretext.moreTextMobile {
  display: block;
}

.swiper-pagination-bullet {
  height: 12px;
  width: 12px;
}

.mainSliderNav {
  display: flex;
  align-items: center;
}

div.moreless-button.moreLessButtonMobile {
  display: none;
}

.swiper-pagination-bullets {
  text-align: center;
}

.swiper-pagination-bullets-dynamic {
  transform: none !important;
}

.swiper-pagination-bullet:not(.swiper-pagination-bullet-active,
.swiper-pagination-bullet-active-next,
.swiper-pagination-bullet-active-prev) {
  opacity: 0;
}

.swiper-pagination-bullet-active,
.swiper-pagination-bullet-active-next,
.swiper-pagination-bullet-active-prev {
  transform: none !important;
}

@media (min-width: 1580px) {
  .container {
    max-width: 1580px;
  }
}
@media screen and (max-width: 768px) {
  .heroSection-content-title {
    bottom: 15%;
    top: unset;
    text-align: center;
  }
  .heroSection-content-img img {
    height: 85vh;
    object-fit: cover;
    object-position: 30%;
  }
}
@media (max-width: 620px) {
  .siteBreadcrumb {
    max-width: 90vw;
  }
}
@media screen and (max-width: 992px) {
  .moretext.moreTextMobile {
    display: none;
  }
  div.moreless-button.moreLessButtonMobile {
    display: flex;
  }
}
.topHeader {
  background-color: #0c2256;
  padding: 5px 0;
}
.topHeader ul {
  display: flex;
  gap: 20px;
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  align-items: center;
}

.socialize a {
  color: #ffffff;
}

.botHeader .dropdown-toggle::after {
  display: none;
}

.langBtn {
  margin-left: 20px;
  border: 1px solid #007bce;
  border-radius: 5px;
  padding: 0 10px !important;
  gap: 10px !important;
}
.langBtn li {
  color: #ffffff;
  font-size: 12px;
  cursor: pointer;
}
.langBtn li a {
  color: #ffffff;
  text-decoration: none;
}
.langBtn li a:hover {
  text-decoration: none;
}
.langBtn li.current_lang a {
  color: rgba(255, 255, 255, 0.5);
}

.page-header {
  top: 0%;
  transition: 0.5s all ease-in-out;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  position: fixed;
  width: 100%;
  z-index: 999;
}

main.mainHomePage {
  overflow-x: hidden;
}

@media (min-width: 768px) {
  .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .dropdown:hover .dropdown-menu {
    display: none;
    margin-top: auto;
  }
}
.mainPageSlider {
  /*
    Title Text
  */
  /*
    Style up the image behind each slide
  */
}
.mainPageSlider .mainSliderNav {
  position: absolute;
  bottom: 5vh;
  right: 10vw;
  display: flex;
  gap: 100px;
}
.mainPageSlider .mainSliderNav .fa {
  position: relative;
  z-index: 11;
  color: #ffffff;
  font-size: 20px;
  border: 2px solid #ffffff;
  padding: 10px;
  border-radius: 50px;
}
.mainPageSlider .mainSliderNav .swiper-button-next,
.mainPageSlider .mainSliderNav .swiper-button-prev {
  position: unset;
  color: #ffffff;
}
.mainPageSlider .mainSliderNav .swiper-pagination-bullet {
  height: 15px;
  width: 15px;
  background: #ffffff;
  opacity: 0.5;
}
.mainPageSlider .mainSliderNav .swiper-pagination-bullet-active {
  background: #ffffff;
  opacity: 1;
}
.mainPageSlider .swiper {
  width: 100%;
  height: 80vh;
  height: calc(100vh - 0px);
  min-height: 320px;
  background-color: #46677b;
}
.mainPageSlider .swiper-slide {
  font-size: 18px;
  background: #ffffff;
  display: flex;
}
.mainPageSlider .swiper-slide::after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 150px;
  background: #007bce;
  background: linear-gradient(180deg, rgba(0, 123, 206, 0) 0%, #007bce 100%);
}
.mainPageSlider .title {
  padding: 0 10vw;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 1;
  color: #ffffff;
}
.mainPageSlider .title__text {
  letter-spacing: -2px;
  font-size: clamp(2.5rem, 2.3558rem + 0.641vw, 3.125rem);
  margin-bottom: 0;
  margin-top: 0;
  position: relative;
  font-weight: 900;
}
.mainPageSlider .background-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mainPageSlider .background-image video {
  position: absolute;
  right: 0;
  top: 50%;
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
  height: auto;
  width: 100%;
  transform: translateY(-50%);
}
.mainPageSlider .background-image__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.8;
}

#leftAnimated {
  width: 100%;
}

.tab-content {
  display: none;
}

.tab-content.active {
  display: block;
}

.tab-links {
  display: flex;
  gap: 10px;
  text-decoration: none;
}
.tab-links a {
  text-decoration: none;
}
.tab-links a:hover {
  text-decoration: none;
}

@media screen and (min-width: 1025px) {
  .mainPageSlider .mobileVid {
    display: none;
  }
}
@media screen and (max-width: 1024.99px) {
  .mainPageSlider .title {
    top: 20%;
  }
  .mainPageSlider .desjtopVid {
    display: none;
  }
}
@media screen and (max-width: 620.99px) {
  .mainPageSlider .title {
    text-align: center;
    top: 30px;
    transform: unset;
  }
  .mainPageSlider .title__text {
    padding-block: min(6rem, 12vw);
  }
  .mainPageSlider .botHeader .mainHeadLogo {
    width: 100%;
    max-width: 135px;
  }
}
.stellarnav .btnBlueBorder {
  color: #007bce !important;
  padding: 10px 15px !important;
  margin: 0 10px;
}
.stellarnav .btnBlueFilled {
  color: #ffffff !important;
  background: #007bce !important;
  padding: 10px 15px !important;
  margin: 0 10px;
}

@media screen and (min-width: 991px) {
  .stellarnav > ul > li > a {
    padding: 20px 10px;
    color: #707070;
  }
  .stellarnav > ul > li > a .fa-arrow-down {
    color: #0c2256;
    font-size: 12px;
    font-weight: 700;
  }
  .stellarnav.dark a {
    color: #707070;
  }
  .stellarnav.dark li a {
    color: #707070;
  }
  .stellarnav.dark.desktop {
    background: transparent !important;
  }
  .stellarnav.dark.desktop > ul > li > a {
    padding: 20px 10px;
    display: flex;
    gap: 5px;
  }
  .stellarnav.dark.desktop a.dd-toggle .icon-plus {
    display: none;
  }
  .stellarnav.dark.desktop ul ul {
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0px 7px 7px rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(10px);
    border-radius: 3px;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.3s;
  }
  .stellarnav.dark.desktop ul ul a {
    color: #000000;
  }
  .stellarnav.dark.desktop ul ul li {
    border-bottom: 1.5px solid #007bce;
    transition: 0.2s all;
  }
  .stellarnav.dark.desktop ul ul li:hover {
    background-color: #0c2256;
    color: #ffffff;
  }
  .stellarnav.dark.desktop ul ul li:hover a {
    color: white;
  }
  .stellarnav.dark.desktop ul ul li:last-child {
    border-bottom: 0px solid rgba(0, 0, 0, 0.2);
  }
  .stellarnav.dark.desktop ul ul li a {
    color: rgba(0, 0, 0, 0.5);
  }
  .stellarnav.dark.desktop ul > li:hover ul {
    opacity: 1;
  }
  .stellarnav.dark.desktop li.has-sub > a::after {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  .stellarnav .fa-arrow-down {
    display: none;
  }
  .stellarnav.mobile li.open ul {
    background: rgba(0, 0, 0, 0.05);
  }
  .stellarnav.mobile li.open ul a {
    padding-left: 25px;
  }
  .stellarnav.mobile li a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  }
  .stellarnav.mobile li a.btnBlueBorder {
    border-bottom: 1px solid #007bce;
  }
  .stellarnav.mobile.left > ul {
    left: -100%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 1 !important;
  }
  .stellarnav.mobile.left.active > ul {
    left: 0;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  }
  .stellarnav.mobile.left.dark {
    background: #0c2256;
    border-radius: 10px;
  }
  .stellarnav.mobile.left.dark .menu-toggle {
    padding: 10px 15px;
  }
  .stellarnav.mobile.left.dark a {
    color: #000000;
  }
  .stellarnav.mobile.left.dark a.dd-toggle .icon-plus::after, .stellarnav.mobile.left.dark a.dd-toggle .icon-plus::before {
    border-color: #000000;
  }
  .stellarnav.mobile.left.dark > ul {
    background: white;
  }
  .stellarnav.mobile.left .third {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    border-left: 1px solid rgba(0, 0, 0, 0.15);
  }
  .stellarnav.mobile .menu-toggle span.bars {
    margin-right: 0;
  }
  .stellarnav.mobile .btnBlueBorder,
  .stellarnav.mobile .btnBlueFilled {
    margin: 10px;
  }
}
@media screen and (max-width: 1024.99px) {
  .stellarnav {
    display: none !important;
  }
}
/*
 * Made by Erik Terwan
 * 24th of November 2015
 * MIT License
 *
 *
 * If you are thinking of using this in
 * production code, beware of the browser
 * prefixes.
 */
.botHeader {
  /*
  * Just a quick hamburger
  */
  /* 
  * Transform all the slices of hamburger
  * into a crossmark.
  */
  /*
  * But let's hide the middle one.
  */
  /*
  * Ohyeah and the last one should go the other direction
  */
  /*
  * Make this absolute positioned
  * at the top left of the screen
  */
  /*
  * And let's slide it in from the left
  */
}
.botHeader #menuToggle {
  display: block;
  position: relative;
  z-index: 9999;
  -webkit-user-select: none;
  user-select: none;
  margin-left: 20px;
}
.botHeader #menuToggle a {
  text-decoration: none;
  color: #232323;
  transition: color 0.3s ease;
}
.botHeader #menuToggle a:hover {
  color: #0c2256;
}
.botHeader #menuToggle input {
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  right: -5px;
  cursor: pointer;
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  -webkit-touch-callout: none;
}
.botHeader #menuToggle span {
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  background: #0c2256;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 4px 0px;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
}
.botHeader #menuToggle span {
  transition: 0.2s all;
  top: 0;
  left: 0;
}
.botHeader #menuToggle span:last-child {
  margin-bottom: 0;
}
.botHeader #menuToggle span:first-child {
  transform-origin: 0% 0%;
}
.botHeader #menuToggle span:nth-last-child(2) {
  transform-origin: 0% 100%;
}
.botHeader #menuToggle input:checked ~ span {
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #232323;
}
.botHeader #menuToggle input:checked ~ span:nth-last-child(3) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}
.botHeader #menuToggle input:checked ~ span:nth-last-child(2) {
  transform: rotate(-45deg) translate(0, -1px);
}
.botHeader #menu {
  position: fixed;
  width: 300px;
  margin: -100px 0 0 50px;
  padding: 50px;
  padding-top: 125px;
  background: rgba(255, 255, 255, 0.4);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  right: 0;
  transform-origin: right;
  transform: translate(100%, 0);
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  height: 110vh;
}
.botHeader #menu li {
  padding: 10px 0;
  font-size: 22px;
}
.botHeader #menuToggle input:checked ~ ul {
  transform: translate(0%, 0) !important;
}

@media screen and (max-width: 1024.99px) {
  .page-header .botHeader #menuToggle input:checked ~ span {
    width: 24px;
    top: 5px;
    left: 5px;
  }
  .page-header .botHeader #menuToggle {
    display: block;
    position: fixed;
    top: 45px;
    right: 10px;
    width: 50px;
    height: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .page-header .botHeader #menuToggle input {
    width: 70px;
    height: 70px;
    top: unset;
    right: unset;
  }
  .page-header .botHeader #menuToggle span {
    width: 22px;
    height: 3px;
    margin-bottom: 3px;
  }
  .page-header .botHeader #menu {
    top: 30px;
  }
}
.arabic .aboutSlider .circle--slider .animate-img .animate-img__in {
  width: 100%;
}
.arabic .aboutSlider .circle--slider .animate-wrapper {
  width: 100%;
}
.arabic .aboutSecContent {
  position: absolute;
  width: 50%;
  right: 0;
}
.arabic .aboutSlider .navAboutSlider {
  flex-direction: row;
}
@media screen and (min-width: 768.99px) {
  .arabic .aboutSlider .aboutSecIcons {
    position: absolute;
    right: 520px;
    top: unset;
    width: 100%;
    height: 100%;
    transform: rotate(101deg) scaleX(-1);
    top: 103vh;
  }
}

.aboutSlider {
  overflow: hidden;
  position: relative;
}
.aboutSlider .aboutSecIcons {
  position: absolute;
  right: -40vw;
  top: unset;
  width: 100%;
  height: 100%;
  transform: rotate(260deg);
  bottom: 40vh;
}
.aboutSlider .title small {
  color: #007bce;
  font-size: 18px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
.aboutSlider .title .title__text {
  color: #0c2256;
  font-size: clamp(1.75rem, 1.1731rem + 2vw, 4.25rem);
  line-height: 1.205em;
}
.aboutSlider .title p {
  color: #0c2256;
  font-size: clamp(1.1rem, 0.8558rem + 0.5vw, 1.625rem);
  line-height: 1.23em;
}
.aboutSlider .title p a {
  color: #007bce;
  text-decoration: none;
  font-weight: 600;
}
.aboutSlider .rotate--circle {
  display: flex;
  flex-direction: column-reverse;
}
.aboutSlider .servicesDemo {
  width: 100%;
  height: 85vh;
}
.aboutSlider .servicesDemo > * {
  flex-grow: 1;
}
.aboutSlider .circle--rotate {
  border-radius: 50%;
  /* border: 1px #000000 solid; */
  width: 43%;
  height: 43%;
  margin: 0 auto 0;
  position: absolute;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  z-index: 0;
  padding: 0;
  z-index: 29;
}
@keyframes fadeAndMove {
  from {
    opacity: 0;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(100px);
  }
}
.aboutSlider .circle--rotate > li {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
  z-index: 10;
  visibility: hidden;
}
.aboutSlider .circle--rotate > li .icon {
  visibility: visible;
  cursor: pointer;
  text-align: center;
  overflow: hidden;
  font-size: 20px;
  color: #ffffff;
  border-radius: 50%;
  height: 20%;
  width: 20%;
  margin: -20% auto;
  transition: all 500ms ease;
}
.aboutSlider .circle--rotate > li i {
  color: #ffffff;
  font-size: 24px;
  margin: auto;
  cursor: pointer;
  width: 100%;
  height: 100%;
  display: table;
}
.aboutSlider .circle--rotate > li i::before {
  display: table-cell;
  vertical-align: middle;
}
.aboutSlider .circle--rotate > li img {
  margin: auto;
}
.aboutSlider .circle--slider {
  position: relative;
}
.aboutSlider .circle--slider .rotate--circle {
  margin: 0 auto;
}
.aboutSlider .circle--slider .circle--rotate > li div {
  position: relative;
  overflow: visible;
  filter: blur(5px);
}
.aboutSlider .circle--slider .circle--rotate > li div span {
  -webkit-transform: rotate(100deg);
  transform: rotate(100deg);
  transition: all 2s;
  opacity: 0;
}
.aboutSlider .circle--slider .circle--rotate > li.active div {
  font-size: 20px;
  transition: all 1s;
  transform: rotate(75deg);
  filter: blur(0px);
}
.aboutSlider .circle--slider .circle--rotate > li.active div img {
  transform: scale(2.2);
}
.aboutSlider .circle--slider .circle--rotate > li.active div span {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  z-index: -1;
  opacity: 1;
}
.aboutSlider .circle--slider .circle--rotate > li.active div span:before {
  position: absolute;
  height: 1px;
  top: -50%;
  right: 140%;
  bottom: 0;
  margin: auto;
  content: "";
  width: 30%;
  height: 30%;
  -webkit-filter: blur(3px);
  filter: blur(3px);
  opacity: 0.7;
  border: 6px solid #f48e2a;
  z-index: -1;
}
.aboutSlider .circle--slider .circle--rotate > li.active div span:after {
  position: absolute;
  height: 1px;
  top: 100%;
  left: 130%;
  bottom: 0;
  margin: auto;
  content: "";
  width: 40%;
  height: 40%;
  border-radius: 50%;
  opacity: 0.7;
  border: 8px solid #fe9290;
  z-index: 5;
}
.aboutSlider .circle--slider .count2 li:nth-child(2) {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.aboutSlider .circle--slider .count3 li:nth-child(2) {
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg);
}
.aboutSlider .circle--slider .count3 li:nth-child(3) {
  -webkit-transform: rotate(240deg);
  transform: rotate(240deg);
}
.aboutSlider .circle--slider .count4 li:nth-child(2) {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.aboutSlider .circle--slider .count4 li:nth-child(3) {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.aboutSlider .circle--slider .count4 li:nth-child(4) {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}
.aboutSlider .circle--slider .count5 li:nth-child(2) {
  -webkit-transform: rotate(72deg);
  transform: rotate(72deg);
}
.aboutSlider .circle--slider .count5 li:nth-child(3) {
  -webkit-transform: rotate(144deg);
  transform: rotate(144deg);
}
.aboutSlider .circle--slider .count5 li:nth-child(4) {
  -webkit-transform: rotate(216deg);
  transform: rotate(216deg);
}
.aboutSlider .circle--slider .count5 li:nth-child(5) {
  -webkit-transform: rotate(-72deg);
  transform: rotate(-72deg);
}
.aboutSlider .circle--slider .count6 li:nth-child(2) {
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
}
.aboutSlider .circle--slider .count6 li:nth-child(3) {
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg);
}
.aboutSlider .circle--slider .count6 li:nth-child(4) {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.aboutSlider .circle--slider .count6 li:nth-child(5) {
  -webkit-transform: rotate(240deg);
  transform: rotate(240deg);
}
.aboutSlider .circle--slider .count6 li:nth-child(6) {
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
.aboutSlider .circle--slider .count7 li:nth-child(2) {
  -webkit-transform: rotate(51.5deg);
  transform: rotate(51.5deg);
}
.aboutSlider .circle--slider .count7 li:nth-child(3) {
  -webkit-transform: rotate(103deg);
  transform: rotate(103deg);
}
.aboutSlider .circle--slider .count7 li:nth-child(4) {
  -webkit-transform: rotate(154.5deg);
  transform: rotate(154.5deg);
}
.aboutSlider .circle--slider .count7 li:nth-child(5) {
  -webkit-transform: rotate(206deg);
  transform: rotate(206deg);
}
.aboutSlider .circle--slider .count7 li:nth-child(6) {
  -webkit-transform: rotate(-103deg);
  transform: rotate(-103deg);
}
.aboutSlider .circle--slider .count7 li:nth-child(7) {
  -webkit-transform: rotate(-51.5deg);
  transform: rotate(-51.5deg);
}
.aboutSlider .circle--slider .count8 li:nth-child(2) {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.aboutSlider .circle--slider .count8 li:nth-child(3) {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.aboutSlider .circle--slider .count8 li:nth-child(4) {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.aboutSlider .circle--slider .count8 li:nth-child(5) {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.aboutSlider .circle--slider .count8 li:nth-child(6) {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.aboutSlider .circle--slider .count8 li:nth-child(7) {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.aboutSlider .circle--slider .count8 li:nth-child(8) {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.aboutSlider .circle--slider .count9 li:nth-child(2) {
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg);
}
.aboutSlider .circle--slider .count9 li:nth-child(3) {
  -webkit-transform: rotate(80deg);
  transform: rotate(80deg);
}
.aboutSlider .circle--slider .count9 li:nth-child(4) {
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg);
}
.aboutSlider .circle--slider .count9 li:nth-child(5) {
  -webkit-transform: rotate(160deg);
  transform: rotate(160deg);
}
.aboutSlider .circle--slider .count9 li:nth-child(6) {
  -webkit-transform: rotate(-160deg);
  transform: rotate(-160deg);
}
.aboutSlider .circle--slider .count9 li:nth-child(7) {
  -webkit-transform: rotate(-120deg);
  transform: rotate(-120deg);
}
.aboutSlider .circle--slider .count9 li:nth-child(8) {
  -webkit-transform: rotate(-80deg);
  transform: rotate(-80deg);
}
.aboutSlider .circle--slider .count9 li:nth-child(9) {
  -webkit-transform: rotate(-40deg);
  transform: rotate(-40deg);
}
.aboutSlider .circle--slider .count10 li:nth-child(2) {
  -webkit-transform: rotate(36deg);
  transform: rotate(36deg);
}
.aboutSlider .circle--slider .count10 li:nth-child(3) {
  -webkit-transform: rotate(72deg);
  transform: rotate(72deg);
}
.aboutSlider .circle--slider .count10 li:nth-child(4) {
  -webkit-transform: rotate(108deg);
  transform: rotate(108deg);
}
.aboutSlider .circle--slider .count10 li:nth-child(5) {
  -webkit-transform: rotate(144deg);
  transform: rotate(144deg);
}
.aboutSlider .circle--slider .count10 li:nth-child(6) {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.aboutSlider .circle--slider .count10 li:nth-child(7) {
  -webkit-transform: rotate(-144deg);
  transform: rotate(-144deg);
}
.aboutSlider .circle--slider .count10 li:nth-child(8) {
  -webkit-transform: rotate(-108deg);
  transform: rotate(-108deg);
}
.aboutSlider .circle--slider .count10 li:nth-child(9) {
  -webkit-transform: rotate(-72deg);
  transform: rotate(-72deg);
}
.aboutSlider .circle--slider .count10 li:nth-child(10) {
  -webkit-transform: rotate(-36deg);
  transform: rotate(-36deg);
}
.aboutSlider .circle--slider .animate-wrapper {
  width: 45%;
  right: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
  height: 80vh !important;
}
.aboutSlider .circle--slider .animate-title {
  color: #000000;
}
.aboutSlider .circle--slider .animate-img {
  width: 25%;
  height: 25%;
  border-radius: 50%;
  overflow: hidden;
}
.aboutSlider .circle--slider .animate-img .animate-img__in {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: unset;
  margin: auto;
  background-repeat: no-repeat;
  z-index: 3;
  -webkit-transform: rotate3d(0, 0, 0, 0deg) scale(0.85);
  transform: rotate3d(0, 0, 0, 0deg) scale(0.85);
  transition: 0.55s ease-in-out;
  width: 50%;
  height: 100%;
  opacity: 0;
  background-size: cover;
  display: flex;
  align-items: center;
}
.aboutSlider .circle--slider .animate-more {
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s 0.4s;
  min-width: 131px;
  overflow: hidden;
  text-align: center;
  z-index: 30;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  padding: 15px;
  height: 62px;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}
.aboutSlider .circle--slider .animate.active .animate-more {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.aboutSlider .circle--slider .animate.active .animate-img .animate-img__in {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.aboutSlider .circle--slider .prev,
.aboutSlider .circle--slider .next {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  display: block;
  height: auto;
  width: auto;
  text-align: center;
  cursor: pointer;
}
.aboutSlider .circle--slider .prev span,
.aboutSlider .circle--slider .next span {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-orientation: upright;
  font-weight: 700;
  border: 3px solid #0c2256;
  width: 50px;
  height: 50px;
  display: flex;
  border-radius: 50px;
}
.aboutSlider .navAboutSlider {
  z-index: 1;
  display: flex;
  flex-direction: row-reverse;
  justify-content: start;
  align-items: center;
  gap: 20px;
  position: absolute;
  bottom: 13vh;
  z-index: 9;
}
.aboutSlider .navAboutSlider span {
  line-height: normal;
}
.aboutSlider .navAboutSlider .prev,
.aboutSlider .navAboutSlider .next {
  border-radius: 100%;
  border: 2px solid #007bce;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.aboutSlider .navAboutSlider i {
  color: #007bce;
  font-size: 20px;
}
.aboutSlider .circle--slider .prev {
  z-index: 1;
  left: auto;
  right: 130px;
  transform: rotate(90deg);
}
.aboutSlider .circle--slider .prev i {
  transform: rotate(90deg);
  color: #0c2256;
  font-size: 20px;
}
.aboutSlider .circle--slider .next {
  z-index: 1;
  right: 60px;
  transform: rotate(90deg);
}
.aboutSlider .circle--slider .next i {
  transform: rotate(90deg);
  color: #0c2256;
  font-size: 20px;
}

@media only screen and (max-width: 1440.99px) and (min-width: 768.99px) {
  .arabic .aboutSlider .aboutSecIcons {
    position: absolute;
    right: 380px;
    top: unset;
    width: 100%;
    height: 100%;
    transform: rotate(95deg) scaleX(-1);
    top: 88vh;
  }
}
@media only screen and (max-width: 1440.99px) {
  .aboutSlider .aboutSecIcons {
    position: absolute;
    right: -510px;
  }
  .aboutSlider .servicesDemo {
    height: 100vh;
  }
}
@media only screen and (max-width: 1024.99px) and (min-width: 768.99px) {
  .arabic .aboutSlider {
    padding: 0 0 0 5vw;
  }
  .arabic .aboutSlider .aboutSecIcons {
    position: absolute;
    right: auto;
    top: unset;
    width: 100%;
    height: 100%;
    transform: rotate(0deg) scaleX(-1);
    top: 530px;
    right: auto;
  }
  .arabic .aboutSecContent {
    position: absolute;
    width: 100%;
    right: 0;
  }
}
@media only screen and (max-width: 1024.99px) {
  .aboutSlider {
    padding: 0 5vw 0 0px;
  }
  .aboutSlider .servicesDemo {
    height: 650px;
  }
  .aboutSlider .navAboutSlider {
    bottom: 240px;
  }
  .aboutSlider .aboutSecIcons {
    position: absolute;
    right: 0;
    display: flex;
    justify-content: center;
    bottom: -180px;
    transform: rotate(0);
    height: 0;
  }
  .aboutSlider .circle--slider .animate-img .animate-img__in {
    width: 100%;
  }
  .aboutSlider .circle--slider .animate-wrapper {
    height: 370px !important;
  }
  .aboutSlider .circle--slider .circle--rotate > li.active div {
    transform: rotate(0deg);
  }
}
@media only screen and (max-width: 768.99px) {
  .circle--slider {
    height: 100%;
  }
  .circle--slider .rotate--circle {
    height: 100%;
  }
  .circle--slider .rotate--circle .circle--rotate > li.active div img {
    transform: scale(-4.2) translateY(35px);
  }
  .aboutSlider .aboutSecIcons {
    height: 100%;
    top: calc(clamp(6.25rem, 10.1239rem - 14.9718vw, 2.9375rem) * -1);
    transform: rotateX(180deg) translateY(85%);
    bottom: unset;
    left: 1%;
  }
  .aboutSlider .aboutSecContent {
    height: 100%;
    width: 100%;
    position: absolute;
    top: clamp(7.8125rem, 0.5032rem + 28.2486vw, 14.0625rem);
  }
  .aboutSlider .servicesDemo {
    height: 1000px;
  }
  .aboutSlider .navAboutSlider {
    bottom: 50px;
  }
  .aboutFlex {
    height: 100%;
    position: relative;
  }
  .aboutSlider .circle--slider .animate-wrapper {
    height: 300px !important;
  }
  .aboutSlider {
    padding: 0 0px;
  }
  .aboutSlider .navAboutSlider {
    left: 50%;
    transform: translateX(-50%);
  }
  .aboutSlider .circle--slider .circle--rotate > li.active div {
    transform: unset;
  }
  .aboutSlider .circle--rotate > li .icon {
    height: 30%;
    width: 30%;
    margin: -60% auto;
  }
}
@media only screen and (max-width: 414.99px) {
  .aboutSlider .circle--slider .animate-wrapper {
    height: 350px !important;
  }
}
.mainPageCounter {
  padding-bottom: 50px;
}
.mainPageCounter .leftImage img {
  width: 100%;
}
.mainPageCounter .rightCount {
  font-family: "Montserrat", sans-serif;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-evenly;
}
.mainPageCounter .rightCount .counterItem {
  display: inline-block;
}
.mainPageCounter .rightCount .counterItem span {
  font-size: clamp(2rem, 1.5323rem + 0.7543vw, 2.4375rem);
  font-weight: 600;
  color: #007bce;
}
.mainPageCounter .rightCount .caption {
  display: inline-block;
}
.mainPageCounter .rightCount .caption h3 {
  font-size: clamp(1rem, 1vw, 2rem);
  border-bottom: 5px solid #007bce;
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-weight: 700;
}

.revolutionaryPlatform {
  overflow-x: hidden;
  padding: 50px 0;
}
.revolutionaryPlatform .mainSliderNav {
  position: absolute;
  bottom: 0vh;
  right: 10vw;
  display: flex;
}
.revolutionaryPlatform .mainSliderNav .fa {
  position: relative;
  z-index: 11;
  color: #0c2256;
  font-size: 20px;
  border: 2px solid #0c2256;
  padding: clamp(0.3125rem, 0.2404rem + 0.3205vw, 0.625rem);
  border-radius: 50px;
}
.revolutionaryPlatform .mainSliderNav .swiper-button-next,
.revolutionaryPlatform .mainSliderNav .swiper-button-prev {
  position: unset;
  color: #0c2256;
}
.revolutionaryPlatform .mainSliderNav .swiper-pagination-bullet {
  margin-inline: 5px;
  height: 12px;
  width: 12px;
  background: #0c2256;
}
.revolutionaryPlatform .mainSliderNav .mobileSlider-pagination-dark .swiper-pagination-bullet {
  background-color: #0c2256;
}
.revolutionaryPlatform .digitalTransformingHomeSlider {
  position: relative;
  padding-block: min(2rem, 2vw);
}
.revolutionaryPlatform .digitalTransformingHomeSlider::after {
  position: absolute;
  right: 0;
  width: var(--after-width);
  height: 100%;
  content: "";
  top: 0;
  background: #ffffff;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 100%);
  z-index: 2;
  transition: 0.5s all;
}
.revolutionaryPlatform .digitalTransformingHomeSlider:hover::after {
  right: -100%;
}
.revolutionaryPlatform .swiper-wrapper {
  padding: 30px 0;
  align-items: center;
}
.revolutionaryPlatform .cardItem {
  position: relative;
  text-align: center;
}
.revolutionaryPlatform .cardItem::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 99;
}
.revolutionaryPlatform .cardItem .cardImage {
  height: 230px;
}
.revolutionaryPlatform .cardItem .cardImage lottie-player,
.revolutionaryPlatform .cardItem .cardImage svg,
.revolutionaryPlatform .cardItem .cardImage img {
  width: 100%;
  max-width: 250px;
  height: 100%;
  max-height: 200px;
  margin: auto;
  position: relative;
  z-index: 1;
}
.revolutionaryPlatform .cardItem .CardTitle {
  height: 50px;
}
.revolutionaryPlatform .cardItem .CardTitle h6 {
  color: #0c2256;
  font-size: 17px;
  max-width: 80%;
  margin: 15px auto;
}
.revolutionaryPlatform .cardItem .CardDescription p {
  color: #707070;
  font-size: 14px;
}
.revolutionaryPlatform .cardItem .cardHover {
  display: none;
}
.revolutionaryPlatform .swiper-slide-active {
  background-color: #f5f5f6;
  border-radius: 15px;
  padding: 20px;
}
.revolutionaryPlatform .swiper-slide-active .cardHover {
  display: block;
}
.revolutionaryPlatform .swiper-slide-active .cardHover h6 {
  color: #0c2256;
  font-size: 22px;
  max-width: 80%;
  margin: 15px auto;
}
.revolutionaryPlatform .swiper-slide-active .cardHover p {
  color: #0c2256;
  font-weight: 500;
}
.revolutionaryPlatform .swiper-slide-active .cardImage {
  margin: 0 auto;
}
.revolutionaryPlatform .swiper-slide-active .cardImage svg,
.revolutionaryPlatform .swiper-slide-active .cardImage img {
  max-height: 260px;
  max-width: 310px;
  position: absolute;
  left: 50%;
  top: -30px;
  transform: translateX(-50%);
  transform-origin: center;
}
.revolutionaryPlatform .swiper-slide-active .truck {
  animation: truckAnimation 2s ease-in-out infinite;
}
.revolutionaryPlatform .swiper-slide-active .bus {
  animation: busAnimation 2s ease-in-out infinite;
}
.revolutionaryPlatform .swiper-slide-active .aeroplane {
  animation: aeroplaneAnimation 2s ease-in-out infinite;
}
.revolutionaryPlatform .swiper-slide-active .train {
  animation: trainAnimation 2s ease-in-out infinite;
}
.revolutionaryPlatform .swiper-slide-active .arrow {
  animation: arrowAnimation 2s ease-in-out infinite;
}
.revolutionaryPlatform .swiper-slide-active .ship {
  animation: shipAnimation 4s ease-in-out infinite;
}

.digitalTransforming {
  overflow-x: hidden;
  padding: 20px 0;
  background-image: url("../images/digital-bg.png");
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
}
.digitalTransforming small {
  color: #007bce;
  font-size: 18px;
  font-weight: 500;
}
.digitalTransforming .title__text {
  color: #0c2256;
  font-size: clamp(1.75rem, 1.1731rem + 2vw, 4.25rem);
}

.bothSection {
  position: relative;
  margin-bottom: 70px;
}
.bothSection .container {
  border-top: 1px solid #007bce;
}
.bothSection::after {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  content: "";
  width: 1px;
  height: 100%;
  background-color: #007bce;
}
.bothSection .smartApp .smartAppDesp {
  font-size: clamp(1.1rem, 0.8558rem + 0.5vw, 1.625rem);
  line-height: 1.23em;
}
.bothSection .augmentedFeatures {
  margin-top: 30px;
  padding: 30px;
}
.bothSection .augmentedFeatures-cardBody-items {
  width: 33%;
  text-align: center;
}
.bothSection .augmentedFeatures-cardBody-items a {
  text-decoration: none;
}
.bothSection .augmentedFeatures-cardBody-items-img {
  height: 100%;
  max-height: 150px;
}
.bothSection .augmentedFeatures-cardBody-items-img img {
  height: 100%;
  max-height: 150px;
}
.bothSection .augmentedFeatures-cardBody-items-title h6 {
  color: #0c2256;
  font-size: 20px;
}
.bothSection .augmentedFeatures-cardBody-items .augmentedFeatures-cardBody-items-img img {
  transition: 0.3s all;
  transform: scale(1);
  margin-bottom: 2.25rem;
}
.bothSection .augmentedFeatures-cardBody-items:hover .augmentedFeatures-cardBody-items-img img {
  transform: scale(1.1);
}
.bothSection .smartApp {
  margin-top: 30px;
  padding: 30px;
}
.bothSection .smartApp .smartAppDesp p {
  color: #0c2256;
}
.bothSection .smartApp .smartAppFeature {
  padding: 50px 0;
  padding-bottom: 0;
}
.bothSection .smartApp .smartAppFeature .app_direction {
  display: flex;
  gap: 25px;
}
.bothSection .smartApp .smartAppFeature .app_direction .app-left {
  width: 70%;
}
.bothSection .smartApp .smartAppFeature .app_direction .app-right {
  width: 30%;
}
.bothSection .smartApp .smartAppFeature .app_direction .featureIcons {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  align-items: center;
  gap: 20px;
}
.bothSection .smartApp .smartAppFeature .app_direction .featureIcons .iconItems {
  text-align: center;
  width: 45%;
  margin-bottom: 10px;
}
.bothSection .smartApp .smartAppFeature .app_direction .featureIcons .iconItems img {
  width: auto;
  max-width: unset;
  height: 100%;
  max-height: 100px;
  transition: 1.5s;
}
.bothSection .smartApp .smartAppFeature .app_direction .featureIcons .iconItems img:hover {
  cursor: pointer;
  -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1);
}
.bothSection .smartApp .smartAppFeature .app_direction .featureIcons .iconItems h6 {
  margin-top: 10px;
  height: 30px;
  font-size: 14px;
}
.bothSection .smartApp .smartAppFeature .app_direction .advanceMobile img {
  width: 100%;
}
.bothSection .smartApp .featureAppDownload {
  margin-block: 30px;
}
.bothSection .smartApp .featureAppDownload-column {
  display: none;
}
.bothSection .smartApp .featureAppDownload p {
  font-weight: 300;
  color: #0c2256;
  font-weight: bold;
  font-size: clamp(1.75rem, 2vw, 4.25rem);
  line-height: 1.205em;
  width: 100%;
  max-width: 390px;
}
.bothSection .smartApp .featureAppDownload .appDescription p {
  margin-bottom: 0;
}
.bothSection .smartApp .advMobileFooter {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 20px;
  flex-direction: column;
}
.bothSection .smartApp .advMobileFooter .advMobileFooterAction {
  margin-top: 1.5rem;
}
.bothSection .smartApp .advMobileFooter .advMobileFooterAction .btnBlueFilled {
  white-space: nowrap;
}
.bothSection .smartApp .advMobileFooter .appDescription .appDescriptionFlex {
  display: flex;
  gap: 20px;
  align-items: center;
}
.bothSection .smartApp .advMobileFooter .appDescription .appDescriptionFlex p {
  color: #0c2256;
  font-size: 24px;
  margin-bottom: 0;
  white-space: nowrap;
}

@media screen and (min-width: 576px) and (max-width: 1400.99px) {
  .bothSection .augmentedFeatures-cardBody-items {
    width: 45% !important;
    margin-bottom: 50px;
    margin-inline: auto !important;
  }
  .bothSection .augmentedFeatures-cardBody-items-img img {
    max-height: 80px;
    min-height: 80px;
  }
}
@media screen and (max-width: 1366.99px) {
  .bothSection .smartApp .advFeature .app_direction .featureIcons .iconItems {
    margin-bottom: 50px;
  }
  .bothSection .smartApp .advMobileFooter {
    align-items: start;
    flex-direction: column;
    gap: 20px;
  }
}
@media screen and (max-width: 1280.99px) {
  .bothSection .smartApp .advFeature .app_direction {
    flex-direction: column;
  }
}
@media screen and (max-width: 1200.99px) {
  .bothSection .smartApp .smartAppFeature .app_direction {
    flex-direction: column;
  }
  .bothSection .smartApp .smartAppFeature .app_direction .featureAppDownload-row {
    display: none;
  }
  .bothSection .smartApp .smartAppFeature .app_direction .featureAppDownload-column {
    display: block;
  }
  .bothSection .smartApp .smartAppFeature .app_direction .app-left {
    width: 100%;
  }
  .bothSection .smartApp .smartAppFeature .app_direction .app-right {
    width: 60%;
    margin: auto;
  }
}
@media screen and (max-width: 991.99px) {
  .bothSection .smartApp .advMobileFooter .appDescription .appDescriptionFlex {
    justify-content: center;
  }
  .bothSection .smartApp .advMobileFooter .appDescription .appDescriptionFlex img {
    min-height: 40px;
  }
  .bothSection .smartApp .smartAppFeature .app_direction .app-right {
    width: 75%;
    margin-top: 1rem;
  }
}
@media screen and (max-width: 620.99px) {
  .seamlessCardBody {
    height: 100%;
  }
}
@media screen and (max-width: 575.99px) {
  .bothSection .smartApp .advFeature .app_direction {
    flex-direction: column-reverse;
  }
  .bothSection .smartApp .advFeature .app_direction .app-right {
    width: 80%;
  }
  .bothSection .augmentedFeatures .subTitle {
    margin-bottom: 20px;
  }
}
.seamlessMain {
  border-top: 1px solid #0c2256;
  margin-bottom: 50px;
}
.seamlessMain .seamLessIntegration {
  margin-top: 30px;
  padding: 30px;
}
.seamlessMain .seamLessIntegration .seamlessCardBody .seamlessCard {
  display: flex;
  flex-wrap: wrap;
  gap: 1%;
  transition: 0.5s all ease-in-out;
}
.seamlessMain .seamLessIntegration .seamlessCardBody .seamlessCard .seamLessCardItem {
  width: 24%;
  margin-bottom: 0.75rem;
  transition: 0.5s all ease-in-out;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .seamlessMain .seamLessIntegration .seamlessCardBody .seamlessCard .seamLessCardItem:not(.active) {
    aspect-ratio: 1;
  }
}
.seamlessMain .seamLessIntegration .seamlessCardBody .seamlessCard .seamLessCardItem-float {
  position: absolute;
  top: 0;
  right: 0;
}
.seamlessMain .seamLessIntegration .seamlessCardBody .seamlessCard .seamLessCardItem.active {
  width: 49%;
}
.seamlessMain .seamLessIntegration .seamlessCardBody .seamlessCard .seamLessCardItem.active .carditems {
  display: flex;
  gap: 20px;
  align-items: center;
  transition: 0.5s all;
  flex-direction: row;
}
.seamlessMain .seamLessIntegration .seamlessCardBody .seamlessCard .seamLessCardItem.active .carditems .cardImage {
  height: 200px;
  max-height: 50%;
  width: 50%;
  /*  Animation decalaration   */
  animation-name: moveInRight;
  animation-duration: 2.5s;
}
.seamlessMain .seamLessIntegration .seamlessCardBody .seamlessCard .seamLessCardItem.active .carditems .cardItemsDescp {
  text-align: left;
  width: 50%;
}
.seamlessMain .seamLessIntegration .seamlessCardBody .seamlessCard .seamLessCardItem.active .carditems .cardItemsDescp h6 {
  /*  Animation decalaration   */
  animation-name: moveInleft;
  animation-duration: 2.5s;
  margin-top: 0;
}
.seamlessMain .seamLessIntegration .seamlessCardBody .seamlessCard .seamLessCardItem.active .carditems .cardItemsDescp p {
  opacity: 1;
  height: auto;
  margin-bottom: 20px;
  /*  Animation decalaration   */
  animation-name: moveInleft;
  animation-duration: 2.5s;
}
.seamlessMain .seamLessIntegration .seamlessCardBody .seamlessCard .seamLessCardItem.active .carditems .cardItemsDescp .cardBtn {
  opacity: 1;
  height: auto;
  /*  Animation decalaration   */
  animation-name: moveInleft;
  animation-duration: 2.5s;
}
.seamlessMain .seamLessIntegration .seamlessCardBody .seamlessCard .seamLessCardItem .carditems {
  background-color: #f5f5f6;
  border-radius: 10px;
  padding: 30px 25px;
  text-align: center;
  height: 100%;
  max-height: 350px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.seamlessMain .seamLessIntegration .seamlessCardBody .seamlessCard .seamLessCardItem .carditems .cardImage {
  display: inline-block;
  max-width: 250px;
  max-height: min(200px, 85%);
  margin-bottom: 1rem;
}
.seamlessMain .seamLessIntegration .seamlessCardBody .seamlessCard .seamLessCardItem .carditems .cardImage img {
  margin-bottom: 20px;
  width: 100%;
  max-width: 250px;
  height: 100%;
  max-height: 250px;
  object-fit: contain;
}
.seamlessMain .seamLessIntegration .seamlessCardBody .seamlessCard .seamLessCardItem .carditems .cardImage h6 {
  color: #0c2256;
  font-size: 17px;
  height: 50px;
}
.seamlessMain .seamLessIntegration .seamlessCardBody .seamlessCard .seamLessCardItem .carditems .cardItemsDescp {
  width: 100%;
  text-align: center;
}
.seamlessMain .seamLessIntegration .seamlessCardBody .seamlessCard .seamLessCardItem .carditems .cardItemsDescp h6 {
  color: #0c2256;
  font-size: clamp(0.8125rem, 0.7548rem + 0.2564vw, 1.0625rem);
  height: clamp(1.25rem, 0.9615rem + 1.2821vw, 2.5rem);
  margin-top: clamp(0rem, -0.4295rem + 1.66vw, 1.5625rem);
  font-weight: 500;
}
.seamlessMain .seamLessIntegration .seamlessCardBody .seamlessCard .seamLessCardItem .carditems .cardItemsDescp p {
  font-size: 14px;
  opacity: 0;
  height: 0;
  margin: 0;
}
.seamlessMain .seamLessIntegration .seamlessCardBody .seamlessCard .seamLessCardItem .carditems .cardItemsDescp .cardBtn {
  opacity: 0;
  height: 0;
  margin: 0;
}
@keyframes moveInleft {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }
  50% {
    transform: translateX(10px);
  }
  100% {
    opacity: 1;
    transform: translate(0);
  }
}
@keyframes moveInRight {
  0% {
    opacity: 0;
    transform: translateX(100px);
  }
  50% {
    transform: translateX(-10px);
  }
  100% {
    opacity: 1;
    transform: translate(0);
  }
}

.integrationsPage .seamlessMain {
  border-top: none;
  margin-bottom: 50px;
}
.integrationsPage .seamlessMain .seamLessIntegration {
  padding: 0;
}
.integrationsPage .seamlessMain .seamLessIntegration .seamlessCardBody .seamlessCard {
  gap: 2%;
}
.integrationsPage .seamlessMain .seamLessIntegration .seamlessCardBody .seamlessCard .seamLessCardItem {
  width: 49%;
  margin-bottom: 2%;
}
.integrationsPage .seamlessMain .seamLessIntegration .seamlessCardBody .seamlessCard .seamLessCardItem.floatCard {
  order: 1;
}
.integrationsPage .seamlessMain .seamLessIntegration .seamlessCardBody .seamlessCard .seamLessCardItem.active {
  width: 100%;
}

@media screen and (max-width: 1400.99px) {
  .seamlessMain .seamLessIntegration .seamlessCardBody .seamlessCard .seamLessCardItem {
    width: 23%;
  }
  .seamlessMain .seamLessIntegration .seamlessCardBody .seamlessCard .seamLessCardItem.active {
    width: 48%;
  }
}
@media screen and (max-width: 1280.99px) {
  .seamlessMain .seamlessCardBody .seamlessCard .seamLessCardItem {
    width: 100%;
  }
  .seamlessMain .seamlessCardBody .seamlessCard .seamLessCardItem.active .carditems {
    flex-direction: column;
  }
  .seamlessMain .seamlessCardBody .seamlessCard .seamLessCardItem.active .carditems .cardItemsDescp {
    width: 100%;
  }
}
@media screen and (max-width: 1200.99px) {
  .seamlessMain .seamLessIntegration .seamlessCardBody .seamlessCard .seamLessCardItem {
    width: 32%;
  }
  .seamlessMain .seamLessIntegration .seamlessCardBody .seamlessCard .seamLessCardItem.active {
    width: 66%;
  }
}
@media screen and (max-width: 991.99px) {
  .seamlessMain .seamLessIntegration .seamlessCardBody .seamlessCard .seamLessCardItem {
    width: 48%;
  }
  .seamlessMain .seamLessIntegration .seamlessCardBody .seamlessCard .seamLessCardItem.active {
    width: 98%;
  }
}
@media screen and (max-width: 768.99px) {
  .seamlessMain .seamLessIntegration .seamlessCardBody .seamlessCard {
    gap: 3%;
  }
  .seamlessMain .seamLessIntegration .seamlessCardBody .seamlessCard .seamLessCardItem {
    overflow: hidden;
  }
  .seamlessMain .seamLessIntegration .seamlessCardBody .seamlessCard .seamLessCardItem .carditems {
    max-height: unset;
  }
  .seamlessMain .seamLessIntegration .seamlessCardBody .seamlessCard .seamLessCardItem.active {
    width: 100%;
  }
  .seamlessMain .seamLessIntegration .seamlessCardBody .seamlessCard .seamLessCardItem.active .carditems {
    flex-direction: column;
  }
  .seamlessMain .seamLessIntegration .seamlessCardBody .seamlessCard .seamLessCardItem.active .carditems .cardImage {
    width: 100%;
  }
  .seamlessMain .seamLessIntegration .seamlessCardBody .seamlessCard .seamLessCardItem.active .carditems .cardItemsDescp {
    width: 100%;
  }
}
@media screen and (max-width: 620.99px) {
  .seamlessCardBody {
    height: 100%;
  }
}
.industriesSection {
  padding: 50px 0;
}
.industriesSection .title small {
  color: #007bce;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
.industriesSection .title .title__text {
  font-size: clamp(1.75rem, 1.1731rem + 2vw, 4.25rem);
  line-height: 1.205em;
  color: #0c2256;
}
.industriesSection .title p {
  color: #0c2256;
  line-height: 32px;
  font-size: clamp(1.1rem, 0.8558rem + 0.5vw, 1.625rem);
  line-height: 1.23em;
}
.industriesSection .title p a {
  color: #007bce;
  text-decoration: none;
  font-weight: 600;
}
.industriesSection .indsBotFeature {
  margin-top: 50px;
  margin-bottom: 30px;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: 1fr;
  grid-row-gap: 0px;
}
.industriesSection .indsBotFeature .indsItem {
  text-align: center;
}
.industriesSection .indsBotFeature .indsItem .indIcon lottie-player,
.industriesSection .indsBotFeature .indsItem .indIcon img,
.industriesSection .indsBotFeature .indsItem .indIcon svg {
  width: 100%;
  margin-bottom: 20px;
}
.industriesSection .indsBotFeature .indsItem .indIcon h6 {
  font-size: 24px;
  color: #007bce;
}

.partnerSec {
  margin: 50px 0;
  padding: 50px 0;
  border-top: 1px solid #007bce;
  border-bottom: 1px solid #007bce;
}
.partnerSec .subTitle {
  margin-bottom: 20px;
}
.partnerSec .subTitle span {
  color: #007bce;
}
.partnerSec .partnerItem {
  text-align: center;
}
.partnerSec .partnerItem img {
  width: 100%;
  max-width: 200px;
  animation: pulse 1.1s infinite alternate;
}

.whyUs {
  margin-top: 50px;
  margin-bottom: 100px;
}
.whyUs .btnBlueFilled,
.whyUs .btnBlueBorder {
  width: 100%;
  max-width: fit-content;
  max-width: -moz-fit-content;
  justify-content: center;
  white-space: nowrap;
}
.whyUs .whyUsIcon .btnBlueFilled,
.whyUs .whyUsIcon .btnBlueBorder {
  max-width: unset;
  width: auto;
}
.whyUs .title small {
  color: #007bce;
  font-size: 18px;
  font-weight: 500;
}
.whyUs .title .title__text {
  font-size: clamp(1.75rem, 1.1731rem + 2vw, 4.25rem);
  line-height: 1.205em;
  color: #0c2256;
}
.whyUs .title p {
  color: #0c2256;
  font-weight: 300;
  font-size: clamp(1.1rem, 0.8558rem + 0.5vw, 1.625rem);
  line-height: 1.23em;
}
.whyUs .title p a {
  color: #007bce;
  text-decoration: none;
  font-weight: 600;
}
.whyUs .rightImage-mobile {
  display: none;
}
.whyUs .rightImage img {
  width: 100%;
  margin-top: 50px;
}
.whyUs .whyUsIcon {
  margin: 40px 0;
}
.whyUs .whyUsIcon span {
  color: #007bce;
  font-weight: 600;
  height: 20px;
}
.whyUs .whyUsIcon img {
  transition: 1.5s;
}
.whyUs .whyUsIcon img:hover {
  transform: translateY(-10px);
}
.whyUs .whyUsIcon .d-flex {
  margin-top: 30px;
  margin-bottom: 20px;
}
.whyUs .whyUsIcon .btnBlueFilled span {
  color: #ffffff;
}

.solvingProblem {
  padding-top: 30px;
  padding-bottom: 60px;
}
.solvingProblem .title small {
  color: #007bce;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
.solvingProblem .title .title__text {
  color: #0c2256;
  font-size: clamp(1.75rem, 1.1731rem + 2vw, 4.25rem);
  line-height: 1.205em;
}
.solvingProblem .mainSliderNav {
  position: absolute;
  bottom: 35px;
  right: 4vw;
  z-index: 1;
  display: flex;
  gap: 10px;
  transform: rotate(90deg);
}
.solvingProblem .mainSliderNav .fa {
  position: relative;
  z-index: 11;
  color: #007bce;
  font-size: 20px;
  border: 2px solid #007bce;
  padding: 10px;
  border-radius: 50px;
}
.solvingProblem .mainSliderNav .swiper-button-next,
.solvingProblem .mainSliderNav .swiper-button-prev {
  position: unset;
  color: #007bce;
}
.solvingProblem .mainSliderNav .swiper-pagination-bullet {
  height: 15px;
  width: 15px;
  background: #007bce;
  opacity: 0.5;
}
.solvingProblem .mainSliderNav .swiper-pagination-bullet-active {
  background: #007bce;
  opacity: 1;
}
.solvingProblem .positionRelative {
  position: relative;
  z-index: 3;
}
.solvingProblem .solvingSection {
  margin-top: 30px;
}
.solvingProblem .solvingSection .mainSolvingSlideBtns {
  height: 550px;
}
.solvingProblem .solvingSection .mainSolvingSlideBtns .btnBlueBorder {
  position: absolute;
  left: 0;
  bottom: 100px;
  z-index: 3;
}
.solvingProblem .solvingSection .mainSolvingSlideBtns .swiper-slide {
  height: auto;
  width: 100% !important;
  cursor: pointer;
  background-color: #f5f5f6;
  padding: 10px 20px;
  padding-left: 20px;
  color: #007bce;
  border-radius: 10px 0 0px 10px;
  margin-bottom: 5px;
}
.solvingProblem .solvingSection .mainSolvingSlideBtns .swiper-slide .textStyle i {
  display: none;
}
.solvingProblem .solvingSection .mainSolvingSlideBtns .swiper-slide.swiper-slide-thumb-active {
  background-color: #0c2256;
  color: #ffffff;
  position: relative;
  overflow: hidden;
}
.solvingProblem .solvingSection .mainSolvingSlideBtns .swiper-slide.swiper-slide-thumb-active::before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 10px;
  content: "";
  background-color: #007bce;
}
.solvingProblem .solvingSection .mainSolvingSlideBtns .swiper-slide.swiper-slide-thumb-active .textStyle i {
  display: inline-block;
}
.solvingProblem .solvingSection .mainSolvingSlideBtns.swiper-free-mode > .swiper-wrapper {
  display: flex;
  flex-direction: column;
  transform: none !important;
}
.solvingProblem .solvingSection .mainSolvingSlide.swiper-3d .swiper-wrapper {
  -moz-transform-style: unset;
}
.solvingProblem .solvingSection .mainSolvingSlide.swiper-3d .swiper-slide {
  transform-style: unset;
}
.solvingProblem .solvingSection .mainSolvingSlide.swiper-cards .swiper-slide {
  background-color: #ffffff;
  border: 0px solid rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  transition-property: unset;
  border-radius: 10px;
}
.solvingProblem .solvingSection .mainSolvingSlide.swiper-cards .swiper-slide .slideItem {
  position: relative;
  height: 640px;
}
.solvingProblem .solvingSection .mainSolvingSlide.swiper-cards .swiper-slide .slideItem .solvingTopText {
  position: relative;
  z-index: 2;
  padding: 20px;
}
.solvingProblem .solvingSection .mainSolvingSlide.swiper-cards .swiper-slide .slideItem .solvingTopText h3 {
  color: #0c2256;
  font-size: 38px;
  margin-bottom: 0;
}
.solvingProblem .solvingSection .mainSolvingSlide.swiper-cards .swiper-slide .slideItem .solvingTopText p {
  color: #0c2256;
  font-size: 28px;
}
.solvingProblem .solvingSection .mainSolvingSlide.swiper-cards .swiper-slide .slideItem .solvingMid {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.solvingProblem .solvingSection .mainSolvingSlide.swiper-cards .swiper-slide .slideItem .solvingMid svg,
.solvingProblem .solvingSection .mainSolvingSlide.swiper-cards .swiper-slide .slideItem .solvingMid img {
  width: 100%;
}
.solvingProblem .solvingSection .mainSolvingSlide.swiper-cards .swiper-slide .solvingBotActions {
  position: absolute;
  right: 30px;
  bottom: 30px;
  z-index: 5;
}
.solvingProblem .solvingSection .mainSolvingSlide.swiper-cards .swiper-slide .solvingBotActions .btnBlueBorder {
  background-color: #ffffff;
  font-size: 14px;
  padding: 10px 25px !important;
}
.solvingProblem .solvingSection .mainSolvingSlide.swiper-cards .swiper-slide .solvingBotActions .btnBlueFilled {
  background-color: #0c2256;
  border: 1px solid #0c2256;
  font-size: 14px;
  padding: 10px 25px !important;
}
.solvingProblem .solvingSection .mainSolvingSlide.swiper-3d .swiper-slide-shadow {
  background-color: #ffffff;
}

@media screen and (max-width: 1200px) and (min-width: 768px) {
  .solvingProblem .solvingSection .mainSolvingSlideBtns .btnBlueBorder {
    bottom: 100px;
  }
}
.mainSitefooter {
  background-color: #0c2256;
  color: #ffffff;
  padding-top: 50px !important;
}
.mainSitefooter .footerMid {
  border-bottom: 1px solid #007bce;
  padding-bottom: 40px;
  margin-bottom: 15px;
}
.mainSitefooter .footerMid .footerLinks h6 {
  margin-bottom: 20px;
}
.mainSitefooter .footerMid .footerLinks h6 a {
  color: #ffffff;
  text-decoration: none;
}
.mainSitefooter .footerMid .footerLinks ul {
  list-style: none;
  padding-left: 0;
}
.mainSitefooter .footerMid .footerLinks ul li a {
  text-decoration: none;
  transition: 0.5s all;
  margin-bottom: 10px;
  display: inline-block;
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
}
.mainSitefooter .footerMid .footerLinks ul li a:hover {
  color: white;
}
.mainSitefooter .footerMid .footerLinks ul li a span {
  margin-left: 5px;
  display: inline-block;
  word-break: break-all;
}
.mainSitefooter .footerMid .footerLinks ul li .footerSocialize a {
  color: #007bce;
  font-size: 18px;
}
.mainSitefooter .playStores > div {
  flex-wrap: wrap;
}

.footerSepratorTop {
  position: relative;
  height: 50px;
  margin-bottom: 50px;
}
.footerSepratorTop::before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #007bce;
  height: 1px;
  width: 100%;
}
.footerSepratorTop img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #0c2256;
  padding: 10px;
}

.footerSubscription .form-control {
  max-width: 300px;
  border-radius: 50px;
}
.footerSubscription .form-control::placeholder {
  color: #007bce;
}
.footerSubscription .form-control::-moz-placeholder {
  color: #007bce;
}
.footerSubscription .form-control::-webkit-input-placeholder {
  color: #007bce;
}

.footerBot {
  padding-top: 15px;
  padding-bottom: 25px;
}
.footerBot .footerLeft p {
  margin-bottom: 0;
}
.footerBot .footerRight ul {
  list-style: none;
  display: flex;
  margin-bottom: 0;
  justify-content: center;
}
.footerBot .footerRight ul li {
  border-right: 1px solid white;
  padding-right: 10px;
  margin-right: 10px;
}
.footerBot .footerRight ul li:last-child {
  border-right: 0px solid white;
  padding-right: 0px;
  margin-right: 0px;
}
.footerBot .footerRight ul li a {
  text-decoration: none;
  color: #ffffff;
}

.mainPageCounter .leftImage {
  text-align: center;
  overflow: hidden;
}
.mainPageCounter .leftImage #Layer_1 {
  width: 100%;
  max-width: 800px;
}

.aeroPlane {
  animation: aeroplane1 12s ease infinite;
  -webkit-animation: aeroplane1 12s ease infinite;
}

.shipCount {
  animation: ship 1.5s ease infinite alternate;
  -webkit-animation: ship 1.5s ease infinite alternate;
}

.dashedCount {
  animation: dash 15s linear infinite;
  animation-direction: reverse;
  stroke-dasharray: 20;
}

.buildingCount {
  -webkit-animation: pulse1 1.5s infinite ease-in-out alternate;
  animation: pulse1 1.5s infinite ease-in-out alternate;
}

.truckCount {
  -webkit-animation: pulse 1s infinite ease-in-out alternate;
  animation: pulse 1s infinite ease-in-out alternate;
}

.trainCounter {
  -webkit-animation: pulse2 0.5s infinite ease-in-out alternate;
  animation: pulse2 0.5s infinite ease-in-out alternate;
}

@keyframes pulse {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.02);
  }
}
@-webkit-keyframes pulse {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.02);
  }
}
@keyframes pulse1 {
  from {
    transform: scaleY(1);
  }
  to {
    transform: scaleY(1.02);
  }
}
@-webkit-keyframes pulse1 {
  from {
    transform: scaleY(1);
  }
  to {
    transform: scaleY(1.02);
  }
}
@keyframes pulse2 {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.02);
  }
}
@-webkit-keyframes pulse2 {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.02);
  }
}
@-webkit-keyframes dash {
  to {
    stroke-dashoffset: 1000;
  }
}
@keyframes aeroplane1 {
  0% {
    opacity: 0;
    transform: translateX(-1000px) rotate(-45deg);
  }
  50% {
    opacity: 1;
    transform: translateX(0px);
  }
  100% {
    transform: translateX(1000px) rotate(45deg);
    opacity: 0;
  }
}
@-webkit-keyframes aeroplane1 {
  0% {
    opacity: 0;
    transform: translateX(-1000px) rotate(-45deg);
  }
  50% {
    opacity: 1;
    transform: translateX(0px);
  }
  100% {
    transform: translateX(1000px) rotate(45deg);
  }
}
@-webkit-keyframes bounce {
  0% {
    text-shadow: 0 5px 0 #ccc, 0 2px 3px rgb(0, 0, 0);
  }
  100% {
    transform: translateY(-20px);
    text-shadow: 0 50px 0 #000000, 0 0px 20px rgba(0, 0, 0, 0.8);
  }
}
@-webkit-keyframes ship {
  0% {
    text-shadow: 0 5px 0 #ccc, 0 2px 3px rgb(0, 0, 0);
  }
  100% {
    transform: translateY(-20px);
    text-shadow: 0 50px 0 #000000, 0 0px 20px rgba(0, 0, 0, 0.8);
  }
}
/*  Junaid Animations */
@keyframes shipAnimation {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(2%);
  }
  100% {
    transform: translateY(0);
  }
}
@-webkit-keyframes shipAnimation {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(2%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes arrowAnimation {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-5%, -3%);
  }
  100% {
    transform: translate(0, 0);
  }
}
@-webkit-keyframes arrowAnimation {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-5%, -3%);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes trainAnimation {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-5%, -5%);
  }
  100% {
    transform: translate(0, 0);
  }
}
@-webkit-keyframes trainAnimation {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-5%, -5%);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes aeroplaneAnimation {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-5%, -3%);
  }
  100% {
    transform: translate(0, 0);
  }
}
@-webkit-keyframes aeroplaneAnimation {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-5%, -3%);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes busAnimation {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-8%, -5%);
  }
  100% {
    transform: translate(0, 0);
  }
}
@-webkit-keyframes busAnimation {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-8%, -5%);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes truckAnimation {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-8%, -5%);
  }
  100% {
    transform: translate(0, 0);
  }
}
@-webkit-keyframes truckAnimation {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-8%, -5%);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes purseAnimation {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-5%, -5%);
  }
  100% {
    transform: translate(0, 0);
  }
}
@-webkit-keyframes purseAnimation {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-5%, -5%);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes carAnimation {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-5%, -5%);
  }
  100% {
    transform: translate(0, 0);
  }
}
@-webkit-keyframes carAnimation {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-5%, -5%);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes capsuleAnimation {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(5%, -5%);
  }
  100% {
    transform: translate(0, 0);
  }
}
@-webkit-keyframes capsuleAnimation {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(5%, -5%);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes milkBoxAnimation {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-5%, -5%);
  }
  100% {
    transform: translate(0, 0);
  }
}
@-webkit-keyframes milkBoxAnimation {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-5%, -5%);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes purseAnimation {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-5%, -5%);
  }
  100% {
    transform: translate(0, 0);
  }
}
@-webkit-keyframes purseAnimation {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-5%, -5%);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes dressingStandAnimation {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-5%, -5%);
  }
  100% {
    transform: translate(0, 0);
  }
}
@-webkit-keyframes dressingStandAnimation {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-5%, -5%);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes carAnimation {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-5%, -5%);
  }
  100% {
    transform: translate(0, 0);
  }
}
@-webkit-keyframes carAnimation {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-5%, -5%);
  }
  100% {
    transform: translate(0, 0);
  }
}
.cls-1 {
  clip-path: url(#clippath-290);
}

.cls-2 {
  clip-path: url(#clippath-376);
}

.cls-3 {
  fill: url(#linear-gradient-75);
}

.cls-4 {
  clip-path: url(#clippath-73);
}

.cls-5 {
  clip-path: url(#clippath-559);
}

.cls-6 {
  fill: #5596e6;
}

.cls-7 {
  fill: #72a8ea;
}

.cls-8 {
  clip-path: url(#clippath-382);
}

.cls-9 {
  clip-path: url(#clippath-655);
}

.cls-10 {
  clip-path: url(#clippath-249);
}

.cls-11 {
  clip-path: url(#clippath-361);
}

.cls-12 {
  clip-path: url(#clippath-489);
}

.cls-13 {
  clip-path: url(#clippath-234);
}

.cls-14 {
  clip-path: url(#clippath-206);
}

.cls-15 {
  clip-path: url(#clippath-467);
}

.cls-16 {
  clip-path: url(#clippath-448);
}

.cls-17 {
  clip-path: url(#clippath-270);
}

.cls-18 {
  clip-path: url(#clippath-72);
}

.cls-19 {
  clip-path: url(#clippath-505);
}

.cls-20 {
  clip-path: url(#clippath-321);
}

.cls-21 {
  clip-path: url(#clippath-62);
}

.cls-22 {
  clip-path: url(#clippath-313);
}

.cls-23 {
  clip-path: url(#clippath-302);
}

.cls-24 {
  fill: #88b6ed;
}

.cls-25 {
  clip-path: url(#clippath-186);
}

.cls-26 {
  fill: url(#linear-gradient-2);
}

.cls-27 {
  clip-path: url(#clippath-520);
}

.cls-28 {
  clip-path: url(#clippath-45);
}

.cls-29 {
  clip-path: url(#clippath-208);
}

.cls-30 {
  clip-path: url(#clippath-63);
}

.cls-31 {
  fill: url(#linear-gradient-51);
}

.cls-32 {
  clip-path: url(#clippath-518);
}

.cls-33 {
  clip-path: url(#clippath-188);
}

.cls-34 {
  fill: #89b6ed;
}

.cls-35 {
  fill: #66a1e8;
}

.cls-36 {
  fill: #d9e8f9;
}

.cls-37 {
  clip-path: url(#clippath-602);
}

.cls-38 {
  clip-path: url(#clippath-597);
}

.cls-39 {
  fill: #5e9ce7;
}

.cls-40 {
  clip-path: url(#clippath-485);
}

.cls-41 {
  clip-path: url(#clippath-170);
}

.cls-42 {
  clip-path: url(#clippath-20);
}

.cls-43 {
  fill: #4c91e4;
}

.cls-44 {
  fill: #c9c9ca;
}

.cls-45 {
  clip-path: url(#clippath-135);
}

.cls-46 {
  clip-path: url(#clippath-659);
}

.cls-47 {
  clip-path: url(#clippath-11);
}

.cls-48 {
  clip-path: url(#clippath-123);
}

.cls-49 {
  clip-path: url(#clippath-539);
}

.cls-50 {
  fill: #82b2ec;
}

.cls-51 {
  clip-path: url(#clippath-16);
}

.cls-52 {
  clip-path: url(#clippath-671);
}

.cls-53 {
  fill: #fff;
}

.cls-54 {
  fill: url(#Jy);
}

.cls-55 {
  clip-path: url(#clippath-157);
}

.cls-56 {
  clip-path: url(#clippath-315);
}

.cls-57 {
  clip-path: url(#clippath-510);
}

.cls-58 {
  clip-path: url(#clippath-340);
}

.cls-59 {
  clip-path: url(#clippath-59);
}

.cls-60 {
  clip-path: url(#clippath-357);
}

.cls-61 {
  clip-path: url(#clippath-593);
}

.cls-62 {
  fill: url(#linear-gradient-17);
}

.cls-63 {
  clip-path: url(#clippath-78);
}

.cls-64 {
  clip-path: url(#clippath-287);
}

.cls-65 {
  clip-path: url(#clippath-207);
}

.cls-66 {
  fill: #adc3de;
}

.cls-67 {
  clip-path: url(#clippath-451);
}

.cls-68 {
  fill: #bcd5f5;
}

.cls-69 {
  clip-path: url(#clippath-477);
}

.cls-70 {
  fill: url(#linear-gradient-87);
}

.cls-71 {
  clip-path: url(#clippath-199);
}

.cls-72 {
  clip-path: url(#clippath-440);
}

.cls-73 {
  clip-path: url(#clippath-303);
}

.cls-74 {
  clip-path: url(#clippath-289);
}

.cls-75 {
  fill: #79aceb;
}

.cls-76 {
  fill: #000717;
}

.cls-77 {
  clip-path: url(#clippath-275);
}

.cls-78 {
  clip-path: url(#clippath-411);
}

.cls-79 {
  clip-path: url(#clippath-169);
}

.cls-80 {
  clip-path: url(#clippath-93);
}

.cls-81 {
  fill: #b1cff3;
}

.cls-82 {
  clip-path: url(#clippath-261);
}

.cls-83 {
  clip-path: url(#clippath-388);
}

.cls-84 {
  clip-path: url(#clippath-267);
}

.cls-85 {
  clip-path: url(#clippath-609);
}

.cls-86 {
  clip-path: url(#clippath-342);
}

.cls-87 {
  clip-path: url(#clippath-542);
}

.cls-88 {
  fill: #c8ddf7;
}

.cls-89 {
  fill: #97bff0;
}

.cls-90 {
  clip-path: url(#clippath-337);
}

.cls-91 {
  clip-path: url(#clippath-379);
}

.cls-92 {
  clip-path: url(#clippath-158);
}

.cls-93 {
  fill: url(#linear-gradient-93);
}

.cls-94 {
  clip-path: url(#clippath-89);
}

.cls-95 {
  clip-path: url(#clippath-311);
}

.cls-96 {
  fill: url(#linear-gradient-92);
}

.cls-97 {
  fill: #c4daf6;
}

.cls-98 {
  clip-path: url(#clippath-33);
}

.cls-99 {
  clip-path: url(#clippath-64);
}

.cls-100 {
  clip-path: url(#clippath-233);
}

.cls-101 {
  fill: url(#linear-gradient-80);
}

.cls-102 {
  clip-path: url(#clippath-47);
}

.cls-103 {
  clip-path: url(#clippath-220);
}

.cls-104 {
  clip-path: url(#clippath-436);
}

.cls-105 {
  clip-path: url(#clippath-94);
}

.cls-106 {
  fill: url(#linear-gradient-109);
}

.cls-107 {
  clip-path: url(#clippath-77);
}

.cls-108 {
  clip-path: url(#clippath-588);
}

.cls-109 {
  fill: #011034;
}

.cls-110 {
  clip-path: url(#clippath-162);
}

.cls-111 {
  fill: #ccdff7;
}

.cls-112 {
  clip-path: url(#clippath-121);
}

.cls-113 {
  clip-path: url(#clippath-501);
}

.cls-114 {
  fill: url(#linear-gradient-43);
}

.cls-115 {
  clip-path: url(#clippath-320);
}

.cls-116 {
  fill: #81b1ec;
}

.cls-117 {
  fill: #f6f9fe;
}

.cls-118 {
  fill: #4f92e5;
}

.cls-119 {
  fill: #e3eefb;
}

.cls-120 {
  clip-path: url(#clippath-572);
}

.cls-121 {
  clip-path: url(#clippath-160);
}

.cls-122 {
  clip-path: url(#clippath-116);
}

.cls-123 {
  fill: #69a3e9;
}

.cls-124 {
  clip-path: url(#clippath-161);
}

.cls-125 {
  clip-path: url(#clippath-151);
}

.cls-126 {
  clip-path: url(#clippath-371);
}

.cls-127 {
  fill: #5b9ae7;
}

.cls-128 {
  fill: #00267e;
}

.cls-129 {
  clip-path: url(#clippath-323);
}

.cls-130 {
  clip-path: url(#clippath-136);
}

.cls-131 {
  fill: #d3e4f8;
}

.cls-132 {
  clip-path: url(#clippath-387);
}

.cls-133 {
  fill: #5496e6;
}

.cls-134 {
  fill: #031236;
}

.cls-135 {
  fill: #b6d2f4;
}

.cls-136 {
  clip-path: url(#clippath-326);
}

.cls-137 {
  clip-path: url(#clippath-293);
}

.cls-138 {
  clip-path: url(#clippath-132);
}

.cls-139 {
  clip-path: url(#clippath-276);
}

.cls-140 {
  fill: #6da5e9;
}

.cls-141 {
  clip-path: url(#clippath-557);
}

.cls-142 {
  opacity: 0.5;
}

.cls-143 {
  clip-path: url(#clippath-627);
}

.cls-144 {
  fill: #0c2256;
}

.cls-145 {
  clip-path: url(#clippath-427);
}

.cls-146 {
  clip-path: url(#clippath-645);
}

.cls-147 {
  fill: #488ee4;
}

.cls-148 {
  fill: #e7f0fb;
}

.cls-149 {
  clip-path: url(#clippath-41);
}

.cls-150 {
  clip-path: url(#clippath-661);
}

.cls-151 {
  clip-path: url(#clippath-334);
}

.cls-152 {
  clip-path: url(#clippath-32);
}

.cls-153 {
  clip-path: url(#clippath-305);
}

.cls-154 {
  fill: url(#linear-gradient-15);
}

.cls-155 {
  fill: url(#linear-gradient-58);
}

.cls-156 {
  clip-path: url(#clippath-190);
}

.cls-157 {
  clip-path: url(#clippath-624);
}

.cls-158 {
  clip-path: url(#clippath-309);
}

.cls-159 {
  clip-path: url(#clippath-197);
}

.cls-160 {
  fill: #aecdf3;
}

.cls-161 {
  clip-path: url(#clippath-108);
}

.cls-162 {
  fill: #93bdef;
}

.cls-163 {
  clip-path: url(#clippath-491);
}

.cls-164 {
  clip-path: url(#clippath-163);
}

.cls-165 {
  fill: #98c0f0;
}

.cls-166 {
  fill: url(#linear-gradient-69);
}

.cls-167 {
  clip-path: url(#clippath-439);
}

.cls-168 {
  fill: #7fb0ec;
}

.cls-169 {
  clip-path: url(#clippath-112);
}

.cls-170 {
  clip-path: url(#clippath-403);
}

.cls-171 {
  fill: url(#linear-gradient-81);
}

.cls-172 {
  clip-path: url(#clippath-87);
}

.cls-173 {
  clip-path: url(#clippath-347);
}

.cls-174 {
  clip-path: url(#clippath-515);
}

.cls-175 {
  clip-path: url(#clippath-536);
}

.cls-176 {
  fill: url(#linear-gradient-18);
}

.cls-177 {
  fill: #478de4;
}

.cls-178 {
  fill: url(#linear-gradient-56);
}

.cls-179 {
  fill: #ddeafa;
}

.cls-180 {
  clip-path: url(#clippath-346);
}

.cls-181 {
  clip-path: url(#clippath-512);
}

.cls-182 {
  clip-path: url(#clippath-626);
}

.cls-183 {
  clip-path: url(#clippath-385);
}

.cls-184 {
  clip-path: url(#clippath-585);
}

.cls-185 {
  fill: #8fbaee;
}

.cls-186 {
  fill: url(#linear-gradient-40);
}

.cls-187 {
  fill: #619ee7;
}

.cls-188 {
  clip-path: url(#clippath-217);
}

.cls-189 {
  clip-path: url(#clippath-194);
}

.cls-190 {
  clip-path: url(#clippath-553);
}

.cls-191 {
  clip-path: url(#clippath-341);
}

.cls-192 {
  clip-path: url(#clippath-142);
}

.cls-193 {
  fill: #bfd7f5;
}

.cls-194 {
  clip-path: url(#clippath-173);
}

.cls-195 {
  clip-path: url(#clippath-478);
}

.cls-196 {
  clip-path: url(#clippath-281);
}

.cls-197 {
  clip-path: url(#clippath-236);
}

.cls-198 {
  fill: url(#linear-gradient-52);
}

.cls-199 {
  fill: url(#linear-gradient-28);
}

.cls-200 {
  clip-path: url(#clippath-282);
}

.cls-201 {
  clip-path: url(#clippath-83);
}

.cls-202 {
  fill: #dbe9fa;
}

.cls-203 {
  fill: #fcfdff;
}

.cls-204 {
  clip-path: url(#clippath-128);
}

.cls-205 {
  fill: url(#linear-gradient-14);
}

.cls-206 {
  clip-path: url(#clippath-319);
}

.cls-207 {
  clip-path: url(#clippath-119);
}

.cls-208 {
  clip-path: url(#clippath-353);
}

.cls-209 {
  fill: #011441;
}

.cls-210 {
  fill: url(#linear-gradient-36);
}

.cls-211 {
  fill: #1c46aa;
}

.cls-212 {
  fill: url(#KG);
}

.cls-213 {
  clip-path: url(#clippath-114);
}

.cls-214 {
  fill: url(#linear-gradient-78);
}

.cls-215 {
  fill: url(#linear-gradient-20);
}

.cls-216 {
  clip-path: url(#clippath-648);
}

.cls-217 {
  fill: #a9caf2;
}

.cls-218 {
  fill: #99c0f0;
}

.cls-219 {
  fill: #74a9ea;
}

.cls-220 {
  fill: url(#linear-gradient-6);
}

.cls-221 {
  clip-path: url(#clippath-398);
}

.cls-222 {
  clip-path: url(#clippath-243);
}

.cls-223 {
  clip-path: url(#clippath-185);
}

.cls-224 {
  clip-path: url(#clippath-105);
}

.cls-225 {
  fill: #4b90e4;
}

.cls-226 {
  clip-path: url(#clippath-2);
}

.cls-227 {
  clip-path: url(#clippath-554);
}

.cls-228 {
  fill: #b7d2f4;
}

.cls-229 {
  clip-path: url(#clippath-441);
}

.cls-230 {
  fill: url(#linear-gradient-53);
}

.cls-231 {
  clip-path: url(#clippath-13);
}

.cls-232 {
  fill: #76abeb;
}

.cls-233 {
  clip-path: url(#clippath-325);
}

.cls-234 {
  clip-path: url(#clippath-586);
}

.cls-235 {
  clip-path: url(#clippath-295);
}

.cls-236 {
  clip-path: url(#clippath-88);
}

.cls-237 {
  clip-path: url(#clippath-402);
}

.cls-238 {
  clip-path: url(#clippath-115);
}

.cls-239 {
  clip-path: url(#clippath-182);
}

.cls-240 {
  clip-path: url(#clippath-386);
}

.cls-241 {
  fill: #6fa6ea;
}

.cls-242 {
  clip-path: url(#clippath-479);
}

.cls-243 {
  fill: #dee5e9;
}

.cls-244 {
  clip-path: url(#clippath-124);
}

.cls-245 {
  clip-path: url(#clippath-368);
}

.cls-246 {
  clip-path: url(#clippath-348);
}

.cls-247 {
  clip-path: url(#clippath-225);
}

.cls-248 {
  clip-path: url(#clippath-37);
}

.cls-249 {
  clip-path: url(#clippath-248);
}

.cls-250 {
  clip-path: url(#clippath-46);
}

.cls-251 {
  clip-path: url(#clippath-25);
}

.cls-252 {
  clip-path: url(#clippath-484);
}

.cls-253 {
  clip-path: url(#clippath-98);
}

.cls-254 {
  clip-path: url(#clippath-650);
}

.cls-255 {
  clip-path: url(#clippath-407);
}

.cls-256 {
  opacity: 0.2;
}

.cls-257 {
  clip-path: url(#clippath-369);
}

.cls-258 {
  fill: url(#linear-gradient-91);
}

.cls-259 {
  clip-path: url(#clippath-651);
}

.cls-260 {
  clip-path: url(#clippath-219);
}

.cls-261 {
  fill: #d6e6f9;
}

.cls-262 {
  clip-path: url(#clippath-563);
}

.cls-263 {
  clip-path: url(#clippath-172);
}

.cls-264 {
  clip-path: url(#clippath-499);
}

.cls-265 {
  clip-path: url(#clippath-107);
}

.cls-266 {
  clip-path: url(#clippath-561);
}

.cls-267 {
  fill: url(#linear-gradient-60);
}

.cls-268 {
  clip-path: url(#clippath-656);
}

.cls-269 {
  clip-path: url(#clippath-644);
}

.cls-270 {
  fill: #c0d8f6;
}

.cls-271 {
  clip-path: url(#clippath-164);
}

.cls-272 {
  clip-path: url(#clippath-628);
}

.cls-273 {
  clip-path: url(#clippath-590);
}

.cls-274 {
  fill: #c5d0d3;
}

.cls-275 {
  fill: url(#linear-gradient-108);
}

.cls-276 {
  fill: url(#linear-gradient-84);
}

.cls-277 {
  fill: #c3daf6;
}

.cls-278 {
  clip-path: url(#clippath-493);
}

.cls-279 {
  clip-path: url(#clippath-15);
}

.cls-280 {
  fill: #333e40;
}

.cls-281 {
  clip-path: url(#clippath-415);
}

.cls-282 {
  clip-path: url(#clippath-196);
}

.cls-283 {
  clip-path: url(#clippath-568);
}

.cls-284 {
  clip-path: url(#clippath-247);
}

.cls-285 {
  clip-path: url(#clippath-391);
}

.cls-286 {
  clip-path: url(#clippath-396);
}

.cls-287 {
  clip-path: url(#clippath-6);
}

.cls-288 {
  clip-path: url(#clippath-153);
}

.cls-289 {
  fill: #ecf3fc;
}

.cls-290 {
  clip-path: url(#clippath-266);
}

.cls-291 {
  clip-path: url(#clippath-299);
}

.cls-292 {
  clip-path: url(#clippath-508);
}

.cls-293 {
  fill: url(#linear-gradient-104);
}

.cls-294 {
  fill: #abcbf2;
}

.cls-295 {
  clip-path: url(#clippath-104);
}

.cls-296 {
  fill: #adccf3;
}

.cls-297 {
  clip-path: url(#clippath-76);
}

.cls-298 {
  clip-path: url(#clippath-527);
}

.cls-299 {
  clip-path: url(#clippath-269);
}

.cls-300 {
  fill: url(#linear-gradient-35);
}

.cls-301 {
  clip-path: url(#clippath-393);
}

.cls-302 {
  fill: #f0f6fd;
}

.cls-303 {
  clip-path: url(#clippath-255);
}

.cls-304 {
  fill: url(#linear-gradient-48);
}

.cls-305 {
  clip-path: url(#clippath-545);
}

.cls-306 {
  clip-path: url(#clippath-40);
}

.cls-307 {
  clip-path: url(#clippath-566);
}

.cls-308 {
  clip-path: url(#clippath-117);
}

.cls-309 {
  fill: #7caeec;
}

.cls-310 {
  clip-path: url(#clippath-521);
}

.cls-311 {
  clip-path: url(#clippath-26);
}

.cls-312 {
  fill: #7dafec;
}

.cls-313 {
  clip-path: url(#clippath-81);
}

.cls-314 {
  clip-path: url(#clippath-390);
}

.cls-315 {
  fill: #77abeb;
}

.cls-316 {
  fill: url(#linear-gradient-32);
}

.cls-317 {
  fill: #80b1ec;
}

.cls-318 {
  fill: #fefeff;
}

.cls-319 {
  fill: #cadef7;
}

.cls-320 {
  clip-path: url(#clippath-504);
}

.cls-321 {
  clip-path: url(#clippath-567);
}

.cls-322 {
  fill: #d8e7f9;
}

.cls-323 {
  clip-path: url(#clippath-549);
}

.cls-324 {
  clip-path: url(#clippath-531);
}

.cls-325 {
  clip-path: url(#clippath-579);
}

.cls-326 {
  clip-path: url(#clippath-296);
}

.cls-327 {
  fill: url(#linear-gradient-97);
}

.cls-328 {
  clip-path: url(#clippath-111);
}

.cls-329 {
  clip-path: url(#clippath-473);
}

.cls-330 {
  clip-path: url(#clippath-603);
}

.cls-331 {
  fill: #87b5ed;
}

.cls-332 {
  clip-path: url(#clippath-469);
}

.cls-333 {
  clip-path: url(#clippath-497);
}

.cls-334 {
  clip-path: url(#clippath-318);
}

.cls-335 {
  clip-path: url(#clippath-574);
}

.cls-336 {
  clip-path: url(#clippath-511);
}

.cls-337 {
  clip-path: url(#clippath-181);
}

.cls-338 {
  fill: url(#linear-gradient-11);
}

.cls-339 {
  fill: #c1d9f6;
}

.cls-340 {
  fill: url(#linear-gradient-50);
}

.cls-341 {
  clip-path: url(#clippath-278);
}

.cls-342 {
  clip-path: url(#clippath-525);
}

.cls-343 {
  fill: #2a72ca;
}

.cls-344 {
  clip-path: url(#clippath-460);
}

.cls-345 {
  clip-path: url(#clippath-394);
}

.cls-346 {
  fill: #d4e4f9;
}

.cls-347 {
  clip-path: url(#clippath-435);
}

.cls-348 {
  clip-path: url(#clippath-556);
}

.cls-349 {
  clip-path: url(#clippath-75);
}

.cls-350 {
  clip-path: url(#clippath-246);
}

.cls-351 {
  fill: url(#linear-gradient-106);
}

.cls-352 {
  clip-path: url(#clippath-523);
}

.cls-353 {
  fill: #dfebfa;
}

.cls-354 {
  clip-path: url(#clippath-458);
}

.cls-355 {
  fill: #438be3;
}

.cls-356 {
  clip-path: url(#clippath-453);
}

.cls-357 {
  clip-path: url(#clippath-381);
}

.cls-358 {
  clip-path: url(#clippath-317);
}

.cls-359 {
  fill: url(#linear-gradient-63);
}

.cls-360 {
  clip-path: url(#clippath-189);
}

.cls-361 {
  fill: url(#linear-gradient-67);
}

.cls-362 {
  opacity: 0.7;
}

.cls-363 {
  clip-path: url(#clippath-250);
}

.cls-364 {
  opacity: 0.4;
}

.cls-365 {
  clip-path: url(#clippath-392);
}

.cls-366 {
  clip-path: url(#clippath-461);
}

.cls-367 {
  clip-path: url(#clippath-481);
}

.cls-368 {
  fill: url(#linear-gradient-95);
}

.cls-369 {
  clip-path: url(#clippath-573);
}

.cls-370 {
  clip-path: url(#clippath-336);
}

.cls-371 {
  clip-path: url(#clippath-312);
}

.cls-372 {
  clip-path: url(#clippath-517);
}

.cls-373 {
  clip-path: url(#clippath-226);
}

.cls-374 {
  fill: #85b4ed;
}

.cls-375 {
  clip-path: url(#clippath-167);
}

.cls-376 {
  clip-path: url(#clippath-354);
}

.cls-377 {
  fill: #8ebaee;
}

.cls-378 {
  fill: url(#linear-gradient-86);
}

.cls-379 {
  fill: url(#linear-gradient-39);
}

.cls-380 {
  fill: #041439;
}

.cls-381 {
  fill: #030c23;
}

.cls-382 {
  clip-path: url(#clippath-625);
}

.cls-383 {
  clip-path: url(#clippath-7);
}

.cls-384 {
  clip-path: url(#clippath-570);
}

.cls-385 {
  clip-path: url(#clippath-21);
}

.cls-386 {
  clip-path: url(#clippath-529);
}

.cls-387 {
  fill: #b0cef3;
}

.cls-388 {
  clip-path: url(#clippath-130);
}

.cls-389 {
  fill: #afcdf3;
}

.cls-390 {
  clip-path: url(#clippath-668);
}

.cls-391 {
  fill: url(#linear-gradient-110);
}

.cls-392 {
  clip-path: url(#clippath-551);
}

.cls-393 {
  fill: #d9e7f9;
}

.cls-394 {
  clip-path: url(#clippath-676);
}

.cls-395 {
  clip-path: url(#clippath-34);
}

.cls-396 {
  clip-path: url(#clippath-214);
}

.cls-397 {
  clip-path: url(#clippath-176);
}

.cls-398 {
  clip-path: url(#clippath-57);
}

.cls-399 {
  clip-path: url(#clippath-264);
}

.cls-400 {
  clip-path: url(#clippath-102);
}

.cls-401 {
  clip-path: url(#clippath-228);
}

.cls-402 {
  clip-path: url(#clippath-335);
}

.cls-403 {
  clip-path: url(#clippath-616);
}

.cls-404 {
  fill: #00257d;
}

.cls-405 {
  fill: #f4f8fd;
}

.cls-406 {
  clip-path: url(#clippath-1);
}

.cls-407 {
  clip-path: url(#clippath-672);
}

.cls-408 {
  clip-path: url(#clippath-673);
}

.cls-409 {
  clip-path: url(#clippath-4);
}

.cls-410 {
  clip-path: url(#clippath-329);
}

.cls-411 {
  clip-path: url(#clippath-138);
}

.cls-412 {
  clip-path: url(#clippath-210);
}

.cls-413 {
  clip-path: url(#clippath-331);
}

.cls-414 {
  clip-path: url(#clippath-38);
}

.cls-415 {
  fill: url(#linear-gradient-10);
}

.cls-416 {
  clip-path: url(#clippath-449);
}

.cls-417 {
  fill: #a3c6f1;
}

.cls-418 {
  clip-path: url(#clippath-200);
}

.cls-419 {
  clip-path: url(#clippath-641);
}

.cls-420 {
  clip-path: url(#clippath-634);
}

.cls-421 {
  clip-path: url(#clippath-245);
}

.cls-422 {
  fill: #83b3ed;
}

.cls-423 {
  clip-path: url(#clippath-36);
}

.cls-424 {
  clip-path: url(#clippath-127);
}

.cls-425 {
  clip-path: url(#clippath-27);
}

.cls-426 {
  fill: #b5d1f4;
}

.cls-427 {
  clip-path: url(#clippath-125);
}

.cls-428 {
  clip-path: url(#clippath-581);
}

.cls-429 {
  fill: url(#linear-gradient-59);
}

.cls-430 {
  clip-path: url(#clippath-528);
}

.cls-431 {
  clip-path: url(#clippath-380);
}

.cls-432 {
  clip-path: url(#clippath-109);
}

.cls-433 {
  clip-path: url(#clippath-434);
}

.cls-434 {
  fill: #fbfdfe;
}

.cls-435 {
  clip-path: url(#clippath-149);
}

.cls-436 {
  clip-path: url(#clippath-316);
}

.cls-437 {
  clip-path: url(#clippath-141);
}

.cls-438 {
  clip-path: url(#clippath-643);
}

.cls-439 {
  clip-path: url(#clippath-272);
}

.cls-440 {
  clip-path: url(#clippath-101);
}

.cls-441 {
  clip-path: url(#clippath-239);
}

.cls-442 {
  opacity: 0.3;
}

.cls-443 {
  fill: #b9d4f5;
}

.cls-444 {
  clip-path: url(#clippath-635);
}

.cls-445 {
  clip-path: url(#clippath-60);
}

.cls-446 {
  clip-path: url(#clippath-475);
}

.cls-447 {
  clip-path: url(#clippath-421);
}

.cls-448 {
  clip-path: url(#clippath-429);
}

.cls-449 {
  clip-path: url(#clippath-638);
}

.cls-450 {
  fill: #5697e6;
}

.cls-451 {
  clip-path: url(#clippath-662);
}

.cls-452 {
  clip-path: url(#clippath-471);
}

.cls-453 {
  clip-path: url(#clippath-168);
}

.cls-454 {
  clip-path: url(#clippath-677);
}

.cls-455 {
  fill: #a2c5f1;
}

.cls-456 {
  clip-path: url(#clippath-44);
}

.cls-457 {
  clip-path: url(#clippath-332);
}

.cls-458 {
  fill: #367ed6;
}

.cls-459 {
  fill: #a0c5f1;
}

.cls-460 {
  clip-path: url(#clippath-154);
}

.cls-461 {
  clip-path: url(#clippath-383);
}

.cls-462 {
  clip-path: url(#clippath-122);
}

.cls-463 {
  fill: #bad4f5;
}

.cls-464 {
  clip-path: url(#clippath-580);
}

.cls-465 {
  clip-path: url(#clippath-314);
}

.cls-466 {
  clip-path: url(#clippath-397);
}

.cls-467 {
  clip-path: url(#clippath-604);
}

.cls-468 {
  fill: #ebf2f6;
}

.cls-469 {
  clip-path: url(#clippath-640);
}

.cls-470 {
  clip-path: url(#clippath-192);
}

.cls-471 {
  clip-path: url(#clippath-646);
}

.cls-472 {
  clip-path: url(#clippath-519);
}

.cls-473 {
  clip-path: url(#clippath-426);
}

.cls-474 {
  clip-path: url(#clippath-139);
}

.cls-475 {
  fill: url(#linear-gradient-49);
}

.cls-476 {
  fill: url(#linear-gradient-37);
}

.cls-477 {
  clip-path: url(#clippath-633);
}

.cls-478 {
  clip-path: url(#clippath-366);
}

.cls-479 {
  clip-path: url(#clippath-614);
}

.cls-480 {
  fill: #c2d9f6;
}

.cls-481 {
  clip-path: url(#clippath-232);
}

.cls-482 {
  clip-path: url(#clippath-345);
}

.cls-483 {
  clip-path: url(#clippath-576);
}

.cls-484 {
  fill: #5395e5;
}

.cls-485 {
  fill: url(#linear-gradient-82);
}

.cls-486 {
  clip-path: url(#clippath-674);
}

.cls-487 {
  fill: url(#linear-gradient-16);
}

.cls-488 {
  clip-path: url(#clippath-601);
}

.cls-489 {
  fill: #5a99e6;
}

.cls-490 {
  clip-path: url(#clippath-395);
}

.cls-491 {
  clip-path: url(#clippath-12);
}

.cls-492 {
  clip-path: url(#clippath-377);
}

.cls-493 {
  clip-path: url(#clippath-516);
}

.cls-494 {
  fill: #65a0e8;
}

.cls-495 {
  clip-path: url(#clippath-273);
}

.cls-496 {
  clip-path: url(#clippath-548);
}

.cls-497 {
  clip-path: url(#clippath-463);
}

.cls-498 {
  clip-path: url(#clippath-134);
}

.cls-499 {
  clip-path: url(#clippath-113);
}

.cls-500 {
  fill: #fdfeff;
}

.cls-501 {
  clip-path: url(#clippath-352);
}

.cls-502 {
  fill: url(#linear-gradient-31);
}

.cls-503 {
  fill: #4e92e5;
}

.cls-504 {
  clip-path: url(#clippath-178);
}

.cls-505 {
  fill: url(#linear-gradient-85);
}

.cls-506 {
  fill: #e0ecfa;
}

.cls-507 {
  fill: #e2edfb;
}

.cls-508 {
  fill: #5c9be7;
}

.cls-509 {
  clip-path: url(#clippath-95);
}

.cls-510 {
  clip-path: url(#clippath-365);
}

.cls-511 {
  clip-path: url(#clippath-284);
}

.cls-512 {
  fill: #aebbc4;
}

.cls-513 {
  clip-path: url(#clippath-447);
}

.cls-514 {
  fill: #bed7f5;
}

.cls-515 {
  clip-path: url(#clippath-221);
}

.cls-516 {
  fill: #ebf3fc;
}

.cls-517 {
  fill: #c5dbf6;
}

.cls-518 {
  clip-path: url(#clippath-80);
}

.cls-519 {
  clip-path: url(#clippath-310);
}

.cls-520 {
  fill: #a5c7f2;
}

.cls-521 {
  fill: #9dc3f0;
}

.cls-522 {
  clip-path: url(#clippath-242);
}

.cls-523 {
  fill: #9bc2f0;
}

.cls-524 {
  fill: #0540ac;
}

.cls-525 {
  fill: #5194e5;
}

.cls-526 {
  clip-path: url(#clippath-330);
}

.cls-527 {
  clip-path: url(#clippath-254);
}

.cls-528 {
  fill: #95beef;
}

.cls-529 {
  fill: #c9def7;
}

.cls-530 {
  fill: url(#linear-gradient-61);
}

.cls-531 {
  fill: #649fe8;
}

.cls-532 {
  fill: url(#linear-gradient-68);
}

.cls-533 {
  clip-path: url(#clippath-600);
}

.cls-534 {
  fill: url(#linear-gradient-103);
}

.cls-535 {
  clip-path: url(#clippath-468);
}

.cls-536 {
  fill: #96beef;
}

.cls-537 {
  fill: url(#linear-gradient-62);
}

.cls-538 {
  clip-path: url(#clippath-229);
}

.cls-539 {
  fill: #cde0f8;
}

.cls-540 {
  fill: #8bb8ee;
}

.cls-541 {
  fill: #f8fbfe;
}

.cls-542 {
  fill: url(#linear-gradient-107);
}

.cls-543 {
  clip-path: url(#clippath-241);
}

.cls-544 {
  clip-path: url(#clippath-583);
}

.cls-545 {
  fill: url(#linear-gradient-41);
}

.cls-546 {
  clip-path: url(#clippath-203);
}

.cls-547 {
  clip-path: url(#clippath-364);
}

.cls-548 {
  clip-path: url(#clippath-620);
}

.cls-549 {
  clip-path: url(#clippath-513);
}

.cls-550 {
  clip-path: url(#clippath-120);
}

.cls-551 {
  clip-path: url(#clippath-546);
}

.cls-552 {
  fill: #cfe1f8;
}

.cls-553 {
  clip-path: url(#clippath-231);
}

.cls-554 {
  clip-path: url(#clippath-494);
}

.cls-555 {
  clip-path: url(#clippath-384);
}

.cls-556 {
  fill: url(#linear-gradient-76);
}

.cls-557 {
  clip-path: url(#clippath-147);
}

.cls-558 {
  fill: #a7c8f2;
}

.cls-559 {
  clip-path: url(#clippath-24);
}

.cls-560 {
  clip-path: url(#clippath-490);
}

.cls-561 {
  fill: url(#linear-gradient-98);
}

.cls-562 {
  clip-path: url(#clippath-373);
}

.cls-563 {
  clip-path: url(#clippath-211);
}

.cls-564 {
  clip-path: url(#clippath-304);
}

.cls-565 {
  clip-path: url(#clippath-307);
}

.cls-566 {
  clip-path: url(#clippath-432);
}

.cls-567 {
  clip-path: url(#clippath-675);
}

.cls-568 {
  clip-path: url(#clippath-237);
}

.cls-569 {
  clip-path: url(#clippath-222);
}

.cls-570 {
  clip-path: url(#clippath-285);
}

.cls-571 {
  clip-path: url(#clippath-540);
}

.cls-572 {
  fill: #5093e5;
}

.cls-573 {
  fill: #d5e5f9;
}

.cls-574 {
  clip-path: url(#clippath-622);
}

.cls-575 {
  clip-path: url(#clippath-99);
}

.cls-576 {
  fill: #73a9ea;
}

.cls-577 {
  clip-path: url(#clippath-166);
}

.cls-578 {
  clip-path: url(#clippath-487);
}

.cls-579 {
  clip-path: url(#clippath-268);
}

.cls-580 {
  clip-path: url(#clippath-30);
}

.cls-581 {
  fill: #003f97;
}

.cls-582 {
  fill: #034ba3;
}

.cls-583 {
  clip-path: url(#clippath-308);
}

.cls-584 {
  fill: #dce9fa;
}

.cls-585 {
  fill: #5999e6;
}

.cls-586 {
  clip-path: url(#clippath-193);
}

.cls-587 {
  fill: #f1f6fd;
}

.cls-588 {
  clip-path: url(#clippath-179);
}

.cls-589 {
  fill: url(#linear-gradient-21);
}

.cls-590 {
  fill: #edf4fc;
}

.cls-591 {
  fill: #90bbef;
}

.cls-592 {
  clip-path: url(#clippath-367);
}

.cls-593 {
  fill: url(#linear-gradient-72);
}

.cls-594 {
  clip-path: url(#clippath-462);
}

.cls-595 {
  clip-path: url(#clippath-483);
}

.cls-596 {
  clip-path: url(#clippath-507);
}

.cls-597 {
  clip-path: url(#clippath-79);
}

.cls-598 {
  clip-path: url(#clippath-535);
}

.cls-599 {
  clip-path: url(#clippath-22);
}

.cls-600 {
  clip-path: url(#clippath-96);
}

.cls-601 {
  fill: #d1e2f8;
}

.cls-602 {
  clip-path: url(#clippath-195);
}

.cls-603 {
  clip-path: url(#clippath-343);
}

.cls-604 {
  clip-path: url(#clippath-657);
}

.cls-605 {
  clip-path: url(#clippath-562);
}

.cls-606 {
  clip-path: url(#clippath-150);
}

.cls-607 {
  fill: #cbdff7;
}

.cls-608 {
  clip-path: url(#clippath-201);
}

.cls-609 {
  clip-path: url(#clippath-389);
}

.cls-610 {
  clip-path: url(#clippath-437);
}

.cls-611 {
  clip-path: url(#clippath-215);
}

.cls-612 {
  clip-path: url(#clippath-509);
}

.cls-613 {
  fill: url(#linear-gradient-25);
}

.cls-614 {
  fill: url(#linear-gradient-89);
}

.cls-615 {
  fill: #eaf2fc;
}

.cls-616 {
  clip-path: url(#clippath-607);
}

.cls-617 {
  clip-path: url(#clippath-271);
}

.cls-618 {
  clip-path: url(#clippath-522);
}

.cls-619 {
  clip-path: url(#clippath-623);
}

.cls-620 {
  fill: #fafcfe;
}

.cls-621 {
  clip-path: url(#clippath-274);
}

.cls-622 {
  clip-path: url(#clippath-259);
}

.cls-623 {
  clip-path: url(#clippath-183);
}

.cls-624 {
  clip-path: url(#clippath-454);
}

.cls-625 {
  clip-path: url(#clippath-103);
}

.cls-626 {
  fill: url(#linear-gradient-5);
}

.cls-627 {
  fill: #acccf3;
}

.cls-628 {
  fill: url(#linear-gradient-64);
}

.cls-629 {
  fill: url(#linear-gradient-102);
}

.cls-630 {
  clip-path: url(#clippath-126);
}

.cls-631 {
  clip-path: url(#clippath-137);
}

.cls-632 {
  fill: url(#linear-gradient-83);
}

.cls-633 {
  clip-path: url(#clippath-338);
}

.cls-634 {
  fill: url(#linear-gradient-54);
}

.cls-635 {
  clip-path: url(#clippath-252);
}

.cls-636 {
  clip-path: url(#clippath-533);
}

.cls-637 {
  fill: #b3d0f4;
}

.cls-638 {
  clip-path: url(#clippath-9);
}

.cls-639 {
  fill: #d9c595;
}

.cls-640 {
  clip-path: url(#clippath-413);
}

.cls-641 {
  fill: url(#linear-gradient-45);
}

.cls-642 {
  clip-path: url(#clippath-82);
}

.cls-643 {
  fill: #2971c9;
}

.cls-644 {
  fill: #041744;
}

.cls-645 {
  clip-path: url(#clippath-52);
}

.cls-646 {
  clip-path: url(#clippath-455);
}

.cls-647 {
  clip-path: url(#clippath-144);
}

.cls-648 {
  fill: #e6effb;
}

.cls-649 {
  fill: url(#linear-gradient-55);
}

.cls-650 {
  clip-path: url(#clippath-541);
}

.cls-651 {
  clip-path: url(#clippath);
}

.cls-652 {
  clip-path: url(#clippath-262);
}

.cls-653 {
  clip-path: url(#clippath-496);
}

.cls-654 {
  fill: #eef4fc;
}

.cls-655 {
  clip-path: url(#clippath-280);
}

.cls-656 {
  clip-path: url(#clippath-204);
}

.cls-657 {
  fill: #03143b;
}

.cls-658 {
  clip-path: url(#clippath-187);
}

.cls-659 {
  clip-path: url(#clippath-665);
}

.cls-660 {
  clip-path: url(#clippath-412);
}

.cls-661 {
  fill: #c6dcf6;
}

.cls-662 {
  clip-path: url(#clippath-406);
}

.cls-663 {
  clip-path: url(#clippath-50);
}

.cls-664 {
  clip-path: url(#clippath-152);
}

.cls-665 {
  clip-path: url(#clippath-301);
}

.cls-666 {
  fill: #8ab7ee;
}

.cls-667 {
  clip-path: url(#clippath-156);
}

.cls-668 {
  fill: #7eb0ec;
}

.cls-669 {
  clip-path: url(#clippath-605);
}

.cls-670 {
  fill: #f5f9fe;
}

.cls-671 {
  clip-path: url(#clippath-48);
}

.cls-672 {
  fill: url(#linear-gradient-34);
}

.cls-673 {
  clip-path: url(#clippath-61);
}

.cls-674 {
  fill: url(#linear-gradient-65);
}

.cls-675 {
  fill: #e1ecfb;
}

.cls-676 {
  clip-path: url(#clippath-180);
}

.cls-677 {
  fill: url(#linear-gradient-70);
}

.cls-678 {
  clip-path: url(#clippath-159);
}

.cls-679 {
  clip-path: url(#clippath-198);
}

.cls-680 {
  clip-path: url(#clippath-452);
}

.cls-681 {
  clip-path: url(#clippath-39);
}

.cls-682 {
  clip-path: url(#clippath-503);
}

.cls-683 {
  fill: #d7e6f9;
}

.cls-684 {
  clip-path: url(#clippath-532);
}

.cls-685 {
  fill: none;
}

.cls-686 {
  clip-path: url(#clippath-617);
}

.cls-687 {
  clip-path: url(#clippath-524);
}

.cls-688 {
  clip-path: url(#clippath-257);
}

.cls-689 {
  clip-path: url(#clippath-457);
}

.cls-690 {
  clip-path: url(#clippath-595);
}

.cls-691 {
  clip-path: url(#clippath-664);
}

.cls-692 {
  clip-path: url(#clippath-613);
}

.cls-693 {
  clip-path: url(#clippath-420);
}

.cls-694 {
  clip-path: url(#clippath-291);
}

.cls-695 {
  clip-path: url(#clippath-419);
}

.cls-696 {
  clip-path: url(#clippath-19);
}

.cls-697 {
  fill: url(#linear-gradient-79);
}

.cls-698 {
  fill: #8db9ee;
}

.cls-699 {
  fill: #4d91e4;
}

.cls-700 {
  clip-path: url(#clippath-592);
}

.cls-701 {
  clip-path: url(#clippath-472);
}

.cls-702 {
  clip-path: url(#clippath-31);
}

.cls-703 {
  clip-path: url(#clippath-218);
}

.cls-704 {
  clip-path: url(#clippath-86);
}

.cls-705 {
  fill: #458ce3;
}

.cls-706 {
  clip-path: url(#clippath-438);
}

.cls-707 {
  fill: url(#linear-gradient-88);
}

.cls-708 {
  clip-path: url(#clippath-54);
}

.cls-709 {
  clip-path: url(#clippath-618);
}

.cls-710 {
  fill: #639fe8;
}

.cls-711 {
  clip-path: url(#clippath-630);
}

.cls-712 {
  fill: #f2f7fd;
}

.cls-713 {
  clip-path: url(#clippath-408);
}

.cls-714 {
  fill: #bbd5f5;
}

.cls-715 {
  fill: #3273cb;
}

.cls-716 {
  fill: #5d9be7;
}

.cls-717 {
  clip-path: url(#clippath-431);
}

.cls-718 {
  clip-path: url(#clippath-3);
}

.cls-719 {
  clip-path: url(#clippath-356);
}

.cls-720 {
  fill: url(#linear-gradient-7);
}

.cls-721 {
  clip-path: url(#clippath-131);
}

.cls-722 {
  clip-path: url(#clippath-359);
}

.cls-723 {
  clip-path: url(#clippath-91);
}

.cls-724 {
  clip-path: url(#clippath-322);
}

.cls-725 {
  fill: #06153a;
}

.cls-726 {
  clip-path: url(#clippath-129);
}

.cls-727 {
  clip-path: url(#clippath-202);
}

.cls-728 {
  fill: #84b3ed;
}

.cls-729 {
  fill: #d2e3f8;
}

.cls-730 {
  clip-path: url(#clippath-596);
}

.cls-731 {
  fill: #f3f8fd;
}

.cls-732 {
  clip-path: url(#clippath-578);
}

.cls-733 {
  clip-path: url(#clippath-165);
}

.cls-734 {
  clip-path: url(#clippath-350);
}

.cls-735 {
  fill: url(#linear-gradient-66);
}

.cls-736 {
  clip-path: url(#clippath-213);
}

.cls-737 {
  opacity: 0.1;
}

.cls-738 {
  clip-path: url(#clippath-422);
}

.cls-739 {
  clip-path: url(#clippath-283);
}

.cls-740 {
  clip-path: url(#clippath-260);
}

.cls-741 {
  clip-path: url(#clippath-498);
}

.cls-742 {
  clip-path: url(#clippath-175);
}

.cls-743 {
  fill: #d0e2f8;
}

.cls-744 {
  fill: #6ba4e9;
}

.cls-745 {
  clip-path: url(#clippath-155);
}

.cls-746 {
  clip-path: url(#clippath-306);
}

.cls-747 {
  clip-path: url(#clippath-43);
}

.cls-748 {
  clip-path: url(#clippath-466);
}

.cls-749 {
  fill: #468de3;
}

.cls-750 {
  clip-path: url(#clippath-362);
}

.cls-751 {
  clip-path: url(#clippath-663);
}

.cls-752 {
  clip-path: url(#clippath-171);
}

.cls-753 {
  clip-path: url(#clippath-70);
}

.cls-754 {
  fill: #0c4ca4;
}

.cls-755 {
  clip-path: url(#clippath-417);
}

.cls-756 {
  fill: #4f4f4e;
}

.cls-757 {
  fill: #c6dcf7;
}

.cls-758 {
  clip-path: url(#clippath-639);
}

.cls-759 {
  clip-path: url(#clippath-298);
}

.cls-760 {
  clip-path: url(#clippath-558);
}

.cls-761 {
  clip-path: url(#clippath-442);
}

.cls-762 {
  fill: url(#linear-gradient-96);
}

.cls-763 {
  fill: #000e66;
}

.cls-764 {
  fill: #9ac1f0;
}

.cls-765 {
  clip-path: url(#clippath-327);
}

.cls-766 {
  clip-path: url(#clippath-591);
}

.cls-767 {
  clip-path: url(#clippath-8);
}

.cls-768 {
  clip-path: url(#clippath-401);
}

.cls-769 {
  clip-path: url(#clippath-328);
}

.cls-770 {
  clip-path: url(#clippath-177);
}

.cls-771 {
  clip-path: url(#clippath-351);
}

.cls-772 {
  clip-path: url(#clippath-502);
}

.cls-773 {
  clip-path: url(#clippath-632);
}

.cls-774 {
  fill: #609de7;
}

.cls-775 {
  clip-path: url(#clippath-589);
}

.cls-776 {
  fill: #6ea6e9;
}

.cls-777 {
  clip-path: url(#clippath-608);
}

.cls-778 {
  clip-path: url(#clippath-223);
}

.cls-779 {
  fill: #71a8ea;
}

.cls-780 {
  fill: #67a1e8;
}

.cls-781 {
  clip-path: url(#clippath-555);
}

.cls-782 {
  clip-path: url(#clippath-256);
}

.cls-783 {
  fill: url(#linear-gradient-24);
}

.cls-784 {
  fill: url(#linear-gradient-73);
}

.cls-785 {
  clip-path: url(#clippath-550);
}

.cls-786 {
  clip-path: url(#clippath-212);
}

.cls-787 {
  clip-path: url(#clippath-297);
}

.cls-788 {
  clip-path: url(#clippath-400);
}

.cls-789 {
  clip-path: url(#clippath-424);
}

.cls-790 {
  fill: url(#linear-gradient-100);
}

.cls-791 {
  clip-path: url(#clippath-575);
}

.cls-792 {
  clip-path: url(#clippath-459);
}

.cls-793 {
  fill: #7baeeb;
}

.cls-794 {
  clip-path: url(#clippath-587);
}

.cls-795 {
  fill: #9ec3f1;
}

.cls-796 {
  fill: url(#linear-gradient-105);
}

.cls-797 {
  clip-path: url(#clippath-416);
}

.cls-798 {
  fill: url(#linear-gradient-9);
}

.cls-799 {
  clip-path: url(#clippath-209);
}

.cls-800 {
  clip-path: url(#clippath-654);
}

.cls-801 {
  clip-path: url(#clippath-606);
}

.cls-802 {
  fill: url(#linear-gradient-22);
}

.cls-803 {
  fill: #68a2e9;
}

.cls-804 {
  fill: #78aceb;
}

.cls-805 {
  clip-path: url(#clippath-476);
}

.cls-806 {
  clip-path: url(#clippath-355);
}

.cls-807 {
  clip-path: url(#clippath-286);
}

.cls-808 {
  fill: #448ce3;
}

.cls-809 {
  clip-path: url(#clippath-488);
}

.cls-810 {
  clip-path: url(#clippath-133);
}

.cls-811 {
  clip-path: url(#clippath-55);
}

.cls-812 {
  fill: #b8d3f4;
}

.cls-813 {
  clip-path: url(#clippath-445);
}

.cls-814 {
  clip-path: url(#clippath-235);
}

.cls-815 {
  clip-path: url(#clippath-482);
}

.cls-816 {
  clip-path: url(#clippath-560);
}

.cls-817 {
  clip-path: url(#clippath-69);
}

.cls-818 {
  fill: #4a8fe4;
}

.cls-819 {
  fill: url(#linear-gradient-74);
}

.cls-820 {
  clip-path: url(#clippath-414);
}

.cls-821 {
  clip-path: url(#clippath-547);
}

.cls-822 {
  clip-path: url(#clippath-333);
}

.cls-823 {
  clip-path: url(#clippath-292);
}

.cls-824 {
  clip-path: url(#clippath-405);
}

.cls-825 {
  clip-path: url(#clippath-140);
}

.cls-826 {
  fill: #75aaea;
}

.cls-827 {
  fill: url(#linear-gradient-42);
}

.cls-828 {
  fill: #5f9ce7;
}

.cls-829 {
  fill: #004098;
}

.cls-830 {
  clip-path: url(#clippath-621);
}

.cls-831 {
  fill: #a4c7f1;
}

.cls-832 {
  fill: url(#linear-gradient-99);
}

.cls-833 {
  clip-path: url(#clippath-29);
}

.cls-834 {
  opacity: 0.2;
}

.cls-835 {
  clip-path: url(#clippath-375);
}

.cls-836 {
  fill: #b2cff3;
}

.cls-837 {
  clip-path: url(#clippath-433);
}

.cls-838 {
  clip-path: url(#clippath-18);
}

.cls-839 {
  clip-path: url(#clippath-90);
}

.cls-840 {
  clip-path: url(#clippath-349);
}

.cls-841 {
  clip-path: url(#clippath-14);
}

.cls-842 {
  fill: url(#linear-gradient-3);
}

.cls-843 {
  fill: #c7dcf7;
}

.cls-844 {
  clip-path: url(#clippath-538);
}

.cls-845 {
  clip-path: url(#clippath-17);
}

.cls-846 {
  clip-path: url(#clippath-240);
}

.cls-847 {
  clip-path: url(#clippath-97);
}

.cls-848 {
  clip-path: url(#clippath-464);
}

.cls-849 {
  clip-path: url(#clippath-615);
}

.cls-850 {
  fill: #cee1f8;
}

.cls-851 {
  clip-path: url(#clippath-552);
}

.cls-852 {
  clip-path: url(#clippath-649);
}

.cls-853 {
  clip-path: url(#clippath-571);
}

.cls-854 {
  clip-path: url(#clippath-658);
}

.cls-855 {
  clip-path: url(#clippath-216);
}

.cls-856 {
  clip-path: url(#clippath-577);
}

.cls-857 {
  clip-path: url(#clippath-599);
}

.cls-858 {
  clip-path: url(#clippath-5);
}

.cls-859 {
  clip-path: url(#clippath-444);
}

.cls-860 {
  fill: #6ca4e9;
}

.cls-861 {
  clip-path: url(#clippath-174);
}

.cls-862 {
  clip-path: url(#clippath-612);
}

.cls-863 {
  clip-path: url(#clippath-652);
}

.cls-864 {
  clip-path: url(#clippath-611);
}

.cls-865 {
  clip-path: url(#clippath-631);
}

.cls-866 {
  clip-path: url(#clippath-534);
}

.cls-867 {
  clip-path: url(#clippath-598);
}

.cls-868 {
  fill: #8cb8ee;
}

.cls-869 {
  clip-path: url(#clippath-58);
}

.cls-870 {
  fill: #1959b1;
}

.cls-871 {
  fill: url(#linear-gradient);
}

.cls-872 {
  clip-path: url(#clippath-610);
}

.cls-873 {
  fill: #f9fbfe;
}

.cls-874 {
  clip-path: url(#clippath-492);
}

.cls-875 {
  clip-path: url(#clippath-263);
}

.cls-876 {
  clip-path: url(#clippath-344);
}

.cls-877 {
  fill: #94bdef;
}

.cls-878 {
  fill: #eef5f9;
}

.cls-879 {
  clip-path: url(#clippath-84);
}

.cls-880 {
  clip-path: url(#clippath-544);
}

.cls-881 {
  clip-path: url(#clippath-148);
}

.cls-882 {
  clip-path: url(#clippath-279);
}

.cls-883 {
  clip-path: url(#clippath-465);
}

.cls-884 {
  clip-path: url(#clippath-666);
}

.cls-885 {
  clip-path: url(#clippath-565);
}

.cls-886 {
  fill: #5898e6;
}

.cls-887 {
  clip-path: url(#clippath-543);
}

.cls-888 {
  clip-path: url(#clippath-629);
}

.cls-889 {
  fill: url(#linear-gradient-27);
}

.cls-890 {
  clip-path: url(#clippath-594);
}

.cls-891 {
  clip-path: url(#clippath-514);
}

.cls-892 {
  clip-path: url(#clippath-42);
}

.cls-893 {
  clip-path: url(#clippath-450);
}

.cls-894 {
  clip-path: url(#clippath-288);
}

.cls-895 {
  clip-path: url(#clippath-244);
}

.cls-896 {
  clip-path: url(#clippath-363);
}

.cls-897 {
  clip-path: url(#clippath-372);
}

.cls-898 {
  clip-path: url(#clippath-65);
}

.cls-899 {
  clip-path: url(#clippath-253);
}

.cls-900 {
  fill: #b4d0f4;
}

.cls-901 {
  fill: #91bbef;
}

.cls-902 {
  clip-path: url(#clippath-480);
}

.cls-903 {
  clip-path: url(#clippath-456);
}

.cls-904 {
  fill: #5c5c5b;
}

.cls-905 {
  fill: url(#linear-gradient-33);
}

.cls-906 {
  fill: #eff5fd;
}

.cls-907 {
  fill: url(#linear-gradient-38);
}

.cls-908 {
  clip-path: url(#clippath-584);
}

.cls-909 {
  clip-path: url(#clippath-537);
}

.cls-910 {
  clip-path: url(#clippath-446);
}

.cls-911 {
  fill: url(#linear-gradient-94);
}

.cls-912 {
  clip-path: url(#clippath-10);
}

.cls-913 {
  fill: #4ca6a7;
}

.cls-914 {
  fill: #e4eefb;
}

.cls-915 {
  clip-path: url(#clippath-404);
}

.cls-916 {
  clip-path: url(#clippath-443);
}

.cls-917 {
  clip-path: url(#clippath-564);
}

.cls-918 {
  clip-path: url(#clippath-637);
}

.cls-919 {
  fill: url(#linear-gradient-29);
}

.cls-920 {
  fill: #f7fafe;
}

.cls-921 {
  fill: #aacaf2;
}

.cls-922 {
  clip-path: url(#clippath-409);
}

.cls-923 {
  clip-path: url(#clippath-118);
}

.cls-924 {
  clip-path: url(#clippath-324);
}

.cls-925 {
  clip-path: url(#clippath-423);
}

.cls-926 {
  clip-path: url(#clippath-277);
}

.cls-927 {
  clip-path: url(#clippath-636);
}

.cls-928 {
  clip-path: url(#clippath-230);
}

.cls-929 {
  fill: #498fe4;
}

.cls-930 {
  clip-path: url(#clippath-23);
}

.cls-931 {
  fill: url(#linear-gradient-30);
}

.cls-932 {
  clip-path: url(#clippath-647);
}

.cls-933 {
  clip-path: url(#clippath-191);
}

.cls-934 {
  clip-path: url(#clippath-100);
}

.cls-935 {
  clip-path: url(#clippath-92);
}

.cls-936 {
  clip-path: url(#clippath-74);
}

.cls-937 {
  fill: #6aa3e9;
}

.cls-938 {
  fill: #9cc2f0;
}

.cls-939 {
  fill: #deebfa;
}

.cls-940 {
  clip-path: url(#clippath-495);
}

.cls-941 {
  clip-path: url(#clippath-619);
}

.cls-942 {
  clip-path: url(#clippath-428);
}

.cls-943 {
  clip-path: url(#clippath-56);
}

.cls-944 {
  clip-path: url(#clippath-53);
}

.cls-945 {
  clip-path: url(#clippath-49);
}

.cls-946 {
  fill: #70a7ea;
}

.cls-947 {
  clip-path: url(#clippath-425);
}

.cls-948 {
  clip-path: url(#clippath-582);
}

.cls-949 {
  clip-path: url(#clippath-569);
}

.cls-950 {
  fill: #86b5ed;
}

.cls-951 {
  clip-path: url(#clippath-360);
}

.cls-952 {
  fill: url(#linear-gradient-23);
}

.cls-953 {
  fill: url(#linear-gradient-19);
}

.cls-954 {
  clip-path: url(#clippath-410);
}

.cls-955 {
  clip-path: url(#clippath-205);
}

.cls-956 {
  fill: url(#linear-gradient-71);
}

.cls-957 {
  fill: #5797e6;
}

.cls-958 {
  fill: url(#linear-gradient-4);
}

.cls-959 {
  clip-path: url(#clippath-224);
}

.cls-960 {
  clip-path: url(#clippath-110);
}

.cls-961 {
  clip-path: url(#clippath-146);
}

.cls-962 {
  clip-path: url(#clippath-67);
}

.cls-963 {
  fill: url(#linear-gradient-77);
}

.cls-964 {
  fill: #5294e5;
}

.cls-965 {
  clip-path: url(#clippath-51);
}

.cls-966 {
  clip-path: url(#clippath-145);
}

.cls-967 {
  clip-path: url(#clippath-500);
}

.cls-968 {
  clip-path: url(#clippath-474);
}

.cls-969 {
  clip-path: url(#clippath-358);
}

.cls-970 {
  fill: #061b4d;
}

.cls-971 {
  fill: #7aadeb;
}

.cls-972 {
  fill: #92bcef;
}

.cls-973 {
  clip-path: url(#clippath-28);
}

.cls-974 {
  clip-path: url(#clippath-399);
}

.cls-975 {
  clip-path: url(#clippath-251);
}

.cls-976 {
  clip-path: url(#clippath-378);
}

.cls-977 {
  fill: #629ee8;
}

.cls-978 {
  clip-path: url(#clippath-258);
}

.cls-979 {
  fill: url(#linear-gradient-8);
}

.cls-980 {
  clip-path: url(#clippath-71);
}

.cls-981 {
  clip-path: url(#clippath-642);
}

.cls-982 {
  clip-path: url(#clippath-184);
}

.cls-983 {
  fill: url(#linear-gradient-90);
}

.cls-984 {
  fill: #bdd6f5;
}

.cls-985 {
  fill: url(#linear-gradient-44);
}

.cls-986 {
  clip-path: url(#clippath-660);
}

.cls-987 {
  fill: #9fc4f1;
}

.cls-988 {
  fill: url(#linear-gradient-57);
}

.cls-989 {
  clip-path: url(#clippath-85);
}

.cls-990 {
  fill: #dae8f9;
}

.cls-991 {
  clip-path: url(#clippath-530);
}

.cls-992 {
  clip-path: url(#clippath-667);
}

.cls-993 {
  clip-path: url(#clippath-526);
}

.cls-994 {
  clip-path: url(#clippath-430);
}

.cls-995 {
  clip-path: url(#clippath-106);
}

.cls-996 {
  clip-path: url(#clippath-374);
}

.cls-997 {
  fill: #e9f1fc;
}

.cls-998 {
  clip-path: url(#clippath-294);
}

.cls-999 {
  clip-path: url(#clippath-265);
}

.cls-1000 {
  fill: url(#linear-gradient-47);
}

.cls-1001 {
  clip-path: url(#clippath-506);
}

.cls-1002 {
  fill: url(#linear-gradient-46);
}

.cls-1003 {
  clip-path: url(#clippath-68);
}

.cls-1004 {
  fill: #e5effb;
}

.cls-1005 {
  clip-path: url(#clippath-653);
}

.cls-1006 {
  clip-path: url(#clippath-670);
}

.cls-1007 {
  clip-path: url(#clippath-669);
}

.cls-1008 {
  clip-path: url(#clippath-238);
}

.cls-1009 {
  clip-path: url(#clippath-143);
}

.cls-1010 {
  fill: url(#linear-gradient-12);
}

.cls-1011 {
  clip-path: url(#clippath-35);
}

.cls-1012 {
  fill: url(#linear-gradient-13);
}

.cls-1013 {
  clip-path: url(#clippath-339);
}

.cls-1014 {
  fill: #a6c8f2;
}

.cls-1015 {
  fill: #e8f1fc;
}

.cls-1016 {
  clip-path: url(#clippath-370);
}

.cls-1017 {
  clip-path: url(#clippath-418);
}

.cls-1018 {
  clip-path: url(#clippath-300);
}

.cls-1019 {
  fill: url(#linear-gradient-26);
}

.cls-1020 {
  clip-path: url(#clippath-486);
}

.cls-1021 {
  clip-path: url(#clippath-227);
}

.cls-1022 {
  clip-path: url(#clippath-470);
}

.cls-1023 {
  fill: #a8c9f2;
}

.cls-1024 {
  fill: url(#linear-gradient-101);
}

.cls-1025 {
  clip-path: url(#clippath-66);
}

.mainAboutPage {
  margin-top: 109px;
  overflow-x: hidden;
}
.mainAboutPage .aboutUspage {
  margin: max(10vh, 5rem) 0;
}
.mainAboutPage .aboutUspage-topDscp .title small {
  color: #007bce;
  font-size: 18px;
}
.mainAboutPage .aboutUspage-topDscp .title .title__text {
  font-size: clamp(1.75rem, 1.1731rem + 2vw, 4.25rem);
  line-height: 1.205em;
  font-weight: bold;
  color: #0c2256;
}
.mainAboutPage .aboutUspage-topDscp .title p {
  color: #0c2256;
  font-size: clamp(1rem, 0.4442rem + 1.845vw, 1.625rem);
}
.mainAboutPage .aboutUspage-topDscp .title p a {
  color: #007bce;
  text-decoration: none;
  font-weight: 600;
}
.mainAboutPage .aboutUspage .aboutUsRightImage img {
  width: 100%;
}
.mainAboutPage .ourVision {
  margin: max(10vh, 5rem) 0;
  height: 900px;
  position: relative;
}
.mainAboutPage .ourVision-imageSec {
  position: absolute;
  left: 0;
  bottom: 0;
  transform: scaleX(-1);
  z-index: -1;
  text-align: right;
}
.mainAboutPage .ourVision-imageSec img {
  width: 100%;
}
.mainAboutPage .ourVision::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  content: "";
  background-color: #007bce;
  height: 43%;
  z-index: -1;
}
.mainAboutPage .ourVision-topDscp {
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 10px;
  padding: 15px;
}
.mainAboutPage .ourVision-topDscp .title {
  margin-top: max(10vh, 9rem);
  background: #ffffff;
  padding: 10px;
  border-radius: 5px;
}
@media (max-width: 1600px) {
  .mainAboutPage .ourVision-topDscp .title {
    margin-top: max(10vh, 7.5rem);
  }
}
@media (max-width: 1400px) {
  .mainAboutPage .ourVision-topDscp .title {
    margin-top: max(10vh, 6.5rem);
  }
}
.mainAboutPage .ourVision-topDscp .title small {
  color: #007bce;
  font-size: 18px;
  font-weight: 500;
}
.mainAboutPage .ourVision-topDscp .title .title__text {
  font-size: clamp(1.75rem, 1.1731rem + 2vw, 4.25rem);
  line-height: 1.205em;
  font-weight: bold;
  color: #0c2256;
}
.mainAboutPage .ourVision-topDscp .title p {
  color: #0c2256;
  font-size: clamp(1.125rem, 1.0096rem + 0.5128vw, 1.625rem);
}
.mainAboutPage .ourVision-topDscp a {
  color: #007bce;
  text-decoration: none;
}
.mainAboutPage .aboutOurTeam {
  margin: max(10vh, 5rem) 0;
}
.mainAboutPage .aboutOurTeam-topDscp .title small {
  color: #007bce;
  font-size: 18px;
}
.mainAboutPage .aboutOurTeam-topDscp .title .title__text {
  font-size: clamp(1.75rem, 1.1731rem + 2vw, 4.25rem);
  line-height: 1.205em;
  font-weight: bold;
  color: #0c2256;
}
.mainAboutPage .aboutOurTeam-topDscp .title p {
  color: #0c2256;
  font-size: clamp(1.125rem, 1.0096rem + 0.5128vw, 1.625rem);
}
.mainAboutPage .aboutOurTeam-topDscp .title a {
  color: #007bce;
  text-decoration: none;
  font-weight: 500;
}
.mainAboutPage .aboutOurTeam-rightImage {
  margin: 20px;
  margin-top: max(10vh, 5rem);
}
.mainAboutPage .aboutOurTeam-rightImage img {
  width: 100%;
  border-radius: 10px;
}
.mainAboutPage .aboutWhyChoose {
  margin: max(10vh, 5rem) 0;
}
.mainAboutPage .aboutWhyChoose-topDscp .title small {
  color: #007bce;
  font-size: 18px;
}
.mainAboutPage .aboutWhyChoose-topDscp .title .title__text {
  font-size: clamp(1.75rem, 1.1731rem + 2vw, 4.25rem);
  line-height: 1.205em;
  font-weight: bold;
  color: #0c2256;
}
.mainAboutPage .aboutWhyChoose .seamlessCardBody {
  margin-top: 30px;
  padding-right: unset;
  height: auto;
  overflow-y: unset;
}
.mainAboutPage .aboutWhyChoose .seamlessCardBody .seamlessCardAbout {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  transition: 0.5s all ease-in-out;
  margin-bottom: 24px;
  min-height: 260px;
}
.mainAboutPage .aboutWhyChoose .seamlessCardBody .seamlessCardAbout .seamLessCardItem {
  width: 10%;
  transition: 0.5s all ease-in-out;
}
.mainAboutPage .aboutWhyChoose .seamlessCardBody .seamlessCardAbout .seamLessCardItem.active {
  width: 100%;
}
.mainAboutPage .aboutWhyChoose .seamlessCardBody .seamlessCardAbout .seamLessCardItem.active .carditems {
  display: flex;
  gap: 20px;
  align-items: center;
  transition: 0.5s all;
}
.mainAboutPage .aboutWhyChoose .seamlessCardBody .seamlessCardAbout .seamLessCardItem.active .carditems .cardImage {
  width: 40%;
  /*  Animation decalaration   */
  animation-name: moveInRight;
  animation-duration: 2.5s;
}
.mainAboutPage .aboutWhyChoose .seamlessCardBody .seamlessCardAbout .seamLessCardItem.active .carditems .cardItemsDescp {
  text-align: left;
  width: 60%;
}
.mainAboutPage .aboutWhyChoose .seamlessCardBody .seamlessCardAbout .seamLessCardItem.active .carditems .cardItemsDescp h6 {
  /*  Animation decalaration   */
  animation-name: moveInleft;
  animation-duration: 2.5s;
}
.mainAboutPage .aboutWhyChoose .seamlessCardBody .seamlessCardAbout .seamLessCardItem.active .carditems .cardItemsDescp p {
  opacity: 1;
  height: auto;
  margin-bottom: 20px;
  /*  Animation decalaration   */
  animation-name: moveInleft;
  animation-duration: 2.5s;
}
.mainAboutPage .aboutWhyChoose .seamlessCardBody .seamlessCardAbout .seamLessCardItem.active .carditems .cardItemsDescp .cardBtn {
  opacity: 1;
  height: auto;
  /*  Animation decalaration   */
  animation-name: moveInleft;
  animation-duration: 2.5s;
}
.mainAboutPage .aboutWhyChoose .seamlessCardBody .seamlessCardAbout .seamLessCardItem .carditems {
  background-color: #f5f5f6;
  border-radius: 10px;
  padding: 30px 25px;
  text-align: center;
  height: 100%;
}
.mainAboutPage .aboutWhyChoose .seamlessCardBody .seamlessCardAbout .seamLessCardItem .carditems .cardImage {
  height: 150px;
  display: inline-block;
}
.mainAboutPage .aboutWhyChoose .seamlessCardBody .seamlessCardAbout .seamLessCardItem .carditems .cardImage img {
  margin-bottom: 20px;
  width: 100%;
  max-width: 150px;
  height: 100%;
  max-height: 150px;
}
.mainAboutPage .aboutWhyChoose .seamlessCardBody .seamlessCardAbout .seamLessCardItem .carditems .cardImage h6 {
  color: #0c2256;
  font-size: 17px;
  height: 50px;
}
.mainAboutPage .aboutWhyChoose .seamlessCardBody .seamlessCardAbout .seamLessCardItem .carditems .cardItemsDescp {
  width: 100%;
  text-align: center;
}
.mainAboutPage .aboutWhyChoose .seamlessCardBody .seamlessCardAbout .seamLessCardItem .carditems .cardItemsDescp h6 {
  color: #0c2256;
  font-size: 17px;
  height: 40px;
  margin-top: 25px;
}
.mainAboutPage .aboutWhyChoose .seamlessCardBody .seamlessCardAbout .seamLessCardItem .carditems .cardItemsDescp p {
  font-size: 14px;
  opacity: 0;
  height: 0;
  margin: 0;
}
.mainAboutPage .aboutWhyChoose .seamlessCardBody .seamlessCardAbout .seamLessCardItem .carditems .cardItemsDescp .cardBtn {
  opacity: 0;
  height: 0;
  margin: 0;
}

@media screen and (max-width: 991px) {
  .mainAboutPage section {
    margin-block: 0 !important;
  }
  .mainAboutPage .aboutUsRightImage {
    margin-top: 2.5rem !important;
  }
  .ourVision {
    height: auto !important;
    margin: 0 !important;
  }
  .ourVision-imageSec {
    position: static !important;
    display: flex;
    justify-content: end;
  }
  .ourVision-imageSec img {
    width: 160% !important;
  }
  .ourVision-imageSec::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    content: "";
    background-color: #007bce;
    height: 43%;
    z-index: -1;
  }
  .ourVision::before {
    display: none;
  }
  .ourVision-topDscp {
    padding: 0 !important;
    padding-top: 3rem !important;
  }
  .ourVision-topDscp .title {
    margin-top: 0 !important;
    padding: 0 !important;
    text-align: center;
    border-radius: 5px;
  }
  .ourVision .mainAboutPage .ourVision-topDscp {
    margin-bottom: 10px;
  }
  .ourVision .mainAboutPage .ourVision-imageSec img {
    width: 50%;
  }
  .ourVision .mainAboutPage .ourVision {
    height: auto;
    background-image: none !important;
  }
  .ourVision .mainAboutPage .ourVision::before {
    height: max(20vh, 5rem);
  }
}
@media screen and (max-width: 768px) {
  .mainAboutPage .title {
    text-align: center;
  }
  .mainAboutPage .ourVision-imageSec img {
    width: 70%;
  }
  .mainAboutPage .aboutUspage-topDscp {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .mainAboutPage .aboutUspage-topDscp .moreless-button {
    margin-bottom: 50px;
  }
  .mainAboutPage .aboutUspage .aboutUsRightImage {
    text-align: center;
    max-width: 400px;
    margin: auto;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .mainAboutPage .aboutWhyChoose .seamlessCardBody .seamlessCardAbout .seamLessCardItem.active .carditems {
    flex-direction: column;
  }
  .mainAboutPage .aboutWhyChoose .seamlessCardBody .seamlessCardAbout .seamLessCardItem.active .carditems .cardItemsDescp {
    width: 100%;
  }
  .mainAboutPage .aboutWhyChoose .seamlessCardBody .seamlessCardAbout .seamLessCardItem.active .carditems .cardImage {
    width: 100%;
  }
}
@media screen and (min-width: 1400px) {
  div.aboutUsGrid-item {
    grid-column: span 2 !important;
  }
  div.aboutUsGrid-item-large {
    grid-column: span 3 !important;
  }
}
@media screen and (min-width: 1025px) {
  div.aboutUsGrid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-column-gap: 1.5rem;
  }
  div.aboutUsGrid-item {
    grid-column: span 3;
  }
}
@media screen and (max-width: 575px) {
  .mainAboutPage .ourVision-imageSec img {
    width: 100%;
  }
}
@media screen and (max-width: 414px) {
  .mainAboutPage .aboutWhyChoose .seamlessCardBody .seamlessCardAbout .seamLessCardItem.active .carditems {
    flex-direction: column;
  }
  .mainAboutPage .aboutWhyChoose .seamlessCardBody .seamlessCardAbout .seamLessCardItem.active .carditems .cardItemsDescp {
    width: 100%;
    text-align: center;
  }
  .mainAboutPage .aboutWhyChoose .seamlessCardBody .seamlessCardAbout .seamLessCardItem.active .carditems .cardImage {
    width: 100%;
  }
}
.mainCareersPage .careersWePage {
  margin: max(10vh, 5rem) 0;
}
.mainCareersPage .careersWePage-topDscp .title small {
  color: #007bce;
  font-size: 18px;
}
.mainCareersPage .careersWePage-topDscp .title .title__text {
  font-size: 3vw;
  color: #0c2256;
}
.mainCareersPage .careersWePage-topDscp .title p {
  color: #0c2256;
  font-size: clamp(1rem, 0.4442rem + 1.845vw, 1.625rem);
}
.mainCareersPage .careersWePage-topDscp .title p a {
  color: #007bce;
  text-decoration: none;
  font-weight: 600;
}
.mainCareersPage .careersWePage .aboutUsRightImage img {
  width: 100%;
  max-height: 520px;
}
.mainCareersPage .joinOurTeam {
  margin: max(10vh, 5rem) 0;
  padding: max(10vh, 5rem) 0;
  background-image: url("./../images/join-our-team-bg.png");
}
.mainCareersPage .joinOurTeam .whiteTitle h2 {
  color: #ffffff;
  font-size: clamp(1.375rem, -1.1817rem + 8.4871vw, 4.25rem);
  font-weight: 700;
  margin-bottom: max(5vh, 3rem);
}
.mainCareersPage .joinOurTeam .joinOurTeam-form div:last-child {
  text-align: end;
}
.mainCareersPage .joinOurTeam .joinOurTeam-form .g-recaptcha {
  display: flex;
  justify-content: end;
}
.mainCareersPage .joinOurTeam-form .form-control {
  padding: 1rem 1.75rem;
  border-radius: 50px;
}
.mainCareersPage .joinOurTeam-form .form-control[type=file] {
  margin-left: -2px !important;
  border-top-left-radius: 50px !important;
  border-bottom-left-radius: 50px !important;
  border-top-right-radius: 50px !important;
  border-bottom-right-radius: 50px !important;
  height: 55px;
  width: 100%;
  font-size: 0;
}
.mainCareersPage .joinOurTeam-form .form-control[type=file]::-webkit-file-upload-button {
  display: none;
}
.mainCareersPage .joinOurTeam-form .form-control[type=file]::file-selector-button {
  display: none;
}
.mainCareersPage .joinOurTeam-form .custom-file-button {
  position: relative;
  background: white;
  padding: 17px 30px;
  border-radius: 50px;
}
.mainCareersPage .joinOurTeam-form .custom-file-button #custom-button {
  background-color: transparent;
  border: 0;
  color: #007bce;
  text-decoration: underline;
}
.mainCareersPage .joinOurTeam-form .custom-file-button #custom-text {
  color: #707070;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1 0;
  text-align: left;
}
.mainCareersPage .joinOurTeam-form .btnBlueFilled {
  background-color: #ffffff;
  color: #0c2256;
}
.mainCareersPage .ourValues {
  margin: max(10vh, 5rem) 0;
}
.mainCareersPage .ourValues-topDscp .title small {
  color: #007bce;
  font-size: 18px;
}
.mainCareersPage .ourValues-topDscp .title .title__text {
  font-size: 3vw;
  color: #0c2256;
}
.mainCareersPage .ourValues-topDscp .title p {
  color: #0c2256;
  font-size: clamp(1rem, 0.4442rem + 1.845vw, 1.625rem);
  width: 100%;
  max-width: 80%;
}
.mainCareersPage .ourValues-card {
  background-color: rgba(0, 0, 0, 0.05);
  text-align: center;
  padding: 30px;
  border-radius: 10px;
  height: 100%;
}
.mainCareersPage .ourValues-card-image {
  margin-bottom: 15px;
  height: 190px;
}
.mainCareersPage .ourValues-card-image img {
  max-width: 100%;
  height: 100%;
}
.mainCareersPage .ourValues-card-title h6 {
  color: #0c2256;
  font-size: clamp(0.875rem, 0.6527rem + 0.738vw, 1.125rem);
  font-weight: bold;
  margin-bottom: 20px;
}
.mainCareersPage .ourValues-card-para p {
  color: #0c2256;
  font-size: clamp(0.8125rem, 0.7569rem + 0.1845vw, 0.875rem);
  font-weight: 300;
}
.mainCareersPage .whyWork {
  margin: max(10vh, 5rem) 0;
}
.mainCareersPage .whyWork-topDscp .title small {
  color: #007bce;
  font-size: 18px;
}
.mainCareersPage .whyWork-topDscp .title .title__text {
  font-size: 3vw;
  color: #0c2256;
}
.mainCareersPage .whyWork-topDscp .title p {
  color: #0c2256;
  padding: 0px 15px;
}
@media screen and (max-width: 320px) {
  .mainCareersPage .whyWork-topDscp .title p {
    font-size: 10px !important;
  }
}
.mainCareersPage .whyWork .whyWorkSlider-start {
  padding-top: max(3vw, 1.5rem);
}
.mainCareersPage .whyWork .whyWorkSlider-start .swiper-wrapper {
  align-items: end;
}
.mainCareersPage .whyWork .whyWorkSlider-start .mainSliderNav {
  margin-top: max(3vw, 1.5rem);
  display: flex;
  justify-content: center;
  gap: 20px;
}
.mainCareersPage .whyWork .whyWorkSlider-start .mainSliderNav .headerSlideNav {
  width: 30px;
  height: 30px;
  border: 2px solid #0c2256;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mainCareersPage .whyWork .whyWorkSlider-start-card {
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  padding: max(2vw, 1rem);
  text-align: center;
  height: 500px;
}
.mainCareersPage .whyWork .whyWorkSlider-start-card-image img {
  border-radius: 5px;
  width: 100%;
  max-width: 70%;
  margin-bottom: max(2.5vw, 1rem);
}
.mainCareersPage .whyWork .whyWorkSlider-start-card-title h6 {
  color: #0c2256;
  font-size: clamp(0.875rem, 0.6527rem + 0.738vw, 1.125rem);
  margin-bottom: max(2vw, 1rem);
}
.mainCareersPage .whyWork .whyWorkSlider-start-card-para p {
  color: #0c2256;
  font-size: 14px;
  margin-bottom: max(2vw, 1rem);
}
.mainCareersPage .whyWork .whyWorkSlider-start .swiper-slide-active .whyWorkSlider-start-card {
  background-color: #0c2256;
  height: 550px;
}
.mainCareersPage .whyWork .whyWorkSlider-start .swiper-slide-active .whyWorkSlider-start-card .whyWorkSlider-start-card-image img {
  max-width: 70%;
}
.mainCareersPage .whyWork .whyWorkSlider-start .swiper-slide-active .whyWorkSlider-start-card .whyWorkSlider-start-card-title h6 {
  color: #007bce;
  font-size: clamp(0.875rem, 0.6527rem + 0.738vw, 1.125rem);
  margin-bottom: max(2vw, 1rem);
}
.mainCareersPage .whyWork .whyWorkSlider-start .swiper-slide-active .whyWorkSlider-start-card .whyWorkSlider-start-card-para p {
  color: #ffffff;
  font-size: 14px;
  margin-bottom: max(2vw, 1rem);
}

.alert {
  box-shadow: 0px 0px 5px;
  font-size: 18px;
  margin: 0px auto 40px;
}

.mainRequestADemoPage .omnialogActions {
  margin: max(10vh, 5rem) 0;
}
.mainRequestADemoPage .omnialogActions-topDscp .title small {
  color: #007bce;
  font-size: 18px;
}
.mainRequestADemoPage .omnialogActions-topDscp .title .title__text {
  font-size: 3vw;
  color: #0c2256;
}
.mainRequestADemoPage .omnialogActions-topDscp .title p {
  color: #0c2256;
  font-size: clamp(1rem, 0.4442rem + 1.845vw, 1.625rem);
}
.mainRequestADemoPage .omnialogActions-topDscp .title p a {
  color: #007bce;
  text-decoration: none;
  font-weight: 600;
}
.mainRequestADemoPage .omnialogActions-cardsSection {
  margin-top: max(4vh, 2rem);
}
.mainRequestADemoPage .omnialogActions-cardsSection-cardBody {
  background-color: rgba(0, 0, 0, 0.05);
  padding: max(3vw, 1.5rem);
  border-radius: 10px;
  text-align: center;
}
.mainRequestADemoPage .omnialogActions-cardsSection-cardBody-image {
  height: 150px;
  margin-bottom: 20px;
}
.mainRequestADemoPage .omnialogActions-cardsSection-cardBody-image img {
  width: 100%;
  height: 100%;
  max-height: 150px;
}
.mainRequestADemoPage .omnialogActions-cardsSection-cardBody-title h6 {
  color: #0c2256;
  font-weight: 400;
  font-size: clamp(1rem, 0.8888rem + 0.369vw, 1.125rem);
  height: 60px;
}
.mainRequestADemoPage .omnialogActions-cardsSection-cardBody-para p {
  color: #0c2256;
  font-size: 14px;
}
.mainRequestADemoPage .omnialogActions-cardsSection-cardBody .omnialogActions-cardsSection-cardBody-para {
  transform: scaleY(0);
  transform-origin: top;
  opacity: 0;
  transition: 0.3s all ease-in-out;
  height: 0;
}
.mainRequestADemoPage .omnialogActions-cardsSection-cardBody:hover .omnialogActions-cardsSection-cardBody-para {
  transform: scaleY(1);
  opacity: 1;
  height: 130px;
}
.mainRequestADemoPage .wereReadyTo {
  margin: max(10vh, 5rem) 0;
}
.mainRequestADemoPage .wereReadyTo-topDscp .title .title__text {
  font-size: 3vw;
  color: #0c2256;
}
.mainRequestADemoPage .wereReadyTo-topDscp .title p {
  color: #0c2256;
  font-size: clamp(1rem, 0.4442rem + 1.845vw, 1.625rem);
}
.mainRequestADemoPage .wereReadyTo-topDscp .title p a {
  color: #007bce;
  text-decoration: none;
  font-weight: 600;
}
.mainRequestADemoPage .wereReadyTo-form {
  margin-top: max(4vh, 2rem);
}
.mainRequestADemoPage .wereReadyTo-form .form-group {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 40px;
}
.mainRequestADemoPage .wereReadyTo-form .form-group.focused label {
  transform: translate(0, -45px);
}
.mainRequestADemoPage .wereReadyTo-form .form-group .arrowDown {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
  z-index: -1;
}
.mainRequestADemoPage .wereReadyTo-form .form-group label {
  position: absolute;
  transition: all 0.2s ease-in-out;
  z-index: -1;
  padding-inline: 30px;
  color: #707070;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.mainRequestADemoPage .wereReadyTo-form .form-group label span {
  color: red;
}
.mainRequestADemoPage .wereReadyTo-form .form-group input, .mainRequestADemoPage .wereReadyTo-form .form-group select {
  background-color: transparent;
}
.mainRequestADemoPage .wereReadyTo-form .form-group input:valid, .mainRequestADemoPage .wereReadyTo-form .form-group select:valid {
  background: rgba(255, 255, 255, 0.1);
  color: #707070;
}
.mainRequestADemoPage .wereReadyTo-form .form-group select:valid {
  padding-inline-end: 70px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.mainRequestADemoPage .wereReadyTo-form .form-group input:focus, .mainRequestADemoPage .wereReadyTo-form .form-group select:focus {
  border: 0px solid #938ba3;
}
.mainRequestADemoPage .wereReadyTo-form .form-group input:focus + label, .mainRequestADemoPage .wereReadyTo-form .form-group select:focus + label {
  transform: translate(0, -45px);
  color: #707070;
}
.mainRequestADemoPage .wereReadyTo-form .form-group input:valid + label, .mainRequestADemoPage .wereReadyTo-form .form-group select:valid + label {
  transform: translate(0, -45px);
  color: #707070;
}
.mainRequestADemoPage .wereReadyTo-form .denotes p {
  margin-bottom: 0;
  color: #0c2256;
  font-weight: 600;
}
.mainRequestADemoPage .wereReadyTo-form .form-control {
  padding: 1rem 1.75rem;
  border-radius: 50px;
}

.mainRequestADemoPage .wereReadyTo-form .col-md-5 .Class-margin-top {
  margin-bottom: 10px;
}

@media screen and (max-width: 1200px) {
  .mainRequestADemoPage .omnialogActions-cardsSection-cardBody {
    margin-bottom: 15px;
  }
}
.mainContactUsPage .omnialogActions {
  margin: max(10vh, 5rem) 0;
}
.mainContactUsPage .omnialogActions-topDscp .title small {
  color: #007bce;
  font-size: 18px;
}
.mainContactUsPage .omnialogActions-topDscp .title .title__text {
  font-size: 3vw;
  color: #0c2256;
}
.mainContactUsPage .omnialogActions-topDscp .title p {
  color: #0c2256;
  font-size: clamp(1rem, 0.4442rem + 1.845vw, 1.625rem);
}
.mainContactUsPage .omnialogActions-topDscp .title p a {
  color: #007bce;
  text-decoration: none;
  font-weight: 600;
}
.mainContactUsPage .omnialogActions-cardsSection {
  margin-top: max(4vh, 2rem);
}
.mainContactUsPage .omnialogActions-cardsSection-cardBody {
  background-color: rgba(0, 0, 0, 0.05);
  padding: max(3vw, 1.5rem);
  border-radius: 10px;
  text-align: center;
}
.mainContactUsPage .omnialogActions-cardsSection-cardBody-image {
  height: 150px;
  margin-bottom: 20px;
}
.mainContactUsPage .omnialogActions-cardsSection-cardBody-image img {
  width: 100%;
  height: 100%;
  max-height: 150px;
}
.mainContactUsPage .omnialogActions-cardsSection-cardBody-title h6 {
  color: #0c2256;
  font-weight: 400;
  font-size: clamp(1rem, 0.8888rem + 0.369vw, 1.125rem);
  height: 60px;
}
.mainContactUsPage .omnialogActions-cardsSection-cardBody-para p {
  color: #0c2256;
  font-size: 14px;
}
.mainContactUsPage .omnialogActions-cardsSection-cardBody .omnialogActions-cardsSection-cardBody-para {
  transform: scaleY(0);
  transform-origin: top;
  opacity: 0;
  transition: 0.3s all ease-in-out;
  height: 0;
}
.mainContactUsPage .omnialogActions-cardsSection-cardBody:hover .omnialogActions-cardsSection-cardBody-para {
  transform: scaleY(1);
  opacity: 1;
  height: 130px;
}
.mainContactUsPage .wereReadyTo {
  margin: max(10vh, 5rem) 0;
}
.mainContactUsPage .wereReadyTo-topDscp .title .title__text {
  font-size: 3vw;
  color: #0c2256;
}
.mainContactUsPage .wereReadyTo-topDscp .title p {
  color: #0c2256;
  font-size: clamp(1rem, 0.4442rem + 1.845vw, 1.625rem);
}
.mainContactUsPage .wereReadyTo-topDscp .title p a {
  color: #007bce;
  text-decoration: none;
  font-weight: 600;
}
.mainContactUsPage .wereReadyTo-form {
  margin-top: max(4vh, 2rem);
}
.mainContactUsPage .wereReadyTo-form .form-group {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 40px;
}
.mainContactUsPage .wereReadyTo-form .form-group.focused label {
  transform: translate(0, -45px);
}
.mainContactUsPage .wereReadyTo-form .form-group .arrowDown {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
  z-index: -1;
}
.mainContactUsPage .wereReadyTo-form .form-group label {
  position: absolute;
  transition: all 0.2s ease-in-out;
  z-index: -1;
  padding-inline: 30px;
  color: #707070;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.mainContactUsPage .wereReadyTo-form .form-group label span {
  color: red;
}
.mainContactUsPage .wereReadyTo-form .form-group input,
.mainContactUsPage .wereReadyTo-form .form-group select {
  background-color: transparent;
}
.mainContactUsPage .wereReadyTo-form .form-group input:valid,
.mainContactUsPage .wereReadyTo-form .form-group select:valid {
  background: rgba(255, 255, 255, 0.1);
  color: #707070;
}
.mainContactUsPage .wereReadyTo-form .form-group select:valid {
  padding-inline-end: 70px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.mainContactUsPage .wereReadyTo-form .form-group input:focus,
.mainContactUsPage .wereReadyTo-form .form-group select:focus {
  border: 0px solid #938ba3;
}
.mainContactUsPage .wereReadyTo-form .form-group input:focus + label,
.mainContactUsPage .wereReadyTo-form .form-group select:focus + label {
  transform: translate(0, -45px);
  color: #707070;
}
.mainContactUsPage .wereReadyTo-form .form-group input:valid + label,
.mainContactUsPage .wereReadyTo-form .form-group select:valid + label {
  transform: translate(0, -45px);
  color: #707070;
}
.mainContactUsPage .wereReadyTo-form .denotes p {
  margin-bottom: 0;
  color: #0c2256;
  font-weight: 600;
}
.mainContactUsPage .wereReadyTo-form .form-control {
  padding: 1rem 1.75rem;
  border-radius: 50px;
}
.mainContactUsPage .careersWePage {
  display: block;
  padding: 100px 0;
  text-align: center;
}
.mainContactUsPage .careersWePage-topDscp .title small {
  font-size: 18px;
  color: #007bce;
}
.mainContactUsPage .careersWePage-topDscp .title .title__text {
  font-size: 68px;
  color: #000000;
}
.mainContactUsPage .careersWePage-topDscp .title p {
  font-size: 20px;
  padding: 20px 210px 50px;
}
.mainContactUsPage .careersWePage .aboutUsRightImage {
  background: #f5f5f6;
  border-radius: 10px;
  text-align: center;
  padding: 30px 0;
  min-height: 330px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  flex-grow: 1;
}
.mainContactUsPage .careersWePage .aboutUsRightImage a {
  color: #000000;
  text-decoration: none;
  font-size: 24px;
  padding: 20px 0;
  font-weight: 500;
  transition: 0.3s;
}
.mainContactUsPage .careersWePage .aboutUsRightImage a:hover {
  color: #007bce;
}
.mainContactUsPage .joinOurTeam {
  display: block;
  padding: 50px 0;
  background: #007bce;
}
.mainContactUsPage .joinOurTeam .whiteTitle {
  color: #ffffff;
}
.mainContactUsPage .joinOurTeam .whiteTitle small {
  font-size: 18px;
}
.mainContactUsPage .joinOurTeam .whiteTitle h2 {
  font-size: 68px;
  margin-bottom: 50px;
}
.mainContactUsPage .joinOurTeam-form .form-group {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 40px;
}
.mainContactUsPage .joinOurTeam-form .form-group.focused label {
  transform: translate(0, -45px);
}
.mainContactUsPage .joinOurTeam-form .form-group .arrowDown {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
  z-index: -1;
}
.mainContactUsPage .joinOurTeam-form .form-group label {
  position: absolute;
  transition: all 0.2s ease-in-out;
  z-index: -1;
  padding-inline: 30px;
  color: #707070;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  z-index: 1;
}
.mainContactUsPage .joinOurTeam-form .form-group label span {
  color: red;
}
.mainContactUsPage .joinOurTeam-form .form-group input,
.mainContactUsPage .joinOurTeam-form .form-group select {
  background-color: white;
}
.mainContactUsPage .joinOurTeam-form .form-group input:valid,
.mainContactUsPage .joinOurTeam-form .form-group select:valid,
.mainContactUsPage .joinOurTeam-form .form-group input:invalid,
.mainContactUsPage .joinOurTeam-form .form-group select:invalid {
  color: #707070;
}
.mainContactUsPage .joinOurTeam-form .form-group select:valid {
  padding-inline-end: 70px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.mainContactUsPage .joinOurTeam-form .form-group input:focus,
.mainContactUsPage .joinOurTeam-form .form-group select:focus {
  border: 0px solid #938ba3;
}
.mainContactUsPage .joinOurTeam-form .form-group input:focus + label,
.mainContactUsPage .joinOurTeam-form .form-group select:focus + label {
  transform: translate(0, -45px);
  color: #ffffff;
}
.mainContactUsPage .joinOurTeam-form .form-group input:valid + label,
.mainContactUsPage .joinOurTeam-form .form-group select:valid + label {
  transform: translate(0, -45px);
  color: #ffffff;
}
.mainContactUsPage .joinOurTeam-form .denotes p {
  margin-bottom: 0;
  color: #0c2256;
  font-weight: 600;
}
.mainContactUsPage .joinOurTeam-form .form-control {
  padding: 1rem 1.75rem;
  border-radius: 50px;
}
.mainContactUsPage .maplocationimg {
  margin-right: -12px;
}
.mainContactUsPage .maplocationimg .maplocation-img {
  width: 100%;
}
.mainContactUsPage .btnBlueFilled {
  background: #0c2256;
}
.mainContactUsPage .maplocation-wrapper {
  display: flex;
  flex-direction: row;
  column-gap: 100px;
  margin-top: 60px;
  margin-left: -35px;
  padding-right: 50px;
}
@media screen and (max-width: 1200px) {
  .mainContactUsPage .maplocation-wrapper {
    margin-left: 0px;
    column-gap: 0px;
    row-gap: 30px;
    flex-direction: column;
    justify-content: center;
    align-items: start;
  }
}
@media screen and (max-width: 768px) {
  .mainContactUsPage .maplocation-wrapper {
    align-items: start;
  }
}
.mainContactUsPage .maplocation-wrapper > li {
  display: flex;
  list-style: none;
  flex-direction: row;
  align-items: flex-start;
}
.mainContactUsPage .maplocation-wrapper p,
.mainContactUsPage .maplocation-wrapper a {
  margin-inline-start: 10px;
  font-size: 12px;
  color: #ffffff;
  text-decoration: none;
}
@media screen and (min-width: 1200px) {
  .mainContactUsPage .maplocation-wrapper p,
  .mainContactUsPage .maplocation-wrapper a {
    font-size: 16px;
  }
}
.mainContactUsPage .maplocation-wrapper a {
  margin-inline-start: 0px;
}

@media (min-width: 769px) and (max-width: 1200px) {
  .mainContactUsPage .careersWePage-topDscp .title p {
    font-size: 18px;
    padding: 20px 50px 20px;
  }
  .mainContactUsPage .careersWePage .aboutUsRightImage {
    margin-top: 25px;
  }
  .mainContactUsPage .maplocationimg .maplocation-img {
    width: 98%;
    margin-top: 30px;
  }
  .mainContactUsPage .playStores {
    display: flex;
    flex-direction: column;
  }
}
@media screen and (max-width: 768.99px) {
  .mainContactUsPage .maplocation-wrapper {
    align-items: unset;
  }
}
@media screen and (max-width: 426.99px) {
  .mainContactUsPage .careersWePage-topDscp .title p {
    font-size: 16px;
    padding: 15px;
  }
  .mainContactUsPage .careersWePage-topDscp .title .title__text {
    font-size: 48px !important;
    color: #000;
  }
  .mainContactUsPage .careersWePage .aboutUsRightImage {
    margin-top: 25px;
  }
  .mainContactUsPage .careersWePage .aboutUsRightImage a {
    font-size: 20px !important;
  }
  .mainContactUsPage .joinOurTeam .whiteTitle h2 {
    font-size: 48px !important;
  }
  .mainContactUsPage .careersWePage {
    padding: 40px 0;
  }
  .mainContactUsPage .maplocationimg {
    margin-right: 0px;
  }
  .mainContactUsPage .maplocationimg .maplocation-img {
    margin-top: 30px;
  }
  .mainContactUsPage .maplocation-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 40px;
    column-gap: 0px;
    margin-top: 60px;
  }
  .mainContactUsPage .playStores {
    display: flex;
    flex-direction: column;
  }
}
@media (min-width: 427px) and (max-width: 769px) {
  .mainContactUsPage .careersWePage-topDscp .title p {
    font-size: 16px;
    padding: 20px 10px 20px;
  }
  .mainContactUsPage .careersWePage .aboutUsRightImage {
    margin-top: 25px;
  }
  .mainContactUsPage .careersWePage {
    padding: 40px 0;
  }
  .mainContactUsPage .maplocationimg {
    margin-right: 0px;
  }
  .mainContactUsPage .maplocationimg .maplocation-img {
    margin-top: 30px;
  }
  .mainContactUsPage .joinOurTeam .whiteTitle h2 {
    font-size: 48px !important;
  }
  .mainContactUsPage .careersWePage .aboutUsRightImage {
    margin-top: 25px;
  }
  .mainContactUsPage .careersWePage .aboutUsRightImage img {
    width: auto;
    height: auto;
  }
  .mainContactUsPage .careersWePage .aboutUsRightImage a {
    text-decoration: none;
    font-size: 20px !important;
  }
  .mainContactUsPage .careersWePage-topDscp .title .title__text {
    font-size: 48px !important;
    color: #000;
  }
  .mainContactUsPage .playStores {
    display: flex;
    flex-direction: column;
  }
}
@media (min-width: 769px) and (max-width: 1200px) {
  .mainContactUsPage .careersWePage-topDscp .title p {
    font-size: 18px;
    padding: 20px 50px 20px;
  }
  .mainContactUsPage .careersWePage .aboutUsRightImage {
    margin-top: 25px;
  }
  .mainContactUsPage .maplocationimg .maplocation-img {
    width: 98%;
    margin-top: 30px;
  }
  .mainContactUsPage .playStores {
    display: flex;
    flex-direction: column;
  }
}
.integration_top___card {
  padding-inline: 2rem;
  margin: 0px 0px 20px;
}
.integration_top___card img {
  max-width: 40%;
  margin: 20px auto;
}
@media screen and (max-width: 1180.99px) {
  .integration_top___card img {
    max-width: 25%;
  }
}
@media screen and (max-width: 425px) {
  .integration_top___card img {
    max-width: 50%;
  }
}
.integration_top___card h4 {
  color: #007bce;
  font-size: clamp(1.25rem, 0.9637rem + 0.4469vw, 1.5rem);
  font-weight: 500;
}
.integration_top___card p {
  font-size: 14px;
  color: #0c2256;
  font-weight: 500;
  line-height: 18px;
}

.jumbotron_card__section {
  margin-bottom: 40px;
}
.jumbotron_card__section h3 {
  font-size: 48px;
  font-weight: 400;
  color: #0c2256;
  margin: 30px 0;
}
.jumbotron_card__section h3 span {
  color: #007bce;
}
.jumbotron_card__section .jumbotron__card {
  background: #f5f5f6;
  padding-inline: clamp(1.25rem, 0.3125rem + 4.1667vw, 5.3125rem);
  border-radius: 10px;
  margin: 20px 0;
  padding-block: clamp(1.25rem, 0.8173rem + 1.9231vw, 3.125rem);
}
.jumbotron_card__section .jumbotron__card h4 {
  color: #007bce;
  font-size: 24px;
  font-weight: 500;
  margin: 0px 0px 10px;
}
.jumbotron_card__section .jumbotron__card p {
  font-size: 18px;
  color: #000000;
  font-weight: 300;
  line-height: 24px;
  margin-bottom: 0px;
}
@media screen and (max-width: 1180.99px) {
  .jumbotron_card__section .jumbotron__card p {
    font-size: 14px;
  }
}
.jumbotron_card__section .jumbotron__card img {
  max-width: 30%;
  margin: 20px auto;
}
@media screen and (max-width: 1180.99px) {
  .jumbotron_card__section .jumbotron__card img {
    max-width: 65%;
  }
}

.jumboCard__height {
  height: 450px;
}
@media screen and (max-width: 1180.99px) {
  .jumboCard__height {
    height: 530px;
  }
}

@media screen and (max-width: 768px) {
  .shippingLines > * {
    text-align: center;
  }
}
.mainTitle-text {
  font-size: clamp(1.75rem, 1.1731rem + 2vw, 4.25rem);
  color: #0c2256;
  line-height: clamp(2.125rem, 1.4327rem + 3.0769vw, 5.125rem);
  font-weight: bold;
  font-family: "Roboto", sans-serif;
}
.mainTitle-desc {
  padding-block: 1rem;
  color: #0c2256;
  font-size: clamp(1rem, 0.8558rem + 0.5vw, 1.625rem);
  font-family: "Roboto", sans-serif;
  line-height: clamp(1.5rem, 1.3846rem + 0.5128vw, 2rem);
}
.mainTitle-label {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  color: #007bce;
}

.sectionCommon {
  padding-inline: clamp(2.5rem, 0.6683rem + 8.141vw, 10.4375rem);
}
.sectionCommon-padding {
  padding-block: clamp(2.5rem, 1.9231rem + 2.5641vw, 5rem);
}

.checkList {
  position: relative;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-gap: 1rem;
  list-style: none;
  padding-block: clamp(1.5rem, 1.2548rem + 1.0897vw, 2.5625rem);
  padding-left: 0;
}
@media screen and (max-width: 1200px) {
  .checkList {
    padding-top: calc(clamp(1.5rem, 1.2548rem + 1.0897vw, 2.5625rem) + 85px);
  }
}
.checkList-item {
  font-size: 14px;
  color: #0c2256;
  display: flex;
  align-items: center;
  background-image: url("/assets/images/checklist-marker.svg");
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 30px;
  padding-left: 40px;
  align-items: start;
  padding-block: 0.3rem;
}
.checkList::after {
  content: "";
  position: absolute;
  left: calc(clamp(1.5rem, 1.2548rem + 1.0897vw, 2.5625rem) * -1);
  bottom: 0;
  background: #f5f5f6;
  height: 100%;
  z-index: -1;
  width: 300%;
  border-radius: 10px;
}
@media screen and (max-width: 1200px) {
  .checkList::after {
    right: calc(clamp(1.5rem, 1.2548rem + 1.0897vw, 2.5625rem) * -1);
    width: auto;
  }
}

.platform-sectionImg {
  width: 60%;
  display: none;
}
.platform-sectionImg-mobile {
  height: 250px;
  margin: auto;
  transform: translateY(75px);
  margin-top: -75px;
}
@media screen and (min-width: 1200px) {
  .platform-sectionImg-mobile {
    display: none;
  }
}
@media screen and (min-width: 1200px) {
  .platform-sectionImg {
    margin-left: auto;
    display: block;
  }
}

.centerItems {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.blueSection {
  position: relative;
  z-index: -2;
  background-color: #007bce;
}
.blueSection .mainTitle > * {
  color: #fff;
}
.blueSection .checkList::after {
  background-color: #008ae6;
}
.blueSection .checkList-item {
  color: #fff;
}

.light-blue {
  color: #007bce;
}

.sectionLabel {
  font-size: clamp(1.75rem, 0.1875rem + 5vw, 3rem);
  line-height: 1.208em;
  padding-bottom: clamp(0rem, -0.4615rem + 2.0513vw, 2rem);
  font-weight: 400;
}

.addonBox {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 2rem;
  background-color: #f5f5f6;
  padding: clamp(2.5rem, 2.2692rem + 1.0256vw, 3.5rem);
  border-radius: 10px;
}
@media screen and (min-width: 576px) {
  .addonBox {
    flex-direction: row;
  }
}
.addonBox-image {
  width: 100%;
  min-width: 100px;
  display: flex;
}
.addonBox-image img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: contain;
  object-position: top;
}
.addonBox-content {
  color: #0c2256;
}
.addonBox-content-title {
  font-size: 18px;
  line-height: 22px;
  font-weight: bold;
}
.addonBox-content-desc {
  font-size: 14px;
  line-height: 1.285em;
  font-weight: 500;
}

.itemBox {
  border: 1px solid #007bce;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2rem 3rem;
  text-align: center;
  margin-bottom: 1rem;
}
.itemBox .moreless-button {
  transform: scale(0.75);
}
.itemBox-image {
  height: 150px;
  margin-bottom: 1.5rem;
  display: grid;
  place-content: center;
}
.itemBox-image img {
  height: 100%;
  max-width: 130px;
  object-fit: contain;
  object-position: center;
}
.itemBox-title {
  font-size: clamp(1rem, 0.9712rem + 0.1282vw, 1.125rem);
  line-height: calc(clamp(1rem, 0.9712rem + 0.1282vw, 1.125rem) * 1.5);
  font-weight: 500;
  height: calc(clamp(1rem, 0.9712rem + 0.1282vw, 1.125rem) * 2);
  color: #007bce;
}
@media screen and (max-width: 992px) {
  .itemBox-title {
    height: auto;
  }
}
.itemBox-desc {
  font-size: clamp(0.75rem, 0.7212rem + 0.1282vw, 0.875rem);
  line-height: 18px;
  min-height: 36px;
  max-height: 36px;
  overflow: hidden;
  font-weight: 500;
  transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
}
.itemBox.expanded .itemBox-desc {
  max-height: 500px;
  animation: max-height-animation;
}
@keyframes max-height-animation {
  0% {
    max-height: 36;
    opacity: 0;
    overflow: hidden;
  }
  100% {
    max-height: 500px; /* Adjust this value as needed */
    opacity: 1;
    overflow: hidden;
  }
}
.itemBox-morelessBtn {
  font-size: clamp(0.875rem, 0.8173rem + 0.2564vw, 1.125rem);
  text-decoration: none;
  color: #007bce;
}

.applications .itemBox-title {
  margin-bottom: 0;
}

.darkSection .mainTitle > * {
  color: #fff;
}

.downloadBanner {
  position: relative;
}
.downloadBanner-mainContent {
  padding-block: clamp(1rem, -1.5rem + 8vw, 3rem);
}
.downloadBanner-qrCode {
  width: clamp(100px, 45%, 1000px);
}
.downloadBanner .mainTitle-text {
  font-size: clamp(1.5rem, -0.375rem + 6vw, 3rem);
  line-height: clamp(2.1875rem, 1.8558rem + 1.4744vw, 3.625rem);
}
.downloadBanner .mainTitle-desc {
  font-size: clamp(0.875rem, 0.8173rem + 0.2564vw, 1.125rem);
  padding-block: 0;
  padding-bottom: 1rem;
}
.downloadBanner::after {
  content: "";
  position: absolute;
  background-color: #007bce;
  inset: 0;
  width: 150%;
  border-radius: 10px;
  z-index: -2;
}
.downloadBanner-badges {
  display: grid;
  grid-template-columns: 1fr 1fr 1.6fr;
  gap: clamp(0.5rem, 0.2692rem + 1.0256vw, 1.5rem);
  padding-block: clamp(0.5rem, 0.2692rem + 1.0256vw, 1.5rem);
  position: relative;
}
.downloadBanner-badges::after {
  content: "";
  position: absolute;
  inset: 0 calc(clamp(0.5rem, 0.2692rem + 1.0256vw, 1.5rem) * -1);
  background: #008ae6;
  z-index: -1;
  width: 230%;
  border-radius: clamp(0.3125rem, 0.2404rem + 0.3205vw, 0.625rem);
}
.downloadBanner-badges img {
  width: 100%;
}
.downloadBanner-mobile {
  width: 100%;
  height: 100%;
  position: relative;
}
.downloadBanner-mobile img {
  position: absolute;
  left: -2.5%;
  max-width: 100%;
  top: -15%;
  bottom: -15%;
  max-height: 130%;
  margin-block: auto;
}

.itemsGrid {
  display: flex;
  align-items: flex-start;
  list-style-type: none;
  padding-inline: 0;
  gap: 1rem;
}
.itemsGrid .masonryColumn {
  flex: 1;
}

.cssMasonry {
  column-count: 4;
  padding-inline: 0;
  list-style-type: none;
}
.cssMasonry-item {
  break-inside: avoid;
}

.mobileSlider-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1rem;
}
.mobileSlider-nav-pagination .swiper-pagination-bullet {
  background-color: #0c2256;
}
.mobileSlider-arrow {
  border-radius: 50%;
  border: 2px solid #0c2256;
  color: #0c2256;
  font-size: 14px;
  font-weight: 700;
  width: 28px;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mobileSlider-arrowLeft {
  position: absolute;
  top: 25%;
  z-index: 1;
  left: 0;
}
.mobileSlider-arrowRight {
  position: absolute;
  top: 25%;
  z-index: 1;
  right: 0;
}

@media screen and (max-width: 1400px) {
  .cssMasonry {
    column-count: 2;
  }
}
@media screen and (max-width: 1200px) {
  .mainPlatform .mainTitle:not(.downloadBanner .mainTitle) {
    text-align: center;
  }
  .downloadBanner-qrCode {
    margin-inline-start: auto;
  }
}
@media screen and (max-width: 992px) {
  .cssMasonry {
    column-count: 1;
  }
  .downloadBanner {
    padding-inline-start: clamp(1.5rem, 1.1538rem + 1.5385vw, 3rem);
  }
  .downloadBanner-badges {
    grid-template-columns: 1fr 1fr 0.5fr;
  }
  .downloadBanner-mobile img {
    display: none;
  }
  .downloadBanner::after {
    right: -20%;
  }
}
@media screen and (min-width: 576px) {
  .addonBox-image {
    max-width: 125px;
  }
  .mobileSlider-nav {
    display: none;
  }
  .benefitsSlider-wrapper {
    transform: unset !important;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 15px;
  }
}
@media screen and (min-width: 576px) and (max-width: 1200px) {
  .benefitsSlider-wrapper {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
  }
}
@media screen and (max-width: 576px) {
  .downloadBanner-qrCode {
    margin-inline-start: 0;
  }
  .addonBox {
    flex-direction: column;
    gap: 1rem;
  }
  .addonBox-image img {
    width: 70%;
    margin: auto;
  }
  .addonBox-content {
    text-align: center;
  }
  .addonBox-content-title {
    font-size: 20px;
  }
  .addonBox-content-desc {
    font-size: 18px;
    font-weight: 400;
  }
}
@media screen and (max-width: 425px) {
  .downloadBanner-badges {
    grid-template-columns: 1fr 1fr;
  }
}
.mainCareersPage .careersWePage {
  margin: max(10vh, 5rem) 0;
}
.mainCareersPage .careersWePage-topDscp .title small {
  color: #007bce;
  font-size: 18px;
}
.mainCareersPage .careersWePage-topDscp .title .title__text {
  font-size: 3vw;
  color: #0c2256;
}
.mainCareersPage .careersWePage-topDscp .title p {
  color: #0c2256;
  font-size: clamp(1rem, 0.4442rem + 1.845vw, 1.625rem);
}
.mainCareersPage .careersWePage-topDscp .title p a {
  color: #007bce;
  text-decoration: none;
  font-weight: 600;
}
.mainCareersPage .careersWePage .aboutUsRightImage img {
  width: 100%;
  max-height: 520px;
}
.mainCareersPage .joinOurTeam {
  margin: max(10vh, 5rem) 0;
  padding: max(10vh, 5rem) 0;
  background-image: url("./../images/join-our-team-bg.png");
}
.mainCareersPage .joinOurTeam .whiteTitle h2 {
  color: #ffffff;
  font-size: clamp(1.375rem, -1.1817rem + 8.4871vw, 4.25rem);
  font-weight: 700;
  margin-bottom: max(5vh, 3rem);
}
.mainCareersPage .joinOurTeam .joinOurTeam-form div:last-child {
  text-align: end;
}
.mainCareersPage .joinOurTeam .joinOurTeam-form .g-recaptcha {
  display: flex;
  justify-content: end;
}
.mainCareersPage .joinOurTeam-form .form-control {
  padding: 1rem 1.75rem;
  border-radius: 50px;
}
.mainCareersPage .joinOurTeam-form .form-control[type=file] {
  margin-left: -2px !important;
  border-top-left-radius: 50px !important;
  border-bottom-left-radius: 50px !important;
  border-top-right-radius: 50px !important;
  border-bottom-right-radius: 50px !important;
  height: 55px;
  width: 100%;
  font-size: 0;
}
.mainCareersPage .joinOurTeam-form .form-control[type=file]::-webkit-file-upload-button {
  display: none;
}
.mainCareersPage .joinOurTeam-form .form-control[type=file]::file-selector-button {
  display: none;
}
.mainCareersPage .joinOurTeam-form .custom-file-button {
  position: relative;
  background: white;
  padding: 17px 30px;
  border-radius: 50px;
}
.mainCareersPage .joinOurTeam-form .custom-file-button #custom-button {
  background-color: transparent;
  border: 0;
  color: #007bce;
  text-decoration: underline;
}
.mainCareersPage .joinOurTeam-form .custom-file-button #custom-text {
  color: #707070;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1 0;
  text-align: left;
}
.mainCareersPage .joinOurTeam-form .btnBlueFilled {
  background-color: #ffffff;
  color: #0c2256;
}
.mainCareersPage .ourValues {
  margin: max(10vh, 5rem) 0;
}
.mainCareersPage .ourValues-topDscp .title small {
  color: #007bce;
  font-size: 18px;
}
.mainCareersPage .ourValues-topDscp .title .title__text {
  font-size: 3vw;
  color: #0c2256;
}
.mainCareersPage .ourValues-topDscp .title p {
  color: #0c2256;
  font-size: clamp(1rem, 0.4442rem + 1.845vw, 1.625rem);
  width: 100%;
  max-width: 80%;
}
.mainCareersPage .ourValues-card {
  background-color: rgba(0, 0, 0, 0.05);
  text-align: center;
  padding: 30px;
  border-radius: 10px;
  height: 100%;
}
.mainCareersPage .ourValues-card-image {
  margin-bottom: 15px;
  height: 190px;
}
.mainCareersPage .ourValues-card-image img {
  max-width: 100%;
  height: 100%;
}
.mainCareersPage .ourValues-card-title h6 {
  color: #0c2256;
  font-size: clamp(0.875rem, 0.6527rem + 0.738vw, 1.125rem);
  font-weight: bold;
  margin-bottom: 20px;
}
.mainCareersPage .ourValues-card-para p {
  color: #0c2256;
  font-size: clamp(0.8125rem, 0.7569rem + 0.1845vw, 0.875rem);
  font-weight: 300;
}
.mainCareersPage .whyWork {
  margin: max(10vh, 5rem) 0;
}
.mainCareersPage .whyWork-topDscp .title small {
  color: #007bce;
  font-size: 18px;
}
.mainCareersPage .whyWork-topDscp .title .title__text {
  font-size: 3vw;
  color: #0c2256;
}
.mainCareersPage .whyWork-topDscp .title p {
  color: #0c2256;
  padding: 0px 15px;
}
@media screen and (max-width: 320px) {
  .mainCareersPage .whyWork-topDscp .title p {
    font-size: 10px !important;
  }
}
.mainCareersPage .whyWork .whyWorkSlider-start {
  padding-top: max(3vw, 1.5rem);
}
.mainCareersPage .whyWork .whyWorkSlider-start .swiper-wrapper {
  align-items: end;
}
.mainCareersPage .whyWork .whyWorkSlider-start .mainSliderNav {
  margin-top: max(3vw, 1.5rem);
  display: flex;
  justify-content: center;
  gap: 20px;
}
.mainCareersPage .whyWork .whyWorkSlider-start .mainSliderNav .headerSlideNav {
  width: 30px;
  height: 30px;
  border: 2px solid #0c2256;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mainCareersPage .whyWork .whyWorkSlider-start-card {
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  padding: max(2vw, 1rem);
  text-align: center;
  height: 500px;
}
.mainCareersPage .whyWork .whyWorkSlider-start-card-image img {
  border-radius: 5px;
  width: 100%;
  max-width: 70%;
  margin-bottom: max(2.5vw, 1rem);
}
.mainCareersPage .whyWork .whyWorkSlider-start-card-title h6 {
  color: #0c2256;
  font-size: clamp(0.875rem, 0.6527rem + 0.738vw, 1.125rem);
  margin-bottom: max(2vw, 1rem);
}
.mainCareersPage .whyWork .whyWorkSlider-start-card-para p {
  color: #0c2256;
  font-size: 14px;
  margin-bottom: max(2vw, 1rem);
}
.mainCareersPage .whyWork .whyWorkSlider-start .swiper-slide-active .whyWorkSlider-start-card {
  background-color: #0c2256;
  height: 550px;
}
.mainCareersPage .whyWork .whyWorkSlider-start .swiper-slide-active .whyWorkSlider-start-card .whyWorkSlider-start-card-image img {
  max-width: 70%;
}
.mainCareersPage .whyWork .whyWorkSlider-start .swiper-slide-active .whyWorkSlider-start-card .whyWorkSlider-start-card-title h6 {
  color: #0c2256 !important;
  margin-bottom: max(2vw, 1rem);
}
.mainCareersPage .whyWork .whyWorkSlider-start .swiper-slide-active .whyWorkSlider-start-card .whyWorkSlider-start-card-para p {
  color: #0c2256 !important;
  font-size: 14px;
  margin-bottom: max(2vw, 1rem);
}

.resources-page .whyWork {
  margin: max(10vh, 5rem) 0;
}
.resources-page .whyWork-topDscp .title small {
  color: #007bce;
  font-size: 18px;
}
.resources-page .whyWork-topDscp .title .title__text {
  font-size: 3vw;
  color: #0c2256;
}
.resources-page .whyWork-topDscp .title p {
  color: #0c2256;
  padding: 0px 15px;
}
@media screen and (max-width: 320px) {
  .resources-page .whyWork-topDscp .title p {
    font-size: 10px !important;
  }
}
.resources-page .whyWork .whyWorkSlider-start {
  padding-top: max(3vw, 1.5rem);
}
.resources-page .whyWork .whyWorkSlider-start .swiper-wrapper {
  align-items: end;
}
.resources-page .whyWork .whyWorkSlider-start .mainSliderNav {
  margin-top: max(3vw, 1.5rem);
  display: flex;
  justify-content: center;
  gap: 20px;
}
.resources-page .whyWork .whyWorkSlider-start .mainSliderNav .headerSlideNav {
  width: 30px;
  height: 30px;
  border: 2px solid #0c2256;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.resources-page .whyWork .whyWorkSlider-start-card {
  background-color: transparent;
  border-radius: 10px;
  padding: 0;
  text-align: left;
  height: 490px;
}
.resources-page .whyWork .whyWorkSlider-start-card-image img {
  border-top-left-radius: 5px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 5px;
  width: 100%;
  max-width: 100%;
  height: 200px;
  margin-bottom: max(2.5vw, 1rem);
}
.resources-page .whyWork .whyWorkSlider-start-card-title h6 {
  color: #0c2256;
  font-size: clamp(0.875rem, 0.6527rem + 0.738vw, 1.125rem);
  margin-bottom: max(2vw, 1rem);
}
.resources-page .whyWork .whyWorkSlider-start-card-para p {
  color: #0c2256;
  font-size: 14px;
  margin-bottom: max(2vw, 1rem);
}
.resources-page .whyWork .whyWorkSlider-start .swiper-slide-active .whyWorkSlider-start-card {
  background-color: #ffffff;
  height: 490px;
  padding: 0;
  text-align: left;
  box-shadow: 1px 1px 5px 1px #ffffff;
}
.resources-page .whyWork .whyWorkSlider-start .swiper-slide-active .whyWorkSlider-start-card .whyWorkSlider-start-card-image img {
  max-width: 100%;
  height: 200px;
}
.resources-page .whyWork .whyWorkSlider-start .swiper-slide-active .whyWorkSlider-start-card .whyWorkSlider-start-card-title h6 {
  color: #007bce;
  font-size: clamp(0.875rem, 0.6527rem + 0.738vw, 1.125rem);
  margin-bottom: max(2vw, 1rem);
}
.resources-page .whyWork .whyWorkSlider-start .swiper-slide-active .whyWorkSlider-start-card .whyWorkSlider-start-card-para p {
  color: #ffffff;
  font-size: 14px;
  margin-bottom: max(2vw, 1rem);
}
.resources-page .case-studies {
  background-color: #ffffff;
  color: #ffffff;
}
.resources-page .case-studies .ms-banner {
  width: 100%;
  height: -webkit-fill-available;
}
.resources-page .case-studies .ms-banner-carousel {
  background-color: #007bce;
  padding: 40px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.resources-page .case-studies .ms-banner-carousel .text-1 {
  padding-top: 25px;
  font-size: 35px;
  font-weight: bold;
  line-height: 48px;
  font-style: normal;
  text-align: left;
  color: #ffffff;
}
.resources-page .case-studies .ms-banner-carousel .text-2 {
  padding-top: 10px;
  opacity: 0.8;
  font-size: 20px;
  font-weight: normal;
  line-height: 20px;
  font-style: normal;
  text-align: left;
  color: #ffffff;
}
.resources-page .case-studies .ms-banner-carousel .read {
  font-size: 16px;
  color: #ffffff;
}
.resources-page .case-studies .ms-banner-carousel .prev {
  margin-top: 30px;
  border: 1px solid #ffffff;
  border-radius: 50%;
  padding: 5px;
  color: #ffffff;
}
.resources-page .news-section .whyWork {
  margin: max(10vh, 5rem) 0;
}
.resources-page .news-section .whyWork-topDscp .title small {
  color: #007bce;
  font-size: 18px;
}
.resources-page .news-section .whyWork-topDscp .title .title__text {
  font-size: 3vw;
  color: #0c2256;
}
.resources-page .news-section .whyWork-topDscp .title p {
  color: #0c2256;
  padding: 0px 15px;
}
@media screen and (max-width: 320px) {
  .resources-page .news-section .whyWork-topDscp .title p {
    font-size: 10px !important;
  }
}
.resources-page .news-section .whyWork .whyWorkSlider-start {
  padding-top: max(3vw, 1.5rem);
}
.resources-page .news-section .whyWork .whyWorkSlider-start .swiper-wrapper {
  align-items: end;
}
.resources-page .news-section .whyWork .whyWorkSlider-start .mainSliderNav {
  margin-top: max(3vw, 1.5rem);
  display: flex;
  justify-content: center;
  gap: 20px;
}
.resources-page .news-section .whyWork .whyWorkSlider-start .mainSliderNav .headerSlideNav {
  width: 30px;
  height: 30px;
  border: 2px solid #0c2256;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.resources-page .news-section .whyWork .whyWorkSlider-start-card {
  background-color: transparent;
  border-radius: 10px;
  padding: 0;
  text-align: left;
  height: 490px;
}
.resources-page .news-section .whyWork .whyWorkSlider-start-card-image img {
  border-top-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 0px;
  width: 100%;
  max-width: 100%;
  height: 200px;
  margin-bottom: 0;
}
.resources-page .news-section .whyWork .whyWorkSlider-start-card-title h6 {
  color: #0c2256;
  font-size: clamp(0.875rem, 0.6527rem + 0.738vw, 1.125rem);
  margin-bottom: max(1vw, 1rem);
  padding-left: 10px;
  border-left: 3px solid grey;
}
.resources-page .news-section .whyWork .whyWorkSlider-start-card-para p {
  color: #0c2256;
  font-size: 14px;
  margin-bottom: max(2vw, 1rem);
}
.resources-page .news-section .whyWork .whyWorkSlider-start .swiper-slide-active .whyWorkSlider-start-card {
  background-color: #ffffff;
  height: 490px;
  padding: 0;
  text-align: left;
  box-shadow: 1px 1px 5px 1px #ffffff;
}
.resources-page .news-section .whyWork .whyWorkSlider-start .swiper-slide-active .whyWorkSlider-start-card .whyWorkSlider-start-card-image img {
  max-width: 100%;
  height: 200px;
}
.resources-page .news-section .whyWork .whyWorkSlider-start .swiper-slide-active .whyWorkSlider-start-card .whyWorkSlider-start-card-title h6 {
  color: #007bce;
  font-size: clamp(0.875rem, 0.6527rem + 0.738vw, 1.125rem);
  margin-bottom: max(1vw, 1rem);
  padding-left: 10px;
  border-left: 3px solid grey;
}
.resources-page .news-section .whyWork .whyWorkSlider-start .swiper-slide-active .whyWorkSlider-start-card .whyWorkSlider-start-card-para p {
  color: #ffffff;
  font-size: 14px;
  margin-bottom: max(2vw, 1rem);
}
.resources-page .news-section .news-text {
  font-size: 14px;
  font-weight: normal;
  line-height: 22px;
  font-style: normal;
  text-align: left;
  color: #858585;
  padding-left: 10px;
}
.resources-page .videos-section {
  background-color: #007bce;
  padding: 30px 30px 30px 0px;
}
.resources-page .videos-section iframe {
  border: 0;
  border-radius: 5px;
}
.resources-page .videos-section .related-video {
  padding: 15px 8px;
  background-color: #008ae6;
  border-radius: 5px;
}
.resources-page .videos-section .related-video .title {
  font-size: 26px;
  color: #ffffff;
  border-bottom: 1px solid gray;
  padding-bottom: 5px;
}
.resources-page .videos-section .related-video span {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  color: #ffffff;
  padding-left: 10px;
}
.resources-page .slider-btn-custom {
  margin-right: 9%;
}
.resources-page .read {
  font-size: 16px;
  color: #0c2256;
}
.resources-page .custom-padding {
  padding-left: 10px;
  padding-right: 10px;
}
.resources-page .custom-padding-1 {
  /* padding-left: 10px; */
  padding-right: 10px;
  margin-top: -35px;
}
.resources-page .custom-btn {
  background-color: #0c2256;
  margin-bottom: 10px;
}
.resources-page .custom-btn-1 {
  background-color: #0c2256;
  margin-bottom: 10px;
  border-radius: 0;
  border-color: transparent;
  font-size: 14px;
}
.resources-page .custom-h1 {
  font-size: 48px;
  color: #0c2256;
}
.resources-page .custom-1-h1 {
  font-size: 48px;
  color: #ffffff;
}
.resources-page .access {
  font-size: 18px;
  color: #0c2256;
}
.resources-page .access-1 {
  font-size: 18px;
  color: #ffffff;
}
.resources-page .prev {
  border: 1px solid #0c2256;
  border-radius: 50%;
  padding: 5px;
  color: #0c2256;
}
.resources-page .mr-10 {
  margin-right: 10px;
}
.resources-page .mr-20 {
  margin-right: 20px;
}
.resources-page .resources {
  color: #ffffff;
}
.resources-page a {
  color: #007bce;
  font-size: 18px;
  text-decoration: none;
}
.resources-page .custom-border {
  border: 1px solid #0c2256;
  border-radius: 5px;
}

.alert {
  box-shadow: 0px 0px 5px;
  font-size: 18px;
  margin: 0px auto 40px;
}

.chatOpt {
  position: fixed;
  bottom: 25px;
  right: 20px;
  z-index: 15;
}
.chatOpt a img {
  width: 100%;
}

@media screen and (max-width: 1024.99px) {
  .chatOpt {
    position: fixed;
    bottom: 20px;
    right: unset;
    left: 10px;
    z-index: 15;
  }
  .chatOpt a img {
    width: 100%;
    max-width: 70px;
  }
}
[dir=rtl] .downloadBanner-mobile img {
  right: -2.5%;
}
@media screen and (min-width: 1400px) {
  [dir=rtl] .platform-sectionImg {
    margin-left: 0;
    margin-right: auto;
  }
}
[dir=rtl] .checkList {
  padding-right: 0;
  padding-left: 2rem;
}
[dir=rtl] .checkList::after {
  right: calc(clamp(1.5rem, 1.2548rem + 1.0897vw, 2.5625rem) * -1);
}
[dir=rtl] .checkList-item {
  padding-left: 0;
  padding-right: 40px;
  background-position: top right;
}
[dir=rtl] .arabic .mainPageSlider .background-image video {
  object-fit: contain;
}
[dir=rtl] .arabic .footerBot .footerRight ul li:last-child {
  border-right: 1px solid #fff;
  padding-right: 10px;
  margin-right: 10px;
}
[dir=rtl] .arabic .footerBot .footerRight ul li:first-child {
  border-right: 0px;
}
[dir=rtl] .arabic .digitalTransforming {
  transform: scaleX(-1);
}
[dir=rtl] .arabic .digitalTransforming .container {
  transform: scaleX(-1);
}
[dir=rtl] .arabic .botHeader #menu {
  margin: -100px 50px 0 0px;
  right: unset;
  left: 0%;
  transform-origin: left;
  transform: translate(-150%, 0);
}
[dir=rtl] .arabic .whyUs .whyUsIcon span {
  padding-right: 15px;
}
[dir=rtl] .arabic .mainRequestADemoPage .wereReadyTo-form .form-group .arrowDown {
  right: unset;
  left: 30px;
}
[dir=rtl] .arabic .mainRequestADemoPage .wereReadyTo-form .text-end {
  text-align: left !important;
}
@media screen and (max-width: 1024.99px) {
  [dir=rtl] .arabic .page-header .botHeader #menuToggle {
    top: 45px;
    right: unset;
    left: -10px;
  }
}
[dir=rtl] .arabic .joinOurTeam .text-end {
  text-align: left !important;
}
[dir=rtl] .arabic .mainCareersPage .joinOurTeam-form .custom-file-button #custom-button {
  right: unset;
  left: 30px;
}
[dir=rtl] .arabic .mainCareersPage .whyWork .whyWorkSlider-start .mainSliderNav {
  flex-direction: row-reverse;
}
[dir=rtl] .arabic .ourVisionLeftImage img {
  transform: scaleX(-1);
}
[dir=rtl] .arabic .mainAboutPage .aboutWhyChoose .seamlessCardBody .seamlessCardAbout .seamLessCardItem.active .carditems .cardItemsDescp {
  text-align: right;
}
[dir=rtl] .arabic .seamlessCardBody .seamlessCard .seamLessCardItem.active .carditems .cardItemsDescp {
  text-align: right;
}
[dir=rtl] .arabic .topHeader ul {
  padding-left: 25px;
  padding-right: 0;
}
[dir=rtl] .arabic .stellarnav ul ul {
  text-align: right;
}
[dir=rtl] .arabic .mainPageSlider .mainSliderNav {
  left: 10vw;
  right: auto;
}
[dir=rtl] .arabic .mainPageSlider .headerSlider {
  direction: ltr;
}
[dir=rtl] .arabic .mainPageSlider .headerSlider .title {
  text-align: right;
}
[dir=rtl] .arabic .mainPageSlider .headerSlider .background-image__image {
  transform: scaleX(-1);
}
[dir=rtl] .arabic .aboutHomeSecSlider .aboutHomeSlider {
  direction: ltr;
}
[dir=rtl] .arabic .aboutHomeSecSlider .order-lg-1 {
  order: 3 !important;
}
[dir=rtl] .arabic .aboutHomeSecSlider .order-lg-1 .title {
  text-align: right;
  left: auto;
  right: 0;
}
[dir=rtl] .arabic .aboutHomeSecSlider .order-lg-1 .title .d-flex {
  justify-content: end;
  flex-direction: row-reverse;
}
[dir=rtl] .arabic .aboutHomeSecSlider .aboutRightImage .aboutBgSlideImage {
  transform: scaleX(-1);
}
[dir=rtl] .arabic .aboutHomeSecSlider .mainSliderNav {
  left: auto;
  right: 0;
}
[dir=rtl] .arabic .mainPageCounter .leftImage #Layer_1 {
  transform: scaleX(-1);
}
[dir=rtl] .arabic .revolutionaryPlatform .digitalTransformingHomeSlider {
  direction: ltr;
}
[dir=rtl] .arabic .revolutionaryPlatform .digitalTransformingHomeSlider::after {
  right: auto;
  background: linear-gradient(280deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}
[dir=rtl] .arabic .revolutionaryPlatform .mainSliderNav {
  right: auto;
}
@media screen and (min-width: 768.99px) {
  [dir=rtl] .arabic .revolutionaryPlatform .mainSliderNav {
    left: 10vw;
  }
}
[dir=rtl] .arabic .seamlessCardBody {
  padding-right: 0px;
}
[dir=rtl] .arabic .seamlessCardBody .carditems.fullCardItem .cardItemsDescp {
  text-align: right;
}
[dir=rtl] .arabic .mainCareersPage .joinOurTeam-form .custom-file-button #custom-text {
  color: #707070;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 426px) {
  [dir=rtl] .arabic .mainCareersPage .joinOurTeam-form .custom-file-button #custom-text {
    width: 10rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  [dir=rtl] .arabic .mainCareersPage .joinOurTeam-form .custom-file-button #custom-text {
    width: 13rem;
  }
}
[dir=rtl] .arabic .solvingProblem .solvingSection .mainSolvingSlide,
[dir=rtl] .arabic .solvingProblem .solvingSection .mainSolvingSlideBtns {
  direction: ltr;
}
[dir=rtl] .arabic .solvingProblem .solvingSection .mainSolvingSlide.swiper-cards .swiper-slide .solvingBotActions {
  right: auto;
  direction: rtl;
  left: 30px;
}
[dir=rtl] .arabic .solvingProblem .solvingSection .mainSolvingSlide.swiper-cards .swiper-slide .slideItem .solvingTopText {
  text-align: right;
}
[dir=rtl] .arabic .solvingProblem .solvingSection .mainSolvingSlide.swiper-cards .swiper-slide .slideItem .solvingMid img {
  transform: scaleX(-1);
}
[dir=rtl] .arabic .solvingProblem .solvingSection .mainSolvingSlideBtns .swiper-slide {
  border-radius: 0px 10px 10px 0px;
}
[dir=rtl] .arabic .solvingProblem .solvingSection .mainSolvingSlideBtns .swiper-slide.swiper-slide-thumb-active::before {
  left: auto;
  right: 0;
}
[dir=rtl] .arabic .solvingProblem .solvingSection .mainSolvingSlideBtns .swiper-slide .slideItem .solvingTopText {
  text-align: right;
}
[dir=rtl] .arabic .solvingProblem .solvingSection .mainSolvingSlideBtns .swiper-slide .solvingBotActions {
  right: auto;
}
[dir=rtl] .arabic .solvingProblem .solvingSection .mainSolvingSlideBtns .swiper-slide .textStyle {
  flex-direction: row-reverse;
}
[dir=rtl] .arabic .solvingProblem .solvingSection .mainSolvingSlideBtns .swiper-slide .textStyle .fa-arrow-right {
  transform: scaleX(-1);
}
[dir=rtl] .arabic .solvingProblem .solvingSection .mainSolvingSlideBtns .btnBlueBorder {
  left: auto;
  right: 0;
}
[dir=rtl] .arabic .solvingProblem .solvingSection .mainSliderNav {
  right: auto;
  left: 4vw;
}
[dir=rtl] .arabic .mainSitefooter .footerMid .footerLinks ul {
  padding-right: 0;
}
[dir=rtl] .arabic .mainSitefooter .footerBot .footerRight ul {
  padding-right: 0;
  padding-left: 0;
}
[dir=rtl] .arabic .bothSection .advanceApp .advFeature .app_direction .featureIcons .iconItems {
  text-align: right;
}
@media screen and (max-width: 992px) {
  [dir=rtl] .arabic .ourVision-imageSec {
    justify-content: start;
  }
}
@media screen and (min-width: 992px) {
  [dir=rtl] .arabic .mainAboutPage .ourVision-imageSec {
    left: unset;
    right: 0;
    transform: unset;
    text-align: right;
  }
}

@media screen and (max-width: 1600.99px) {
  .img__box .dummyTwo {
    right: 15%;
  }
  .img__box img {
    width: 71%;
  }
  .img__box .dummyThree {
    width: 66%;
  }
}
@media screen and (max-width: 1366.99px) {
  .img__box .dummyTwo {
    right: 0%;
  }
  .img__box img {
    width: 60%;
  }
  .img__box .dummyThree {
    width: 70%;
  }
  .mainPageCounter .rightCount .counterItem span {
    font-weight: bold;
  }
  .subTitle {
    font-size: 38px;
  }
  .seamlessCardBody .carditems .cardImage img {
    max-width: 100px;
  }
  .industriesSection .title h6 {
    font-size: 20px;
  }
  .solvingProblem .solvingSection .mainSolvingSlide .swiper-slide .slideItem .solvingTopText p {
    font-size: 22px;
  }
  .revolutionaryPlatform .cardItem .cardImage {
    height: 240px;
  }
  .revolutionaryPlatform .cardItem .cardImage img {
    max-width: 220px;
  }
}
@media screen and (max-width: 991.99px) {
  .rightImage {
    display: none;
  }
  .rightImage-mobile {
    display: block !important;
  }
  .mainHomePage .whyUs .title {
    text-align: center;
  }
  .sectionLabel {
    text-align: center;
  }
  .solvingProblem .title {
    text-align: center;
  }
  .solvingProblem .solvingSection .mainSolvingSlideBtns {
    height: 640px;
  }
  .solvingProblem .mainSliderNav {
    right: -20px;
  }
  .seamlessCardBody .carditems .cardImage {
    display: inline-block;
  }
  .seamlessCardBody .carditems.fullCardItem .cardImage {
    height: 150px;
  }
  .industriesSection .indsBotFeature {
    grid-template-columns: repeat(3, 1fr);
  }
  .industriesSection .indsBotFeature .indsItem {
    margin-bottom: 30px;
  }
  .seamlessCardBody .fullCardItem {
    flex-direction: column;
  }
  .seamlessCardBody .fullCardItem .cardItemsDescp {
    width: 100% !important;
  }
  .seamlessCardBody .fullCardItem .cardItemsDescp h6 {
    margin-top: 10px;
  }
  .seamlessCardBody .fullCardItem .cardImage {
    width: 70%;
  }
  .seamlessCardBody .carditems .cardImage h6 {
    font-size: 14px;
  }
  .bothSection .smartApp .smartAppDesp p {
    text-align: center;
  }
  .bothSection .advanceApp .advFeature .app_direction {
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .digitalTransforming {
    padding: 0 !important;
    background: none;
    background-size: cover;
  }
  .digitalTransforming .container {
    all: unset;
  }
  .digitalTransforming .rightSec {
    margin-top: 2.5rem;
    background-image: url("../images/digital-bg-mobile.png");
    width: 100%;
    display: grid;
    place-content: center;
    aspect-ratio: 1.6;
    background-size: cover;
  }
  .digitalTransforming .d-flex {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .title {
    text-align: center;
  }
  .checkList {
    grid-gap: 0.75rem;
  }
  .checkList-item {
    font-size: 16px;
    font-weight: 500;
  }
  .store-badges {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 10px;
  }
  .store-badges a {
    width: 48%;
  }
  .store-badges a img {
    width: 100%;
  }
  .mainHomePage .btnBlueFilled:not(.digitalTransforming .btnBlueFilled,
  .solvingBotActions .btnBlueFilled),
  .mainHomePage .btnBlueBorder:not(.solvingBotActions .btnBlueBorder) {
    max-width: none;
    width: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    min-width: fit-content;
    min-width: -moz-fit-content;
  }
  .bothSection .augmentedFeatures {
    border-bottom: 1px solid #007bce;
    padding: 30px 30px 50px;
  }
  .bothSection .smartApp .advMobileFooter {
    align-items: center;
  }
  .bothSection .featureAppDownload p {
    font-size: 20px;
    line-height: 26px;
    text-align: center !important;
    margin: auto;
  }
  .mainPageCounter .rightCount {
    display: grid;
    padding-top: 3rem;
    grid-template-columns: repeat(2, 1fr);
  }
  .mainPageCounter .rightCount .caption {
    width: 100%;
    border-bottom: 5px solid #007bce;
  }
  .mainPageCounter .rightCount .caption h3 {
    display: table-caption;
    margin-bottom: 0;
    border-bottom: none;
  }
  .mainPageCounter .rightCount .counterItem {
    padding: 1rem;
  }
  .solvingProblem .solvingSection .mainSolvingSlideBtns {
    height: 450px;
  }
  .solvingProblem .solvingSection .mainSolvingSlideBtns .btnBlueBorder {
    bottom: 40px;
  }
  .solvingProblem .solvingSection .mainSolvingSlideBtns .mainSliderNav {
    bottom: 40px;
  }
  .solvingProblem .solvingSection .mainSolvingSlide.swiper-cards .swiper-slide .slideItem .solvingTopText h3 {
    font-size: 20px !important;
  }
  .solvingProblem .solvingSection .mainSolvingSlide.swiper-cards .swiper-slide .slideItem .solvingTopText p {
    font-size: 14px !important;
  }
  .solvingProblem .solvingSection .mainSolvingSlide.swiper-cards .swiper-slide .slideItem {
    height: 340px;
  }
  .solvingProblem .mainSliderNav {
    bottom: 0;
  }
  .solvingProblem .solvingSection .mainSolvingSlideBtns .swiper-slide {
    border-radius: 10px;
    min-width: 100%;
  }
  .seamlessCardBody {
    height: calc(100vh - 50px);
    overflow-y: auto;
  }
  .seamlessMain .seamlessCardBody {
    height: auto;
    overflow-y: unset;
    margin-top: 20px;
  }
  .footerBot .d-flex.justify-content-between {
    flex-direction: column;
    justify-content: center !important;
  }
  .footerBot .d-flex.justify-content-between .footerLeft {
    text-align: center;
    margin-bottom: 15px;
  }
  .footerBot .d-flex.justify-content-between .footerLeft p {
    font-size: 14px;
  }
  .footerBot .d-flex.justify-content-between .footerRight {
    text-align: center;
  }
  .footerBot .d-flex.justify-content-between .footerRight ul {
    padding-left: 0;
  }
  .footerBot .d-flex.justify-content-between .footerRight ul li a {
    font-size: 12px;
  }
  .footerLinks {
    margin: 20px 0;
  }
  .whyUsIcon img {
    height: 100%;
    max-height: 60px;
  }
  .seamlessCardBody .carditems.fullCardItem {
    flex-direction: column;
  }
  .seamlessCardBody .carditems.fullCardItem .cardImage {
    width: 100%;
  }
  .seamlessCardBody .carditems.fullCardItem .cardItemsDescp {
    width: 100%;
  }
  .revolutionaryPlatform .cardItem .cardImage {
    transform: translateY(-20%);
    margin-bottom: -20%;
  }
  .revolutionaryPlatform .cardItem .cardImage lottie-player {
    max-width: 300px;
  }
  .revolutionaryPlatform .swiper-slide-active {
    margin-bottom: 50px;
  }
  .revolutionaryPlatform .mainSliderNav {
    right: auto;
    left: 50%;
    transform: translateX(-50%);
  }
  .digitalTransforming,
  .solvingProblem,
  .whyUs,
  .mainSitefooter,
  .aboutHomeSecSlider,
  .industriesSection {
    padding: 0px 20px 50px;
  }
  .revolutionaryPlatform {
    padding: 50px 45px;
  }
  .solvingProblem .mainSolvingSlide {
    padding: 40px;
  }
  .solvingProblem .mainSliderNav {
    transform: none;
    right: auto;
  }
  .industriesSection .indsBotFeature .indsItem {
    margin-bottom: 30px;
  }
  .industriesSection .indsBotFeature .indsItem .indIcon {
    width: 65%;
    margin: auto;
  }
  .featureAppDownload .appDescription .d-flex {
    flex-direction: column;
    align-items: start !important;
  }
  .bothSection::after {
    display: none;
  }
  .subTitle {
    font-size: 4vw;
  }
  .revolutionaryPlatform .digitalTransformingHomeSlider::after {
    display: none;
  }
  .dummyFour {
    right: 0;
    left: auto;
  }
}
@media screen and (max-width: 620.99px) {
  .solvingProblem .solvingSection .mainSolvingSlide.swiper-cards .swiper-slide .slideItem {
    height: 410px;
  }
  .solvingProblem .solvingBotActions .d-flex {
    flex-direction: column;
  }
  .aboutHomeSecSlider {
    padding: 0px 20px;
  }
  .dummyOne {
    position: relative !important;
  }
  .dummyTwo {
    position: relative !important;
  }
  .dummyThree {
    position: relative !important;
    top: 0 !important;
    bottom: 0 !important;
  }
  .dummyFour {
    position: relative !important;
    right: 0 !important;
  }
  .swiper-tabs {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
  }
  .swiper-tabs .swiper-tab {
    height: 150px;
    width: 150px;
  }
  .img__box .dummyTwo {
    top: 0;
  }
  .img__box img {
    width: 100%;
  }
  .swiper-container {
    height: 520px;
  }
  .revolutionaryPlatform .swiper-slide-active .cardImage img {
    width: 200px;
  }
  .solvingProblem .solvingSection .mainSolvingSlideBtns {
    height: 480px;
  }
  .solvingProblem .solvingSection .mainSliderNav {
    bottom: 65px;
  }
  .solvingProblem .solvingSection .swiper-slide .slideItem .solvingTopText h3 {
    font-size: 28px !important;
  }
  .solvingProblem .solvingSection .swiper-slide .slideItem .solvingTopText p {
    font-size: 18px !important;
  }
  .bothSection {
    margin-bottom: 0;
  }
  .bothSection .advanceApp .advFeature .app_direction .advanceMobile img {
    width: 60%;
    margin: 0 auto;
    display: flex;
  }
  .bothSection .tab-links {
    display: block;
  }
  .bothSection .seamLessIntegration .subTitle {
    margin-bottom: 40px;
  }
  .industriesSection .indsBotFeature .indsItem .indIcon img {
    width: 60%;
  }
  .featureAppDownload .appDescription .d-flex {
    flex-direction: column;
  }
  .whyUs {
    margin-top: 0;
    margin-bottom: 0;
  }
  .subTitle {
    margin-bottom: 0;
  }
  .img__box {
    height: 46vh;
  }
}
@media screen and (min-width: 768px) {
  .industriesSwiper .indsBotFeature {
    grid-column-gap: 50px;
  }
}
@media screen and (min-width: 576px) {
  .whyUsIcon-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  }
  .industriesSection .indsBotFeature {
    display: grid;
  }
  .bothSection .augmentedFeatures-cardBody {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .bothSection .augmentedFeatures-cardBody-items {
    margin-bottom: 50px;
    margin-inline: auto !important;
  }
}
@media screen and (max-width: 414.99px) {
  .industriesSection .indsBotFeature {
    grid-template-columns: repeat(1, 1fr);
  }
  .industriesSection .indsBotFeature .indsItem {
    margin-bottom: 30px;
  }
  .solvingBotActions .d-flex {
    flex-direction: column;
  }
  .whyUsIcon .d-flex {
    flex-direction: column;
  }
  .solvingProblem .solvingSection .mainSolvingSlide .swiper-cards .swiper-slide .slideItem .solvingTopText h3 {
    font-size: 22px;
  }
  .solvingProblem .solvingSection .mainSolvingSlide .swiper-cards .swiper-slide .slideItem .solvingTopText p {
    font-size: 16px;
  }
  .subTitle {
    font-size: 6vw;
  }
}
@media screen and (max-width: 1200px) {
  .solvingProblem .mainSliderNav {
    transform: none;
    bottom: 100px;
    right: 0;
  }
}
@media screen and (min-width: 2500px) {
  .whyUs .title .title__text,
  .solvingProblem .title .title__text,
  .industriesSection .title .title__text,
  .digitalTransforming .title__text,
  .aboutSlider .title p,
  .aboutSlider .title .title__text,
  .mainPageSlider .title__text {
    font-size: inherit;
  }
}

/*# sourceMappingURL=custom.css.map */