@charset "UTF-8";
:root {
  /**
  @font family declaration
  */
  --tp-ff-body: Graphik Regular;
  --tp-ff-font-optical-sizing: auto;
  --tp-ff-heading: Graphik Bold;
  --tp-ff-p: Graphik Regular Trial;
  --tp-ff-fontawesome: "Font Awesome 6 Pro";
  /**
  @font Size declaration
  */
  --tp-fz-body: 15px;
  --tp-fz-p: 16px;
  --tp-fz-a: 20px;
  --tp-fz-h1: 65px;
  --tp-fz-h2: 45px;
  --tp-fz-h3: 26px;
  --tp-fz-h4: 20px;
  --tp-fz-h5: 18px;
  --tp-fz-h6: 16px;
  --tp-fz-font: 10px;
  --tp-fz-font1: 12px;
  --tp-fz-font2: 13px;
  /**
   @font Weight declaration
  */
  --tp-fw-normal: normal;
  --tp-fw-elight: 200;
  --tp-fw-light: 300;
  --tp-fw-regular: 400;
  --tp-fw-medium: 550;
  --tp-fw-sbold: 600;
  --tp-fw-bold: 700;
  --tp-fw-ebold: 800;
  --tp-fw-black: 900;
  /**


  @color declaration
  */
  --tp-common-white: #ffffff;
  --tp-common-black: #000;
  --tp-heading-primary: #272727;
  --tp-heading-spanred: #FFC048;
  --tp-bg-1: #FFF5E9;
  --tp-bg-2: #F8F8F8;
  --tp-bg-3: #F6F6F6;
  --tp-bg-4: #181818;
  --tp-grey-1: #525252;
  --tp-text-body: #494949;
  --tp-text-1: #444444;
  --tp-text-2: #343434;
  --tp-text-3: #9F9F9F;
  --tp-border-primary: #9C9C9C;
  --tp-border-secondary: #EAEAEA;
  --tp-border-1: #FFFAD5;
  --tp-border-2: #D2D2D2;
  --tp-icon-blue: #006EB1;
  --tp-icon-blue-light: #E7efFF;
  --tp-icon-green: #10D0A1;
  --tp-icon-green-light: #E7FAF6;
  --tp-icon-pink: #F72A75;
  --tp-icon-pink-light: #FEEAf1;
  --tp-icon-sky: #42BFFF;
  --tp-icon-sky-light: #ECF9FF;
  --tp-icon-red: #FF0000;
  --tp-icon-tweet: #1DA1F2;
  --tp-icon-fb: #4267B2;
  --tp-icon-skype: #00A6E4;
}

body {
  font-family: var(--tp-ff-body);
  font-size: var(--tp-fz-body);
  font-weight: var(--tp-fw-regular);
  color: var(--tp-grey-1);
  line-height: 26px;
}

body.loading {
  overflow: hidden;
  height: 100vh;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

p {
  font-size: var(--tp-fz-p);
  color: var(--tp-grey-1);
  font-weight: var(--tp-fw-regular);
  margin-bottom: 22px;
}

.head {
  text-align: center;
  padding-bottom: 50px;
}
.head h3 {
  font-size: var(--tp-fz-h4);
  color: var(--tp-heading-spanred);
  text-transform: uppercase;
  font-weight: var(--tp-fw-sbold);
  padding-bottom: 10px;
}
@media screen and (max-width: 1399px) {
  .head h3 {
    font-size: calc(var(--tp-fz-h4) - 4px);
  }
}
.head span {
  color: #000;
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 15px;
  display: block;
}
@media screen and (max-width: 991px) {
  .head span {
    letter-spacing: 4px;
    font-size: 15px;
    line-height: 26px;
  }
}
.head p {
  color: #000;
  font-size: 18px;
  line-height: 25px;
  margin-bottom: 15px;
  display: block;
}
@media screen and (max-width: 991px) {
  .head p {
    font-size: 15px;
    line-height: 26px;
  }
}
.head h2 {
  font-size: var(--tp-fz-h2);
  color: var(--tp-heading-primary);
  font-family: "Graphik Semibold";
  font-weight: var(--tp-fw-sbold);
  margin-bottom: 2px;
}
@media screen and (max-width: 991px) {
  .head h2 {
    font-size: calc(var(--tp-fz-h2) - 10px);
  }
}
@media screen and (max-width: 767px) {
  .head h2 {
    font-size: calc(var(--tp-fz-h2) - 15px);
  }
}
@media screen and (max-width: 991px) {
  .head {
    padding-bottom: 20px;
  }
}
.head h1 {
  font-size: var(--tp-fz-h2);
  color: var(--tp-heading-primary);
  font-family: "Graphik Semibold";
  font-weight: var(--tp-fw-sbold);
}
@media screen and (max-width: 991px) {
  .head h1 {
    font-size: calc(var(--tp-fz-h2) - 10px);
  }
}
@media screen and (max-width: 767px) {
  .head h1 {
    font-size: calc(var(--tp-fz-h2) - 15px);
  }
}
@media screen and (max-width: 991px) {
  .head {
    padding-bottom: 20px;
  }
}

@media screen and (max-width: 1450px) {
  .container {
    max-width: 1240px;
  }
}
@media screen and (max-width: 1199px) {
  .container {
    max-width: 100%;
    padding: 0 15px;
  }
}
.apple-head {
  padding-bottom: 50px;
}
.apple-head h2 {
  font-family: "Montserrat", sans-serif;
  padding-bottom: 30px;
  color: #010101;
  font-weight: 700;
  font-size: 48px;
  line-height: 120%;
  text-align: center;
}
@media screen and (max-width: 1199px) {
  .apple-head h2 {
    font-size: 38px;
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 991px) {
  .apple-head h2 br {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .apple-head h2 {
    font-size: 30px;
  }
}
.apple-head h1 {
  font-family: "Montserrat", sans-serif;
  padding-bottom: 30px;
  color: #010101;
  font-weight: 700;
  font-size: 48px;
  line-height: 120%;
}
@media screen and (max-width: 1199px) {
  .apple-head h1 {
    font-size: 38px;
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 991px) {
  .apple-head h1 br {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .apple-head h1 {
    font-size: 30px;
  }
}

.site-main.error-page {
  padding-top: 150px;
  background-color: #000;
  padding-bottom: 100px;
}

.page_not_found {
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
  padding: 0px 15px;
}

.error-page h1 {
  color: #fff;
  padding-bottom: 30px;
  max-width: 675px;
  margin: 0 auto;
  font-size: var(--tp-fz-h2);
  font-family: "Graphik Semibold";
  line-height: 115%;
}
@media screen and (max-width: 1399px) {
  .error-page h1 {
    font-size: 45px;
  }
}
@media screen and (max-width: 991px) {
  .error-page h1 {
    font-size: 35px;
  }
}

.error-page p {
  font-size: var(--tp-fz-p);
  color: #fff;
  font-weight: var(--tp-fw-regular);
  margin-bottom: 22px;
}

.error-page a {
  background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
  padding: 9px 23px;
  display: inline-block;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
  line-height: 19px;
  text-decoration: none;
  transition: all 0.5s;
}
.error-page a img {
  margin-left: 8px;
  max-width: 17px;
  display: inline-block;
  width: auto;
  transition: all 0.5s;
  height: auto;
}
.error-page a:hover {
  background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}
.error-page a:hover img {
  margin-left: 10px;
}
.error-page a img {
  transform: rotate(180deg);
}

/* Wrapper creates enough vertical space for sticky scroll */
.scroll-wrapper {
  position: relative;
}

header {
  padding: 0px;
  width: 100%;
  z-index: 99;
  position: absolute;
  transition: all 0.3s;
}
header .header-main {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header .header-main .logo {
  min-width: 99px;
  max-width: 99px;
}
header .header-main .logo a {
  width: 100%;
  display: block;
}
header .header-main .logo img {
  width: 100%;
}
header .header-main .navbar {
  padding: 0px 15px;
  margin-right: 0px;
  position: relative;
  width: 100%;
  justify-content: center;
}
header .header-main .navbar .menu-header-menu-container {
  position: relative;
}
header .header-main .navbar #menu {
  position: relative;
}
header .header-main .navbar ul {
  display: flex;
}
header .header-main .navbar ul li {
  padding: 0px 25px;
}
header .header-main .navbar ul li a {
  color: #fff;
  font-weight: var(--tp-fw-medium);
  text-decoration: none;
  text-transform: capitalize;
  display: inline-block;
  font-size: 20px;
  font-family: "Graphik Medium";
  position: relative;
  z-index: 99;
}
@media screen and (max-width: 1023px) {
  header .header-main .navbar ul li a {
    color: #000;
    background: none !important;
    font-size: 18px;
  }
  header .header-main .navbar ul li a .slicknav_arrow {
    position: absolute;
    right: 11px;
    z-index: 100;
    top: 7px;
    width: 30px;
    height: 30px;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
  }
}
header .header-main .navbar ul li a:hover {
  color: #FFD400;
}
@media screen and (max-width: 1023px) {
  header .header-main .navbar ul li a {
    margin: 0px;
    width: 100%;
  }
}
header .header-main .navbar ul li:first-child {
  padding-left: 0px;
}
header .header-main .navbar ul li:last-child {
  padding-right: 0px;
}
@media screen and (max-width: 1450px) {
  header .header-main .navbar ul li {
    padding: 0px 20px;
  }
}
@media screen and (max-width: 1399px) {
  header .header-main .navbar ul li {
    padding: 0px 15px;
  }
}
header .header-main .navbar ul li.dropdown {
  position: static;
}
header .header-main .navbar ul li.dropdown > a {
  background: url(../images/drop-down-arrow.svg) no-repeat right center !important;
  padding-right: 18px !important;
  background-size: 14px !important;
  position: relative;
}
@media screen and (max-width: 1023px) {
  header .header-main .navbar #menu {
    display: none;
  }
  header .header-main .navbar #menu-header-menu {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  header .header-main .navbar {
    position: static;
  }
}
header .header-main .great-work img {
  width: 58px;
}
header .header-main .contact-btn {
  background: #0FACB8;
  width: 196px;
  height: 50px;
  border-right: 2px solid #FFD400;
  margin-right: 50px;
}
header .header-main .contact-btn a {
  color: #fff;
  overflow: hidden;
  z-index: 1;
  font-family: "Graphik Medium";
  position: relative;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 50px;
  text-decoration: none;
}
header .header-main .contact-btn a img {
  margin-right: 10px;
}
header .header-main .contact-btn a:after {
  background: #FFD400;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  transition: all 0.3s ease;
  width: 0%;
  height: 100%;
}
header .header-main .contact-btn a:hover {
  color: #000;
}
header .header-main .contact-btn a:hover:after {
  width: 100%;
}
@media screen and (max-width: 991px) {
  header .header-main .contact-btn {
    min-width: 150px;
  }
}
header .header-main .search {
  width: auto;
  position: absolute;
  right: 0;
}
header .header-main .search a {
  width: 34px;
  height: 34px;
  border-radius: 34px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}
header .header-main .search a i {
  color: #000;
}
header.fixed-header {
  position: fixed;
  background: #fff;
  z-index: 999;
  left: 0;
  width: 100%;
  border-bottom: 0.5px solid #323232;
  padding: 20px 0;
}
header.fixed-header .navbar ul li a {
  color: #323232;
}
header.fixed-header .search a {
  background: #323232;
}
header.fixed-header .search a i {
  color: #fff;
}

.button-scroll .button-learn-more {
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  border-radius: 50%;
  box-sizing: border-box;
  cursor: pointer;
  height: 79px;
  position: relative;
  transition: 0.3s;
  width: 79px;
}
.button-scroll .button-learn-more .button-learn-more__wrapp {
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.button-scroll .button-learn-more .button-learn-more__wrapp .button-learn-more__text {
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  margin-right: 39.5px;
  padding: 0 29px 0 0;
  position: relative;
  text-align: left;
  text-transform: uppercase;
  transition: 0.3s;
  width: 79px;
}
.button-scroll .button-learn-more .button-learn-more__wrapp .button-learn-more__text:before {
  background: #fff;
  content: "";
  height: 1px;
  left: 100%;
  transition: 0.3s;
  width: 38px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.button-scroll .button-learn-more svg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.button-scroll .button-learn-more svg.left {
  left: -23px;
}
.button-scroll .button-learn-more svg.right {
  right: -23px;
}
.button-scroll .button-learn-more:hover .button-learn-more__text {
  margin-right: 0;
  padding: 0 14.5px;
  text-align: center;
}
.button-scroll .button-learn-more:hover .button-learn-more__text:before {
  display: none;
}

header.scrolled {
  background: rgb(0, 0, 0);
  position: fixed;
  top: 0;
}
@media screen and (max-width: 576px) {
  header.scrolled {
    top: 0px;
  }
}

.scrolled header {
  background: rgb(0, 0, 0);
}

.scrolled header .header-main .navbar ul li a {
  color: #fff;
}
@media screen and (max-width: 991px) {
  .scrolled header .header-main .navbar ul li a {
    color: #000;
  }
}

header.header-two .header-main .navbar ul li.dropdown a {
  background: url(../images/arrow-head-two.png) no-repeat right center;
}

.scrolled header .header-main .navbar ul li a:hover {
  color: #0FACB8;
}

header.header-two .header-main .navbar ul li a {
  color: #000;
}

header.header-two .header-main .navbar ul li a:hover {
  color: #0FACB8;
}

header.header-two {
  background: #fff;
  box-shadow: 0px 8px 12px -9px rgba(0, 0, 0, 0.2);
}
header.header-two .slicknav_menu .slicknav_icon-bar {
  box-shadow: 0 1px 0 rgb(0, 0, 0);
}

header.header-two::after {
  background: linear-gradient(-66deg, #16AEB2 0%, #EBFF00 52.06%, #FED300 100%);
  left: 0px;
  width: 100%;
  content: "";
  position: absolute;
  height: 3px;
  bottom: 6px;
  transform: translate3d(0px, 10px, -24px) scale(1) rotate(180deg);
  filter: blur(2px);
  opacity: var(0.7);
  z-index: -1;
}

@media screen and (min-width: 961px) {
  header.dark-bg .ubermenu-skin-grey-white .ubermenu-item-level-0 > .ubermenu-target {
    color: #000 !important;
  }
  header.dark-bg .header-main .navbar ul li.dropdown > a {
    background: url(../images/drop-down-arrow-black.svg) no-repeat right center !important;
  }
  header.dark-bg.scrolled .header-main .navbar ul li.dropdown > a {
    background: url(../images/drop-down-arrow-black.svg) no-repeat right center !important;
  }
}
header.dark-bg.scrolled {
  background: #fff;
}

@media screen and (max-width: 960px) {
  header.dark-bg .ubermenu-skin-grey-white.ubermenu-responsive-toggle {
    color: #000;
  }
}
.banner-outer {
  position: relative;
  padding-top: 0px;
  height: 100vh;
}
.banner-outer .banner-slider {
  margin-bottom: 0;
  line-height: 0;
  height: 100%;
}
.banner-outer .banner-slider .slick-list.draggable {
  height: 100%;
}
.banner-outer .banner-slider .slick-list.draggable .slick-track {
  height: 100%;
}
.banner-outer .banner-slider .slick-list.draggable .slick-track .slick-slide {
  height: 100%;
}
.banner-outer .banner-slider .slick-list.draggable .slick-track .slick-slide div {
  height: 100%;
}
.banner-outer .banner-slider .slick-list.draggable .slick-track .slick-slide .banner-slide-outer {
  height: 100%;
  display: flex;
}
.banner-outer .banner-slider .slick-list.draggable .slick-track .slick-slide .banner-slide-outer .container {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .banner-outer .banner-slider .slick-list.draggable .slick-track .slick-slide .banner-slide-outer .container {
    flex-wrap: wrap;
  }
}
.banner-outer .banner-slide {
  position: relative;
  margin-bottom: 0;
  line-height: 0;
}
.banner-outer .banner-slide figure {
  margin-bottom: 0;
  width: 100%;
}
.banner-outer .banner-slide figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 767px) {
  .banner-outer .banner-slide figure img {
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.banner-outer .banner-slide figure figcaption {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.banner-outer .banner-slide figure figcaption .banner-text-width {
  width: 100%;
  display: flex;
  height: 100% !important;
  padding-top: 150px;
  position: relative;
}
.banner-outer .banner-slide figure figcaption .banner-text-width h2 {
  font-size: 70px;
  color: var(--tp-common-white);
  font-weight: var(--tp-fw-bold);
  text-transform: inherit;
  padding-bottom: 0px;
  line-height: 120%;
  padding-right: 0px;
  text-transform: uppercase;
  font-family: "Graphik Bold";
}
@media screen and (max-width: 1450px) {
  .banner-outer .banner-slide figure figcaption .banner-text-width h2 {
    font-size: 55px;
  }
}
@media (max-width: 991px) {
  .banner-outer .banner-slide figure figcaption .banner-text-width h2 {
    position: static;
    width: 100%;
    font-size: 40px;
    line-height: 120%;
    padding-bottom: 20px;
  }
  .banner-outer .banner-slide figure figcaption .banner-text-width h2 br {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .banner-outer .banner-slide figure figcaption .banner-text-width h2 {
    font-size: calc(var(--tp-fz-h2) - 10px);
    padding-right: 0;
  }
}
@media screen and (max-width: 600px) {
  .banner-outer .banner-slide figure figcaption .banner-text-width h2 {
    font-size: calc(var(--tp-fz-h2) - 20px);
    padding-right: 0;
    margin: 0px;
  }
}
.banner-outer .banner-slide figure figcaption .banner-text-width h2 span {
  color: transparent;
  display: block;
  -webkit-text-stroke: 0.5px #fff;
}
@media (max-width: 480px) {
  .banner-outer .banner-slide figure figcaption .banner-text-width h2 {
    font-size: 30px;
    line-height: 38px;
  }
}
.banner-outer .banner-slide figure figcaption .banner-text-width .text-box {
  position: absolute;
  right: 0;
  bottom: 50px;
  width: 454px;
  height: auto !important;
  min-height: 250px;
  display: flex;
  align-content: space-between;
  flex-wrap: wrap;
}
.banner-outer .banner-slide figure figcaption .banner-text-width .text-box h3 {
  font-size: 35px;
  color: #fff;
  width: 100%;
  text-transform: inherit;
  line-height: normal;
  padding-bottom: 10px;
  line-height: 42px;
  padding-right: 0px;
  opacity: 0;
  transform: translateY(-50px);
  transition: transform 0.8s cubic-bezier(0.16, 0.68, 0.43, 0.99), opacity 0.8s ease-in-out;
  font-family: "Graphik Medium";
}
@media (max-width: 991px) {
  .banner-outer .banner-slide figure figcaption .banner-text-width .text-box h3 {
    font-size: 25px;
    line-height: 32px;
  }
  .banner-outer .banner-slide figure figcaption .banner-text-width .text-box h3 br {
    display: none;
  }
}
@media (max-width: 480px) {
  .banner-outer .banner-slide figure figcaption .banner-text-width .text-box h3 {
    font-size: 20px;
  }
}
.banner-outer .banner-slide figure figcaption .banner-text-width .text-box a.learn-more {
  white-space: nowrap;
  background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
  padding: 9px 23px;
  display: inline-block;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
  line-height: 19px;
  text-decoration: none;
  transition: all 0.5s;
}
.banner-outer .banner-slide figure figcaption .banner-text-width .text-box a.learn-more img {
  margin-left: 8px;
  max-width: 17px;
  display: inline-block;
  width: auto;
  transition: all 0.5s;
  height: auto;
}
.banner-outer .banner-slide figure figcaption .banner-text-width .text-box a.learn-more:hover {
  background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}
.banner-outer .banner-slide figure figcaption .banner-text-width .text-box a.learn-more:hover img {
  margin-left: 10px;
}
@media (max-width: 991px) {
  .banner-outer .banner-slide figure figcaption .banner-text-width .text-box {
    position: static;
    width: 100%;
    display: block;
    min-height: unset;
  }
}
.banner-outer .banner-slide figure figcaption .banner-text-width p {
  font-size: calc(var(--tp-fz-h4) - 2px);
  opacity: 0;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  transform: translateX(-400px);
  transition: transform 0.8s cubic-bezier(0.16, 0.68, 0.43, 0.99), opacity 0.8s ease-in-out;
  margin-bottom: 0;
  font-weight: var(--tp-fw-bold);
  color: var(--tp-common-white);
  line-height: 26px;
}
.banner-outer .banner-slide figure figcaption .banner-text-width .button-learn-more {
  height: 79px !important;
  margin-left: 50px;
  margin-top: 0px;
}
.banner-outer .banner-slide figure figcaption .banner-text-width .button-learn-more .button-learn-more__wrapp {
  height: auto !important;
}
@media screen and (max-width: 767px) {
  .banner-outer .banner-slide figure figcaption .banner-text-width {
    width: 100%;
    order: 2;
  }
}
@media (max-width: 991px) {
  .banner-outer .banner-slide figure figcaption .banner-text-width {
    flex-wrap: wrap;
    align-content: center;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 576px) {
  .banner-outer .banner-slide figure figcaption .banner-text-width {
    flex-wrap: wrap;
    align-content: center;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) {
  .banner-outer .banner-slide figure figcaption {
    top: -100px;
  }
}
.banner-outer .banner-slide.slick-active .banner-slide-outer figure figcaption .banner-text-width h3 {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.4s;
}
.banner-outer .slider-dots-box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  bottom: 34px;
  width: 100%;
}
.banner-outer .slider-dots-box .slider-dots {
  display: flex;
  justify-content: center;
  align-items: center;
}
.banner-outer .slider-dots-box .slider-dots button {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  display: block;
  border: 2px solid #FFF;
  background-color: transparent;
  margin: 0 5px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 0;
  transition: 0.3s all;
  position: relative;
  z-index: 0;
  font-size: 0;
  opacity: 1 !important;
}
.banner-outer .slider-dots-box .slick-active button::after {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  border-radius: 100%;
  background-color: #F9D204;
  position: absolute;
  left: 2px;
  top: 2px;
}
@media screen and (max-width: 1399px) {
  .banner-outer .slider-dots-box {
    bottom: 20px;
  }
}
@media (max-width: 991px) {
  .banner-outer .slider-dots-box {
    display: none;
  }
}
.banner-outer .slick-arrow {
  width: 51px;
  height: 51px;
  border: 2px solid #F1F1F1;
  border-radius: 100%;
  bottom: 20px;
  top: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9;
}
.banner-outer .slick-arrow::before {
  background: url(../images/arrow-use-slide.png) no-repeat;
  font-size: 0;
  color: transparent;
  width: 26px;
  height: 16px;
  opacity: 1 !important;
}
.banner-outer .slick-arrow:hover {
  border-color: #06ABBF;
  background: #06ABBF;
}
@media screen and (max-width: 991px) {
  .banner-outer .slick-arrow {
    bottom: -8px;
  }
}
@media screen and (max-width: 767px) {
  .banner-outer .slick-arrow {
    width: 45px;
    height: 45px;
    bottom: 8px;
  }
}
.banner-outer .slick-prev {
  left: 5.5%;
}
@media (max-width: 1920px) {
  .banner-outer .slick-prev {
    left: 16.5%;
  }
}
@media (max-width: 1680px) {
  .banner-outer .slick-prev {
    left: 7.5%;
  }
}
@media (max-width: 1400px) {
  .banner-outer .slick-prev {
    left: 5.5%;
  }
}
@media (max-width: 1280px) {
  .banner-outer .slick-prev {
    left: 2.5%;
  }
}
@media (max-width: 1024px) {
  .banner-outer .slick-prev {
    left: 20px;
  }
}
@media (max-width: 991px) {
  .banner-outer .slick-prev {
    left: 43px;
  }
}
@media (max-width: 576px) {
  .banner-outer .slick-prev {
    left: 15px;
  }
}
.banner-outer .slick-next {
  right: unset;
  left: 10%;
}
.banner-outer .slick-next::before {
  transform: rotate(180deg);
}
@media (max-width: 1920px) {
  .banner-outer .slick-next {
    left: 19.5%;
  }
}
@media (max-width: 1680px) {
  .banner-outer .slick-next {
    left: 12%;
  }
}
@media (max-width: 1400px) {
  .banner-outer .slick-next {
    left: 9.7%;
  }
}
@media (max-width: 1280px) {
  .banner-outer .slick-next {
    left: 7.4%;
  }
}
@media (max-width: 1024px) {
  .banner-outer .slick-next {
    left: 75px;
  }
}
@media (max-width: 991px) {
  .banner-outer .slick-next {
    left: 102px;
  }
}
@media (max-width: 576px) {
  .banner-outer .slick-next {
    left: 75px;
  }
}
.banner-outer .slider-progress {
  width: 352px;
  height: 3px;
  background: #fff;
  max-width: 352px;
  margin: 0 auto;
  position: absolute;
  bottom: 113px;
  right: 32.5%;
  transform: rotate(90deg);
}
@media (max-width: 1640px) {
  .banner-outer .slider-progress {
    right: 29%;
  }
}
@media (max-width: 1440px) {
  .banner-outer .slider-progress {
    right: 30%;
  }
}
@media (max-width: 1368px) {
  .banner-outer .slider-progress {
    right: 29%;
  }
}
@media (max-width: 1280px) {
  .banner-outer .slider-progress {
    right: 28%;
  }
}
@media (max-width: 1150px) {
  .banner-outer .slider-progress {
    right: 29%;
  }
}
@media (max-width: 1100px) {
  .banner-outer .slider-progress {
    right: 30%;
  }
}
@media (max-width: 1030px) {
  .banner-outer .slider-progress {
    right: 32%;
  }
}
@media (max-width: 991px) {
  .banner-outer .slider-progress {
    right: unset;
    left: 45px;
    top: unset;
    bottom: 100px;
    margin: auto 0;
    transform: unset;
  }
}
@media (max-width: 576px) {
  .banner-outer .slider-progress {
    left: 15px;
    width: 332px;
  }
}
.banner-outer .slider-progress .progress {
  width: 0%;
  height: 3px;
  background: #06ABBF;
}
.banner-outer .ban-click {
  display: none;
  position: absolute;
  bottom: 40px;
  width: 17px;
  height: 86px;
  left: 0;
  right: 0;
  margin: 0 auto;
  cursor: pointer;
}
.banner-outer .ban-click img {
  width: 100%;
}
.banner-outer .social-share {
  position: absolute;
  right: 35px;
  bottom: 20px;
}
.banner-outer .social-share li {
  margin-bottom: 10px;
}
.banner-outer .social-share li a {
  background: transparent;
  width: 40px;
  height: 40px;
  transform: scale(1);
  transition: transform 0.3s;
  border-radius: 100%;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 18px;
}
.banner-outer .social-share li a:hover {
  color: #F9D204;
}
@media (max-width: 991px) {
  .banner-outer .social-share li a {
    width: 30px;
    height: 30px;
  }
}
@media (max-width: 991px) {
  .banner-outer .social-share {
    right: 6px;
  }
}

.circle-bg {
  fill: transparent;
  stroke: var(--tp-common-white);
  stroke-width: 2;
  stroke-linecap: butt;
}

.circle-go {
  fill: transparent;
  stroke: var(--tp-heading-spanred);
  stroke-width: 2;
  stroke-linecap: round;
  animation: progress 8s;
  stroke-dasharray: 360px;
  stroke-dashoffset: 360;
}

@keyframes progress {
  from {
    stroke-dashoffset: 360;
  }
  to {
    stroke-dashoffset: 0;
  }
}
.footer-outer {
  background: #2C2C2C;
  padding: 50px 0px 0px;
}
.footer-outer .footer-top {
  padding-bottom: 15px;
  border-bottom: 1px solid #505050;
}
.footer-outer .footer-top h3 {
  color: #878787;
  font-size: 20px;
  line-height: 20px;
  font-family: "Graphik Medium";
  text-transform: uppercase;
  padding-bottom: 16px;
}
@media screen and (max-width: 1024px) {
  .footer-outer .footer-top h3 {
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 600px) {
  .footer-outer .footer-top h3 {
    font-size: 18px;
    padding-bottom: 18px;
  }
}
.footer-outer .footer-top h2 {
  font-size: 40px;
  line-height: 40px;
  font-family: "Graphik Semibold";
  display: inline-block;
}
.footer-outer .footer-top h2 a {
  color: #fff;
  text-decoration: none;
  display: flex;
  align-items: flex-start;
}
.footer-outer .footer-top h2 a img {
  margin-left: 20px;
  width: 35px;
}
@media screen and (max-width: 1024px) {
  .footer-outer .footer-top h2 a img {
    width: 35px;
  }
}
@media screen and (max-width: 600px) {
  .footer-outer .footer-top h2 a img {
    width: 25px;
  }
}
.footer-outer .footer-top h2:hover a {
  color: #0FACB8;
}
@media screen and (max-width: 1024px) {
  .footer-outer .footer-top h2 {
    font-size: 40px;
    line-height: 40px;
  }
}
@media screen and (max-width: 600px) {
  .footer-outer .footer-top h2 {
    font-size: 25px;
    line-height: 25px;
  }
}
.footer-outer .footer-section {
  padding-top: 24px;
  display: flex;
  flex-wrap: wrap;
}
.footer-outer .footer-section .footer-bx {
  width: 25%;
  padding: 0px 25px;
}
.footer-outer .footer-section .footer-bx:nth-child(1) {
  width: 50%;
  padding-right: 110px;
  padding-left: 0;
}
@media screen and (max-width: 1024px) {
  .footer-outer .footer-section .footer-bx:nth-child(1) {
    padding-right: 0px;
    width: 100%;
    margin-bottom: 40px;
  }
}
.footer-outer .footer-section .footer-bx:nth-child(3) {
  padding-right: 0px;
}
.footer-outer .footer-section .footer-bx:nth-child(2) {
  padding-left: 0px;
}
.footer-outer .footer-section .footer-bx p {
  color: #B5B5B5;
  font-size: 16px;
  line-height: 26px;
  padding-bottom: 0px;
}
@media screen and (max-width: 1024px) {
  .footer-outer .footer-section .footer-bx p {
    padding-bottom: 0px;
  }
}
@media screen and (max-width: 600px) {
  .footer-outer .footer-section .footer-bx p {
    font-size: 16px;
    line-height: 22px;
  }
}
.footer-outer .footer-section .footer-bx .pro-discussion {
  background: #363636;
  border-radius: 54px;
  padding: 18px 15px;
  display: block;
  width: 90%;
  text-align: center;
  font-size: 17px;
  color: #fff;
  line-height: 22px;
  font-family: "Graphik Bold";
  text-decoration: none;
  display: none;
}
.footer-outer .footer-section .footer-bx .pro-discussion:hover {
  background: #0FACB8;
}
@media screen and (max-width: 1024px) {
  .footer-outer .footer-section .footer-bx .pro-discussion {
    width: 452px;
  }
}
@media screen and (max-width: 600px) {
  .footer-outer .footer-section .footer-bx .pro-discussion {
    font-size: 18px;
    line-height: 18px;
    padding: 15px 15px;
    width: 320px;
  }
}
@media screen and (max-width: 991px) {
  .footer-outer .footer-section .footer-bx .pro-discussion {
    padding: 19px 15px;
  }
}
.footer-outer .footer-section .footer-bx h3 {
  font-size: 20px;
  line-height: 38px;
  color: #fff;
  font-family: "Graphik Medium";
  padding-bottom: 10px;
  border-bottom: 1px solid #363636;
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
  .footer-outer .footer-section .footer-bx h3 {
    font-size: 20px;
    line-height: 30px;
  }
}
.footer-outer .footer-section .footer-bx .footer-menu li {
  margin-bottom: 11px;
}
.footer-outer .footer-section .footer-bx .footer-menu li a {
  font-size: 15px;
  display: block;
  line-height: 20px;
  color: #BBBBBB;
  display: block;
  text-decoration: none;
}
.footer-outer .footer-section .footer-bx .footer-menu li a:hover {
  color: #0FACB8;
}
.footer-outer .footer-section .footer-bx .socail-footer {
  display: flex;
}
.footer-outer .footer-section .footer-bx .socail-footer li {
  margin-right: 8px;
}
.footer-outer .footer-section .footer-bx .socail-footer li a {
  background: #5A5A5A;
  display: block;
  width: 49px;
  height: 49px;
  border-radius: 100%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  text-decoration: none;
}
.footer-outer .footer-section .footer-bx .socail-footer li a:hover {
  background: #0FACB8;
}
@media screen and (max-width: 1199px) {
  .footer-outer .footer-section .footer-bx .socail-footer li a {
    width: 35px;
    height: 35px;
  }
}
.footer-outer .footer-section .footer-bx .socail-footer li:last-child {
  margin-right: 0px;
}
@media screen and (max-width: 1024px) {
  .footer-outer .footer-section .footer-bx {
    width: 50%;
  }
}
@media screen and (max-width: 600px) {
  .footer-outer .footer-section .footer-bx {
    width: 100%;
    padding-right: 0px;
    margin-bottom: 20px;
  }
  .footer-outer .footer-section .footer-bx:nth-child(3) {
    padding-left: 0px;
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 1024px) {
  .footer-outer .footer-section {
    padding-top: 29px;
  }
}
.footer-outer .copy-right {
  text-align: center;
  padding-bottom: 1px;
  padding-top: 15px;
}
.footer-outer .copy-right p {
  color: #737373;
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 11px;
}
.footer-outer .copy-right p a {
  color: #fff;
  text-decoration: none;
  position: relative;
  padding: 0px 8px;
  display: inline-block;
}
.footer-outer .copy-right p a::after {
  width: 1px;
  height: 12px;
  content: "";
  position: absolute;
  right: -2px;
  top: 5px;
  display: block;
  background: #737373;
}
.footer-outer .copy-right p a:hover {
  color: #0FACB8;
}
.footer-outer .copy-right p span {
  display: inline-block;
  padding-left: 8px;
}

.slicknav_menu {
  font-size: 16px;
  box-sizing: border-box;
  padding: 5px;
}
.slicknav_menu * {
  box-sizing: border-box;
}
.slicknav_menu .slicknav_menutxt {
  color: #fff;
  font-weight: bold;
  text-shadow: 0 1px 3px var(--tp-heading-orange);
}
.slicknav_menu .slicknav_icon-bar {
  background-color: var(--tp-heading-orange);
}

.slicknav_btn {
  text-decoration: none;
  text-shadow: 0 1px 1px var(--tp-heading-orange);
  border-radius: 4px;
}

.slicknav_nav {
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 0.875em;
  list-style: none;
  overflow: hidden;
  position: absolute;
  left: 0;
  width: 100%;
  top: 78px;
  background: #fff;
  max-width: 720px;
  margin: 0 auto;
  right: 0;
}
@media screen and (max-width: 767px) {
  .slicknav_nav {
    top: 101px;
  }
}
.slicknav_nav li:last-child a {
  border-bottom: none;
}
.slicknav_nav ul {
  list-style: none;
  overflow: hidden;
  padding: 0;
  margin: 0 0 0 20px;
}
.slicknav_nav .slicknav_row {
  margin: 2px 5px;
}
.slicknav_nav .slicknav_row:hover {
  border-radius: 6px;
  color: var(--tp-grey-1);
}
.slicknav_nav a {
  padding: 10px 10px;
  margin: 2px 5px;
  text-decoration: none;
  color: var(--tp-grey-1);
  font-weight: var(--tp-fw-medium);
  border-bottom: 1px solid var(--tp-border-secondary);
}
.slicknav_nav a span {
  margin-right: 8px;
}
.slicknav_nav a:hover {
  border-radius: 6px;
  color: #FF7A00;
}
.slicknav_nav .slicknav_txtnode {
  margin-left: 15px;
}
.slicknav_nav .slicknav_item a {
  padding: 0;
  margin: 0;
  border: none;
}
.slicknav_nav .slicknav_parent-link a {
  padding: 0;
  margin: 0;
}
.slicknav_nav .slicknav_parent ul li a {
  font-weight: var(--tp-fw-regular);
}

.slicknav_brand {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  padding: 7px 12px;
  height: 44px;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: right;
  line-height: 1.125em;
  cursor: pointer;
}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
  margin-top: 8px;
}

.slicknav_menu {
  *zoom: 1;
  display: none;
}
.slicknav_menu .slicknav_menutxt {
  display: block;
  line-height: 1.188em;
  float: left;
}
.slicknav_menu .slicknav_icon {
  float: left;
  width: 30px;
  height: 25px;
  margin: 0.188em 0 0 0.438em;
}
.slicknav_menu .slicknav_icon:before {
  background: transparent;
  width: 1.125em;
  height: 0.875em;
  display: block;
  content: "";
  position: absolute;
}
.slicknav_menu .slicknav_no-text {
  margin: 0;
}
.slicknav_menu .slicknav_icon-bar {
  display: block;
  width: 30px;
  height: 2px;
  border-radius: 0;
  box-shadow: 0 1px 0 rgb(255, 255, 255);
}
.slicknav_menu:before {
  content: " ";
  display: table;
}
.slicknav_menu:after {
  content: " ";
  display: table;
  clear: both;
}
@media screen and (max-width: 1023px) {
  .slicknav_menu {
    display: block;
    order: 3;
    margin-left: 10px;
    min-height: 50px;
    width: 100%;
  }
  .slicknav_menu .slicknav_btn {
    position: absolute;
    right: 25px;
    top: 15px;
  }
}
@media screen and (max-width: 767px) {
  .slicknav_menu .slicknav_btn {
    position: absolute;
    right: 80px;
    top: 37px;
  }
}

.slicknav_nav {
  clear: both;
  max-height: 363px;
  overflow: auto;
}
.slicknav_nav ul {
  display: block;
}
.slicknav_nav li {
  display: block;
}
.slicknav_nav .slicknav_arrow {
  font-size: 0.8em;
  margin: 0 0 0 0.4em;
}
.slicknav_nav .slicknav_item {
  cursor: pointer;
}
.slicknav_nav .slicknav_item a {
  display: inline;
}
.slicknav_nav .slicknav_row {
  display: block;
}
.slicknav_nav a {
  display: block;
}
.slicknav_nav .slicknav_parent-link a {
  display: inline;
}

.slicknav_brand {
  float: left;
}

body {
  font-family: var(--tp-ff-body);
  font-size: var(--tp-fz-body);
  font-weight: var(--tp-fw-regular);
  color: var(--tp-grey-1);
  line-height: 26px;
}

body.loading {
  overflow: hidden;
  height: 100vh;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

p {
  font-size: var(--tp-fz-p);
  color: var(--tp-grey-1);
  font-weight: var(--tp-fw-regular);
  margin-bottom: 22px;
}

.head {
  text-align: center;
  padding-bottom: 50px;
}
.head h3 {
  font-size: var(--tp-fz-h4);
  color: var(--tp-heading-spanred);
  text-transform: uppercase;
  font-weight: var(--tp-fw-sbold);
  padding-bottom: 10px;
}
@media screen and (max-width: 1399px) {
  .head h3 {
    font-size: calc(var(--tp-fz-h4) - 4px);
  }
}
.head span {
  color: #000;
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 15px;
  display: block;
}
@media screen and (max-width: 991px) {
  .head span {
    letter-spacing: 4px;
    font-size: 15px;
    line-height: 26px;
  }
}
.head p {
  color: #000;
  font-size: 18px;
  line-height: 25px;
  margin-bottom: 15px;
  display: block;
}
@media screen and (max-width: 991px) {
  .head p {
    font-size: 15px;
    line-height: 26px;
  }
}
.head h2 {
  font-size: var(--tp-fz-h2);
  color: var(--tp-heading-primary);
  font-family: "Graphik Semibold";
  font-weight: var(--tp-fw-sbold);
  margin-bottom: 2px;
}
@media screen and (max-width: 991px) {
  .head h2 {
    font-size: calc(var(--tp-fz-h2) - 10px);
  }
}
@media screen and (max-width: 767px) {
  .head h2 {
    font-size: calc(var(--tp-fz-h2) - 15px);
  }
}
@media screen and (max-width: 991px) {
  .head {
    padding-bottom: 20px;
  }
}
.head h1 {
  font-size: var(--tp-fz-h2);
  color: var(--tp-heading-primary);
  font-family: "Graphik Semibold";
  font-weight: var(--tp-fw-sbold);
}
@media screen and (max-width: 991px) {
  .head h1 {
    font-size: calc(var(--tp-fz-h2) - 10px);
  }
}
@media screen and (max-width: 767px) {
  .head h1 {
    font-size: calc(var(--tp-fz-h2) - 15px);
  }
}
@media screen and (max-width: 991px) {
  .head {
    padding-bottom: 20px;
  }
}

@media screen and (max-width: 1450px) {
  .container {
    max-width: 1240px;
  }
}
@media screen and (max-width: 1199px) {
  .container {
    max-width: 100%;
    padding: 0 15px;
  }
}
.apple-head {
  padding-bottom: 50px;
}
.apple-head h2 {
  font-family: "Montserrat", sans-serif;
  padding-bottom: 30px;
  color: #010101;
  font-weight: 700;
  font-size: 48px;
  line-height: 120%;
  text-align: center;
}
@media screen and (max-width: 1199px) {
  .apple-head h2 {
    font-size: 38px;
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 991px) {
  .apple-head h2 br {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .apple-head h2 {
    font-size: 30px;
  }
}
.apple-head h1 {
  font-family: "Montserrat", sans-serif;
  padding-bottom: 30px;
  color: #010101;
  font-weight: 700;
  font-size: 48px;
  line-height: 120%;
}
@media screen and (max-width: 1199px) {
  .apple-head h1 {
    font-size: 38px;
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 991px) {
  .apple-head h1 br {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .apple-head h1 {
    font-size: 30px;
  }
}

.site-main.error-page {
  padding-top: 150px;
  background-color: #000;
  padding-bottom: 100px;
}

.page_not_found {
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
  padding: 0px 15px;
}

.error-page h1 {
  color: #fff;
  padding-bottom: 30px;
  max-width: 675px;
  margin: 0 auto;
  font-size: var(--tp-fz-h2);
  font-family: "Graphik Semibold";
  line-height: 115%;
}
@media screen and (max-width: 1399px) {
  .error-page h1 {
    font-size: 45px;
  }
}
@media screen and (max-width: 991px) {
  .error-page h1 {
    font-size: 35px;
  }
}

.error-page p {
  font-size: var(--tp-fz-p);
  color: #fff;
  font-weight: var(--tp-fw-regular);
  margin-bottom: 22px;
}

.error-page a {
  background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
  padding: 9px 23px;
  display: inline-block;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
  line-height: 19px;
  text-decoration: none;
  transition: all 0.5s;
}
.error-page a img {
  margin-left: 8px;
  max-width: 17px;
  display: inline-block;
  width: auto;
  transition: all 0.5s;
  height: auto;
}
.error-page a:hover {
  background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}
.error-page a:hover img {
  margin-left: 10px;
}
.error-page a img {
  transform: rotate(180deg);
}

/* Wrapper creates enough vertical space for sticky scroll */
.scroll-wrapper {
  position: relative;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

.apple-banner-outer {
  position: relative;
  padding-top: 0px;
  height: 100vh;
}
.apple-banner-outer .banner-slider {
  margin-bottom: 0;
  line-height: 0;
  height: 100%;
}
.apple-banner-outer .banner-slider .slick-list.draggable {
  height: 100%;
}
.apple-banner-outer .banner-slider .slick-list.draggable .slick-track {
  height: 100%;
}
.apple-banner-outer .banner-slider .slick-list.draggable .slick-track .slick-slide {
  height: 100%;
}
.apple-banner-outer .banner-slider .slick-list.draggable .slick-track .slick-slide div {
  height: 100%;
}
@media screen and (max-width: 1399px) {
  .apple-banner-outer .banner-slider .slick-list.draggable .slick-track .slick-slide div {
    height: auto;
  }
}
.apple-banner-outer .banner-slider .slick-list.draggable .slick-track .slick-slide .banner-slide-outer {
  height: 100%;
  display: flex;
}
.apple-banner-outer .banner-slider .slick-list.draggable .slick-track .slick-slide .banner-slide-outer .container {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .apple-banner-outer .banner-slider .slick-list.draggable .slick-track .slick-slide .banner-slide-outer .container {
    flex-wrap: wrap;
  }
}
.apple-banner-outer .banner-slide {
  position: relative;
  margin-bottom: 0;
  line-height: 0;
}
.apple-banner-outer .banner-slide figure {
  margin-bottom: 0;
  width: 100%;
}
.apple-banner-outer .banner-slide figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 767px) {
  .apple-banner-outer .banner-slide figure img {
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.apple-banner-outer .banner-slide figure figcaption {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.apple-banner-outer .banner-slide figure figcaption .banner-text-width {
  width: 100%;
  padding-top: 150px;
  position: relative;
  -webkit-transform: translateY(-50px);
  opacity: 0;
  transform: translateY(-50px);
  transition: transform 0.8s cubic-bezier(0.16, 0.68, 0.43, 0.99), opacity 0.8s ease-in-out;
}
.apple-banner-outer .banner-slide figure figcaption .banner-text-width h2 {
  font-size: 70px;
  color: var(--tp-common-white);
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  padding-bottom: 10px;
  line-height: 123%;
}
@media screen and (max-width: 1399px) {
  .apple-banner-outer .banner-slide figure figcaption .banner-text-width h2 {
    font-size: 45px;
  }
}
@media (max-width: 991px) {
  .apple-banner-outer .banner-slide figure figcaption .banner-text-width h2 {
    position: static;
    width: 100%;
    font-size: 40px;
    line-height: 120%;
    padding-bottom: 20px;
  }
  .apple-banner-outer .banner-slide figure figcaption .banner-text-width h2 br {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .apple-banner-outer .banner-slide figure figcaption .banner-text-width h2 {
    font-size: calc(var(--tp-fz-h2) - 10px);
    padding-right: 0;
  }
}
@media screen and (max-width: 600px) {
  .apple-banner-outer .banner-slide figure figcaption .banner-text-width h2 {
    font-size: calc(var(--tp-fz-h2) - 20px);
    padding-right: 0;
    margin: 0px;
  }
}
@media (max-width: 480px) {
  .apple-banner-outer .banner-slide figure figcaption .banner-text-width h2 {
    font-size: 30px;
    line-height: 38px;
  }
}
.apple-banner-outer .banner-slide figure figcaption .banner-text-width h3 {
  font-size: 49px;
  color: #fff;
  width: 100%;
  line-height: 123%;
  padding-bottom: 30px;
  padding-right: 0px;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 1399px) {
  .apple-banner-outer .banner-slide figure figcaption .banner-text-width h3 {
    font-size: 30px;
  }
}
@media (max-width: 991px) {
  .apple-banner-outer .banner-slide figure figcaption .banner-text-width h3 {
    font-size: 25px;
    line-height: 32px;
  }
  .apple-banner-outer .banner-slide figure figcaption .banner-text-width h3 br {
    display: none;
  }
}
@media (max-width: 480px) {
  .apple-banner-outer .banner-slide figure figcaption .banner-text-width h3 {
    font-size: 20px;
  }
}
.apple-banner-outer .banner-slide figure figcaption .banner-text-width a.learn-more {
  font-size: 24px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  line-height: 123%;
  color: #fff;
  text-decoration: none;
}
.apple-banner-outer .banner-slide figure figcaption .banner-text-width a.learn-more:hover {
  color: #0080FF;
}
@media (max-width: 991px) {
  .apple-banner-outer .banner-slide figure figcaption .banner-text-width a.learn-more {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .apple-banner-outer .banner-slide figure figcaption .banner-text-width a.learn-more {
    font-size: 16px;
  }
}
@media (max-width: 1399px) {
  .apple-banner-outer .banner-slide figure figcaption .banner-text-width {
    padding-top: 0px;
  }
}
@media (max-width: 991px) {
  .apple-banner-outer .banner-slide figure figcaption .banner-text-width {
    position: static;
    width: 100%;
    display: block;
    min-height: unset;
  }
}
@media screen and (max-width: 767px) {
  .apple-banner-outer .banner-slide figure figcaption .banner-text-width {
    width: 100%;
    order: 2;
  }
}
@media (max-width: 991px) {
  .apple-banner-outer .banner-slide figure figcaption .banner-text-width {
    flex-wrap: wrap;
    align-content: center;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 576px) {
  .apple-banner-outer .banner-slide figure figcaption .banner-text-width {
    flex-wrap: wrap;
    align-content: center;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) {
  .apple-banner-outer .banner-slide figure figcaption {
    top: -100px;
  }
}
.apple-banner-outer .banner-slide.slick-active .banner-slide-outer figure figcaption .banner-text-width {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.4s;
}
.apple-banner-outer .slick-arrow {
  width: 51px;
  height: 51px;
  border: 2px solid #F1F1F1;
  border-radius: 100%;
  bottom: 20px;
  top: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9;
}
.apple-banner-outer .slick-arrow::before {
  background: url(../images/arrow-use-slide.png) no-repeat;
  font-size: 0;
  color: transparent;
  width: 26px;
  height: 16px;
  opacity: 1 !important;
}
.apple-banner-outer .slick-arrow:hover {
  border-color: #06ABBF;
  background: #06ABBF;
}
@media screen and (max-width: 991px) {
  .apple-banner-outer .slick-arrow {
    bottom: -8px;
  }
}
@media screen and (max-width: 767px) {
  .apple-banner-outer .slick-arrow {
    width: 45px;
    height: 45px;
    bottom: 8px;
  }
}
.apple-banner-outer .slick-prev {
  left: 5.5%;
}
@media (max-width: 1920px) {
  .apple-banner-outer .slick-prev {
    left: 16.5%;
  }
}
@media (max-width: 1680px) {
  .apple-banner-outer .slick-prev {
    left: 7.5%;
  }
}
@media (max-width: 1400px) {
  .apple-banner-outer .slick-prev {
    left: 5.5%;
  }
}
@media (max-width: 1280px) {
  .apple-banner-outer .slick-prev {
    left: 2.5%;
  }
}
@media (max-width: 1024px) {
  .apple-banner-outer .slick-prev {
    left: 20px;
  }
}
@media (max-width: 991px) {
  .apple-banner-outer .slick-prev {
    left: 43px;
  }
}
@media (max-width: 576px) {
  .apple-banner-outer .slick-prev {
    left: 15px;
  }
}
.apple-banner-outer .slick-next {
  right: unset;
  left: 10%;
}
.apple-banner-outer .slick-next::before {
  transform: rotate(180deg);
}
@media (max-width: 1920px) {
  .apple-banner-outer .slick-next {
    left: 19.5%;
  }
}
@media (max-width: 1680px) {
  .apple-banner-outer .slick-next {
    left: 12%;
  }
}
@media (max-width: 1400px) {
  .apple-banner-outer .slick-next {
    left: 9.7%;
  }
}
@media (max-width: 1280px) {
  .apple-banner-outer .slick-next {
    left: 7.4%;
  }
}
@media (max-width: 1024px) {
  .apple-banner-outer .slick-next {
    left: 75px;
  }
}
@media (max-width: 991px) {
  .apple-banner-outer .slick-next {
    left: 102px;
  }
}
@media (max-width: 576px) {
  .apple-banner-outer .slick-next {
    left: 75px;
  }
}

.apple-innner-banner {
  padding: 65px 0px 40px;
}
.apple-innner-banner .apple-inner-text h1 {
  font-family: "Montserrat", sans-serif;
  padding-bottom: 5px;
  color: #000;
  font-weight: bold;
  font-size: 80px;
  line-height: 120%;
  text-align: center;
}
@media screen and (max-width: 1399px) {
  .apple-innner-banner .apple-inner-text h1 {
    font-size: 70px;
  }
}
@media screen and (max-width: 1199px) {
  .apple-innner-banner .apple-inner-text h1 {
    font-size: 60px;
  }
}
@media screen and (max-width: 991px) {
  .apple-innner-banner .apple-inner-text h1 {
    font-size: 50px;
  }
  .apple-innner-banner .apple-inner-text h1 br {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .apple-innner-banner .apple-inner-text h1 {
    font-size: 40px;
  }
}
@media screen and (max-width: 576px) {
  .apple-innner-banner .apple-inner-text h1 {
    font-size: 30px;
  }
}
.apple-innner-banner .apple-inner-text h3 {
  font-size: 40px;
  line-height: 120%;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  text-align: center;
  color: #000;
}
@media screen and (max-width: 1199px) {
  .apple-innner-banner .apple-inner-text h3 {
    font-size: 36px;
  }
}
@media screen and (max-width: 991px) {
  .apple-innner-banner .apple-inner-text h3 {
    font-size: 30px;
  }
  .apple-innner-banner .apple-inner-text h3 br {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .apple-innner-banner .apple-inner-text h3 {
    font-size: 25px;
  }
}
@media screen and (max-width: 576px) {
  .apple-innner-banner .apple-inner-text h3 {
    font-size: 20px;
  }
}
.apple-innner-banner .apple-inner-text figure {
  padding: 100px 0px 50px;
}
.apple-innner-banner .apple-inner-text figure img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
@media screen and (max-width: 1199px) {
  .apple-innner-banner .apple-inner-text figure {
    padding: 50px 0px 50px;
  }
}
.apple-innner-banner .apple-inner-text p {
  font-size: 22px;
  line-height: 138%;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  text-align: center;
  color: #000;
}
@media screen and (max-width: 1199px) {
  .apple-innner-banner .apple-inner-text p {
    font-size: 20px;
  }
  .apple-innner-banner .apple-inner-text p br {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .apple-innner-banner .apple-inner-text p {
    font-size: 18px;
  }
}
@media screen and (max-width: 576px) {
  .apple-innner-banner .apple-inner-text p {
    font-size: 16px;
  }
}
.apple-innner-banner .apple-inner-text h4 {
  font-size: 30px;
  line-height: 138%;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  text-align: center;
  color: #000;
  padding-bottom: 8px;
}
@media screen and (max-width: 1199px) {
  .apple-innner-banner .apple-inner-text h4 {
    font-size: 26px;
  }
}
@media screen and (max-width: 991px) {
  .apple-innner-banner .apple-inner-text h4 {
    font-size: 25px;
  }
}
@media screen and (max-width: 767px) {
  .apple-innner-banner .apple-inner-text h4 {
    font-size: 22px;
  }
}

.apple-innner-banner.no-padding figure {
  padding: 0;
  padding-top: 15px;
  margin-bottom: 0;
}

.apple-header {
  padding: 40px 0px;
  background: url(../images/apple-lmages/header-bg.webp) no-repeat;
  background-size: 100% 100%;
}
.apple-header .apple-header-main {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  align-items: center;
}
.apple-header .apple-header-main .logo {
  display: flex;
  gap: 30px;
}
.apple-header .apple-header-main .logo a {
  width: auto;
}
.apple-header .apple-header-main .logo a img {
  max-width: 100%;
}
.apple-header .apple-header-main .nav {
  display: flex;
}
.apple-header .apple-header-main .nav ul {
  display: flex;
}
.apple-header .apple-header-main .nav ul li {
  padding: 0px 28px;
}
.apple-header .apple-header-main .nav ul li a {
  font-size: 16px;
  color: #fff;
  text-decoration: unset;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 991px) {
  .apple-header .apple-header-main .nav ul li a {
    color: #000;
  }
}
.apple-header .apple-header-main .nav ul li a:hover {
  color: #0080FF;
}
@media screen and (max-width: 1199px) {
  .apple-header .apple-header-main .nav ul li {
    padding: 0px 14px;
  }
}
@media screen and (max-width: 991px) {
  .apple-header .apple-header-main .nav ul li {
    width: 100%;
  }
}
.apple-header .apple-header-main .nav ul li.dropdown > a {
  background: url(../images/drop-down-arrow.svg) no-repeat right center !important;
  padding-right: 18px !important;
  background-size: 14px !important;
  position: relative;
}
@media screen and (max-width: 991px) {
  .apple-header .apple-header-main .nav ul {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 991px) {
  .apple-header .apple-header-main .nav #menu-header-menu {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  .apple-header {
    padding: 11px 0px;
  }
  .apple-header .slicknav_menu .slicknav_btn {
    top: 24px;
    right: 15px;
  }
  .apple-header .slicknav_nav {
    top: 73px;
  }
  .apple-header .slicknav_nav .slicknav_arrow {
    display: none;
  }
  .apple-header .slicknav_nav .sub-menu {
    position: static !important;
    transform: unset !important;
    opacity: 1 !important;
    visibility: visible !important;
    background: none !important;
    border: none !important;
    padding: 5px 0 !important;
  }
  .apple-header .slicknav_nav .sub-menu li a {
    line-height: 20px;
  }
}

.apple-header.apple-header-white {
  background: none;
  position: relative;
}
.apple-header.apple-header-white .apple-header-main .nav ul li a {
  color: #000;
}
@media screen and (max-width: 991px) {
  .apple-header.apple-header-white .apple-header-main .nav ul li a {
    color: #000;
  }
}
.apple-header.apple-header-white .apple-header-main .nav ul li a:hover {
  color: #0080FF;
}
.apple-header.apple-header-white .apple-header-main .nav ul li.dropdown > a {
  background: url(../images/apple-lmages/drop-down-arrow-black.svg) no-repeat right center !important;
  background-size: 14px !important;
}

.apple-header.apple-header-white .slicknav_menu .slicknav_icon-bar {
  box-shadow: 0 1px 0 rgb(0, 0, 0);
}

.apple-header.apple-header-white.scrolled {
  position: fixed;
  background: #fff;
  box-shadow: 0px 5px 83px 0px rgba(0, 28, 65, 0.14);
}

.apple-header {
  padding: 40px 0px;
  background: url(../images/apple-lmages/header-bg.webp) no-repeat;
  background-size: 100% 100%;
}
.apple-header .apple-header-main {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  align-items: center;
}
.apple-header .apple-header-main .logo {
  display: flex;
  gap: 30px;
}
.apple-header .apple-header-main .logo a {
  width: auto;
}
.apple-header .apple-header-main .logo a img {
  max-width: 100%;
}
.apple-header .apple-header-main .nav {
  display: flex;
}
.apple-header .apple-header-main .nav ul {
  display: flex;
}
.apple-header .apple-header-main .nav ul li {
  padding: 0px 28px;
}
.apple-header .apple-header-main .nav ul li a {
  font-size: 16px;
  color: #fff;
  text-decoration: unset;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 991px) {
  .apple-header .apple-header-main .nav ul li a {
    color: #000;
  }
}
.apple-header .apple-header-main .nav ul li a:hover {
  color: #0080FF;
}
@media screen and (max-width: 1199px) {
  .apple-header .apple-header-main .nav ul li {
    padding: 0px 14px;
  }
}
@media screen and (max-width: 991px) {
  .apple-header .apple-header-main .nav ul li {
    width: 100%;
  }
}
.apple-header .apple-header-main .nav ul li.dropdown > a {
  background: url(../images/drop-down-arrow.svg) no-repeat right center !important;
  padding-right: 18px !important;
  background-size: 14px !important;
  position: relative;
}
@media screen and (max-width: 991px) {
  .apple-header .apple-header-main .nav ul {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 991px) {
  .apple-header .apple-header-main .nav #menu-header-menu {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  .apple-header {
    padding: 11px 0px;
  }
  .apple-header .slicknav_menu .slicknav_btn {
    top: 24px;
    right: 15px;
  }
  .apple-header .slicknav_nav {
    top: 73px;
  }
  .apple-header .slicknav_nav .slicknav_arrow {
    display: none;
  }
  .apple-header .slicknav_nav .sub-menu {
    position: static !important;
    transform: unset !important;
    opacity: 1 !important;
    visibility: visible !important;
    background: none !important;
    border: none !important;
    padding: 5px 0 !important;
  }
  .apple-header .slicknav_nav .sub-menu li a {
    line-height: 20px;
  }
}

.apple-header.apple-header-white {
  background: none;
  position: relative;
}
.apple-header.apple-header-white .apple-header-main .nav ul li a {
  color: #000;
}
@media screen and (max-width: 991px) {
  .apple-header.apple-header-white .apple-header-main .nav ul li a {
    color: #000;
  }
}
.apple-header.apple-header-white .apple-header-main .nav ul li a:hover {
  color: #0080FF;
}
.apple-header.apple-header-white .apple-header-main .nav ul li.dropdown > a {
  background: url(../images/apple-lmages/drop-down-arrow-black.svg) no-repeat right center !important;
  background-size: 14px !important;
}

.apple-header.apple-header-white .slicknav_menu .slicknav_icon-bar {
  box-shadow: 0 1px 0 rgb(0, 0, 0);
}

.apple-header.apple-header-white.scrolled {
  position: fixed;
  background: #fff;
  box-shadow: 0px 5px 83px 0px rgba(0, 28, 65, 0.14);
}

.Zeroafi-header {
  position: static;
  background: #fff;
  padding: 20px 0px;
}
.Zeroafi-header .zero-header-main {
  display: flex;
  justify-content: space-between;
  padding: 20px 0px;
}
.Zeroafi-header .zero-header-main .nav ul {
  display: flex;
}
.Zeroafi-header .zero-header-main .nav ul li {
  padding: 0px 25px;
}
.Zeroafi-header .zero-header-main .nav ul li a {
  color: #4A5565;
  font-size: 16px;
  text-decoration: none;
}
.Zeroafi-header .zero-header-main .nav ul li a:hover {
  color: #2563EB;
}
@media screen and (max-width: 1023px) {
  .Zeroafi-header .zero-header-main .nav #menu-header-menu {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .Zeroafi-header .zero-header-main .nav {
    display: none;
  }
}
.Zeroafi-header .zero-header-main .slicknav_menu {
  height: auto;
  width: 52px;
  padding: 0;
  margin: 0;
  min-height: 41px;
}
.Zeroafi-header .zero-header-main .slicknav_menu .slicknav_icon-bar {
  background-color: #000;
  height: 4px;
}
.Zeroafi-header .zero-header-main .slicknav_menu .slicknav_icon-bar + .slicknav_icon-bar {
  margin-top: 4px;
}
.Zeroafi-header .zero-header-main .slicknav_menu .slicknav_btn {
  top: 30px;
}
@media screen and (max-width: 767px) {
  .Zeroafi-header .zero-header-main .slicknav_menu .slicknav_btn {
    right: 15px;
  }
}
@media screen and (max-width: 1023px) {
  .Zeroafi-header .zero-header-main {
    align-items: center;
    padding: 0px;
  }
  .Zeroafi-header .zero-header-main .slicknav_nav {
    z-index: 2;
  }
  .Zeroafi-header .zero-header-main .slicknav_nav li a:hover {
    color: #3378F2;
  }
}
@media screen and (max-width: 1023px) and (max-width: 767px) {
  .Zeroafi-header .zero-header-main .slicknav_nav {
    top: 80px;
  }
}

header.Zeroafi-header.scrolled {
  background: #fff;
  box-shadow: 0px 8px 20px 0px rgba(37, 99, 235, 0.1019607843);
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
}

.Zeroafi-banner {
  overflow: hidden;
}
.Zeroafi-banner .Zeroafi-slide-row {
  position: relative;
}
.Zeroafi-banner .Zeroafi-slide-row figure {
  width: 100%;
  height: calc(100vh - 107px);
  display: flex;
  overflow: hidden;
  margin: 0px;
}
.Zeroafi-banner .Zeroafi-slide-row figure img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  max-height: 100%;
  height: 100%;
}
.Zeroafi-banner .Zeroafi-slide-row figure video {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  max-height: 100%;
  height: 100%;
}
@media screen and (max-width: 991px) {
  .Zeroafi-banner .Zeroafi-slide-row figure video {
    -o-object-position: right;
       object-position: right;
  }
}
.Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0px;
  z-index: 1;
  display: flex;
  align-items: center;
  height: 100%;
}
.Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer .container {
  display: flex;
}
@media screen and (max-width: 767px) {
  .Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer .container {
    flex-wrap: wrap;
  }
}
.Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer .Zeroafi-left {
  width: 50%;
  opacity: 0;
  transform: translateX(-50px);
  transition: transform 0.8s cubic-bezier(0.16, 0.68, 0.43, 0.99), opacity 0.8s ease-in-out;
}
.Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer .Zeroafi-left label {
  background: rgba(255, 255, 255, 0.9);
  padding: 9px 17px;
  border-radius: 24px;
  display: flex;
  max-width: 253px;
  font-size: 14px;
  line-height: 20px;
  align-items: center;
  color: #364153;
  margin-bottom: 35px;
}
.Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer .Zeroafi-left label img {
  display: inline-block;
  margin-right: 5px;
}
.Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer .Zeroafi-left label span {
  background: rgba(37, 99, 235, 0.1);
  font-size: 12px;
  color: #2563EB;
  line-height: 16px;
  display: inline-block;
  padding: 4px 8px;
  border-radius: 24px;
  margin-left: 5px;
}
.Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer .Zeroafi-left h2 {
  font-size: 50px;
  line-height: 60px;
  font-family: "Graphik Bold";
  color: #fff;
  padding-bottom: 10px;
}
@media screen and (max-width: 1399px) {
  .Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer .Zeroafi-left h2 {
    font-size: 45px;
    line-height: 55px;
  }
}
@media screen and (max-width: 1199px) {
  .Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer .Zeroafi-left h2 {
    font-size: 35px;
    line-height: 45px;
  }
  .Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer .Zeroafi-left h2 br {
    display: none;
  }
}
@media screen and (max-width: 576px) {
  .Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer .Zeroafi-left h2 {
    font-size: 30px;
    line-height: 35px;
  }
}
@media screen and (max-width: 767px) {
  .Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer .Zeroafi-left h2 {
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2), 1px -1px 0 rgba(0, 0, 0, 0.2), -1px 1px 0 rgba(0, 0, 0, 0.2), 1px 1px 0 rgba(0, 0, 0, 0.2);
  }
}
.Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer .Zeroafi-left p {
  font-size: 18px;
  line-height: 22px;
  color: #fff;
}
@media screen and (max-width: 1199px) {
  .Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer .Zeroafi-left p br {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer .Zeroafi-left p {
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2), 1px -1px 0 rgba(0, 0, 0, 0.2), -1px 1px 0 rgba(0, 0, 0, 0.2), 1px 1px 0 rgba(0, 0, 0, 0.2);
  }
}
.Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer .Zeroafi-left .demo-btn {
  display: flex;
  gap: 16px;
  margin-top: 50px;
}
.Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer .Zeroafi-left .demo-btn .book-demo {
  padding: 14px 19px;
  background: #2563EB;
  border-radius: 13px;
  font-family: "Graphik Medium";
  color: #fff;
  text-decoration: none;
  display: flex;
  align-items: center;
  border: 1px solid #2563EB;
}
.Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer .Zeroafi-left .demo-btn .book-demo img {
  display: inline-block;
}
.Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer .Zeroafi-left .demo-btn .book-demo:hover {
  background: transparent;
}
@media screen and (max-width: 576px) {
  .Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer .Zeroafi-left .demo-btn .book-demo {
    padding: 9px 19px;
  }
}
.Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer .Zeroafi-left .demo-btn .video-demo {
  padding: 14px 19px;
  background: #fff;
  border-radius: 13px;
  font-family: "Graphik Medium";
  color: #364153;
  text-decoration: none;
  display: flex;
  align-items: center;
  border: 1px solid #fff;
}
.Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer .Zeroafi-left .demo-btn .video-demo img {
  display: inline-block;
}
.Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer .Zeroafi-left .demo-btn .video-demo:hover {
  background: transparent;
  color: #fff;
}
.Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer .Zeroafi-left .demo-btn .video-demo:hover img {
  filter: brightness(0) invert(100);
}
@media screen and (max-width: 576px) {
  .Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer .Zeroafi-left .demo-btn .video-demo {
    padding: 9px 19px;
  }
}
@media screen and (max-width: 767px) {
  .Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer .Zeroafi-left {
    width: 100%;
  }
}
.Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer .Zeroafi-right {
  width: 50%;
  padding-left: 50px;
  opacity: 0;
  transform: translateX(50px);
  transition: transform 0.8s cubic-bezier(0.16, 0.68, 0.43, 0.99), opacity 0.8s ease-in-out;
}
.Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer .Zeroafi-right img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .Zeroafi-banner .Zeroafi-slide-row .Zeroafi-slide-text-outer .Zeroafi-right {
    width: 100%;
    padding-left: 0px;
    display: none;
  }
}
.Zeroafi-banner .Zeroafi-slide-row.slick-current .Zeroafi-slide-text-outer .Zeroafi-left {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.4s;
}
.Zeroafi-banner .Zeroafi-slide-row.slick-current .Zeroafi-slide-text-outer .Zeroafi-right {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.4s;
}

.who-we-are {
  padding: 0px 0 0 0;
  position: relative;
  height: 100vh;
}
.who-we-are .head span {
  text-transform: uppercase;
}
.who-we-are figure {
  position: relative;
  margin-bottom: 0;
  display: flex;
  height: 100%;
}
.who-we-are figure video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1024px) {
  .who-we-are figure video {
    -o-object-position: right;
       object-position: right;
  }
}
@media screen and (max-width: 576px) {
  .who-we-are figure video {
    -o-object-position: left;
       object-position: left;
  }
}
.who-we-are figure figcaption {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.who-we-are figure figcaption .container {
  display: flex;
  align-items: center;
  height: 100%;
}
.who-we-are figure figcaption .container .who-we-are-left {
  width: 50%;
  padding-right: 0px;
  position: relative;
}
.who-we-are figure figcaption .container .who-we-are-left .head {
  padding-bottom: 0;
  text-align: left;
}
.who-we-are figure figcaption .container .who-we-are-left .head span {
  color: #fff;
}
.who-we-are figure figcaption .container .who-we-are-left .head p {
  line-height: 24px;
  font-size: 18px;
  line-height: 30px;
  color: #fff;
}
@media screen and (max-width: 1399px) {
  .who-we-are figure figcaption .container .who-we-are-left .head p {
    font-size: 16px;
    line-height: 26px;
  }
}
@media screen and (max-width: 600px) {
  .who-we-are figure figcaption .container .who-we-are-left .head p {
    font-size: 16px;
    line-height: 26px;
  }
}
.who-we-are figure figcaption .container .who-we-are-left .head h1 {
  color: #fff;
}
@media screen and (max-width: 1399px) {
  .who-we-are figure figcaption .container .who-we-are-left .head h1 {
    font-size: 45px;
  }
}
@media screen and (max-width: 991px) {
  .who-we-are figure figcaption .container .who-we-are-left .head h1 {
    font-size: 28px;
    line-height: 38px;
  }
}
.who-we-are figure figcaption .container .who-we-are-left .head h3 {
  color: #fff;
  font-family: "Graphik Medium";
  font-size: 28px;
  line-height: 38px;
  text-transform: inherit;
}
@media screen and (max-width: 1399px) {
  .who-we-are figure figcaption .container .who-we-are-left .head h3 {
    line-height: 33px;
    font-size: 25px;
  }
}
@media screen and (max-width: 600px) {
  .who-we-are figure figcaption .container .who-we-are-left .head h3 {
    font-size: 22px;
    line-height: 30px;
  }
}
.who-we-are figure figcaption .container .who-we-are-left .head .know-more {
  width: 250px;
  margin-top: 26px;
}
.who-we-are figure figcaption .container .who-we-are-left .head .know-more a.learn-more {
  background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
  padding: 9px 23px;
  display: inline-block;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
  line-height: 19px;
  text-decoration: none;
  transition: all 0.5s;
}
.who-we-are figure figcaption .container .who-we-are-left .head .know-more a.learn-more img {
  margin-left: 8px;
  max-width: 17px;
  display: inline-block;
  width: auto;
  transition: all 0.5s;
  height: auto;
}
.who-we-are figure figcaption .container .who-we-are-left .head .know-more a.learn-more:hover {
  background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}
.who-we-are figure figcaption .container .who-we-are-left .head .know-more a.learn-more:hover img {
  margin-left: 10px;
}
@media screen and (max-width: 1199px) {
  .who-we-are figure figcaption .container .who-we-are-left {
    width: 55%;
  }
}
@media screen and (max-width: 767px) {
  .who-we-are figure figcaption .container .who-we-are-left {
    width: 100%;
    order: 2;
    padding-right: 0;
  }
}
.who-we-are figure figcaption .container .who-we-are-left ul {
  display: flex;
  margin-top: 50px;
  max-width: 648px;
}
.who-we-are figure figcaption .container .who-we-are-left ul li {
  padding: 0 0 0 50px;
  border-radius: 0px;
  position: relative;
  z-index: 1;
  border-right: 1px solid #d7d7d7;
  min-width: 190px;
  max-width: 190px;
}
.who-we-are figure figcaption .container .who-we-are-left ul li .count-area-content {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 0px;
}
.who-we-are figure figcaption .container .who-we-are-left ul li .count-area-content .count-digit {
  color: #06ABBF;
  font-size: 40px;
  font-family: "Graphik semibold";
  margin-bottom: 15px;
  letter-spacing: 0.5px;
}
@media screen and (max-width: 1399px) {
  .who-we-are figure figcaption .container .who-we-are-left ul li .count-area-content .count-digit {
    font-size: 30px;
  }
}
@media screen and (max-width: 991px) {
  .who-we-are figure figcaption .container .who-we-are-left ul li .count-area-content .count-digit {
    font-size: 30px;
  }
}
@media screen and (max-width: 767px) {
  .who-we-are figure figcaption .container .who-we-are-left ul li .count-area-content .count-digit {
    font-size: 25px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  }
}
.who-we-are figure figcaption .container .who-we-are-left ul li .count-area-content span {
  color: #06ABBF;
  font-size: 40px;
  font-family: "Graphik semibold";
}
@media screen and (max-width: 991px) {
  .who-we-are figure figcaption .container .who-we-are-left ul li .count-area-content span {
    font-size: 25px;
  }
}
@media screen and (max-width: 767px) {
  .who-we-are figure figcaption .container .who-we-are-left ul li .count-area-content span {
    font-size: 20px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  }
}
.who-we-are figure figcaption .container .who-we-are-left ul li .count-area-content .count-title {
  color: #fff;
  font-size: 24px;
  width: 100%;
  text-align: start;
}
@media screen and (max-width: 767px) {
  .who-we-are figure figcaption .container .who-we-are-left ul li .count-area-content .count-title {
    font-size: 20px;
  }
}
@media screen and (max-width: 1450px) {
  .who-we-are figure figcaption .container .who-we-are-left ul li {
    padding-left: 36px;
    min-width: 175px;
    max-width: 175px;
  }
}
@media screen and (max-width: 767px) {
  .who-we-are figure figcaption .container .who-we-are-left ul li {
    min-width: 140px;
    max-width: 140px;
  }
}
.who-we-are figure figcaption .container .who-we-are-left ul li:nth-child(2) {
  min-width: 239px;
  max-width: 239px;
}
@media screen and (max-width: 1450px) {
  .who-we-are figure figcaption .container .who-we-are-left ul li:nth-child(2) {
    min-width: 205px;
    max-width: 205px;
  }
}
@media screen and (max-width: 767px) {
  .who-we-are figure figcaption .container .who-we-are-left ul li:nth-child(2) {
    min-width: 181px;
    max-width: 181px;
  }
}
.who-we-are figure figcaption .container .who-we-are-left ul li:last-child {
  border-right: none;
  width: 210px;
}
.who-we-are figure figcaption .container .who-we-are-left ul li:first-child {
  padding-left: 0;
}
@media screen and (max-width: 576px) {
  .who-we-are figure figcaption .container .who-we-are-left ul li {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    padding-bottom: 15px;
    border: none;
    padding-left: 0px;
  }
}
@media screen and (max-width: 576px) {
  .who-we-are figure figcaption .container .who-we-are-left ul {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1450px) {
  .who-we-are figure figcaption .container .who-we-are-left ul {
    margin-top: 35px;
  }
}
@media screen and (max-width: 991px) {
  .who-we-are figure figcaption .container .who-we-are-left {
    width: 100%;
  }
}
.who-we-are figure figcaption .container .who-we-are-right {
  width: 45%;
  position: relative;
}
.who-we-are figure figcaption .container .who-we-are-right figure {
  margin-bottom: 0;
  padding-left: 100px;
}
.who-we-are figure figcaption .container .who-we-are-right figure img {
  width: 100%;
}
@media screen and (max-width: 991px) {
  .who-we-are figure figcaption .container .who-we-are-right figure {
    padding-left: 0px;
  }
}
@media screen and (max-width: 767px) {
  .who-we-are figure figcaption .container .who-we-are-right {
    width: 100%;
    order: 1;
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 767px) {
  .who-we-are figure figcaption .container {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 576px) {
  .who-we-are {
    height: 900px;
  }
}

.our-solutions {
  background: url(../images/our-solution-bg.webp) no-repeat;
  padding: 50px 0 45px 0;
  background-size: cover;
}
.our-solutions .head {
  padding-bottom: 20px;
}
.our-solutions .head span {
  color: #000000;
}
.our-solutions .head h2 {
  color: #000000;
}
@media screen and (max-width: 1399px) {
  .our-solutions .head h2 {
    font-size: 45px;
  }
}
@media screen and (max-width: 991px) {
  .our-solutions .head h2 {
    font-size: 28px;
    line-height: 38px;
  }
  .our-solutions .head h2 br {
    display: none;
  }
}
.our-solutions .row {
  justify-content: center;
}
.our-solutions .solution-box {
  margin-bottom: 20px;
  width: 25%;
}
.our-solutions .solution-box figure {
  position: relative;
  overflow: hidden;
  margin-bottom: 0px;
}
.our-solutions .solution-box figure img {
  width: 100%;
}
.our-solutions .solution-box figure figcaption {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 25px;
  background: transparent;
}
.our-solutions .solution-box figure figcaption h3 {
  color: #fff;
  font-size: 37px;
  line-height: 115%;
  font-family: "Graphik Semibold";
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  transition: all 0.5s;
}
.our-solutions .solution-box figure figcaption h3 i {
  margin-top: 5px;
  display: none;
}
@media screen and (max-width: 1399px) {
  .our-solutions .solution-box figure figcaption h3 {
    font-size: 34px;
  }
}
@media screen and (max-width: 767px) {
  .our-solutions .solution-box figure figcaption h3 {
    font-size: 22px;
    line-height: 28px;
  }
}
@media screen and (max-width: 576px) {
  .our-solutions .solution-box figure figcaption h3 {
    font-size: 28px;
    line-height: 35px;
  }
}
.our-solutions .solution-box figure figcaption p {
  opacity: 0;
  visibility: hidden;
  font-size: 16px;
  line-height: 26px;
  transition: opacity 2s;
  margin-bottom: 0;
}
@media screen and (max-width: 1450px) {
  .our-solutions .solution-box figure figcaption p {
    line-height: 23px;
  }
}
@media screen and (max-width: 1281px) {
  .our-solutions .solution-box figure figcaption p {
    font-size: 14px;
    line-height: 22px;
  }
}
.our-solutions .solution-box figure figcaption ul {
  opacity: 0;
  list-style: disc;
  padding-left: 17px;
}
.our-solutions .solution-box figure figcaption ul li {
  font-size: 16px;
  line-height: 26px;
  transition: opacity 2s;
}
.our-solutions .solution-box figure figcaption a.learn-more {
  background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
  padding: 9px 23px;
  display: inline-block;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
  line-height: 19px;
  text-decoration: none;
  transition: all 0.5s;
  opacity: 0;
}
.our-solutions .solution-box figure figcaption a.learn-more img {
  margin-left: 8px;
  max-width: 17px;
  display: inline-block;
  width: auto;
  transition: all 0.5s;
  height: auto;
}
.our-solutions .solution-box figure figcaption a.learn-more:hover {
  background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}
.our-solutions .solution-box figure figcaption a.learn-more:hover img {
  margin-left: 10px;
}
@media screen and (max-width: 1399px) {
  .our-solutions .solution-box figure figcaption {
    padding: 20px;
  }
}
.our-solutions .solution-box figure .layer {
  z-index: 1;
  position: absolute;
  top: 100%;
  height: 100%;
  width: 100%;
  left: 0;
  background-size: cover;
  transition: 0.5s;
}
.our-solutions .solution-box figure:hover figcaption {
  z-index: 2;
}
.our-solutions .solution-box figure:hover figcaption h3 {
  color: #fff;
  font-size: 22px;
}
.our-solutions .solution-box figure:hover figcaption h3 i {
  color: #fff;
}
.our-solutions .solution-box figure:hover figcaption p {
  opacity: 1;
  visibility: visible;
  color: #fff;
}
.our-solutions .solution-box figure:hover figcaption ul {
  opacity: 1;
  visibility: visible;
}
.our-solutions .solution-box figure:hover figcaption ul li {
  color: #fff;
}
.our-solutions .solution-box figure:hover figcaption a {
  opacity: 1;
  visibility: visible;
  position: absolute;
  bottom: 23px;
  left: 25px;
}
@media screen and (max-width: 1399px) {
  .our-solutions .solution-box figure:hover figcaption a {
    left: 20px;
  }
}
.our-solutions .solution-box figure:hover .layer {
  top: 0;
}
@media screen and (max-width: 1199px) {
  .our-solutions .solution-box {
    width: 33.33%;
  }
}
@media screen and (max-width: 991px) {
  .our-solutions .solution-box {
    width: 50%;
  }
}
@media screen and (max-width: 576px) {
  .our-solutions .solution-box {
    width: 100%;
  }
  .our-solutions .solution-box:last-child {
    margin-bottom: 0px;
  }
}
.our-solutions .view-more {
  text-align: center;
  margin-top: 40px;
}
.our-solutions .view-more a {
  background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
  padding: 9px 23px;
  display: inline-block;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
  line-height: 19px;
  text-decoration: none;
  transition: all 0.5s;
}
.our-solutions .view-more a img {
  margin-left: 8px;
  max-width: 17px;
  display: inline-block;
  width: auto;
  transition: all 0.5s;
  height: auto;
}
.our-solutions .view-more a:hover {
  background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}
.our-solutions .view-more a:hover img {
  margin-left: 10px;
}
.our-solutions .three-box-row .solution-box {
  width: 29%;
}
@media screen and (max-width: 991px) {
  .our-solutions .three-box-row .solution-box {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .our-solutions .three-box-row .solution-box {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .our-solutions .three-box-row .solution-box {
    width: 100%;
  }
}

.industry-reach {
  padding: 70px 0;
  background: #0E081D;
  overflow: hidden;
  position: relative;
}
.industry-reach .head {
  position: relative;
  z-index: 1;
}
.industry-reach .head span {
  text-align: left;
  color: #fff;
  text-transform: capitalize;
  letter-spacing: 0px;
}
@media screen and (max-width: 435px) {
  .industry-reach .head span {
    text-align: center;
  }
}
.industry-reach .head h2 {
  color: #fff;
  text-align: left;
  font-size: 102px;
  line-height: 102px;
}
@media screen and (max-width: 1399px) {
  .industry-reach .head h2 {
    font-size: 95px;
    line-height: 95px;
  }
}
@media screen and (max-width: 1024px) {
  .industry-reach .head h2 {
    font-size: 85px;
    line-height: 85px;
  }
}
@media screen and (max-width: 991px) {
  .industry-reach .head h2 {
    font-size: 28px;
    line-height: 38px;
  }
  .industry-reach .head h2 br {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .industry-reach .head h2 {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .industry-reach .head {
    width: 100%;
  }
}
.industry-reach ul {
  gap: 20px 28px;
}
.industry-reach ul li {
  width: calc(33.33% - 20px);
  margin-bottom: 0px;
  padding: 20px;
  border-radius: 40px;
  background: url(../images/reaserch-img-bg.webp) no-repeat;
  background-size: 100% 100%;
  min-height: 214px;
  display: flex;
  align-items: flex-start;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
  position: relative;
  z-index: 1;
}
.industry-reach ul li figure {
  width: 100%;
  margin-bottom: 0px;
  margin-top: 20px;
}
.industry-reach ul li figure span {
  max-width: 65px;
  height: 65px;
  display: flex;
  margin: 0 auto;
  align-items: flex-end;
  justify-content: center;
}
.industry-reach ul li figure span img {
  max-width: 100%;
}
.industry-reach ul li figure figcaption {
  display: flex;
  margin-top: 10px;
}
.industry-reach ul li figure figcaption a {
  color: #fff;
  text-decoration: none;
  font-family: "Graphik Semibold";
  display: flex;
  text-align: center;
  width: 100%;
  height: 100%;
  font-size: 20px;
  line-height: 140%;
  justify-content: center;
}
@media screen and (max-width: 992px) {
  .industry-reach ul li figure figcaption a {
    font-size: 18px;
  }
}
@media screen and (max-width: 576px) {
  .industry-reach ul li figure figcaption a {
    font-size: 16px;
  }
}
.industry-reach ul li:hover {
  background: url(../images/reaserch-img-bg-hover.webp) no-repeat;
  background-size: 100% 100%;
}
@media screen and (max-width: 1399px) {
  .industry-reach ul li {
    min-height: 200px;
  }
}
@media screen and (max-width: 1024px) {
  .industry-reach ul li {
    min-height: 200px;
    width: calc(50% - 20px);
  }
}
@media screen and (max-width: 991px) {
  .industry-reach ul li {
    min-height: 257px;
  }
}
@media screen and (max-width: 767px) {
  .industry-reach ul li {
    width: 228px;
    min-height: 200px;
  }
}
@media screen and (max-width: 767px) {
  .industry-reach ul {
    justify-content: center;
  }
}
.industry-reach::before {
  background: url(../images/research-after.webp) no-repeat;
  width: 570px;
  height: 450px;
  left: 0px;
  bottom: 0px;
  content: "";
  position: absolute;
}

.partners {
  padding: 70px 0;
  background: url(../images/partner-bg.webp) no-repeat;
  background-size: cover;
}
.partners .head {
  padding-bottom: 20px;
}
@media screen and (max-width: 1399px) {
  .partners .head h2 {
    font-size: 45px;
  }
}
@media screen and (max-width: 991px) {
  .partners .head h2 {
    font-size: 28px;
    line-height: 38px;
  }
  .partners .head h2 br {
    display: none;
  }
}
.partners .marquee {
  display: flex;
  gap: 34px 10px;
  flex-wrap: wrap;
  justify-content: center;
}
.partners .marquee .image-box {
  box-shadow: 0px 2px 4px -2px rgba(24, 39, 75, 0.0196078431);
  background: #FFFFFF;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(14.28% - 10px);
  min-height: 85px;
  padding: 5px;
}
.partners .marquee .image-box img {
  max-width: 100%;
  max-height: 100%;
}
@media screen and (max-width: 992px) {
  .partners .marquee .image-box {
    width: calc(20% - 10px);
  }
}
@media screen and (max-width: 767px) {
  .partners .marquee .image-box {
    height: 70px;
    width: calc(33.33% - 10px);
  }
}
@media screen and (max-width: 576px) {
  .partners .marquee .image-box {
    width: calc(50% - 10px);
  }
}
.partners .marquee .image-box:hover {
  box-shadow: 0px 16px 18px 5px rgba(212, 250, 255, 0.6901960784);
  border-color: #61DEEE;
}
@media screen and (max-width: 991px) {
  .partners .marquee {
    gap: 10px;
  }
}

.insight-outer {
  padding: 55px 0px 80px;
  background: #000816;
}
.insight-outer .head {
  padding-bottom: 20px;
}
.insight-outer .head h2 {
  color: #fff;
}
.insight-outer .head p {
  color: #fff;
}
.insight-outer .head span {
  color: #fff;
}
.insight-outer .insight-main {
  display: flex;
  align-items: flex-start;
}
.insight-outer .insight-main .insight-left {
  width: 60%;
  padding-right: 30px;
}
.insight-outer .insight-main .insight-left figure {
  height: 452px;
  display: flex;
  border-radius: 16px;
  padding: 1px;
  margin-bottom: 30px;
  border-radius: 16px;
  background: linear-gradient(293.41deg, rgba(255, 255, 255, 0.5) 16.62%, rgba(190, 235, 241, 0.2) 31.35%, rgba(98, 206, 222, 0.1) 56.21%, rgba(0, 175, 202, 0.5) 82.8%);
}
.insight-outer .insight-main .insight-left figure a {
  display: flex;
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
}
.insight-outer .insight-main .insight-left figure img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 16px;
  background: transparent;
  transition: all 0.5s;
  background-clip: text;
  -webkit-background-clip: text;
  background-image: linear-gradient(to right, #00afca, #62cede);
}
.insight-outer .insight-main .insight-left figure:hover img {
  transform: scale(1.1);
}
@media screen and (max-width: 1450px) {
  .insight-outer .insight-main .insight-left figure {
    height: 380px;
  }
}
@media screen and (max-width: 576px) {
  .insight-outer .insight-main .insight-left figure {
    height: 300px;
  }
}
.insight-outer .insight-main .insight-left h3 {
  font-size: 26px;
  line-height: 124%;
  color: #fff;
  font-family: "Graphik Semibold";
  padding-bottom: 10px;
}
.insight-outer .insight-main .insight-left h3 a {
  text-decoration: unset;
  color: #fff;
}
.insight-outer .insight-main .insight-left h3 a:hover {
  color: #1EC9F2;
}
@media screen and (max-width: 1199px) {
  .insight-outer .insight-main .insight-left h3 {
    font-size: 22px;
  }
}
.insight-outer .insight-main .insight-left p {
  color: #fff;
  margin-bottom: 0px;
}
.insight-outer .insight-main .insight-left p a {
  text-decoration: unset;
  color: #fff;
}
.insight-outer .insight-main .insight-left p a:hover {
  color: #1EC9F2;
}
@media screen and (max-width: 991px) {
  .insight-outer .insight-main .insight-left {
    width: 100%;
    padding-right: 0px;
    margin-bottom: 30px;
  }
}
.insight-outer .insight-main .insight-right {
  width: 40%;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.insight-outer .insight-main .insight-right .insight-title {
  padding-left: 30px;
}
.insight-outer .insight-main .insight-right .insight-title h3 {
  font-size: 30px;
  font-family: "Graphik Semibold";
  background: url(../images/insight-tile-bg.webp) no-repeat;
  background-size: cover;
  border-radius: 12px;
  padding: 30px 68px;
  display: flex;
  align-items: center;
  color: #fff;
}
@media screen and (max-width: 1450px) {
  .insight-outer .insight-main .insight-right .insight-title h3 {
    font-size: 25px;
    padding: 30px 60px;
  }
}
@media screen and (max-width: 600px) {
  .insight-outer .insight-main .insight-right .insight-title h3 {
    padding: 15px;
    font-size: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .insight-outer .insight-main .insight-right .insight-title {
    padding-left: 20px;
  }
}
@media screen and (max-width: 991px) {
  .insight-outer .insight-main .insight-right .insight-title {
    padding-left: 0px;
  }
}
.insight-outer .insight-main .insight-right .insight-small-bx .insight-bx {
  display: flex;
  padding: 25px 30px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.insight-outer .insight-main .insight-right .insight-small-bx .insight-bx figure {
  min-width: 184px;
  margin-bottom: 0px;
  overflow: hidden;
  border-radius: 8px;
  display: flex;
  max-width: 184px;
}
.insight-outer .insight-main .insight-right .insight-small-bx .insight-bx figure a {
  display: flex;
}
.insight-outer .insight-main .insight-right .insight-small-bx .insight-bx figure a img {
  width: 100%;
  transition: all 0.5s;
  border-radius: 8px;
}
.insight-outer .insight-main .insight-right .insight-small-bx .insight-bx figure:hover img {
  transform: scale(1.1);
}
@media screen and (max-width: 1450px) {
  .insight-outer .insight-main .insight-right .insight-small-bx .insight-bx figure {
    min-width: 150px;
    max-width: 150px;
  }
}
@media screen and (max-width: 1199px) {
  .insight-outer .insight-main .insight-right .insight-small-bx .insight-bx figure {
    min-width: 115px;
    max-width: 115px;
  }
}
.insight-outer .insight-main .insight-right .insight-small-bx .insight-bx .insight-content {
  width: 100%;
  padding-left: 23px;
  display: flex;
  align-items: center;
}
.insight-outer .insight-main .insight-right .insight-small-bx .insight-bx .insight-content p {
  font-size: 18px;
  line-height: 130%;
  color: #fff;
  font-family: "Graphik Medium";
  margin: 0px;
}
.insight-outer .insight-main .insight-right .insight-small-bx .insight-bx .insight-content p a {
  text-decoration: none;
  color: #fff;
}
.insight-outer .insight-main .insight-right .insight-small-bx .insight-bx .insight-content p a:hover {
  color: #1EC9F2;
}
@media screen and (max-width: 1199px) {
  .insight-outer .insight-main .insight-right .insight-small-bx .insight-bx .insight-content p {
    font-size: 17px;
  }
}
@media screen and (max-width: 991px) {
  .insight-outer .insight-main .insight-right .insight-small-bx .insight-bx .insight-content p {
    font-size: 16px;
  }
}
.insight-outer .insight-main .insight-right .insight-small-bx .insight-bx:last-child {
  padding-bottom: 0px;
  border-bottom: none;
}
@media screen and (max-width: 1199px) {
  .insight-outer .insight-main .insight-right .insight-small-bx .insight-bx {
    align-items: flex-start;
  }
}
@media screen and (max-width: 1024px) {
  .insight-outer .insight-main .insight-right .insight-small-bx .insight-bx {
    padding: 20px;
  }
}
@media screen and (max-width: 991px) {
  .insight-outer .insight-main .insight-right .insight-small-bx .insight-bx {
    padding: 20px 0px;
  }
}
@media screen and (max-width: 991px) {
  .insight-outer .insight-main .insight-right {
    width: 100%;
    border-left: none;
  }
}
@media screen and (max-width: 991px) {
  .insight-outer .insight-main {
    flex-wrap: wrap;
  }
}

.CSR {
  background: url(../images/csr-bg.webp) left top no-repeat;
  background-size: cover;
  padding: 50px 0 50px 0;
  z-index: 2;
  position: relative;
}
.CSR .head {
  padding-bottom: 30px;
}
.CSR .head h2 {
  color: #fff;
}
@media screen and (max-width: 1399px) {
  .CSR .head h2 {
    font-size: 45px;
  }
}
@media screen and (max-width: 991px) {
  .CSR .head h2 {
    font-size: 28px;
    line-height: 38px;
  }
  .CSR .head h2 br {
    display: none;
  }
}
.CSR .head p {
  color: #fff;
}
.CSR .head span {
  color: #fff;
}
.CSR .video-section {
  position: relative;
  width: 100%;
  height: 90vh;
  overflow: hidden;
  padding-top: 100px;
}
.CSR .video-section .video-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  transition: width 0.3s ease;
}
.CSR .video-section .video-box figure {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.CSR .video-section .video-box figure img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  max-height: 100%;
}
@media screen and (max-width: 991px) {
  .CSR .video-section .video-box {
    position: static;
    width: 100% !important;
  }
}
.CSR .video-section .text-box-main {
  position: absolute;
  bottom: -150px;
  right: 0;
  width: 50%;
  height: 100%;
  opacity: 0;
  transition: opacity 1s ease;
}
.CSR .video-section .text-box-main figure img {
  width: 100%;
}
.CSR .video-section .text-box-main .text-box {
  padding: 0 10%;
}
.CSR .video-section .text-box-main .text-box h3 {
  font-family: "Graphik Bold";
  font-size: 30px;
  line-height: 40px;
  color: #fff;
  padding-bottom: 15px;
}
@media screen and (max-width: 991px) {
  .CSR .video-section .text-box-main .text-box h3 {
    font-size: 24px;
    line-height: 34px;
  }
}
@media screen and (max-width: 767px) {
  .CSR .video-section .text-box-main .text-box h3 {
    font-size: 20px;
    line-height: 30px;
  }
}
.CSR .video-section .text-box-main .text-box p {
  color: #fff;
  font-size: 18px;
  line-height: 28px;
}
@media screen and (max-width: 767px) {
  .CSR .video-section .text-box-main .text-box p {
    font-size: 16px;
    line-height: 26px;
  }
}
.CSR .video-section .text-box-main .text-box a.learn-more {
  background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
  padding: 9px 23px;
  display: inline-block;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
  line-height: 19px;
  text-decoration: none;
  transition: all 0.5s;
}
.CSR .video-section .text-box-main .text-box a.learn-more img {
  margin-left: 8px;
  max-width: 17px;
  display: inline-block;
  width: auto;
  transition: all 0.5s;
  height: auto;
}
.CSR .video-section .text-box-main .text-box a.learn-more:hover {
  background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}
.CSR .video-section .text-box-main .text-box a.learn-more:hover img {
  margin-left: 10px;
}
@media screen and (max-width: 991px) {
  .CSR .video-section .text-box-main .text-box {
    padding: 0px;
  }
}
@media screen and (max-width: 991px) {
  .CSR .video-section .text-box-main {
    position: static;
    width: 100% !important;
    padding: 0px;
  }
}
@media screen and (max-width: 1399px) {
  .CSR .video-section {
    height: 80vh;
    padding-top: 80px;
  }
}
@media screen and (max-width: 991px) {
  .CSR .video-section {
    height: auto;
    padding: 0;
    width: 100%;
    margin: 0;
  }
}

.we_appin {
  background-color: #fff;
  min-height: 100vh;
  width: 100%;
  position: relative;
  z-index: 1;
}
.we_appin .app_zm_panel {
  height: 100vh;
  position: relative;
  overflow: hidden;
}
.we_appin .app_zm_panel .we_r {
  text-align: center;
  color: #1a1818;
  font-size: 35px;
  position: absolute;
  left: 50%;
  font-weight: 400;
  top: 28vh;
  z-index: 3;
  transform: translateX(-50%);
}
@media (max-width: 991px) {
  .we_appin .app_zm_panel .we_r {
    top: 34px;
  }
}
.we_appin .app_zm_panel .we_appi_wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100vh;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.we_appin .app_zm_panel .we_appi_wrap .appi_zm_video {
  width: 100vw;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.we_appin .app_zm_panel .appinventiv_msk {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.we_appin .app_zm_panel .appinventiv_msk .appinventiv_img_mast {
  backface-visibility: hidden;
  height: 100%;
  transform-origin: 50.36% center;
}
.we_appin .app_zm_panel .appinventiv_msk .appinventiv_img_mast img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transform: translate3d(0, 0, 0);
}
@media screen and (max-width: 991px) {
  .we_appin .app_zm_panel .appinventiv_msk .appinventiv_img_mast img {
    display: none;
  }
}

.contact-us {
  padding: 50px 0;
  background: #000 url(../images/contact-bg.jpg) left top no-repeat;
  background-size: cover;
  z-index: 2;
  position: relative;
}
.contact-us .head.head-top {
  padding-bottom: 30px;
  max-width: 100%;
}
.contact-us .head.head-top h2 {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .contact-us .head.head-top {
    padding-bottom: 0px;
  }
}
.contact-us .head {
  max-width: 411px;
  padding-top: 10px;
}
.contact-us .head span {
  text-align: left;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}
.contact-us .head h2 {
  text-align: left;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  padding-bottom: 8px;
}
.contact-us .head p {
  text-align: left;
  color: #fff;
  font-size: 18px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}
@media screen and (max-width: 991px) {
  .contact-us .head p {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .contact-us .head p {
    padding-right: 0px;
  }
}
.contact-us .head ul li {
  margin-right: 15px;
}
.contact-us .head ul li a {
  color: #fff;
}
.contact-us .head ul li a:hover {
  color: #0FACB8;
}
@media screen and (max-width: 991px) {
  .contact-us .head {
    max-width: 100%;
  }
}
.contact-us .head.head2 {
  max-width: 100%;
}
.contact-us .head.head2 span {
  text-align: center;
  color: #fff;
}
.contact-us .head.head2 h2 {
  text-align: center;
  color: #fff;
}
@media screen and (max-width: 991px) {
  .contact-us .head.head2 h2 {
    font-size: 28px;
  }
}
.contact-us .contact-form {
  max-width: 491px;
}
.contact-us .contact-form h2 {
  color: #fff;
  font-size: 40px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin-bottom: 25px;
}
@media screen and (max-width: 991px) {
  .contact-us .contact-form h2 {
    font-size: 25px;
    margin-bottom: 10px;
  }
}
.contact-us .contact-form form .form-row {
  margin-bottom: 15px;
}
.contact-us .contact-form form .form-row .form-group {
  padding: 0px;
  position: relative;
}
.contact-us .contact-form form .form-row .form-group p {
  margin-bottom: 0px;
  line-height: 0;
}
.contact-us .contact-form form .form-row .form-group input {
  width: 100%;
  height: 53px;
  color: #000;
  border: 1px solid #DADADA;
  padding: 0 15px;
  border-radius: 17px;
  box-shadow: none;
  font-family: "Open Sans";
  box-shadow: none !important;
  outline: none;
}
.contact-us .contact-form form .form-row .form-group input::-moz-placeholder {
  color: #000;
  opacity: 1;
}
.contact-us .contact-form form .form-row .form-group input::placeholder {
  color: #000;
  opacity: 1;
}
.contact-us .contact-form form .form-row .form-group select {
  width: 100%;
  height: 53px;
  border: 1px solid #DADADA;
  padding: 0 15px;
  border-radius: 17px;
  background: #fff url(../images/select-arrow.png) no-repeat 98% center;
  color: #000;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-shadow: none;
  box-shadow: none !important;
  outline: none;
}
.contact-us .contact-form form .form-row .form-group select:valid {
  color: #000;
}
.contact-us .contact-form form .form-row .form-group textarea {
  width: 100%;
  height: 130px;
  resize: none;
  border: 1px solid #DADADA;
  color: #000;
  padding: 15px;
  border-radius: 17px;
  box-shadow: none;
  box-shadow: none !important;
  outline: none;
  line-height: normal;
}
.contact-us .contact-form form .form-row .form-group textarea::-moz-placeholder {
  color: #000;
  opacity: 1;
}
.contact-us .contact-form form .form-row .form-group textarea::placeholder {
  color: #000;
  opacity: 1;
}
.contact-us .contact-form form .form-row .form-group .wpcf7-not-valid-tip {
  margin-top: 5px;
  line-height: normal;
  color: #fff;
  display: none;
}
@media screen and (max-width: 991px) {
  .contact-us .contact-form form .form-row {
    flex-wrap: wrap;
  }
}
.contact-us .contact-form form .form-row .wpcf7-spinner {
  position: absolute;
}
.contact-us .contact-form form input[type=submit] {
  background: #9266FD;
  width: 194px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  transition: all 0.3s;
  border: none;
  color: #fff;
  border-radius: 17px;
}
.contact-us .contact-form form input[type=submit]:hover {
  background: #fff;
  color: #9266FD;
}
@media screen and (max-width: 991px) {
  .contact-us .contact-form {
    padding: 35px 0px 15px 0px;
    max-width: 100%;
    padding-top: 0;
  }
}
.contact-us .contact-form .wpcf7 .screen-reader-response {
  position: static;
  width: 100%;
  height: auto;
  clip-path: unset;
  clip: unset;
}
.contact-us .contact-form .wpcf7 .screen-reader-response p {
  color: #fff;
  font-weight: var(--tp-fw-sbold);
}
.contact-us .contact-form .wpcf7 .screen-reader-response ul {
  display: none;
}
@media screen and (max-width: 991px) {
  .contact-us .col-lg-6.col-md-6.col-sm-6.col-xs-12 {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

.solution-banner-outer {
  padding: 150px 0px 30px;
  height: 100vh;
  background-size: 100% 100% !important;
  display: flex;
  align-items: center;
}
.solution-banner-outer .solution-main {
  text-align: center;
}
.solution-banner-outer .solution-main h1 {
  font-size: 100px;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  font-family: "Graphik Semibold";
  line-height: 99%;
  padding-bottom: 10px;
}
@media screen and (max-width: 1450px) {
  .solution-banner-outer .solution-main h1 {
    font-size: 80px;
  }
}
@media screen and (max-width: 1199px) {
  .solution-banner-outer .solution-main h1 {
    font-size: 70px;
  }
}
@media screen and (max-width: 767px) {
  .solution-banner-outer .solution-main h1 {
    font-size: 60px;
  }
}
@media screen and (max-width: 600px) {
  .solution-banner-outer .solution-main h1 {
    font-size: 45px;
  }
}
.solution-banner-outer .solution-main h3 {
  font-size: 55px;
  color: #fff;
  font-family: "Graphik Semibold";
  padding-bottom: 10px;
}
@media screen and (max-width: 1450px) {
  .solution-banner-outer .solution-main h3 {
    font-size: 45px;
  }
}
@media screen and (max-width: 1199px) {
  .solution-banner-outer .solution-main h3 {
    font-size: 40px;
  }
}
@media screen and (max-width: 991px) {
  .solution-banner-outer .solution-main h3 {
    font-size: 35px;
  }
}
@media screen and (max-width: 600px) {
  .solution-banner-outer .solution-main h3 {
    font-size: 25px;
  }
  .solution-banner-outer .solution-main h3 br {
    display: none;
  }
}
.solution-banner-outer .solution-main p {
  font-size: 25px;
  color: #fff;
  font-family: "Graphik Medium";
  line-height: 150%;
}
@media screen and (max-width: 1450px) {
  .solution-banner-outer .solution-main p {
    font-size: 22px;
  }
}
@media screen and (max-width: 600px) {
  .solution-banner-outer .solution-main p {
    font-size: 17px;
  }
  .solution-banner-outer .solution-main p br {
    display: none;
  }
}
.solution-banner-outer .solution-main a {
  background: linear-gradient(259.44deg, #9DA8FB 25.03%, #9266FD 90.57%);
  padding: 9px 23px;
  display: inline-block;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
  line-height: 19px;
  text-decoration: none;
  transition: all 0.5s;
}
.solution-banner-outer .solution-main a img {
  margin-left: 8px;
  max-width: 17px;
  display: inline-block;
  width: auto;
  transition: all 0.5s;
  height: auto;
}
.solution-banner-outer .solution-main a:hover {
  background: linear-gradient(259.44deg, #9266FD 25.03%, #9DA8FB 90.57%);
}
.solution-banner-outer .solution-main a:hover img {
  margin-left: 10px;
}
@media screen and (max-width: 991px) {
  .solution-banner-outer {
    padding: 100px 0px 30px;
    background-size: cover !important;
  }
}

.solution-aws-banner {
  padding: 150px 0px 30px;
  height: 100vh;
  background-size: 100% 100% !important;
  display: flex;
  align-items: center;
}
.solution-aws-banner .solution-main {
  text-align: center;
  display: flex;
  align-items: center;
}
.solution-aws-banner .solution-main .solution-left {
  width: 50%;
  text-align: left;
  position: relative;
  z-index: 1;
}
.solution-aws-banner .solution-main .solution-left h1 {
  font-size: 95px;
  color: #000;
  font-family: "Graphik Semibold";
  line-height: 99%;
  padding-bottom: 10px;
}
@media screen and (max-width: 1450px) {
  .solution-aws-banner .solution-main .solution-left h1 {
    font-size: 80px;
  }
}
@media screen and (max-width: 1199px) {
  .solution-aws-banner .solution-main .solution-left h1 {
    font-size: 70px;
  }
}
@media screen and (max-width: 767px) {
  .solution-aws-banner .solution-main .solution-left h1 {
    font-size: 60px;
  }
}
@media screen and (max-width: 600px) {
  .solution-aws-banner .solution-main .solution-left h1 {
    font-size: 45px;
  }
}
.solution-aws-banner .solution-main .solution-left h2 {
  font-size: 36px;
  color: #000;
  font-family: "Graphik Medium";
  padding-bottom: 10px;
  line-height: 129%;
}
@media screen and (max-width: 1199px) {
  .solution-aws-banner .solution-main .solution-left h2 {
    font-size: 30px;
  }
}
@media screen and (max-width: 991px) {
  .solution-aws-banner .solution-main .solution-left h2 {
    font-size: 25px;
  }
}
@media screen and (max-width: 600px) {
  .solution-aws-banner .solution-main .solution-left h2 {
    font-size: 20px;
  }
}
.solution-aws-banner .solution-main .solution-left p {
  font-size: 22px;
  color: #000;
  font-family: "Graphik Regular";
}
@media screen and (max-width: 1450px) {
  .solution-aws-banner .solution-main .solution-left p {
    font-size: 20px;
  }
}
@media screen and (max-width: 600px) {
  .solution-aws-banner .solution-main .solution-left p {
    font-size: 17px;
  }
}
.solution-aws-banner .solution-main .solution-left a {
  background: linear-gradient(259.44deg, #9DA8FB 25.03%, #9266FD 90.57%);
  padding: 9px 23px;
  display: inline-block;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
  line-height: 19px;
  text-decoration: none;
  transition: all 0.5s;
}
.solution-aws-banner .solution-main .solution-left a img {
  margin-left: 8px;
  max-width: 17px;
  display: inline-block;
  width: auto;
  transition: all 0.5s;
  height: auto;
}
.solution-aws-banner .solution-main .solution-left a:hover {
  background: linear-gradient(259.44deg, #9266FD 25.03%, #9DA8FB 90.57%);
}
.solution-aws-banner .solution-main .solution-left a:hover img {
  margin-left: 10px;
}
@media screen and (max-width: 991px) {
  .solution-aws-banner .solution-main .solution-left {
    width: 100%;
  }
}
.solution-aws-banner .solution-main .solution-right-image {
  width: 50%;
}
.solution-aws-banner .solution-main .solution-right-image img {
  width: 100%;
}
@media screen and (max-width: 991px) {
  .solution-aws-banner .solution-main .solution-right-image {
    width: 200px;
    position: absolute;
    right: 0;
    bottom: 0;
  }
}
@media screen and (max-width: 991px) {
  .solution-aws-banner .solution-main {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 991px) {
  .solution-aws-banner {
    padding: 100px 0px 30px;
    background-size: cover !important;
  }
}

.solution-azure-banner {
  padding: 150px 0px 30px;
  height: 100vh;
  background-size: cover !important;
  display: flex;
  align-items: center;
  background-position: right !important;
}
.solution-azure-banner .solution-main {
  text-align: center;
  display: flex;
  align-items: center;
}
.solution-azure-banner .solution-main .solution-left {
  width: 55%;
  text-align: left;
  position: relative;
  z-index: 1;
}
.solution-azure-banner .solution-main .solution-left h1 {
  font-size: 95px;
  color: #000;
  font-family: "Graphik Semibold";
  line-height: 99%;
  padding-bottom: 10px;
}
@media screen and (max-width: 1450px) {
  .solution-azure-banner .solution-main .solution-left h1 {
    font-size: 80px;
  }
}
@media screen and (max-width: 1199px) {
  .solution-azure-banner .solution-main .solution-left h1 {
    font-size: 70px;
  }
}
@media screen and (max-width: 767px) {
  .solution-azure-banner .solution-main .solution-left h1 {
    font-size: 60px;
  }
}
@media screen and (max-width: 600px) {
  .solution-azure-banner .solution-main .solution-left h1 {
    font-size: 45px;
  }
}
.solution-azure-banner .solution-main .solution-left h2 {
  font-size: 36px;
  color: #000;
  font-family: "Graphik Medium";
  padding-bottom: 10px;
  line-height: 129%;
}
@media screen and (max-width: 1199px) {
  .solution-azure-banner .solution-main .solution-left h2 {
    font-size: 30px;
  }
}
@media screen and (max-width: 991px) {
  .solution-azure-banner .solution-main .solution-left h2 {
    font-size: 25px;
  }
}
@media screen and (max-width: 600px) {
  .solution-azure-banner .solution-main .solution-left h2 {
    font-size: 20px;
  }
}
.solution-azure-banner .solution-main .solution-left p {
  font-size: 22px;
  color: #000;
  font-family: "Graphik Regular";
}
@media screen and (max-width: 1450px) {
  .solution-azure-banner .solution-main .solution-left p {
    font-size: 20px;
  }
}
@media screen and (max-width: 600px) {
  .solution-azure-banner .solution-main .solution-left p {
    font-size: 17px;
  }
}
.solution-azure-banner .solution-main .solution-left a {
  background: linear-gradient(259.44deg, #9DA8FB 25.03%, #9266FD 90.57%);
  padding: 9px 23px;
  display: inline-block;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
  line-height: 19px;
  text-decoration: none;
  transition: all 0.5s;
}
.solution-azure-banner .solution-main .solution-left a img {
  margin-left: 8px;
  max-width: 17px;
  display: inline-block;
  width: auto;
  transition: all 0.5s;
  height: auto;
}
.solution-azure-banner .solution-main .solution-left a:hover {
  background: linear-gradient(259.44deg, #9266FD 25.03%, #9DA8FB 90.57%);
}
.solution-azure-banner .solution-main .solution-left a:hover img {
  margin-left: 10px;
}
.solution-azure-banner .solution-main .solution-left figure {
  margin-bottom: 0px;
  padding-top: 10px;
}
.solution-azure-banner .solution-main .solution-left figure img {
  max-width: 100%;
}
@media screen and (max-width: 991px) {
  .solution-azure-banner .solution-main .solution-left {
    width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .solution-azure-banner .solution-main {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 991px) {
  .solution-azure-banner {
    padding: 100px 0px 30px;
    background-size: cover !important;
  }
}

.solution-google-platform-banner {
  padding: 150px 0px 30px;
  height: 100vh;
  background-size: cover !important;
  display: flex;
  align-items: center;
  background-position: right !important;
}
.solution-google-platform-banner .solution-main {
  text-align: center;
  display: flex;
  align-items: center;
}
.solution-google-platform-banner .solution-main .solution-left {
  width: 55%;
  text-align: left;
  position: relative;
  z-index: 1;
}
.solution-google-platform-banner .solution-main .solution-left h1 {
  font-size: 95px;
  color: #000;
  font-family: "Graphik Semibold";
  line-height: 110%;
  padding-bottom: 10px;
}
@media screen and (max-width: 1450px) {
  .solution-google-platform-banner .solution-main .solution-left h1 {
    font-size: 80px;
  }
}
@media screen and (max-width: 1199px) {
  .solution-google-platform-banner .solution-main .solution-left h1 {
    font-size: 70px;
  }
}
@media screen and (max-width: 767px) {
  .solution-google-platform-banner .solution-main .solution-left h1 {
    font-size: 60px;
  }
}
@media screen and (max-width: 600px) {
  .solution-google-platform-banner .solution-main .solution-left h1 {
    font-size: 45px;
  }
}
.solution-google-platform-banner .solution-main .solution-left h2 {
  font-size: 36px;
  color: #000;
  font-family: "Graphik Medium";
  padding-bottom: 10px;
  line-height: 129%;
}
@media screen and (max-width: 1199px) {
  .solution-google-platform-banner .solution-main .solution-left h2 {
    font-size: 30px;
  }
}
@media screen and (max-width: 991px) {
  .solution-google-platform-banner .solution-main .solution-left h2 {
    font-size: 25px;
  }
}
@media screen and (max-width: 600px) {
  .solution-google-platform-banner .solution-main .solution-left h2 {
    font-size: 20px;
  }
}
.solution-google-platform-banner .solution-main .solution-left p {
  font-size: 22px;
  color: #000;
  font-family: "Graphik Regular";
}
@media screen and (max-width: 1450px) {
  .solution-google-platform-banner .solution-main .solution-left p {
    font-size: 20px;
  }
}
@media screen and (max-width: 600px) {
  .solution-google-platform-banner .solution-main .solution-left p {
    font-size: 17px;
  }
}
.solution-google-platform-banner .solution-main .solution-left a {
  background: linear-gradient(259.44deg, #9DA8FB 25.03%, #9266FD 90.57%);
  padding: 9px 23px;
  display: inline-block;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
  line-height: 19px;
  text-decoration: none;
  transition: all 0.5s;
}
.solution-google-platform-banner .solution-main .solution-left a img {
  margin-left: 8px;
  max-width: 17px;
  display: inline-block;
  width: auto;
  transition: all 0.5s;
  height: auto;
}
.solution-google-platform-banner .solution-main .solution-left a:hover {
  background: linear-gradient(259.44deg, #9266FD 25.03%, #9DA8FB 90.57%);
}
.solution-google-platform-banner .solution-main .solution-left a:hover img {
  margin-left: 10px;
}
@media screen and (max-width: 991px) {
  .solution-google-platform-banner .solution-main .solution-left {
    width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .solution-google-platform-banner .solution-main {
    flex-wrap: wrap;
  }
}
.solution-google-platform-banner .solution-main figure {
  margin-bottom: 0px;
  margin-top: 10px;
}
.solution-google-platform-banner .solution-main figure img {
  max-width: 100%;
}
@media screen and (max-width: 991px) {
  .solution-google-platform-banner {
    padding: 100px 0px 30px;
    background-size: cover !important;
  }
}

.solution-google-workspace-banner {
  padding: 100px 0px 30px;
  height: 100vh;
  background-size: cover !important;
  display: flex;
  align-items: center;
  background-position: right !important;
}
.solution-google-workspace-banner .solution-main {
  text-align: center;
  display: flex;
  align-items: center;
}
.solution-google-workspace-banner .solution-main .solution-left {
  width: 55%;
  text-align: left;
  position: relative;
  z-index: 1;
}
.solution-google-workspace-banner .solution-main .solution-left h1 {
  font-size: 60px;
  color: #000;
  font-family: "Graphik Semibold";
  line-height: 110%;
  padding-bottom: 10px;
}
@media screen and (max-width: 1450px) {
  .solution-google-workspace-banner .solution-main .solution-left h1 {
    font-size: 50px;
  }
}
@media screen and (max-width: 1199px) {
  .solution-google-workspace-banner .solution-main .solution-left h1 {
    font-size: 45px;
  }
}
@media screen and (max-width: 767px) {
  .solution-google-workspace-banner .solution-main .solution-left h1 {
    font-size: 40px;
  }
}
@media screen and (max-width: 600px) {
  .solution-google-workspace-banner .solution-main .solution-left h1 {
    font-size: 35px;
  }
}
.solution-google-workspace-banner .solution-main .solution-left h2 {
  font-size: 36px;
  color: #000;
  font-family: "Graphik Medium";
  padding-bottom: 10px;
  line-height: 129%;
}
@media screen and (max-width: 1199px) {
  .solution-google-workspace-banner .solution-main .solution-left h2 {
    font-size: 30px;
  }
}
@media screen and (max-width: 991px) {
  .solution-google-workspace-banner .solution-main .solution-left h2 {
    font-size: 25px;
  }
}
@media screen and (max-width: 600px) {
  .solution-google-workspace-banner .solution-main .solution-left h2 {
    font-size: 20px;
  }
}
.solution-google-workspace-banner .solution-main .solution-left p {
  font-size: 22px;
  color: #000;
  font-family: "Graphik Regular";
}
@media screen and (max-width: 1450px) {
  .solution-google-workspace-banner .solution-main .solution-left p {
    font-size: 20px;
  }
}
@media screen and (max-width: 600px) {
  .solution-google-workspace-banner .solution-main .solution-left p {
    font-size: 17px;
  }
}
.solution-google-workspace-banner .solution-main .solution-left a {
  background: linear-gradient(259.44deg, #9DA8FB 25.03%, #9266FD 90.57%);
  padding: 9px 23px;
  display: inline-block;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
  line-height: 19px;
  text-decoration: none;
  transition: all 0.5s;
  background: #0078D4;
}
.solution-google-workspace-banner .solution-main .solution-left a img {
  margin-left: 8px;
  max-width: 17px;
  display: inline-block;
  width: auto;
  transition: all 0.5s;
  height: auto;
}
.solution-google-workspace-banner .solution-main .solution-left a:hover {
  background: linear-gradient(259.44deg, #9266FD 25.03%, #9DA8FB 90.57%);
}
.solution-google-workspace-banner .solution-main .solution-left a:hover img {
  margin-left: 10px;
}
.solution-google-workspace-banner .solution-main .solution-left a:hover {
  background: #015a9e;
}
@media screen and (max-width: 991px) {
  .solution-google-workspace-banner .solution-main .solution-left {
    width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .solution-google-workspace-banner .solution-main {
    flex-wrap: wrap;
  }
}
.solution-google-workspace-banner .solution-main figure {
  margin-bottom: 0px;
  margin-top: 10px;
}
.solution-google-workspace-banner .solution-main figure img {
  max-width: 100%;
}
@media screen and (max-width: 991px) {
  .solution-google-workspace-banner {
    padding: 100px 0px 30px;
    background-size: cover !important;
  }
}

.solution-banner-outer.audio-visual-banner .solution-main h1 {
  font-size: 80px;
  color: #000;
  font-family: "Graphik Semibold";
  line-height: 110%;
  padding-bottom: 10px;
}
@media screen and (max-width: 1450px) {
  .solution-banner-outer.audio-visual-banner .solution-main h1 {
    font-size: 70px;
  }
}
@media screen and (max-width: 1199px) {
  .solution-banner-outer.audio-visual-banner .solution-main h1 {
    font-size: 60px;
  }
}
@media screen and (max-width: 767px) {
  .solution-banner-outer.audio-visual-banner .solution-main h1 {
    font-size: 50px;
  }
}
@media screen and (max-width: 600px) {
  .solution-banner-outer.audio-visual-banner .solution-main h1 {
    font-size: 45px;
  }
}
.solution-banner-outer.audio-visual-banner .solution-main p {
  line-height: 150%;
}

.solution-banner-outer.smart-epp-banner .solution-main .cta-buttons {
  position: relative;
  z-index: 9;
}
.solution-banner-outer.smart-epp-banner .solution-main .cta-buttons a {
  background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
  padding: 9px 23px;
  display: inline-block;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
  line-height: 19px;
  text-decoration: none;
  transition: all 0.5s;
  margin-right: 15px;
}
.solution-banner-outer.smart-epp-banner .solution-main .cta-buttons a img {
  margin-left: 8px;
  max-width: 17px;
  display: inline-block;
  width: auto;
  transition: all 0.5s;
  height: auto;
}
.solution-banner-outer.smart-epp-banner .solution-main .cta-buttons a:hover {
  background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}
.solution-banner-outer.smart-epp-banner .solution-main .cta-buttons a:hover img {
  margin-left: 10px;
}
.solution-banner-outer.smart-epp-banner .solution-main .cta-buttons a:first-child {
  border: 1px solid transparent;
  background: linear-gradient(91.33deg, #00773B 23.51%, #067566 72.43%);
}
.solution-banner-outer.smart-epp-banner .solution-main .cta-buttons a:first-child:hover {
  background: transparent;
  border-color: #fff;
  color: #fff;
}
.solution-banner-outer.smart-epp-banner .solution-main .cta-buttons a:last-child {
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
}
.solution-banner-outer.smart-epp-banner .solution-main .cta-buttons a:last-child:hover {
  background: linear-gradient(91.33deg, #00773B 23.51%, #067566 72.43%);
  color: #fff;
}
.solution-banner-outer.smart-epp-banner .solution-main .cta-buttons a:last-child:hover img {
  filter: inherit;
}
@media screen and (max-width: 767px) {
  .solution-banner-outer.smart-epp-banner .solution-main .cta-buttons a {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 767px) {
  .solution-banner-outer.smart-epp-banner .solution-main .cta-buttons {
    flex-wrap: wrap;
  }
}

.fule-innovation-outer {
  padding: 50px 0px 80px;
  background-size: cover !important;
  margin-top: -1px;
}
.fule-innovation-outer .head h2 {
  color: #fff;
  padding-bottom: 10px;
}
.fule-innovation-outer .head p {
  color: #fff;
}
@media screen and (max-width: 992px) {
  .fule-innovation-outer .head p {
    display: none;
  }
}
.fule-innovation-outer .fule-innovation-main {
  display: flex;
  gap: 30px;
  justify-content: center;
}
.fule-innovation-outer .fule-innovation-main .fule-bx {
  width: calc(25% - 24px);
  padding: 1px;
  border-radius: 16px;
  display: flex;
  transition: all 0.5s;
  background: url(../images/fule-bx-bg.webp) no-repeat;
  background-size: 100% 100%;
}
.fule-innovation-outer .fule-innovation-main .fule-bx .fule-area {
  width: 100%;
  min-height: 165px;
  border-radius: 16px;
  align-items: center;
  justify-content: center;
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  padding: 10px 0px;
}
.fule-innovation-outer .fule-innovation-main .fule-bx .fule-area h3 {
  font-size: 60px;
  line-height: 99%;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  font-family: "Graphik Semibold";
  width: 100%;
  text-align: center;
  margin-bottom: 0px;
}
@media screen and (max-width: 1199px) {
  .fule-innovation-outer .fule-innovation-main .fule-bx .fule-area h3 {
    font-size: 60px;
  }
}
@media screen and (max-width: 767px) {
  .fule-innovation-outer .fule-innovation-main .fule-bx .fule-area h3 {
    font-size: 40px;
  }
}
.fule-innovation-outer .fule-innovation-main .fule-bx .fule-area p {
  color: #fff;
  font-family: "Graphik Medium";
  font-size: 20px;
  margin-bottom: 0px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .fule-innovation-outer .fule-innovation-main .fule-bx .fule-area {
    min-height: 123px;
  }
}
.fule-innovation-outer .fule-innovation-main .fule-bx:hover {
  background: url(../images/fule-bx-bg-hover.webp) no-repeat;
  background-size: 100% 100%;
  box-shadow: -1px 1px 14px 0px rgba(148, 114, 253, 0.5);
  -webkit-box-shadow: -1px 1px 14px 0px rgba(148, 114, 253, 0.5);
  -moz-box-shadow: -1px 1px 14px 0px rgba(148, 114, 253, 0.5);
}
@media screen and (max-width: 1199px) {
  .fule-innovation-outer .fule-innovation-main .fule-bx {
    width: calc(50% - 24px);
  }
}
@media screen and (max-width: 767px) {
  .fule-innovation-outer .fule-innovation-main .fule-bx {
    width: 100%;
  }
}
@media screen and (max-width: 1199px) {
  .fule-innovation-outer .fule-innovation-main {
    max-width: 659px;
    margin: 0 auto;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  .fule-innovation-outer .fule-innovation-main {
    max-width: 305px;
  }
}
@media screen and (max-width: 991px) {
  .fule-innovation-outer {
    background-size: cover !important;
  }
}

.fule-innovation-outer.fule-innovation-outer-aws-page {
  padding-bottom: 0px;
}
.fule-innovation-outer.fule-innovation-outer-aws-page .head h2 {
  color: #000;
  padding-bottom: 30px;
}
.fule-innovation-outer.fule-innovation-outer-aws-page .head p {
  color: #000;
  line-height: 150%;
}
.fule-innovation-outer.fule-innovation-outer-aws-page .fule-innovation-main .fule-bx {
  background: #F3F3F7;
  position: relative;
}
.fule-innovation-outer.fule-innovation-outer-aws-page .fule-innovation-main .fule-bx::before {
  background: linear-gradient(278.99deg, #FF00FF 4.48%, #00B4FF 96.89%);
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  transform: translateZ(-1px);
  pointer-events: none;
  transition-property: filter, inset;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  background-clip: content-box !important;
  padding: 1px;
  z-index: -1;
}
.fule-innovation-outer.fule-innovation-outer-aws-page .fule-innovation-main .fule-bx .fule-area {
  text-align: left;
  justify-content: flex-start;
  padding: 10px 25px;
  min-height: 120px;
  background: #F3F3F7;
  position: relative;
  z-index: 1;
}
.fule-innovation-outer.fule-innovation-outer-aws-page .fule-innovation-main .fule-bx .fule-area h3 {
  background: none !important;
  color: #000;
  -webkit-text-fill-color: unset;
  font-size: 36px;
  text-align: left;
  padding-bottom: 5px;
}
.fule-innovation-outer.fule-innovation-outer-aws-page .fule-innovation-main .fule-bx .fule-area h3 span {
  color: #000;
}
.fule-innovation-outer.fule-innovation-outer-aws-page .fule-innovation-main .fule-bx .fule-area p {
  color: #000;
}
.fule-innovation-outer.fule-innovation-outer-aws-page .fule-innovation-main .fule-bx:hover:before {
  filter: blur(11px);
}
.fule-innovation-outer.fule-innovation-outer-aws-page .fule-innovation-image {
  margin-top: 50px;
}
.fule-innovation-outer.fule-innovation-outer-aws-page .fule-innovation-image img {
  max-width: 100%;
}

.fule-innovation-outer.azure-fule-inovation-outer {
  background: linear-gradient(99.77deg, #F2F3F5 4.05%, #F2EAC9 20.94%, #D6C3C5 51.49%, #B0BAEB 98.54%);
}
.fule-innovation-outer.azure-fule-inovation-outer .fule-innovation-main {
  align-items: flex-start;
}
.fule-innovation-outer.azure-fule-inovation-outer .fule-innovation-main .fule-inovation-left {
  width: calc(50% - 15px);
  background: linear-gradient(90deg, #F4D376 17.85%, #91A2DC 71.25%, #AEB3D9 100%);
  padding: 25px;
  border-radius: 12px;
}
.fule-innovation-outer.azure-fule-inovation-outer .fule-innovation-main .fule-inovation-left figure {
  margin-bottom: 0px;
}
.fule-innovation-outer.azure-fule-inovation-outer .fule-innovation-main .fule-inovation-left figure img {
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .fule-innovation-outer.azure-fule-inovation-outer .fule-innovation-main .fule-inovation-left {
    width: 100%;
  }
}
.fule-innovation-outer.azure-fule-inovation-outer .fule-innovation-main .fule-inovation-right {
  width: calc(50% - 15px);
}
.fule-innovation-outer.azure-fule-inovation-outer .fule-innovation-main .fule-inovation-right .head {
  text-align: left;
  padding-bottom: 25px;
}
.fule-innovation-outer.azure-fule-inovation-outer .fule-innovation-main .fule-inovation-right .head h2 {
  color: #000;
}
.fule-innovation-outer.azure-fule-inovation-outer .fule-innovation-main .fule-inovation-right .head p {
  color: #000;
}
.fule-innovation-outer.azure-fule-inovation-outer .fule-innovation-main .fule-inovation-right .fule-inovation-right-bx {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.fule-innovation-outer.azure-fule-inovation-outer .fule-innovation-main .fule-inovation-right .fule-inovation-right-bx .fule-bx {
  width: calc(50% - 20px);
  background: rgba(255, 255, 255, 0.3098039216);
  padding: 30px 25px;
  border-radius: 17px;
}
.fule-innovation-outer.azure-fule-inovation-outer .fule-innovation-main .fule-inovation-right .fule-inovation-right-bx .fule-bx .fule-area {
  min-height: unset;
  justify-content: flex-start;
  padding: 0px;
}
.fule-innovation-outer.azure-fule-inovation-outer .fule-innovation-main .fule-inovation-right .fule-inovation-right-bx .fule-bx .fule-area h3 {
  font-size: 36px;
  text-align: left;
  color: #000;
  -webkit-text-fill-color: unset;
}
.fule-innovation-outer.azure-fule-inovation-outer .fule-innovation-main .fule-inovation-right .fule-inovation-right-bx .fule-bx .fule-area p {
  font-size: 20px;
  color: #000;
}
@media screen and (max-width: 600px) {
  .fule-innovation-outer.azure-fule-inovation-outer .fule-innovation-main .fule-inovation-right .fule-inovation-right-bx .fule-bx {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .fule-innovation-outer.azure-fule-inovation-outer .fule-innovation-main .fule-inovation-right {
    width: 100%;
  }
}
@media screen and (max-width: 1199px) {
  .fule-innovation-outer.azure-fule-inovation-outer .fule-innovation-main {
    max-width: 100%;
  }
}

.fule-innovation-outer.google-partner-inovation-outer .fule-innovation-main {
  align-items: flex-end;
}
.fule-innovation-outer.google-partner-inovation-outer .fule-innovation-main .fule-inovation-left {
  width: calc(45% - 15px);
}
.fule-innovation-outer.google-partner-inovation-outer .fule-innovation-main .fule-inovation-left figure {
  margin-bottom: 0px;
}
.fule-innovation-outer.google-partner-inovation-outer .fule-innovation-main .fule-inovation-left figure img {
  width: 100%;
}
.fule-innovation-outer.google-partner-inovation-outer .fule-innovation-main .fule-inovation-left iframe {
  width: 100%;
  height: 413px;
  border-radius: 17px;
}
@media screen and (max-width: 1024px) {
  .fule-innovation-outer.google-partner-inovation-outer .fule-innovation-main .fule-inovation-left {
    width: 100%;
  }
}
.fule-innovation-outer.google-partner-inovation-outer .fule-innovation-main .fule-inovation-right {
  width: calc(55% - 15px);
}
.fule-innovation-outer.google-partner-inovation-outer .fule-innovation-main .fule-inovation-right .head {
  text-align: left;
  padding-bottom: 0px;
}
.fule-innovation-outer.google-partner-inovation-outer .fule-innovation-main .fule-inovation-right .head h2 {
  color: #000;
}
.fule-innovation-outer.google-partner-inovation-outer .fule-innovation-main .fule-inovation-right .head h2 span {
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  color: #34A853;
  letter-spacing: 0;
}
.fule-innovation-outer.google-partner-inovation-outer .fule-innovation-main .fule-inovation-right .head p {
  color: #000;
}
.fule-innovation-outer.google-partner-inovation-outer .fule-innovation-main .fule-inovation-right .fule-inovation-right-bx {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.fule-innovation-outer.google-partner-inovation-outer .fule-innovation-main .fule-inovation-right .fule-inovation-right-bx .fule-bx {
  width: calc(50% - 20px);
  background: linear-gradient(278.32deg, #3C94AE 5.47%, #4285F4 96.14%);
  padding: 30px 25px;
  border-radius: 17px;
}
.fule-innovation-outer.google-partner-inovation-outer .fule-innovation-main .fule-inovation-right .fule-inovation-right-bx .fule-bx .fule-area {
  min-height: unset;
  justify-content: flex-start;
  padding: 0px;
}
.fule-innovation-outer.google-partner-inovation-outer .fule-innovation-main .fule-inovation-right .fule-inovation-right-bx .fule-bx .fule-area h3 {
  font-size: 36px;
  text-align: left;
  color: #fff;
  -webkit-text-fill-color: unset;
}
@media screen and (max-width: 1199px) {
  .fule-innovation-outer.google-partner-inovation-outer .fule-innovation-main .fule-inovation-right .fule-inovation-right-bx .fule-bx .fule-area h3 {
    font-size: 30px;
  }
}
.fule-innovation-outer.google-partner-inovation-outer .fule-innovation-main .fule-inovation-right .fule-inovation-right-bx .fule-bx .fule-area p {
  font-size: 20px;
  color: #fff;
  text-align: left;
}
@media screen and (max-width: 1199px) {
  .fule-innovation-outer.google-partner-inovation-outer .fule-innovation-main .fule-inovation-right .fule-inovation-right-bx .fule-bx .fule-area p {
    font-size: 16px;
  }
}
@media screen and (max-width: 600px) {
  .fule-innovation-outer.google-partner-inovation-outer .fule-innovation-main .fule-inovation-right .fule-inovation-right-bx .fule-bx {
    width: 100%;
  }
}
.fule-innovation-outer.google-partner-inovation-outer .fule-innovation-main .fule-inovation-right .fule-inovation-right-bx .fule-bx:nth-child(3) {
  background: linear-gradient(279.03deg, #34A853 7.12%, #3A989A 97.94%);
}
.fule-innovation-outer.google-partner-inovation-outer .fule-innovation-main .fule-inovation-right .fule-inovation-right-bx .fule-bx:nth-child(4) {
  background: linear-gradient(279.03deg, #34A853 7.12%, #3A989A 97.94%);
}
@media screen and (max-width: 1024px) {
  .fule-innovation-outer.google-partner-inovation-outer .fule-innovation-main .fule-inovation-right {
    width: 100%;
  }
}
@media screen and (max-width: 1199px) {
  .fule-innovation-outer.google-partner-inovation-outer .fule-innovation-main {
    max-width: 100%;
  }
}

.fule-innovation-outer.google-workspace-innovation {
  background: #F8F9FA !important;
}
.fule-innovation-outer.google-workspace-innovation .head h2 {
  color: #000;
  padding-bottom: 30px;
}
.fule-innovation-outer.google-workspace-innovation .head p {
  color: #000;
  line-height: 150%;
}
.fule-innovation-outer.google-workspace-innovation .fule-innovation-main .fule-bx {
  position: relative;
  background: none;
  padding: 0px;
}
.fule-innovation-outer.google-workspace-innovation .fule-innovation-main .fule-bx .fule-area {
  text-align: left;
  justify-content: flex-start;
  padding: 10px 25px;
  min-height: 120px;
  background: #fff;
  position: relative;
  z-index: 1;
  border: 1px solid #D2D2D2;
}
.fule-innovation-outer.google-workspace-innovation .fule-innovation-main .fule-bx .fule-area h3 {
  background: none !important;
  color: #000;
  -webkit-text-fill-color: unset;
  font-size: 36px;
  text-align: left;
  padding-bottom: 5px;
}
.fule-innovation-outer.google-workspace-innovation .fule-innovation-main .fule-bx .fule-area h3 span {
  color: #000;
}
.fule-innovation-outer.google-workspace-innovation .fule-innovation-main .fule-bx .fule-area p {
  color: #000;
  text-align: left;
  font-family: var(--tp-ff-body);
}
.fule-innovation-outer.google-workspace-innovation .fule-innovation-image {
  margin-top: 50px;
}
.fule-innovation-outer.google-workspace-innovation .fule-innovation-image img {
  max-width: 100%;
  margin: 0 auto;
  display: block;
}

.fule-innovation-outer.security-innovation-outer .fule-innovation-main .fule-bx {
  width: calc(33.33% - 24px);
}
.fule-innovation-outer.security-innovation-outer .fule-innovation-main .fule-bx .fule-area {
  padding: 10px 20px;
}
.fule-innovation-outer.security-innovation-outer .fule-innovation-main .fule-bx .fule-area h3 {
  text-align: left;
  font-size: 30px;
}
.fule-innovation-outer.security-innovation-outer .fule-innovation-main .fule-bx .fule-area p {
  text-align: left;
  font-family: "Graphik Regular";
}
@media screen and (max-width: 991px) {
  .fule-innovation-outer.security-innovation-outer .fule-innovation-main .fule-bx {
    width: calc(50% - 24px);
  }
}
@media screen and (max-width: 600px) {
  .fule-innovation-outer.security-innovation-outer .fule-innovation-main .fule-bx {
    width: 100%;
  }
}
@media screen and (max-width: 1199px) {
  .fule-innovation-outer.security-innovation-outer .fule-innovation-main {
    max-width: 100%;
  }
}
.fule-innovation-outer.security-innovation-outer .miscofiguration-main {
  text-align: center;
  margin-top: 40px;
}
.fule-innovation-outer.security-innovation-outer .miscofiguration-main h3 {
  font-size: 30px;
  font-family: "Graphik Medium";
  color: #fff;
  padding-bottom: 20px;
}
.fule-innovation-outer.security-innovation-outer .miscofiguration-main h3 span {
  color: #2B60FF;
}
@media screen and (max-width: 767px) {
  .fule-innovation-outer.security-innovation-outer .miscofiguration-main h3 {
    font-size: 25px;
  }
}
.fule-innovation-outer.security-innovation-outer .miscofiguration-main p {
  color: #fff;
  font-size: 20px;
  padding-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .fule-innovation-outer.security-innovation-outer .miscofiguration-main p {
    font-size: 18px;
  }
}
.fule-innovation-outer.security-innovation-outer .miscofiguration-main a {
  background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
  padding: 9px 23px;
  display: inline-block;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
  line-height: 19px;
  text-decoration: none;
  transition: all 0.5s;
  background: linear-gradient(92.86deg, #007BFF 1.73%, #BF00FF 84.19%);
}
.fule-innovation-outer.security-innovation-outer .miscofiguration-main a img {
  margin-left: 8px;
  max-width: 17px;
  display: inline-block;
  width: auto;
  transition: all 0.5s;
  height: auto;
}
.fule-innovation-outer.security-innovation-outer .miscofiguration-main a:hover {
  background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}
.fule-innovation-outer.security-innovation-outer .miscofiguration-main a:hover img {
  margin-left: 10px;
}
.fule-innovation-outer.security-innovation-outer .miscofiguration-main a:hover {
  background: linear-gradient(92.86deg, #BF00FF 1.73%, #007BFF 84.19%);
}

.our-customer-outer {
  background: url(../images/ourcustomer-bg.webp) no-repeat;
  background-size: 100% 100% !important;
  padding: 60px 0px;
}
.our-customer-outer .head {
  padding-bottom: 20px;
}
.our-customer-outer .head h2 {
  color: #000;
}
.our-customer-outer .our-customer-main {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0px 30px;
}
.our-customer-outer .our-customer-main .our-customer-bx {
  height: 63px;
  display: flex;
  padding: 5px;
  width: 7.69%;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.our-customer-outer .our-customer-main .our-customer-bx img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  filter: grayscale(100%);
  transition: all 0.5s;
}
.our-customer-outer .our-customer-main .our-customer-bx:hover img {
  filter: grayscale(0);
}
@media screen and (max-width: 1024px) {
  .our-customer-outer .our-customer-main .our-customer-bx {
    width: 11.6%;
  }
}
@media screen and (max-width: 767px) {
  .our-customer-outer .our-customer-main .our-customer-bx {
    width: 16.5%;
  }
}
@media screen and (max-width: 576px) {
  .our-customer-outer .our-customer-main .our-customer-bx {
    width: 32.5%;
  }
}
@media screen and (max-width: 767px) {
  .our-customer-outer .our-customer-main {
    padding: 0px 15px;
  }
}
@media screen and (max-width: 991px) {
  .our-customer-outer {
    background-size: cover;
    background-position: center !important;
  }
}
.our-customer-outer .view-mor {
  margin-top: 30px;
  text-align: center;
}
.our-customer-outer .view-mor a {
  background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
  padding: 9px 23px;
  display: inline-block;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
  line-height: 19px;
  text-decoration: none;
  transition: all 0.5s;
  background: linear-gradient(92.86deg, #007BFF 1.73%, #BF00FF 84.19%);
}
.our-customer-outer .view-mor a img {
  margin-left: 8px;
  max-width: 17px;
  display: inline-block;
  width: auto;
  transition: all 0.5s;
  height: auto;
}
.our-customer-outer .view-mor a:hover {
  background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}
.our-customer-outer .view-mor a:hover img {
  margin-left: 10px;
}
.our-customer-outer .view-mor a:hover {
  background: linear-gradient(92.86deg, #BF00FF 1.73%, #007BFF 84.19%);
}

.our-customer-outer.our-customer-aws-outer {
  background: none;
}

.our-customer-outer.industry-our-customer {
  background: url(../images/industry-our-logo-bg.png) no-repeat;
  background-size: 100% 100%;
}
@media screen and (max-width: 991px) {
  .our-customer-outer.industry-our-customer {
    background-size: cover;
  }
}

.our-experties-outer {
  background: #000;
  padding: 60px 0px;
}
.our-experties-outer .head {
  padding-bottom: 30px;
}
.our-experties-outer .head h2 {
  color: #fff;
}
.our-experties-outer .head p {
  color: #fff;
}
.our-experties-outer .our-experties-main {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.our-experties-outer .our-experties-main .our-experties-bx {
  width: 33.33%;
  padding: 51px;
  transition: all 0.5s;
  border-radius: 17px;
}
.our-experties-outer .our-experties-main .our-experties-bx .our-ex-ico {
  width: 66px;
  height: 66px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(../images/expeties-ico-bg.webp) no-repeat;
  margin-bottom: 11px;
  transition: all 0.5s;
}
.our-experties-outer .our-experties-main .our-experties-bx .our-ex-ico img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.our-experties-outer .our-experties-main .our-experties-bx h3 {
  font-size: 24px;
  line-height: 124%;
  color: #fff;
  font-family: "Graphik Semibold";
  padding-bottom: 10px;
  min-height: 69px;
}
@media screen and (max-width: 600px) {
  .our-experties-outer .our-experties-main .our-experties-bx h3 {
    min-height: unset;
  }
}
.our-experties-outer .our-experties-main .our-experties-bx p {
  color: #fff;
  margin-bottom: 0px;
}
.our-experties-outer .our-experties-main .our-experties-bx ul {
  list-style: disc;
  padding-left: 17px;
}
.our-experties-outer .our-experties-main .our-experties-bx ul li {
  color: #fff;
  margin-bottom: 7px;
}
.our-experties-outer .our-experties-main .our-experties-bx:hover {
  background: #fff;
}
.our-experties-outer .our-experties-main .our-experties-bx:hover .our-ex-ico {
  background: none;
}
.our-experties-outer .our-experties-main .our-experties-bx:hover h3 {
  color: #000;
}
.our-experties-outer .our-experties-main .our-experties-bx:hover p {
  color: #000;
}
.our-experties-outer .our-experties-main .our-experties-bx:hover ul li {
  color: #000;
}
@media screen and (max-width: 1199px) {
  .our-experties-outer .our-experties-main .our-experties-bx {
    padding: 20px 20px 30px;
  }
}
@media screen and (max-width: 991px) {
  .our-experties-outer .our-experties-main .our-experties-bx {
    width: 50%;
  }
}
@media screen and (max-width: 600px) {
  .our-experties-outer .our-experties-main .our-experties-bx {
    width: 100%;
  }
}
.our-experties-outer .our-experties-main .our-experties-left {
  width: 55%;
  display: flex;
  flex-wrap: wrap;
}
.our-experties-outer .our-experties-main .our-experties-left .our-experties-bx {
  width: 50%;
  padding: 14px 20px;
}
@media screen and (max-width: 600px) {
  .our-experties-outer .our-experties-main .our-experties-left .our-experties-bx {
    width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .our-experties-outer .our-experties-main .our-experties-left {
    width: 100%;
    padding-bottom: 30px;
  }
}
.our-experties-outer .our-experties-main .our-experties-right {
  width: 45%;
  display: flex;
  padding-left: 40px;
  align-items: flex-end;
}
.our-experties-outer .our-experties-main .our-experties-right iframe {
  width: 100%;
  height: 336px;
  border-radius: 6px;
  border: 2px solid #2B2B2B;
}
@media screen and (max-width: 991px) {
  .our-experties-outer .our-experties-main .our-experties-right {
    width: 100%;
    padding-left: 0px;
  }
}
.our-experties-outer .view-more {
  text-align: center;
  margin-top: 40px;
}
.our-experties-outer .view-more a {
  background: linear-gradient(259.44deg, #9DA8FB 25.03%, #9266FD 90.57%);
  padding: 9px 23px;
  display: inline-block;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
  line-height: 19px;
  text-decoration: none;
  transition: all 0.5s;
  background: linear-gradient(92.63deg, #D99C00 21.34%, #CE6300 71.05%);
  padding: 13px 23px;
  cursor: pointer;
}
.our-experties-outer .view-more a img {
  margin-left: 8px;
  max-width: 17px;
  display: inline-block;
  width: auto;
  transition: all 0.5s;
  height: auto;
}
.our-experties-outer .view-more a:hover {
  background: linear-gradient(259.44deg, #9266FD 25.03%, #9DA8FB 90.57%);
}
.our-experties-outer .view-more a:hover img {
  margin-left: 10px;
}
.our-experties-outer .view-more a:hover {
  background: linear-gradient(92.63deg, #CE6300 21.34%, #D99C00 71.05%);
}

.our-experties-outer.our-amazon-experties {
  background: #fff;
}
.our-experties-outer.our-amazon-experties .head h2 {
  color: #000;
}
.our-experties-outer.our-amazon-experties .head p {
  color: #000;
}
.our-experties-outer.our-amazon-experties .our-experties-main {
  gap: 30px;
}
.our-experties-outer.our-amazon-experties .our-experties-main .our-experties-bx {
  border: 1px solid #E2E2E2;
  border-radius: 16px;
  width: calc(33.33% - 21px);
  position: relative;
  background: #fff;
  padding: 40px 51px;
}
.our-experties-outer.our-amazon-experties .our-experties-main .our-experties-bx h3 {
  color: #000;
  position: relative;
  z-index: 2;
}
.our-experties-outer.our-amazon-experties .our-experties-main .our-experties-bx p {
  color: #000;
  position: relative;
  z-index: 2;
}
.our-experties-outer.our-amazon-experties .our-experties-main .our-experties-bx .our-ex-ico {
  background: url(../images/expeties-amozan-ico-bg.webp) no-repeat;
  position: relative;
  z-index: 2;
}
.our-experties-outer.our-amazon-experties .our-experties-main .our-experties-bx:hover .our-ex-ico {
  background: none;
}
.our-experties-outer.our-amazon-experties .our-experties-main .our-experties-bx:hover:before {
  filter: blur(11px);
  background: linear-gradient(278.99deg, #FF00FF 4.48%, #00B4FF 96.89%);
}
.our-experties-outer.our-amazon-experties .our-experties-main .our-experties-bx:hover::after {
  background: #F3F3F7;
}
.our-experties-outer.our-amazon-experties .our-experties-main .our-experties-bx::before {
  background: #fff;
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  transform: translateZ(-1px);
  pointer-events: none;
  transition-property: filter, inset;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  background-clip: content-box !important;
  padding: 1px;
}
.our-experties-outer.our-amazon-experties .our-experties-main .our-experties-bx::after {
  background: #fff;
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  transform: translateZ(-1px);
  pointer-events: none;
  transition-property: filter, inset;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  background-clip: content-box !important;
  padding: 1px;
  z-index: 1;
}
@media screen and (max-width: 1199px) {
  .our-experties-outer.our-amazon-experties .our-experties-main .our-experties-bx {
    padding: 30px;
  }
}
@media screen and (max-width: 991px) {
  .our-experties-outer.our-amazon-experties .our-experties-main .our-experties-bx {
    width: calc(50% - 20px);
    padding: 20px;
  }
}
@media screen and (max-width: 600px) {
  .our-experties-outer.our-amazon-experties .our-experties-main .our-experties-bx {
    width: 100%;
    padding: 15px;
  }
}

.our-experties-outer.two-column .our-experties-main .our-experties-bx {
  width: 50%;
}
@media screen and (max-width: 600px) {
  .our-experties-outer.two-column .our-experties-main .our-experties-bx {
    width: 100%;
  }
}

.our-experties-outer.four-column .our-experties-main .our-experties-bx {
  width: 25%;
  padding: 14px 20px;
}
@media screen and (max-width: 991px) {
  .our-experties-outer.four-column .our-experties-main .our-experties-bx {
    width: 50%;
  }
}
@media screen and (max-width: 600px) {
  .our-experties-outer.four-column .our-experties-main .our-experties-bx {
    width: 100%;
  }
}

.our-experties-outer.azure-experties-outer {
  background-size: 100% 100% !important;
}
.our-experties-outer.azure-experties-outer .head h2 {
  color: #000;
}
.our-experties-outer.azure-experties-outer .head p {
  color: #000;
}
.our-experties-outer.azure-experties-outer .our-experties-main {
  gap: 30px;
  justify-content: center;
}
.our-experties-outer.azure-experties-outer .our-experties-main .our-experties-bx {
  border: 1px solid #EEF7FC;
  border-radius: 16px;
  width: calc(33.33% - 21px);
  position: relative;
  background: #EEF7FC;
  padding: 40px 51px;
}
.our-experties-outer.azure-experties-outer .our-experties-main .our-experties-bx h3 {
  color: #000;
  position: relative;
  z-index: 2;
}
.our-experties-outer.azure-experties-outer .our-experties-main .our-experties-bx p {
  color: #000;
  position: relative;
  z-index: 2;
}
.our-experties-outer.azure-experties-outer .our-experties-main .our-experties-bx .our-ex-ico {
  background: url(../images/expeties-azure-ico-bg.webp) no-repeat;
  position: relative;
  z-index: 2;
}
.our-experties-outer.azure-experties-outer .our-experties-main .our-experties-bx:hover {
  background: #fff;
  box-shadow: 14px 18px 7.2px -5px rgba(171, 171, 171, 0.2509803922);
}
.our-experties-outer.azure-experties-outer .our-experties-main .our-experties-bx:hover .our-ex-ico {
  background: none;
}
.our-experties-outer.azure-experties-outer .our-experties-main .our-experties-bx:hover:before {
  filter: blur(11px);
  background: linear-gradient(278.99deg, #FF00FF 4.48%, #00B4FF 96.89%);
}
@media screen and (max-width: 1199px) {
  .our-experties-outer.azure-experties-outer .our-experties-main .our-experties-bx {
    padding: 30px;
  }
}
@media screen and (max-width: 991px) {
  .our-experties-outer.azure-experties-outer .our-experties-main .our-experties-bx {
    width: calc(50% - 20px);
    padding: 20px;
  }
}
@media screen and (max-width: 600px) {
  .our-experties-outer.azure-experties-outer .our-experties-main .our-experties-bx {
    width: 100%;
    padding: 15px;
  }
}

.our-experties-outer.mobilty-our-experies-outer {
  background-size: 100% 100% !important;
}
.our-experties-outer.mobilty-our-experies-outer .our-experties-main {
  gap: 30px;
  justify-content: center;
}
.our-experties-outer.mobilty-our-experies-outer .our-experties-main .our-experties-bx {
  border: 1px solid #3D3D3D;
  border-radius: 16px;
  width: calc(33.33% - 21px);
  position: relative;
  padding: 40px 51px;
}
.our-experties-outer.mobilty-our-experies-outer .our-experties-main .our-experties-bx:hover {
  background: #fff;
}
@media screen and (max-width: 1199px) {
  .our-experties-outer.mobilty-our-experies-outer .our-experties-main .our-experties-bx {
    padding: 30px;
  }
}
@media screen and (max-width: 991px) {
  .our-experties-outer.mobilty-our-experies-outer .our-experties-main .our-experties-bx {
    width: calc(50% - 20px);
    padding: 20px;
  }
}
@media screen and (max-width: 600px) {
  .our-experties-outer.mobilty-our-experies-outer .our-experties-main .our-experties-bx {
    width: 100%;
    padding: 15px;
  }
}

.our-experties-outer.Google-experties-outer {
  background: linear-gradient(180.13deg, #4285F4 0.11%, #28AF4C 99.89%);
}
.our-experties-outer.Google-experties-outer .head h2 span {
  color: #FBBC04;
  font-size: inherit;
  line-height: inherit;
  display: inline-block;
  letter-spacing: 0;
}
.our-experties-outer.Google-experties-outer .our-experties-main {
  gap: 30px;
  justify-content: center;
}
.our-experties-outer.Google-experties-outer .our-experties-main .our-experties-bx {
  border: 1px solid #fff;
  border-radius: 16px;
  width: calc(33.33% - 21px);
  padding: 40px 51px;
  position: relative;
}
.our-experties-outer.Google-experties-outer .our-experties-main .our-experties-bx .our-ex-ico {
  background: url(../images/google-partner-expeties-ico-bg.webp) no-repeat;
  position: relative;
  z-index: 2;
}
.our-experties-outer.Google-experties-outer .our-experties-main .our-experties-bx:hover {
  background: #fff;
}
@media screen and (max-width: 1199px) {
  .our-experties-outer.Google-experties-outer .our-experties-main .our-experties-bx {
    padding: 30px;
  }
}
@media screen and (max-width: 991px) {
  .our-experties-outer.Google-experties-outer .our-experties-main .our-experties-bx {
    width: calc(50% - 20px);
    padding: 20px;
  }
}
@media screen and (max-width: 600px) {
  .our-experties-outer.Google-experties-outer .our-experties-main .our-experties-bx {
    width: 100%;
    padding: 15px;
  }
}

.our-solutions.solution-page-solution {
  background: #000;
}
.our-solutions.solution-page-solution .head {
  padding-bottom: 30px;
}
.our-solutions.solution-page-solution .head h2 {
  color: #fff;
  margin-bottom: 15px;
}
.our-solutions.solution-page-solution .head p {
  color: #fff;
}
.our-solutions.solution-page-solution .solution-box figure figcaption h3 {
  font-size: 30px;
}
@media screen and (max-width: 1399px) {
  .our-solutions.solution-page-solution .solution-box figure figcaption h3 {
    font-size: 27px;
  }
}
@media screen and (max-width: 1024px) {
  .our-solutions.solution-page-solution .solution-box figure figcaption h3 {
    font-size: 25px;
  }
}
.our-solutions.solution-page-solution .solution-box figure figcaption a {
  background: linear-gradient(259.44deg, #9DA8FB 25.03%, #9266FD 90.57%);
  padding: 9px 23px;
  display: inline-block;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
  line-height: 19px;
  text-decoration: none;
  transition: all 0.5s;
}
.our-solutions.solution-page-solution .solution-box figure figcaption a img {
  margin-left: 8px;
  max-width: 17px;
  display: inline-block;
  width: auto;
  transition: all 0.5s;
  height: auto;
}
.our-solutions.solution-page-solution .solution-box figure figcaption a:hover {
  background: linear-gradient(259.44deg, #9266FD 25.03%, #9DA8FB 90.57%);
}
.our-solutions.solution-page-solution .solution-box figure figcaption a:hover img {
  margin-left: 10px;
}
.our-solutions.solution-page-solution .solution-box:hover figure figcaption h3 {
  font-size: 22px;
}

.appi_portfolio_panel {
  position: relative;
  overflow: hidden;
  padding-top: 0px;
  min-height: 100vh;
  background: #000;
  background-size: cover;
  display: none;
}
.appi_portfolio_panel .showcase_panel {
  position: relative;
  padding-bottom: 50px;
  height: 100vh;
  display: flex;
  align-items: center;
}
.appi_portfolio_panel .showcase_panel .showcase {
  position: relative;
  display: flex;
  height: 70vh;
  width: 100%;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  z-index: 1;
}
.appi_portfolio_panel .showcase_panel .showcase .showcase_inner {
  position: relative;
  overflow: hidden;
  width: 55%;
  height: 100%;
}
.appi_portfolio_panel .showcase_panel .showcase .showcase_inner .showcase_card {
  padding-left: 55px;
  position: absolute;
  left: 0;
  top: 0px;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  transform: translateY(0%);
  opacity: 0;
  color: #fff;
  padding-right: 55px;
  display: flex;
  align-content: start;
  flex-wrap: wrap;
}
.appi_portfolio_panel .showcase_panel .showcase .showcase_inner .showcase_card:first-child {
  opacity: 1;
  transform: translateY(0);
}
.appi_portfolio_panel .showcase_panel .showcase .showcase_inner .showcase_card h3 {
  font-size: 30px;
  font-family: "Graphik Semibold";
  line-height: 36px;
  color: #fff;
  padding-bottom: 10px;
  width: 100%;
  min-height: 130px;
}
@media screen and (max-width: 991px) {
  .appi_portfolio_panel .showcase_panel .showcase .showcase_inner .showcase_card h3 {
    font-size: 25px;
    line-height: 30px;
  }
  .appi_portfolio_panel .showcase_panel .showcase .showcase_inner .showcase_card h3 br {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .appi_portfolio_panel .showcase_panel .showcase .showcase_inner .showcase_card h3 {
    width: 100%;
  }
}
.appi_portfolio_panel .showcase_panel .showcase .showcase_inner .showcase_card p {
  color: #fff;
  width: 100%;
  padding-right: 18%;
  line-height: 25px;
  min-height: 160px;
}
@media screen and (max-width: 991px) {
  .appi_portfolio_panel .showcase_panel .showcase .showcase_inner .showcase_card p {
    padding-right: 0px;
  }
}
.appi_portfolio_panel .showcase_panel .showcase .showcase_inner .showcase_card a.learn-more {
  background: linear-gradient(259.44deg, #9DA8FB 25.03%, #9266FD 90.57%);
  padding: 9px 23px;
  display: inline-block;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
  line-height: 19px;
  text-decoration: none;
  transition: all 0.5s;
}
.appi_portfolio_panel .showcase_panel .showcase .showcase_inner .showcase_card a.learn-more img {
  margin-left: 8px;
  max-width: 17px;
  display: inline-block;
  width: auto;
  transition: all 0.5s;
  height: auto;
}
.appi_portfolio_panel .showcase_panel .showcase .showcase_inner .showcase_card a.learn-more:hover {
  background: linear-gradient(259.44deg, #9266FD 25.03%, #9DA8FB 90.57%);
}
.appi_portfolio_panel .showcase_panel .showcase .showcase_inner .showcase_card a.learn-more:hover img {
  margin-left: 10px;
}
@media screen and (max-width: 991px) {
  .appi_portfolio_panel .showcase_panel .showcase .showcase_inner .showcase_card {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media screen and (max-width: 767px) {
  .appi_portfolio_panel .showcase_panel .showcase .showcase_inner {
    width: 100%;
  }
}
.appi_portfolio_panel .showcase_panel .showcase .showcase_visuals {
  position: relative;
  overflow: hidden;
  width: 45%;
  height: 100%;
}
.appi_portfolio_panel .showcase_panel .showcase .showcase_visuals .showcase_view {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 1 !important;
  visibility: visible !important;
  line-height: 0px;
}
.appi_portfolio_panel .showcase_panel .showcase .showcase_visuals .showcase_view img {
  width: 100%;
  border-radius: 17px;
}
.appi_portfolio_panel .showcase_panel .showcase .showcase_visuals .showcase_view:last-child {
  height: 100% !important;
}
@media screen and (max-width: 767px) {
  .appi_portfolio_panel .showcase_panel .showcase .showcase_visuals {
    display: none;
  }
}
.appi_portfolio_panel .showcase_panel .showcase .scr_bar {
  height: calc(100% - 70px);
  width: 4px;
  background: #373737;
  border-radius: 100px;
  position: absolute;
  left: 20px;
  top: 0;
}
.appi_portfolio_panel .showcase_panel .showcase .scr_bar .bar {
  position: absolute;
  left: 0px;
  top: 0;
  width: 5px;
  height: 33%;
  background: linear-gradient(259.44deg, #9DA8FB 25.03%, #9266FD 90.57%);
  content: "";
  border-radius: 60px;
}
@media screen and (max-width: 1024px) {
  .appi_portfolio_panel .showcase_panel .showcase .scr_bar {
    height: 338px;
  }
}
@media screen and (max-width: 991px) {
  .appi_portfolio_panel .showcase_panel .showcase .scr_bar {
    left: 0px;
    height: 438px;
  }
}
@media screen and (max-width: 991px) {
  .appi_portfolio_panel .showcase_panel .showcase {
    margin-top: 40px;
  }
}
.appi_portfolio_panel .showcase_panel .head h2 {
  color: #fff;
  margin: 0;
}
.appi_portfolio_panel::after {
  position: absolute;
  width: 40%;
  height: 100%;
  content: "";
  bottom: 0px;
  right: 0px;
  background: url(../images/case-bg-af.png) no-repeat;
  background-size: cover;
  background-blend-mode: lighten;
}
@media screen and (max-width: 767px) {
  .appi_portfolio_panel::after {
    bottom: 100px;
  }
}
@media screen and (max-width: 1023px) {
  .appi_portfolio_panel {
    display: none;
  }
}

.bolg-outer {
  width: 100%;
  padding: 60px 0px;
  overflow: hidden;
}
.bolg-outer .head {
  padding-bottom: 40px;
}
.bolg-outer .head h2 {
  color: #06ABBF;
  margin: 0;
}
@media screen and (max-width: 1399px) {
  .bolg-outer .head h2 {
    font-size: 45px;
  }
}
@media screen and (max-width: 991px) {
  .bolg-outer .head h2 {
    font-size: 28px;
    line-height: 38px;
  }
}
.bolg-outer .blog-main {
  display: flex;
  flex-wrap: wrap;
  z-index: 2;
}
.bolg-outer .blog-main .slick-track {
  display: flex;
}
.bolg-outer .blog-main .blog-bx {
  width: 33.33%;
  padding: 0px 20px;
  display: flex;
  margin-bottom: 30px;
  transform: translateY(0px);
  transition: all 0.5s;
  position: relative;
  height: auto;
}
.bolg-outer .blog-main .blog-bx .blog-area {
  padding: 0px 0px 60px;
  position: relative;
  width: 100%;
  z-index: 1;
}
.bolg-outer .blog-main .blog-bx .blog-area figure {
  position: relative;
  z-index: 1;
  margin-bottom: 28px;
  overflow: hidden;
  height: 200px;
  transition: all 1s;
  display: flex;
  width: 100%;
}
.bolg-outer .blog-main .blog-bx .blog-area figure img {
  width: 100%;
  transition: all 1s;
  -o-object-fit: cover;
     object-fit: cover;
}
.bolg-outer .blog-main .blog-bx .blog-area figure a {
  display: flex;
  width: 100%;
}
.bolg-outer .blog-main .blog-bx .blog-area label {
  font-size: 12px;
  line-height: 20px;
  color: #004280;
  position: relative;
  z-index: 1;
  display: block;
  margin-bottom: 10px;
}
.bolg-outer .blog-main .blog-bx .blog-area h5 {
  font-size: 18px;
  line-height: 25px;
  font-family: "Graphik Medium";
  color: #000000;
  position: relative;
  z-index: 1;
  padding-bottom: 15px;
  min-height: 90px;
}
.bolg-outer .blog-main .blog-bx .blog-area h5 a {
  text-decoration: none;
  color: #242424;
}
.bolg-outer .blog-main .blog-bx .blog-area h5 a:hover {
  color: #06ABBF;
}
.bolg-outer .blog-main .blog-bx .blog-area p {
  color: #000000;
}
.bolg-outer .blog-main .blog-bx .blog-area p a {
  color: #000000;
  text-decoration: none;
}
.bolg-outer .blog-main .blog-bx .blog-area .blog-arrow-btn {
  font-size: 16px;
  font-family: "Graphik Bold";
  color: #06ABBF;
  text-decoration: none;
  position: absolute;
  bottom: 30px;
  left: 0px;
}
.bolg-outer .blog-main .blog-bx .blog-area .blog-arrow-btn img {
  margin-left: 10px;
  transition: all 0.5s;
  display: inline-block;
}
.bolg-outer .blog-main .blog-bx .blog-area .blog-arrow-btn:hover {
  color: #000;
}
.bolg-outer .blog-main .blog-bx .blog-area .blog-arrow-btn:hover img {
  margin-left: 15px;
}
.bolg-outer .blog-main .blog-bx .blog-area:hover figure img {
  transform: scale(1.1);
}
@media screen and (max-width: 991px) {
  .bolg-outer .blog-main .blog-bx {
    width: 50%;
  }
  .bolg-outer .blog-main .blog-bx:last-child {
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 600px) {
  .bolg-outer .blog-main .blog-bx {
    width: 100%;
  }
}
.bolg-outer .blog-main .blog-bx::after {
  left: 0px;
  width: 100%;
  height: 0;
  content: "";
  position: absolute;
  background: linear-gradient(180deg, #FDFAFE 0%, #B3EAF1 100%);
  transition: all 0.5s;
  bottom: 0px;
  right: 0px;
}
.bolg-outer .blog-main .blog-bx.slick-center::after {
  width: 100%;
  height: 100%;
}
.bolg-outer .blog-main .blog-bx.slick-center .blog-area figure {
  transform: scale(1.06);
}
.bolg-outer .blog-main .slick-arrow {
  width: 51px;
  height: 51px;
  border: 1px solid #3A3A3A;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9;
}
.bolg-outer .blog-main .slick-arrow::before {
  background: url(../images/arrow-use-slide.png) no-repeat;
  font-size: 0;
  color: transparent;
  width: 26px;
  height: 16px;
  filter: invert(100);
}
.bolg-outer .blog-main .slick-arrow:hover {
  border-color: #06ABBF;
  background: #06ABBF;
}
.bolg-outer .blog-main .slick-arrow:hover:before {
  filter: invert(0);
}
@media screen and (max-width: 1450px) {
  .bolg-outer .blog-main .slick-arrow {
    background: #fff;
    top: 196px;
  }
}
@media screen and (max-width: 576px) {
  .bolg-outer .blog-main .slick-arrow {
    width: 45px;
    height: 45px;
  }
}
.bolg-outer .blog-main .slick-prev {
  left: -57px;
}
@media screen and (max-width: 1450px) {
  .bolg-outer .blog-main .slick-prev {
    left: 0px;
  }
}
.bolg-outer .blog-main .slick-next {
  right: -57px;
}
@media screen and (max-width: 1450px) {
  .bolg-outer .blog-main .slick-next {
    right: 0px;
  }
}
.bolg-outer .blog-main .slick-next::before {
  transform: rotate(180deg);
}

.faq-outer {
  background: url(../images/faq-bg.webp) no-repeat;
  background-size: cover;
  padding: 60px 0px;
}
.faq-outer .head {
  padding-bottom: 30px;
}
.faq-outer .head span {
  color: #fff;
}
.faq-outer .head h2 {
  color: #fff;
}
@media screen and (max-width: 1399px) {
  .faq-outer .head h2 {
    font-size: 45px;
  }
}
@media screen and (max-width: 991px) {
  .faq-outer .head h2 {
    font-size: 28px;
    line-height: 38px;
  }
}
.faq-outer .faq-main .accordion-item {
  background: none;
  border: none;
  border-bottom: 1px solid #2E2E2E;
}
.faq-outer .faq-main .accordion-item .accordion-button:not(.collapsed) {
  background: none;
  box-shadow: none;
}
.faq-outer .faq-main .accordion-item .accordion-button:not(.collapsed)::after {
  background: url(../images/faq-minus.png) no-repeat center;
  transform: unset !important;
  top: 42px;
  right: 0px;
}
@media screen and (max-width: 991px) {
  .faq-outer .faq-main .accordion-item .accordion-button:not(.collapsed)::after {
    top: 21px;
  }
}
.faq-outer .faq-main .accordion-item .accordion-button {
  background: none;
  position: relative;
  padding: 35px 35px 35px 0px;
  font-size: 22px;
  line-height: 41px;
  color: #fff;
  z-index: 2;
  outline: none !important;
  box-shadow: none;
  font-family: "Graphik Medium";
}
.faq-outer .faq-main .accordion-item .accordion-button::after {
  background: url(../images/faq-plus.png) no-repeat center;
  width: 25px;
  height: 25px;
  transform: unset !important;
  background-size: 100%;
  position: absolute;
  right: 0px;
  top: 42px;
}
@media screen and (max-width: 991px) {
  .faq-outer .faq-main .accordion-item .accordion-button::after {
    top: 21px;
  }
}
.faq-outer .faq-main .accordion-item .accordion-button:hover {
  color: #06ABBF;
}
@media screen and (max-width: 991px) {
  .faq-outer .faq-main .accordion-item .accordion-button {
    padding: 15px 15px 15px 0px;
  }
}
@media screen and (max-width: 991px) {
  .faq-outer .faq-main .accordion-item .accordion-button {
    font-size: 18px;
    line-height: 28px;
    padding-right: 40px;
  }
}
.faq-outer .faq-main .accordion-item:has(.accordion-button:not(.collapsed)) .accordion-button {
  padding-bottom: 0px;
  color: #fff;
}
.faq-outer .faq-main .accordion-item:has(.accordion-button:not(.collapsed)) .accordion-button:hover {
  color: #06ABBF;
}
@media screen and (max-width: 991px) {
  .faq-outer .faq-main .accordion-item:has(.accordion-button:not(.collapsed)) .accordion-button {
    padding-top: 15px;
  }
}
.faq-outer .faq-main .accordion-item .accordion-body {
  padding-left: 0px;
  padding-bottom: 20px;
}
.faq-outer .faq-main .accordion-item .accordion-body p {
  color: #fff;
  margin-bottom: 15px;
}
@media screen and (max-width: 600px) {
  .faq-outer .faq-main .accordion-item .accordion-body p {
    font-size: 15px;
    line-height: 22px;
  }
}
.faq-outer .faq-main .accordion-item .accordion-body ul {
  margin-bottom: 30px;
}
.faq-outer .faq-main .accordion-item .accordion-body ul li {
  font-size: var(--tp-fz-p);
  color: #fff;
  font-weight: var(--tp-fw-regular);
  padding-left: 25px;
  background: url(../images/arrow1-btn.svg) no-repeat 0px 5px;
  margin-bottom: 15px;
}
@media screen and (max-width: 600px) {
  .faq-outer .faq-main .accordion-item .accordion-body ul li {
    font-size: 15px;
    line-height: 22px;
  }
}
.faq-outer .faq-main .accordion-item:last-child {
  margin-bottom: 0px;
}
.faq-outer .faq-main .view-more {
  margin-top: 35px;
  text-align: center;
}
.faq-outer .faq-main .view-more .learn-more {
  background: linear-gradient(259.44deg, #9DA8FB 25.03%, #9266FD 90.57%);
  padding: 9px 23px;
  display: inline-block;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
  line-height: 19px;
  text-decoration: none;
  transition: all 0.5s;
  border: transparent;
}
.faq-outer .faq-main .view-more .learn-more img {
  margin-left: 8px;
  max-width: 17px;
  display: inline-block;
  width: auto;
  transition: all 0.5s;
  height: auto;
}
.faq-outer .faq-main .view-more .learn-more:hover {
  background: linear-gradient(259.44deg, #9266FD 25.03%, #9DA8FB 90.57%);
}
.faq-outer .faq-main .view-more .learn-more:hover img {
  margin-left: 10px;
}

.case-study-mobile-outer {
  padding: 60px 0px;
  background: #000;
  display: none;
}
.case-study-mobile-outer .head {
  padding-bottom: 30px;
}
.case-study-mobile-outer .head h2 {
  color: #fff;
}
.case-study-mobile-outer .slick-track {
  display: flex;
}
.case-study-mobile-outer .case-study-row {
  margin: 0px 10px;
  padding-bottom: 54px;
  position: relative;
  height: auto;
}
.case-study-mobile-outer .case-study-row figure {
  margin-bottom: 30px;
  height: 335px;
  display: flex;
  border-radius: 8px;
}
.case-study-mobile-outer .case-study-row figure img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
  -o-object-position: top;
     object-position: top;
}
@media screen and (max-width: 991px) {
  .case-study-mobile-outer .case-study-row figure {
    height: 235px;
  }
}
.case-study-mobile-outer .case-study-row .case-study-text h3 {
  font-size: 25px;
  font-family: "Graphik Semibold";
  line-height: 30px;
  color: #fff;
  padding-bottom: 10px;
  width: 100%;
  min-height: unset;
}
.case-study-mobile-outer .case-study-row .case-study-text p {
  color: #fff;
  width: 100%;
  line-height: 25px;
}
.case-study-mobile-outer .case-study-row .case-study-text a.learn-more {
  background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
  padding: 9px 23px;
  display: inline-block;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
  line-height: 19px;
  text-decoration: none;
  transition: all 0.5s;
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.case-study-mobile-outer .case-study-row .case-study-text a.learn-more img {
  margin-left: 8px;
  max-width: 17px;
  display: inline-block;
  width: auto;
  transition: all 0.5s;
  height: auto;
}
.case-study-mobile-outer .case-study-row .case-study-text a.learn-more:hover {
  background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}
.case-study-mobile-outer .case-study-row .case-study-text a.learn-more:hover img {
  margin-left: 10px;
}
@media screen and (max-width: 1023px) {
  .case-study-mobile-outer {
    display: none;
  }
}
.case-study-mobile-outer .slick-arrow {
  width: 45px;
  height: 45px;
  border: 1px solid #3A3A3A;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9;
  top: 229px;
  background: #fff;
}
.case-study-mobile-outer .slick-arrow::before {
  background: url(../images/arrow-use-slide.png) no-repeat;
  font-size: 0;
  color: transparent;
  width: 26px;
  height: 16px;
  filter: invert(100);
}
.case-study-mobile-outer .slick-arrow:hover {
  border-color: #06ABBF;
  background: #06ABBF;
}
.case-study-mobile-outer .slick-arrow:hover:before {
  filter: invert(0);
}
.case-study-mobile-outer .slick-prev {
  left: 0px;
}
.case-study-mobile-outer .slick-next {
  right: 0px;
}
.case-study-mobile-outer .slick-next::before {
  transform: rotate(180deg);
}

.grow-up-outer {
  position: relative;
  background: #000;
}
.grow-up-outer .grow-tile {
  position: absolute;
  top: 0px;
  bottom: 128px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.grow-up-outer .grow-tile h2 {
  font-size: 90px;
  font-family: "Graphik Bold";
  line-height: 108%;
  color: white;
  text-align: center;
}
@media screen and (max-width: 1399px) {
  .grow-up-outer .grow-tile h2 {
    font-size: 75px;
  }
}
@media screen and (max-width: 1280px) {
  .grow-up-outer .grow-tile h2 {
    font-size: 45px;
  }
}
@media screen and (max-width: 991px) {
  .grow-up-outer .grow-tile h2 {
    font-size: 45px;
  }
}
@media screen and (max-width: 767px) {
  .grow-up-outer .grow-tile h2 {
    font-size: 45px;
  }
}
@media screen and (max-width: 1280px) {
  .grow-up-outer .grow-tile {
    bottom: unset;
    top: 45px;
  }
}
@media screen and (max-width: 991px) {
  .grow-up-outer .grow-tile {
    padding-bottom: 40px;
    position: static;
  }
}
.grow-up-outer .grow-speeker {
  display: flex;
}
.grow-up-outer .grow-speeker .grow-bx {
  position: relative;
  width: 50%;
  overflow: hidden;
}
.grow-up-outer .grow-speeker .grow-bx figure {
  margin-bottom: 0px;
}
.grow-up-outer .grow-speeker .grow-bx figure img {
  width: 100%;
}
@media screen and (max-width: 991px) {
  .grow-up-outer .grow-speeker .grow-bx figure {
    height: 350px;
    display: flex;
  }
  .grow-up-outer .grow-speeker .grow-bx figure img {
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media screen and (max-width: 370px) {
  .grow-up-outer .grow-speeker .grow-bx figure {
    height: 402px;
  }
}
.grow-up-outer .grow-speeker .grow-bx .grow-link {
  text-align: center;
  position: absolute;
  bottom: -216px;
  left: 0px;
  width: 100%;
  z-index: 2;
  transition: all 0.5s;
  top: 0;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-end;
  justify-content: center;
  padding: 0px 20px 36px;
}
.grow-up-outer .grow-speeker .grow-bx .grow-link h3 {
  font-size: 20px;
  line-height: 100%;
  color: #fff;
  text-decoration: none;
  font-family: "Graphik Semibold";
  text-transform: capitalize;
  transition: all 0.5s;
  border: 2px solid #fff;
  padding: 10px 21px;
  border-radius: 6px;
  cursor: pointer;
  margin-bottom: 38px;
}
@media screen and (max-width: 1399px) {
  .grow-up-outer .grow-speeker .grow-bx .grow-link h3 {
    font-size: 25px;
  }
}
@media screen and (max-width: 576px) {
  .grow-up-outer .grow-speeker .grow-bx .grow-link h3 {
    font-size: 20px;
  }
}
.grow-up-outer .grow-speeker .grow-bx .grow-link h4 {
  font-size: 20px;
  line-height: 100%;
  color: #fff;
  text-decoration: none;
  font-family: "Graphik Medium";
  text-transform: capitalize;
  transition: all 0.5s;
  padding-bottom: 15px;
  width: 100%;
}
@media screen and (max-width: 1399px) {
  .grow-up-outer .grow-speeker .grow-bx .grow-link h4 {
    font-size: 18px;
  }
}
@media screen and (max-width: 576px) {
  .grow-up-outer .grow-speeker .grow-bx .grow-link h4 {
    font-size: 16px;
  }
}
.grow-up-outer .grow-speeker .grow-bx .grow-link p {
  color: #fff;
  min-height: 80px;
  padding: 0px 10%;
}
@media screen and (max-width: 1340px) {
  .grow-up-outer .grow-speeker .grow-bx .grow-link p {
    padding: 0px;
  }
}
@media screen and (max-width: 991px) {
  .grow-up-outer .grow-speeker .grow-bx .grow-link p {
    padding: 0px 16%;
  }
}
@media screen and (max-width: 576px) {
  .grow-up-outer .grow-speeker .grow-bx .grow-link p {
    padding: 0px;
  }
}
.grow-up-outer .grow-speeker .grow-bx .grow-link a {
  background: linear-gradient(259.44deg, #9DA8FB 25.03%, #9266FD 90.57%);
  padding: 9px 23px;
  display: inline-block;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
  line-height: 19px;
  text-decoration: none;
  transition: all 0.5s;
  background: linear-gradient(93.16deg, #FF7CFC 16.98%, #FF49D1 80.54%);
}
.grow-up-outer .grow-speeker .grow-bx .grow-link a img {
  margin-left: 8px;
  max-width: 17px;
  display: inline-block;
  width: auto;
  transition: all 0.5s;
  height: auto;
}
.grow-up-outer .grow-speeker .grow-bx .grow-link a:hover {
  background: linear-gradient(259.44deg, #9266FD 25.03%, #9DA8FB 90.57%);
}
.grow-up-outer .grow-speeker .grow-bx .grow-link a:hover img {
  margin-left: 10px;
}
.grow-up-outer .grow-speeker .grow-bx .grow-link a img {
  margin-left: 10px;
  vertical-align: middle;
}
.grow-up-outer .grow-speeker .grow-bx .grow-link a:hover {
  background: linear-gradient(93.16deg, #FF49D1 16.98%, #FF7CFC 80.54%);
}
@media screen and (max-width: 1024px) {
  .grow-up-outer .grow-speeker .grow-bx .grow-link {
    bottom: unset;
    top: 85%;
  }
}
@media screen and (max-width: 991px) {
  .grow-up-outer .grow-speeker .grow-bx .grow-link {
    bottom: unset;
    padding-bottom: 30px;
    top: 80%;
  }
}
@media screen and (max-width: 576px) {
  .grow-up-outer .grow-speeker .grow-bx .grow-link {
    top: 82%;
  }
}
@media screen and (max-width: 370px) {
  .grow-up-outer .grow-speeker .grow-bx .grow-link {
    top: 84%;
  }
}
@media screen and (max-width: 991px) {
  .grow-up-outer .grow-speeker .grow-bx {
    width: 100%;
  }
}
.grow-up-outer .grow-speeker .grow-bx:hover .grow-link {
  bottom: 0px;
}
@media screen and (max-width: 1024px) {
  .grow-up-outer .grow-speeker .grow-bx:hover .grow-link {
    bottom: unset;
    top: 33%;
  }
}
@media screen and (max-width: 991px) {
  .grow-up-outer .grow-speeker .grow-bx:hover .grow-link {
    bottom: unset;
    top: 60px;
  }
}
@media screen and (max-width: 991px) {
  .grow-up-outer .grow-speeker {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 991px) {
  .grow-up-outer {
    padding-top: 60px;
  }
}

.staff-model-form .modal-dialog {
  margin-top: 50px;
  max-width: 600px;
}
.staff-model-form .modal-dialog .modal-content {
  background: url(../images/contact-form-bg.webp) no-repeat;
  background-size: auto;
  background-size: 100% 100%;
  padding: 35px 34px;
}
.staff-model-form .modal-dialog .modal-content .btn-close {
  position: absolute;
  width: 35px;
  height: 35px;
  border-radius: 100%;
  background-color: #fff;
  right: -16px;
  top: -15px;
  opacity: 1;
}
@media screen and (max-width: 576px) {
  .staff-model-form .modal-dialog .modal-content .btn-close {
    width: 30px;
    height: 30px;
    right: -8px;
  }
}
.staff-model-form .modal-dialog .modal-content .modal-body {
  padding: 0px;
}
.staff-model-form .modal-dialog .modal-content .modal-body form {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.staff-model-form .modal-dialog .modal-content .modal-body .model-bx {
  width: calc(50% - 10px);
}
.staff-model-form .modal-dialog .modal-content .modal-body .model-bx p {
  margin-bottom: 0px;
}
.staff-model-form .modal-dialog .modal-content .modal-body .model-bx input {
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: transparent;
  color: rgba(255, 255, 255, 0.6);
  border-radius: 8px;
  width: 100%;
  height: 48px;
  padding: 0px 20px;
  box-shadow: none !important;
  outline: none !important;
  line-height: 48px;
  font-size: 14px;
}
.staff-model-form .modal-dialog .modal-content .modal-body .model-bx input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
  opacity: 1;
}
.staff-model-form .modal-dialog .modal-content .modal-body .model-bx input::placeholder {
  color: rgba(255, 255, 255, 0.6);
  opacity: 1;
}
.staff-model-form .modal-dialog .modal-content .modal-body .model-bx select {
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: transparent;
  color: rgba(255, 255, 255, 0.6);
  border-radius: 8px;
  width: 100%;
  height: 48px;
  padding: 0px 20px;
  box-shadow: none !important;
  outline: none !important;
  line-height: 48px;
  font-size: 14px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: url(../images/select-ico.png) no-repeat 97% center;
}
.staff-model-form .modal-dialog .modal-content .modal-body .model-bx select option {
  color: #000;
}
.staff-model-form .modal-dialog .modal-content .modal-body .model-bx textarea {
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: transparent;
  color: rgba(255, 255, 255, 0.6);
  border-radius: 8px;
  width: 100%;
  height: 130px;
  padding: 5px 20px;
  box-shadow: none !important;
  outline: none !important;
  line-height: 20px;
  font-size: 14px;
}
.staff-model-form .modal-dialog .modal-content .modal-body .model-bx textarea::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
  opacity: 1;
}
.staff-model-form .modal-dialog .modal-content .modal-body .model-bx textarea::placeholder {
  color: rgba(255, 255, 255, 0.6);
  opacity: 1;
}
.staff-model-form .modal-dialog .modal-content .modal-body .model-bx .submit {
  background: #9266FD;
  width: 194px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  transition: all 0.3s;
  border: none;
  color: #fff;
  border-radius: 17px;
}
.staff-model-form .modal-dialog .modal-content .modal-body .model-bx .submit:hover {
  background: #fff;
  color: #9266FD;
}
.staff-model-form .modal-dialog .modal-content .modal-body .model-bx .wpcf7-spinner {
  position: absolute;
}
.staff-model-form .modal-dialog .modal-content .modal-body .model-bx.full {
  width: calc(100% - 10px);
}
@media screen and (max-width: 576px) {
  .staff-model-form .modal-dialog .modal-content {
    padding: 25px 15px;
  }
}

.talent-outer {
  padding: 60px 0px;
  background: url(../images/team-computer-bg.webp) no-repeat;
  background-size: cover;
}
.talent-outer .talent-main ul {
  display: flex;
  flex-wrap: nowrap;
  border-bottom: 1px solid #A3A3A3;
  justify-content: center;
}
.talent-outer .talent-main ul li {
  padding: 0px 10px;
  width: 25%;
  text-align: center;
}
.talent-outer .talent-main ul li button {
  padding: 0px 0px 20px;
  border: none !important;
  background: none !important;
  line-height: 124%;
  margin: 0px;
  font-size: 24px;
  color: #000000;
  font-family: "Graphik Medium";
  position: relative;
  margin: 0 auto;
}
.talent-outer .talent-main ul li button::after {
  position: absolute;
  left: 0px;
  height: 6px;
  background: #C116A7;
  content: "";
  width: 0px;
  transition: all 0.5s;
  bottom: -3px;
}
.talent-outer .talent-main ul li button.active {
  color: #C116A7;
}
.talent-outer .talent-main ul li button.active::after {
  width: 100%;
}
@media screen and (max-width: 991px) {
  .talent-outer .talent-main ul {
    display: none;
  }
}
.talent-outer .talent-main .tab-content .tab-pane {
  background: none !important;
  border: none;
  padding: 10px 0px;
}
.talent-outer .talent-main .tab-content .tab-pane .accordion-collapse .accordion-body {
  padding: 0px;
  padding-top: 20px;
}
.talent-outer .talent-main .tab-content .tab-pane .accordion-collapse .accordion-body ul {
  display: flex;
  gap: 17px 24px;
  flex-wrap: wrap;
  justify-content: center;
  border-bottom: none;
}
.talent-outer .talent-main .tab-content .tab-pane .accordion-collapse .accordion-body ul li {
  width: calc(25% - 19px);
  padding: 16px 8px;
  border: 1px solid #FF62E7;
  background: #fff;
  text-align: center;
  border-radius: 5px;
  font-size: 18px;
  line-height: 124%;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s;
  box-shadow: 0px 20px 48px 0px rgba(242, 211, 237, 0.5411764706);
  cursor: pointer;
}
@media screen and (max-width: 991px) {
  .talent-outer .talent-main .tab-content .tab-pane .accordion-collapse .accordion-body ul li {
    width: calc(33.33% - 16px);
  }
}
@media screen and (max-width: 600px) {
  .talent-outer .talent-main .tab-content .tab-pane .accordion-collapse .accordion-body ul li {
    width: calc(50% - 16px);
  }
}
@media screen and (max-width: 414px) {
  .talent-outer .talent-main .tab-content .tab-pane .accordion-collapse .accordion-body ul li {
    width: 100%;
  }
}
.talent-outer .talent-main .tab-content .tab-pane .accordion-collapse .accordion-body ul li:hover {
  color: #fff;
  background: #C116A7;
}
@media screen and (max-width: 414px) {
  .talent-outer .talent-main .tab-content .tab-pane .accordion-collapse .accordion-body ul {
    gap: 20px 0px;
  }
}
@media screen and (max-width: 991px) {
  .talent-outer .talent-main .tab-content .tab-pane {
    display: block;
    opacity: 1;
  }
}
.talent-outer .talent-main .tab-content .tab-pane .accordion-header .accordion-button {
  font-size: 20px;
  color: #C116A7;
  font-family: "Graphik Medium";
  line-height: 124%;
}
.talent-outer .talent-main .tab-content .tab-pane .accordion-header .accordion-button.collapsed {
  color: #000000;
}

.long-term-outer {
  background-size: cover !important;
  background: url(../images/staff-journey-bg.webp) no-repeat;
  padding: 60px 50px;
}
.long-term-outer .head {
  padding: 0px 15px 30px;
}
.long-term-outer .head h2 {
  color: #fff;
}
.long-term-outer .head p {
  color: #fff;
}
.long-term-outer .long-term-main {
  position: relative;
  max-width: 1511px;
  margin: 0 auto;
  padding: 202px 270px 0px;
}
@media screen and (max-width: 1023px) {
  .long-term-outer .long-term-main {
    position: static;
    padding: 0px 15px;
  }
}
.long-term-outer figure img {
  max-width: 100%;
  margin: 0 auto;
  display: block;
  transform: scale(0.97);
}
@media screen and (max-width: 1023px) {
  .long-term-outer figure {
    display: none;
  }
}
.long-term-outer figure:hover {
  transform: unset;
}
.long-term-outer .mobile-long-term {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  bottom: 0px;
  display: flex;
}
.long-term-outer .mobile-long-term ul li {
  margin-bottom: 10px;
  display: flex;
  position: absolute;
  bottom: 0px;
  left: 20px;
  width: 256px;
  transition: all 0.5s;
  transform: scale(0.97);
}
.long-term-outer .mobile-long-term ul li .staf-ico {
  min-width: 100px;
  border: 2px dotted #fff;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
  margin-bottom: 20px;
  display: none;
}
.long-term-outer .mobile-long-term ul li .staf-ico img {
  width: 45px;
}
@media screen and (max-width: 415px) {
  .long-term-outer .mobile-long-term ul li .staf-ico {
    min-width: 60px;
    height: 60px;
  }
  .long-term-outer .mobile-long-term ul li .staf-ico img {
    width: 35px;
  }
}
@media screen and (max-width: 1023px) {
  .long-term-outer .mobile-long-term ul li .staf-ico {
    display: flex;
  }
}
.long-term-outer .mobile-long-term ul li .content-staff h4 {
  font-size: 34px;
  color: #fff;
  font-family: "Graphik Medium";
  transition: all 0.5s;
}
.long-term-outer .mobile-long-term ul li .content-staff h4:hover {
  color: #FF49D1;
}
.long-term-outer .mobile-long-term ul li .content-staff h3 {
  font-size: 20px;
  color: #fff;
  font-family: "Graphik Medium";
  transition: all 0.5s;
}
@media screen and (max-width: 1199px) {
  .long-term-outer .mobile-long-term ul li .content-staff h3 {
    font-size: 18px;
  }
}
.long-term-outer .mobile-long-term ul li .content-staff h3:hover {
  color: #FF49D1;
}
.long-term-outer .mobile-long-term ul li .content-staff p {
  color: #fff;
  margin-bottom: 0px;
  transition: all 0.5s;
}
@media screen and (max-width: 1199px) {
  .long-term-outer .mobile-long-term ul li .content-staff p {
    font-size: 15px;
    line-height: 20px;
  }
}
.long-term-outer .mobile-long-term ul li .content-staff p:hover {
  color: #FF49D1;
}
.long-term-outer .mobile-long-term ul li:nth-child(1) .content-staff {
  padding-right: 10px;
}
.long-term-outer .mobile-long-term ul li:nth-child(2) {
  bottom: 220px;
  left: 138px;
}
@media screen and (max-width: 1199px) {
  .long-term-outer .mobile-long-term ul li:nth-child(2) {
    bottom: 169px;
    left: 90px;
  }
}
@media screen and (max-width: 1100px) {
  .long-term-outer .mobile-long-term ul li:nth-child(2) {
    bottom: 142px;
    left: 53px;
  }
}
.long-term-outer .mobile-long-term ul li:nth-child(3) {
  bottom: unset;
  left: 107px;
  right: 0px;
  top: 50px;
  margin: 0 auto;
}
.long-term-outer .mobile-long-term ul li:nth-child(4) {
  bottom: 220px;
  left: unset;
  right: 112px;
}
@media screen and (max-width: 1399px) {
  .long-term-outer .mobile-long-term ul li:nth-child(4) {
    right: 77px;
    bottom: 153px;
  }
}
@media screen and (max-width: 1199px) {
  .long-term-outer .mobile-long-term ul li:nth-child(4) {
    right: 60px;
    bottom: 130px;
  }
}
@media screen and (max-width: 1100px) {
  .long-term-outer .mobile-long-term ul li:nth-child(4) {
    right: 30px;
    bottom: 110px;
  }
}
.long-term-outer .mobile-long-term ul li:nth-child(5) {
  bottom: unset;
  left: unset;
  right: 0px;
  top: 75%;
}
@media screen and (max-width: 1399px) {
  .long-term-outer .mobile-long-term ul li:nth-child(5) {
    right: 0px;
  }
}
@media screen and (max-width: 1023px) {
  .long-term-outer .mobile-long-term ul li {
    position: static;
    width: calc(50% - 16px);
    gap: 20px;
  }
}
@media screen and (max-width: 767px) {
  .long-term-outer .mobile-long-term ul li {
    position: static;
    width: 100%;
    gap: 20px;
  }
}
.long-term-outer .mobile-long-term ul li:hover {
  transform: unset;
}
@media screen and (max-width: 1023px) {
  .long-term-outer .mobile-long-term ul {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .long-term-outer .mobile-long-term ul {
    gap: 30px 0px;
  }
}
@media screen and (max-width: 1023px) {
  .long-term-outer .mobile-long-term {
    position: static;
    padding: 0px 15px;
  }
}
@media screen and (max-width: 1023px) {
  .long-term-outer {
    padding: 60px 0px;
  }
}

.it-opration-outer {
  background: url(../images/it-opration-bg.webp) no-repeat;
  background-size: cover;
  padding: 60px 0px;
}
.it-opration-outer .it-opration-main {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.it-opration-outer .it-opration-main .it-opration-left {
  width: calc(50% - 15px);
}
.it-opration-outer .it-opration-main .it-opration-left h3 {
  font-size: 30px;
  color: #000;
  font-family: "Graphik Semibold";
  line-height: 42px;
  padding-bottom: 15px;
}
@media screen and (max-width: 991px) {
  .it-opration-outer .it-opration-main .it-opration-left h3 {
    font-size: 20px;
    line-height: 32px;
  }
}
.it-opration-outer .it-opration-main .it-opration-left ul {
  margin-bottom: 29px;
}
.it-opration-outer .it-opration-main .it-opration-left ul li {
  position: relative;
  font-size: 20px;
  line-height: 30px;
  color: #000;
  padding-left: 35px;
  margin-bottom: 15px;
}
.it-opration-outer .it-opration-main .it-opration-left ul li::before {
  width: 25px;
  height: 25px;
  background: url(../images/amc-li-bg.png) no-repeat;
  content: "";
  position: absolute;
  left: 0px;
  top: 1px;
}
@media screen and (max-width: 991px) {
  .it-opration-outer .it-opration-main .it-opration-left ul li {
    font-size: 17px;
    line-height: 27px;
  }
}
.it-opration-outer .it-opration-main .it-opration-left a {
  background: linear-gradient(259.44deg, #9DA8FB 25.03%, #9266FD 90.57%);
  padding: 9px 23px;
  display: inline-block;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
  line-height: 19px;
  text-decoration: none;
  transition: all 0.5s;
  background: linear-gradient(263.67deg, #F7C4FF -26.08%, #8702FC 91.26%);
}
.it-opration-outer .it-opration-main .it-opration-left a img {
  margin-left: 8px;
  max-width: 17px;
  display: inline-block;
  width: auto;
  transition: all 0.5s;
  height: auto;
}
.it-opration-outer .it-opration-main .it-opration-left a:hover {
  background: linear-gradient(259.44deg, #9266FD 25.03%, #9DA8FB 90.57%);
}
.it-opration-outer .it-opration-main .it-opration-left a:hover img {
  margin-left: 10px;
}
.it-opration-outer .it-opration-main .it-opration-left a:hover {
  background: linear-gradient(263.67deg, #8702FC -26.08%, #F7C4FF 91.26%);
}
@media screen and (max-width: 767px) {
  .it-opration-outer .it-opration-main .it-opration-left {
    width: 100%;
    order: 2;
  }
}
.it-opration-outer .it-opration-main .it-opration-right {
  width: calc(50% - 15px);
}
.it-opration-outer .it-opration-main .it-opration-right figure {
  overflow: hidden;
  padding: 7px;
}
.it-opration-outer .it-opration-main .it-opration-right figure img {
  max-width: 100%;
  transition: all 0.5s;
}
.it-opration-outer .it-opration-main .it-opration-right figure:hover img {
  transform: scale(1.01);
}
@media screen and (max-width: 767px) {
  .it-opration-outer .it-opration-main .it-opration-right {
    width: 100%;
    order: 1;
  }
}
@media screen and (max-width: 767px) {
  .it-opration-outer .it-opration-main {
    gap: 0px;
  }
}

.zero-incident-outer {
  padding: 60px 0px;
  background-size: cover !important;
}
.zero-incident-outer .head h2 {
  color: #fff;
}
.zero-incident-outer figure {
  margin-bottom: 0px;
}
.zero-incident-outer figure img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
@media screen and (max-width: 1399px) {
  .zero-incident-outer figure img {
    max-width: 90%;
  }
}

.our-partners-section-outer {
  padding: 60px 0px;
  background-size: cover !important;
}
.our-partners-section-outer .our-partners-section-main .nav {
  display: flex;
  justify-content: space-between;
  border-bottom: 2px solid #FFFFFF;
  margin-bottom: 15px;
}
.our-partners-section-outer .our-partners-section-main .nav li {
  width: 16.66%;
  display: flex;
  padding: 0px 5px;
}
.our-partners-section-outer .our-partners-section-main .nav li .nav-link {
  display: flex;
  background: none;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  padding-bottom: 15px;
  border: none;
  align-items: flex-start;
}
.our-partners-section-outer .our-partners-section-main .nav li .nav-link span {
  min-height: 76px;
  min-width: 76px;
  max-width: 76px;
  border: 1px solid #E0CDDD;
  background: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  margin-bottom: 15px;
}
.our-partners-section-outer .our-partners-section-main .nav li .nav-link span img {
  max-width: 38px;
}
@media (max-width: 768px) {
  .our-partners-section-outer .our-partners-section-main .nav li .nav-link span img {
    max-width: 22px;
  }
}
@media (max-width: 768px) {
  .our-partners-section-outer .our-partners-section-main .nav li .nav-link span {
    padding: 9px;
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
  }
}
.our-partners-section-outer .our-partners-section-main .nav li .nav-link p {
  font-size: 22px;
  font-family: "Graphik Medium";
  color: #000000;
  display: flex;
  align-items: center;
  margin-bottom: 0px;
  width: 100%;
  justify-content: center;
}
@media (max-width: 768px) {
  .our-partners-section-outer .our-partners-section-main .nav li .nav-link p {
    min-width: 100%;
    font-size: 16px;
    padding-right: 20px;
    position: relative;
  }
  .our-partners-section-outer .our-partners-section-main .nav li .nav-link p br {
    display: none;
  }
  .our-partners-section-outer .our-partners-section-main .nav li .nav-link p::after {
    width: 7px;
    height: 14px;
    background: url(../images/arrow-black-accordian.png) no-repeat 0px 0px;
    content: "";
    position: absolute;
    right: 0px;
    top: 13px;
    display: block;
  }
}
.our-partners-section-outer .our-partners-section-main .nav li .nav-link::after {
  height: 6px;
  width: 0px;
  content: "";
  position: absolute;
  bottom: -2.5px;
  left: 0px;
  background: transparent;
  transition: all 0.5s;
}
.our-partners-section-outer .our-partners-section-main .nav li .nav-link.active {
  border: none;
}
.our-partners-section-outer .our-partners-section-main .nav li .nav-link.active::after {
  background: #C116A7;
  width: 100%;
}
.our-partners-section-outer .our-partners-section-main .tab-content {
  overflow: hidden;
  padding: 0 1rem;
  margin-top: 20px;
  min-width: 100%;
}
.our-partners-section-outer .our-partners-section-main .tab-content .tab-pane {
  background: none;
  border: none;
}
.our-partners-section-outer .our-partners-section-main .tab-content .tab-pane .accordion-body {
  padding: 0px;
}
.our-partners-section-outer .our-partners-section-main .tab-content .tab-pane .accordion-body .my-slider {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  margin-top: 30px;
  justify-content: center;
}
.our-partners-section-outer .our-partners-section-main .tab-content .tab-pane .accordion-body .my-slider .partner-logo {
  border: 1px solid #FF83F4;
  background: #FFFFFF;
  padding: 5px;
  height: 128px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s;
  box-shadow: 0px 7px 13.9px 0px rgba(125, 34, 82, 0.1882352941);
  width: calc(25% - 25px);
}
.our-partners-section-outer .our-partners-section-main .tab-content .tab-pane .accordion-body .my-slider .partner-logo img {
  -o-object-fit: contain;
     object-fit: contain;
  max-width: 100%;
  max-height: 100%;
  min-width: 100px;
}
.our-partners-section-outer .our-partners-section-main .tab-content .tab-pane .accordion-body .my-slider .partner-logo:hover {
  box-shadow: 0px 0px 6px 1px rgba(135, 2, 252, 0.4);
  border-color: #d998f4;
}
@media (max-width: 991px) {
  .our-partners-section-outer .our-partners-section-main .tab-content .tab-pane .accordion-body .my-slider .partner-logo {
    width: calc(25% - 15px);
  }
}
@media (max-width: 600px) {
  .our-partners-section-outer .our-partners-section-main .tab-content .tab-pane .accordion-body .my-slider .partner-logo {
    width: calc(33.33% - 15px);
  }
}
@media (max-width: 600px) {
  .our-partners-section-outer .our-partners-section-main .tab-content .tab-pane .accordion-body .my-slider .partner-logo {
    width: calc(50% - 15px);
  }
}
@media (max-width: 991px) {
  .our-partners-section-outer .our-partners-section-main .tab-content .tab-pane .accordion-body .my-slider {
    gap: 15px;
    margin-top: 0px;
  }
}
@media (max-width: 991px) {
  .our-partners-section-outer .our-partners-section-main .tab-content .tab-pane .accordion-body {
    margin-bottom: 15px;
  }
}
@media (max-width: 991px) {
  .our-partners-section-outer .our-partners-section-main .tab-content .tab-pane {
    visibility: visible;
    opacity: 1;
  }
}
@media (max-width: 991px) {
  .our-partners-section-outer .our-partners-section-main .tab-content .tab-pane {
    overflow: hidden;
    display: block;
  }
  .our-partners-section-outer .our-partners-section-main .tab-content .tab-pane .accordion-header {
    cursor: pointer;
    min-width: 30%;
    display: flex;
    margin-bottom: 15px;
  }
  .our-partners-section-outer .our-partners-section-main .tab-content .tab-pane .accordion-header span {
    min-height: 60px;
    min-width: 60px;
    border: 1px solid #E0CDDD;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    margin-right: 18px;
  }
  .our-partners-section-outer .our-partners-section-main .tab-content .tab-pane .accordion-header span img {
    max-width: 38px;
  }
}
@media (max-width: 991px) and (max-width: 768px) {
  .our-partners-section-outer .our-partners-section-main .tab-content .tab-pane .accordion-header span img {
    max-width: 22px;
  }
}
@media (max-width: 991px) and (max-width: 768px) {
  .our-partners-section-outer .our-partners-section-main .tab-content .tab-pane .accordion-header span {
    padding: 9px;
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
  }
}
@media (max-width: 991px) {
  .our-partners-section-outer .our-partners-section-main .tab-content .tab-pane .accordion-header p {
    font-size: 22px;
    font-family: "Graphik Medium";
    color: #000000;
    display: flex;
    align-items: center;
    margin-bottom: 0px;
  }
}
@media (max-width: 991px) and (max-width: 768px) {
  .our-partners-section-outer .our-partners-section-main .tab-content .tab-pane .accordion-header p {
    font-size: 16px;
    padding-right: 20px;
    position: relative;
  }
  .our-partners-section-outer .our-partners-section-main .tab-content .tab-pane .accordion-header p br {
    display: none;
  }
}
@media (max-width: 991px) {
  .our-partners-section-outer .our-partners-section-main .tab-content .tab-pane .accordion-header .accordion-button {
    box-shadow: none;
  }
  .our-partners-section-outer .our-partners-section-main .tab-content .tab-pane .accordion-header .accordion-button:not(.collapsed) {
    box-shadow: none;
  }
}
@media (max-width: 768px) {
  .our-partners-section-outer .our-partners-section-main .tab-content {
    min-width: 100%;
    padding: 0rem;
  }
  .our-partners-section-outer .our-partners-section-main .tab-content .my-slider {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
  }
  .our-partners-section-outer .our-partners-section-main .tab-content .my-slider .partner-logo {
    width: calc(25% - 12px);
    margin: 0;
  }
}
@media (max-width: 600px) {
  .our-partners-section-outer .our-partners-section-main .tab-content .my-slider {
    gap: 7px;
  }
  .our-partners-section-outer .our-partners-section-main .tab-content .my-slider .partner-logo {
    width: calc(33.33% - 7px);
    margin: 0;
  }
}

.cloud-partner-outer {
  background: url(../images/cloud-partner-bg.webp) no-repeat;
  background-size: cover;
  padding: 60px 0px;
}
.cloud-partner-outer .cloud-partner-main .slick-track {
  margin: 0px auto;
}
.cloud-partner-outer .cloud-partner-main .cloud-partner-bx {
  display: flex;
  height: 200px;
  border: 1px solid #A3CDEF;
  background: linear-gradient(180deg, #FFFFFF 19.6%, #D8EBFF 100%);
  box-shadow: 0px 20px 38.8px 0px #CAF6FF;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0px 7px;
  transition: all 0.5s;
  padding: 35px 20px 0px;
}
.cloud-partner-outer .cloud-partner-main .cloud-partner-bx figure {
  height: 115px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  transition: all 0.5s;
  margin-bottom: 0px;
}
.cloud-partner-outer .cloud-partner-main .cloud-partner-bx figure img {
  max-height: 100%;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transition: all 0.5s;
}
.cloud-partner-outer .cloud-partner-main .cloud-partner-bx .learn-btn {
  height: 0px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
  font-size: 14px;
  line-height: 19px;
  font-family: "Montserrat", sans-serif;
  color: #06ABBF;
  font-weight: 600;
  text-decoration: none;
}
.cloud-partner-outer .cloud-partner-main .cloud-partner-bx .learn-btn img {
  display: inline-block;
  margin-left: 8px;
}
.cloud-partner-outer .cloud-partner-main .cloud-partner-bx:hover {
  padding: 15px 20px 0px;
}
.cloud-partner-outer .cloud-partner-main .cloud-partner-bx:hover a {
  height: auto;
  opacity: 1;
  visibility: visible;
}
.cloud-partner-outer .cloud-partner-main .cloud-partner-bx:hover a:hover {
  color: #000;
}
.cloud-partner-outer .cloud-partner-main .cloud-partner-bx:hover a:hover img {
  filter: brightness(0) invert(0);
}
.cloud-partner-outer .cloud-partner-main .slick-arrow {
  width: 51px;
  height: 51px;
  border: 1px solid #3A3A3A;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9;
  background: #fff;
}
.cloud-partner-outer .cloud-partner-main .slick-arrow::before {
  background: url(../images/arrow-use-slide.png) no-repeat;
  font-size: 0;
  color: transparent;
  width: 26px;
  height: 16px;
  filter: invert(100);
}
.cloud-partner-outer .cloud-partner-main .slick-arrow:hover {
  border-color: #06ABBF;
  background: #06ABBF;
}
.cloud-partner-outer .cloud-partner-main .slick-arrow:hover:before {
  filter: invert(0);
}
@media screen and (max-width: 1450px) {
  .cloud-partner-outer .cloud-partner-main .slick-arrow {
    background: #fff;
  }
}
@media screen and (max-width: 576px) {
  .cloud-partner-outer .cloud-partner-main .slick-arrow {
    width: 45px;
    height: 45px;
  }
}
.cloud-partner-outer .cloud-partner-main .slick-prev {
  left: -57px;
}
@media screen and (max-width: 1450px) {
  .cloud-partner-outer .cloud-partner-main .slick-prev {
    left: -26px;
  }
}
@media screen and (max-width: 1280px) {
  .cloud-partner-outer .cloud-partner-main .slick-prev {
    left: -3px;
  }
}
.cloud-partner-outer .cloud-partner-main .slick-next {
  right: -57px;
}
@media screen and (max-width: 1450px) {
  .cloud-partner-outer .cloud-partner-main .slick-next {
    right: -26px;
  }
}
@media screen and (max-width: 1280px) {
  .cloud-partner-outer .cloud-partner-main .slick-next {
    right: -3px;
  }
}
.cloud-partner-outer .cloud-partner-main .slick-next::before {
  transform: rotate(180deg);
}
@media screen and (max-width: 1280px) {
  .cloud-partner-outer .cloud-partner-main {
    padding: 0px 20px;
  }
}

.cloud-partner-outer.mobilty-partner-outer {
  background-size: cover !important;
}
.cloud-partner-outer.mobilty-partner-outer .head {
  padding-bottom: 10px;
}
.cloud-partner-outer.mobilty-partner-outer .cloud-partner-main .slick-track {
  margin: 0px auto;
}
.cloud-partner-outer.mobilty-partner-outer .cloud-partner-main .cloud-partner-bx {
  background: #FFFFFF;
  border: 1px solid #EFE6D6;
  box-shadow: 0px 12px 15.8px 0px #DBD2C8;
  margin: 30px 15px;
  border-radius: 7px;
}
.cloud-partner-outer.mobilty-partner-outer .cloud-partner-main .cloud-partner-bx figure img {
  max-height: 100%;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transition: all 0.5s;
}
.cloud-partner-outer.mobilty-partner-outer .cloud-partner-main .cloud-partner-bx .learn-btn {
  height: 0px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
  font-size: 14px;
  line-height: 19px;
  font-family: "Montserrat", sans-serif;
  color: #000000;
  font-weight: 600;
  text-decoration: none;
}
.cloud-partner-outer.mobilty-partner-outer .cloud-partner-main .cloud-partner-bx .learn-btn img {
  display: inline-block;
  margin-left: 8px;
}
.cloud-partner-outer.mobilty-partner-outer .cloud-partner-main .cloud-partner-bx:hover {
  padding: 15px 20px 0px;
  background: linear-gradient(180deg, #FFFFFF 19.6%, #FFEFDA 100%);
}
.cloud-partner-outer.mobilty-partner-outer .cloud-partner-main .cloud-partner-bx:hover a {
  height: auto;
  opacity: 1;
  visibility: visible;
}
.cloud-partner-outer.mobilty-partner-outer .cloud-partner-main .cloud-partner-bx:hover a:hover {
  color: #000;
}
.cloud-partner-outer.mobilty-partner-outer .cloud-partner-main .slick-arrow {
  background: none;
}
.cloud-partner-outer.mobilty-partner-outer .cloud-partner-main .slick-arrow:hover {
  background: #008ED5;
}

.our-achivements-outer {
  background: url(../images/cloud-partner-bg.webp) no-repeat;
  background-size: cover;
  padding: 60px 0px;
}
.our-achivements-outer .head {
  padding-bottom: 30px;
}
.our-achivements-outer .our-achivements-main {
  display: flex;
}
.our-achivements-outer .our-achivements-main .slick-list.draggable {
  width: 100%;
}
.our-achivements-outer .our-achivements-main .slick-track {
  margin: 0px;
}
.our-achivements-outer .our-achivements-main .our-achivements-row {
  background: rgba(255, 255, 255, 0.4);
  padding: 26px;
  display: flex;
  border-radius: 22px;
  border: 1px solid #947DDC;
  align-items: center;
}
.our-achivements-outer .our-achivements-main .our-achivements-row .our-achivements-images {
  min-width: 413px;
}
.our-achivements-outer .our-achivements-main .our-achivements-row .our-achivements-images figure {
  margin-bottom: 0px;
}
.our-achivements-outer .our-achivements-main .our-achivements-row .our-achivements-images img {
  width: 100%;
  border-radius: 12px;
}
@media screen and (max-width: 1199px) {
  .our-achivements-outer .our-achivements-main .our-achivements-row .our-achivements-images {
    min-width: 300px;
  }
}
@media screen and (max-width: 991px) {
  .our-achivements-outer .our-achivements-main .our-achivements-row .our-achivements-images {
    max-width: 300px;
    margin: 0 auto 35px;
  }
}
@media screen and (max-width: 600px) {
  .our-achivements-outer .our-achivements-main .our-achivements-row .our-achivements-images {
    max-width: 100%;
    min-width: 100%;
  }
}
.our-achivements-outer .our-achivements-main .our-achivements-row .our-achivements-text {
  width: 100%;
  padding-left: 35px;
}
.our-achivements-outer .our-achivements-main .our-achivements-row .our-achivements-text h3 {
  font-size: 24px;
  font-family: "Graphik Semibold";
  color: #000;
  padding-bottom: 35px;
}
@media screen and (max-width: 991px) {
  .our-achivements-outer .our-achivements-main .our-achivements-row .our-achivements-text h3 {
    font-size: 20px;
  }
}
.our-achivements-outer .our-achivements-main .our-achivements-row .our-achivements-text ul li {
  font-size: 20px;
  line-height: 140%;
  color: #000;
  padding-bottom: 20px;
  position: relative;
  padding-left: 25px;
  background: url(../images/achivment-li-bg.webp) no-repeat 0px 5px;
}
@media screen and (max-width: 991px) {
  .our-achivements-outer .our-achivements-main .our-achivements-row .our-achivements-text ul li {
    font-size: 16px;
  }
}
.our-achivements-outer .our-achivements-main .our-achivements-row .our-achivements-text ul li b {
  font-size: 20px;
  font-family: "Graphik Semibold";
  color: #000;
  line-height: 120%;
}
@media screen and (max-width: 991px) {
  .our-achivements-outer .our-achivements-main .our-achivements-row .our-achivements-text ul li b {
    font-size: 16px;
  }
}
@media screen and (max-width: 991px) {
  .our-achivements-outer .our-achivements-main .our-achivements-row .our-achivements-text {
    padding-left: 0px;
  }
}
@media screen and (max-width: 991px) {
  .our-achivements-outer .our-achivements-main .our-achivements-row {
    flex-wrap: wrap;
    padding: 15px;
  }
}
.our-achivements-outer .our-achivements-main .our-achivements-bx figure {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  transition: all 0.5s;
  height: 100%;
}
.our-achivements-outer .our-achivements-main .our-achivements-bx figure img {
  max-height: 100%;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transition: all 0.5s;
}
.our-achivements-outer .our-achivements-main .our-achivements-bx:hover figure img {
  transform: scale(1.05);
}
.our-achivements-outer .our-achivements-main .slick-arrow {
  width: 51px;
  height: 51px;
  border: 1px solid #3A3A3A;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9;
}
.our-achivements-outer .our-achivements-main .slick-arrow::before {
  background: url(../images/arrow-use-slide.png) no-repeat;
  font-size: 0;
  color: transparent;
  width: 26px;
  height: 16px;
  filter: invert(100);
}
.our-achivements-outer .our-achivements-main .slick-arrow:hover {
  border-color: #06ABBF;
  background: #06ABBF;
}
.our-achivements-outer .our-achivements-main .slick-arrow:hover:before {
  filter: invert(0);
}
@media screen and (max-width: 1450px) {
  .our-achivements-outer .our-achivements-main .slick-arrow {
    background: #fff;
  }
}
@media screen and (max-width: 600px) {
  .our-achivements-outer .our-achivements-main .slick-arrow {
    top: 384px;
  }
}
@media screen and (max-width: 576px) {
  .our-achivements-outer .our-achivements-main .slick-arrow {
    width: 45px;
    height: 45px;
  }
}
.our-achivements-outer .our-achivements-main .slick-prev {
  left: -57px;
}
@media screen and (max-width: 1450px) {
  .our-achivements-outer .our-achivements-main .slick-prev {
    left: -26px;
  }
}
@media screen and (max-width: 1280px) {
  .our-achivements-outer .our-achivements-main .slick-prev {
    left: -3px;
  }
}
@media screen and (max-width: 600px) {
  .our-achivements-outer .our-achivements-main .slick-prev {
    left: -16px;
  }
}
.our-achivements-outer .our-achivements-main .slick-next {
  right: -57px;
}
@media screen and (max-width: 1450px) {
  .our-achivements-outer .our-achivements-main .slick-next {
    right: -26px;
  }
}
@media screen and (max-width: 1280px) {
  .our-achivements-outer .our-achivements-main .slick-next {
    right: -3px;
  }
}
@media screen and (max-width: 600px) {
  .our-achivements-outer .our-achivements-main .slick-next {
    right: -16px;
  }
}
.our-achivements-outer .our-achivements-main .slick-next::before {
  transform: rotate(180deg);
}
@media screen and (max-width: 1280px) {
  .our-achivements-outer .our-achivements-main {
    padding: 0px 8px;
  }
}

.zero-ai-global-support-outer {
  position: relative;
  background-size: cover !important;
  padding: 60px 0px;
}
.zero-ai-global-support-outer .head {
  padding-bottom: 30px;
}
.zero-ai-global-support-outer .head h2 {
  color: #fff;
}
.zero-ai-global-support-outer .head p {
  color: #fff;
}
.zero-ai-global-support-outer .zero-ai-global-support-main {
  display: flex;
  gap: 30px;
}
.zero-ai-global-support-outer .zero-ai-global-support-main .zero-ai-global-support-bx {
  position: relative;
  width: calc(50% - 17px);
  overflow: hidden;
  border-radius: 14px;
  border: 1px solid #333333;
}
.zero-ai-global-support-outer .zero-ai-global-support-main .zero-ai-global-support-bx figure {
  margin-bottom: 0px;
  border-radius: 14px;
}
.zero-ai-global-support-outer .zero-ai-global-support-main .zero-ai-global-support-bx figure img {
  width: 100%;
  transition: all 0.5s;
}
@media screen and (max-width: 991px) {
  .zero-ai-global-support-outer .zero-ai-global-support-main .zero-ai-global-support-bx figure {
    height: 350px;
    display: flex;
  }
  .zero-ai-global-support-outer .zero-ai-global-support-main .zero-ai-global-support-bx figure img {
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media screen and (max-width: 370px) {
  .zero-ai-global-support-outer .zero-ai-global-support-main .zero-ai-global-support-bx figure {
    height: 402px;
  }
}
.zero-ai-global-support-outer .zero-ai-global-support-main .zero-ai-global-support-bx .zero-ai-gl-text {
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0px;
  width: 100%;
  top: 0px;
  z-index: 2;
  transition: all 0.5s;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-end;
  justify-content: center;
  padding: 20px 20px 95px;
}
.zero-ai-global-support-outer .zero-ai-global-support-main .zero-ai-global-support-bx .zero-ai-gl-text .zero-ai-gl-text-ar {
  margin-top: auto;
  transform: translateY(100%);
  transition: all 0.5s;
}
.zero-ai-global-support-outer .zero-ai-global-support-main .zero-ai-global-support-bx .zero-ai-gl-text .zero-ai-gl-text-ar h3 {
  border: 1px solid #595959;
  background: rgba(0, 0, 0, 0.6);
  padding: 18px 25px;
  font-size: 22px;
  line-height: 124%;
  color: #fff;
  border-radius: 5px;
  font-family: "Graphik Medium";
  display: inline-block;
  margin-bottom: 30px;
}
@media screen and (max-width: 991px) {
  .zero-ai-global-support-outer .zero-ai-global-support-main .zero-ai-global-support-bx .zero-ai-gl-text .zero-ai-gl-text-ar h3 {
    padding: 15px 25px;
    font-size: 18px;
  }
}
.zero-ai-global-support-outer .zero-ai-global-support-main .zero-ai-global-support-bx .zero-ai-gl-text .zero-ai-gl-text-ar p {
  color: #fff;
  font-size: 20px;
  line-height: 134%;
  max-width: 475px;
  margin: 0 auto;
  padding-bottom: 30px;
}
@media screen and (max-width: 991px) {
  .zero-ai-global-support-outer .zero-ai-global-support-main .zero-ai-global-support-bx .zero-ai-gl-text .zero-ai-gl-text-ar p {
    font-size: 16px;
  }
}
.zero-ai-global-support-outer .zero-ai-global-support-main .zero-ai-global-support-bx .zero-ai-gl-text .zero-ai-gl-text-ar a {
  background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
  padding: 9px 23px;
  display: inline-block;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
  line-height: 19px;
  text-decoration: none;
  transition: all 0.5s;
  background: linear-gradient(94.23deg, #FFCA80 25.22%, #DE89FF 77.21%);
}
.zero-ai-global-support-outer .zero-ai-global-support-main .zero-ai-global-support-bx .zero-ai-gl-text .zero-ai-gl-text-ar a img {
  margin-left: 8px;
  max-width: 17px;
  display: inline-block;
  width: auto;
  transition: all 0.5s;
  height: auto;
}
.zero-ai-global-support-outer .zero-ai-global-support-main .zero-ai-global-support-bx .zero-ai-gl-text .zero-ai-gl-text-ar a:hover {
  background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}
.zero-ai-global-support-outer .zero-ai-global-support-main .zero-ai-global-support-bx .zero-ai-gl-text .zero-ai-gl-text-ar a:hover img {
  margin-left: 10px;
}
.zero-ai-global-support-outer .zero-ai-global-support-main .zero-ai-global-support-bx .zero-ai-gl-text .zero-ai-gl-text-ar a:hover {
  background: linear-gradient(94.23deg, #DE89FF 25.22%, #FFCA80 77.21%);
}
@media screen and (max-width: 991px) {
  .zero-ai-global-support-outer .zero-ai-global-support-main .zero-ai-global-support-bx .zero-ai-gl-text {
    padding: 20px 20px 75px;
  }
}
@media screen and (max-width: 991px) {
  .zero-ai-global-support-outer .zero-ai-global-support-main .zero-ai-global-support-bx {
    width: 100%;
  }
}
.zero-ai-global-support-outer .zero-ai-global-support-main .zero-ai-global-support-bx:hover figure img {
  transform: scale(1.06) rotate(-2deg);
}
.zero-ai-global-support-outer .zero-ai-global-support-main .zero-ai-global-support-bx:hover .zero-ai-gl-text {
  padding: 20px 20px 35px;
}
.zero-ai-global-support-outer .zero-ai-global-support-main .zero-ai-global-support-bx:hover .zero-ai-gl-text .zero-ai-gl-text-ar {
  margin-top: auto;
  transform: unset;
}
@media screen and (max-width: 991px) {
  .zero-ai-global-support-outer .zero-ai-global-support-main {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 991px) {
  .zero-ai-global-support-outer {
    padding-top: 60px;
  }
}

.our-experties-outer.what-set-outer {
  background-size: cover !important;
}

.gdc-location-outer {
  padding: 60px 0px;
  background: url(../images/gdc-loaction-bg.webp) no-repeat;
  background-size: cover;
}
.gdc-location-outer .head {
  padding-bottom: 30px;
}
.gdc-location-outer .head h2 {
  color: #fff;
}
.gdc-location-outer .head p {
  color: #fff;
}
.gdc-location-outer .gdc-main ul {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-bottom: 40px;
}
.gdc-location-outer .gdc-main ul li {
  height: 150px;
  width: 150px;
  border: 1px solid #9800B1;
  border-radius: 100%;
  padding: 9px;
  position: relative;
}
.gdc-location-outer .gdc-main ul li span {
  width: 130px;
  height: 130px;
  border: 1px solid #220C57;
  background: #9800B1;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  line-height: 22px;
  font-size: 15px;
  font-family: "Graphik Semibold";
  color: #fff;
  padding: 2px;
}
.gdc-location-outer .gdc-main ul li::after {
  width: 31px;
  height: 15px;
  background: url(../images/gdc-arrow2.png) no-repeat;
  content: "";
  position: absolute;
  right: -31px;
  top: 63px;
}
@media screen and (max-width: 767px) {
  .gdc-location-outer .gdc-main ul li::after {
    right: 0;
    top: unset;
    bottom: -23px;
    transform: rotate(90deg);
    left: 0;
    margin: 0 auto;
  }
}
.gdc-location-outer .gdc-main ul li:nth-child(2n) {
  border-color: #01578D;
}
.gdc-location-outer .gdc-main ul li:nth-child(2n) span {
  background: #01578D;
}
.gdc-location-outer .gdc-main ul li:nth-child(2n)::after {
  background: url(../images/gdc-arrow1.png) no-repeat;
}
.gdc-location-outer .gdc-main ul li:last-child::after {
  background: none;
}
@media screen and (max-width: 767px) {
  .gdc-location-outer .gdc-main ul {
    max-width: 300px;
    flex-wrap: wrap;
    margin: 0 auto 40px;
  }
}
.gdc-location-outer .gdc-main .gdc-slid-main {
  max-width: 1190px;
  margin: 0 auto;
  position: relative;
}
.gdc-location-outer .gdc-main .gdc-slid-main .gdc-slider .gdc-rw {
  border-radius: 17px;
}
.gdc-location-outer .gdc-main .gdc-slid-main .gdc-slider .gdc-rw img {
  width: 100%;
  border-radius: 17px;
}
@media screen and (max-width: 767px) {
  .gdc-location-outer .gdc-main .gdc-slid-main .gdc-slider .gdc-rw img {
    height: 335px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.gdc-location-outer .gdc-main .gdc-slid-main .gdc-thub-slide {
  position: absolute;
  bottom: 60px;
  left: 0px;
  width: 100%;
}
.gdc-location-outer .gdc-main .gdc-slid-main .gdc-thub-slide .slick-track {
  margin: 0px;
}
.gdc-location-outer .gdc-main .gdc-slid-main .gdc-thub-slide .slick-track .slick-slide {
  margin: 0px 15px;
}
.gdc-location-outer .gdc-main .gdc-slid-main .gdc-thub-slide .slick-track .slick-slide h4 {
  margin: 0px;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid #2E5989;
  padding: 16px 27px;
  font-size: 20px;
  line-height: 25px;
  border-radius: 75px;
  text-align: center;
  font-size: 20px;
  color: #fff;
  font-family: "Graphik Medium";
}
@media screen and (max-width: 767px) {
  .gdc-location-outer .gdc-main .gdc-slid-main .gdc-thub-slide .slick-track .slick-slide h4 {
    padding: 10px 9px;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .gdc-location-outer .gdc-main .gdc-slid-main .gdc-thub-slide .slick-track .slick-slide {
    margin: 5px 0px;
  }
}
.gdc-location-outer .gdc-main .gdc-slid-main .gdc-thub-slide .slick-track .slick-slide.slick-current h4 {
  background: #2E5989;
}
@media screen and (max-width: 767px) {
  .gdc-location-outer .gdc-main .gdc-slid-main .gdc-thub-slide {
    max-width: 200px;
  }
}
.gdc-location-outer .gdc-main .gdc-btn {
  text-align: center;
  margin-top: 30px;
}
.gdc-location-outer .gdc-main .gdc-btn a {
  background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
  padding: 9px 23px;
  display: inline-block;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
  line-height: 19px;
  text-decoration: none;
  transition: all 0.5s;
  background: linear-gradient(92.63deg, #5039A4 21.72%, #008ED5 93.1%);
  padding: 11px 34px;
}
.gdc-location-outer .gdc-main .gdc-btn a img {
  margin-left: 8px;
  max-width: 17px;
  display: inline-block;
  width: auto;
  transition: all 0.5s;
  height: auto;
}
.gdc-location-outer .gdc-main .gdc-btn a:hover {
  background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}
.gdc-location-outer .gdc-main .gdc-btn a:hover img {
  margin-left: 10px;
}
.gdc-location-outer .gdc-main .gdc-btn a:hover {
  background: linear-gradient(92.63deg, #008ED5 21.72%, #5039A4 93.1%);
}

.exampleModal_video .modal-dialog {
  margin-top: 50px;
  max-width: 900px;
}
.exampleModal_video .modal-dialog .modal-content {
  background: #110724;
  background-size: auto;
  padding: 15px;
  border: 1px solid #3A1E6E;
}
.exampleModal_video .modal-dialog .modal-content .btn-close {
  position: absolute;
  width: 35px;
  height: 35px;
  border-radius: 100%;
  background-color: #fff;
  right: -16px;
  top: -15px;
  opacity: 1;
  z-index: 1;
}
@media screen and (max-width: 576px) {
  .exampleModal_video .modal-dialog .modal-content .btn-close {
    width: 30px;
    height: 30px;
    right: -8px;
  }
}
.exampleModal_video .modal-dialog .modal-content .modal-body {
  padding: 0px;
  display: flex;
}
.exampleModal_video .modal-dialog .modal-content .modal-body iframe {
  width: 100%;
  height: 450px;
}
@media screen and (max-width: 767px) {
  .exampleModal_video .modal-dialog .modal-content .modal-body iframe {
    height: 300px;
  }
}
@media screen and (max-width: 767px) {
  .exampleModal_video .modal-dialog {
    padding: 0px 15px;
  }
}

.dims-banner-outer {
  padding: 150px 0px 30px;
  height: 100vh;
  background-size: 100% 100% !important;
  display: flex;
  align-items: center;
}
.dims-banner-outer .dims-banner-text {
  display: flex;
  gap: 30px;
  align-items: center;
}
.dims-banner-outer .dims-banner-text .dimis-left {
  width: 50%;
  margin-top: -37px;
}
.dims-banner-outer .dims-banner-text .dimis-left h1 {
  font-size: 71px;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  font-family: "Graphik Semibold";
  line-height: 112%;
  padding-bottom: 20px;
}
@media screen and (max-width: 1450px) {
  .dims-banner-outer .dims-banner-text .dimis-left h1 {
    font-size: 60px;
  }
}
@media screen and (max-width: 1199px) {
  .dims-banner-outer .dims-banner-text .dimis-left h1 {
    font-size: 50px;
  }
}
@media screen and (max-width: 767px) {
  .dims-banner-outer .dims-banner-text .dimis-left h1 {
    font-size: 45px;
  }
}
@media screen and (max-width: 600px) {
  .dims-banner-outer .dims-banner-text .dimis-left h1 {
    font-size: 40px;
  }
}
.dims-banner-outer .dims-banner-text .dimis-left a {
  background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
  padding: 9px 23px;
  display: inline-block;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
  line-height: 19px;
  text-decoration: none;
  transition: all 0.5s;
  background: linear-gradient(259.44deg, #1989CE 25.03%, #00A883 90.57%);
}
.dims-banner-outer .dims-banner-text .dimis-left a img {
  margin-left: 8px;
  max-width: 17px;
  display: inline-block;
  width: auto;
  transition: all 0.5s;
  height: auto;
}
.dims-banner-outer .dims-banner-text .dimis-left a:hover {
  background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}
.dims-banner-outer .dims-banner-text .dimis-left a:hover img {
  margin-left: 10px;
}
.dims-banner-outer .dims-banner-text .dimis-left a:hover {
  background: linear-gradient(259.44deg, #00A883 25.03%, #1989CE 90.57%);
}
@media screen and (max-width: 767px) {
  .dims-banner-outer .dims-banner-text .dimis-left {
    width: 100%;
  }
}
.dims-banner-outer .dims-banner-text .dims-right {
  width: 50%;
  overflow: hidden;
  padding: 5px;
}
.dims-banner-outer .dims-banner-text .dims-right img {
  max-width: 100%;
  transition: all 0.5s;
}
.dims-banner-outer .dims-banner-text .dims-right:hover img {
  transform: scale(1.02);
}
@media screen and (max-width: 767px) {
  .dims-banner-outer .dims-banner-text .dims-right {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .dims-banner-outer .dims-banner-text {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  .dims-banner-outer {
    height: auto;
  }
}

.proudly-outer {
  padding: 60px 0px;
  background-size: cover !important;
}
.proudly-outer .head h2 {
  color: #fff;
}
.proudly-outer .head p {
  color: #fff;
}
.proudly-outer .proudly-main {
  display: flex;
  gap: 30px;
  justify-content: space-between;
  align-items: center;
}
.proudly-outer .proudly-main .proudly-left {
  width: 50%;
  overflow: hidden;
  padding: 5px;
}
.proudly-outer .proudly-main .proudly-left img {
  max-width: 100%;
  transition: all 0.5s;
}
.proudly-outer .proudly-main .proudly-left:hover img {
  transform: scale(1.02);
}
@media screen and (max-width: 767px) {
  .proudly-outer .proudly-main .proudly-left {
    width: 100%;
  }
}
.proudly-outer .proudly-main .proudly-right {
  width: 50%;
}
.proudly-outer .proudly-main .proudly-right ul li {
  display: flex;
  padding: 22px 20px;
  background: linear-gradient(90deg, #00275C 0%, rgba(0, 0, 0, 0) 100%);
  align-items: center;
  border-radius: 5px;
  margin-bottom: 11px;
  transition: all 0.5s;
}
.proudly-outer .proudly-main .proudly-right ul li .proudly-ico {
  width: 49px;
  min-width: 49px;
}
.proudly-outer .proudly-main .proudly-right ul li .proudly-ico img {
  width: 100%;
}
@media screen and (max-width: 992px) {
  .proudly-outer .proudly-main .proudly-right ul li .proudly-ico {
    width: 35px;
    min-width: 35px;
  }
}
.proudly-outer .proudly-main .proudly-right ul li .proudly-text {
  color: #fff;
  font-size: 22px;
  line-height: 124%;
  font-family: "Graphik Medium";
  padding-left: 22px;
  width: 100%;
  display: block;
}
@media screen and (max-width: 992px) {
  .proudly-outer .proudly-main .proudly-right ul li .proudly-text {
    font-size: 18px;
    padding-left: 15px;
  }
}
.proudly-outer .proudly-main .proudly-right ul li:nth-child(2n) {
  background: linear-gradient(90deg, #005B5D 0%, rgba(0, 0, 0, 0) 100%);
}
.proudly-outer .proudly-main .proudly-right ul li:hover {
  transform: matrix(1, 0, 0, 1, -7, -7);
}
@media screen and (max-width: 767px) {
  .proudly-outer .proudly-main .proudly-right {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .proudly-outer .proudly-main {
    flex-wrap: wrap;
  }
}

.try-it-outer {
  padding: 60px 0px;
  background-size: cover !important;
}
.try-it-outer .try-it-main .head {
  padding-bottom: 20px;
}
.try-it-outer .try-it-main .head h2 {
  color: #fff;
}
.try-it-outer .try-it-main .head p {
  color: #fff;
}
.try-it-outer .try-slide img {
  max-width: 100%;
  padding: 5px;
  transition: all 0.5s;
}

.end-it-ticket-outer {
  padding: 60px 0px;
  background-size: cover !important;
}
.end-it-ticket-outer .head {
  padding-bottom: 30px;
}
.end-it-ticket-outer .head h2 {
  color: #fff;
}
.end-it-ticket-outer .head p {
  color: #fff;
}
.end-it-ticket-outer .end-it-ticket-main {
  display: flex;
  gap: 30px;
}
.end-it-ticket-outer .end-it-ticket-main .end-it-ticket-left {
  width: calc(25% - 30px);
}
.end-it-ticket-outer .end-it-ticket-main .end-it-ticket-left ul {
  display: flex;
  flex-wrap: wrap;
  padding: 30px 14px;
  border-radius: 4px;
  -webkit-backdrop-filter: blur(40px);
          backdrop-filter: blur(40px);
  background: linear-gradient(360deg, #004546 -2.92%, rgba(9, 18, 27, 0) 100%);
}
.end-it-ticket-outer .end-it-ticket-main .end-it-ticket-left ul li {
  font-size: 20px;
  line-height: 156%;
  color: #fff;
  padding-left: 23px;
  margin-bottom: 20px;
  background: url(../images/dims-li-bg.webp) no-repeat 0px 8px;
  transition: all 0.5s;
}
.end-it-ticket-outer .end-it-ticket-main .end-it-ticket-left ul li:hover {
  transform: matrix(1, 0, 0, 1, -4, -4);
}
.end-it-ticket-outer .end-it-ticket-main .end-it-ticket-left ul li:last-child {
  margin-bottom: 0px;
}
@media screen and (max-width: 1024px) {
  .end-it-ticket-outer .end-it-ticket-main .end-it-ticket-left ul li {
    font-size: 16px;
  }
}
@media screen and (max-width: 576px) {
  .end-it-ticket-outer .end-it-ticket-main .end-it-ticket-left ul {
    padding: 15px 14px;
  }
}
@media screen and (max-width: 991px) {
  .end-it-ticket-outer .end-it-ticket-main .end-it-ticket-left {
    width: calc(50% - 15px);
    order: 2;
  }
}
@media screen and (max-width: 576px) {
  .end-it-ticket-outer .end-it-ticket-main .end-it-ticket-left {
    width: 100%;
  }
}
.end-it-ticket-outer .end-it-ticket-main .end-it-ticket-right {
  position: relative;
  width: 50%;
  border-radius: 9px;
}
.end-it-ticket-outer .end-it-ticket-main .end-it-ticket-right .end-it-ticket-slide {
  padding: 6px;
  overflow: hidden;
  border-radius: 9px;
  position: relative;
  z-index: 1;
  border-radius: 9px;
}
.end-it-ticket-outer .end-it-ticket-main .end-it-ticket-right .end-it-ticket-slide .slick-list.draggable {
  border-radius: 9px;
}
.end-it-ticket-outer .end-it-ticket-main .end-it-ticket-right .end-it-ticket-slide img {
  width: 100%;
  transition: all 0.5s;
  border-radius: 9px;
}
.end-it-ticket-outer .end-it-ticket-main .end-it-ticket-right .end-it-ticket-slide:hover img {
  transform: scale(1.02);
}
.end-it-ticket-outer .end-it-ticket-main .end-it-ticket-right:after {
  width: 100%;
  height: 480px;
  background: url(../images/Ellipse-it-bg.webp) no-repeat;
  position: absolute;
  left: 0;
  top: 0px;
  content: "";
  background-size: 100% 100%;
}
@media screen and (max-width: 991px) {
  .end-it-ticket-outer .end-it-ticket-main .end-it-ticket-right {
    width: 100%;
    order: 1;
  }
}
@media screen and (max-width: 991px) {
  .end-it-ticket-outer .end-it-ticket-main {
    flex-wrap: wrap;
  }
}

.azure-solution-growth-outer {
  padding: 60px 0px;
  background: #F4FAFD;
}
.azure-solution-growth-outer .azure-solution-growth-main {
  display: flex;
  gap: 25px;
  flex-wrap: wrap;
}
.azure-solution-growth-outer .azure-solution-growth-main .azure-growth-bx {
  width: calc(33.33% - 20px);
  background: #fff;
  padding: 25px;
  border-radius: 16px;
}
.azure-solution-growth-outer .azure-solution-growth-main .azure-growth-bx figure {
  margin-bottom: 20px;
  height: 170px;
  display: flex;
}
.azure-solution-growth-outer .azure-solution-growth-main .azure-growth-bx figure img {
  width: 100%;
  border-radius: 7px;
  -o-object-fit: cover;
     object-fit: cover;
}
.azure-solution-growth-outer .azure-solution-growth-main .azure-growth-bx .azure-grow-area h3 {
  font-size: 30px;
  line-height: 124%;
  color: #000000;
  font-family: "Graphik Semibold";
  padding-bottom: 5px;
}
@media screen and (max-width: 991px) {
  .azure-solution-growth-outer .azure-solution-growth-main .azure-growth-bx .azure-grow-area h3 {
    font-size: 20px;
  }
}
.azure-solution-growth-outer .azure-solution-growth-main .azure-growth-bx .azure-grow-area p {
  color: #000;
}
.azure-solution-growth-outer .azure-solution-growth-main .azure-growth-bx:hover {
  box-shadow: 14px 18px 7.2px -5px rgba(171, 171, 171, 0.2509803922);
}
@media screen and (max-width: 991px) {
  .azure-solution-growth-outer .azure-solution-growth-main .azure-growth-bx {
    width: calc(50% - 20px);
    padding: 20px;
  }
}
@media screen and (max-width: 600px) {
  .azure-solution-growth-outer .azure-solution-growth-main .azure-growth-bx {
    width: 100%;
    padding: 15px;
  }
}

.work-space-smart-outer {
  padding: 60px 0px;
  background: #F8F9FA;
}
.work-space-smart-outer .head h2 {
  padding-bottom: 10px;
}
.work-space-smart-outer .work-space-smart-main {
  position: relative;
}
.work-space-smart-outer .work-space-smart-main .work-space-rw {
  display: flex;
  justify-content: space-between;
  margin-bottom: 80px;
}
.work-space-smart-outer .work-space-smart-main .work-space-rw .work-space-box {
  max-width: 448px;
  box-shadow: 0px 16px 21.9px 0px #E1F0FF;
  border: 1px solid #D3EDFF;
  background: #FFFFFF;
  padding: 30px 25px;
  border-radius: 6px;
  position: relative;
  z-index: 1;
  min-height: 200px;
}
.work-space-smart-outer .work-space-smart-main .work-space-rw .work-space-box h3 {
  font-size: 24px;
  font-family: "Graphik Medium";
  color: #000;
  line-height: 150%;
}
.work-space-smart-outer .work-space-smart-main .work-space-rw .work-space-box p {
  margin-bottom: 0px;
  line-height: 150%;
  font-size: 17px;
}
@media screen and (max-width: 1023px) {
  .work-space-smart-outer .work-space-smart-main .work-space-rw .work-space-box {
    width: calc(50% - 10px);
    max-width: unset;
  }
}
@media screen and (max-width: 767px) {
  .work-space-smart-outer .work-space-smart-main .work-space-rw .work-space-box {
    width: 100%;
  }
}
.work-space-smart-outer .work-space-smart-main .work-space-rw:last-child {
  margin-bottom: 0px;
}
@media screen and (max-width: 1023px) {
  .work-space-smart-outer .work-space-smart-main .work-space-rw {
    margin-bottom: 20px;
    gap: 20px;
  }
}
@media screen and (max-width: 767px) {
  .work-space-smart-outer .work-space-smart-main .work-space-rw {
    flex-wrap: wrap;
  }
}
.work-space-smart-outer .work-space-smart-main .work-space-img {
  position: absolute;
  top: 0px;
  width: 442px;
  height: 442px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
}
.work-space-smart-outer .work-space-smart-main .work-space-img img {
  width: 100%;
}
@media screen and (max-width: 1199px) {
  .work-space-smart-outer .work-space-smart-main .work-space-img {
    width: 342px;
    height: 342px;
  }
}
@media screen and (max-width: 1023px) {
  .work-space-smart-outer .work-space-smart-main .work-space-img {
    display: none;
  }
}

.why-busniess-trus-outer {
  padding: 60px 0px;
  background: #fff;
}
.why-busniess-trus-outer .why-busniess-trus-main {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.why-busniess-trus-outer .why-busniess-trus-main .why-bussniess-trus-bx {
  background: #F8F9FA;
  border: 1px solid #E5E5E5;
  padding: 24px 30px;
  width: calc(25% - 8px);
  text-align: center;
  transition: all 0.5s;
}
.why-busniess-trus-outer .why-busniess-trus-main .why-bussniess-trus-bx figure {
  margin-bottom: 20px;
}
.why-busniess-trus-outer .why-busniess-trus-main .why-bussniess-trus-bx figure img {
  width: 100%;
  border-radius: 4px;
}
.why-busniess-trus-outer .why-busniess-trus-main .why-bussniess-trus-bx h3 {
  font-size: 24px;
  font-family: "Graphik Semibold";
  line-height: 150%;
  color: #000000;
  min-height: 72px;
}
@media screen and (max-width: 767px) {
  .why-busniess-trus-outer .why-busniess-trus-main .why-bussniess-trus-bx h3 {
    min-height: unset;
  }
}
.why-busniess-trus-outer .why-busniess-trus-main .why-bussniess-trus-bx p {
  font-size: 20px;
  line-height: 150%;
  color: #000000;
}
@media screen and (max-width: 1199px) {
  .why-busniess-trus-outer .why-busniess-trus-main .why-bussniess-trus-bx {
    width: calc(50% - 8px);
    max-width: unset;
  }
}
@media screen and (max-width: 767px) {
  .why-busniess-trus-outer .why-busniess-trus-main .why-bussniess-trus-bx {
    width: 100%;
    max-width: unset;
  }
}
.why-busniess-trus-outer .why-busniess-trus-main .why-bussniess-trus-bx:hover {
  box-shadow: 0px 16px 21.9px 0px #E1F0FF;
}

.power-tools-outer {
  padding: 60px 0px;
}
.power-tools-outer .head {
  padding-bottom: 40px;
}
.power-tools-outer .power-tools-main {
  display: flex;
  justify-content: center;
  gap: 32px;
  text-align: center;
  flex-wrap: wrap;
}
.power-tools-outer .power-tools-main .power-ico .power-img {
  height: 54px;
}
.power-tools-outer .power-tools-main .power-ico .power-img img {
  max-width: 100%;
}
.power-tools-outer .power-tools-main .power-ico p {
  margin-bottom: 0px;
}
@media screen and (max-width: 1399px) {
  .power-tools-outer .power-tools-main {
    gap: 29px;
  }
}

.google-workplace-built-outer {
  background: #F8F9FA;
  padding: 60px 0px;
}
.google-workplace-built-outer .built-head {
  padding-bottom: 30px;
}
.google-workplace-built-outer .built-head h3 {
  font-size: 36px;
  line-height: 124%;
  color: #000000;
  font-family: "Graphik Medium";
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .google-workplace-built-outer .built-head h3 {
    font-size: 30px;
  }
}
.google-workplace-built-outer .google-workplace-built-main {
  display: flex;
  gap: 50px;
  flex-wrap: wrap;
}
.google-workplace-built-outer .google-workplace-built-main .google-workplace-built-bx {
  width: calc(50% - 50px);
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  padding: 32px 26px;
  border-radius: 11px;
  transition: all 0.5s;
}
.google-workplace-built-outer .google-workplace-built-main .google-workplace-built-bx h3 {
  font-size: 24px;
  line-height: 124%;
  color: #000;
  font-family: "Graphik Medium";
  padding-bottom: 10px;
}
.google-workplace-built-outer .google-workplace-built-main .google-workplace-built-bx p {
  color: #000;
  font-size: 20px;
  line-height: 150%;
}
@media screen and (max-width: 991px) {
  .google-workplace-built-outer .google-workplace-built-main .google-workplace-built-bx {
    width: calc(50% - 10px);
  }
}
@media screen and (max-width: 767px) {
  .google-workplace-built-outer .google-workplace-built-main .google-workplace-built-bx {
    width: 100%;
  }
}
.google-workplace-built-outer .google-workplace-built-main .google-workplace-built-bx:hover {
  box-shadow: 0px 16px 21.9px 0px #E1F0FF;
}
@media screen and (max-width: 991px) {
  .google-workplace-built-outer .google-workplace-built-main {
    gap: 20px;
  }
}

.wrokforce-boundaries {
  padding: 60px 0;
  background-size: cover !important;
  background-position: right !important;
}
.wrokforce-boundaries .text-box {
  width: 65%;
}
.wrokforce-boundaries .text-box .head h2 {
  color: #fff;
  margin-bottom: 15px;
}
.wrokforce-boundaries .text-box .head p {
  color: #fff;
}
.wrokforce-boundaries .text-box .fule-innovation-main {
  display: flex;
  gap: 30px;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.wrokforce-boundaries .text-box .fule-innovation-main .fule-bx {
  width: calc(42% - 24px);
  padding: 1px;
  border-radius: 16px;
  display: flex;
  transition: all 0.5s;
  background-size: 100% 100% !important;
}
.wrokforce-boundaries .text-box .fule-innovation-main .fule-bx .fule-area {
  width: 100%;
  min-height: 130px;
  border-radius: 16px;
  align-items: center;
  justify-content: flex-start;
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  padding: 10px 15px;
}
.wrokforce-boundaries .text-box .fule-innovation-main .fule-bx .fule-area h3 {
  font-size: 36px;
  line-height: 99%;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  font-family: "Graphik Semibold";
  width: 100%;
  text-align: left;
  margin-bottom: 5px;
}
.wrokforce-boundaries .text-box .fule-innovation-main .fule-bx .fule-area p {
  color: #fff;
  font-family: "Graphik Regular";
  font-size: 20px;
  margin-bottom: 0px;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .wrokforce-boundaries .text-box .fule-innovation-main .fule-bx .fule-area {
    min-height: 123px;
  }
}
.wrokforce-boundaries .text-box .fule-innovation-main .fule-bx:hover {
  background: url(../images/fule-bx-bg-hover.webp) no-repeat !important;
  background-size: 100% 100% !important;
  box-shadow: -1px 1px 14px 0px rgba(148, 114, 253, 0.5);
  -webkit-box-shadow: -1px 1px 14px 0px rgba(148, 114, 253, 0.5);
  -moz-box-shadow: -1px 1px 14px 0px rgba(148, 114, 253, 0.5);
}
@media screen and (max-width: 1199px) {
  .wrokforce-boundaries .text-box .fule-innovation-main .fule-bx {
    width: calc(50% - 24px);
  }
}
@media screen and (max-width: 767px) {
  .wrokforce-boundaries .text-box .fule-innovation-main .fule-bx {
    width: 100%;
  }
}
@media screen and (max-width: 1199px) {
  .wrokforce-boundaries .text-box .fule-innovation-main {
    max-width: 659px;
    margin: 0 auto;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  .wrokforce-boundaries .text-box .fule-innovation-main {
    max-width: 305px;
  }
}
@media screen and (max-width: 991px) {
  .wrokforce-boundaries .text-box {
    width: 100%;
  }
}
.wrokforce-boundaries.SPSF .text-box .fule-innovation-main .fule-bx {
  background: url(../images/smart-ecosystemter-counter-bg.png) no-repeat;
  background-size: 100%;
}
.wrokforce-boundaries .view-more {
  margin-top: 30px;
}
.wrokforce-boundaries .view-more a {
  background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
  padding: 9px 23px;
  display: inline-block;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
  line-height: 19px;
  text-decoration: none;
  transition: all 0.5s;
  background: linear-gradient(91.33deg, #A30E8A 23.51%, #5F199D 72.43%);
}
.wrokforce-boundaries .view-more a img {
  margin-left: 8px;
  max-width: 17px;
  display: inline-block;
  width: auto;
  transition: all 0.5s;
  height: auto;
}
.wrokforce-boundaries .view-more a:hover {
  background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}
.wrokforce-boundaries .view-more a:hover img {
  margin-left: 10px;
}
.wrokforce-boundaries .view-more a:hover {
  background: linear-gradient(91.33deg, #5F199D 23.51%, #A30E8A 72.43%);
}

.monility-cta {
  padding: 60px 0;
  background-size: cover !important;
}
.monility-cta .head {
  padding-bottom: 20px;
}
.monility-cta .head h2 {
  color: #fff;
  margin-bottom: 20px;
}
.monility-cta .head p {
  color: #fff;
}
.monility-cta .cta-box {
  flex-wrap: wrap;
  gap: 20px;
}
.monility-cta .cta-box a {
  background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
  padding: 9px 23px;
  display: inline-block;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
  line-height: 19px;
  text-decoration: none;
  transition: all 0.5s;
  margin-right: 15px;
}
.monility-cta .cta-box a img {
  margin-left: 8px;
  max-width: 17px;
  display: inline-block;
  width: auto;
  transition: all 0.5s;
  height: auto;
}
.monility-cta .cta-box a:hover {
  background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}
.monility-cta .cta-box a:hover img {
  margin-left: 10px;
}
.monility-cta .cta-box a.get-free-counsulations {
  border: 1px solid transparent;
  background: linear-gradient(92.63deg, #D99C00 21.34%, #CE6300 71.05%);
}
.monility-cta .cta-box a.get-free-counsulations:hover {
  background: transparent;
  border-color: #fff;
}
.monility-cta .cta-box a.explore-solutions {
  background: transparent;
  border: 1px solid #fff;
}
.monility-cta .cta-box a.explore-solutions:hover {
  background: linear-gradient(92.63deg, #D99C00 21.34%, #CE6300 71.05%);
}
.monility-cta.SPSF .cta-box a {
  background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
  padding: 9px 23px;
  display: inline-block;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
  line-height: 19px;
  text-decoration: none;
  transition: all 0.5s;
  margin-right: 15px;
}
.monility-cta.SPSF .cta-box a img {
  margin-left: 8px;
  max-width: 17px;
  display: inline-block;
  width: auto;
  transition: all 0.5s;
  height: auto;
}
.monility-cta.SPSF .cta-box a:hover {
  background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}
.monility-cta.SPSF .cta-box a:hover img {
  margin-left: 10px;
}
.monility-cta.SPSF .cta-box a.get-free-counsulations {
  border: 1px solid transparent;
  background: linear-gradient(88.15deg, #0052CD 17.21%, #0798FF 99.24%);
}
.monility-cta.SPSF .cta-box a.get-free-counsulations:hover {
  background: linear-gradient(88.15deg, #0798FF 17.21%, #0052CD 99.24%);
}

.problem-it-leaders {
  padding: 60px 0;
  background-size: cover !important;
}
.problem-it-leaders .head h2 {
  color: #fff;
}
.problem-it-leaders .head p {
  color: #fff;
}
.problem-it-leaders .image-text-box {
  align-items: flex-start;
}
.problem-it-leaders .image-text-box .text-box-grid {
  width: 55%;
  padding-right: 35px;
  justify-content: space-between;
}
.problem-it-leaders .image-text-box .text-box-grid .text-box {
  width: 49%;
  padding: 25px;
  border: 1px solid #1E3E4C;
  border-radius: 6px;
  margin-bottom: 15px;
  background: linear-gradient(180deg, rgba(10, 0, 99, 0.15) 0%, rgba(0, 201, 97, 0.15) 100%);
  transition: all 0.5s;
}
.problem-it-leaders .image-text-box .text-box-grid .text-box span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: linear-gradient(92.9deg, #005E98 21.73%, #009C82 102.56%);
  margin-bottom: 25px;
}
.problem-it-leaders .image-text-box .text-box-grid .text-box span img {
  max-width: 23px;
}
.problem-it-leaders .image-text-box .text-box-grid .text-box h3 {
  color: #fff;
  font-family: "Graphik Semibold";
  font-size: 20px;
}
.problem-it-leaders .image-text-box .text-box-grid .text-box p {
  color: #fff;
  margin-bottom: 0;
  font-size: 20px;
}
@media screen and (max-width: 576px) {
  .problem-it-leaders .image-text-box .text-box-grid .text-box {
    width: 100%;
    padding-right: 0;
  }
}
.problem-it-leaders .image-text-box .text-box-grid .text-box:hover {
  box-shadow: -1px 1px 14px 0px rgba(148, 114, 253, 0.5);
  -webkit-box-shadow: -1px 1px 14px 0px rgba(148, 114, 253, 0.5);
  -moz-box-shadow: -1px 1px 14px 0px rgba(148, 114, 253, 0.5);
}
@media screen and (max-width: 767px) {
  .problem-it-leaders .image-text-box .text-box-grid {
    width: 100%;
    padding-right: 0;
  }
}
.problem-it-leaders .image-text-box .image-box {
  width: 45%;
}
@media screen and (max-width: 767px) {
  .problem-it-leaders .image-text-box .image-box {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .problem-it-leaders .image-text-box {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
}

.explore-different-options {
  padding: 60px 0;
  background: 100% 100% !important;
  background-size: cover;
}
.explore-different-options .explore-option-slider {
  padding: 0 100px;
}
.explore-different-options .explore-option-slider .slide {
  position: relative;
  box-shadow: 0px 27px 43.3px 0px #c8ffff; /* Drop shadow */
  border-radius: 18px;
  padding: 20px;
  background: #fff;
  z-index: 1;
  overflow: hidden;
}
.explore-different-options .explore-option-slider .slide:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 18px;
  padding: 1px;
  background: linear-gradient(90deg, #01b441, #e9fffe, #01c9ff);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: -1;
}
.explore-different-options .explore-option-slider .slide .image-box {
  width: 42%;
}
@media screen and (max-width: 767px) {
  .explore-different-options .explore-option-slider .slide .image-box {
    width: 100%;
    margin-bottom: 25px;
  }
}
.explore-different-options .explore-option-slider .slide .text-box {
  width: 63%;
  padding-left: 30px;
}
.explore-different-options .explore-option-slider .slide .text-box h3 {
  color: #0696af;
  font-family: "Graphik Semibold";
  font-size: 26px;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.explore-different-options .explore-option-slider .slide .text-box p {
  font-size: 20px;
  color: #272c33;
}
@media screen and (max-width: 767px) {
  .explore-different-options .explore-option-slider .slide .text-box p {
    font-size: 16px;
  }
}
.explore-different-options .explore-option-slider .slide .text-box h4 {
  font-family: "Graphik Medium";
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 15px;
}
.explore-different-options .explore-option-slider .slide .text-box ul {
  margin-bottom: 25px;
  list-style: disc;
  padding-left: 17px;
}
.explore-different-options .explore-option-slider .slide .text-box ul li {
  font-size: 20px;
  color: #000;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .explore-different-options .explore-option-slider .slide .text-box ul li {
    font-size: 16px;
  }
}
.explore-different-options .explore-option-slider .slide .text-box a {
  background: linear-gradient(91.33deg, #059b66 23.51%, #2b5295 72.43%);
  width: 185px;
  height: 50px;
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-decoration: none;
}
.explore-different-options .explore-option-slider .slide .text-box a img {
  margin-left: 10px;
}
.explore-different-options .explore-option-slider .slide .text-box a:hover {
  background: linear-gradient(91.33deg, #2b5295 23.51%, #059b66 72.43%);
}
@media screen and (max-width: 767px) {
  .explore-different-options .explore-option-slider .slide .text-box {
    width: 100%;
    padding-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .explore-different-options .explore-option-slider .slide {
    flex-wrap: wrap;
  }
}
.explore-different-options .explore-option-slider .slick-dots {
  left: 0;
  bottom: -50px;
  display: flex;
  justify-content: center;
  margin-top: 25px;
}
.explore-different-options .explore-option-slider .slick-dots li {
  width: 14px;
  height: 14px;
  padding: 0px;
  background: #fff;
  border: 1px solid #2b5295;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.explore-different-options .explore-option-slider .slick-dots li button {
  background: #fff;
  padding: 0;
  border-radius: 100%;
  width: 8px;
  height: 8px;
}
.explore-different-options .explore-option-slider .slick-dots li button:before {
  display: none;
}
.explore-different-options .explore-option-slider .slick-dots li.slick-active button {
  background: #18787d;
}
.explore-different-options .explore-option-slider .slick-arrow {
  width: 51px;
  height: 51px;
  border: 2px solid #000000;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9;
}
.explore-different-options .explore-option-slider .slick-arrow::before {
  background: url(../images/arrow-use-slide.png) no-repeat;
  font-size: 0;
  color: transparent;
  width: 28px;
  height: 16px;
  filter: invert(100);
}
.explore-different-options .explore-option-slider .slick-arrow:hover {
  border-color: #06abbf;
  background: #06abbf;
}
.explore-different-options .explore-option-slider .slick-arrow:hover::before {
  filter: unset;
}
@media screen and (max-width: 1199px) {
  .explore-different-options .explore-option-slider .slick-arrow {
    width: 45px;
    height: 45px;
  }
}
.explore-different-options .explore-option-slider .slick-prev {
  left: 0px;
}
@media screen and (max-width: 767px) {
  .explore-different-options .explore-option-slider .slick-prev {
    left: -15px;
  }
}
.explore-different-options .explore-option-slider .slick-next {
  right: 0px;
}
.explore-different-options .explore-option-slider .slick-next::before {
  transform: rotate(180deg);
}
@media screen and (max-width: 767px) {
  .explore-different-options .explore-option-slider .slick-next {
    right: -15px;
  }
}
@media screen and (max-width: 767px) {
  .explore-different-options .explore-option-slider {
    padding: 0px 12px;
  }
}

.choose-right-dass {
  padding: 60px 0;
  background-size: cover !important;
}
.choose-right-dass .head h2 {
  color: #fff;
}
.choose-right-dass .head p {
  color: #fff;
}
.choose-right-dass table {
  width: 100%;
  border: 1px dotted #4C4C4C;
}
.choose-right-dass table thead th {
  background: #024242;
  color: #7AD7D3;
  font-size: 18px;
  line-height: 60px;
  padding: 0 25px;
  font-family: "Graphik Semibold";
}
@media screen and (max-width: 767px) {
  .choose-right-dass table thead th {
    font-size: 14px;
    line-height: 20px;
    padding: 5px;
  }
}
@media screen and (max-width: 767px) {
  .choose-right-dass table thead th {
    font-size: 12px;
    line-height: 16px;
  }
}
.choose-right-dass table tbody tr td {
  color: #fff;
  text-align: center;
  font-size: 17px;
  line-height: 25px;
  padding: 15px 25px;
  border-right: 1px dotted #4C4C4C;
}
.choose-right-dass table tbody tr td:first-child {
  text-align: left;
}
@media screen and (max-width: 767px) {
  .choose-right-dass table tbody tr td {
    font-size: 14px;
    line-height: 20px;
    padding: 10px 5px;
  }
}
@media screen and (max-width: 576px) {
  .choose-right-dass table tbody tr td {
    font-size: 12px;
    line-height: 16px;
    padding: 10px 5px;
  }
}

.device-section {
  background-size: cover !important;
  padding: 60px 0;
}
.device-section .head h2 {
  color: #fff;
}
.device-section .head p {
  color: #fff;
}
.device-section .device-cards {
  display: flex;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;
  text-align: center;
  background: 100% 100% !important;
}
.device-section .device-cards .device-card {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  padding: 0px;
  width: 31%;
  transition: all 0.3s ease;
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
}
.device-section .device-cards .device-card h3 {
  font-size: 18px;
  margin-top: 0px;
  margin-bottom: 25px;
  font-weight: 600;
  padding: 25px 15px;
  border-radius: 20px;
  color: #fff;
}
.device-section .device-cards .device-card p {
  font-size: 20px;
  line-height: 33px;
  color: #d8d8d8;
  padding: 15px 25px;
  margin-bottom: 0;
  margin-top: 15px;
}
.device-section .device-cards .device-card .icon img {
  width: 48px;
  height: 48px;
  filter: brightness(0) invert(1);
}
.device-section .device-cards .device-card:hover {
  transform: translateY(-5px);
}
@media screen and (max-width: 991px) {
  .device-section .device-cards .device-card {
    width: 45%;
  }
}
@media screen and (max-width: 576px) {
  .device-section .device-cards .device-card {
    width: 100%;
  }
}

.type-of-assets {
  padding: 60px 0;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
  background-size: 100% 100% !important;
}
.type-of-assets .head h2 {
  color: #fff;
}
.type-of-assets .head p {
  color: #fff;
}
.type-of-assets .container {
  position: relative;
}

:root {
  --card-w: 225px;
  --card-h: 450px;
  --visible-gap: 20px;
  --depth: 200px;
  --bg: #041024;
}

.slider-box {
  position: relative;
  height: auto;
  aspect-ratio: 1100/520;
  perspective: 1400px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 120px 25px 0 25px;
}
.slider-box .nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 45px;
  height: 45px;
  border: none;
  border-radius: 50%;
  color: #fff;
  background: rgba(0, 0, 0, 0.6117647059);
  border: 1px solid #fff;
  font-size: 20px;
  cursor: pointer;
  z-index: 20;
  transition: background 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slider-box .nav:hover {
  background: rgba(255, 255, 255, 0.18);
}
.slider-box .prev {
  left: 5px;
}
.slider-box .next {
  right: 5px;
}
.slider-box .cards {
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
}
.slider-box .card {
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--card-w);
  height: var(--card-h);
  border-radius: 20px;
  overflow: hidden;
  transform-origin: center center;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5);
  transition: transform 0.5s ease, opacity 0.5s ease;
  background: #000;
}
.slider-box .card img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.slider-box .label {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  color: #fff;
  font-weight: 600;
  text-shadow: 0 4px 10px rgba(0, 0, 0, 0.6);
  text-align: center;
}
@media (max-width: 479px) {
  .slider-box .label {
    font-size: 13px;
    line-height: 19px;
    display: block;
  }
}

/* ---------- Responsive Styles ---------- */
@media (max-width: 1024px) {
  :root {
    --card-w: 200px;
    --card-h: 320px;
    --visible-gap: 16px;
    --depth: 160px;
  }
}
@media (max-width: 768px) {
  :root {
    --card-w: 160px;
    --card-h: 280px;
    --visible-gap: 14px;
    --depth: 120px;
  }
  .slider-box {
    width: 95vw;
    overflow: visible;
  }
  .prev,
  .next {
    width: 40px;
    height: 40px;
    font-size: 18px;
  }
}
@media (max-width: 480px) {
  :root {
    --card-w: 130px;
    --card-h: 250px;
    --visible-gap: 10px;
    --depth: 90px;
  }
  .slider-box {
    height: 340px;
    perspective: 1000px;
  }
  .prev,
  .next {
    width: 36px;
    height: 36px;
    font-size: 16px;
  }
}
.device-in-store {
  padding: 60px 0;
}
.device-in-store .device-grid {
  justify-content: space-between;
}
.device-in-store .device-grid .device-box {
  width: 20%;
  text-align: center;
}
.device-in-store .device-grid .device-box figure {
  min-height: 312px;
  overflow: hidden;
  padding: 20px;
}
.device-in-store .device-grid .device-box figure img {
  max-width: 100%;
  transition: all 0.5s;
}
@media screen and (max-width: 1199px) {
  .device-in-store .device-grid .device-box figure img {
    height: 100%;
  }
}
@media screen and (max-width: 1199px) {
  .device-in-store .device-grid .device-box figure {
    min-height: 312px;
  }
}
.device-in-store .device-grid .device-box h3 {
  font-size: 20px;
  font-family: "Graphik Medium";
}
@media screen and (max-width: 1199px) {
  .device-in-store .device-grid .device-box h3 {
    font-size: 17px;
  }
}
@media screen and (max-width: 1024px) {
  .device-in-store .device-grid .device-box {
    width: 33.3%;
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 767px) {
  .device-in-store .device-grid .device-box {
    width: 48%;
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 576px) {
  .device-in-store .device-grid .device-box {
    width: 100%;
    margin-bottom: 25px;
  }
}
.device-in-store .device-grid .device-box:hover figure img {
  transform: scale(1.03);
}
@media screen and (max-width: 1024px) {
  .device-in-store .device-grid {
    flex-wrap: wrap;
    justify-content: inherit;
  }
}

.step-by-step {
  padding: 60px 0;
  background: url(../images/how-it-works-bg.webp) left top no-repeat;
  background-size: cover;
  position: relative;
}
.step-by-step:before {
  background: url(../images/how-works-bfr.webp) left bottom no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  content: "";
  left: 0;
  bottom: 0;
}
.step-by-step .steps {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 9;
}
.step-by-step .steps .step {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0px;
  border-bottom: 1px dashed rgb(181, 181, 181);
}
.step-by-step .steps .step .step-content {
  display: flex;
  align-items: center;
  text-align: left;
  gap: 15px;
  flex: 1;
  width: calc(100% - 330px);
}
.step-by-step .steps .step .step-content .step-number {
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  background: linear-gradient(138.88deg, #046E00 17.75%, #00B206 82.18%);
}
.step-by-step .steps .step .step-content .step-text h3 {
  margin: 0;
  font-size: 24px;
  font-family: "Graphik Semibold";
  color: #000;
}
.step-by-step .steps .step .step-content .step-text p {
  margin: 5px 0 0;
  color: #000;
}
@media screen and (max-width: 767px) {
  .step-by-step .steps .step .step-content {
    width: 65%;
  }
}
@media screen and (max-width: 576px) {
  .step-by-step .steps .step .step-content {
    width: 100%;
  }
}
.step-by-step .steps .step .step-images {
  width: 300px;
  overflow: hidden;
  border-radius: 8px;
}
.step-by-step .steps .step .step-images img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
  transition: all 0.5s;
}
@media screen and (max-width: 767px) {
  .step-by-step .steps .step .step-images {
    width: 30%;
  }
}
@media screen and (max-width: 576px) {
  .step-by-step .steps .step .step-images {
    width: 100%;
    margin-bottom: 25px;
  }
}
.step-by-step .steps .step .step-images:hover img {
  transform: scale(1.03);
}
.step-by-step .steps .step:last-child {
  border: none;
}
@media screen and (max-width: 767px) {
  .step-by-step .steps .step {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 576px) {
  .step-by-step .steps .step {
    flex-direction: column-reverse;
  }
}
.step-by-step .cta-buttons {
  position: relative;
  z-index: 9;
}
.step-by-step .cta-buttons a {
  background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
  padding: 9px 23px;
  display: inline-block;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
  line-height: 19px;
  text-decoration: none;
  transition: all 0.5s;
  margin-right: 15px;
  border: 1px solid transparent;
  background: linear-gradient(91.33deg, #00773B 23.51%, #067566 72.43%);
}
.step-by-step .cta-buttons a img {
  margin-left: 8px;
  max-width: 17px;
  display: inline-block;
  width: auto;
  transition: all 0.5s;
  height: auto;
}
.step-by-step .cta-buttons a:hover {
  background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}
.step-by-step .cta-buttons a:hover img {
  margin-left: 10px;
}
.step-by-step .cta-buttons a:hover {
  background: linear-gradient(91.33deg, #067566 23.51%, #00773B 72.43%);
}
@media screen and (max-width: 767px) {
  .step-by-step .cta-buttons a {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 767px) {
  .step-by-step .cta-buttons {
    flex-wrap: wrap;
  }
}

.av-solution-outer {
  background: url(../images/av-solution-bg.webp) no-repeat;
  background-size: cover;
  padding: 60px 0px;
}
.av-solution-outer .av-solution-main {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}
.av-solution-outer .av-solution-main .image-stack {
  width: 50%;
  position: relative;
}
.av-solution-outer .av-solution-main .image-stack img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
  opacity: 0;
  z-index: 1;
  pointer-events: none;
  transition: opacity 0.35s, z-index 0s 0.35s;
}
.av-solution-outer .av-solution-main .image-stack img:first-of-type {
  position: relative;
}
.av-solution-outer .av-solution-main .image-stack img.active {
  opacity: 1;
  z-index: 2;
  pointer-events: auto;
}
.av-solution-outer .av-solution-main .image-stack .hot-list {
  position: absolute;
  top: 20%;
  left: 2%;
  width: 98%;
  height: 45%;
  transform: skew(46deg, -3deg) rotate(-20deg);
  z-index: 4;
}
.av-solution-outer .av-solution-main .image-stack .hot-list .hot-block {
  position: absolute;
  top: 5%;
  left: 5%;
  width: 20%;
  height: 27%;
  cursor: pointer;
}
.av-solution-outer .av-solution-main .image-stack .hot-list .hot-block1 {
  top: 0;
  left: 55%;
  width: 20%;
  height: 27%;
}
.av-solution-outer .av-solution-main .image-stack .hot-list .hot-block2 {
  top: 0;
  left: 33%;
  width: 22%;
  height: 27%;
}
.av-solution-outer .av-solution-main .image-stack .hot-list .hot-block3 {
  top: 0;
  left: 0;
  width: 33%;
  height: 27%;
}
.av-solution-outer .av-solution-main .image-stack .hot-list .hot-block4 {
  bottom: 0;
  left: 0;
  width: 46%;
  height: 35%;
  top: auto;
}
.av-solution-outer .av-solution-main .image-stack .hot-list .hot-block5 {
  bottom: 0;
  right: 0;
  top: auto;
  left: auto;
  width: 49%;
  height: 68%;
}
.av-solution-outer .av-solution-main .image-stack .ripple-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 2;
}
.av-solution-outer .av-solution-main .image-stack .ripple-wrap .ripple-box {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
}
.av-solution-outer .av-solution-main .image-stack .ripple-wrap .ripple-box div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.av-solution-outer .av-solution-main .image-stack .ripple-wrap .ripple-box .ripple-core {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: rgba(25, 111, 210, 0.4);
}
.av-solution-outer .av-solution-main .image-stack .ripple-wrap .ripple-box .ripple1, .av-solution-outer .av-solution-main .image-stack .ripple-wrap .ripple-box .ripple2, .av-solution-outer .av-solution-main .image-stack .ripple-wrap .ripple-box .ripple3 {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: rgba(25, 111, 210, 0.6);
  animation: ripple 2s linear infinite;
  transform: translate(-50%, -50%) scale(0);
  opacity: 0;
}
.av-solution-outer .av-solution-main .image-stack .ripple-wrap .ripple-box .ripple2 {
  animation-delay: 0.5s !important;
}
.av-solution-outer .av-solution-main .image-stack .ripple-wrap .ripple-box.active {
  opacity: 0;
}
.av-solution-outer .av-solution-main .image-stack .ripple-wrap .ripple-box1 {
  top: 19%;
  left: 44%;
}
.av-solution-outer .av-solution-main .image-stack .ripple-wrap .ripple-box2 {
  top: 30%;
  left: 32%;
}
.av-solution-outer .av-solution-main .image-stack .ripple-wrap .ripple-box3 {
  top: 45%;
  left: 16%;
}
.av-solution-outer .av-solution-main .image-stack .ripple-wrap .ripple-box4 {
  top: 72%;
  left: 48%;
}
.av-solution-outer .av-solution-main .image-stack .ripple-wrap .ripple-box5 {
  top: 38%;
  left: 69%;
}
.av-solution-outer .av-solution-main .image-stack .ripple-wrap .ripple-box6 {
  top: 10%;
  left: 55%;
}
@media screen and (max-width: 1024px) {
  .av-solution-outer .av-solution-main .image-stack {
    width: 60%;
  }
}
@media screen and (max-width: 991px) {
  .av-solution-outer .av-solution-main .image-stack {
    width: 100%;
  }
}
.av-solution-outer .av-solution-main .side-av-slution {
  width: 35%;
}
.av-solution-outer .av-solution-main .side-av-slution .side-av-area {
  display: flex;
  margin-bottom: 40px;
}
.av-solution-outer .av-solution-main .side-av-slution .side-av-area span {
  min-width: 68px;
  height: 68px;
  display: flex;
  padding: 10px;
  border-radius: 100%;
  align-items: center;
  justify-content: center;
  background: linear-gradient(92.9deg, #980090 21.73%, #9C0024 102.56%);
}
.av-solution-outer .av-solution-main .side-av-slution .side-av-area .side-text {
  padding-left: 15px;
}
.av-solution-outer .av-solution-main .side-av-slution .side-av-area .side-text h3 {
  font-size: 25px;
  line-height: 124%;
  color: #9B014B;
  margin-bottom: 4px;
  font-weight: 700;
}
.av-solution-outer .av-solution-main .side-av-slution .side-av-area .side-text p {
  font-size: 18px;
  line-height: 134%;
  color: #000000;
}
.av-solution-outer .av-solution-main .side-av-slution .side-av-area:last-child {
  margin-bottom: 0px;
}
@media screen and (max-width: 991px) {
  .av-solution-outer .av-solution-main .side-av-slution {
    width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .av-solution-outer .av-solution-main {
    flex-wrap: wrap;
  }
}
.av-solution-outer .tabs-row {
  display: flex;
  justify-content: space-between;
  align-items: last baseline;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  scroll-behavior: smooth;
}
.av-solution-outer .tabs-row .tab-btn {
  display: block;
  width: 240px;
  text-align: center;
  border: none;
  background: none;
}
.av-solution-outer .tabs-row .tab-btn img {
  padding: 5px;
  border: 2px solid transparent;
  width: 100%;
  border-radius: 4px;
}
.av-solution-outer .tabs-row .tab-btn span {
  display: block;
}
.av-solution-outer .tabs-row .tab-btn.active img {
  border-color: #9B0139;
}

.av-solution-second-outer {
  background: url(../images/av-solution-second-outer.webp) no-repeat;
  background-size: cover;
  padding: 60px 0px;
}
.av-solution-second-outer .av-solution-second-main .bottom-tabs-row {
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
  align-items: last baseline;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  scroll-behavior: smooth;
}
.av-solution-second-outer .av-solution-second-main .bottom-tabs-row .bottom-tab-btn {
  display: block;
  width: auto;
  color: #fff;
  font-family: "Graphik Medium";
  padding-bottom: 15px;
  border: none;
  border-bottom: 2px solid transparent;
  font-size: 18px;
  text-align: center;
  background: none;
}
.av-solution-second-outer .av-solution-second-main .bottom-tabs-row .bottom-tab-btn.active {
  color: #9B0139;
  color: #E30097;
  border-color: #E30097;
}
.av-solution-second-outer .av-solution-second-main .av-solution-second-rw .bottom-section {
  display: none;
}
.av-solution-second-outer .av-solution-second-main .av-solution-second-rw .bottom-section .image-text-box {
  display: flex;
}
.av-solution-second-outer .av-solution-second-main .av-solution-second-rw .bottom-section .image-text-box .image-box {
  width: 60%;
}
.av-solution-second-outer .av-solution-second-main .av-solution-second-rw .bottom-section .image-text-box .image-box figure img {
  border-radius: 10px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .av-solution-second-outer .av-solution-second-main .av-solution-second-rw .bottom-section .image-text-box .image-box {
    width: 100%;
  }
}
.av-solution-second-outer .av-solution-second-main .av-solution-second-rw .bottom-section .image-text-box .text-box {
  width: 40%;
  padding-left: 5%;
}
.av-solution-second-outer .av-solution-second-main .av-solution-second-rw .bottom-section .image-text-box .text-box img {
  width: auto;
}
.av-solution-second-outer .av-solution-second-main .av-solution-second-rw .bottom-section .image-text-box .text-box h2 {
  color: #E30097;
  margin: 15px 0;
  font-family: "Graphik Medium";
  font-size: 30px;
  line-height: 40px;
}
.av-solution-second-outer .av-solution-second-main .av-solution-second-rw .bottom-section .image-text-box .text-box h3 {
  font-family: "Graphik Medium";
  font-size: 18px;
  color: #fff;
  margin-bottom: 20px;
}
.av-solution-second-outer .av-solution-second-main .av-solution-second-rw .bottom-section .image-text-box .text-box p {
  color: #fff;
  font-size: 16px;
  position: relative;
}
.av-solution-second-outer .av-solution-second-main .av-solution-second-rw .bottom-section .image-text-box .text-box ul {
  margin-top: 20px;
}
.av-solution-second-outer .av-solution-second-main .av-solution-second-rw .bottom-section .image-text-box .text-box ul li {
  color: #fff;
  font-size: 16px;
  position: relative;
  margin-bottom: 10px;
  padding-left: 15px;
}
.av-solution-second-outer .av-solution-second-main .av-solution-second-rw .bottom-section .image-text-box .text-box ul li:before {
  position: absolute;
  left: 0;
  top: 10px;
  width: 4px;
  height: 4px;
  border-radius: 8px;
  background: #fff;
  display: block;
  content: "";
}
@media screen and (max-width: 767px) {
  .av-solution-second-outer .av-solution-second-main .av-solution-second-rw .bottom-section .image-text-box .text-box {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .av-solution-second-outer .av-solution-second-main .av-solution-second-rw .bottom-section .image-text-box {
    flex-wrap: wrap;
  }
}
.av-solution-second-outer .av-solution-second-main .av-solution-second-rw .bottom-section.active {
  display: block;
}
@keyframes ripple {
  0% {
    transform: translate(-50%, -50%) scale(0);
    opacity: 1;
  }
  to {
    transform: translate(-50%, -50%) scale(2);
    opacity: 0;
  }
}
.unity-intro {
  padding: 60px 0;
  background: url(../images/introcloud-bg.webp) left top no-repeat;
  background-size: cover;
}
.unity-intro .head h2 {
  color: #fff;
}
.unity-intro .head p {
  color: white;
}
.unity-intro .image-text {
  display: flex;
  align-items: center;
}
.unity-intro .image-text .text-box {
  width: 60%;
}
.unity-intro .image-text .text-box h3 {
  color: #fff;
  font-size: 30px;
  line-height: 40px;
  font-family: "Graphik Semibold";
}
.unity-intro .image-text .text-box p {
  color: #fff;
}
@media screen and (max-width: 767px) {
  .unity-intro .image-text .text-box {
    width: 100%;
  }
}
.unity-intro .image-text .image-box {
  width: 40%;
}
.unity-intro .image-text .image-box img {
  width: 100%;
  border-radius: 10px;
}
@media screen and (max-width: 767px) {
  .unity-intro .image-text .image-box {
    width: 100%;
    margin-bottom: 25px;
  }
}
.unity-intro .image-text .image-box .video-container {
  position: relative;
  width: 625px;
  max-width: 100%;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
.unity-intro .image-text .image-box .video-container .thumbnail {
  width: 100%;
  display: block;
}
.unity-intro .image-text .image-box .video-container .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  width: 70px;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: 0.3s ease;
}
.unity-intro .image-text .image-box .video-container .play-button:hover {
  transform: translate(-50%, -50%) scale(1.1);
}
.unity-intro .image-text .image-box .video-container iframe {
  width: 100%;
  height: 350px;
  border: none;
}
@media screen and (max-width: 767px) {
  .unity-intro .image-text {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
}

.team-computer-advantage {
  padding: 60px 0;
  position: relative;
  background-size: cover !important;
}
.team-computer-advantage .container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.team-computer-advantage .container .head {
  text-align: left;
  width: 50%;
}
.team-computer-advantage .container .head p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .team-computer-advantage .container .head {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .team-computer-advantage:before {
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: "";
  }
  .team-computer-advantage .head {
    position: relative;
    z-index: 9;
  }
  .team-computer-advantage .head h2 {
    color: #fff;
  }
  .team-computer-advantage .head p {
    color: #fff;
  }
}

.develop-motivate-care {
  padding: 60px 0;
  background: url(../images/devlope-care.webp) left top no-repeat;
  background-size: cover;
}
.develop-motivate-care .top-row {
  display: flex;
  justify-content: center;
  width: 100%;
  padding-bottom: 20px;
}
.develop-motivate-care .box {
  display: flex;
  position: relative;
  width: 329px;
  height: 267px;
  margin: 0 30px;
}
.develop-motivate-care .box .box-anchor {
  border-radius: 12px;
  background: url(../images/top-box.webp) left top no-repeat;
  background-size: 100% 100%;
  padding: 1.2rem;
  width: 100%;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 10;
}
.develop-motivate-care .box:after {
  background: url(../images/bottom-after.png) left -24px no-repeat;
  position: absolute;
  display: block;
  content: "";
  left: 0;
  bottom: -93px;
  width: 100%;
  height: 190px;
  z-index: 9;
  background-size: 100% 100%;
}
.develop-motivate-care .box .text {
  text-align: center;
}
.develop-motivate-care .box .text h3 {
  font-size: 40px;
  font-family: "Graphik Semibold";
  background: linear-gradient(91.08deg, #008690 6.04%, #1F49DF 92.85%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 767px) {
  .develop-motivate-care .box .text h3 {
    font-size: 30px;
    margin-top: 20px;
  }
}
.develop-motivate-care .box img {
  margin-bottom: 20px;
}
.develop-motivate-care .box h3 {
  color: #004aad;
  font-size: 1.1rem;
  margin: 0;
}
.develop-motivate-care .plus-box {
  align-items: center;
}
.develop-motivate-care .plus-box img {
  width: auto;
}
.develop-motivate-care .connector {
  margin: 0.5rem 0;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 1023px) {
  .develop-motivate-care .connector img {
    width: 90%;
  }
}
.develop-motivate-care .middle-box:before {
  width: 4px;
  height: 44px;
  background: url(../images/box-bfr-dev.png) left top no-repeat;
  position: absolute;
  display: block;
  content: "";
  bottom: -50px;
  left: 50%;
}
.develop-motivate-care .middle-box {
  border-radius: 10px;
  text-align: center;
  font-weight: bold;
  color: #004aad;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 50px;
  position: relative;
}
.develop-motivate-care .middle-box .text-box {
  width: 700px;
  background: #DDFEFF;
  position: relative;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  z-index: 9;
  background: url(../images/bottom-box.webp) left top no-repeat;
  background-size: 100% 100%;
}
.develop-motivate-care .middle-box .text-box img {
  margin-right: 15px;
}
.develop-motivate-care .middle-box .text-box h3 {
  font-size: 40px;
  font-family: "Graphik Semibold";
  background: linear-gradient(91.08deg, #008690 6.04%, #1F49DF 92.85%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .develop-motivate-care .middle-box .text-box h3 {
    font-size: 30px;
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .develop-motivate-care .middle-box .text-box {
    width: 100%;
    flex-wrap: wrap;
  }
}
.develop-motivate-care .middle-box:after {
  background: url(../images/top-after.png) center -24px no-repeat;
  position: absolute;
  display: block;
  content: "";
  left: 0;
  bottom: -70px;
  width: 100%;
  height: 70px;
  z-index: 9;
  background-size: 67% 100%;
}
@media screen and (max-width: 767px) {
  .develop-motivate-care .middle-box:after {
    background-size: 100% 100%;
  }
}
.develop-motivate-care .middle-box.bootm-bx::before {
  display: none;
}
.develop-motivate-care .middle-box.bootm-bx {
  margin-bottom: 0px;
}
@media (max-width: 600px) {
  .develop-motivate-care .top-row {
    flex-direction: column;
    align-items: center;
  }
  .develop-motivate-care .box {
    width: 90%;
    margin: 10px 0;
    height: auto;
  }
  .develop-motivate-care .box h3 {
    font-size: 1rem;
  }
}

.fueling-careers {
  padding: 60px 0;
  position: relative;
  background: url(../images/develop.webp) left top no-repeat;
  background-size: cover;
}
.fueling-careers .head h2 {
  color: #fff;
}
.fueling-careers .head p {
  color: #fff;
}
.fueling-careers .develop-slider {
  background: rgba(255, 255, 255, 0.031372549);
  width: 80%;
  margin: 0 auto;
  border: 1px solid #454545;
  border-radius: 25px;
  padding: 25px 50px;
}
.fueling-careers .develop-slider .slick-list .slick-track .slide {
  display: flex;
  align-items: center;
}
.fueling-careers .develop-slider .slick-list .slick-track .slide .text-box {
  width: 60%;
  padding-right: 50px;
  position: relative;
}
.fueling-careers .develop-slider .slick-list .slick-track .slide .text-box h2 {
  color: #fff;
  font-size: 25px;
  margin-bottom: 13px;
  font-family: "Graphik Medium";
}
.fueling-careers .develop-slider .slick-list .slick-track .slide .text-box h3 {
  color: rgba(255, 255, 255, 0.0509803922);
  top: -27px;
  position: absolute;
  font-size: 40px;
  font-family: "Graphik Bold";
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  .fueling-careers .develop-slider .slick-list .slick-track .slide .text-box h3 {
    font-size: 22px;
  }
}
.fueling-careers .develop-slider .slick-list .slick-track .slide .text-box p {
  color: #fff;
  margin-top: 0px;
}
@media screen and (max-width: 767px) {
  .fueling-careers .develop-slider .slick-list .slick-track .slide .text-box {
    width: 100%;
    padding-right: 0;
  }
}
.fueling-careers .develop-slider .slick-list .slick-track .slide .develop-inner-slider {
  width: 40%;
}
.fueling-careers .develop-slider .slick-list .slick-track .slide .develop-inner-slider img {
  border-radius: 10px;
  width: 100%;
}
.fueling-careers .develop-slider .slick-list .slick-track .slide .develop-inner-slider .slick-dots {
  left: 0;
  bottom: -20px;
  display: flex;
  justify-content: center;
  margin-top: 25px;
}
.fueling-careers .develop-slider .slick-list .slick-track .slide .develop-inner-slider .slick-dots li {
  width: 14px;
  height: 14px;
  padding: 0px;
  background: #fff;
  border: 1px solid #2b5295;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fueling-careers .develop-slider .slick-list .slick-track .slide .develop-inner-slider .slick-dots li button {
  background: #fff;
  padding: 0;
  border-radius: 100%;
  width: 8px;
  height: 8px;
}
.fueling-careers .develop-slider .slick-list .slick-track .slide .develop-inner-slider .slick-dots li button:before {
  display: none;
}
.fueling-careers .develop-slider .slick-list .slick-track .slide .develop-inner-slider .slick-dots li.slick-active button {
  background: #18787d;
}
@media screen and (max-width: 767px) {
  .fueling-careers .develop-slider .slick-list .slick-track .slide .develop-inner-slider {
    width: 100%;
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 767px) {
  .fueling-careers .develop-slider .slick-list .slick-track .slide {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
}
.fueling-careers .develop-slider .slick-arrow {
  width: 51px;
  height: 51px;
  border: 2px solid #fff;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9;
}
.fueling-careers .develop-slider .slick-arrow::before {
  background: url(../images/arrow-use-slide.png) no-repeat;
  font-size: 0;
  color: transparent;
  width: 28px;
  height: 16px;
}
.fueling-careers .develop-slider .slick-arrow:hover {
  border-color: #06abbf;
  background: #06abbf;
}
.fueling-careers .develop-slider .slick-arrow:hover::before {
  filter: unset;
}
@media screen and (max-width: 1199px) {
  .fueling-careers .develop-slider .slick-arrow {
    width: 45px;
    height: 45px;
  }
}
.fueling-careers .develop-slider .slick-prev {
  left: -80px;
}
@media screen and (max-width: 1199px) {
  .fueling-careers .develop-slider .slick-prev {
    left: -24px;
  }
}
@media screen and (max-width: 767px) {
  .fueling-careers .develop-slider .slick-prev {
    left: -30px;
  }
}
.fueling-careers .develop-slider .slick-next {
  right: -80px;
}
@media screen and (max-width: 1199px) {
  .fueling-careers .develop-slider .slick-next {
    right: -24px;
  }
}
@media screen and (max-width: 767px) {
  .fueling-careers .develop-slider .slick-next {
    right: -30px;
  }
}
.fueling-careers .develop-slider .slick-next::before {
  transform: rotate(180deg);
}
@media screen and (max-width: 767px) {
  .fueling-careers .develop-slider {
    padding: 20px;
  }
}
.fueling-careers .stick-text {
  font-size: 90px;
  color: rgba(255, 255, 255, 0.1019607843);
  transform: rotate(-90deg);
  font-family: "Graphik Bold";
  position: absolute;
  right: 0;
  top: 50%;
  right: -160px;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  .fueling-careers .stick-text {
    display: none;
  }
}

.celebrating-milestones {
  padding: 60px 0;
  background: url(../images/celebrating-milestones.webp) left top no-repeat;
  position: relative;
  background-size: cover;
}
.celebrating-milestones .head h2 {
  color: #fff;
}
.celebrating-milestones .head p {
  color: #fff;
}
.celebrating-milestones .awards-slider {
  background: rgba(255, 255, 255, 0.031372549);
  width: 80%;
  margin: 0 auto;
  border: 1px solid #454545;
  border-radius: 25px;
  padding: 25px 50px;
}
.celebrating-milestones .awards-slider .slick-list .slick-track .slide {
  display: flex;
  align-items: center;
}
.celebrating-milestones .awards-slider .slick-list .slick-track .slide .text-box {
  width: 60%;
  padding-right: 50px;
  position: relative;
}
.celebrating-milestones .awards-slider .slick-list .slick-track .slide .text-box h2 {
  color: #fff;
  font-size: 25px;
  margin-bottom: 13px;
  font-family: "Graphik Medium";
}
.celebrating-milestones .awards-slider .slick-list .slick-track .slide .text-box h3 {
  color: rgba(255, 255, 255, 0.0509803922);
  top: -27px;
  position: absolute;
  font-size: 40px;
  font-family: "Graphik Bold";
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  .celebrating-milestones .awards-slider .slick-list .slick-track .slide .text-box h3 {
    font-size: 22px;
  }
}
.celebrating-milestones .awards-slider .slick-list .slick-track .slide .text-box p {
  color: #fff;
  margin-top: 0px;
}
@media screen and (max-width: 767px) {
  .celebrating-milestones .awards-slider .slick-list .slick-track .slide .text-box {
    width: 100%;
    padding-right: 0;
  }
}
.celebrating-milestones .awards-slider .slick-list .slick-track .slide .awards-inner-slider {
  width: 40%;
}
.celebrating-milestones .awards-slider .slick-list .slick-track .slide .awards-inner-slider img {
  border-radius: 10px;
  width: 100%;
}
.celebrating-milestones .awards-slider .slick-list .slick-track .slide .awards-inner-slider .slick-dots {
  left: 0;
  bottom: -20px;
  display: flex;
  justify-content: center;
  margin-top: 25px;
}
.celebrating-milestones .awards-slider .slick-list .slick-track .slide .awards-inner-slider .slick-dots li {
  width: 14px;
  height: 14px;
  padding: 0px;
  background: #fff;
  border: 1px solid #2b5295;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.celebrating-milestones .awards-slider .slick-list .slick-track .slide .awards-inner-slider .slick-dots li button {
  background: #fff;
  padding: 0;
  border-radius: 100%;
  width: 8px;
  height: 8px;
}
.celebrating-milestones .awards-slider .slick-list .slick-track .slide .awards-inner-slider .slick-dots li button:before {
  display: none;
}
.celebrating-milestones .awards-slider .slick-list .slick-track .slide .awards-inner-slider .slick-dots li.slick-active button {
  background: #18787d;
}
@media screen and (max-width: 767px) {
  .celebrating-milestones .awards-slider .slick-list .slick-track .slide .awards-inner-slider {
    width: 100%;
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 767px) {
  .celebrating-milestones .awards-slider .slick-list .slick-track .slide {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
}
.celebrating-milestones .awards-slider .slick-arrow {
  width: 51px;
  height: 51px;
  border: 2px solid #fff;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9;
}
.celebrating-milestones .awards-slider .slick-arrow::before {
  background: url(../images/arrow-use-slide.png) no-repeat;
  font-size: 0;
  color: transparent;
  width: 28px;
  height: 16px;
}
.celebrating-milestones .awards-slider .slick-arrow:hover {
  border-color: #06abbf;
  background: #06abbf;
}
.celebrating-milestones .awards-slider .slick-arrow:hover::before {
  filter: unset;
}
@media screen and (max-width: 1199px) {
  .celebrating-milestones .awards-slider .slick-arrow {
    width: 45px;
    height: 45px;
  }
}
.celebrating-milestones .awards-slider .slick-prev {
  left: -80px;
}
@media screen and (max-width: 1199px) {
  .celebrating-milestones .awards-slider .slick-prev {
    left: -24px;
  }
}
@media screen and (max-width: 767px) {
  .celebrating-milestones .awards-slider .slick-prev {
    left: -30px;
  }
}
.celebrating-milestones .awards-slider .slick-next {
  right: -80px;
}
@media screen and (max-width: 1199px) {
  .celebrating-milestones .awards-slider .slick-next {
    right: -24px;
  }
}
@media screen and (max-width: 767px) {
  .celebrating-milestones .awards-slider .slick-next {
    right: -30px;
  }
}
.celebrating-milestones .awards-slider .slick-next::before {
  transform: rotate(180deg);
}
@media screen and (max-width: 767px) {
  .celebrating-milestones .awards-slider {
    padding: 20px;
  }
}
.celebrating-milestones .stick-text {
  font-size: 90px;
  color: rgba(255, 255, 255, 0.1019607843);
  transform: rotate(-90deg);
  font-family: "Graphik Bold";
  position: absolute;
  top: 50%;
  left: -172px;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  .celebrating-milestones .stick-text {
    display: none;
  }
}

.putting-people {
  padding: 60px 0;
  position: relative;
  background: url(../images/putting-people.webp) left top no-repeat;
  background-size: cover;
}
.putting-people .head h2 {
  color: #fff;
}
.putting-people .head p {
  color: #fff;
}
.putting-people .putting-people-inner {
  background: rgba(255, 255, 255, 0.031372549);
  width: 80%;
  margin: 0 auto;
  border: 1px solid #454545;
  border-radius: 25px;
  padding: 25px 50px;
}
.putting-people .putting-people-inner .slick-list .slick-track .slide {
  display: flex;
  align-items: center;
}
.putting-people .putting-people-inner .slick-list .slick-track .slide .text-box {
  width: 60%;
  padding-right: 50px;
  position: relative;
}
.putting-people .putting-people-inner .slick-list .slick-track .slide .text-box h2 {
  color: #fff;
  font-size: 25px;
  margin-bottom: 13px;
  font-family: "Graphik Medium";
}
.putting-people .putting-people-inner .slick-list .slick-track .slide .text-box h3 {
  color: rgba(255, 255, 255, 0.0509803922);
  top: -27px;
  position: absolute;
  font-size: 40px;
  font-family: "Graphik Bold";
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  .putting-people .putting-people-inner .slick-list .slick-track .slide .text-box h3 {
    font-size: 22px;
  }
}
.putting-people .putting-people-inner .slick-list .slick-track .slide .text-box p {
  color: #fff;
  margin-top: 0px;
}
@media screen and (max-width: 767px) {
  .putting-people .putting-people-inner .slick-list .slick-track .slide .text-box {
    width: 100%;
    padding-right: 0;
  }
}
.putting-people .putting-people-inner .slick-list .slick-track .slide .care-inner-slider {
  width: 40%;
}
.putting-people .putting-people-inner .slick-list .slick-track .slide .care-inner-slider img {
  border-radius: 10px;
  width: 100%;
}
.putting-people .putting-people-inner .slick-list .slick-track .slide .care-inner-slider .slick-dots {
  left: 0;
  bottom: -20px;
  display: flex;
  justify-content: center;
  margin-top: 25px;
}
.putting-people .putting-people-inner .slick-list .slick-track .slide .care-inner-slider .slick-dots li {
  width: 14px;
  height: 14px;
  padding: 0px;
  background: #fff;
  border: 1px solid #2b5295;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.putting-people .putting-people-inner .slick-list .slick-track .slide .care-inner-slider .slick-dots li button {
  background: #fff;
  padding: 0;
  border-radius: 100%;
  width: 8px;
  height: 8px;
}
.putting-people .putting-people-inner .slick-list .slick-track .slide .care-inner-slider .slick-dots li button:before {
  display: none;
}
.putting-people .putting-people-inner .slick-list .slick-track .slide .care-inner-slider .slick-dots li.slick-active button {
  background: #18787d;
}
@media screen and (max-width: 767px) {
  .putting-people .putting-people-inner .slick-list .slick-track .slide .care-inner-slider {
    width: 100%;
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 767px) {
  .putting-people .putting-people-inner .slick-list .slick-track .slide {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
}
.putting-people .putting-people-inner .slick-arrow {
  width: 51px;
  height: 51px;
  border: 2px solid #fff;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9;
}
.putting-people .putting-people-inner .slick-arrow::before {
  background: url(../images/arrow-use-slide.png) no-repeat;
  font-size: 0;
  color: transparent;
  width: 28px;
  height: 16px;
}
.putting-people .putting-people-inner .slick-arrow:hover {
  border-color: #06abbf;
  background: #06abbf;
}
.putting-people .putting-people-inner .slick-arrow:hover::before {
  filter: unset;
}
@media screen and (max-width: 1199px) {
  .putting-people .putting-people-inner .slick-arrow {
    width: 45px;
    height: 45px;
  }
}
.putting-people .putting-people-inner .slick-prev {
  left: -80px;
}
@media screen and (max-width: 1199px) {
  .putting-people .putting-people-inner .slick-prev {
    left: -24px;
  }
}
@media screen and (max-width: 767px) {
  .putting-people .putting-people-inner .slick-prev {
    left: -30px;
  }
}
.putting-people .putting-people-inner .slick-next {
  right: -80px;
}
@media screen and (max-width: 1199px) {
  .putting-people .putting-people-inner .slick-next {
    right: -24px;
  }
}
@media screen and (max-width: 767px) {
  .putting-people .putting-people-inner .slick-next {
    right: -30px;
  }
}
.putting-people .putting-people-inner .slick-next::before {
  transform: rotate(180deg);
}
@media screen and (max-width: 767px) {
  .putting-people .putting-people-inner {
    padding: 20px;
  }
}
.putting-people .stick-text {
  font-size: 90px;
  color: rgba(255, 255, 255, 0.1019607843);
  transform: rotate(-90deg);
  font-family: "Graphik Bold";
  position: absolute;
  top: 50%;
  right: -70px;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  .putting-people .stick-text {
    display: none;
  }
}

.people-customer-advantge-outer {
  padding: 60px 0px;
  background-size: 100% 100% !important;
}
.people-customer-advantge-outer .people-customer-advantge-main {
  display: flex;
  gap: 30px;
  justify-content: center;
  flex-wrap: wrap;
}
.people-customer-advantge-outer .people-customer-advantge-main .people-customer-bx {
  background: rgba(255, 255, 255, 0.35);
  border: 1px solid rgb(255, 255, 255);
  -webkit-backdrop-filter: blur(40px);
          backdrop-filter: blur(40px);
  border-radius: 16px;
  width: calc(33.33% - 22px);
  padding: 50px;
}
.people-customer-advantge-outer .people-customer-advantge-main .people-customer-bx .pople-ico {
  width: 39px;
  height: 39px;
  margin-bottom: 20px;
}
.people-customer-advantge-outer .people-customer-advantge-main .people-customer-bx .pople-ico img {
  max-width: 100%;
}
.people-customer-advantge-outer .people-customer-advantge-main .people-customer-bx h3 {
  font-size: 30px;
  font-family: "Graphik Semibold";
  color: rgb(0, 0, 0);
  margin-bottom: 20px;
}
@media screen and (max-width: 991px) {
  .people-customer-advantge-outer .people-customer-advantge-main .people-customer-bx h3 {
    font-size: 22px;
  }
}
.people-customer-advantge-outer .people-customer-advantge-main .people-customer-bx p {
  color: #000;
}
@media screen and (max-width: 1024px) {
  .people-customer-advantge-outer .people-customer-advantge-main .people-customer-bx {
    width: calc(50% - 22px);
    padding: 40px;
  }
}
@media screen and (max-width: 991px) {
  .people-customer-advantge-outer .people-customer-advantge-main .people-customer-bx {
    width: calc(50% - 22px);
    padding: 30px;
  }
}
@media screen and (max-width: 600px) {
  .people-customer-advantge-outer .people-customer-advantge-main .people-customer-bx {
    width: 100%;
    padding: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .people-customer-advantge-outer .people-customer-advantge-main {
    flex-wrap: wrap;
  }
}

.security-partner-outer {
  background-size: cover !important;
}
.security-partner-outer .security-transformation-main {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 577px;
  max-height: 577px;
}
.security-partner-outer .security-transformation-main .security-left {
  width: 70%;
}
.security-partner-outer .security-transformation-main .security-left .head h2 {
  color: #fff;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .security-partner-outer .security-transformation-main .security-left {
    width: 100%;
  }
}
.security-partner-outer .security-transformation-main .security-right {
  min-width: 260px;
  max-width: 260px;
}
.security-partner-outer .security-transformation-main .security-right .security-transformation-slider .partner {
  height: 204px;
  background: rgb(47, 1, 80);
  border: 1px solid rgb(160, 160, 160);
  margin: 8px 0px;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  opacity: 0.5;
}
.security-partner-outer .security-transformation-main .security-right .security-transformation-slider .partner img {
  -o-object-fit: cover;
     object-fit: cover;
  max-height: 100%;
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .security-partner-outer .security-transformation-main .security-right .security-transformation-slider .partner {
    margin: 0px 8px;
  }
}
.security-partner-outer .security-transformation-main .security-right .security-transformation-slider .partner.slick-active {
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .security-partner-outer .security-transformation-main .security-right {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .security-partner-outer .security-transformation-main {
    min-height: unset;
    max-height: unset;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  .security-partner-outer {
    padding: 60px 0px;
  }
  .security-partner-outer .container {
    padding: 0px;
  }
  .security-partner-outer .container .head {
    padding: 0px 15px 30px;
  }
}

.cloud-design-outer {
  padding: 60px 0px;
  background: #000000;
}
.cloud-design-outer .head h2 {
  color: #fff;
  padding-bottom: 20px;
}
.cloud-design-outer .head h3 {
  background: linear-gradient(92.86deg, #007BFF 1.73%, #BF00FF 84.19%);
  text-transform: unset;
  -webkit-background-clip: text !important;
  font-family: "Graphik Medium";
  font-size: 28px;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 991px) {
  .cloud-design-outer .head h3 {
    font-size: 22px;
  }
}
@media screen and (max-width: 767px) {
  .cloud-design-outer .head h3 {
    font-size: 18px;
  }
}
.cloud-design-outer .head p {
  color: #fff;
}
.cloud-design-outer .cloud-design-main {
  display: flex;
  gap: 25px;
}
.cloud-design-outer .cloud-design-main .cloud-design-bx {
  width: calc(25% - 20px);
  border: 1px solid rgb(65, 65, 65);
  background: url(../images/cloud-design-bx-bg.webp) no-repeat;
  background: 100% 100%;
  border-radius: 11px;
  padding: 22px;
  display: flex;
  flex-wrap: wrap;
}
.cloud-design-outer .cloud-design-main .cloud-design-bx figure {
  width: 100%;
}
.cloud-design-outer .cloud-design-main .cloud-design-bx figure img {
  width: 100%;
}
.cloud-design-outer .cloud-design-main .cloud-design-bx .cloud-design-text p {
  font-size: 21px;
  line-height: 148%;
  color: rgb(255, 255, 255);
  margin-top: 40px;
  width: 100%;
  margin-bottom: 0px;
  transition: all 0.5s;
}
.cloud-design-outer .cloud-design-main .cloud-design-bx:nth-child(2n) figure {
  order: 2;
}
@media screen and (max-width: 600px) {
  .cloud-design-outer .cloud-design-main .cloud-design-bx:nth-child(2n) figure {
    order: 1;
  }
}
.cloud-design-outer .cloud-design-main .cloud-design-bx:nth-child(2n) .cloud-design-text {
  order: 1;
}
.cloud-design-outer .cloud-design-main .cloud-design-bx:nth-child(2n) .cloud-design-text p {
  margin-top: 0px;
  margin-bottom: 40px;
}
@media screen and (max-width: 600px) {
  .cloud-design-outer .cloud-design-main .cloud-design-bx:nth-child(2n) .cloud-design-text p {
    margin-top: 40px;
    margin-bottom: 0px;
  }
}
.cloud-design-outer .cloud-design-main .cloud-design-bx:nth-child(2n):hover p {
  margin-bottom: 30px;
  margin-top: 0px;
}
.cloud-design-outer .cloud-design-main .cloud-design-bx:hover p {
  margin-top: 30px;
}
@media screen and (max-width: 991px) {
  .cloud-design-outer .cloud-design-main .cloud-design-bx {
    width: calc(50% - 20px);
  }
}
@media screen and (max-width: 600px) {
  .cloud-design-outer .cloud-design-main .cloud-design-bx {
    width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .cloud-design-outer .cloud-design-main {
    flex-wrap: wrap;
  }
}

.complete-cloud-outer {
  padding: 60px 0px;
  background-size: 100% 100% !important;
}
.complete-cloud-outer .head h2 {
  color: #fff;
}
.complete-cloud-outer .complete-cloud-main ul {
  justify-content: center;
  gap: 20px;
  border: none;
}
.complete-cloud-outer .complete-cloud-main ul li {
  width: calc(25% - 20px);
  display: flex;
}
.complete-cloud-outer .complete-cloud-main ul li .nav-link {
  background: rgba(255, 255, 255, 0.06);
  border-radius: 56px;
  color: #fff;
  padding: 10px 34px;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
}
@media screen and (max-width: 1199px) {
  .complete-cloud-outer .complete-cloud-main ul li .nav-link {
    padding: 10px 20px;
  }
}
.complete-cloud-outer .complete-cloud-main ul li .nav-link.active {
  background: rgb(255, 255, 255);
  color: #000;
}
@media screen and (max-width: 1199px) {
  .complete-cloud-outer .complete-cloud-main ul li {
    width: calc(33.33% - 20px);
  }
}
.complete-cloud-outer .complete-cloud-main .tab-content.accordion {
  margin-top: 60px;
}
.complete-cloud-outer .complete-cloud-main .tab-content.accordion .accordion-item {
  background: none;
  border: none;
}
.complete-cloud-outer .complete-cloud-main .tab-content.accordion .accordion-item .accordion-body {
  background: linear-gradient(360deg, #132C81 8.39%, #0F1156 97.69%);
  -webkit-backdrop-filter: blur(40px);
          backdrop-filter: blur(40px);
  border-radius: 30px;
  display: flex;
  padding: 50px;
  gap: 50px;
  background-size: 100% 100% !important;
  justify-content: space-between;
}
.complete-cloud-outer .complete-cloud-main .tab-content.accordion .accordion-item .accordion-body .cloud-complete-content {
  width: calc(50% - 25px);
}
.complete-cloud-outer .complete-cloud-main .tab-content.accordion .accordion-item .accordion-body .cloud-complete-content h3 {
  font-size: 26px;
  font-family: "Graphik Semibold";
  color: #fff;
  padding-bottom: 15px;
}
@media screen and (max-width: 1024px) {
  .complete-cloud-outer .complete-cloud-main .tab-content.accordion .accordion-item .accordion-body .cloud-complete-content h3 {
    font-size: 20px;
  }
}
.complete-cloud-outer .complete-cloud-main .tab-content.accordion .accordion-item .accordion-body .cloud-complete-content h4 {
  font-size: 20px;
  color: #fff;
  padding-bottom: 25px;
  font-family: "Graphik Medium";
}
@media screen and (max-width: 1024px) {
  .complete-cloud-outer .complete-cloud-main .tab-content.accordion .accordion-item .accordion-body .cloud-complete-content h4 {
    font-size: 18px;
  }
}
.complete-cloud-outer .complete-cloud-main .tab-content.accordion .accordion-item .accordion-body .cloud-complete-content ul {
  margin-bottom: 30px;
}
.complete-cloud-outer .complete-cloud-main .tab-content.accordion .accordion-item .accordion-body .cloud-complete-content ul li {
  width: 100%;
  background: url(../images/security-li-bg.webp) no-repeat 0px 5px;
  padding-left: 23px;
  font-size: 20px;
  line-height: 140%;
  color: #fff;
  margin-bottom: 10px;
}
@media screen and (max-width: 1024px) {
  .complete-cloud-outer .complete-cloud-main .tab-content.accordion .accordion-item .accordion-body .cloud-complete-content ul li {
    font-size: 18px;
  }
}
.complete-cloud-outer .complete-cloud-main .tab-content.accordion .accordion-item .accordion-body .cloud-complete-content a {
  background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
  padding: 9px 23px;
  display: inline-block;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
  line-height: 19px;
  text-decoration: none;
  transition: all 0.5s;
  background: linear-gradient(92.86deg, #007BFF 1.73%, #BF00FF 84.19%);
}
.complete-cloud-outer .complete-cloud-main .tab-content.accordion .accordion-item .accordion-body .cloud-complete-content a img {
  margin-left: 8px;
  max-width: 17px;
  display: inline-block;
  width: auto;
  transition: all 0.5s;
  height: auto;
}
.complete-cloud-outer .complete-cloud-main .tab-content.accordion .accordion-item .accordion-body .cloud-complete-content a:hover {
  background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}
.complete-cloud-outer .complete-cloud-main .tab-content.accordion .accordion-item .accordion-body .cloud-complete-content a:hover img {
  margin-left: 10px;
}
.complete-cloud-outer .complete-cloud-main .tab-content.accordion .accordion-item .accordion-body .cloud-complete-content a:hover {
  background: linear-gradient(92.86deg, #BF00FF 1.73%, #007BFF 84.19%);
}
@media screen and (max-width: 767px) {
  .complete-cloud-outer .complete-cloud-main .tab-content.accordion .accordion-item .accordion-body .cloud-complete-content {
    width: 100%;
  }
}
.complete-cloud-outer .complete-cloud-main .tab-content.accordion .accordion-item .accordion-body .cloud-complete-img {
  width: calc(42% - 25px);
}
.complete-cloud-outer .complete-cloud-main .tab-content.accordion .accordion-item .accordion-body .cloud-complete-img img {
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .complete-cloud-outer .complete-cloud-main .tab-content.accordion .accordion-item .accordion-body .cloud-complete-img {
    width: calc(50% - 25px);
  }
}
@media screen and (max-width: 767px) {
  .complete-cloud-outer .complete-cloud-main .tab-content.accordion .accordion-item .accordion-body .cloud-complete-img {
    width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .complete-cloud-outer .complete-cloud-main .tab-content.accordion .accordion-item .accordion-body {
    flex-wrap: wrap;
    padding: 20px;
    border-radius: 15px;
  }
}
@media screen and (max-width: 991px) {
  .complete-cloud-outer .complete-cloud-main .tab-content.accordion .accordion-item {
    display: block;
    opacity: 1;
    margin-bottom: 10px;
  }
  .complete-cloud-outer .complete-cloud-main .tab-content.accordion .accordion-item .accordion-button {
    margin-bottom: 10px;
    box-shadow: none !important;
    border-radius: 10px;
    font-family: "Graphik Semibold";
    color: #000;
  }
  .complete-cloud-outer .complete-cloud-main .tab-content.accordion .accordion-item .accordion-button.collapsed {
    font-family: "Graphik Regular";
  }
}
@media screen and (max-width: 767px) {
  .complete-cloud-outer .complete-cloud-main .tab-content.accordion {
    margin-top: 20px;
  }
}

.industry-banner-outer {
  padding: 150px 0px 30px;
  height: 100vh;
  background-size: 100% 100% !important;
  display: flex;
  align-items: center;
}
.industry-banner-outer .industry-main {
  text-align: center;
}
.industry-banner-outer .industry-main h1 {
  font-size: 100px;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  font-family: "Graphik Semibold";
  line-height: 102%;
  padding-bottom: 10px;
}
@media screen and (max-width: 1450px) {
  .industry-banner-outer .industry-main h1 {
    font-size: 90px;
  }
}
@media screen and (max-width: 1450px) {
  .industry-banner-outer .industry-main h1 {
    font-size: 80px;
  }
}
@media screen and (max-width: 1199px) {
  .industry-banner-outer .industry-main h1 {
    font-size: 60px;
  }
}
@media screen and (max-width: 767px) {
  .industry-banner-outer .industry-main h1 {
    font-size: 50px;
  }
}
.industry-banner-outer .industry-main h3 {
  font-size: 55px;
  color: #fff;
  font-family: "Graphik Semibold";
  padding-bottom: 10px;
}
@media screen and (max-width: 1450px) {
  .industry-banner-outer .industry-main h3 {
    font-size: 45px;
  }
}
@media screen and (max-width: 1199px) {
  .industry-banner-outer .industry-main h3 {
    font-size: 40px;
  }
}
@media screen and (max-width: 991px) {
  .industry-banner-outer .industry-main h3 {
    font-size: 35px;
  }
}
@media screen and (max-width: 767px) {
  .industry-banner-outer .industry-main h3 {
    font-size: 25px;
  }
  .industry-banner-outer .industry-main h3 br {
    display: none;
  }
}
.industry-banner-outer .industry-main p {
  font-size: 25px;
  color: #fff;
  font-family: "Graphik Medium";
}
@media screen and (max-width: 1450px) {
  .industry-banner-outer .industry-main p {
    font-size: 22px;
  }
}
@media screen and (max-width: 767px) {
  .industry-banner-outer .industry-main p br {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  .industry-banner-outer {
    padding: 100px 0px 30px;
  }
}
@media screen and (max-width: 767px) {
  .industry-banner-outer {
    background-size: cover !important;
  }
}

.expercience-outer {
  position: relative;
  background-size: cover !important;
  padding: 70px 0px;
}
.expercience-outer figure {
  margin-bottom: 0px;
}
.expercience-outer figure img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .expercience-outer figure {
    display: none;
  }
}
.expercience-outer .expercience-text .head span {
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 0px;
  font-family: "Graphik Semibold";
}
.expercience-outer .expercience-text .head h2 {
  color: #fff;
}
@media screen and (max-width: 767px) {
  .expercience-outer .expercience-text .head {
    padding-bottom: 35px;
  }
}
.expercience-outer .expercience-text .mobile-expertis {
  display: none;
}
.expercience-outer .expercience-text .mobile-expertis ul li {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.expercience-outer .expercience-text .mobile-expertis ul li .mobile-expert-ico {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 100%;
  padding: 10px;
  margin-right: 10px;
}
.expercience-outer .expercience-text .mobile-expertis ul li .mobile-expert-ico img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 576px) {
  .expercience-outer .expercience-text .mobile-expertis ul li .mobile-expert-ico {
    width: 40px;
    height: 40px;
  }
}
.expercience-outer .expercience-text .mobile-expertis ul li .mobile-expert-text {
  font-size: 18px;
  line-height: 143%;
  color: #fff;
  font-family: "Graphik Medium";
}
@media screen and (max-width: 767px) {
  .expercience-outer .expercience-text .mobile-expertis ul li .mobile-expert-text {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .expercience-outer .expercience-text .mobile-expertis {
    display: block;
  }
}

.our-solutions.industry-page-solution {
  background: #000;
  padding-top: 60px;
}
.our-solutions.industry-page-solution .head {
  padding-bottom: 30px;
}
.our-solutions.industry-page-solution .head h2 {
  color: #fff;
  margin-bottom: 28px;
}
.our-solutions.industry-page-solution .head h6 {
  font-size: 34px;
  line-height: 100%;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  color: #fff;
  padding-bottom: 30px;
}
@media screen and (max-width: 991px) {
  .our-solutions.industry-page-solution .head h6 {
    font-size: 28px;
  }
}
.our-solutions.industry-page-solution .head p {
  color: #fff;
  line-height: 27px;
}
.our-solutions.industry-page-solution .solution-box figure figcaption h3 {
  font-size: 30px;
}
@media screen and (max-width: 1399px) {
  .our-solutions.industry-page-solution .solution-box figure figcaption h3 {
    font-size: 27px;
  }
}
.our-solutions.industry-page-solution .solution-box figure figcaption a {
  background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
  padding: 9px 23px;
  display: inline-block;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
  line-height: 19px;
  text-decoration: none;
  transition: all 0.5s;
}
.our-solutions.industry-page-solution .solution-box figure figcaption a img {
  margin-left: 8px;
  max-width: 17px;
  display: inline-block;
  width: auto;
  transition: all 0.5s;
  height: auto;
}
.our-solutions.industry-page-solution .solution-box figure figcaption a:hover {
  background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}
.our-solutions.industry-page-solution .solution-box figure figcaption a:hover img {
  margin-left: 10px;
}
.our-solutions.industry-page-solution .solution-box:hover figure figcaption h3 {
  font-size: 22px;
}

.our-smiplify-outer {
  padding: 90px 0px;
  background: url(../images/simply-bg.webp) no-repeat;
  background-size: cover;
}
.our-smiplify-outer .head span {
  letter-spacing: 0px;
}
.our-smiplify-outer .head h2 {
  margin-bottom: 15px;
}
.our-smiplify-outer .our-smiplify-main {
  padding: 0px 80px;
}
.our-smiplify-outer .our-smiplify-main .our-smiplify-slider .Simplify-row {
  display: flex;
  padding-right: 15px;
}
.our-smiplify-outer .our-smiplify-main .our-smiplify-slider .Simplify-row .Simplify-text {
  width: 52%;
  padding-right: 40px;
  padding-top: 20px;
}
.our-smiplify-outer .our-smiplify-main .our-smiplify-slider .Simplify-row .Simplify-text h3 {
  font-size: 22px;
  font-family: "Graphik Semibold";
  color: #000;
  padding-bottom: 12px;
}
.our-smiplify-outer .our-smiplify-main .our-smiplify-slider .Simplify-row .Simplify-text p {
  font-size: 20px;
  line-height: 27px;
  color: #000;
  padding-bottom: 15px;
}
@media screen and (max-width: 576px) {
  .our-smiplify-outer .our-smiplify-main .our-smiplify-slider .Simplify-row .Simplify-text p {
    font-size: 16px;
    line-height: 22px;
  }
}
.our-smiplify-outer .our-smiplify-main .our-smiplify-slider .Simplify-row .Simplify-text a.learn-more {
  background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
  padding: 9px 23px;
  display: inline-block;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
  line-height: 19px;
  text-decoration: none;
  transition: all 0.5s;
}
.our-smiplify-outer .our-smiplify-main .our-smiplify-slider .Simplify-row .Simplify-text a.learn-more img {
  margin-left: 8px;
  max-width: 17px;
  display: inline-block;
  width: auto;
  transition: all 0.5s;
  height: auto;
}
.our-smiplify-outer .our-smiplify-main .our-smiplify-slider .Simplify-row .Simplify-text a.learn-more:hover {
  background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}
.our-smiplify-outer .our-smiplify-main .our-smiplify-slider .Simplify-row .Simplify-text a.learn-more:hover img {
  margin-left: 10px;
}
@media screen and (max-width: 991px) {
  .our-smiplify-outer .our-smiplify-main .our-smiplify-slider .Simplify-row .Simplify-text {
    width: 100%;
    padding-right: 0px;
    order: 2;
  }
}
.our-smiplify-outer .our-smiplify-main .our-smiplify-slider .Simplify-row .Simplify-right {
  width: 48%;
  height: 300px;
  display: flex;
  border-radius: 16px;
}
.our-smiplify-outer .our-smiplify-main .our-smiplify-slider .Simplify-row .Simplify-right img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 16px;
}
@media screen and (max-width: 991px) {
  .our-smiplify-outer .our-smiplify-main .our-smiplify-slider .Simplify-row .Simplify-right {
    width: 100%;
    order: 1;
  }
}
@media screen and (max-width: 1450px) {
  .our-smiplify-outer .our-smiplify-main .our-smiplify-slider .Simplify-row {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 576px) {
  .our-smiplify-outer .our-smiplify-main .our-smiplify-slider .Simplify-row {
    padding: 0px 5px;
  }
}
.our-smiplify-outer .our-smiplify-main .our-smiplify-slider .slick-arrow {
  width: 51px;
  height: 51px;
  border: 1px solid #3A3A3A;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9;
}
.our-smiplify-outer .our-smiplify-main .our-smiplify-slider .slick-arrow::before {
  background: url(../images/arrow-use-slide.png) no-repeat;
  font-size: 0;
  color: transparent;
  width: 26px;
  height: 16px;
  filter: invert(100);
}
.our-smiplify-outer .our-smiplify-main .our-smiplify-slider .slick-arrow:hover {
  border-color: #06ABBF;
  background: #06ABBF;
}
.our-smiplify-outer .our-smiplify-main .our-smiplify-slider .slick-arrow:hover:before {
  filter: invert(0);
}
@media screen and (max-width: 1450px) {
  .our-smiplify-outer .our-smiplify-main .our-smiplify-slider .slick-arrow {
    background: #fff;
  }
}
@media screen and (max-width: 576px) {
  .our-smiplify-outer .our-smiplify-main .our-smiplify-slider .slick-arrow {
    top: 280px;
    width: 45px;
    height: 45px;
  }
}
.our-smiplify-outer .our-smiplify-main .our-smiplify-slider .slick-prev {
  left: -65px;
}
@media screen and (max-width: 576px) {
  .our-smiplify-outer .our-smiplify-main .our-smiplify-slider .slick-prev {
    left: 0px;
  }
}
.our-smiplify-outer .our-smiplify-main .our-smiplify-slider .slick-next {
  right: -40px;
}
.our-smiplify-outer .our-smiplify-main .our-smiplify-slider .slick-next::before {
  transform: rotate(180deg);
}
@media screen and (max-width: 576px) {
  .our-smiplify-outer .our-smiplify-main .our-smiplify-slider .slick-next {
    right: 0px;
  }
}
@media screen and (max-width: 576px) {
  .our-smiplify-outer .our-smiplify-main {
    padding: 0px;
  }
}

.data-driven-outer {
  background: #000;
  padding: 60px 0px;
}
.data-driven-outer .head {
  text-align: left;
  padding-bottom: 0px;
}
.data-driven-outer .head span {
  color: #fff;
}
.data-driven-outer .head h2 {
  color: #fff;
  padding-bottom: 30px;
}
@media screen and (max-width: 991px) {
  .data-driven-outer .head h2 br {
    display: none;
  }
}
.data-driven-outer .head p {
  color: #fff;
}
.data-driven-outer .data-driven-main {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.data-driven-outer .data-driven-main .data-driven-right {
  width: 60%;
  padding-left: 80px;
}
@media screen and (max-width: 767px) {
  .data-driven-outer .data-driven-main .data-driven-right {
    width: 100%;
    padding-left: 0px;
  }
}
.data-driven-outer .data-driven-main .data-driven-left {
  width: 40%;
  padding: 10px;
  padding-bottom: 30px;
}
.data-driven-outer .data-driven-main .data-driven-left img {
  max-width: 100%;
  transition: all 0.5s;
  display: block;
  margin: 0 auto;
}
.data-driven-outer .data-driven-main .data-driven-left:hover img {
  transform: scale(1.05);
}
@media screen and (max-width: 767px) {
  .data-driven-outer .data-driven-main .data-driven-left {
    width: 100%;
  }
}

.secure-compliant-outer {
  background-size: cover !important;
  padding: 60px 0px;
}
.secure-compliant-outer .head {
  text-align: left;
  padding-bottom: 0px;
}
.secure-compliant-outer .head span {
  color: #fff;
}
.secure-compliant-outer .head h2 {
  color: #fff;
  padding-bottom: 30px;
}
.secure-compliant-outer .head p {
  color: #fff;
}
.secure-compliant-outer .secure-compliant-main {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.secure-compliant-outer .secure-compliant-main .secure-compliant-right {
  width: 40%;
  overflow: hidden;
  padding: 10px;
  padding-bottom: 30px;
}
.secure-compliant-outer .secure-compliant-main .secure-compliant-right img {
  max-width: 100%;
  transition: all 0.5s;
  display: block;
  margin: 0 auto;
}
.secure-compliant-outer .secure-compliant-main .secure-compliant-right:hover img {
  transform: scale(1.05);
}
@media screen and (max-width: 767px) {
  .secure-compliant-outer .secure-compliant-main .secure-compliant-right {
    width: 100%;
    order: 1;
  }
}
.secure-compliant-outer .secure-compliant-main .secure-compliant-left {
  width: 60%;
  padding-right: 80px;
}
@media screen and (max-width: 767px) {
  .secure-compliant-outer .secure-compliant-main .secure-compliant-left {
    width: 100%;
    padding-right: 0px;
    order: 2;
  }
}

.appi_portfolio_panel.industry-case-study .showcase_panel .showcase .scr_bar .bar {
  background: linear-gradient(93.05deg, #19D58A -14.26%, #0884B2 85.74%);
}
.appi_portfolio_panel.industry-case-study .showcase_panel .showcase .showcase_inner .showcase_card a.learn-more {
  background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
  padding: 9px 23px;
  display: inline-block;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
  line-height: 19px;
  text-decoration: none;
  transition: all 0.5s;
}
.appi_portfolio_panel.industry-case-study .showcase_panel .showcase .showcase_inner .showcase_card a.learn-more img {
  margin-left: 8px;
  max-width: 17px;
  display: inline-block;
  width: auto;
  transition: all 0.5s;
  height: auto;
}
.appi_portfolio_panel.industry-case-study .showcase_panel .showcase .showcase_inner .showcase_card a.learn-more:hover {
  background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}
.appi_portfolio_panel.industry-case-study .showcase_panel .showcase .showcase_inner .showcase_card a.learn-more:hover img {
  margin-left: 10px;
}

.about-page-banner-outer {
  padding: 150px 0px 100px;
  height: 100vh;
  background-size: 100% 100% !important;
  display: flex;
  align-items: center;
}
.about-page-banner-outer .about-page-main {
  text-align: center;
}
.about-page-banner-outer .about-page-main h1 {
  font-size: 148px;
  background: linear-gradient(259.44deg, #E8F073 30.39%, rgba(0, 255, 200, 0.99) 90.57%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Graphik Semibold";
  line-height: 99%;
  padding-bottom: 10px;
}
@media screen and (max-width: 1450px) {
  .about-page-banner-outer .about-page-main h1 {
    font-size: 120px;
  }
}
@media screen and (max-width: 1199px) {
  .about-page-banner-outer .about-page-main h1 {
    font-size: 100px;
  }
}
@media screen and (max-width: 767px) {
  .about-page-banner-outer .about-page-main h1 {
    font-size: 70px;
  }
}
.about-page-banner-outer .about-page-main h3 {
  font-size: 45px;
  color: #fff;
  font-family: "Graphik Semibold";
  padding-bottom: 10px;
}
@media screen and (max-width: 1450px) {
  .about-page-banner-outer .about-page-main h3 {
    font-size: 35px;
  }
}
@media screen and (max-width: 1199px) {
  .about-page-banner-outer .about-page-main h3 {
    font-size: 30px;
  }
}
@media screen and (max-width: 991px) {
  .about-page-banner-outer .about-page-main h3 {
    font-size: 25px;
  }
  .about-page-banner-outer .about-page-main h3 br {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .about-page-banner-outer .about-page-main h3 {
    font-size: 25px;
  }
}
.about-page-banner-outer .about-page-main p {
  color: #fff;
  font-size: 18px;
  line-height: 25px;
  padding-bottom: 15px;
}
@media screen and (max-width: 991px) {
  .about-page-banner-outer .about-page-main p br {
    display: none;
  }
}
.about-page-banner-outer .about-page-main a.learn-more {
  background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
  padding: 9px 23px;
  display: inline-block;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
  line-height: 19px;
  text-decoration: none;
  transition: all 0.5s;
}
.about-page-banner-outer .about-page-main a.learn-more img {
  margin-left: 8px;
  max-width: 17px;
  display: inline-block;
  width: auto;
  transition: all 0.5s;
  height: auto;
}
.about-page-banner-outer .about-page-main a.learn-more:hover {
  background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}
.about-page-banner-outer .about-page-main a.learn-more:hover img {
  margin-left: 10px;
}
@media screen and (max-width: 1199px) {
  .about-page-banner-outer {
    padding-top: 100px;
  }
}

.our-mission-outer {
  background: #000;
  padding: 60px 0px;
  position: relative;
  overflow: hidden;
}
.our-mission-outer .our-mission-main {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
.our-mission-outer .our-mission-main .our-mission-bx {
  width: calc(33.33% - 70px);
}
.our-mission-outer .our-mission-main .our-mission-bx span {
  font-size: 14px;
  line-height: 25px;
  margin-bottom: 5px;
  display: block;
  color: #fff;
  text-transform: uppercase;
}
.our-mission-outer .our-mission-main .our-mission-bx h3 {
  font-size: var(--tp-fz-h2);
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  display: flex;
  padding-bottom: 5px;
}
.our-mission-outer .our-mission-main .our-mission-bx h3 span {
  font-size: var(--tp-fz-h2);
  text-transform: inherit;
  background: linear-gradient(259.44deg, #E8F073 30.39%, rgba(0, 255, 200, 0.99) 90.57%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: inherit;
  margin-bottom: 0px;
  padding-left: 5px;
}
.our-mission-outer .our-mission-main .our-mission-bx p {
  color: #fff;
}
@media screen and (max-width: 991px) {
  .our-mission-outer .our-mission-main .our-mission-bx {
    width: 100%;
    padding-right: 350px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  .our-mission-outer .our-mission-main .our-mission-bx {
    padding-right: 220px;
  }
}
@media screen and (max-width: 576px) {
  .our-mission-outer .our-mission-main .our-mission-bx {
    padding-right: 0px;
  }
}
.our-mission-outer .our-mission-main .our-mis-text {
  position: relative;
  top: -10px;
}
.our-mission-outer .our-mission-main .our-mis-text h5 {
  font-size: 100px;
  line-height: 80%;
  font-family: "Playfair Display";
  color: #fff;
}
@media screen and (max-width: 767px) {
  .our-mission-outer .our-mission-main .our-mis-text h5 {
    font-size: 70px;
  }
}
@media screen and (max-width: 991px) {
  .our-mission-outer .our-mission-main .our-mis-text {
    position: absolute;
    right: 0px;
  }
}
@media screen and (max-width: 576px) {
  .our-mission-outer .our-mission-main .our-mis-text {
    position: static;
  }
}
@media screen and (max-width: 991px) {
  .our-mission-outer .our-mission-main {
    flex-wrap: wrap;
  }
}
.our-mission-outer::after {
  width: 30%;
  height: 100%;
  content: "";
  position: absolute;
  right: -5%;
  top: 0px;
  background: radial-gradient(50% 50% at 50% 50%, rgba(201, 148, 229, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
  background-blend-mode: lighten;
}
@media screen and (max-width: 767px) {
  .our-mission-outer::after {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .our-mission-outer::after {
    width: 70%;
  }
}

.our-core-values {
  background: url(../images/core-value-bg.webp) no-repeat;
  background-size: 100% 100%;
  padding: 60px 0px 40px;
}
.our-core-values .head {
  padding-bottom: 60px;
}
.our-core-values .our-core-main {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}
.our-core-values .our-core-main .our-core-bx {
  width: calc(50% - 25px);
  padding: 55px 55px 26px;
  background: url(../images/core-bg1.webp) no-repeat;
  background-size: 100% 100%;
  position: relative;
  margin-bottom: 30px;
  min-height: 195px;
  transition: all 0.5s;
}
.our-core-values .our-core-main .our-core-bx .our-core-ico {
  position: absolute;
  left: 53px;
  top: -35px;
  width: 66px;
  height: 66px;
  display: flex;
  align-items: center;
  background: url(../images/core-ico-bg.webp) no-repeat;
  border-radius: 100%;
  justify-content: center;
}
.our-core-values .our-core-main .our-core-bx .our-core-ico img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 1024px) {
  .our-core-values .our-core-main .our-core-bx .our-core-ico {
    left: 45px;
  }
}
@media screen and (max-width: 991px) {
  .our-core-values .our-core-main .our-core-bx .our-core-ico {
    left: 25px;
  }
}
.our-core-values .our-core-main .our-core-bx h3 {
  font-size: 24px;
  line-height: 124%;
  font-family: "Graphik Semibold";
  color: #000;
}
@media screen and (max-width: 767px) {
  .our-core-values .our-core-main .our-core-bx h3 {
    font-size: 20px;
  }
}
.our-core-values .our-core-main .our-core-bx p {
  font-size: 18px;
  line-height: 25px;
  margin-bottom: 0px;
  color: #000;
}
@media screen and (max-width: 767px) {
  .our-core-values .our-core-main .our-core-bx p {
    font-size: 16px;
    line-height: 22px;
  }
}
.our-core-values .our-core-main .our-core-bx:hover {
  background: url(../images/core-bg1-hover.png) no-repeat;
  background-size: 100% 100%;
}
@media screen and (max-width: 1024px) {
  .our-core-values .our-core-main .our-core-bx {
    padding: 45px 45px 26px;
  }
}
@media screen and (max-width: 991px) {
  .our-core-values .our-core-main .our-core-bx {
    padding: 45px 25px 26px 25px;
  }
}
@media screen and (max-width: 767px) {
  .our-core-values .our-core-main .our-core-bx {
    width: 100%;
    min-height: unset;
  }
}
@media screen and (max-width: 767px) {
  .our-core-values .our-core-main {
    gap: 0px 0px 30px;
  }
}

.scroll-wrapper {
  padding: 80px 0px;
  background-size: cover !important;
  height: 994px;
  overflow: hidden;
}
.scroll-wrapper .head {
  width: 100%;
  text-align: center;
}
.scroll-wrapper .head span {
  color: #fff;
}
.scroll-wrapper .head h2 {
  color: #fff;
  background: linear-gradient(259.44deg, #E8F073 47.39%, rgba(0, 255, 200, 0.99) 57.57%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.scroll-wrapper #sliderSection {
  position: relative;
  width: 100vw;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  padding: 0px 70px 75px;
}
.scroll-wrapper #sliderSection .track {
  display: flex;
  transition: transform 0.4s ease;
  align-items: flex-start;
  margin: 0 auto;
  will-change: transform;
}
.scroll-wrapper #sliderSection .track .journey-item {
  min-width: 200px;
  max-width: 200px;
  position: relative;
  opacity: 0;
  transition: opacity 0.5s ease;
  z-index: 2;
}
.scroll-wrapper #sliderSection .track .journey-item p {
  font-size: 12px;
  color: #fff;
  line-height: 18px;
}
.scroll-wrapper #sliderSection .track .journey-item::after {
  width: 11px;
  height: 11px;
  border-radius: 11px;
  background: linear-gradient(259.44deg, #FBAA9D 25.03%, #66FDB9 90.57%);
  left: 0;
  position: absolute;
  right: 14px;
  margin: 0 auto;
  bottom: -44px;
  content: "";
  z-index: 2;
}
.scroll-wrapper #sliderSection .track .journey-item:nth-child(2n) {
  margin-top: 200px;
}
.scroll-wrapper #sliderSection .track .journey-item:nth-child(2n)::after {
  bottom: unset;
  top: -55px;
}
.scroll-wrapper #sliderSection .track .journey-item.visible {
  opacity: 1;
}
.scroll-wrapper #sliderSection .track::after {
  height: 1px;
  width: 100%;
  background: #000000;
  content: "";
  left: 0px;
  top: 150px;
  position: absolute;
  z-index: 1;
}
.scroll-wrapper #sliderSection .nav-buttons {
  position: absolute;
  top: 126px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  left: 0;
  z-index: 9;
  padding-right: 40px;
  padding-left: 20px;
}
@media screen and (max-width: 1024px) {
  .scroll-wrapper #sliderSection .nav-buttons {
    padding-right: 8px;
    padding-left: 6px;
  }
}
.scroll-wrapper #sliderSection .nav-buttons button {
  min-width: 51px;
  height: 51px;
  border: 2px solid #F1F1F1;
  border-radius: 100%;
  position: relative;
  background: none;
  font-size: 0px;
  color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}
.scroll-wrapper #sliderSection .nav-buttons button:hover {
  border-color: #06ABBF;
  background: #06ABBF;
}
@media screen and (max-width: 1024px) {
  .scroll-wrapper #sliderSection .nav-buttons button {
    min-width: 45px;
    height: 45px;
  }
}
.scroll-wrapper #sliderSection .nav-buttons button#nextBtn::before {
  background: url(../images/arrow-use-slide.png) no-repeat;
  font-size: 0;
  color: transparent;
  width: 26px;
  height: 16px;
  opacity: 1 !important;
  transform: rotate(180deg);
  content: "";
  position: absolute;
}
.scroll-wrapper #sliderSection .nav-buttons button#prevBtn::before {
  background: url(../images/arrow-use-slide.png) no-repeat;
  font-size: 0;
  color: transparent;
  width: 26px;
  height: 16px;
  opacity: 1 !important;
  content: "";
  position: absolute;
}
.scroll-wrapper #sliderSection .nav-buttons button:disabled {
  background: rgba(0, 0, 0, 0.2);
  opacity: 0;
}
@media screen and (max-width: 767px) {
  .scroll-wrapper #sliderSection {
    padding: 0px 30px 35px;
  }
}
@media screen and (max-width: 1024px) {
  .scroll-wrapper {
    height: 800px;
  }
}
@media screen and (max-width: 767px) {
  .scroll-wrapper {
    height: auto;
  }
}

.every-where-outer {
  background: url(../images/every-think-bg.webp) no-repeat;
  background-size: cover;
  padding: 60px 0px;
}
.every-where-outer .head span {
  margin-bottom: 8px;
}
.every-where-outer .every-where-main {
  position: relative;
}
.every-where-outer .every-where-main .every-figure figure {
  width: 54%;
  margin: 0 auto;
}
.every-where-outer .every-where-main .every-figure figure img {
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .every-where-outer .every-where-main .every-figure figure {
    width: 100%;
  }
}
.every-where-outer .every-where-main .every-india-number {
  position: absolute;
  width: 100%;
  top: 0px;
  bottom: 0px;
  right: 0px;
}
.every-where-outer .every-where-main .every-india-number .every-bx {
  width: 243px;
  position: absolute;
  top: 0px;
  left: 0px;
  text-align: center;
}
.every-where-outer .every-where-main .every-india-number .every-bx h3 {
  background: linear-gradient(91.06deg, #1DCAF6 0%, #08B066 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 75px;
  line-height: 99%;
  font-family: "Graphik Semibold";
}
@media screen and (max-width: 1199px) {
  .every-where-outer .every-where-main .every-india-number .every-bx h3 {
    font-size: 55px;
  }
}
@media screen and (max-width: 991px) {
  .every-where-outer .every-where-main .every-india-number .every-bx h3 {
    font-size: 40px;
  }
}
@media screen and (max-width: 767px) {
  .every-where-outer .every-where-main .every-india-number .every-bx h3 {
    font-size: 30px;
  }
}
.every-where-outer .every-where-main .every-india-number .every-bx p {
  font-size: 24px;
  font-family: "Graphik Medium";
  text-align: center;
}
@media screen and (max-width: 1199px) {
  .every-where-outer .every-where-main .every-india-number .every-bx p {
    font-size: 18px;
  }
}
@media screen and (max-width: 991px) {
  .every-where-outer .every-where-main .every-india-number .every-bx p {
    font-size: 16px;
  }
}
.every-where-outer .every-where-main .every-india-number .every-bx:nth-child(2) {
  top: 300px;
  text-align: center;
  width: 220px;
}
@media screen and (max-width: 1399px) {
  .every-where-outer .every-where-main .every-india-number .every-bx:nth-child(2) {
    top: 250px;
  }
}
@media screen and (max-width: 1060px) {
  .every-where-outer .every-where-main .every-india-number .every-bx:nth-child(2) {
    top: 190px;
  }
}
.every-where-outer .every-where-main .every-india-number .every-bx:nth-child(3) {
  top: 600px;
  text-align: center;
  width: 200px;
}
@media screen and (max-width: 1399px) {
  .every-where-outer .every-where-main .every-india-number .every-bx:nth-child(3) {
    top: 550px;
  }
}
@media screen and (max-width: 1060px) {
  .every-where-outer .every-where-main .every-india-number .every-bx:nth-child(3) {
    top: 455px;
  }
}
.every-where-outer .every-where-main .every-india-number .every-bx:nth-child(4) {
  right: 0px;
  left: unset;
}
.every-where-outer .every-where-main .every-india-number .every-bx:nth-child(5) {
  right: 0px;
  left: unset;
  top: 300px;
}
@media screen and (max-width: 1399px) {
  .every-where-outer .every-where-main .every-india-number .every-bx:nth-child(5) {
    top: 250px;
  }
}
@media screen and (max-width: 1060px) {
  .every-where-outer .every-where-main .every-india-number .every-bx:nth-child(5) {
    top: 190px;
  }
}
.every-where-outer .every-where-main .every-india-number .every-bx:nth-child(6) {
  right: 0px;
  left: unset;
  top: 600px;
  text-align: center;
  width: 250px;
}
@media screen and (max-width: 1399px) {
  .every-where-outer .every-where-main .every-india-number .every-bx:nth-child(6) {
    top: 550px;
  }
}
@media screen and (max-width: 1060px) {
  .every-where-outer .every-where-main .every-india-number .every-bx:nth-child(6) {
    top: 455px;
  }
}
@media screen and (max-width: 1199px) {
  .every-where-outer .every-where-main .every-india-number .every-bx {
    width: 210px;
  }
}
@media screen and (max-width: 991px) {
  .every-where-outer .every-where-main .every-india-number .every-bx {
    position: static;
    width: 33.33% !important;
  }
}
@media screen and (max-width: 767px) {
  .every-where-outer .every-where-main .every-india-number .every-bx {
    position: static;
    width: 50% !important;
  }
}
@media screen and (max-width: 991px) {
  .every-where-outer .every-where-main .every-india-number {
    position: static;
    flex-wrap: wrap;
    display: flex;
  }
}

.assits-outer {
  background: url(../images/assits-outer-bg.webp) no-repeat;
  background-size: cover !important;
  padding: 60px 0px 70px;
}
.assits-outer .assits-head {
  text-align: center;
}
.assits-outer .assits-head h2 {
  font-size: 60px;
  line-height: 124%;
  font-family: "Graphik Semibold";
  color: #fff;
  padding-bottom: 15px;
}
@media screen and (max-width: 991px) {
  .assits-outer .assits-head h2 {
    font-size: 45px;
  }
}
@media screen and (max-width: 767px) {
  .assits-outer .assits-head h2 {
    font-size: 35px;
  }
  .assits-outer .assits-head h2 br {
    display: none;
  }
}
.assits-outer .assits-head a.learn-more {
  background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
  padding: 9px 23px;
  display: inline-block;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
  line-height: 19px;
  text-decoration: none;
  transition: all 0.5s;
}
.assits-outer .assits-head a.learn-more img {
  margin-left: 8px;
  max-width: 17px;
  display: inline-block;
  width: auto;
  transition: all 0.5s;
  height: auto;
}
.assits-outer .assits-head a.learn-more:hover {
  background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}
.assits-outer .assits-head a.learn-more:hover img {
  margin-left: 10px;
}

.contact-us-outer {
  background: #000 url(../images/contact-page-bg.webp) no-repeat 0px 0px;
  background-size: 100% 100%;
  padding: 150px 0px 30px;
}
.contact-us-outer .contact-us-main .contact-us-head h2 {
  font-size: 80px;
  line-height: 100%;
  color: #D9D9D9;
  font-family: "Graphik Semibold";
  text-align: center;
  padding-bottom: 15px;
}
@media screen and (max-width: 1450px) {
  .contact-us-outer .contact-us-main .contact-us-head h2 {
    font-size: 70px;
  }
}
@media screen and (max-width: 1450px) {
  .contact-us-outer .contact-us-main .contact-us-head h2 {
    font-size: 60px;
  }
}
@media screen and (max-width: 1199px) {
  .contact-us-outer .contact-us-main .contact-us-head h2 {
    font-size: 50px;
  }
}
@media screen and (max-width: 767px) {
  .contact-us-outer .contact-us-main .contact-us-head h2 {
    font-size: 40px;
    color: #fff;
  }
}
.contact-us-outer .contact-us-main .contact-us-head p {
  font-size: 18px;
  line-height: 25px;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .contact-us-outer .contact-us-main .contact-us-head p {
    font-size: 16px;
    line-height: 22px;
  }
  .contact-us-outer .contact-us-main .contact-us-head p br {
    display: none;
  }
}
.contact-us-outer .contact-us-main .contact-us-form-main {
  display: flex;
  gap: 0px 78px;
  padding: 80px 0px 60px;
}
.contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-left {
  background: url(../images/contact-form-bg.webp) no-repeat;
  background-size: 100% 100%;
  width: 50%;
  min-height: 712px;
  padding: 35px 47px;
}
.contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-left h2 {
  font-size: 35px;
  font-family: "Graphik Semibold";
  color: #fff;
  padding-bottom: 10px;
}
@media screen and (max-width: 991px) {
  .contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-left h2 {
    font-size: 28px;
  }
}
.contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-left .contact-row {
  margin-bottom: 10px;
  line-height: 1;
}
.contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-left .contact-row input {
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: transparent;
  color: rgba(255, 255, 255, 0.6);
  border-radius: 8px;
  width: 100%;
  height: 48px;
  padding: 0px 20px;
  box-shadow: none !important;
  outline: none !important;
  line-height: 48px;
  font-size: 14px;
}
.contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-left .contact-row input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
  opacity: 1;
}
.contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-left .contact-row input::placeholder {
  color: rgba(255, 255, 255, 0.6);
  opacity: 1;
}
.contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-left .contact-row select {
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: transparent;
  color: rgba(255, 255, 255, 0.6);
  border-radius: 8px;
  width: 100%;
  height: 48px;
  padding: 0px 20px;
  box-shadow: none !important;
  outline: none !important;
  line-height: 48px;
  font-size: 14px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: url(../images/select-ico.png) no-repeat 97% center;
}
.contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-left .contact-row select option {
  color: #000;
}
.contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-left .contact-row textarea {
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: transparent;
  color: rgba(255, 255, 255, 0.6);
  border-radius: 8px;
  width: 100%;
  height: 130px;
  padding: 5px 20px;
  box-shadow: none !important;
  outline: none !important;
  line-height: 20px;
  font-size: 14px;
}
.contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-left .contact-row textarea::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
  opacity: 1;
}
.contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-left .contact-row textarea::placeholder {
  color: rgba(255, 255, 255, 0.6);
  opacity: 1;
}
.contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-left .contact-row .submit {
  background: #13ACB8;
  font-size: 22px;
  font-family: "Graphik Semibold";
  color: #fff;
  border: 1px solid #00AFCA;
}
.contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-left .contact-row .submit:hover {
  background: transparent;
}
.contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-left .contact-row p {
  margin: 0px;
}
.contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-left .contact-row .wpcf7-not-valid-tip {
  margin-top: 8px;
  display: none;
}
.contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-left .contact-row .wpcf7-spinner {
  position: absolute;
}
@media screen and (max-width: 991px) {
  .contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-left {
    padding: 30px;
  }
}
@media screen and (max-width: 767px) {
  .contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-left {
    padding: 30px;
    width: 100%;
    min-height: unset;
    margin-bottom: 30px;
  }
}
.contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-right {
  width: 50%;
}
.contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-right h3 {
  font-size: var(--tp-fz-h2);
  color: #fff;
  font-family: "Graphik Semibold";
  font-weight: var(--tp-fw-sbold);
  margin-bottom: 25px;
}
@media screen and (max-width: 991px) {
  .contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-right h3 {
    font-size: calc(var(--tp-fz-h2) - 10px);
  }
}
@media screen and (max-width: 767px) {
  .contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-right h3 {
    font-size: calc(var(--tp-fz-h2) - 20px);
  }
}
.contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-right ul {
  margin-bottom: 50px;
}
.contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-right ul li {
  font-size: 18px;
  line-height: 25px;
  color: #FFFFFF;
  margin-bottom: 20px;
  display: flex;
}
.contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-right ul li .socail-ico {
  min-width: 22px;
  margin-right: 10px;
}
.contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-right ul li a {
  color: #fff;
  text-decoration: none;
}
@media screen and (max-width: 991px) {
  .contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-right ul li {
    font-size: 16px;
    line-height: 22px;
  }
  .contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-right ul li span br {
    display: none;
  }
}
.contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-right .contact-us-map {
  width: 100%;
  border-radius: 17px;
  overflow: hidden;
  height: 400px;
}
.contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-right .contact-us-map iframe {
  border-radius: 17px;
  height: calc(100% + 141px);
  margin-top: -141px;
}
@media screen and (max-width: 767px) {
  .contact-us-outer .contact-us-main .contact-us-form-main .contact-us-form-right {
    width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .contact-us-outer .contact-us-main .contact-us-form-main {
    gap: 0px 30px;
  }
}
@media screen and (max-width: 767px) {
  .contact-us-outer .contact-us-main .contact-us-form-main {
    flex-wrap: wrap;
    gap: 0px;
  }
}
@media screen and (max-width: 767px) {
  .contact-us-outer .contact-us-main .contact-us-form-main {
    padding: 20px 0px 40px;
  }
}

.our-presence-outer {
  background: url(../images/our-presence-bg.webp) no-repeat;
  background-size: cover;
  padding: 60px 0px;
  min-height: 900px;
}
.our-presence-outer .head span {
  color: #fff;
  margin-bottom: 2px;
}
.our-presence-outer .head h2 {
  color: #fff;
}
.our-presence-outer .our-persence-main {
  position: relative;
  padding: 30px 0px 80px;
}
.our-presence-outer .our-persence-main figure {
  width: 54%;
  margin: 0 auto;
}
.our-presence-outer .our-persence-main figure img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
@media screen and (max-width: 1399px) {
  .our-presence-outer .our-persence-main figure {
    width: 50%;
  }
}
@media screen and (max-width: 1199px) {
  .our-presence-outer .our-persence-main figure {
    width: 40%;
  }
}
@media screen and (max-width: 767px) {
  .our-presence-outer .our-persence-main figure {
    width: 100%;
  }
}
.our-presence-outer .our-persence-main .our-presence-bx {
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 280px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  left: 0px;
}
.our-presence-outer .our-persence-main .our-presence-bx .our-presence-area {
  width: 100%;
}
.our-presence-outer .our-persence-main .our-presence-bx .our-presence-area h4 {
  background: linear-gradient(259.44deg, #9DA8FB 25.03%, #9266FD 90.57%);
  -webkit-background-clip: text;
          background-clip: text;
  font-family: "Graphik Semibold";
  font-size: 24px;
  -webkit-text-fill-color: transparent;
}
.our-presence-outer .our-persence-main .our-presence-bx .our-presence-area p {
  font-size: 18px;
  line-height: 25px;
  color: #8C8C8C;
  margin-bottom: 0px;
  min-height: 125px;
}
@media screen and (max-width: 991px) {
  .our-presence-outer .our-persence-main .our-presence-bx .our-presence-area p {
    min-height: unset;
  }
}
@media screen and (max-width: 991px) {
  .our-presence-outer .our-persence-main .our-presence-bx {
    position: static;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }
  .our-presence-outer .our-persence-main .our-presence-bx .our-presence-area {
    width: calc(50% - 13px);
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 991px) and (max-width: 576px) {
  .our-presence-outer .our-persence-main .our-presence-bx .our-presence-area {
    width: 100%;
  }
}
@media screen and (max-width: 576px) {
  .our-presence-outer .our-persence-main .our-presence-bx {
    gap: 0px;
  }
}
.our-presence-outer .our-persence-main .our-presence-bx.our-presence-bx-right {
  left: unset;
  right: 0px;
}
@media screen and (max-width: 991px) {
  .our-presence-outer .our-persence-main {
    padding-bottom: 0px;
  }
}
@media screen and (max-width: 991px) {
  .our-presence-outer {
    min-height: unset;
  }
}

.case-study-banner {
  padding: 150px 0px 30px;
  height: 100vh;
  background-size: 100% 100% !important;
  display: flex;
  align-items: center;
}
.case-study-banner .case-study-main {
  text-align: center;
}
.case-study-banner .case-study-main h1 {
  font-size: 148px;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  font-family: "Graphik Semibold";
  line-height: 99%;
  padding-bottom: 10px;
}
@media screen and (max-width: 1450px) {
  .case-study-banner .case-study-main h1 {
    font-size: 80px;
  }
}
@media screen and (max-width: 1199px) {
  .case-study-banner .case-study-main h1 {
    font-size: 70px;
  }
}
@media screen and (max-width: 767px) {
  .case-study-banner .case-study-main h1 {
    font-size: 60px;
  }
}
@media screen and (max-width: 600px) {
  .case-study-banner .case-study-main h1 {
    font-size: 45px;
  }
}
.case-study-banner .case-study-main h3 {
  font-size: 45px;
  color: #fff;
  font-family: "Graphik Semibold";
  padding-bottom: 10px;
}
@media screen and (max-width: 1450px) {
  .case-study-banner .case-study-main h3 {
    font-size: 35px;
  }
}
@media screen and (max-width: 1199px) {
  .case-study-banner .case-study-main h3 {
    font-size: 30px;
  }
}
@media screen and (max-width: 991px) {
  .case-study-banner .case-study-main h3 {
    font-size: 25px;
  }
  .case-study-banner .case-study-main h3 br {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .case-study-banner .case-study-main h3 {
    font-size: 25px;
  }
}
.case-study-banner .case-study-main p {
  font-size: 22px;
  color: #fff;
  font-family: "Graphik Medium";
}
@media screen and (max-width: 1450px) {
  .case-study-banner .case-study-main p {
    font-size: 18px;
  }
}
@media screen and (max-width: 600px) {
  .case-study-banner .case-study-main p {
    font-size: 16px;
  }
}
.case-study-banner .case-study-main a {
  background: linear-gradient(259.44deg, #9DA8FB 25.03%, #9266FD 90.57%);
  padding: 9px 23px;
  display: inline-block;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
  line-height: 19px;
  text-decoration: none;
  transition: all 0.5s;
}
.case-study-banner .case-study-main a img {
  margin-left: 8px;
  max-width: 17px;
  display: inline-block;
  width: auto;
  transition: all 0.5s;
  height: auto;
}
.case-study-banner .case-study-main a:hover {
  background: linear-gradient(259.44deg, #9266FD 25.03%, #9DA8FB 90.57%);
}
.case-study-banner .case-study-main a:hover img {
  margin-left: 10px;
}
@media screen and (max-width: 991px) {
  .case-study-banner {
    padding: 100px 0px 30px;
    background-size: cover !important;
  }
}

.case-study-listing-outer {
  background-size: cover !important;
  padding: 60px 0px;
  position: relative;
  /* Responsive */
}
.case-study-listing-outer .filter-icon {
  display: none;
  background: #222344;
  border: none;
  border-radius: 50%;
  width: 46px;
  height: 46px;
  position: relative;
  margin-bottom: 18px;
  cursor: pointer;
  outline: none;
}
.case-study-listing-outer .filter-icon:after {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  position: absolute;
  left: 50%;
  top: 50%;
  background: url('data:image/svg+xml;utf8,<svg fill="white" viewBox="0 0 24 24" width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M4 6h16M7 12h10M10 18h4" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center/contain;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.case-study-listing-outer .filter-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 36px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  justify-content: center;
}
.case-study-listing-outer .filter-tabs .tab {
  background: transparent;
  border: none;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  padding: 12px 34px;
  border-radius: 44px;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
  outline: none;
  border: 1px solid #494949;
  min-width: 211px;
}
.case-study-listing-outer .filter-tabs .tab:not(.active):hover {
  background: #0089C4;
  border-color: #0089C4;
}
.case-study-listing-outer .filter-tabs .tab.active {
  background: #0089C4;
  color: #fff;
  border-color: #0089C4;
  box-shadow: 0 2px 8px rgba(23, 145, 255, 0.12);
}
.case-study-listing-outer .mobile-filter-list {
  display: none;
  flex-direction: column;
  gap: 8px;
  background: #222344;
  padding: 10px 0px;
  border-radius: 12px;
  box-shadow: 0 2px 12px 0 rgba(23, 47, 94, 0.12);
  margin-bottom: 24px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: absolute;
  left: 16px;
  right: 16px;
  top: 108px;
  z-index: 10;
}
.case-study-listing-outer .mobile-filter-list.open {
  display: flex;
}
.case-study-listing-outer .mobile-filter-list.open .tab {
  text-align: left;
  padding: 4px 20px;
  border-radius: 6px;
  border: none;
  background: transparent;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
  outline: none;
}
.case-study-listing-outer .mobile-filter-list.open .tab:hover {
  background: #1791ff;
  color: #fff;
}
.case-study-listing-outer .content-card {
  padding: 50px 0;
  border-bottom: 1px solid #808080;
}
.case-study-listing-outer .content-card .card-details {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.case-study-listing-outer .content-card .card-details .card-text {
  width: 50%;
  padding-right: 60px;
  max-width: 514px;
}
.case-study-listing-outer .content-card .card-details .card-text .card-label {
  display: inline-block;
  background: linear-gradient(91.29deg, rgba(8, 32, 93, 0.62) 50.29%, rgba(24, 71, 153, 0.62) 115.21%);
  color: #fff;
  padding: 14px 32px;
  font-size: 14px;
  border-radius: 30px;
  margin-bottom: 25px;
  font-weight: 500;
}
.case-study-listing-outer .content-card .card-details .card-text h3 {
  font-size: 22px;
  margin-bottom: 8px;
  color: #fff;
  font-family: "Graphik Medium";
  margin-bottom: 25px;
}
.case-study-listing-outer .content-card .card-details .card-text p {
  color: #FFFFFF;
}
.case-study-listing-outer .content-card .card-details .card-text .know-more {
  font-size: 16px;
  text-decoration: none;
  font-family: "Graphik Bold";
  background: linear-gradient(88.81deg, #0B85FF 3.08%, #0089C4 79.39%);
  transition: color 0.2s;
  color: #fff;
  -webkit-background-clip: text !important;
  transition: all 0.5s;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}
.case-study-listing-outer .content-card .card-details .card-text .know-more img {
  margin-left: 7px;
  transition: all 0.5s;
}
.case-study-listing-outer .content-card .card-details .card-text .know-more:hover {
  background: linear-gradient(88.81deg, #0089C4 3.08%, #0B85FF 79.39%);
}
.case-study-listing-outer .content-card .card-details .card-text .know-more:hover img {
  margin-left: 9px;
}
@media screen and (max-width: 991px) {
  .case-study-listing-outer .content-card .card-details .card-text {
    width: 100%;
    padding-right: 0px;
    max-width: 100%;
    order: 2;
  }
}
.case-study-listing-outer .content-card .card-details .card-img {
  width: 50%;
  border-radius: 12px;
  box-shadow: 0 4px 16px 0 rgba(23, 47, 94, 0.15);
  -o-object-fit: cover;
     object-fit: cover;
  height: 382px;
  overflow: hidden;
  display: flex;
}
.case-study-listing-outer .content-card .card-details .card-img img {
  width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 991px) {
  .case-study-listing-outer .content-card .card-details .card-img {
    width: 100%;
    order: 1;
    margin-bottom: 20px;
  }
}
.case-study-listing-outer .content-card:last-child {
  padding-bottom: 0px;
  border-bottom: none;
}
.case-study-listing-outer .loader-btn {
  width: 100%;
  text-align: center;
  padding-top: 40px;
}
.case-study-listing-outer .loader-btn a {
  background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
  padding: 9px 23px;
  display: inline-block;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
  line-height: 19px;
  text-decoration: none;
  transition: all 0.5s;
  background: linear-gradient(93.05deg, #00DFA3 -14.26%, #007EFC 85.74%);
}
.case-study-listing-outer .loader-btn a img {
  margin-left: 8px;
  max-width: 17px;
  display: inline-block;
  width: auto;
  transition: all 0.5s;
  height: auto;
}
.case-study-listing-outer .loader-btn a:hover {
  background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}
.case-study-listing-outer .loader-btn a:hover img {
  margin-left: 10px;
}
.case-study-listing-outer .loader-btn a:hover {
  background: linear-gradient(93.05deg, #007EFC -14.26%, #00DFA3 85.74%);
}
@media (max-width: 900px) {
  .case-study-listing-outer .content-card .card-details {
    flex-direction: column;
  }
  .case-study-listing-outer .card-text {
    padding-right: 0;
    margin-bottom: 20px;
  }
  .case-study-listing-outer .card-image {
    max-width: 100%;
    margin: 0 auto;
  }
}
@media (max-width: 700px) {
  .case-study-listing-outer {
    /* mobile-filter-list set above */
  }
  .case-study-listing-outer .filter-tabs {
    display: none;
  }
  .case-study-listing-outer .filter-icon {
    display: block;
  }
}

.case-details-study-banner {
  position: relative;
}
.case-details-study-banner figure {
  margin: 0px;
}
.case-details-study-banner figure img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .case-details-study-banner figure img {
    height: 300px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
}
.case-details-study-banner .case-details-outer-text {
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 100%;
  display: flex;
  align-items: center;
}
.case-details-study-banner .case-details-outer-text .case-details-text {
  max-width: 500px;
}
.case-details-study-banner .case-details-outer-text .case-details-text h1 {
  font-size: 80px;
  font-family: "Graphik Bold";
  color: #fff;
  padding-bottom: 30px;
}
@media screen and (max-width: 1199px) {
  .case-details-study-banner .case-details-outer-text .case-details-text h1 {
    font-size: 50px;
    padding-bottom: 10px;
  }
}
.case-details-study-banner .case-details-outer-text .case-details-text p {
  font-size: 20px;
  color: #fff;
  line-height: 166%;
}

.clint-profile-outer {
  padding: 60px 0px;
  background-size: cover !important;
}
.clint-profile-outer .head h2 {
  color: #fff;
}
.clint-profile-outer .clint-profile-main {
  display: flex;
  gap: 80px;
  max-width: 1000px;
  margin: 0 auto;
}
.clint-profile-outer .clint-profile-main .client-profile-bx {
  width: 50%;
  padding: 40px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  background: url(../images/client-profile-bg2.webp);
  background-size: 100% 100%;
}
.clint-profile-outer .clint-profile-main .client-profile-bx figure {
  width: 100%;
}
.clint-profile-outer .clint-profile-main .client-profile-bx figure img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
.clint-profile-outer .clint-profile-main .client-profile-bx h3 {
  font-size: 22px;
  color: #1DE1FF;
  font-family: "Graphik Semibold";
  padding-bottom: 15px;
}
.clint-profile-outer .clint-profile-main .client-profile-bx p {
  font-size: 20px;
  color: #fff;
  text-align: center;
  line-height: 160%;
}
@media screen and (max-width: 767px) {
  .clint-profile-outer .clint-profile-main .client-profile-bx p {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .clint-profile-outer .clint-profile-main .client-profile-bx {
    width: 100%;
    padding: 20px;
  }
}
@media screen and (max-width: 1199px) {
  .clint-profile-outer .clint-profile-main {
    max-width: 100%;
    gap: 40px;
  }
}
@media screen and (max-width: 767px) {
  .clint-profile-outer .clint-profile-main {
    flex-wrap: wrap;
  }
}

.key-obstacles-outer {
  padding: 60px 0px;
  min-height: 550px;
  background-size: cover !important;
}
.key-obstacles-outer .key-obstacles-main {
  display: flex;
  justify-content: flex-end;
}
.key-obstacles-outer .key-obstacles-main .key-obstacles-text {
  width: 702px;
  background: url(../images/key-obstacles-text-bg.webp) no-repeat;
  background-size: 100% 100%;
  min-height: 216px;
  padding: 20px 70px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.key-obstacles-outer .key-obstacles-main .key-obstacles-text p {
  font-size: 24px;
  line-height: 166%;
  font-family: "Graphik Medium";
  color: #000;
}
.key-obstacles-outer .key-obstacles-main .key-obstacles-text p span {
  color: #0090FF;
}
@media screen and (max-width: 767px) {
  .key-obstacles-outer .key-obstacles-main .key-obstacles-text p {
    font-size: 20px;
  }
}
.key-obstacles-outer .key-obstacles-main .key-obstacles-text ul li {
  background: url(../images/blue-arrow.svg) no-repeat 0px 5px;
  font-size: 16px;
  color: #000;
  padding-left: 30px;
  background-size: 18px;
  margin-bottom: 8px;
}
@media screen and (max-width: 1199px) {
  .key-obstacles-outer .key-obstacles-main .key-obstacles-text {
    padding: 20px 40px;
    width: 550px;
  }
}
@media screen and (max-width: 767px) {
  .key-obstacles-outer .key-obstacles-main .key-obstacles-text {
    padding: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .key-obstacles-outer {
    min-height: 440px;
    background-position: center !important;
  }
}

.what-we-deliverd-outer {
  padding: 60px 0px;
  min-height: 580px;
  background-size: cover !important;
  display: flex;
  align-items: center;
}
.what-we-deliverd-outer .what-we-deliverd h2 {
  font-size: var(--tp-fz-h2);
  color: #fff;
  font-family: "Graphik Semibold";
  font-weight: var(--tp-fw-sbold);
  margin-bottom: 25px;
}
@media screen and (max-width: 991px) {
  .what-we-deliverd-outer .what-we-deliverd h2 {
    font-size: calc(var(--tp-fz-h2) - 10px);
  }
}
@media screen and (max-width: 767px) {
  .what-we-deliverd-outer .what-we-deliverd h2 {
    font-size: calc(var(--tp-fz-h2) - 15px);
  }
}
.what-we-deliverd-outer .what-we-deliverd ul li {
  background: url(../images/blue-arrow.svg) no-repeat 0px 5px;
  font-size: 16px;
  color: #fff;
  padding-left: 30px;
  background-size: 18px;
  margin-bottom: 8px;
}
.what-we-deliverd-outer .what-we-deliverd p {
  color: #fff;
}
@media screen and (max-width: 1024px) {
  .what-we-deliverd-outer {
    background-position: center !important;
    min-height: 380px;
  }
}

.discover-outer {
  padding: 60px 0px;
  background-size: cover !important;
}
.discover-outer .discover-main-cover {
  display: flex;
  gap: 50px;
  align-items: center;
}
.discover-outer .discover-main-cover .discover-left {
  width: 100%;
}
.discover-outer .discover-main-cover .discover-left h3 {
  font-size: 36px;
  line-height: 48px;
  color: #0D0F36;
  font-family: "Graphik Semibold";
  font-style: italic;
}
@media screen and (max-width: 1024px) {
  .discover-outer .discover-main-cover .discover-left h3 {
    font-size: 26px;
    line-height: 38px;
  }
  .discover-outer .discover-main-cover .discover-left h3 br {
    display: none;
  }
}
.discover-outer .discover-main-cover .discover-left p {
  font-size: 20px;
  line-height: 150%;
  color: #000;
}
.discover-outer .discover-main-cover .discover-btn {
  min-width: 250px;
}
.discover-outer .discover-main-cover .discover-btn a {
  background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
  padding: 9px 23px;
  display: inline-block;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
  line-height: 19px;
  text-decoration: none;
  transition: all 0.5s;
  background: linear-gradient(92.06deg, #08205D 16.42%, #0051DC 130.34%);
}
.discover-outer .discover-main-cover .discover-btn a img {
  margin-left: 8px;
  max-width: 17px;
  display: inline-block;
  width: auto;
  transition: all 0.5s;
  height: auto;
}
.discover-outer .discover-main-cover .discover-btn a:hover {
  background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}
.discover-outer .discover-main-cover .discover-btn a:hover img {
  margin-left: 10px;
}
.discover-outer .discover-main-cover .discover-btn a:hover {
  background: linear-gradient(92.06deg, #0051DC 16.42%, #08205D 130.34%);
}
@media screen and (max-width: 767px) {
  .discover-outer .discover-main-cover {
    flex-wrap: wrap;
    align-content: flex-start;
    gap: 0px;
  }
}

.key-achivement-outer {
  background-size: cover !important;
  padding: 60px 0px;
}
.key-achivement-outer .head h2 {
  color: #fff;
}
.key-achivement-outer .key-achivemnt-main .key-achivemnt-row {
  padding: 0px 100px;
}
.key-achivement-outer .key-achivemnt-main .key-achivemnt-row .key-achivment-text {
  background: linear-gradient(90deg, rgba(6, 95, 191, 0.32) 0%, rgba(0, 0, 0, 0) 110.52%);
  padding: 22px 33px;
  max-width: 435px;
  margin-bottom: 15px;
  border-radius: 6px;
}
.key-achivement-outer .key-achivemnt-main .key-achivemnt-row .key-achivment-text h3 {
  font-size: 22px;
  color: #1DE1FF;
  font-family: "Graphik Medium";
  padding-bottom: 5px;
}
.key-achivement-outer .key-achivemnt-main .key-achivemnt-row .key-achivment-text p {
  font-size: 20px;
  line-height: 160%;
  color: #fff;
  margin: 0px;
}
@media screen and (max-width: 767px) {
  .key-achivement-outer .key-achivemnt-main .key-achivemnt-row .key-achivment-text p {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .key-achivement-outer .key-achivemnt-main .key-achivemnt-row .key-achivment-text {
    padding: 20px;
  }
}
@media screen and (max-width: 767px) {
  .key-achivement-outer .key-achivemnt-main .key-achivemnt-row {
    padding: 0px;
  }
}
@media screen and (max-width: 1024px) {
  .key-achivement-outer {
    background-position: center !important;
  }
}

.blog-listing-outer {
  background-size: cover !important;
  padding: 60px 0px;
  position: relative;
  /* Responsive */
}
.blog-listing-outer .filter-icon {
  display: none;
  background: #222344;
  border: none;
  border-radius: 50%;
  width: 46px;
  height: 46px;
  position: relative;
  margin-bottom: 18px;
  cursor: pointer;
  outline: none;
}
.blog-listing-outer .filter-icon:after {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  position: absolute;
  left: 50%;
  top: 50%;
  background: url('data:image/svg+xml;utf8,<svg fill="white" viewBox="0 0 24 24" width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M4 6h16M7 12h10M10 18h4" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center/contain;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.blog-listing-outer .filter-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 36px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  justify-content: center;
}
.blog-listing-outer .filter-tabs .tab {
  background: transparent;
  border: none;
  color: #000;
  font-size: 18px;
  font-weight: 500;
  padding: 12px 34px;
  border-radius: 44px;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
  outline: none;
  border: 1px solid #B5B5B5;
  min-width: 211px;
}
.blog-listing-outer .filter-tabs .tab:not(.active):hover {
  background: #00BDC4;
  border-color: #00BDC4;
  color: #fff;
}
.blog-listing-outer .filter-tabs .tab.active {
  background: #00BDC4;
  color: #fff;
  border-color: #00BDC4;
  box-shadow: 0 2px 8px rgba(23, 145, 255, 0.12);
}
.blog-listing-outer .mobile-filter-list {
  display: none;
  flex-direction: column;
  gap: 8px;
  background: #222344;
  padding: 10px 0px;
  border-radius: 12px;
  box-shadow: 0 2px 12px 0 rgba(23, 47, 94, 0.12);
  margin-bottom: 24px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: absolute;
  left: 16px;
  right: 16px;
  top: 108px;
  z-index: 10;
}
.blog-listing-outer .mobile-filter-list.open {
  display: flex;
}
.blog-listing-outer .mobile-filter-list.open .tab {
  text-align: left;
  padding: 4px 20px;
  border-radius: 6px;
  border: none;
  background: transparent;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
  outline: none;
}
.blog-listing-outer .mobile-filter-list.open .tab:hover {
  background: #1791ff;
  color: #fff;
}
.blog-listing-outer .blog-listing-main {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.blog-listing-outer .blog-listing-main .blog-bx {
  padding: 25px;
  border-bottom: 1px solid #808080;
  width: calc(33.33% - 20px);
  background: rgba(255, 255, 255, 0.4588235294);
  box-shadow: 0px 18px 56px 0px rgba(130, 216, 255, 0.6117647059);
  border-radius: 11px;
  border: 1px solid #E2E2E2;
  transition: all 0.5s;
}
.blog-listing-outer .blog-listing-main .blog-bx .blog-area figure {
  border-radius: 9px;
  margin-bottom: 20px;
  height: 190px;
  display: flex;
}
.blog-listing-outer .blog-listing-main .blog-bx .blog-area figure a {
  display: flex;
  border-radius: 9px;
  width: 100%;
}
.blog-listing-outer .blog-listing-main .blog-bx .blog-area figure a img {
  width: 100%;
  border-radius: 9px;
  max-height: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.blog-listing-outer .blog-listing-main .blog-bx .blog-area label {
  font-size: 13px;
  line-height: 25px;
  color: #0070A8;
  display: block;
  margin-bottom: 8px;
}
.blog-listing-outer .blog-listing-main .blog-bx .blog-area h3 {
  font-size: 20px;
  line-height: 30px;
  color: #242424;
  font-family: "Graphik Medium";
  margin-bottom: 20px;
  min-height: 60px;
}
.blog-listing-outer .blog-listing-main .blog-bx .blog-area h3 a {
  text-decoration: none;
  color: #242424;
}
@media screen and (max-width: 600px) {
  .blog-listing-outer .blog-listing-main .blog-bx .blog-area h3 {
    min-height: unset;
  }
}
.blog-listing-outer .blog-listing-main .blog-bx .blog-area p a {
  text-decoration: none;
  color: #000;
}
.blog-listing-outer .blog-listing-main .blog-bx .blog-area .know-more {
  font-size: 16px;
  text-decoration: none;
  font-family: "Graphik Bold";
  background: linear-gradient(91.67deg, #1A9B83 1.42%, #0088FF 101.9%);
  transition: color 0.2s;
  color: #fff;
  -webkit-background-clip: text !important;
  transition: all 0.5s;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}
.blog-listing-outer .blog-listing-main .blog-bx .blog-area .know-more img {
  margin-left: 7px;
  transition: all 0.5s;
}
.blog-listing-outer .blog-listing-main .blog-bx .blog-area .know-more:hover {
  background: linear-gradient(88.81deg, #0089C4 3.08%, #1A9B83 79.39%);
}
.blog-listing-outer .blog-listing-main .blog-bx .blog-area .know-more:hover img {
  margin-left: 9px;
}
.blog-listing-outer .blog-listing-main .blog-bx:hover {
  background: #fff;
}
@media screen and (max-width: 991px) {
  .blog-listing-outer .blog-listing-main .blog-bx {
    width: calc(50% - 20px);
  }
}
@media screen and (max-width: 600px) {
  .blog-listing-outer .blog-listing-main .blog-bx {
    width: 100%;
  }
}
.blog-listing-outer .loader-btn {
  width: 100%;
  text-align: center;
  padding-top: 40px;
}
.blog-listing-outer .loader-btn a {
  background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
  padding: 9px 23px;
  display: inline-block;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
  line-height: 19px;
  text-decoration: none;
  transition: all 0.5s;
  background: linear-gradient(93.05deg, #00DFA3 -14.26%, #007EFC 85.74%);
}
.blog-listing-outer .loader-btn a img {
  margin-left: 8px;
  max-width: 17px;
  display: inline-block;
  width: auto;
  transition: all 0.5s;
  height: auto;
}
.blog-listing-outer .loader-btn a:hover {
  background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}
.blog-listing-outer .loader-btn a:hover img {
  margin-left: 10px;
}
.blog-listing-outer .loader-btn a:hover {
  background: linear-gradient(93.05deg, #007EFC -14.26%, #00DFA3 85.74%);
}
@media (max-width: 900px) {
  .blog-listing-outer .content-card .card-details {
    flex-direction: column;
  }
  .blog-listing-outer .card-text {
    padding-right: 0;
    margin-bottom: 20px;
  }
  .blog-listing-outer .card-image {
    max-width: 100%;
    margin: 0 auto;
  }
}
@media (max-width: 700px) {
  .blog-listing-outer {
    /* mobile-filter-list set above */
  }
  .blog-listing-outer .filter-tabs {
    display: none;
  }
  .blog-listing-outer .filter-icon {
    display: block;
  }
}

.blog-details-out-area {
  background: url(../images/blog-details-otu-area-bg.webp) no-repeat;
  background-size: 100% 100%;
}

.blog-details-outer {
  padding: 150px 0px 0px;
}
.blog-details-outer .blog-details-main {
  display: flex;
}
.blog-details-outer .blog-details-main .blog-details-left {
  width: 67%;
  padding-right: 80px;
}
@media screen and (max-width: 991px) {
  .blog-details-outer .blog-details-main .blog-details-left {
    padding-right: 20px;
  }
}
@media screen and (max-width: 768px) {
  .blog-details-outer .blog-details-main .blog-details-left {
    width: 100%;
    padding-right: 0px;
  }
}
.blog-details-outer .blog-details-main .blog-details-left h1 {
  font-size: 26px;
  line-height: 150%;
  color: #000;
  font-family: "Graphik Medium";
  padding-bottom: 10px;
}
@media screen and (max-width: 991px) {
  .blog-details-outer .blog-details-main .blog-details-left h1 {
    font-size: 25px;
  }
}
.blog-details-outer .blog-details-main .blog-details-left .blog-main-img {
  margin-bottom: 30px;
}
.blog-details-outer .blog-details-main .blog-details-left .blog-main-img img {
  width: 100%;
}
.blog-details-outer .blog-details-main .blog-details-left .blog-date {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.blog-details-outer .blog-details-main .blog-details-left .blog-date-rw {
  display: flex;
  margin-bottom: 20px;
}
.blog-details-outer .blog-details-main .blog-details-left .blog-date-rw .blog-details-date {
  font-size: 15px;
  line-height: 12px;
  color: #00D4FF;
  display: block;
  font-family: "Graphik Medium";
  position: relative;
  padding-right: 15px;
}
.blog-details-outer .blog-details-main .blog-details-left .blog-date-rw .blog-details-date::after {
  position: absolute;
  right: -1px;
  top: -1px;
  background: #585858;
  height: 15px;
  width: 1px;
  content: "";
}
.blog-details-outer .blog-details-main .blog-details-left .blog-date-rw span {
  font-size: 15px;
  line-height: 12px;
  color: #00D4FF;
  display: block;
  font-family: "Graphik Medium";
  padding-left: 15px;
}
.blog-details-outer .blog-details-main .blog-details-left h2 {
  font-size: 22px;
  line-height: 150%;
  font-family: "Graphik Medium";
  color: #000;
  margin-bottom: 20px;
}
.blog-details-outer .blog-details-main .blog-details-left h3 {
  font-size: 20px;
  line-height: 150%;
  font-family: "Graphik Medium";
  color: #000;
  margin-bottom: 20px;
}
.blog-details-outer .blog-details-main .blog-details-left h4 {
  font-size: 18px;
  line-height: 150%;
  font-family: "Graphik Medium";
  color: #000;
  margin-bottom: 20px;
}
.blog-details-outer .blog-details-main .blog-details-left p {
  font-size: 18px;
  line-height: 150%;
  color: #000;
  margin-bottom: 20px;
}
.blog-details-outer .blog-details-main .blog-details-left p a {
  color: #00D4FF;
}
@media screen and (max-width: 991px) {
  .blog-details-outer .blog-details-main .blog-details-left p {
    font-size: 16px;
  }
}
.blog-details-outer .blog-details-main .blog-details-left .events-slider .slick-dots {
  bottom: 12px;
}
.blog-details-outer .blog-details-main .blog-details-left .events-slider .slick-dots li {
  width: 35px;
  height: 4px;
}
.blog-details-outer .blog-details-main .blog-details-left .events-slider .slick-dots li button {
  width: 35px;
  height: 4px;
  padding: 0;
  background: #D4D4D4;
}
.blog-details-outer .blog-details-main .blog-details-left .events-slider .slick-dots li.slick-active button {
  background: #06ABBF;
}
.blog-details-outer .blog-details-main .blog-details-left img {
  max-width: 100%;
  height: auto;
}
.blog-details-outer .blog-details-main .blog-details-left > ul {
  margin-bottom: 25px;
}
.blog-details-outer .blog-details-main .blog-details-left > ul li {
  font-size: 18px;
  line-height: 150%;
  color: #000;
  padding-left: 25px;
  background: url(../images/li-bg-arrow.svg) no-repeat 0px 5px;
  margin-bottom: 12px;
}
.blog-details-outer .blog-details-main .blog-details-left .share-icone {
  padding-top: 10px;
}
.blog-details-outer .blog-details-main .blog-details-left .share-icone ul {
  display: flex;
}
.blog-details-outer .blog-details-main .blog-details-left .share-icone ul li {
  margin-right: 8px;
}
.blog-details-outer .blog-details-main .blog-details-left .share-icone ul li a {
  display: flex;
  width: 46px;
  height: 46px;
  border: 1px solid rgb(209, 209, 209);
  border-radius: 100%;
  font-size: 25px;
  align-items: center;
  justify-content: center;
  color: rgb(6, 171, 191);
  text-decoration: none;
}
.blog-details-outer .blog-details-main .blog-details-left .share-icone ul li a:hover {
  background: linear-gradient(246.46deg, #00DFAF 31.39%, #00BFFF 84.83%);
  color: #fff;
}
.blog-details-outer .blog-details-main .blog-details-left .share-icone .blog-arrow-btn {
  background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
  padding: 9px 23px;
  display: inline-block;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
  line-height: 19px;
  text-decoration: none;
  transition: all 0.5s;
  margin-top: 30px;
}
.blog-details-outer .blog-details-main .blog-details-left .share-icone .blog-arrow-btn img {
  margin-left: 8px;
  max-width: 17px;
  display: inline-block;
  width: auto;
  transition: all 0.5s;
  height: auto;
}
.blog-details-outer .blog-details-main .blog-details-left .share-icone .blog-arrow-btn:hover {
  background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}
.blog-details-outer .blog-details-main .blog-details-left .share-icone .blog-arrow-btn:hover img {
  margin-left: 10px;
}
.blog-details-outer .blog-details-main .blog-details-left .share-icone.active ul {
  display: flex;
}
.blog-details-outer .blog-details-main .blog-details-right {
  width: 33%;
  padding-top: 65px;
}
@media screen and (max-width: 768px) {
  .blog-details-outer .blog-details-main .blog-details-right {
    width: 100%;
  }
}
.blog-details-outer .blog-details-main .blog-details-right h3 {
  font-size: 32px;
  line-height: 100%;
  color: #000;
  font-family: "Graphik Medium";
  margin-bottom: 0px;
}
@media screen and (max-width: 991px) {
  .blog-details-outer .blog-details-main .blog-details-right h3 {
    font-size: 25px;
  }
}
.blog-details-outer .blog-details-main .blog-details-right .latest-bx-row {
  display: flex;
  padding: 30px 0px;
  border-bottom: 1px dashed rgba(83, 83, 83, 0.5);
}
.blog-details-outer .blog-details-main .blog-details-right .latest-bx-row .latest-bx-img {
  width: 40%;
  display: flex;
  height: 113px;
}
.blog-details-outer .blog-details-main .blog-details-right .latest-bx-row .latest-bx-img a {
  display: flex;
  width: 100%;
}
.blog-details-outer .blog-details-main .blog-details-right .latest-bx-row .latest-bx-img img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .blog-details-outer .blog-details-main .blog-details-right .latest-bx-row .latest-bx-img {
    max-width: 170px;
  }
}
.blog-details-outer .blog-details-main .blog-details-right .latest-bx-row .latest-bx-details {
  width: 60%;
  padding-left: 20px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.blog-details-outer .blog-details-main .blog-details-right .latest-bx-row .latest-bx-details h4 {
  font-size: 18px;
  line-height: 140%;
  color: #000;
  margin-bottom: 10px;
  width: 100%;
  min-height: 90px;
}
.blog-details-outer .blog-details-main .blog-details-right .latest-bx-row .latest-bx-details h4 a {
  color: #000;
  text-decoration: none;
}
.blog-details-outer .blog-details-main .blog-details-right .latest-bx-row .latest-bx-details h4 a:hover {
  color: #06ABBF;
}
@media screen and (max-width: 991px) {
  .blog-details-outer .blog-details-main .blog-details-right .latest-bx-row .latest-bx-details h4 {
    font-size: 14px;
  }
}
.blog-details-outer .blog-details-main .blog-details-right .latest-bx-row .latest-bx-details .date-blog {
  display: flex;
  align-items: center;
  width: 100%;
}
.blog-details-outer .blog-details-main .blog-details-right .latest-bx-row .latest-bx-details .date-blog span {
  font-size: 13px;
  line-height: 13px;
  color: #00D4FF;
  display: inline-block;
  text-decoration: none;
}
.blog-details-outer .blog-details-main .blog-details-right .latest-bx-row .latest-bx-details .date-blog span label {
  font-size: 13px;
  line-height: 13px;
  color: #000;
  display: inline-block;
}
.blog-details-outer .blog-details-main .blog-details-right .latest-bx-row .latest-bx-details .date-blog span label:hover {
  color: #00D4FF;
}
.blog-details-outer .blog-details-main .blog-details-right .latest-bx-row:last-child {
  border-bottom: none;
}
@media screen and (max-width: 768px) {
  .blog-details-outer .blog-details-main {
    flex-wrap: wrap;
  }
}

.blog-details-releted-outer {
  padding: 60px 0px;
}
.blog-details-releted-outer .head {
  padding-bottom: 30px;
}
.blog-details-releted-outer .head span {
  color: #000;
}
.blog-details-releted-outer .head h2 {
  color: #000;
  padding-bottom: 10px;
}
@media screen and (max-width: 1399px) {
  .blog-details-releted-outer .head h2 {
    font-size: 45px;
  }
}
@media screen and (max-width: 991px) {
  .blog-details-releted-outer .head h2 {
    font-size: 28px;
    line-height: 38px;
  }
}
.blog-details-releted-outer .blog-main {
  display: flex;
  flex-wrap: wrap;
}
.blog-details-releted-outer .blog-main .slick-list.draggable {
  width: 100%;
}
.blog-details-releted-outer .blog-main .slick-track {
  display: flex;
}
.blog-details-releted-outer .blog-main .blog-bx {
  padding: 25px;
  border-bottom: 1px solid #808080;
  width: calc(33.33% - 30px);
  background: rgba(255, 255, 255, 0.4588235294);
  border-radius: 11px;
  border: 1px solid #E2E2E2;
  transition: all 0.5s;
  margin: 0px 15px;
}
.blog-details-releted-outer .blog-main .blog-bx .blog-area figure {
  border-radius: 9px;
  margin-bottom: 20px;
  height: 185px;
  display: flex;
}
.blog-details-releted-outer .blog-main .blog-bx .blog-area figure a {
  display: flex;
  border-radius: 9px;
  width: 100%;
}
.blog-details-releted-outer .blog-main .blog-bx .blog-area figure a img {
  width: 100%;
  border-radius: 9px;
  max-height: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.blog-details-releted-outer .blog-main .blog-bx .blog-area label {
  font-size: 13px;
  line-height: 25px;
  color: #0070A8;
  display: block;
  margin-bottom: 8px;
}
.blog-details-releted-outer .blog-main .blog-bx .blog-area h3 {
  font-size: 20px;
  line-height: 30px;
  color: #242424;
  font-family: "Graphik Medium";
  margin-bottom: 20px;
  min-height: 60px;
}
.blog-details-releted-outer .blog-main .blog-bx .blog-area h3 a {
  text-decoration: none;
  color: #242424;
}
.blog-details-releted-outer .blog-main .blog-bx .blog-area p a {
  text-decoration: none;
  color: #000;
}
.blog-details-releted-outer .blog-main .blog-bx .blog-area .know-more {
  font-size: 16px;
  text-decoration: none;
  font-family: "Graphik Bold";
  background: linear-gradient(91.67deg, #1A9B83 1.42%, #0088FF 101.9%);
  transition: color 0.2s;
  color: #fff;
  -webkit-background-clip: text !important;
  transition: all 0.5s;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}
.blog-details-releted-outer .blog-main .blog-bx .blog-area .know-more img {
  margin-left: 7px;
  transition: all 0.5s;
  display: inline-block;
}
.blog-details-releted-outer .blog-main .blog-bx .blog-area .know-more:hover {
  background: linear-gradient(88.81deg, #0089C4 3.08%, #1A9B83 79.39%);
}
.blog-details-releted-outer .blog-main .blog-bx .blog-area .know-more:hover img {
  margin-left: 9px;
}
.blog-details-releted-outer .blog-main .blog-bx:hover {
  background: #fff;
}
@media screen and (max-width: 991px) {
  .blog-details-releted-outer .blog-main .blog-bx {
    width: calc(50% - 20px);
  }
}
@media screen and (max-width: 600px) {
  .blog-details-releted-outer .blog-main .blog-bx {
    width: 100%;
  }
}
.blog-details-releted-outer .blog-main .slick-arrow {
  width: 51px;
  height: 51px;
  border: 2px solid #000000;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9;
}
.blog-details-releted-outer .blog-main .slick-arrow::before {
  background: url(../images/arrow-use-slide.png) no-repeat;
  font-size: 0;
  color: transparent;
  width: 28px;
  height: 16px;
  filter: invert(100);
}
.blog-details-releted-outer .blog-main .slick-arrow:hover {
  border-color: #06ABBF;
  background: #06ABBF;
}
.blog-details-releted-outer .blog-main .slick-arrow:hover::before {
  filter: unset;
}
@media screen and (max-width: 1199px) {
  .blog-details-releted-outer .blog-main .slick-arrow {
    width: 45px;
    height: 45px;
  }
}
.blog-details-releted-outer .blog-main .slick-prev {
  left: -50px;
}
@media screen and (max-width: 1399px) {
  .blog-details-releted-outer .blog-main .slick-prev {
    left: -40px;
  }
}
@media screen and (max-width: 1199px) {
  .blog-details-releted-outer .blog-main .slick-prev {
    left: -10px;
  }
}
.blog-details-releted-outer .blog-main .slick-next {
  right: -50px;
}
.blog-details-releted-outer .blog-main .slick-next::before {
  transform: rotate(180deg);
}
@media screen and (max-width: 1399px) {
  .blog-details-releted-outer .blog-main .slick-next {
    right: -40px;
  }
}
@media screen and (max-width: 1199px) {
  .blog-details-releted-outer .blog-main .slick-next {
    right: -10px;
  }
}
@media screen and (max-width: 1399px) {
  .blog-details-releted-outer .blog-main {
    margin-left: 0px;
  }
}

.news-listing-outer {
  background-size: cover !important;
  padding: 60px 0px;
  position: relative;
}
.news-listing-outer .news-listing-main {
  flex-wrap: wrap;
  justify-content: space-between;
}
.news-listing-outer .news-listing-main .news-box {
  width: 49%;
  gap: 15px;
  margin-bottom: 45px;
}
.news-listing-outer .news-listing-main .news-box .date span.month {
  color: #421798;
  font-size: 20px;
  font-family: "Graphik Medium";
  display: block;
  padding-bottom: 10px;
  margin-bottom: 15px;
  border-bottom: 1px solid #DECEFF;
  text-transform: capitalize;
}
@media screen and (max-width: 991px) {
  .news-listing-outer .news-listing-main .news-box .date span.month {
    font-size: 15px;
    margin-bottom: 8px;
    padding-bottom: 5px;
  }
}
.news-listing-outer .news-listing-main .news-box .date span.month-date {
  color: #421798;
  font-size: 36px;
  font-family: "Graphik Medium";
}
@media screen and (max-width: 991px) {
  .news-listing-outer .news-listing-main .news-box .date span.month-date {
    font-size: 25px;
  }
}
.news-listing-outer .news-listing-main .news-box .news-image {
  width: 40%;
}
@media screen and (max-width: 991px) {
  .news-listing-outer .news-listing-main .news-box .news-image {
    width: 30%;
    min-width: 100px;
  }
}
.news-listing-outer .news-listing-main .news-box .news-info {
  width: 40%;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}
.news-listing-outer .news-listing-main .news-box .news-info h2 {
  color: #000000;
  font-size: 20px;
  line-height: 30px;
  padding-bottom: 10px;
  border-bottom: 1px solid #CCD2FF;
  letter-spacing: -0.2px;
  width: 100%;
}
@media screen and (max-width: 1199px) {
  .news-listing-outer .news-listing-main .news-box .news-info h2 {
    font-size: 18px;
    line-height: 139%;
  }
}
@media screen and (max-width: 576px) {
  .news-listing-outer .news-listing-main .news-box .news-info h2 {
    font-size: 16px;
  }
}
.news-listing-outer .news-listing-main .news-box .news-info h2 a {
  color: #000;
  text-decoration: none;
}
.news-listing-outer .news-listing-main .news-box .news-info h2 a:hover {
  color: #421798;
}
@media screen and (max-width: 991px) {
  .news-listing-outer .news-listing-main .news-box .news-info {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .news-listing-outer .news-listing-main .news-box {
    width: 100%;
  }
}
.news-listing-outer .loader-btn {
  width: 100%;
  text-align: center;
  padding-top: 40px;
}
.news-listing-outer .loader-btn a {
  background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
  padding: 9px 23px;
  display: inline-block;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
  line-height: 19px;
  text-decoration: none;
  transition: all 0.5s;
  background: linear-gradient(93.05deg, #B38AFF -14.26%, #B701FF 85.74%);
}
.news-listing-outer .loader-btn a img {
  margin-left: 8px;
  max-width: 17px;
  display: inline-block;
  width: auto;
  transition: all 0.5s;
  height: auto;
}
.news-listing-outer .loader-btn a:hover {
  background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}
.news-listing-outer .loader-btn a:hover img {
  margin-left: 10px;
}
.news-listing-outer .loader-btn a:hover {
  background: linear-gradient(93.05deg, #B701FF -14.26%, #B38AFF 85.74%);
}

.blog-details-out-area.news-details-out-area {
  background: url(../images/news-details-bg.webp) no-repeat;
  background-size: 100% 100%;
  padding-bottom: 60px;
}
.blog-details-out-area.news-details-out-area .blog-details-outer .blog-details-main .blog-details-left .blog-main-img img {
  border-radius: 9px;
}
.blog-details-out-area.news-details-out-area .blog-details-outer .blog-details-main .blog-details-left .blog-date-rw .blog-details-date {
  color: #541AA5;
}
.blog-details-out-area.news-details-out-area .blog-details-outer .blog-details-main .blog-details-left .blog-date-rw .blog-details-date::after {
  display: none;
}
.blog-details-out-area.news-details-out-area .blog-details-outer .blog-details-main .blog-details-left .blog-date-rw span {
  color: #541AA5;
}
.blog-details-out-area.news-details-out-area .blog-details-outer .blog-details-main .blog-details-left p a {
  color: #541AA5;
}
.blog-details-out-area.news-details-out-area .blog-details-outer .blog-details-main .blog-details-left .share-icone .social-share li a {
  color: #541AA5;
}
.blog-details-out-area.news-details-out-area .blog-details-outer .blog-details-main .blog-details-left .share-icone .social-share li a:hover {
  background: linear-gradient(246.46deg, #603f8e 31.39%, #541AA5 84.83%);
  color: #fff;
}
.blog-details-out-area.news-details-out-area .blog-details-outer .blog-details-main .blog-details-right .latest-bx-row {
  border-bottom: 1px solid #CCD2FF;
}
.blog-details-out-area.news-details-out-area .blog-details-outer .blog-details-main .blog-details-right .latest-bx-row .latest-bx-img img {
  border-radius: 9px;
}
.blog-details-out-area.news-details-out-area .blog-details-outer .blog-details-main .blog-details-right .latest-bx-row .latest-bx-details h4 a:hover {
  color: #541AA5;
}
.blog-details-out-area.news-details-out-area .blog-details-outer .blog-details-main .blog-details-right .latest-bx-row .latest-bx-details .date-blog span {
  color: #541AA5;
}

.csr-page-banner-outer {
  padding: 150px 0px 30px;
  height: 100vh;
  background-size: 100% 100% !important;
  display: flex;
  align-items: center;
}
.csr-page-banner-outer .csr-page-main {
  text-align: center;
}
.csr-page-banner-outer .csr-page-main h1 {
  font-size: 148px;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  font-family: "Graphik Semibold";
  line-height: 99%;
  padding-bottom: 10px;
}
@media screen and (max-width: 1450px) {
  .csr-page-banner-outer .csr-page-main h1 {
    font-size: 80px;
  }
}
@media screen and (max-width: 1199px) {
  .csr-page-banner-outer .csr-page-main h1 {
    font-size: 70px;
  }
}
@media screen and (max-width: 767px) {
  .csr-page-banner-outer .csr-page-main h1 {
    font-size: 60px;
  }
}
@media screen and (max-width: 600px) {
  .csr-page-banner-outer .csr-page-main h1 {
    font-size: 45px;
  }
}
.csr-page-banner-outer .csr-page-main h3 {
  font-size: 36px;
  color: #fff;
  font-family: "Graphik Medium";
  padding-bottom: 10px;
}
@media screen and (max-width: 1450px) {
  .csr-page-banner-outer .csr-page-main h3 {
    font-size: 26px;
  }
}
@media screen and (max-width: 1199px) {
  .csr-page-banner-outer .csr-page-main h3 {
    font-size: 21px;
  }
}
@media screen and (max-width: 991px) {
  .csr-page-banner-outer .csr-page-main h3 {
    font-size: 16px;
  }
  .csr-page-banner-outer .csr-page-main h3 br {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .csr-page-banner-outer .csr-page-main h3 {
    font-size: 25px;
  }
}
.csr-page-banner-outer .csr-page-main p {
  font-size: 22px;
  color: #fff;
  font-family: "Graphik Medium";
}
@media screen and (max-width: 1450px) {
  .csr-page-banner-outer .csr-page-main p {
    font-size: 18px;
  }
}
@media screen and (max-width: 600px) {
  .csr-page-banner-outer .csr-page-main p {
    font-size: 16px;
  }
}
.csr-page-banner-outer .csr-page-main a {
  background: linear-gradient(259.44deg, #9DA8FB 25.03%, #9266FD 90.57%);
  padding: 9px 23px;
  display: inline-block;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
  line-height: 19px;
  text-decoration: none;
  transition: all 0.5s;
}
.csr-page-banner-outer .csr-page-main a img {
  margin-left: 8px;
  max-width: 17px;
  display: inline-block;
  width: auto;
  transition: all 0.5s;
  height: auto;
}
.csr-page-banner-outer .csr-page-main a:hover {
  background: linear-gradient(259.44deg, #9266FD 25.03%, #9DA8FB 90.57%);
}
.csr-page-banner-outer .csr-page-main a:hover img {
  margin-left: 10px;
}
@media screen and (max-width: 991px) {
  .csr-page-banner-outer {
    padding: 100px 0px 30px;
    background-size: cover !important;
  }
}

.csr-focus-area-outer {
  overflow: hidden;
  background-size: cover !important;
  padding: 60px 0px;
}
.csr-focus-area-outer .head h2 {
  color: #fff;
  padding-bottom: 10px;
}
.csr-focus-area-outer .head p {
  color: #fff;
}
.csr-focus-area-outer .csr-focus-outer .slick-list.draggable {
  padding: 0px 50px;
}
.csr-focus-area-outer .csr-focus-outer .slick-list.draggable .csr-focus-bx {
  padding: 0px 8px;
  position: relative;
  transition: all 0.5s;
}
.csr-focus-area-outer .csr-focus-outer .slick-list.draggable .csr-focus-bx figure {
  position: relative;
}
.csr-focus-area-outer .csr-focus-outer .slick-list.draggable .csr-focus-bx figure img {
  width: 100%;
}
.csr-focus-area-outer .csr-focus-outer .slick-list.draggable .csr-focus-bx figure::after {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0) 47.18%);
  z-index: 1;
}
.csr-focus-area-outer .csr-focus-outer .slick-list.draggable .csr-focus-bx h3 {
  font-size: 18px;
  line-height: 25px;
  color: #fff;
  position: absolute;
  bottom: 20px;
  z-index: 2;
  padding: 0px 15px;
  font-family: "Graphik Medium";
}
.csr-focus-area-outer .csr-focus-outer .slick-list.draggable .csr-focus-bx:nth-child(2n) {
  margin-top: 40px;
}
.csr-focus-area-outer .csr-focus-outer .slick-list.draggable .csr-focus-bx:nth-child(2n):hover {
  margin-top: 50px;
}
.csr-focus-area-outer .csr-focus-outer .slick-list.draggable .csr-focus-bx:hover {
  margin-top: 10px;
}

.sustainbility-outer {
  background: #000;
  padding: 60px 0px;
  background-size: cover !important;
}
.sustainbility-outer .head {
  padding-bottom: 30px;
}
.sustainbility-outer .head h2 {
  padding-bottom: 10px;
}
.sustainbility-outer .sustainbility-main {
  display: flex;
}
.sustainbility-outer .sustainbility-main .slick-list.draggable {
  width: 100%;
}
.sustainbility-outer .sustainbility-main .sustainbility-box {
  padding: 0px 15px;
}
.sustainbility-outer .sustainbility-main .sustainbility-box .sustainbility-area {
  position: relative;
}
.sustainbility-outer .sustainbility-main .sustainbility-box .sustainbility-area figure {
  margin-bottom: 0px;
  height: 402px;
  display: flex;
}
.sustainbility-outer .sustainbility-main .sustainbility-box .sustainbility-area figure a {
  display: flex;
  width: 100%;
}
.sustainbility-outer .sustainbility-main .sustainbility-box .sustainbility-area figure img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.sustainbility-outer .sustainbility-main .sustainbility-box .sustainbility-area .forsting-ara {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 30px 15px;
  height: 115px;
  transition: all 0.5s;
}
.sustainbility-outer .sustainbility-main .sustainbility-box .sustainbility-area .forsting-ara a {
  text-decoration: none;
}
.sustainbility-outer .sustainbility-main .sustainbility-box .sustainbility-area .forsting-ara h3 {
  font-size: 30px;
  text-transform: uppercase;
  color: #fff;
  font-family: "Graphik Bold";
  width: 100%;
  margin-bottom: 0px;
}
@media screen and (max-width: 991px) {
  .sustainbility-outer .sustainbility-main .sustainbility-box .sustainbility-area .forsting-ara h3 {
    font-size: 25px;
  }
}
.sustainbility-outer .sustainbility-main .sustainbility-box .sustainbility-area .forsting-ara h6 {
  margin: 0px;
  font-size: 18px;
  line-height: 25px;
  color: #fff;
  margin-bottom: 25px;
}
.sustainbility-outer .sustainbility-main .sustainbility-box .sustainbility-area .forsting-ara p {
  margin: 0px;
  font-size: 18px;
  line-height: 25px;
  color: #fff;
}
@media screen and (max-width: 1199px) {
  .sustainbility-outer .sustainbility-main .sustainbility-box .sustainbility-area .forsting-ara {
    height: 110px;
  }
}
@media screen and (max-width: 767px) {
  .sustainbility-outer .sustainbility-main .sustainbility-box .sustainbility-area .forsting-ara {
    padding: 30px 20px;
  }
}
.sustainbility-outer .sustainbility-main .sustainbility-box .sustainbility-area:hover .forsting-ara {
  height: 100%;
  align-content: flex-start;
  align-items: flex-start;
  background: #005F8F;
}
.sustainbility-outer .sustainbility-main .sustainbility-box:nth-child(2n) .forsting-ara:hover {
  background: #039135;
}
.sustainbility-outer .sustainbility-main .slick-arrow {
  width: 51px;
  height: 51px;
  border: 2px solid rgb(0, 0, 0);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9;
  opacity: 1;
}
.sustainbility-outer .sustainbility-main .slick-arrow::before {
  background: url(../images/arrow-use-slide.png) no-repeat;
  font-size: 0;
  color: transparent;
  width: 28px;
  height: 16px;
  filter: invert(100);
}
.sustainbility-outer .sustainbility-main .slick-arrow:hover {
  border-color: #005F8F;
  background: #005F8F;
}
.sustainbility-outer .sustainbility-main .slick-arrow:hover::before {
  filter: invert(0);
}
@media screen and (max-width: 767px) {
  .sustainbility-outer .sustainbility-main .slick-arrow {
    width: 41px;
    height: 41px;
    border-color: #007263;
    background-color: #007263;
    opacity: 1;
  }
  .sustainbility-outer .sustainbility-main .slick-arrow::before {
    filter: unset;
  }
}
.sustainbility-outer .sustainbility-main .slick-prev {
  left: -57px;
}
@media screen and (max-width: 1399px) {
  .sustainbility-outer .sustainbility-main .slick-prev {
    left: -30px;
  }
}
@media screen and (max-width: 1199px) {
  .sustainbility-outer .sustainbility-main .slick-prev {
    left: 0px;
  }
}
@media screen and (max-width: 767px) {
  .sustainbility-outer .sustainbility-main .slick-prev {
    left: -10px;
  }
}
.sustainbility-outer .sustainbility-main .slick-next {
  right: -57px;
}
@media screen and (max-width: 1399px) {
  .sustainbility-outer .sustainbility-main .slick-next {
    right: -30px;
  }
}
@media screen and (max-width: 1199px) {
  .sustainbility-outer .sustainbility-main .slick-next {
    right: 0px;
  }
}
@media screen and (max-width: 767px) {
  .sustainbility-outer .sustainbility-main .slick-next {
    right: -10px;
  }
}
.sustainbility-outer .sustainbility-main .slick-next::before {
  transform: rotate(180deg);
}

.community-outer {
  background: #fff;
  padding: 60px 0px;
  background-size: cover !important;
}
.community-outer .head {
  padding-bottom: 20px;
}
.community-outer .head h2 {
  color: #fff;
  padding-bottom: 10px;
}
.community-outer .head p {
  color: #fff;
}
.community-outer .community-main-slide {
  margin: 0px;
}
.community-outer .community-main-slide .communitu-row {
  padding: 0px 50px 60px;
}
.community-outer .community-main-slide .communitu-row .community-area {
  background: rgba(255, 255, 255, 0.07);
  padding: 42px 40px;
  box-shadow: 0px 31px 57.5px 0px rgba(0, 0, 0, 0.1019607843);
  border: 1px solid #3E673B;
  display: flex;
  gap: 60px;
  align-items: center;
  border-radius: 7px;
}
@media screen and (max-width: 991px) {
  .community-outer .community-main-slide .communitu-row .community-area {
    padding: 35px 30px;
    box-shadow: 0px 7px 29px -16px rgba(0, 0, 0, 0.3);
  }
}
@media screen and (max-width: 767px) {
  .community-outer .community-main-slide .communitu-row .community-area {
    flex-wrap: wrap;
  }
}
.community-outer .community-main-slide .communitu-row .community-text {
  width: 55%;
}
.community-outer .community-main-slide .communitu-row .community-text h3 {
  font-size: 32px;
  line-height: 40px;
  color: #fff;
  font-family: "Graphik Medium";
  padding-bottom: 15px;
}
@media screen and (max-width: 1399px) {
  .community-outer .community-main-slide .communitu-row .community-text h3 {
    font-size: 25px;
    line-height: 30px;
  }
}
.community-outer .community-main-slide .communitu-row .community-text p {
  font-size: 18px;
  line-height: 30px;
  color: #fff;
  font-weight: 300;
}
@media screen and (max-width: 991px) {
  .community-outer .community-main-slide .communitu-row .community-text p {
    font-size: 16px;
    line-height: 26px;
  }
}
.community-outer .community-main-slide .communitu-row .community-text a {
  background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
  padding: 9px 23px;
  display: inline-block;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
  line-height: 19px;
  text-decoration: none;
  transition: all 0.5s;
  background: linear-gradient(91.33deg, #008A45 23.51%, #007263 72.43%);
}
.community-outer .community-main-slide .communitu-row .community-text a img {
  margin-left: 8px;
  max-width: 17px;
  display: inline-block;
  width: auto;
  transition: all 0.5s;
  height: auto;
}
.community-outer .community-main-slide .communitu-row .community-text a:hover {
  background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}
.community-outer .community-main-slide .communitu-row .community-text a:hover img {
  margin-left: 10px;
}
.community-outer .community-main-slide .communitu-row .community-text a:hover {
  background: linear-gradient(91.33deg, #007263 23.51%, #008A45 72.43%);
}
@media screen and (max-width: 767px) {
  .community-outer .community-main-slide .communitu-row .community-text {
    width: 100%;
  }
}
.community-outer .community-main-slide .communitu-row .Rooted-img {
  width: 45%;
  border-radius: 5px;
}
.community-outer .community-main-slide .communitu-row .Rooted-img img {
  width: 100%;
  border-radius: 5px;
}
@media screen and (max-width: 767px) {
  .community-outer .community-main-slide .communitu-row .Rooted-img {
    width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .community-outer .community-main-slide .communitu-row {
    padding: 0px 20px 30px;
  }
}
.community-outer .community-main-slide .slick-arrow {
  width: 51px;
  height: 51px;
  border: 2px solid rgb(255, 255, 255);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9;
  margin-top: -35px;
}
.community-outer .community-main-slide .slick-arrow::before {
  background: url(../images/arrow-use-slide.png) no-repeat;
  font-size: 0;
  color: transparent;
  width: 28px;
  height: 16px;
  opacity: 1;
}
.community-outer .community-main-slide .slick-arrow:hover {
  border-color: rgb(27, 224, 89);
  background: rgb(27, 224, 89);
}
.community-outer .community-main-slide .slick-arrow:hover::before {
  background: url(../images/arrow-use-slide.png) no-repeat;
}
@media screen and (max-width: 767px) {
  .community-outer .community-main-slide .slick-arrow {
    width: 41px;
    height: 41px;
    border-color: #ffffff;
  }
}
.community-outer .community-main-slide .slick-prev {
  left: -15px;
}
@media screen and (max-width: 1199px) {
  .community-outer .community-main-slide .slick-prev {
    left: -10px;
  }
}
.community-outer .community-main-slide .slick-next {
  right: -15px;
}
@media screen and (max-width: 1199px) {
  .community-outer .community-main-slide .slick-next {
    right: -10px;
  }
}
.community-outer .community-main-slide .slick-next::before {
  transform: rotate(180deg);
}
.community-outer .community-main-slide .slick-dots {
  bottom: 0px;
}
.community-outer .community-main-slide .slick-dots li {
  width: 35px;
  height: 3px;
}
.community-outer .community-main-slide .slick-dots li button {
  width: 35px;
  height: 3px;
  padding: 0;
  background: #D4D4D4;
}
.community-outer .community-main-slide .slick-dots li button::before {
  display: none;
}
.community-outer .community-main-slide .slick-dots li.slick-active button {
  background: rgb(27, 224, 89);
}

.csr-policy-outer {
  padding: 60px 0px;
  background-size: cover !important;
}
.csr-policy-outer .head h2 {
  padding-bottom: 10px;
}
.csr-policy-outer .csr-policy-main {
  display: flex;
  position: relative;
  width: 100%;
  height: 70vh;
  overflow: hidden;
  padding-top: 70px;
  align-items: center;
}
.csr-policy-outer .csr-policy-main .csr-policy-left {
  position: absolute;
  bottom: -150px;
  left: 0;
  width: 50%;
  height: 100%;
  opacity: 0;
  transition: opacity 1s ease;
  align-items: center;
  display: flex;
}
.csr-policy-outer .csr-policy-main .csr-policy-left p {
  font-size: 18px;
  line-height: 186%;
  color: #232323;
  margin-bottom: 40px;
}
@media screen and (max-width: 991px) {
  .csr-policy-outer .csr-policy-main .csr-policy-left p {
    font-size: 16px;
  }
}
.csr-policy-outer .csr-policy-main .csr-policy-left .view-pdf a {
  background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
  padding: 9px 23px;
  display: inline-block;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
  line-height: 19px;
  text-decoration: none;
  transition: all 0.5s;
  background: linear-gradient(91.33deg, #008A45 23.51%, #007263 72.43%);
}
.csr-policy-outer .csr-policy-main .csr-policy-left .view-pdf a img {
  margin-left: 8px;
  max-width: 17px;
  display: inline-block;
  width: auto;
  transition: all 0.5s;
  height: auto;
}
.csr-policy-outer .csr-policy-main .csr-policy-left .view-pdf a:hover {
  background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}
.csr-policy-outer .csr-policy-main .csr-policy-left .view-pdf a:hover img {
  margin-left: 10px;
}
.csr-policy-outer .csr-policy-main .csr-policy-left .view-pdf a:hover {
  background: linear-gradient(91.33deg, #007263 23.51%, #008A45 72.43%);
}
@media screen and (max-width: 991px) {
  .csr-policy-outer .csr-policy-main .csr-policy-left {
    width: 100% !important;
    position: static;
    opacity: 1 !important;
    padding-bottom: 40px;
  }
}
.csr-policy-outer .csr-policy-main .csr-policy-right {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: flex;
  transition: width 0.3s ease;
}
.csr-policy-outer .csr-policy-main .csr-policy-right img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  max-height: 100%;
}
@media screen and (max-width: 991px) {
  .csr-policy-outer .csr-policy-main .csr-policy-right {
    width: 100% !important;
    position: static;
  }
}
@media screen and (max-width: 991px) {
  .csr-policy-outer .csr-policy-main {
    flex-wrap: wrap;
    height: auto;
    padding-top: 0px;
  }
}

.brochure-outer {
  padding: 60px 0px;
  background-size: cover !important;
}
.brochure-outer .head {
  padding-bottom: 20px;
}
.brochure-outer .head h2 {
  color: #fff;
  padding-bottom: 10px;
}
.brochure-outer .head p {
  color: #fff;
}
.brochure-outer .brochure-main-slide {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.brochure-outer .brochure-main-slide .brochure-box {
  width: calc(25% - 15px);
  margin: 0px 15px;
}
.brochure-outer .brochure-main-slide .brochure-box .brochure-area {
  border: 1px solid rgb(62, 103, 59);
  box-shadow: 0px 31px 57.5px 0px rgba(0, 0, 0, 0.1);
  background: rgba(255, 255, 255, 0.02);
  padding: 25px 15px;
  border-radius: 7px;
}
.brochure-outer .brochure-main-slide .brochure-box .brochure-area figure {
  height: 144px;
  display: flex;
  align-items: flex-end;
  margin-bottom: 30px;
  position: relative;
  overflow: hidden;
}
.brochure-outer .brochure-main-slide .brochure-box .brochure-area figure img {
  max-width: 100%;
  transition: all 0.5s;
}
.brochure-outer .brochure-main-slide .brochure-box .brochure-area .brochur-details h3 {
  font-size: 24px;
  line-height: 36px;
  color: #fff;
  font-family: "Graphik Medium";
  margin-bottom: 20px;
}
.brochure-outer .brochure-main-slide .brochure-box .brochure-area .brochur-details h3 a {
  text-decoration: none;
  color: #fff;
}
.brochure-outer .brochure-main-slide .brochure-box .brochure-area .brochur-details p {
  font-size: 18px;
  line-height: 28px;
  color: #fff;
  padding-bottom: 20px;
}
@media screen and (max-width: 991px) {
  .brochure-outer .brochure-main-slide .brochure-box .brochure-area .brochur-details p {
    font-size: 16px;
    line-height: 26px;
  }
}
.brochure-outer .brochure-main-slide .brochure-box .brochure-area .brochur-details a.learn-more {
  background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
  padding: 9px 23px;
  display: inline-block;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
  line-height: 19px;
  text-decoration: none;
  transition: all 0.5s;
  background: linear-gradient(91.33deg, #008A45 23.51%, #007263 72.43%);
}
.brochure-outer .brochure-main-slide .brochure-box .brochure-area .brochur-details a.learn-more img {
  margin-left: 8px;
  max-width: 17px;
  display: inline-block;
  width: auto;
  transition: all 0.5s;
  height: auto;
}
.brochure-outer .brochure-main-slide .brochure-box .brochure-area .brochur-details a.learn-more:hover {
  background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}
.brochure-outer .brochure-main-slide .brochure-box .brochure-area .brochur-details a.learn-more:hover img {
  margin-left: 10px;
}
.brochure-outer .brochure-main-slide .brochure-box .brochure-area .brochur-details a.learn-more:hover {
  background: linear-gradient(91.33deg, #007263 23.51%, #008A45 72.43%);
}
.brochure-outer .brochure-main-slide .brochure-box .brochure-area:hover figure img {
  transform: scale(1.1);
}
.brochure-outer .brochure-main-slide .brochure-box:nth-child(2n) .brochure-area figcaption h4 {
  color: #FFD400;
}
.brochure-outer .brochure-main-slide .slick-arrow {
  width: 51px;
  height: 51px;
  border: 2px solid rgb(255, 255, 255);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9;
  margin-top: -35px;
}
.brochure-outer .brochure-main-slide .slick-arrow::before {
  background: url(../images/arrow-use-slide.png) no-repeat;
  font-size: 0;
  color: transparent;
  width: 28px;
  height: 16px;
  opacity: 1;
}
.brochure-outer .brochure-main-slide .slick-arrow:hover {
  border-color: rgb(27, 224, 89);
  background: rgb(27, 224, 89);
}
.brochure-outer .brochure-main-slide .slick-arrow:hover::before {
  background: url(../images/arrow-use-slide.png) no-repeat;
}
@media screen and (max-width: 767px) {
  .brochure-outer .brochure-main-slide .slick-arrow {
    width: 41px;
    height: 41px;
    border-color: #ffffff;
  }
}
.brochure-outer .brochure-main-slide .slick-prev {
  left: -15px;
}
@media screen and (max-width: 1199px) {
  .brochure-outer .brochure-main-slide .slick-prev {
    left: -10px;
  }
}
.brochure-outer .brochure-main-slide .slick-next {
  right: -15px;
}
@media screen and (max-width: 1199px) {
  .brochure-outer .brochure-main-slide .slick-next {
    right: -10px;
  }
}
.brochure-outer .brochure-main-slide .slick-next::before {
  transform: rotate(180deg);
}

.awards-banner-outer {
  padding: 150px 0px 30px;
  height: 100vh;
  background-size: 100% 100% !important;
  display: flex;
  align-items: center;
}
.awards-banner-outer .awards-main {
  text-align: center;
}
.awards-banner-outer .awards-main h1 {
  font-size: 100px;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  font-family: "Graphik Semibold";
  line-height: 102%;
  padding-bottom: 10px;
}
@media screen and (max-width: 1450px) {
  .awards-banner-outer .awards-main h1 {
    font-size: 90px;
  }
}
@media screen and (max-width: 1450px) {
  .awards-banner-outer .awards-main h1 {
    font-size: 80px;
  }
}
@media screen and (max-width: 1199px) {
  .awards-banner-outer .awards-main h1 {
    font-size: 60px;
  }
}
@media screen and (max-width: 767px) {
  .awards-banner-outer .awards-main h1 {
    font-size: 50px;
  }
}
.awards-banner-outer .awards-main h3 {
  font-size: 55px;
  color: #fff;
  font-family: "Graphik Semibold";
  padding-bottom: 10px;
}
@media screen and (max-width: 1450px) {
  .awards-banner-outer .awards-main h3 {
    font-size: 45px;
  }
}
@media screen and (max-width: 1199px) {
  .awards-banner-outer .awards-main h3 {
    font-size: 40px;
  }
}
@media screen and (max-width: 991px) {
  .awards-banner-outer .awards-main h3 {
    font-size: 35px;
  }
  .awards-banner-outer .awards-main h3 br {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .awards-banner-outer .awards-main h3 {
    font-size: 35px;
  }
}
.awards-banner-outer .awards-main p {
  font-size: 25px;
  color: #fff;
  font-family: "Graphik Medium";
  line-height: 150%;
}
@media screen and (max-width: 1450px) {
  .awards-banner-outer .awards-main p {
    font-size: 22px;
  }
}
@media screen and (max-width: 991px) {
  .awards-banner-outer {
    padding: 100px 0px 30px;
  }
}
@media screen and (max-width: 767px) {
  .awards-banner-outer {
    background-size: cover !important;
  }
}

.awards-section-outer {
  background: linear-gradient(180deg, #FFF1E1 16.91%, #F9FFF4 68.09%, #FFF8E8 100%);
  padding: 60px 0px;
}
.awards-section-outer .awards-main {
  display: flex;
  flex-wrap: wrap;
  gap: 50px 100px;
}
.awards-section-outer .awards-main .awards-box {
  width: calc(33.33% - 80px);
  cursor: pointer;
}
.awards-section-outer .awards-main .awards-box figure {
  background: url(../images/awards-image-frame.webp) no-repeat;
  background-size: 100%;
  min-height: 291px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.awards-section-outer .awards-main .awards-box figure img {
  width: 169px;
  height: 135px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
  margin-top: -81px;
}
@media screen and (max-width: 1199px) {
  .awards-section-outer .awards-main .awards-box figure img {
    width: 120px;
    height: 85px;
  }
}
@media screen and (max-width: 991px) {
  .awards-section-outer .awards-main .awards-box figure img {
    margin-top: -50px;
  }
}
@media screen and (max-width: 1199px) {
  .awards-section-outer .awards-main .awards-box figure {
    min-height: 214px;
  }
}
.awards-section-outer .awards-main .awards-box p {
  text-align: center;
  font-size: 20px;
  font-family: "Graphik Medium";
  line-height: 140%;
  color: #242424;
}
@media screen and (max-width: 991px) {
  .awards-section-outer .awards-main .awards-box {
    width: calc(50% - 25px);
  }
}
@media screen and (max-width: 576px) {
  .awards-section-outer .awards-main .awards-box {
    width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .awards-section-outer .awards-main {
    gap: 50px;
  }
}
@media screen and (max-width: 576px) {
  .awards-section-outer .awards-main {
    gap: 25px 0px;
  }
}
@media screen and (max-width: 1199px) {
  .awards-section-outer .container {
    max-width: 991px;
  }
}
@media screen and (max-width: 991px) {
  .awards-section-outer .container {
    max-width: 600px;
  }
}
@media screen and (max-width: 576px) {
  .awards-section-outer .container {
    max-width: 300px;
  }
}

.awards-pop-outer .modal-dialog {
  max-width: 854px;
}
.awards-pop-outer .modal-dialog .modal-content {
  border: 1px solid #F4E7BB;
  box-shadow: 0px 21px 33.3px 0px #FFEFD0;
  border-radius: 17px;
}
.awards-pop-outer .modal-dialog .btn-close {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 29px;
  height: 29px;
  opacity: 1;
  background: url(../images/close-ico.svg) no-repeat;
  z-index: 9;
  box-shadow: none !important;
}
.awards-pop-outer .modal-dialog .modal-body {
  padding: 64px;
}
.awards-pop-outer .modal-dialog .modal-body figure img {
  width: 100%;
}

.ourcustomer-banner-outer {
  padding: 150px 0px 30px;
  height: 100vh;
  background-size: 100% 100% !important;
  display: flex;
  align-items: center;
}
.ourcustomer-banner-outer .ourcustomer-main {
  text-align: center;
}
.ourcustomer-banner-outer .ourcustomer-main h1 {
  font-size: 100px;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  font-family: "Graphik Semibold";
  line-height: 102%;
  padding-bottom: 10px;
}
@media screen and (max-width: 1450px) {
  .ourcustomer-banner-outer .ourcustomer-main h1 {
    font-size: 90px;
  }
}
@media screen and (max-width: 1450px) {
  .ourcustomer-banner-outer .ourcustomer-main h1 {
    font-size: 80px;
  }
}
@media screen and (max-width: 1199px) {
  .ourcustomer-banner-outer .ourcustomer-main h1 {
    font-size: 60px;
  }
}
@media screen and (max-width: 767px) {
  .ourcustomer-banner-outer .ourcustomer-main h1 {
    font-size: 50px;
  }
}
.ourcustomer-banner-outer .ourcustomer-main h3 {
  font-size: 55px;
  color: #fff;
  font-family: "Graphik Semibold";
  padding-bottom: 10px;
}
@media screen and (max-width: 1450px) {
  .ourcustomer-banner-outer .ourcustomer-main h3 {
    font-size: 45px;
  }
}
@media screen and (max-width: 1199px) {
  .ourcustomer-banner-outer .ourcustomer-main h3 {
    font-size: 40px;
  }
}
@media screen and (max-width: 991px) {
  .ourcustomer-banner-outer .ourcustomer-main h3 {
    font-size: 35px;
  }
}
@media screen and (max-width: 767px) {
  .ourcustomer-banner-outer .ourcustomer-main h3 {
    font-size: 35px;
  }
}
.ourcustomer-banner-outer .ourcustomer-main p {
  font-size: 25px;
  color: #fff;
  font-family: "Graphik Medium";
  line-height: 150%;
}
@media screen and (max-width: 1450px) {
  .ourcustomer-banner-outer .ourcustomer-main p {
    font-size: 22px;
  }
}
@media screen and (max-width: 991px) {
  .ourcustomer-banner-outer {
    padding: 100px 0px 30px;
  }
}
@media screen and (max-width: 767px) {
  .ourcustomer-banner-outer {
    background-size: cover !important;
  }
}

.our-customer-page-outer {
  padding: 60px 0px;
  background-size: cover !important;
  position: relative;
}
.our-customer-page-outer .container {
  max-width: 1650px;
}
.our-customer-page-outer .filter-icon {
  display: none;
  background: #222344;
  border: none;
  border-radius: 50%;
  width: 46px;
  height: 46px;
  position: relative;
  margin-bottom: 18px;
  cursor: pointer;
  outline: none;
}
.our-customer-page-outer .filter-icon:after {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  position: absolute;
  left: 50%;
  top: 50%;
  background: url('data:image/svg+xml;utf8,<svg fill="white" viewBox="0 0 24 24" width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M4 6h16M7 12h10M10 18h4" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center/contain;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.our-customer-page-outer .filter-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 36px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  justify-content: center;
}
.our-customer-page-outer .filter-tabs .tab {
  background: rgba(255, 255, 255, 0.6705882353);
  font-size: 18px;
  font-family: "Graphik Semibold";
  padding: 12px 16px;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
  outline: none;
  border: 1px solid #EDEDED;
  min-width: 197px;
}
.our-customer-page-outer .filter-tabs .tab:not(.active):hover {
  background: #0C4366;
  border-color: #0C4366;
  color: #fff;
}
.our-customer-page-outer .filter-tabs .tab.active {
  background: #0C4366;
  border-color: #0C4366;
  color: #fff;
  box-shadow: 0 2px 8px rgba(23, 145, 255, 0.12);
}
.our-customer-page-outer .mobile-filter-list {
  display: none;
  flex-direction: column;
  gap: 8px;
  background: #222344;
  padding: 10px 0px;
  border-radius: 12px;
  box-shadow: 0 2px 12px 0 rgba(23, 47, 94, 0.12);
  margin-bottom: 24px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: absolute;
  left: 16px;
  right: 16px;
  top: 108px;
  z-index: 10;
}
.our-customer-page-outer .mobile-filter-list.open {
  display: flex;
}
.our-customer-page-outer .mobile-filter-list.open .tab {
  text-align: left;
  padding: 4px 20px;
  border: none;
  background: transparent;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
  outline: none;
}
.our-customer-page-outer .mobile-filter-list.open .tab:hover {
  background: #1791ff;
  color: #fff;
}
.our-customer-page-outer .mobile-filter-list.open .tab.active {
  background: #1791ff;
  color: #fff;
}
.our-customer-page-outer .our-customer-main {
  gap: 10px;
  display: flex;
  flex-wrap: wrap;
}
.our-customer-page-outer .our-customer-main .content-card {
  background: #FFFFFF;
  box-shadow: 0px 2px 4px -2px rgba(24, 39, 75, 0.0196078431);
  border-radius: 10px;
  width: calc(14.28% - 9px);
  height: 85px;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.our-customer-page-outer .our-customer-main .content-card img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 1199px) {
  .our-customer-page-outer .our-customer-main .content-card {
    width: calc(20% - 9px);
  }
}
@media screen and (max-width: 991px) {
  .our-customer-page-outer .our-customer-main .content-card {
    width: calc(25% - 9px);
  }
}
@media screen and (max-width: 600px) {
  .our-customer-page-outer .our-customer-main .content-card {
    width: calc(33.33% - 9px);
  }
}
@media screen and (max-width: 450px) {
  .our-customer-page-outer .our-customer-main .content-card {
    width: calc(50% - 9px);
  }
}
@media (max-width: 700px) {
  .our-customer-page-outer {
    /* mobile-filter-list set above */
  }
  .our-customer-page-outer .filter-tabs {
    display: none;
  }
  .our-customer-page-outer .filter-icon {
    display: block;
  }
}

.partner-banner-outer {
  padding: 150px 0px 30px;
  height: 100vh;
  background-size: 100% 100% !important;
  display: flex;
  align-items: center;
}
.partner-banner-outer .partner-main {
  text-align: center;
}
.partner-banner-outer .partner-main h1 {
  font-size: 100px;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  font-family: "Graphik Semibold";
  line-height: 102%;
  padding-bottom: 10px;
}
@media screen and (max-width: 1450px) {
  .partner-banner-outer .partner-main h1 {
    font-size: 90px;
  }
}
@media screen and (max-width: 1450px) {
  .partner-banner-outer .partner-main h1 {
    font-size: 80px;
  }
}
@media screen and (max-width: 1199px) {
  .partner-banner-outer .partner-main h1 {
    font-size: 60px;
  }
}
@media screen and (max-width: 767px) {
  .partner-banner-outer .partner-main h1 {
    font-size: 50px;
  }
}
.partner-banner-outer .partner-main h3 {
  font-size: 55px;
  color: #fff;
  font-family: "Graphik Semibold";
  padding-bottom: 10px;
}
@media screen and (max-width: 991px) {
  .partner-banner-outer .partner-main h3 {
    font-size: 45px;
  }
}
@media screen and (max-width: 767px) {
  .partner-banner-outer .partner-main h3 {
    font-size: 35px;
  }
}
.partner-banner-outer .partner-main p {
  font-size: 25px;
  color: #fff;
  font-family: "Graphik Medium";
  line-height: 150%;
}
@media screen and (max-width: 1450px) {
  .partner-banner-outer .partner-main p {
    font-size: 22px;
  }
}
@media screen and (max-width: 991px) {
  .partner-banner-outer {
    padding: 100px 0px 30px;
  }
}
@media screen and (max-width: 767px) {
  .partner-banner-outer {
    background-size: cover !important;
  }
}

.video-banner-outer {
  padding: 150px 0px 30px;
  height: 100vh;
  background-size: 100% 100% !important;
  display: flex;
  align-items: center;
}
.video-banner-outer .video-main {
  text-align: center;
}
.video-banner-outer .video-main h1 {
  font-size: 100px;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  font-family: "Graphik Semibold";
  line-height: 102%;
  padding-bottom: 10px;
}
@media screen and (max-width: 1450px) {
  .video-banner-outer .video-main h1 {
    font-size: 90px;
  }
}
@media screen and (max-width: 1450px) {
  .video-banner-outer .video-main h1 {
    font-size: 80px;
  }
}
@media screen and (max-width: 1199px) {
  .video-banner-outer .video-main h1 {
    font-size: 60px;
  }
}
@media screen and (max-width: 767px) {
  .video-banner-outer .video-main h1 {
    font-size: 50px;
  }
}
.video-banner-outer .video-main h3 {
  font-size: 55px;
  color: #fff;
  font-family: "Graphik Semibold";
  padding-bottom: 10px;
}
@media screen and (max-width: 991px) {
  .video-banner-outer .video-main h3 {
    font-size: 45px;
  }
}
@media screen and (max-width: 767px) {
  .video-banner-outer .video-main h3 {
    font-size: 35px;
  }
}
.video-banner-outer .video-main p {
  font-size: 25px;
  color: #fff;
  font-family: "Graphik Medium";
  line-height: 150%;
}
@media screen and (max-width: 1450px) {
  .video-banner-outer .video-main p {
    font-size: 22px;
  }
}
@media screen and (max-width: 991px) {
  .video-banner-outer {
    padding: 100px 0px 30px;
  }
}
@media screen and (max-width: 767px) {
  .video-banner-outer {
    background-size: cover !important;
  }
}

.video-page-outer {
  min-height: 700px;
  padding: 60px 0px;
  background-size: cover !important;
  position: relative;
}
.video-page-outer .container1 {
  max-width: 1650px;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
}
.video-page-outer .filter-icon {
  display: none;
  background: #222344;
  border: none;
  border-radius: 50%;
  width: 46px;
  height: 46px;
  position: relative;
  margin-bottom: 18px;
  cursor: pointer;
  outline: none;
}
.video-page-outer .filter-icon:after {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  position: absolute;
  left: 50%;
  top: 50%;
  background: url('data:image/svg+xml;utf8,<svg fill="white" viewBox="0 0 24 24" width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M4 6h16M7 12h10M10 18h4" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center/contain;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.video-page-outer .filter-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 36px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  justify-content: center;
}
.video-page-outer .filter-tabs .tab {
  background: rgba(255, 255, 255, 0.6705882353);
  font-size: 18px;
  font-family: "Graphik Medium";
  padding: 2px 16px;
  height: 63px;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
  line-height: 18px;
  color: #1F1F1F;
  outline: none;
  border: 1px solid #EDEDED;
  min-width: 136px;
  max-width: 188px;
}
.video-page-outer .filter-tabs .tab:not(.active):hover {
  background: linear-gradient(90deg, #33C6DC 0%, #1886CC 100%);
  border-color: #33C6DC;
  color: #fff;
}
.video-page-outer .filter-tabs .tab.active {
  background: linear-gradient(90deg, #33C6DC 0%, #1886CC 100%);
  border-color: #33C6DC;
  color: #fff;
}
.video-page-outer .mobile-filter-list {
  display: none;
  flex-direction: column;
  gap: 8px;
  background: #222344;
  padding: 10px 0px;
  border-radius: 12px;
  box-shadow: 0 2px 12px 0 rgba(23, 47, 94, 0.12);
  margin-bottom: 24px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: absolute;
  left: 16px;
  right: 16px;
  top: 108px;
  z-index: 10;
}
.video-page-outer .mobile-filter-list.open {
  display: flex;
}
.video-page-outer .mobile-filter-list.open .tab {
  text-align: left;
  padding: 4px 20px;
  border-radius: 6px;
  border: none;
  background: transparent;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
  outline: none;
}
.video-page-outer .mobile-filter-list.open .tab:hover {
  background: #1791ff;
  color: #fff;
}
.video-page-outer .video-main {
  gap: 45px;
  display: flex;
  flex-wrap: wrap;
  padding-top: 10px;
}
.video-page-outer .video-main .content-card {
  background: rgba(255, 255, 255, 0.5490196078);
  border: 1px solid #AFC7D2;
  border-radius: 5px;
  padding: 0px 30px 30px;
  width: calc(33.33% - 30px);
  margin-top: 70px;
}
.video-page-outer .video-main .content-card figure {
  margin-top: -70px;
  height: 180px;
  display: flex;
  position: relative;
  cursor: pointer;
}
.video-page-outer .video-main .content-card figure img {
  width: 100%;
  border-radius: 5px;
  -o-object-fit: cover;
     object-fit: cover;
}
.video-page-outer .video-main .content-card figure .content-play {
  position: absolute;
  width: 27px;
  height: 27px;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  margin: auto;
}
.video-page-outer .video-main .content-card h3 {
  font-size: 20px;
  color: #242424;
  font-family: "Graphik Medium";
  margin-top: 30px;
}
@media (max-width: 991px) {
  .video-page-outer .video-main .content-card {
    width: calc(50% - 10px);
  }
}
@media (max-width: 700px) {
  .video-page-outer .video-main .content-card {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .video-page-outer .video-main {
    gap: 20px;
  }
}
@media (max-width: 700px) {
  .video-page-outer {
    /* mobile-filter-list set above */
  }
  .video-page-outer .filter-tabs {
    display: none;
  }
  .video-page-outer .filter-icon {
    display: block;
  }
}

.video-listing-pop .modal-dialog .modal-content .modal-body {
  padding: 0px;
  line-height: 0px;
}
.video-listing-pop .modal-dialog .modal-content .modal-body .btn-close {
  position: absolute;
  right: 0px;
  top: 0px;
  background-color: #fff;
  opacity: 1;
  padding: 6px;
  border-radius: 0px;
}
.video-listing-pop .modal-dialog .modal-content .modal-body iframe {
  width: 100%;
  height: 450px;
}

.hard-soft-outer {
  background-size: cover !important;
  padding: 60px 0px;
}
.hard-soft-outer .head {
  padding-bottom: 30px;
}
.hard-soft-outer .hard-soft-main {
  display: flex;
  align-items: center;
}
.hard-soft-outer .hard-soft-main .hard-soft-left {
  width: 57%;
  padding-right: 150px;
  font-size: 20px;
  line-height: 160%;
}
.hard-soft-outer .hard-soft-main .hard-soft-left h2 {
  font-size: 30px;
  line-height: 100%;
  font-family: "Graphik Semibold";
  color: #000000;
  padding-bottom: 10px;
}
@media (max-width: 991px) {
  .hard-soft-outer .hard-soft-main .hard-soft-left {
    width: 100%;
    padding-right: 0px;
    padding-bottom: 0px;
    order: 2;
  }
}
.hard-soft-outer .hard-soft-main .hard-soft-images {
  width: 43%;
}
.hard-soft-outer .hard-soft-main .hard-soft-images img {
  width: 100%;
}
@media (max-width: 991px) {
  .hard-soft-outer .hard-soft-main .hard-soft-images {
    width: 100%;
    order: 1;
    margin-bottom: 30px;
  }
}
@media (max-width: 991px) {
  .hard-soft-outer .hard-soft-main {
    flex-wrap: wrap;
  }
}

.comprehensive-outer {
  padding: 60px 0px;
  background-size: cover !important;
}
.comprehensive-outer .head h2 {
  color: #fff;
}
.comprehensive-outer .head p {
  color: #fff;
}
.comprehensive-outer .comprehensive-main {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.comprehensive-outer .comprehensive-main .comprehensive-bx {
  width: calc(25% - 10px);
  position: relative;
  overflow: hidden;
  transition: all 0.5s;
}
.comprehensive-outer .comprehensive-main .comprehensive-bx figure {
  margin-bottom: 0px;
  height: 151px;
  display: flex;
}
.comprehensive-outer .comprehensive-main .comprehensive-bx figure img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.comprehensive-outer .comprehensive-main .comprehensive-bx .comphensive-bottom-text {
  position: absolute;
  left: 0px;
  top: calc(100% - 63px);
  width: 100%;
  padding: 15px 25px 0;
  transition: all 0.5s;
}
.comprehensive-outer .comprehensive-main .comprehensive-bx .comphensive-bottom-text a {
  font-size: 16px;
  font-family: "Graphik Medium";
  color: #fff;
  display: block;
  min-height: 50px;
  text-decoration: none;
  padding-bottom: 10px;
  position: relative;
  padding-right: 30px;
  line-height: 20px;
}
.comprehensive-outer .comprehensive-main .comprehensive-bx .comphensive-bottom-text a img {
  margin-left: 10px;
  position: absolute;
  top: 7px;
  right: 0px;
}
.comprehensive-outer .comprehensive-main .comprehensive-bx .comphensive-bottom-text p {
  font-size: 14px;
  line-height: 150%;
  color: #fff;
}
.comprehensive-outer .comprehensive-main .comprehensive-bx:hover .comphensive-bottom-text {
  top: 0px;
  background: #531D72;
  height: 100%;
}
@media screen and (max-width: 1199px) {
  .comprehensive-outer .comprehensive-main .comprehensive-bx {
    width: calc(33.33% - 10px);
  }
}
@media screen and (max-width: 767px) {
  .comprehensive-outer .comprehensive-main .comprehensive-bx {
    width: calc(50% - 10px);
  }
}
@media screen and (max-width: 600px) {
  .comprehensive-outer .comprehensive-main .comprehensive-bx {
    width: 100%;
  }
}

.out-trusted-outer {
  padding: 60px 0px;
  background-size: cover !important;
  position: relative;
}
@media screen and (max-width: 767px) {
  .out-trusted-outer .out-trusted-main {
    position: relative;
  }
}
.out-trusted-outer .container {
  max-width: 1650px;
}
.out-trusted-outer .filter-icon {
  display: none;
  background: #222344;
  border: none;
  border-radius: 50%;
  width: 46px;
  height: 46px;
  position: relative;
  margin-bottom: 18px;
  cursor: pointer;
  outline: none;
}
@media screen and (max-width: 767px) {
  .out-trusted-outer .filter-icon {
    display: block;
  }
}
.out-trusted-outer .filter-icon:after {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  position: absolute;
  left: 50%;
  top: 50%;
  background: url('data:image/svg+xml;utf8,<svg fill="white" viewBox="0 0 24 24" width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M4 6h16M7 12h10M10 18h4" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center/contain;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.out-trusted-outer .filter-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 36px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  justify-content: center;
}
.out-trusted-outer .filter-tabs .tab {
  background: rgba(255, 255, 255, 0.6705882353);
  font-size: 18px;
  font-family: "Graphik Semibold";
  padding: 12px 16px;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
  outline: none;
  border: 1px solid #EDEDED;
  min-width: 197px;
}
.out-trusted-outer .filter-tabs .tab:not(.active):hover {
  background: #0C4366;
  border-color: #0C4366;
  color: #fff;
}
.out-trusted-outer .filter-tabs .tab.active {
  background: #0C4366;
  border-color: #0C4366;
  color: #fff;
  box-shadow: 0 2px 8px rgba(23, 145, 255, 0.12);
}
@media screen and (max-width: 767px) {
  .out-trusted-outer .filter-tabs {
    display: none;
  }
}
.out-trusted-outer .mobile-filter-list {
  display: none;
  flex-direction: column;
  gap: 8px;
  background: #222344;
  padding: 10px 0px;
  border-radius: 12px;
  box-shadow: 0 2px 12px 0 rgba(23, 47, 94, 0.12);
  margin-bottom: 24px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 58px;
  z-index: 10;
}
.out-trusted-outer .mobile-filter-list.open {
  display: flex;
}
.out-trusted-outer .mobile-filter-list.open .tab {
  text-align: left;
  padding: 4px 20px;
  border-radius: 0;
  border: none;
  background: transparent;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
  outline: none;
}
.out-trusted-outer .mobile-filter-list.open .tab:hover {
  background: #1791ff;
  color: #fff;
}
.out-trusted-outer .mobile-filter-list.open .tab.active {
  background: #1791ff;
  color: #fff;
}
.out-trusted-outer .out-trusted-logo-section {
  gap: 10px;
  display: flex;
  flex-wrap: wrap;
}
.out-trusted-outer .out-trusted-logo-section .content-card {
  background: #FFFFFF;
  box-shadow: 0px 2px 4px -2px rgba(24, 39, 75, 0.0196078431);
  border-radius: 10px;
  width: calc(14.28% - 9px);
  height: 85px;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s;
}
.out-trusted-outer .out-trusted-logo-section .content-card img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 1199px) {
  .out-trusted-outer .out-trusted-logo-section .content-card {
    width: calc(20% - 9px);
  }
}
@media screen and (max-width: 991px) {
  .out-trusted-outer .out-trusted-logo-section .content-card {
    width: calc(25% - 9px);
  }
}
@media screen and (max-width: 600px) {
  .out-trusted-outer .out-trusted-logo-section .content-card {
    width: calc(33.33% - 9px);
  }
}
@media screen and (max-width: 450px) {
  .out-trusted-outer .out-trusted-logo-section .content-card {
    width: calc(50% - 9px);
  }
}
.out-trusted-outer .out-trusted-logo-section .content-card:hover {
  filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.5));
}

.legal-banner-outer {
  padding: 150px 0px 30px;
  height: 100vh;
  background-size: 100% 100% !important;
  display: flex;
  align-items: center;
}
.legal-banner-outer .legal-main {
  text-align: center;
}
.legal-banner-outer .legal-main h1 {
  font-size: 100px;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  font-family: "Graphik Semibold";
  line-height: 102%;
  padding-bottom: 10px;
}
@media screen and (max-width: 1450px) {
  .legal-banner-outer .legal-main h1 {
    font-size: 90px;
  }
}
@media screen and (max-width: 1450px) {
  .legal-banner-outer .legal-main h1 {
    font-size: 80px;
  }
}
@media screen and (max-width: 1199px) {
  .legal-banner-outer .legal-main h1 {
    font-size: 60px;
  }
}
@media screen and (max-width: 767px) {
  .legal-banner-outer .legal-main h1 {
    font-size: 50px;
  }
}
.legal-banner-outer .legal-main h3 {
  font-size: 55px;
  color: #fff;
  font-family: "Graphik Semibold";
  padding-bottom: 10px;
}
@media screen and (max-width: 1450px) {
  .legal-banner-outer .legal-main h3 {
    font-size: 45px;
  }
}
@media screen and (max-width: 1199px) {
  .legal-banner-outer .legal-main h3 {
    font-size: 40px;
  }
}
@media screen and (max-width: 991px) {
  .legal-banner-outer .legal-main h3 {
    font-size: 35px;
  }
}
@media screen and (max-width: 767px) {
  .legal-banner-outer .legal-main h3 {
    font-size: 35px;
  }
}
.legal-banner-outer .legal-main p {
  font-size: 25px;
  color: #fff;
  font-family: "Graphik Medium";
  line-height: 150%;
}
@media screen and (max-width: 1450px) {
  .legal-banner-outer .legal-main p {
    font-size: 22px;
  }
}
@media screen and (max-width: 991px) {
  .legal-banner-outer {
    padding: 100px 0px 30px;
  }
}
@media screen and (max-width: 767px) {
  .legal-banner-outer {
    background-size: cover !important;
  }
}

.legal-disclamer-outer {
  background: url(../images/legal-disclamer-bg.webp) no-repeat;
  padding: 80px 0px;
  background-size: 100% 100%;
}
@media screen and (max-width: 992px) {
  .legal-disclamer-outer {
    padding-bottom: 20px;
  }
}
.legal-disclamer-outer .legal-disclammer h3 {
  font-size: 22px;
  line-height: 30px;
  color: #070707;
  font-family: "Graphik Semibold";
  margin-bottom: 15px;
}
.legal-disclamer-outer .legal-disclammer h4 {
  font-size: 20px;
  line-height: 30px;
  color: #070707;
  font-family: "Graphik Semibold";
  margin-bottom: 10px;
}
.legal-disclamer-outer .legal-disclammer p {
  color: #070707;
}
.legal-disclamer-outer .legal-disclammer ul {
  margin-bottom: 30px;
}
.legal-disclamer-outer .legal-disclammer ul li {
  font-size: var(--tp-fz-p);
  color: #070707;
  font-weight: var(--tp-fw-regular);
  padding-left: 25px;
  background: url(../images/li-bg-arrow.svg) no-repeat 0px 5px;
  margin-bottom: 10px;
}

.event-banner-outer {
  padding: 150px 0px 30px;
  height: 100vh;
  background-size: 100% 100% !important;
  display: flex;
  align-items: center;
}
.event-banner-outer .event-banner-main {
  text-align: center;
}
.event-banner-outer .event-banner-main h1 {
  font-size: 100px;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  font-family: "Graphik Semibold";
  line-height: 99%;
  padding-bottom: 10px;
}
@media screen and (max-width: 1450px) {
  .event-banner-outer .event-banner-main h1 {
    font-size: 80px;
  }
}
@media screen and (max-width: 1199px) {
  .event-banner-outer .event-banner-main h1 {
    font-size: 70px;
  }
}
@media screen and (max-width: 767px) {
  .event-banner-outer .event-banner-main h1 {
    font-size: 60px;
  }
}
@media screen and (max-width: 600px) {
  .event-banner-outer .event-banner-main h1 {
    font-size: 45px;
  }
}
.event-banner-outer .event-banner-main h3 {
  font-size: 55px;
  color: #fff;
  font-family: "Graphik Semibold";
  padding-bottom: 10px;
}
@media screen and (max-width: 1450px) {
  .event-banner-outer .event-banner-main h3 {
    font-size: 40px;
  }
}
@media screen and (max-width: 991px) {
  .event-banner-outer .event-banner-main h3 {
    font-size: 35px;
  }
}
@media screen and (max-width: 600px) {
  .event-banner-outer .event-banner-main h3 {
    font-size: 25px;
  }
}
.event-banner-outer .event-banner-main p {
  font-size: 25px;
  color: #fff;
  font-family: "Graphik Medium";
}
@media screen and (max-width: 1450px) {
  .event-banner-outer .event-banner-main p {
    font-size: 22px;
  }
}
@media screen and (max-width: 600px) {
  .event-banner-outer .event-banner-main p {
    font-size: 17px;
  }
}
.event-banner-outer .event-banner-main a {
  background: linear-gradient(259.44deg, #9DA8FB 25.03%, #9266FD 90.57%);
  padding: 9px 23px;
  display: inline-block;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
  line-height: 19px;
  text-decoration: none;
  transition: all 0.5s;
}
.event-banner-outer .event-banner-main a img {
  margin-left: 8px;
  max-width: 17px;
  display: inline-block;
  width: auto;
  transition: all 0.5s;
  height: auto;
}
.event-banner-outer .event-banner-main a:hover {
  background: linear-gradient(259.44deg, #9266FD 25.03%, #9DA8FB 90.57%);
}
.event-banner-outer .event-banner-main a:hover img {
  margin-left: 10px;
}
@media screen and (max-width: 991px) {
  .event-banner-outer {
    padding: 100px 0px 30px;
    background-size: cover !important;
  }
}

.events-page-outer {
  background: radial-gradient(50% 50% at 50% 50%, #FFFFFF 0%, #FFFAF1 100%);
  padding: 60px 0px;
}
.events-page-outer .events-page-main .events-page-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
}
.events-page-outer .events-page-main .events-page-row .events-page-left {
  width: 50%;
  display: flex;
  align-items: center;
}
.events-page-outer .events-page-main .events-page-row .events-page-left .events-date {
  padding-right: 50px;
}
.events-page-outer .events-page-main .events-page-row .events-page-left .events-date span {
  font-size: 22px;
  color: #AE572B;
  text-align: center;
  font-family: "Graphik Medium";
  display: block;
}
@media screen and (max-width: 414px) {
  .events-page-outer .events-page-main .events-page-row .events-page-left .events-date {
    padding-right: 25px;
  }
}
.events-page-outer .events-page-main .events-page-row .events-page-left .events-text {
  padding-left: 25px;
  border-left: 3px solid transparent;
}
.events-page-outer .events-page-main .events-page-row .events-page-left .events-text h3 {
  font-size: 20px;
  line-height: 130%;
  color: #242424;
  font-family: "Graphik Medium";
  padding-bottom: 10px;
}
.events-page-outer .events-page-main .events-page-row .events-page-left .events-text label {
  font-size: 16px;
  line-height: 25px;
  color: #AE572B;
  display: block;
  padding-bottom: 10px;
}
.events-page-outer .events-page-main .events-page-row .events-page-left .events-text p {
  font-size: 16px;
  color: #2D2F30;
  margin-bottom: 10px;
}
.events-page-outer .events-page-main .events-page-row .events-page-left .events-text p a {
  color: #2D2F30;
  text-decoration: none;
}
.events-page-outer .events-page-main .events-page-row .events-page-left .events-text p a:hover {
  color: #AE572B;
}
@media screen and (max-width: 991px) {
  .events-page-outer .events-page-main .events-page-row .events-page-left {
    width: 60%;
  }
}
@media screen and (max-width: 767px) {
  .events-page-outer .events-page-main .events-page-row .events-page-left {
    width: 100%;
    align-items: start;
    order: 2;
  }
}
.events-page-outer .events-page-main .events-page-row .events-page-right {
  width: 31%;
}
.events-page-outer .events-page-main .events-page-row .events-page-right figure {
  margin-bottom: 0px;
}
.events-page-outer .events-page-main .events-page-row .events-page-right figure img {
  width: 100%;
  border-radius: 9px;
}
@media screen and (max-width: 767px) {
  .events-page-outer .events-page-main .events-page-row .events-page-right {
    width: 100%;
    order: 1;
    margin-bottom: 20px;
  }
}
.events-page-outer .events-page-main .events-page-row:last-child {
  margin-bottom: 0px;
}
.events-page-outer .events-page-main .events-page-row:hover .events-page-left .events-text {
  border-color: #AE572B;
}
@media screen and (max-width: 767px) {
  .events-page-outer .events-page-main .events-page-row {
    flex-wrap: wrap;
  }
}
.events-page-outer .loader-btn {
  width: 100%;
  margin-top: 50px;
  text-align: center;
}
.events-page-outer .loader-btn a {
  background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
  padding: 9px 23px;
  display: inline-block;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
  line-height: 19px;
  text-decoration: none;
  transition: all 0.5s;
  background: linear-gradient(93.05deg, #FF9D00 -14.26%, #AE5710 85.74%);
}
.events-page-outer .loader-btn a img {
  margin-left: 8px;
  max-width: 17px;
  display: inline-block;
  width: auto;
  transition: all 0.5s;
  height: auto;
}
.events-page-outer .loader-btn a:hover {
  background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}
.events-page-outer .loader-btn a:hover img {
  margin-left: 10px;
}
.events-page-outer .loader-btn a:hover {
  background: linear-gradient(93.05deg, #AE5710 -14.26%, #FF9D00 85.74%);
}

.events-detais-outer {
  padding: 150px 0px 30px;
  background: radial-gradient(50% 50% at 50% 50%, #FFFFFF 0%, #FFFAF1 100%);
}
.events-detais-outer .events-details-main {
  padding: 0px 110px;
}
.events-detais-outer .events-details-main h2 {
  font-size: 26px;
  line-height: 150%;
  font-family: "Graphik Medium";
  color: #242424;
  margin-bottom: 30px;
}
.events-detais-outer .events-details-main h3 {
  font-size: 20px;
  line-height: 150%;
  font-family: "Graphik Medium";
  color: #000;
  margin-bottom: 20px;
}
.events-detais-outer .events-details-main h4 {
  font-size: 18px;
  line-height: 150%;
  font-family: "Graphik Medium";
  color: #000;
  margin-bottom: 20px;
}
.events-detais-outer .events-details-main p {
  font-size: 18px;
  line-height: 150%;
  color: #000;
  margin-bottom: 20px;
}
.events-detais-outer .events-details-main p a {
  color: #00D4FF;
}
@media screen and (max-width: 991px) {
  .events-detais-outer .events-details-main p {
    font-size: 16px;
  }
}
.events-detais-outer .events-details-main .events-slider {
  margin-bottom: 40px;
}
.events-detais-outer .events-details-main .events-slider .slick-arrow {
  width: 51px;
  height: 51px;
  border: 1px solid #3A3A3A;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9;
}
.events-detais-outer .events-details-main .events-slider .slick-arrow::before {
  background: url(../images/arrow-use-slide.png) no-repeat;
  font-size: 0;
  color: transparent;
  width: 26px;
  height: 16px;
  filter: invert(100);
}
.events-detais-outer .events-details-main .events-slider .slick-arrow:hover {
  border-color: #AE572B;
  background: #AE572B;
}
.events-detais-outer .events-details-main .events-slider .slick-arrow:hover:before {
  filter: invert(0);
}
@media screen and (max-width: 1450px) {
  .events-detais-outer .events-details-main .events-slider .slick-arrow {
    background: #fff;
  }
}
@media screen and (max-width: 600px) {
  .events-detais-outer .events-details-main .events-slider .slick-arrow {
    top: 160px;
    width: 45px;
    height: 45px;
  }
}
.events-detais-outer .events-details-main .events-slider .slick-prev {
  left: -109px;
}
@media screen and (max-width: 600px) {
  .events-detais-outer .events-details-main .events-slider .slick-prev {
    left: -22px;
  }
}
.events-detais-outer .events-details-main .events-slider .slick-next {
  right: -109px;
}
.events-detais-outer .events-details-main .events-slider .slick-next::before {
  transform: rotate(180deg);
}
@media screen and (max-width: 600px) {
  .events-detais-outer .events-details-main .events-slider .slick-next {
    right: -22px;
  }
}
.events-detais-outer .events-details-main .date-evets-details {
  color: #AE572B;
  font-family: "Graphik Medium";
  font-size: 15px;
  display: block;
  padding-bottom: 10px;
}
.events-detais-outer .events-details-main img {
  max-width: 100%;
  height: auto;
  border-radius: 9px;
  aspect-ratio: 5/2;
}
.events-detais-outer .events-details-main > ul {
  margin-bottom: 25px;
}
.events-detais-outer .events-details-main > ul li {
  font-size: 18px;
  line-height: 150%;
  color: #000;
  padding-left: 25px;
  background: url(../images/li-bg-arrow.svg) no-repeat 0px 5px;
  margin-bottom: 12px;
}
@media screen and (max-width: 600px) {
  .events-detais-outer .events-details-main {
    padding: 0px 10px;
  }
  .events-detais-outer .events-details-main .event-slide {
    border-radius: 9px;
  }
  .events-detais-outer .events-details-main .event-slide img {
    height: 300px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.other-event-outer {
  padding: 60px 0px;
}
.other-event-outer .head {
  padding-bottom: 20px;
}
.other-event-outer .other-event-main {
  display: flex;
  padding: 0px 95px;
}
.other-event-outer .other-event-main .other-event-bx {
  width: 33.33%;
  margin: 0px 15px;
}
.other-event-outer .other-event-main .other-event-bx figure {
  height: 246px;
}
.other-event-outer .other-event-main .other-event-bx figure a {
  display: flex;
  height: 246px;
  border-radius: 9px;
  width: 100%;
}
.other-event-outer .other-event-main .other-event-bx figure a img {
  width: 100%;
  border-radius: 9px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 600px) {
  .other-event-outer .other-event-main .other-event-bx figure a img {
    height: 300px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media screen and (max-width: 600px) {
  .other-event-outer .other-event-main .other-event-bx figure a {
    height: 300px;
  }
}
@media screen and (max-width: 600px) {
  .other-event-outer .other-event-main .other-event-bx figure {
    height: 300px;
  }
}
.other-event-outer .other-event-main .other-event-bx h3 {
  font-size: 24px;
  line-height: 130%;
  color: #242424;
  font-family: "Graphik Medium";
  padding-bottom: 10px;
  min-height: 72px;
}
.other-event-outer .other-event-main .other-event-bx h3 a {
  color: #242424;
  text-decoration: none;
}
.other-event-outer .other-event-main .other-event-bx h3 a:hover {
  color: #AE572B;
}
@media screen and (max-width: 600px) {
  .other-event-outer .other-event-main .other-event-bx h3 {
    font-size: 22px;
  }
}
.other-event-outer .other-event-main .other-event-bx label {
  font-size: 16px;
  font-weight: 400;
  color: #AE572B;
  display: block;
  padding-bottom: 10px;
}
.other-event-outer .other-event-main .other-event-bx p {
  color: #2D2F30;
}
.other-event-outer .other-event-main .slick-arrow {
  width: 51px;
  height: 51px;
  border: 1px solid #3A3A3A;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9;
}
.other-event-outer .other-event-main .slick-arrow::before {
  background: url(../images/arrow-use-slide.png) no-repeat;
  font-size: 0;
  color: transparent;
  width: 26px;
  height: 16px;
  filter: invert(100);
}
.other-event-outer .other-event-main .slick-arrow:hover {
  border-color: #AE572B;
  background: #AE572B;
}
.other-event-outer .other-event-main .slick-arrow:hover:before {
  filter: invert(0);
}
@media screen and (max-width: 1450px) {
  .other-event-outer .other-event-main .slick-arrow {
    background: #fff;
  }
}
@media screen and (max-width: 600px) {
  .other-event-outer .other-event-main .slick-arrow {
    top: 160px;
    width: 45px;
    height: 45px;
  }
}
.other-event-outer .other-event-main .slick-prev {
  left: 0px;
}
@media screen and (max-width: 600px) {
  .other-event-outer .other-event-main .slick-prev {
    left: -10px;
  }
}
.other-event-outer .other-event-main .slick-next {
  right: 0px;
}
.other-event-outer .other-event-main .slick-next::before {
  transform: rotate(180deg);
}
@media screen and (max-width: 600px) {
  .other-event-outer .other-event-main .slick-next {
    right: -10px;
  }
}
@media screen and (max-width: 600px) {
  .other-event-outer .other-event-main {
    padding: 0px 0px;
  }
}

.career-banner-outer {
  padding: 150px 0px 30px;
  height: 100vh;
  background-size: 100% 100% !important;
  display: flex;
  align-items: center;
}
.career-banner-outer .career-banner-main {
  text-align: center;
}
.career-banner-outer .career-banner-main h1 {
  font-size: 100px;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  font-family: "Graphik Semibold";
  line-height: 99%;
  padding-bottom: 10px;
}
@media screen and (max-width: 1450px) {
  .career-banner-outer .career-banner-main h1 {
    font-size: 80px;
  }
}
@media screen and (max-width: 1199px) {
  .career-banner-outer .career-banner-main h1 {
    font-size: 70px;
  }
}
@media screen and (max-width: 767px) {
  .career-banner-outer .career-banner-main h1 {
    font-size: 60px;
  }
}
@media screen and (max-width: 600px) {
  .career-banner-outer .career-banner-main h1 {
    font-size: 45px;
  }
}
.career-banner-outer .career-banner-main h3 {
  font-size: 55px;
  color: #fff;
  font-family: "Graphik Semibold";
  padding-bottom: 10px;
}
@media screen and (max-width: 1450px) {
  .career-banner-outer .career-banner-main h3 {
    font-size: 45px;
  }
}
@media screen and (max-width: 1199px) {
  .career-banner-outer .career-banner-main h3 {
    font-size: 40px;
  }
}
@media screen and (max-width: 991px) {
  .career-banner-outer .career-banner-main h3 {
    font-size: 35px;
  }
  .career-banner-outer .career-banner-main h3 br {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .career-banner-outer .career-banner-main h3 {
    font-size: 35px;
  }
}
.career-banner-outer .career-banner-main p {
  font-size: 25px;
  color: #fff;
  font-family: "Graphik Medium";
}
@media screen and (max-width: 1450px) {
  .career-banner-outer .career-banner-main p {
    font-size: 22px;
  }
}
@media screen and (max-width: 600px) {
  .career-banner-outer .career-banner-main p {
    font-size: 17px;
  }
}
.career-banner-outer .career-banner-main a {
  background: linear-gradient(259.44deg, #9DA8FB 25.03%, #9266FD 90.57%);
  padding: 9px 23px;
  display: inline-block;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
  line-height: 19px;
  text-decoration: none;
  transition: all 0.5s;
}
.career-banner-outer .career-banner-main a img {
  margin-left: 8px;
  max-width: 17px;
  display: inline-block;
  width: auto;
  transition: all 0.5s;
  height: auto;
}
.career-banner-outer .career-banner-main a:hover {
  background: linear-gradient(259.44deg, #9266FD 25.03%, #9DA8FB 90.57%);
}
.career-banner-outer .career-banner-main a:hover img {
  margin-left: 10px;
}
@media screen and (max-width: 991px) {
  .career-banner-outer {
    padding: 100px 0px 30px;
    background-size: cover !important;
  }
}

.single-jobs .case-study-banner {
  height: 70vh;
  padding: 100px 0px 30px;
}
.single-jobs .case-study-banner .case-study-main h1 {
  font-size: 80px;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  font-family: "Graphik Semibold";
  line-height: 99%;
  padding-bottom: 10px;
}
@media screen and (max-width: 1450px) {
  .single-jobs .case-study-banner .case-study-main h1 {
    font-size: 70px;
  }
}
@media screen and (max-width: 1199px) {
  .single-jobs .case-study-banner .case-study-main h1 {
    font-size: 60px;
  }
}
@media screen and (max-width: 767px) {
  .single-jobs .case-study-banner .case-study-main h1 {
    font-size: 50px;
  }
}
@media screen and (max-width: 600px) {
  .single-jobs .case-study-banner .case-study-main h1 {
    font-size: 35px;
  }
}

.why-career-outer {
  padding: 50px 0px 60px;
  overflow: hidden;
  background-size: 100% 100% !important;
}
.why-career-outer .head {
  padding-bottom: 30px;
}
.why-career-outer .why-career-slide .slick-list.draggable {
  padding: 0px 30% !important;
  overflow: hidden;
}
@media screen and (max-width: 991px) {
  .why-career-outer .why-career-slide .slick-list.draggable {
    padding: 0px 10% !important;
  }
}
.why-career-outer .why-career-slide .why-career-box {
  padding: 0px 15px;
}
.why-career-outer .why-career-slide .why-career-box figure {
  margin-bottom: 0px;
}
.why-career-outer .why-career-slide .why-career-box figure img {
  width: 100%;
}

.values-deffine-slide-outer {
  background: #000;
  padding: 60px 0px;
  background-size: 100% 100% !important;
}
.values-deffine-slide-outer .head h2 {
  color: #fff;
}
.values-deffine-slide-outer .head p {
  color: #fff;
}
.values-deffine-slide-outer .values-deffine-container {
  max-width: 1540px;
  margin: 0 auto;
}
.values-deffine-slide-outer .values-deffine-container .slick-track {
  margin: 0 auto;
}
.values-deffine-slide-outer .values-bx {
  padding: 0px 26px;
  position: relative;
  transition: all 0.5s;
}
.values-deffine-slide-outer .values-bx figure {
  position: relative;
}
.values-deffine-slide-outer .values-bx figure img {
  width: 100%;
}
.values-deffine-slide-outer .values-bx figure a {
  position: relative;
  display: block;
}
.values-deffine-slide-outer .values-bx figure a::after {
  background: url(../images/shadow-values-bg.png) no-repeat;
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.values-deffine-slide-outer .values-bx h3 {
  font-size: 18px;
  font-family: "Graphik Semibold";
  text-align: center;
}
.values-deffine-slide-outer .values-bx h3 a {
  color: #fff;
  text-decoration: none;
}
.values-deffine-slide-outer .values-bx:nth-child(2n) {
  margin-top: 48px;
  transition: all 0.5s;
}
.values-deffine-slide-outer .values-bx:hover {
  margin-top: 48px;
}
.values-deffine-slide-outer .values-bx:hover:nth-child(2n) {
  margin-top: 30px;
}

.why-team-benifit-outer {
  overflow: hidden;
  padding: 60px 0px;
  background-size: 100% 100% !important;
}
.why-team-benifit-outer .head {
  padding-bottom: 30px;
}
.why-team-benifit-outer .container {
  max-width: 1517px;
}
.why-team-benifit-outer .why-benifit-row {
  display: flex;
  align-items: flex-start;
  margin-bottom: 100px;
}
.why-team-benifit-outer .why-benifit-row .why-benifit-bx {
  width: 50%;
  position: relative;
  left: 30px;
}
.why-team-benifit-outer .why-benifit-row .why-benifit-bx figure {
  height: 446px;
  display: flex;
  overflow: hidden;
}
.why-team-benifit-outer .why-benifit-row .why-benifit-bx figure img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.5s;
}
@media screen and (max-width: 767px) {
  .why-team-benifit-outer .why-benifit-row .why-benifit-bx figure {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .why-team-benifit-outer .why-benifit-row .why-benifit-bx {
    left: 0;
    width: 100%;
  }
}
.why-team-benifit-outer .why-benifit-row .why-benifit-bx:hover img {
  transform: scale(1.05);
}
.why-team-benifit-outer .why-benifit-row .why-benifit-details {
  width: 50%;
  background: linear-gradient(90deg, #FFFFFF 0%, #F4EBFF 100%);
  padding: 52px 75px;
  position: relative;
  left: -30px;
  top: 50px;
  z-index: 2;
  height: 456px;
}
.why-team-benifit-outer .why-benifit-row .why-benifit-details h2 {
  font-size: 22px;
  line-height: 32px;
  font-family: "Graphik Medium";
  color: #000000;
  display: flex;
  align-items: center;
  padding-bottom: 10px;
}
.why-team-benifit-outer .why-benifit-row .why-benifit-details h2 span {
  background: linear-gradient(180deg, #A188F0 41.5%, rgba(255, 255, 255, 0) 87.18%);
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  font-size: 85px;
  line-height: 72px;
  font-family: "Graphik Medium";
  display: flex;
  margin-right: 10px;
}
.why-team-benifit-outer .why-benifit-row .why-benifit-details ul li {
  background: url(../images/benfit-dots.webp) no-repeat 0px 8px;
  padding-left: 17px;
  font-size: 18px;
  color: #000000;
  margin-bottom: 10px;
}
@media screen and (max-width: 992px) {
  .why-team-benifit-outer .why-benifit-row .why-benifit-details {
    padding: 25px;
  }
}
@media screen and (max-width: 767px) {
  .why-team-benifit-outer .why-benifit-row .why-benifit-details {
    left: 0;
    width: 100%;
    top: 0;
    height: auto;
  }
}
.why-team-benifit-outer .why-benifit-row:nth-child(2n+1) {
  flex-direction: row-reverse;
}
.why-team-benifit-outer .why-benifit-row:nth-child(2n+1) .why-benifit-details {
  left: 30px;
  background: linear-gradient(-90deg, #FFFFFF -1.7%, #F1EDFF 100%);
}
@media screen and (max-width: 767px) {
  .why-team-benifit-outer .why-benifit-row:nth-child(2n+1) .why-benifit-details {
    left: 0;
  }
}
.why-team-benifit-outer .why-benifit-row:nth-child(2n+1) .why-benifit-bx {
  left: -30px;
}
@media screen and (max-width: 767px) {
  .why-team-benifit-outer .why-benifit-row:nth-child(2n+1) .why-benifit-bx {
    left: 0;
  }
}
.why-team-benifit-outer .why-benifit-row:last-child {
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  .why-team-benifit-outer .why-benifit-row {
    flex-wrap: wrap;
    margin-bottom: 25px;
  }
}

.heros-outer {
  background: #000000;
  padding: 60px 0px;
  background-size: 100% 100% !important;
}
.heros-outer .head {
  padding-bottom: 30px;
}
.heros-outer .head span {
  color: #fff;
}
.heros-outer .head h2 {
  color: #fff;
}
@media screen and (max-width: 1399px) {
  .heros-outer .head h2 {
    font-size: 45px;
  }
}
@media screen and (max-width: 991px) {
  .heros-outer .head h2 {
    font-size: 28px;
    line-height: 38px;
  }
}
.heros-outer .head p {
  color: #fff;
}
.heros-outer .heros-slider-outer {
  padding: 0px 50px;
}
.heros-outer .heros-slider-outer .heros-main-containt {
  max-width: 1540px;
  margin: 0 auto;
}
.heros-outer .heros-slider-outer .heros-main-containt .heros-slide {
  display: flex;
}
.heros-outer .heros-slider-outer .heros-main-containt .heros-slide .slick-list.draggable {
  width: 100%;
}
.heros-outer .heros-slider-outer .heros-main-containt .heros-slide .heros-box {
  width: 33.33%;
  position: relative;
  margin: 0px 15px;
}
.heros-outer .heros-slider-outer .heros-main-containt .heros-slide .heros-box figure {
  margin-bottom: 0px;
  position: relative;
  height: 350px;
  display: flex;
}
.heros-outer .heros-slider-outer .heros-main-containt .heros-slide .heros-box figure img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.heros-outer .heros-slider-outer .heros-main-containt .heros-slide .heros-box figure::after {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  bottom: 0px;
  content: "";
  background: url(../images/heros-bg-shadow.png) no-repeat;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .heros-outer .heros-slider-outer .heros-main-containt .heros-slide .heros-box figure {
    height: 260px;
  }
}
.heros-outer .heros-slider-outer .heros-main-containt .heros-slide .heros-box .heros-ico {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9;
}
.heros-outer .heros-slider-outer .heros-main-containt .heros-slide .slick-arrow {
  width: 45px;
  height: 45px;
  border: 1px solid #fff;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9;
}
.heros-outer .heros-slider-outer .heros-main-containt .heros-slide .slick-arrow::before {
  background: url(../images/arrow-use-slide.png) no-repeat;
  font-size: 0;
  color: transparent;
  width: 18px;
  height: 14px;
}
.heros-outer .heros-slider-outer .heros-main-containt .heros-slide .slick-arrow:hover {
  border-color: #06ABBF;
  background: #06ABBF;
}
.heros-outer .heros-slider-outer .heros-main-containt .heros-slide .slick-prev {
  left: -40px;
}
.heros-outer .heros-slider-outer .heros-main-containt .heros-slide .slick-next {
  right: -40px;
}
.heros-outer .heros-slider-outer .heros-main-containt .heros-slide .slick-next::before {
  transform: rotate(180deg);
}
.heros-outer .heros-slider-outer .heros-main-containt .heros-slide .slick-dots {
  bottom: -42px;
}
.heros-outer .heros-slider-outer .heros-main-containt .heros-slide .slick-dots li {
  width: 35px;
  height: 4.5px;
}
.heros-outer .heros-slider-outer .heros-main-containt .heros-slide .slick-dots li button {
  width: 35px;
  height: 4.5px;
  padding: 0;
  background: #fff;
}
.heros-outer .heros-slider-outer .heros-main-containt .heros-slide .slick-dots li.slick-active button {
  background: #AE63FF;
}

.job-listing {
  padding: 60px 0;
  background: #F3FBFF;
  background-size: 100% 100% !important;
}
@media screen and (max-width: 1399px) {
  .job-listing .head h2 {
    font-size: 45px;
  }
}
@media screen and (max-width: 991px) {
  .job-listing .head h2 {
    font-size: 28px;
    line-height: 38px;
  }
}
.job-listing .sub-head-job {
  border: 1px solid #F5F5F5;
  background: var(--tp-common-white);
  justify-content: space-between;
  align-items: center;
  display: flex;
  padding: 16px 30px 16px 30px;
  box-shadow: 0px 25px 50px 0px rgba(0, 0, 0, 0.1);
  margin-bottom: 33px;
}
.job-listing .sub-head-job .form-group {
  display: flex;
}
.job-listing .sub-head-job .form-group .from-group-drop {
  width: 190px;
}
.job-listing .sub-head-job .form-group .from-group-drop:last-child {
  margin-left: 50px;
}
@media screen and (max-width: 991px) {
  .job-listing .sub-head-job .form-group .from-group-drop {
    width: 150px;
  }
}
@media screen and (max-width: 767px) {
  .job-listing .sub-head-job .form-group {
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 15px;
  }
  .job-listing .sub-head-job .form-group .from-group-drop {
    width: 50%;
    padding-right: 15px;
  }
  .job-listing .sub-head-job .form-group .from-group-drop:last-child {
    margin-left: 0px;
  }
}
@media screen and (max-width: 576px) {
  .job-listing .sub-head-job .form-group .from-group-drop {
    width: 100%;
    padding-right: 0px;
  }
  .job-listing .sub-head-job .form-group .from-group-drop:last-child {
    padding-left: 0px;
  }
}
.job-listing .sub-head-job label {
  color: #222222;
  font-family: "Graphik Medium";
  font-size: 13px;
}
.job-listing .sub-head-job select {
  display: block;
  background: #fff url(../images/car-poly.png) no-repeat 90% center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  padding-right: 70px;
  color: #B7B7B7;
}
.job-listing .sub-head-job .search-form {
  display: flex;
  align-items: center;
  position: relative;
}
.job-listing .sub-head-job .search-form .carrer-search-input {
  position: relative;
  margin-right: 40px;
}
.job-listing .sub-head-job .search-form .carrer-search-input button {
  background: none;
  border: none;
}
.job-listing .sub-head-job .search-form .carrer-search-input input {
  background: var(--tp-common-white);
  border: none;
}
@media screen and (max-width: 767px) {
  .job-listing .sub-head-job .search-form .carrer-search-input {
    margin-right: 0;
    width: 50%;
    padding-right: 15px;
  }
}
@media screen and (max-width: 576px) {
  .job-listing .sub-head-job .search-form .carrer-search-input {
    width: auto;
  }
}
.job-listing .sub-head-job .search-form .submit-btn .search-job {
  background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
  padding: 9px 23px;
  display: inline-block;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
  line-height: 19px;
  text-decoration: none;
  transition: all 0.5s;
  border: none;
  background: linear-gradient(93.05deg, #B28AFF -14.26%, #8800BE 85.74%);
}
.job-listing .sub-head-job .search-form .submit-btn .search-job img {
  margin-left: 8px;
  max-width: 17px;
  display: inline-block;
  width: auto;
  transition: all 0.5s;
  height: auto;
}
.job-listing .sub-head-job .search-form .submit-btn .search-job:hover {
  background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}
.job-listing .sub-head-job .search-form .submit-btn .search-job:hover img {
  margin-left: 10px;
}
.job-listing .sub-head-job .search-form .submit-btn .search-job:hover {
  background: linear-gradient(93.05deg, #8800BE -14.26%, #B28AFF 85.74%);
}
@media screen and (max-width: 767px) {
  .job-listing .sub-head-job .search-form .submit-btn {
    padding-left: 15px;
  }
}
.job-listing .sub-head-job .search-form .search-form1 .search-box {
  position: absolute;
  top: -8px;
  right: 38px;
  border-top: 4px solid #8800BE;
  display: none;
  z-index: 99;
}
.job-listing .sub-head-job .search-form .search-form1 .search-box input {
  padding: 10px 8px;
  outline: none !important;
}
@media screen and (max-width: 767px) {
  .job-listing .sub-head-job .search-form .search-form1 .search-box input {
    width: 100%;
  }
}
@media screen and (max-width: 576px) {
  .job-listing .sub-head-job .search-form .search-form1 .search-box input {
    width: auto;
  }
}
@media screen and (max-width: 1023px) {
  .job-listing .sub-head-job .search-form .search-form1 .search-box {
    top: 45px;
  }
}
@media screen and (max-width: 767px) {
  .job-listing .sub-head-job .search-form .search-form1 .search-box {
    left: 35px;
    right: unset;
    top: -3px;
  }
}
@media screen and (max-width: 576px) {
  .job-listing .sub-head-job .search-form .search-form1 .search-box {
    right: unset;
    left: 0px;
    top: 51px;
  }
}
.job-listing .sub-head-job .search-form .search-form1 .search-box.showhide {
  display: block;
}
@media screen and (max-width: 767px) {
  .job-listing .sub-head-job .search-form {
    flex-wrap: wrap;
    width: 100%;
  }
  .job-listing .sub-head-job .search-form .from-group-drop:last-child {
    padding-left: 0px;
  }
}
@media screen and (max-width: 576px) {
  .job-listing .sub-head-job .search-form {
    justify-content: space-between;
  }
}
@media screen and (max-width: 991px) {
  .job-listing .sub-head-job {
    flex-wrap: wrap;
  }
}
.job-listing .job-listing-inner .job-box {
  padding: 37px 18px 76px 18px;
  margin-top: 36px;
  background: var(--tp-common-white);
  border: 1px solid #E6B4F0;
  box-shadow: 0px 9px 25.9px 0px #FACFF0;
  height: calc(100% - 30px);
  position: relative;
}
.job-listing .job-listing-inner .job-box h4 {
  color: #795CD7;
  font-style: normal;
  font-size: 22px;
  font-family: "Graphik Semibold";
  line-height: 120%;
  margin-bottom: 18px;
  text-transform: uppercase;
}
.job-listing .job-listing-inner .job-box h6 {
  color: var(--tp-common-black);
  font-style: normal;
  font-family: "Graphik Medium";
  font-size: var(--tp-fz-p);
  line-height: 120%;
  margin-bottom: 20px;
  min-height: 39px;
}
.job-listing .job-listing-inner .job-box p {
  font-size: 14px;
  color: #111111;
}
.job-listing .job-listing-inner .job-box a {
  background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
  padding: 9px 23px;
  display: inline-block;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
  line-height: 19px;
  text-decoration: none;
  transition: all 0.5s;
  border: none;
  background: linear-gradient(93.05deg, #B28AFF -14.26%, #8800BE 85.74%);
  bottom: 24px;
  left: 18px;
  position: absolute;
}
.job-listing .job-listing-inner .job-box a img {
  margin-left: 8px;
  max-width: 17px;
  display: inline-block;
  width: auto;
  transition: all 0.5s;
  height: auto;
}
.job-listing .job-listing-inner .job-box a:hover {
  background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}
.job-listing .job-listing-inner .job-box a:hover img {
  margin-left: 10px;
}
.job-listing .job-listing-inner .job-box a:hover {
  background: linear-gradient(93.05deg, #8800BE -14.26%, #B28AFF 85.74%);
}
.job-listing .load-more-wrapper {
  width: 100%;
  text-align: center;
  margin-top: 40px;
}
.job-listing .load-more-wrapper button {
  background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
  padding: 9px 23px;
  display: inline-block;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
  line-height: 19px;
  text-decoration: none;
  transition: all 0.5s;
  margin: 0 auto;
  border: none;
  background: linear-gradient(93.05deg, #B28AFF -14.26%, #8800BE 85.74%);
}
.job-listing .load-more-wrapper button img {
  margin-left: 8px;
  max-width: 17px;
  display: inline-block;
  width: auto;
  transition: all 0.5s;
  height: auto;
}
.job-listing .load-more-wrapper button:hover {
  background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}
.job-listing .load-more-wrapper button:hover img {
  margin-left: 10px;
}
.job-listing .load-more-wrapper button:hover {
  background: linear-gradient(93.05deg, #8800BE -14.26%, #B28AFF 85.74%);
}

/** Custom Select **/
.custom-select-wrapper {
  position: relative;
  display: block;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.custom-select-wrapper select {
  display: none;
}
.custom-select-wrapper .custom-select {
  position: relative;
  display: block;
}
.custom-select-wrapper .custom-select .custom-select-trigger {
  position: relative;
  display: block;
  background: #fff url(../images/car-poly.png) no-repeat 90% center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  padding-right: 70px;
  color: #B7B7B7;
}
.custom-select-wrapper .custom-select .custom-options {
  position: absolute;
  display: block;
  top: 53%;
  left: 0px;
  right: 0;
  padding: 10px 15px 10px 15px;
  margin: 15px 0;
  border: 0.5px solid #F7CCFF;
  border-radius: 3px;
  min-width: 160px;
  box-shadow: 0px 16px 17.6px 0px rgba(210, 173, 237, 0.3490196078);
  background: #fff;
  transition: all 0.4s ease-in-out;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-15px);
  z-index: 1;
}
@media (max-width: 576px) {
  .custom-select-wrapper .custom-select .custom-options {
    z-index: 9;
  }
}
.custom-select-wrapper .custom-select.opened .custom-options {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  transform: translateY(0);
}
.custom-select-wrapper .custom-select.opened .custom-select-trigger {
  background: #fff url(../images/car-poly-up.png) no-repeat 90% center;
}
.custom-select-wrapper .custom-option {
  position: relative;
  display: block;
  padding: 0;
  font-size: 12px;
  color: #3D3D3D;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
}
.custom-select-wrapper .custom-option:hover {
  color: #9A06BF;
}

.video-career-outer {
  height: 666px;
  overflow: hidden;
  position: relative;
  display: flex;
}
.video-career-outer .video-wrapper {
  width: 100%;
}
.video-career-outer .video-container {
  width: 100%;
  height: 100%;
}
.video-career-outer .video-container .video-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.video-career-outer .video-container video {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
}
.video-career-outer .play-button-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
  pointer-events: none;
}
.video-career-outer .play-button-wrapper #circle-play-b {
  cursor: pointer;
  pointer-events: auto;
}
.video-career-outer .play-button-wrapper #circle-play-b svg {
  width: 100px;
  height: 100px;
  fill: #fff;
  stroke: #fff;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  opacity: 0.9;
}

.map-outer {
  padding: 60px 0px;
}
.map-outer .container {
  overflow: hidden;
}

.future-outer {
  background: #000000;
  padding: 60px 0px;
  background-size: 100% 100% !important;
}
.future-outer .head {
  padding-bottom: 27px;
}
.future-outer .head span {
  color: #fff;
}
.future-outer .head h2 {
  color: #fff;
}
@media screen and (max-width: 1399px) {
  .future-outer .head h2 {
    font-size: 45px;
  }
}
@media screen and (max-width: 991px) {
  .future-outer .head h2 {
    font-size: 28px;
    line-height: 38px;
  }
}
.future-outer .head p {
  color: #fff;
}
.future-outer .future-main {
  max-width: 1000px;
  margin: 0 auto;
}
.future-outer .future-main form .future-row {
  width: 100%;
  display: flex;
  margin-bottom: 15px;
}
.future-outer .future-main form .future-row .future-bx {
  width: 50%;
  padding: 0px 15px;
  position: relative;
}
.future-outer .future-main form .future-row .future-bx input {
  width: 100%;
  background: #160f29;
  height: 50px;
  border: 1px solid #272727;
  padding: 10px 12px;
  font-size: 18px;
  color: #fff;
  box-shadow: none !important;
  outline: none !important;
}
.future-outer .future-main form .future-row .future-bx input::-moz-placeholder {
  color: #fff;
  opacity: 1;
}
.future-outer .future-main form .future-row .future-bx input::placeholder {
  color: #fff;
  opacity: 1;
}
.future-outer .future-main form .future-row .future-bx select {
  width: 100%;
  background: #160f29 url(../images/drop-down-arrow.svg) no-repeat 98% center;
  height: 50px;
  border: 1px solid #272727;
  padding: 10px 12px;
  font-size: 18px;
  color: #fff;
  box-shadow: none !important;
  outline: none !important;
  background-size: 19px !important;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.future-outer .future-main form .future-row .future-bx .select-mobile-bx {
  display: flex;
}
.future-outer .future-main form .future-row .future-bx .select-mobile-bx .slect-code {
  min-width: 70px;
  max-width: 70px;
}
.future-outer .future-main form .future-row .future-bx .select-mobile-bx .slect-code select {
  border-right: 0px;
}
.future-outer .future-main form .future-row .future-bx .select-mobile-bx .select-mo {
  width: 100%;
}
.future-outer .future-main form .future-row .future-bx .select-mobile-bx .select-mo input {
  border-left: 0px;
}
.future-outer .future-main form .future-row .future-bx .fileUpload {
  position: absolute;
  right: 15px;
  top: 0px;
  overflow: hidden;
}
.future-outer .future-main form .future-row .future-bx .fileUpload input.upload {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}
.future-outer .future-main form .future-row .future-bx .btn--browse {
  border-left: 0;
  color: black;
  height: 50px;
  padding: 10px 14px;
}
.future-outer .future-main form .future-row .future-bx .f-input {
  height: 50px;
  width: 100%;
  float: left;
  padding: 0 14px;
  line-height: 45px;
}
.future-outer .future-main form .future-row .future-bx .f-input::file-selector-button {
  display: none;
}
.future-outer .future-main form .future-row .future-bx .f-input::file-selector-button:hover {
  transition: all 0.25s ease-in;
}
@media screen and (max-width: 480px) {
  .future-outer .future-main form .future-row .future-bx {
    width: 100%;
    margin-bottom: 15px;
  }
}
.future-outer .future-main form .future-row .captcha {
  padding: 7px 15px 0px;
}
.future-outer .future-main form .future-row .form-submit {
  width: 100%;
  margin-top: 37px;
  text-align: center;
}
.future-outer .future-main form .future-row .form-submit button {
  background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
  padding: 9px 23px;
  display: inline-block;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
  line-height: 19px;
  text-decoration: none;
  transition: all 0.5s;
  border: none;
  min-width: 150px;
  background: linear-gradient(93.05deg, #B28AFF -14.26%, #8800BE 85.74%);
}
.future-outer .future-main form .future-row .form-submit button img {
  margin-left: 8px;
  max-width: 17px;
  display: inline-block;
  width: auto;
  transition: all 0.5s;
  height: auto;
}
.future-outer .future-main form .future-row .form-submit button:hover {
  background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}
.future-outer .future-main form .future-row .form-submit button:hover img {
  margin-left: 10px;
}
.future-outer .future-main form .future-row .form-submit button:hover {
  background: linear-gradient(93.05deg, #8800BE -14.26%, #B28AFF 85.74%);
}
@media screen and (max-width: 480px) {
  .future-outer .future-main form .future-row {
    flex-wrap: wrap;
    margin-bottom: 0px;
  }
}

.video-pop-up .modal-dialog {
  max-width: 800px;
}
@media screen and (max-width: 840px) {
  .video-pop-up .modal-dialog {
    max-width: 90%;
    margin: 0.5rem auto;
  }
}
.video-pop-up .modal-dialog .modal-content .modal-body {
  padding: 0px;
  height: 450px;
}
@media screen and (max-width: 1024px) {
  .video-pop-up .modal-dialog .modal-content .modal-body {
    height: 450px;
  }
}
@media screen and (max-width: 767px) {
  .video-pop-up .modal-dialog .modal-content .modal-body {
    height: 400px;
  }
}
.video-pop-up .modal-dialog .modal-content .modal-body .btn-close {
  position: absolute;
  right: -14px;
  top: -10px;
  z-index: 9;
  background-color: #fff;
  opacity: 1;
  border-radius: 50%;
  padding: 9px;
}
.video-pop-up .modal-dialog .modal-content .modal-body iframe {
  width: 100%;
  position: absolute;
  height: 100%;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  -o-object-fit: cover;
     object-fit: cover;
}

.career-details-outer {
  background: url(../images/apply-job-bg.webp) left top no-repeat;
  background-size: cover;
  padding: 50px 0;
}
.career-details-outer .career-details {
  width: 68%;
  padding-right: 50px;
}
.career-details-outer .career-details h1 {
  font-size: 36px;
  line-height: 120%;
  color: #000;
  font-family: "Graphik Medium";
  padding-bottom: 20px;
}
@media screen and (max-width: 991px) {
  .career-details-outer .career-details h1 {
    font-size: 30px;
  }
}
.career-details-outer .career-details .career-details-jb {
  margin-bottom: 65px;
}
.career-details-outer .career-details .career-details-jb ul li {
  font-size: 18px;
  line-height: 100%;
  display: flex;
  align-items: center;
  font-family: "Graphik Regular";
  color: #070707;
  margin-bottom: 15px;
}
.career-details-outer .career-details .career-details-jb ul li figure {
  width: 30px;
  margin: 0;
}
.career-details-outer .career-details .career-details-jb ul li figure img {
  margin-right: 0px;
}
@media screen and (max-width: 991px) {
  .career-details-outer .career-details .career-details-jb ul li {
    font-size: 16px;
  }
}
.career-details-outer .career-details h3 {
  font-size: 22px;
  line-height: 120%;
  color: #000;
  font-family: "Graphik Medium";
  padding-bottom: 6px;
}
.career-details-outer .career-details h4 {
  font-size: 20px;
  line-height: 120%;
  color: #000;
  font-family: "Graphik Medium";
  padding-bottom: 6px;
}
.career-details-outer .career-details p {
  font-size: 18px;
  line-height: 150%;
  color: #070707;
}
@media screen and (max-width: 991px) {
  .career-details-outer .career-details p {
    font-size: 16px;
  }
}
.career-details-outer .career-details > ul {
  margin-bottom: 25px;
}
.career-details-outer .career-details > ul li {
  font-size: 18px;
  line-height: 150%;
  color: #070707;
  padding-left: 25px;
  background: url(../images/li-bg-arrow.svg) no-repeat 0px 7px;
  margin-bottom: 12px;
}
@media screen and (max-width: 991px) {
  .career-details-outer .career-details > ul li {
    font-size: 16px;
  }
}
.career-details-outer .career-details .share-icone ul {
  display: flex;
}
.career-details-outer .career-details .share-icone ul li {
  margin-right: 8px;
}
.career-details-outer .career-details .share-icone ul li a {
  border: 1px solid #DADADA;
  display: flex;
  width: 46px;
  height: 46px;
  border-radius: 100%;
  font-size: 20px;
  align-items: center;
  justify-content: center;
  color: #000;
  text-decoration: none;
}
.career-details-outer .career-details .share-icone ul li a:hover {
  background: #06ABBF;
  color: #fff;
}
@media screen and (max-width: 992px) {
  .career-details-outer .career-details {
    width: 100%;
    padding-right: 0;
  }
}
.career-details-outer .apply-job-form {
  padding-top: 80px;
  width: 32%;
  background: #fff;
  padding: 25px;
  margin: 0 auto;
  border: 1px solid #C1B1F4;
  border-radius: 10px;
}
.career-details-outer .apply-job-form h3 {
  font-size: 28px;
  line-height: 100%;
  color: #000;
  font-family: "Graphik Semibold";
  padding-bottom: 15px;
  text-align: center;
}
@media screen and (max-width: 991px) {
  .career-details-outer .apply-job-form h3 {
    font-size: 25px;
  }
}
.career-details-outer .apply-job-form .apply-bx {
  position: relative;
  margin-bottom: 10px;
}
.career-details-outer .apply-job-form .apply-bx input {
  width: 100%;
  background: #F6F6F6;
  height: 50px;
  border: 1px solid #E7E7E7;
  padding: 10px 12px;
  font-size: 18px;
  color: #000;
  box-shadow: none !important;
  outline: none !important;
  border-radius: 15px;
}
.career-details-outer .apply-job-form .apply-bx input::-moz-placeholder {
  color: #000;
  opacity: 1;
}
.career-details-outer .apply-job-form .apply-bx input::placeholder {
  color: #000;
  opacity: 1;
}
@media screen and (max-width: 991px) {
  .career-details-outer .apply-job-form .apply-bx input {
    font-size: 16px;
  }
}
.career-details-outer .apply-job-form .apply-bx textarea {
  width: 100%;
  background: #F6F6F6;
  height: 150px;
  border: 1px solid #E7E7E7;
  padding: 10px 12px;
  font-size: 18px;
  color: #000;
  box-shadow: none !important;
  border-radius: 15px;
  outline: none !important;
  resize: none;
}
.career-details-outer .apply-job-form .apply-bx textarea::-moz-placeholder {
  color: #000;
  opacity: 1;
}
.career-details-outer .apply-job-form .apply-bx textarea::placeholder {
  color: #000;
  opacity: 1;
}
@media screen and (max-width: 991px) {
  .career-details-outer .apply-job-form .apply-bx textarea {
    font-size: 16px;
  }
}
.career-details-outer .apply-job-form .apply-bx select {
  width: 100%;
  border-radius: 15px 0 0 15px;
  background: #F6f6f6 url(../images/drop-down-arrow.svg) no-repeat 96% center;
  height: 50px;
  border: 1px solid #E7E7E7;
  padding: 10px 12px;
  font-size: 18px;
  color: #000;
  box-shadow: none !important;
  outline: none !important;
  background-size: 21px !important;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media screen and (max-width: 991px) {
  .career-details-outer .apply-job-form .apply-bx select {
    font-size: 16px;
  }
}
.career-details-outer .apply-job-form .apply-bx .select-mobile-bx {
  display: flex;
}
.career-details-outer .apply-job-form .apply-bx .select-mobile-bx .slect-code {
  min-width: 70px;
  max-width: 70px;
}
.career-details-outer .apply-job-form .apply-bx .select-mobile-bx .slect-code select {
  border-right: 0px;
  background: #F6f6f6 url(../images/arrow-head-two.png) no-repeat 98% center;
  background-size: 12px !important;
}
.career-details-outer .apply-job-form .apply-bx .select-mobile-bx .select-mo {
  width: 100%;
}
.career-details-outer .apply-job-form .apply-bx .select-mobile-bx .select-mo input {
  border-left: 0px;
  border-radius: 0 15px 15px 0;
}
.career-details-outer .apply-job-form .apply-bx .fileUpload {
  position: absolute;
  right: 15px;
  top: 0px;
  overflow: hidden;
}
.career-details-outer .apply-job-form .apply-bx .fileUpload input.upload {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}
.career-details-outer .apply-job-form .apply-bx .btn--browse {
  border-left: 0;
  height: 50px;
  padding: 10px 14px;
}
.career-details-outer .apply-job-form .apply-bx .btn--browse span {
  text-transform: uppercase;
  font-family: "Graphik Medium";
}
.career-details-outer .apply-job-form .apply-bx .btn--browse span img {
  margin-left: 10px;
}
.career-details-outer .apply-job-form .apply-bx .f-input {
  height: 50px;
  width: 100%;
  padding: 0 14px;
  line-height: 48px;
  padding-right: 128px;
}
.career-details-outer .apply-job-form .apply-bx .f-input::file-selector-button {
  display: none;
}
.career-details-outer .apply-job-form .apply-bx .f-input::file-selector-button:hover {
  transition: all 0.25s ease-in;
}
.career-details-outer .apply-job-form .apply-bx-btn {
  margin: 25px auto;
  display: flex;
  justify-content: center;
}
.career-details-outer .apply-job-form .apply-bx-btn button {
  text-transform: capitalize;
  border: none;
  margin: 0 auto;
  background: linear-gradient(93.05deg, #1EC9F2 -14.26%, #0DB16A 85.74%);
  padding: 9px 23px;
  display: inline-block;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
  line-height: 19px;
  text-decoration: none;
  transition: all 0.5s;
  background: linear-gradient(93.05deg, #B28AFF -14.26%, #8800BE 85.74%);
}
.career-details-outer .apply-job-form .apply-bx-btn button img {
  margin-left: 8px;
  max-width: 17px;
  display: inline-block;
  width: auto;
  transition: all 0.5s;
  height: auto;
}
.career-details-outer .apply-job-form .apply-bx-btn button:hover {
  background: linear-gradient(93.05deg, #0DB16A -14.26%, #1EC9F2 85.74%);
}
.career-details-outer .apply-job-form .apply-bx-btn button:hover img {
  margin-left: 10px;
}
.career-details-outer .apply-job-form .apply-bx-btn button img {
  filter: brightness(0) invert(1);
}
.career-details-outer .apply-job-form .apply-bx-btn button:hover {
  background: linear-gradient(93.05deg, #8800BE -14.26%, #B28AFF 85.74%);
}
@media screen and (max-width: 991px) {
  .career-details-outer .apply-job-form .apply-bx-btn {
    margin-top: 30px;
  }
}
@media screen and (max-width: 991px) {
  .career-details-outer .apply-job-form {
    padding-top: 50px;
  }
}
@media screen and (max-width: 992px) {
  .career-details-outer .apply-job-form {
    width: 100%;
    margin-top: 25px;
  }
}
@media screen and (max-width: 991px) {
  .career-details-outer {
    padding-bottom: 50px;
  }
}

.our-presence {
  padding: 50px 0;
}

.locations {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 50px;
  max-width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 992px) {
  .locations {
    gap: 10px;
  }
}
.locations .card {
  background: #fff;
  border-radius: 15px;
  border: none;
  overflow: hidden;
  transition: transform 0.3s ease;
}
@media screen and (max-width: 992px) {
  .locations .card {
    margin-top: 20px !important;
  }
}
.locations .card:nth-child(2) {
  margin-top: 30px;
}
.locations .card:nth-child(3) {
  margin-top: 60px;
}
.locations .card:nth-child(5) {
  margin-top: 30px;
}
.locations .card:nth-child(6) {
  margin-top: 60px;
}
.locations .card:nth-child(8) {
  margin-top: 30px;
}
.locations .card:nth-child(9) {
  margin-top: 60px;
}
.locations .card:hover {
  transform: translateY(-5px);
}
.locations .card img {
  width: auto;
  height: 180px;
  border-radius: 10px;
}
.locations .card .card-content {
  padding: 20px 0;
}
.locations .card .city {
  font-weight: 700;
  color: #8F16C9;
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: "Graphik Semibold";
}
.locations .card .address {
  font-size: 15px;
  line-height: 1.5;
  color: #444;
}

@media (max-width: 768px) {
  .card img {
    height: 150px;
  }
}
@media (max-width: 480px) {
  .city {
    font-size: 16px;
  }
  .address {
    font-size: 14px;
  }
}
.items-start {
  align-items: flex-start;
}

.makes-apple-work-outer {
  padding: 60px 0px;
}
.makes-apple-work-outer .makes-apple-work-main {
  display: flex;
  gap: 30px;
}
.makes-apple-work-outer .makes-apple-work-main .makes-apple-work-left {
  padding-right: 20px;
  width: calc(55% - 15px);
}
.makes-apple-work-outer .makes-apple-work-main .makes-apple-work-left h1 {
  font-family: "Montserrat", sans-serif;
  padding-bottom: 30px;
  color: #010101;
  font-weight: bold;
  font-size: 48px;
  line-height: 120%;
}
@media screen and (max-width: 1199px) {
  .makes-apple-work-outer .makes-apple-work-main .makes-apple-work-left h1 {
    font-size: 38px;
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 991px) {
  .makes-apple-work-outer .makes-apple-work-main .makes-apple-work-left h1 br {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .makes-apple-work-outer .makes-apple-work-main .makes-apple-work-left h1 {
    font-size: 30px;
  }
}
.makes-apple-work-outer .makes-apple-work-main .makes-apple-work-left p {
  font-family: "Montserrat", sans-serif;
  padding-bottom: 10px;
  color: #626262;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
}
@media screen and (max-width: 1199px) {
  .makes-apple-work-outer .makes-apple-work-main .makes-apple-work-left p {
    font-size: 18px;
  }
}
@media screen and (max-width: 991px) {
  .makes-apple-work-outer .makes-apple-work-main .makes-apple-work-left p {
    padding-bottom: 0px;
  }
}
@media screen and (max-width: 767px) {
  .makes-apple-work-outer .makes-apple-work-main .makes-apple-work-left p br {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  .makes-apple-work-outer .makes-apple-work-main .makes-apple-work-left {
    width: 100%;
    padding-right: 0px;
  }
}
.makes-apple-work-outer .makes-apple-work-main .makes-apple-work-right {
  width: calc(45% - 15px);
  gap: 30px;
  display: flex;
}
.makes-apple-work-outer .makes-apple-work-main .makes-apple-work-right .makes-apple-bx {
  width: calc(50% - 15px);
}
.makes-apple-work-outer .makes-apple-work-main .makes-apple-work-right .makes-apple-bx1 {
  width: calc(50% - 15px);
  margin-top: 100px;
}
.makes-apple-work-outer .makes-apple-work-main .makes-apple-work-right .makes-apple-area {
  height: 188px;
  width: 100%;
  padding: 20px;
  margin-bottom: 10px;
  border-radius: 20px;
  background-size: cover !important;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
}
.makes-apple-work-outer .makes-apple-work-main .makes-apple-work-right .makes-apple-area h3 {
  width: 100%;
  text-align: center;
  font-size: 60px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  color: #010101;
}
@media screen and (max-width: 1199px) {
  .makes-apple-work-outer .makes-apple-work-main .makes-apple-work-right .makes-apple-area h3 {
    font-size: 48px;
  }
}
@media screen and (max-width: 600px) {
  .makes-apple-work-outer .makes-apple-work-main .makes-apple-work-right .makes-apple-area h3 {
    font-size: 38px;
  }
}
.makes-apple-work-outer .makes-apple-work-main .makes-apple-work-right .makes-apple-area p {
  width: 100%;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 20px;
  color: #010101;
}
@media screen and (max-width: 1199px) {
  .makes-apple-work-outer .makes-apple-work-main .makes-apple-work-right .makes-apple-area p {
    font-size: 18px;
  }
}
@media screen and (max-width: 600px) {
  .makes-apple-work-outer .makes-apple-work-main .makes-apple-work-right .makes-apple-area p {
    font-size: 16px;
  }
}
@media screen and (max-width: 600px) {
  .makes-apple-work-outer .makes-apple-work-main .makes-apple-work-right .makes-apple-area {
    padding: 10px;
  }
}
@media screen and (max-width: 991px) {
  .makes-apple-work-outer .makes-apple-work-main .makes-apple-work-right {
    width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .makes-apple-work-outer .makes-apple-work-main {
    flex-wrap: wrap;
  }
}

.solution-tailored-outer {
  background: url(../images/apple-lmages/tailored-bg.webp) no-repeat;
  background-size: cover;
  padding: 60px 0px;
}
.solution-tailored-outer .solution-tailored-main {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.solution-tailored-outer .solution-tailored-main .solution-tailored-bx {
  border-radius: 10px;
  width: calc(25% - 8px);
  background: #000;
  height: 235px;
  transition: all 0.5s;
}
.solution-tailored-outer .solution-tailored-main .solution-tailored-bx a {
  padding: 50px 20px 20px;
  display: flex;
  align-content: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  text-decoration: none;
}
.solution-tailored-outer .solution-tailored-main .solution-tailored-bx figure {
  height: 61px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
}
.solution-tailored-outer .solution-tailored-main .solution-tailored-bx figure img {
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.solution-tailored-outer .solution-tailored-main .solution-tailored-bx h3 {
  text-align: center;
  color: #fff;
  width: 100%;
  font-size: 24px;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  height: 57px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.solution-tailored-outer .solution-tailored-main .solution-tailored-bx:first-child {
  background: none !important;
  padding-top: 20px;
  padding-left: 35px;
}
.solution-tailored-outer .solution-tailored-main .solution-tailored-bx:first-child h2 {
  font-size: 40px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  color: #fff;
}
.solution-tailored-outer .solution-tailored-main .solution-tailored-bx:first-child h2 span {
  font-weight: 300;
}
@media screen and (max-width: 991px) {
  .solution-tailored-outer .solution-tailored-main .solution-tailored-bx:first-child h2 {
    font-size: 30px;
  }
}
@media screen and (max-width: 479px) {
  .solution-tailored-outer .solution-tailored-main .solution-tailored-bx:first-child h2 br {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  .solution-tailored-outer .solution-tailored-main .solution-tailored-bx:first-child {
    padding-top: 50px;
  }
}
@media screen and (max-width: 479px) {
  .solution-tailored-outer .solution-tailored-main .solution-tailored-bx:first-child {
    height: auto;
    padding-left: 0px;
  }
}
.solution-tailored-outer .solution-tailored-main .solution-tailored-bx:nth-child(2) img {
  filter: brightness(0) invert(100);
}
.solution-tailored-outer .solution-tailored-main .solution-tailored-bx:nth-child(2):hover img {
  filter: unset;
}
.solution-tailored-outer .solution-tailored-main .solution-tailored-bx:hover {
  background: rgba(231, 184, 76, 0.85);
}
.solution-tailored-outer .solution-tailored-main .solution-tailored-bx:hover img {
  filter: brightness(0) invert(0);
}
.solution-tailored-outer .solution-tailored-main .solution-tailored-bx:hover h3 {
  color: #000;
}
@media screen and (max-width: 991px) {
  .solution-tailored-outer .solution-tailored-main .solution-tailored-bx {
    width: calc(33.33% - 8px);
  }
}
@media screen and (max-width: 600px) {
  .solution-tailored-outer .solution-tailored-main .solution-tailored-bx {
    width: calc(50% - 8px);
  }
}
@media screen and (max-width: 479px) {
  .solution-tailored-outer .solution-tailored-main .solution-tailored-bx {
    width: 100%;
  }
}

.apple-our-customer-outer {
  background: #F9F9F9;
  padding: 60px 0px;
}
.apple-our-customer-outer .apple-head {
  padding-bottom: 0px;
}
.apple-our-customer-outer .our-customer-main {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0px 30px;
}
.apple-our-customer-outer .our-customer-main .our-customer-bx {
  height: 63px;
  display: flex;
  padding: 5px;
  width: 7.69%;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.apple-our-customer-outer .our-customer-main .our-customer-bx img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  filter: grayscale(100%);
  transition: all 0.5s;
}
.apple-our-customer-outer .our-customer-main .our-customer-bx:hover img {
  filter: grayscale(0);
}
@media screen and (max-width: 1024px) {
  .apple-our-customer-outer .our-customer-main .our-customer-bx {
    width: 11.6%;
  }
}
@media screen and (max-width: 767px) {
  .apple-our-customer-outer .our-customer-main .our-customer-bx {
    width: 16.5%;
  }
}
@media screen and (max-width: 576px) {
  .apple-our-customer-outer .our-customer-main .our-customer-bx {
    width: 24.5%;
  }
}
@media screen and (max-width: 767px) {
  .apple-our-customer-outer .our-customer-main {
    padding: 0px 15px;
  }
}
@media screen and (max-width: 991px) {
  .apple-our-customer-outer {
    background-size: cover;
    background-position: center !important;
  }
}

.unmatched-outer {
  background: url(../images/apple-lmages/unmatched-bg.webp) no-repeat;
  background-size: cover;
  padding: 60px 0px;
}
.unmatched-outer .unmatched-main {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.unmatched-outer .unmatched-main .unmatched-bx {
  width: calc(50% - 16px);
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 15px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
  padding: 33px 55px 170px;
  transition: all 0.5s;
  background: #fff;
  position: relative;
}
.unmatched-outer .unmatched-main .unmatched-bx .unmatched-text {
  max-width: 345px;
}
.unmatched-outer .unmatched-main .unmatched-bx .unmatched-text h3 {
  font-size: 32px;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  color: #000000;
  padding-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .unmatched-outer .unmatched-main .unmatched-bx .unmatched-text h3 {
    font-size: 25px;
  }
}
.unmatched-outer .unmatched-main .unmatched-bx .unmatched-text p {
  font-size: 14px;
  line-height: 20px;
}
.unmatched-outer .unmatched-main .unmatched-bx .unmatched-text a {
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  text-decoration: none;
  color: #000000;
  transition: all 0.5s;
}
.unmatched-outer .unmatched-main .unmatched-bx .unmatched-text a span {
  display: inline-block;
  margin-left: 10px;
}
.unmatched-outer .unmatched-main .unmatched-bx .unmatched-text a:hover {
  color: #0080FF;
}
.unmatched-outer .unmatched-main .unmatched-bx .unmatched-img {
  position: absolute;
  right: 55px;
  bottom: 30px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: right;
}
.unmatched-outer .unmatched-main .unmatched-bx .unmatched-img img {
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  max-height: 100%;
  transition: all 0.5s;
}
@media screen and (max-width: 767px) {
  .unmatched-outer .unmatched-main .unmatched-bx .unmatched-img {
    right: 15px;
  }
}
.unmatched-outer .unmatched-main .unmatched-bx:hover {
  box-shadow: 0px 6px 24px rgba(234, 198, 214, 0.9);
}
.unmatched-outer .unmatched-main .unmatched-bx:hover .unmatched-img img {
  transform: scale(1.05);
}
@media screen and (max-width: 991px) {
  .unmatched-outer .unmatched-main .unmatched-bx {
    padding: 25px 25px 170px;
  }
}
@media screen and (max-width: 767px) {
  .unmatched-outer .unmatched-main .unmatched-bx {
    width: 100%;
    overflow: hidden;
  }
}

.real-cost-outer {
  background: #F9F9F9;
}
.real-cost-outer .real-cost-main {
  display: flex;
  gap: 30px;
  align-items: center;
}
.real-cost-outer .real-cost-main .real-cost-img {
  width: calc(50% - 15px);
  display: flex;
  align-items: center;
  justify-content: left;
  position: relative;
  padding: 0px;
}
.real-cost-outer .real-cost-main .real-cost-img img {
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.real-cost-outer .real-cost-main .real-cost-img .real-cost-tx {
  position: absolute;
  right: 37px;
  top: 120px;
  width: 260px;
  padding: 25px 28px;
  background: #fff;
  border-radius: 30px 30px 0px 30px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
}
.real-cost-outer .real-cost-main .real-cost-img .real-cost-tx h6 {
  font-size: 18px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #474F62;
}
@media screen and (max-width: 1399px) {
  .real-cost-outer .real-cost-main .real-cost-img .real-cost-tx {
    right: 0px;
  }
}
@media screen and (max-width: 767px) {
  .real-cost-outer .real-cost-main .real-cost-img .real-cost-tx {
    right: 15px;
  }
}
@media screen and (max-width: 991px) {
  .real-cost-outer .real-cost-main .real-cost-img {
    width: 100%;
    min-height: unset;
    max-height: unset;
    justify-content: left;
  }
  .real-cost-outer .real-cost-main .real-cost-img img {
    max-height: 100%;
  }
}
.real-cost-outer .real-cost-main .real-cost-area {
  width: calc(50% - 15px);
  padding-left: 0px;
  padding-top: 90px;
}
.real-cost-outer .real-cost-main .real-cost-area .real-cost-area-as {
  max-width: 585px;
  padding-right: 40px;
  padding-bottom: 40px;
}
@media screen and (max-width: 991px) {
  .real-cost-outer .real-cost-main .real-cost-area .real-cost-area-as {
    padding-left: 15px;
  }
}
.real-cost-outer .real-cost-main .real-cost-area h3 {
  font-size: 40px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  color: #000000;
  padding-bottom: 20px;
}
@media screen and (max-width: 1199px) {
  .real-cost-outer .real-cost-main .real-cost-area h3 {
    font-size: 35px;
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 991px) {
  .real-cost-outer .real-cost-main .real-cost-area h3 br {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .real-cost-outer .real-cost-main .real-cost-area h3 {
    font-size: 30px;
  }
}
.real-cost-outer .real-cost-main .real-cost-area p {
  font-size: 20px;
  line-height: 120%;
  padding-bottom: 20px;
}
@media screen and (max-width: 1199px) {
  .real-cost-outer .real-cost-main .real-cost-area p {
    font-size: 18px;
  }
}
@media screen and (max-width: 600px) {
  .real-cost-outer .real-cost-main .real-cost-area p {
    font-size: 16px;
  }
}
.real-cost-outer .real-cost-main .real-cost-area a {
  border: 1px solid #000;
  border-radius: 48px;
  background: rgba(217, 217, 217, 0.18);
  padding: 15px 50px;
  font-size: 14px;
  color: #000000;
  text-decoration: none;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  transition: all 0.5s;
}
.real-cost-outer .real-cost-main .real-cost-area a img {
  margin-right: 10px;
}
.real-cost-outer .real-cost-main .real-cost-area a:hover {
  background: #fff;
}
@media screen and (max-width: 991px) {
  .real-cost-outer .real-cost-main .real-cost-area {
    padding-left: 20px;
  }
}
@media screen and (max-width: 991px) {
  .real-cost-outer .real-cost-main .real-cost-area {
    padding-left: 0px;
    width: 100%;
    padding-top: 0px;
  }
}
@media screen and (max-width: 991px) {
  .real-cost-outer .real-cost-main {
    flex-wrap: wrap;
  }
}

.lets-contact-us-outer {
  padding: 60px 0;
  background: #FAFAFC;
  background-size: cover;
  z-index: 2;
  position: relative;
}
.lets-contact-us-outer .apple-head.head-top {
  padding-bottom: 0px;
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .lets-contact-us-outer .apple-head.head-top {
    padding-bottom: 0px;
  }
}
.lets-contact-us-outer .apple-head.apple-left {
  max-width: 425px;
  padding-top: 10px;
  text-align: left;
  padding-bottom: 0px;
}
.lets-contact-us-outer .apple-head.apple-left h2 {
  text-align: left;
  font-size: 44px;
  color: #474F62;
  padding-bottom: 8px;
}
@media screen and (max-width: 1199px) {
  .lets-contact-us-outer .apple-head.apple-left h2 {
    font-size: 34px;
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 991px) {
  .lets-contact-us-outer .apple-head.apple-left h2 br {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .lets-contact-us-outer .apple-head.apple-left h2 {
    font-size: 30px;
    margin-bottom: 0px;
  }
}
.lets-contact-us-outer .apple-head.apple-left h4 {
  font-size: 24px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #474F62;
  padding-bottom: 10px;
}
@media screen and (max-width: 991px) {
  .lets-contact-us-outer .apple-head.apple-left h4 br {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .lets-contact-us-outer .apple-head.apple-left h4 {
    font-size: 20px;
  }
}
.lets-contact-us-outer .apple-head.apple-left p {
  text-align: left;
  color: #474F62;
  font-size: 18px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}
@media screen and (max-width: 991px) {
  .lets-contact-us-outer .apple-head.apple-left p {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .lets-contact-us-outer .apple-head.apple-left p {
    padding-right: 0px;
    font-size: 16px;
  }
}
.lets-contact-us-outer .apple-head.apple-left ul li {
  margin-right: 15px;
}
.lets-contact-us-outer .apple-head.apple-left ul li a {
  color: #fff;
}
.lets-contact-us-outer .apple-head.apple-left ul li a:hover {
  color: #0FACB8;
}
@media screen and (max-width: 991px) {
  .lets-contact-us-outer .apple-head.apple-left {
    max-width: 100%;
  }
}
.lets-contact-us-outer figure img {
  max-width: 100%;
}
.lets-contact-us-outer .contact-form {
  max-width: 491px;
}
.lets-contact-us-outer .contact-form h2 {
  color: #7A7A7A;
  font-size: 44px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin-bottom: 25px;
}
@media screen and (max-width: 1199px) {
  .lets-contact-us-outer .contact-form h2 {
    font-size: 34px;
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 991px) {
  .lets-contact-us-outer .contact-form h2 br {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .lets-contact-us-outer .contact-form h2 {
    font-size: 30px;
    margin-bottom: 0px;
  }
}
.lets-contact-us-outer .contact-form form .form-row {
  margin-bottom: 15px;
}
.lets-contact-us-outer .contact-form form .form-row .form-group {
  padding: 0px;
  position: relative;
}
.lets-contact-us-outer .contact-form form .form-row .form-group p {
  margin-bottom: 0px;
  line-height: 0;
}
.lets-contact-us-outer .contact-form form .form-row .form-group input {
  width: 100%;
  height: 53px;
  color: #7A7A7A;
  border: 1px solid rgba(0, 0, 0, 0.12);
  padding: 0 15px;
  border-radius: 5px;
  box-shadow: none;
  font-family: "Open Sans";
  box-shadow: none !important;
  outline: none;
}
.lets-contact-us-outer .contact-form form .form-row .form-group input::-moz-placeholder {
  color: #7A7A7A;
  opacity: 1;
}
.lets-contact-us-outer .contact-form form .form-row .form-group input::placeholder {
  color: #7A7A7A;
  opacity: 1;
}
.lets-contact-us-outer .contact-form form .form-row .form-group select {
  width: 100%;
  height: 53px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  padding: 0 15px;
  border-radius: 5px;
  background: #fff url(../images/select-arrow.png) no-repeat 98% center;
  color: #7A7A7A;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-shadow: none;
  box-shadow: none !important;
  outline: none;
}
.lets-contact-us-outer .contact-form form .form-row .form-group select:valid {
  color: #7A7A7A;
}
.lets-contact-us-outer .contact-form form .form-row .form-group textarea {
  width: 100%;
  height: 130px;
  resize: none;
  border: 1px solid rgba(0, 0, 0, 0.12);
  color: #7A7A7A;
  padding: 15px;
  border-radius: 5px;
  box-shadow: none;
  box-shadow: none !important;
  outline: none;
  line-height: normal;
}
.lets-contact-us-outer .contact-form form .form-row .form-group textarea::-moz-placeholder {
  color: #7A7A7A;
  opacity: 1;
}
.lets-contact-us-outer .contact-form form .form-row .form-group textarea::placeholder {
  color: #7A7A7A;
  opacity: 1;
}
.lets-contact-us-outer .contact-form form .form-row .form-group .wpcf7-not-valid-tip {
  margin-top: 5px;
  line-height: normal;
  color: #fff;
  display: none;
}
@media screen and (max-width: 991px) {
  .lets-contact-us-outer .contact-form form .form-row {
    flex-wrap: wrap;
  }
}
.lets-contact-us-outer .contact-form form .form-row .wpcf7-spinner {
  position: absolute;
}
.lets-contact-us-outer .contact-form form input[type=submit] {
  background: #0080FF;
  width: 194px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  transition: all 0.3s;
  border: none;
  color: #fff;
  border-radius: 12px;
  border: 1px solid #0080FF;
}
.lets-contact-us-outer .contact-form form input[type=submit]:hover {
  background: #fff;
  color: #0080FF;
}
@media screen and (max-width: 991px) {
  .lets-contact-us-outer .contact-form {
    padding: 35px 0px 15px 0px;
    max-width: 100%;
    padding-top: 0;
  }
}
.lets-contact-us-outer .contact-form .wpcf7 .screen-reader-response {
  position: static;
  width: 100%;
  height: auto;
  clip-path: unset;
  clip: unset;
}
.lets-contact-us-outer .contact-form .wpcf7 .screen-reader-response p {
  color: green;
  font-weight: var(--tp-fw-sbold);
}
.lets-contact-us-outer .contact-form .wpcf7 .screen-reader-response ul {
  display: none;
}
@media screen and (max-width: 991px) {
  .lets-contact-us-outer .col-lg-6.col-md-6.col-sm-6.col-xs-12 {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

.real-bussnies-out {
  padding: 60px 0px;
}
.real-bussnies-out .apple-head {
  padding-bottom: 20px;
}
.real-bussnies-out .real-bussnies-mn {
  display: flex;
  gap: 50px;
}
.real-bussnies-out .real-bussnies-mn .real-bussnies-left {
  width: calc(50% - 25px);
  position: relative;
}
.real-bussnies-out .real-bussnies-mn .real-bussnies-left .real-bussnies-slide .real-bus-rw {
  display: flex;
  height: 750px;
  flex-wrap: wrap;
}
.real-bussnies-out .real-bussnies-mn .real-bussnies-left .real-bussnies-slide .real-bus-rw figure {
  height: 317px;
  display: flex;
  width: 100%;
}
.real-bussnies-out .real-bussnies-mn .real-bussnies-left .real-bussnies-slide .real-bus-rw figure img {
  width: 100%;
  border-radius: 27px;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  visibility: visible !important;
}
.real-bussnies-out .real-bussnies-mn .real-bussnies-left .real-bussnies-slide .real-bus-rw .real-bus-area {
  min-height: 335px;
}
.real-bussnies-out .real-bussnies-mn .real-bussnies-left .real-bussnies-slide .real-bus-rw .real-bus-area p {
  color: #626262;
  font-size: 20px;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  line-height: 130%;
}
@media screen and (max-width: 1199px) {
  .real-bussnies-out .real-bussnies-mn .real-bussnies-left .real-bussnies-slide .real-bus-rw .real-bus-area p {
    font-size: 18px;
  }
}
@media screen and (max-width: 600px) {
  .real-bussnies-out .real-bussnies-mn .real-bussnies-left .real-bussnies-slide .real-bus-rw .real-bus-area p {
    font-size: 16px;
  }
}
.real-bussnies-out .real-bussnies-mn .real-bussnies-left .real-bussnies-slide .real-bus-rw .real-bus-area h3 {
  color: #626262;
  font-size: 20px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}
@media screen and (max-width: 1199px) {
  .real-bussnies-out .real-bussnies-mn .real-bussnies-left .real-bussnies-slide .real-bus-rw .real-bus-area h3 {
    font-size: 18px;
  }
}
@media screen and (max-width: 600px) {
  .real-bussnies-out .real-bussnies-mn .real-bussnies-left .real-bussnies-slide .real-bus-rw .real-bus-area h3 {
    font-size: 16px;
  }
}
.real-bussnies-out .real-bussnies-mn .real-bussnies-left .real-bussnies-slide .real-bus-rw .real-bus-area .real-num {
  display: flex;
}
.real-bussnies-out .real-bussnies-mn .real-bussnies-left .real-bussnies-slide .real-bus-rw .real-bus-area .real-num .real-text {
  width: 33.33%;
  padding-right: 15px;
}
.real-bussnies-out .real-bussnies-mn .real-bussnies-left .real-bussnies-slide .real-bus-rw .real-bus-area .real-num .real-text h3 {
  color: #626262;
  font-size: 60px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}
.real-bussnies-out .real-bussnies-mn .real-bussnies-left .real-bussnies-slide .real-bus-rw .real-bus-area .real-num .real-text h3 span {
  color: #626262;
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  line-height: 130%;
}
@media screen and (max-width: 1199px) {
  .real-bussnies-out .real-bussnies-mn .real-bussnies-left .real-bussnies-slide .real-bus-rw .real-bus-area .real-num .real-text h3 span {
    display: block;
  }
}
@media screen and (max-width: 1199px) {
  .real-bussnies-out .real-bussnies-mn .real-bussnies-left .real-bussnies-slide .real-bus-rw .real-bus-area .real-num .real-text h3 {
    font-size: 40px;
  }
}
.real-bussnies-out .real-bussnies-mn .real-bussnies-left .real-bussnies-slide .real-bus-rw .real-bus-area .real-num .real-text p {
  color: #626262;
  font-size: 20px;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  line-height: 130%;
  min-height: unset;
}
@media screen and (max-width: 1199px) {
  .real-bussnies-out .real-bussnies-mn .real-bussnies-left .real-bussnies-slide .real-bus-rw .real-bus-area .real-num .real-text p {
    font-size: 18px;
  }
}
@media screen and (max-width: 600px) {
  .real-bussnies-out .real-bussnies-mn .real-bussnies-left .real-bussnies-slide .real-bus-rw .real-bus-area .real-num .real-text p {
    font-size: 16px;
  }
}
.real-bussnies-out .real-bussnies-mn .real-bussnies-left .real-bussnies-slide .real-bus-rw .real-bus-area a {
  border: 1px solid #0080FF;
  display: flex;
  padding: 10px 27px;
  border-radius: 70px;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #000000;
  display: inline-block;
  text-decoration: none;
  background: rgba(217, 217, 217, 0.16);
  text-transform: capitalize;
}
.real-bussnies-out .real-bussnies-mn .real-bussnies-left .real-bussnies-slide .real-bus-rw .real-bus-area a img {
  margin-left: 10px;
  display: inline-block;
}
.real-bussnies-out .real-bussnies-mn .real-bussnies-left .real-bussnies-slide .real-bus-rw .real-bus-area a:hover {
  background: #0080FF;
  color: #fff;
}
.real-bussnies-out .real-bussnies-mn .real-bussnies-left .real-bussnies-slide .real-bus-rw .real-bus-area a:hover img {
  filter: brightness(0) invert(100);
}
@media screen and (max-width: 1199px) {
  .real-bussnies-out .real-bussnies-mn .real-bussnies-left .real-bussnies-slide .real-bus-rw {
    padding-bottom: 10px;
  }
}
.real-bussnies-out .real-bussnies-mn .real-bussnies-left .scrollbar {
  width: 9px;
  position: absolute;
  background: rgba(217, 217, 217, 0.2);
  right: -29px;
  top: 0px;
  height: calc(100% - 80px);
  border-radius: 10px;
}
@media screen and (max-width: 991px) {
  .real-bussnies-out .real-bussnies-mn .real-bussnies-left .scrollbar {
    right: 0px;
  }
}
.real-bussnies-out .real-bussnies-mn .real-bussnies-left .scroll-thumb {
  background: #036CD5;
  width: 9px;
  border-radius: 3px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  transition: top 0.3s;
  border-radius: 10px;
}
@media screen and (max-width: 991px) {
  .real-bussnies-out .real-bussnies-mn .real-bussnies-left {
    width: 100%;
    padding-right: 30px;
  }
}
.real-bussnies-out .real-bussnies-mn .real-bussnies-right {
  width: calc(50% - 25px);
}
.real-bussnies-out .real-bussnies-mn .real-bussnies-right .real-head {
  background: #F1F7FF;
  padding: 40px 37px;
  width: 100%;
  border-radius: 20px;
}
.real-bussnies-out .real-bussnies-mn .real-bussnies-right .real-head h3 {
  font-size: 24px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  color: #000000;
  margin-bottom: 0px;
}
@media screen and (max-width: 767px) {
  .real-bussnies-out .real-bussnies-mn .real-bussnies-right .real-head {
    padding: 20px;
  }
}
.real-bussnies-out .real-bussnies-mn .real-bussnies-right .real-bussnies-right-ar .real-bussnies-right-row {
  padding: 10px 0px;
  border-bottom: 1px solid #E0E0E0;
  display: flex;
}
.real-bussnies-out .real-bussnies-mn .real-bussnies-right .real-bussnies-right-ar .real-bussnies-right-row .real-right-fig {
  min-width: 250px;
  display: flex;
  max-width: 250px;
}
.real-bussnies-out .real-bussnies-mn .real-bussnies-right .real-bussnies-right-ar .real-bussnies-right-row .real-right-fig img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 600px) {
  .real-bussnies-out .real-bussnies-mn .real-bussnies-right .real-bussnies-right-ar .real-bussnies-right-row .real-right-fig {
    min-width: 125px;
    max-width: 125px;
  }
}
.real-bussnies-out .real-bussnies-mn .real-bussnies-right .real-bussnies-right-ar .real-bussnies-right-row .real-right-text {
  width: 100%;
  padding-left: 30px;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}
.real-bussnies-out .real-bussnies-mn .real-bussnies-right .real-bussnies-right-ar .real-bussnies-right-row .real-right-text span {
  display: block;
  width: 100%;
  line-height: normal;
  color: #036CD5;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 12px;
  padding-bottom: 5px;
}
.real-bussnies-out .real-bussnies-mn .real-bussnies-right .real-bussnies-right-ar .real-bussnies-right-row .real-right-text p {
  width: 100%;
  margin-bottom: 10px;
  font-size: 18px;
  color: #474F62;
}
.real-bussnies-out .real-bussnies-mn .real-bussnies-right .real-bussnies-right-ar .real-bussnies-right-row .real-right-text p a {
  color: #474F62;
  text-decoration: none;
}
.real-bussnies-out .real-bussnies-mn .real-bussnies-right .real-bussnies-right-ar .real-bussnies-right-row .real-right-text p a:hover {
  color: #0080FF;
}
@media screen and (max-width: 600px) {
  .real-bussnies-out .real-bussnies-mn .real-bussnies-right .real-bussnies-right-ar .real-bussnies-right-row .real-right-text p {
    font-size: 16px;
  }
}
.real-bussnies-out .real-bussnies-mn .real-bussnies-right .real-bussnies-right-ar .real-bussnies-right-row .real-right-text a.leran-mor {
  border: 1px solid #000;
  display: flex;
  padding: 1px 0px;
  border-radius: 20px;
  line-height: 13px;
  width: 37px;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 13px;
  color: #2B2E4A;
  text-decoration: none;
  align-items: center;
  justify-content: center;
  height: 25px;
  transition: all 0.5s;
  overflow: hidden;
}
.real-bussnies-out .real-bussnies-mn .real-bussnies-right .real-bussnies-right-ar .real-bussnies-right-row .real-right-text a.leran-mor span {
  display: inline-block;
  width: 79px;
  color: #2B2E4A;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 13px;
  padding: 0px;
  line-height: 13px;
  margin-right: 4px;
  visibility: hidden;
  margin-left: -79px;
  white-space: nowrap;
}
.real-bussnies-out .real-bussnies-mn .real-bussnies-right .real-bussnies-right-ar .real-bussnies-right-row .real-right-text a.leran-mor:hover {
  width: 123px;
}
.real-bussnies-out .real-bussnies-mn .real-bussnies-right .real-bussnies-right-ar .real-bussnies-right-row .real-right-text a.leran-mor:hover span {
  visibility: visible;
  margin-left: 0px;
}
@media screen and (max-width: 600px) {
  .real-bussnies-out .real-bussnies-mn .real-bussnies-right .real-bussnies-right-ar .real-bussnies-right-row .real-right-text {
    padding-left: 15px;
  }
}
.real-bussnies-out .real-bussnies-mn .real-bussnies-right .real-bussnies-right-ar .real-bussnies-right-row:last-child {
  border-bottom: none;
}
@media screen and (max-width: 991px) {
  .real-bussnies-out .real-bussnies-mn .real-bussnies-right {
    width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .real-bussnies-out .real-bussnies-mn {
    flex-wrap: wrap;
  }
}

.why-apple-outer {
  padding: 60px 0px;
}
.why-apple-outer .apple-head {
  padding-bottom: 0px;
}
@media screen and (max-width: 991px) {
  .why-apple-outer .apple-head {
    padding-bottom: 20px;
  }
}
.why-apple-outer .why-apple-row {
  display: flex;
  gap: 50px;
  align-items: center;
  padding: 28px 0px;
}
.why-apple-outer .why-apple-row .why-left-text {
  width: 50%;
}
.why-apple-outer .why-apple-row .why-left-text h3 {
  font-size: 40px;
  line-height: 123%;
  font-family: "Montserrat", sans-serif;
  color: #010101;
  font-weight: 700;
  padding-bottom: 15px;
}
.why-apple-outer .why-apple-row .why-left-text h3 span {
  font-weight: 400;
}
@media screen and (max-width: 1199px) {
  .why-apple-outer .why-apple-row .why-left-text h3 {
    font-size: 32px;
  }
}
@media screen and (max-width: 991px) {
  .why-apple-outer .why-apple-row .why-left-text h3 br {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .why-apple-outer .why-apple-row .why-left-text h3 {
    font-size: 25px;
  }
}
.why-apple-outer .why-apple-row .why-left-text h4 {
  font-size: 22px;
  line-height: 138%;
  font-family: "Montserrat", sans-serif;
  color: #626262;
  font-weight: 600;
  padding-bottom: 10px;
}
@media screen and (max-width: 1199px) {
  .why-apple-outer .why-apple-row .why-left-text h4 {
    font-size: 20px;
  }
}
@media screen and (max-width: 991px) {
  .why-apple-outer .why-apple-row .why-left-text h4 br {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .why-apple-outer .why-apple-row .why-left-text h4 {
    font-size: 18px;
  }
}
.why-apple-outer .why-apple-row .why-left-text p {
  font-size: 18px;
  line-height: 138%;
  font-family: "Montserrat", sans-serif;
  color: #626262;
  font-weight: 500;
}
@media screen and (max-width: 1199px) {
  .why-apple-outer .why-apple-row .why-left-text p {
    font-size: 16px;
  }
}
@media screen and (max-width: 991px) {
  .why-apple-outer .why-apple-row .why-left-text p br {
    display: none;
  }
}
.why-apple-outer .why-apple-row .why-left-text ul {
  list-style: disc;
  padding-left: 25px;
}
.why-apple-outer .why-apple-row .why-left-text ul li {
  font-size: 18px;
  line-height: 138%;
  font-family: "Montserrat", sans-serif;
  color: #626262;
  font-weight: 500;
  margin-bottom: 8px;
}
@media screen and (max-width: 1199px) {
  .why-apple-outer .why-apple-row .why-left-text ul li {
    font-size: 16px;
  }
}
@media screen and (max-width: 991px) {
  .why-apple-outer .why-apple-row .why-left-text ul li br {
    display: none;
  }
}
.why-apple-outer .why-apple-row .why-left-text h5 {
  font-size: 18px;
  line-height: 138%;
  font-family: "Montserrat", sans-serif;
  color: #000;
  font-weight: 700;
  padding-bottom: 5px;
}
.why-apple-outer .why-apple-row .why-left-text .why-startup-rw {
  display: flex;
  gap: 0px 20px;
  flex-wrap: wrap;
}
.why-apple-outer .why-apple-row .why-left-text .why-startup-rw .why-startup-bx {
  width: calc(50% - 25px);
  padding: 10px 0px 12px;
  border-top: 1px solid rgba(120, 120, 120, 0.5019607843);
}
.why-apple-outer .why-apple-row .why-left-text .why-startup-rw .why-startup-bx p {
  font-size: 17px;
  line-height: 138%;
  color: #000;
  margin-bottom: 0px;
  font-weight: 400;
}
.why-apple-outer .why-apple-row .why-left-text .why-startup-rw .why-startup-bx:first-child {
  border-top: none;
}
.why-apple-outer .why-apple-row .why-left-text .why-startup-rw .why-startup-bx:nth-child(2) {
  border-top: none;
}
@media screen and (max-width: 576px) {
  .why-apple-outer .why-apple-row .why-left-text .why-startup-rw .why-startup-bx:nth-child(2) {
    border-top: 1px solid rgba(120, 120, 120, 0.5019607843);
  }
}
@media screen and (max-width: 576px) {
  .why-apple-outer .why-apple-row .why-left-text .why-startup-rw .why-startup-bx {
    width: 100%;
  }
}
@media screen and (max-width: 576px) {
  .why-apple-outer .why-apple-row .why-left-text .why-startup-rw {
    gap: 0px;
  }
}
@media screen and (max-width: 991px) {
  .why-apple-outer .why-apple-row .why-left-text {
    width: 100%;
    padding-bottom: 0px;
    order: 2;
  }
}
.why-apple-outer .why-apple-row .why-right-img {
  width: 50%;
  overflow: hidden;
  border-radius: 30px;
  display: flex;
}
.why-apple-outer .why-apple-row .why-right-img img {
  width: 100%;
  border-radius: 30px;
  transition: all 0.5s;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 991px) {
  .why-apple-outer .why-apple-row .why-right-img {
    width: 100%;
    order: 1;
    margin-bottom: 30px;
  }
}
.why-apple-outer .why-apple-row .why-right-img:hover img {
  transform: scale(1.05);
}
.why-apple-outer .why-apple-row:nth-child(2n) {
  flex-direction: row-reverse;
}
@media screen and (max-width: 991px) {
  .why-apple-outer .why-apple-row {
    flex-wrap: wrap;
    gap: 0px;
    padding: 20px;
    box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.2);
    margin-bottom: 30px;
    border-radius: 30px;
  }
}

.bfsi-computer-outer {
  background: rgba(204, 192, 248, 0.3019607843);
  padding: 60px 0px;
}
.bfsi-computer-outer .apple-head {
  padding-bottom: 0px;
}
.bfsi-computer-outer .bfsi-computer-main {
  display: flex;
  gap: 13px;
  flex-wrap: wrap;
  justify-content: center;
}
.bfsi-computer-outer .bfsi-computer-main .bfsi-bx {
  width: calc(33.33% - 10px);
  border: 1px solid #F3F4FE;
  background: rgba(255, 255, 255, 0.8784313725);
  padding: 47px;
  display: flex;
  box-shadow: 0px 6px 100px 0px rgba(165, 153, 209, 0.3019607843);
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  transition: all 0.5s;
  transform: scale(1);
}
.bfsi-computer-outer .bfsi-computer-main .bfsi-bx h3 {
  font-size: 30px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: -1px;
  color: #000;
  text-align: center;
  line-height: 138%;
}
.bfsi-computer-outer .bfsi-computer-main .bfsi-bx h3 span {
  font-weight: 400;
}
@media screen and (max-width: 1399px) {
  .bfsi-computer-outer .bfsi-computer-main .bfsi-bx h3 {
    font-size: 29px;
  }
}
@media screen and (max-width: 1024px) {
  .bfsi-computer-outer .bfsi-computer-main .bfsi-bx h3 {
    font-size: 25px;
  }
}
@media screen and (max-width: 600px) {
  .bfsi-computer-outer .bfsi-computer-main .bfsi-bx h3 {
    font-size: 20px;
  }
}
@media screen and (max-width: 1199px) {
  .bfsi-computer-outer .bfsi-computer-main .bfsi-bx {
    padding: 30px;
  }
}
@media screen and (max-width: 991px) {
  .bfsi-computer-outer .bfsi-computer-main .bfsi-bx {
    width: calc(50% - 20px);
  }
}
@media screen and (max-width: 576px) {
  .bfsi-computer-outer .bfsi-computer-main .bfsi-bx {
    width: 100%;
  }
}
.bfsi-computer-outer .bfsi-computer-main .bfsi-bx:hover {
  transform: translateY(-5px) scale(1.02);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 12px 20px !important;
}

.why-apple-outer.why-apple-black-outer {
  background: rgba(0, 0, 0, 0.9215686275);
}
.why-apple-outer.why-apple-black-outer .apple-head h2 {
  color: #fff;
}
.why-apple-outer.why-apple-black-outer .why-apple-row {
  display: flex;
  gap: 50px;
  align-items: center;
  padding: 28px 0px;
}
.why-apple-outer.why-apple-black-outer .why-apple-row .why-left-text h3 {
  color: #FFFFFF;
}
.why-apple-outer.why-apple-black-outer .why-apple-row .why-left-text h4 {
  color: #DEDDDD;
}
.why-apple-outer.why-apple-black-outer .why-apple-row .why-left-text p {
  color: #DEDDDD;
}
.why-apple-outer.why-apple-black-outer .why-apple-row .why-left-text ul li {
  color: #DEDDDD;
}
.why-apple-outer.why-apple-black-outer .why-apple-row .why-left-text h5 {
  color: #fff;
}
.why-apple-outer.why-apple-black-outer .why-apple-row .why-left-text .why-startup-rw .why-startup-bx p {
  color: #DEDDDD;
}
@media screen and (max-width: 991px) {
  .why-apple-outer.why-apple-black-outer .why-apple-row .why-left-text {
    padding-bottom: 0px;
  }
}
@media screen and (max-width: 991px) {
  .why-apple-outer.why-apple-black-outer .why-apple-row {
    flex-wrap: wrap;
    gap: 0px;
    padding: 0px;
    box-shadow: none;
    margin-bottom: 30px;
    padding-bottom: 25px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 0px;
  }
  .why-apple-outer.why-apple-black-outer .why-apple-row:last-child {
    border-bottom: none;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }
}

.bfsi-computer-outer.bfsi-computer-bg-changes {
  background: #E8F3FF;
}
.bfsi-computer-outer.bfsi-computer-bg-changes .bfsi-computer-main .bfsi-bx {
  border: 2px solid rgba(165, 153, 209, 0.3019607843);
  background: rgba(255, 255, 255, 0.631372549);
  box-shadow: none;
}

.contact-form .wpcf7-response-output {
  display: none;
}

.apple-case-study-banner {
  position: relative;
}
.apple-case-study-banner figure {
  margin-bottom: 0px;
}
.apple-case-study-banner figure img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .apple-case-study-banner figure img {
    height: 300px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.apple-case-study-banner .case-study-text-outer {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  bottom: 0px;
  display: flex;
  align-items: center;
}
.apple-case-study-banner .case-study-text-outer .case-study-st {
  text-align: center;
  padding-bottom: 7px;
}
.apple-case-study-banner .case-study-text-outer .case-study-st h5 {
  display: inline-block;
  font-size: 20px;
  line-height: 123%;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #fff;
}
.apple-case-study-banner .case-study-text-outer .case-study-st h5 span {
  width: 13px;
  height: 13px;
  display: inline-block;
  background: #51D281;
  display: inline-block;
  margin-right: 10px;
  border-radius: 13px;
}
.apple-case-study-banner .case-study-text-outer h1 {
  text-align: center;
  font-size: 60px;
  line-height: 123%;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  color: #fff;
}
@media screen and (max-width: 1399px) {
  .apple-case-study-banner .case-study-text-outer h1 {
    font-size: 55px;
  }
}
@media screen and (max-width: 1199px) {
  .apple-case-study-banner .case-study-text-outer h1 {
    font-size: 45px;
  }
}
@media screen and (max-width: 767px) {
  .apple-case-study-banner .case-study-text-outer h1 {
    font-size: 30px;
  }
}

.case-study-apple-outer {
  padding: 60px 0px;
}
.case-study-apple-outer .nav-tabs {
  border: none;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
}
.case-study-apple-outer .nav-tabs .nav-item {
  padding: 0px 7px 14px;
}
.case-study-apple-outer .nav-tabs .nav-item .nav-link {
  border: 1px solid #7D7D7D;
  border-radius: 41px;
  padding: 19px 56px;
  font-size: 26px;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  color: #000000;
}
@media screen and (max-width: 1399px) {
  .case-study-apple-outer .nav-tabs .nav-item .nav-link {
    font-size: 22px;
  }
}
@media screen and (max-width: 1199px) {
  .case-study-apple-outer .nav-tabs .nav-item .nav-link {
    padding: 12px 30px;
    font-size: 18px;
  }
}
.case-study-apple-outer .nav-tabs .nav-item .nav-link.active {
  background: #036CD5;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .case-study-apple-outer .nav-tabs {
    display: none;
  }
}
.case-study-apple-outer .tab-content.accordion {
  padding: 50px 0px;
}
.case-study-apple-outer .tab-content.accordion .tab-pane {
  border: none;
  border-radius: 0px;
}
.case-study-apple-outer .tab-content.accordion .tab-pane .accordion-body {
  padding: 0px;
}
.case-study-apple-outer .tab-content.accordion .tab-pane .accordion-body .case-row {
  display: flex;
  align-items: center;
  padding: 50px 0px;
  border-bottom: 1px solid #CCCCCC;
}
.case-study-apple-outer .tab-content.accordion .tab-pane .accordion-body .case-row .case-left-text {
  width: 50%;
  padding-right: 15px;
}
.case-study-apple-outer .tab-content.accordion .tab-pane .accordion-body .case-row .case-left-text h2 {
  font-size: 40px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  color: #000000;
  line-height: 130%;
  padding-bottom: 30px;
}
.case-study-apple-outer .tab-content.accordion .tab-pane .accordion-body .case-row .case-left-text h2 span {
  font-weight: 400;
}
@media screen and (max-width: 1199px) {
  .case-study-apple-outer .tab-content.accordion .tab-pane .accordion-body .case-row .case-left-text h2 {
    font-size: 30px;
  }
}
@media screen and (max-width: 767px) {
  .case-study-apple-outer .tab-content.accordion .tab-pane .accordion-body .case-row .case-left-text h2 {
    font-size: 25px;
    padding-bottom: 14px;
  }
  .case-study-apple-outer .tab-content.accordion .tab-pane .accordion-body .case-row .case-left-text h2 br {
    display: none;
  }
}
.case-study-apple-outer .tab-content.accordion .tab-pane .accordion-body .case-row .case-left-text a {
  border: 1px solid #000000;
  padding: 6px 15px;
  display: inline-block;
  font-size: 13px;
  color: #2B2E4A;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  text-decoration: none;
  display: inline-block;
  border-radius: 40px;
  line-height: 18px;
  transition: all 0.5s;
}
.case-study-apple-outer .tab-content.accordion .tab-pane .accordion-body .case-row .case-left-text a img {
  margin-left: 8px;
}
.case-study-apple-outer .tab-content.accordion .tab-pane .accordion-body .case-row .case-left-text a:hover {
  background: #000000;
  color: #fff;
}
.case-study-apple-outer .tab-content.accordion .tab-pane .accordion-body .case-row .case-left-text a:hover img {
  filter: invert(100);
}
@media screen and (max-width: 767px) {
  .case-study-apple-outer .tab-content.accordion .tab-pane .accordion-body .case-row .case-left-text {
    width: 100%;
    padding-right: 0px;
    order: 2;
  }
}
.case-study-apple-outer .tab-content.accordion .tab-pane .accordion-body .case-row .case-right-img {
  width: 50%;
  padding-left: 15px;
}
.case-study-apple-outer .tab-content.accordion .tab-pane .accordion-body .case-row .case-right-img figure {
  margin-bottom: 0px;
  overflow: hidden;
  border-radius: 30px;
}
.case-study-apple-outer .tab-content.accordion .tab-pane .accordion-body .case-row .case-right-img figure img {
  width: 100%;
  transition: all 0.5s;
}
.case-study-apple-outer .tab-content.accordion .tab-pane .accordion-body .case-row .case-right-img figure:hover img {
  transform: scale(1.05);
}
@media screen and (max-width: 767px) {
  .case-study-apple-outer .tab-content.accordion .tab-pane .accordion-body .case-row .case-right-img {
    width: 100%;
    padding-left: 0px;
    order: 1;
    padding-bottom: 30px;
  }
}
.case-study-apple-outer .tab-content.accordion .tab-pane .accordion-body .case-row:last-child {
  border-bottom: none;
}
@media screen and (max-width: 767px) {
  .case-study-apple-outer .tab-content.accordion .tab-pane .accordion-body .case-row {
    flex-wrap: wrap;
    padding: 30px 0px;
  }
}
.case-study-apple-outer .tab-content.accordion .tab-pane .load-more a {
  background: #036CD5;
  display: inline-block;
  padding: 15px 64px;
  border-radius: 60px;
  font-size: 20px;
  line-height: 123%;
  font-family: "Montserrat", sans-serif;
  border: 1px solid #036CD5;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
  transition: all 0.5s;
}
.case-study-apple-outer .tab-content.accordion .tab-pane .load-more a:hover {
  background: rgb(255, 255, 255);
  color: rgb(0, 128, 255);
}
@media screen and (max-width: 1199px) {
  .case-study-apple-outer .tab-content.accordion .tab-pane .load-more a {
    font-size: 18px;
    padding: 12px 50px;
  }
}
.case-study-apple-outer .tab-content.accordion .tab-pane .accordion-header {
  display: none;
}
@media screen and (max-width: 767px) {
  .case-study-apple-outer .tab-content.accordion .tab-pane .accordion-header {
    display: block;
  }
  .case-study-apple-outer .tab-content.accordion .tab-pane .accordion-header .accordion-button {
    box-shadow: none !important;
    border: 1px solid #ccc;
    border-radius: 6px;
    margin-bottom: 5px;
  }
  .case-study-apple-outer .tab-content.accordion .tab-pane .accordion-header .accordion-button:not(.collapsed) {
    background: #036CD5;
    color: #fff;
  }
  .case-study-apple-outer .tab-content.accordion .tab-pane .accordion-header .accordion-button:not(.collapsed)::after {
    filter: brightness(0) invert(100);
  }
}
@media screen and (max-width: 767px) {
  .case-study-apple-outer .tab-content.accordion .tab-pane {
    display: block;
    opacity: 1;
  }
}
@media screen and (max-width: 767px) {
  .case-study-apple-outer .tab-content.accordion .tab-pane .accordion-collapse.show {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  .case-study-apple-outer .tab-content.accordion {
    padding: 0px;
  }
}

.apple-ready-write-outer {
  padding: 82px 0px;
  background: #FAFAFC;
}
.apple-ready-write-outer .ready-main {
  max-width: 700px;
  margin: 0 auto;
}
.apple-ready-write-outer .ready-main h2 {
  font-size: 40px;
  line-height: 123%;
  color: #1E1E1E;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  text-align: center;
  padding-bottom: 20px;
}
@media screen and (max-width: 1199px) {
  .apple-ready-write-outer .ready-main h2 {
    font-size: 35px;
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 991px) {
  .apple-ready-write-outer .ready-main h2 br {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .apple-ready-write-outer .ready-main h2 {
    font-size: 30px;
  }
}
.apple-ready-write-outer .ready-main p {
  font-size: 24px;
  line-height: 120%;
  color: #000000;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  text-align: center;
  padding-bottom: 30px;
}
@media screen and (max-width: 991px) {
  .apple-ready-write-outer .ready-main p {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .apple-ready-write-outer .ready-main p {
    font-size: 18px;
  }
}
.apple-ready-write-outer .ready-main .ready-btn-area {
  display: flex;
  gap: 20px;
  justify-content: center;
}
.apple-ready-write-outer .ready-main .ready-btn-area .sehedule-btn {
  padding: 14px 41px;
  border-radius: 40px;
  background: #474F62;
  font-size: 14px;
  line-height: 123%;
  color: #fff;
  display: flex;
  text-decoration: none;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  width: 316px;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #474F62;
  transition: all 0.5s;
}
.apple-ready-write-outer .ready-main .ready-btn-area .sehedule-btn .sehedule-ico {
  margin-left: 8px;
}
.apple-ready-write-outer .ready-main .ready-btn-area .sehedule-btn .right-white {
  margin-right: 8px;
}
.apple-ready-write-outer .ready-main .ready-btn-area .sehedule-btn:hover {
  border: 1px solid #000000;
  background: rgba(217, 217, 217, 0.1607843137);
  color: #000;
}
.apple-ready-write-outer .ready-main .ready-btn-area .sehedule-btn:hover img {
  filter: invert(100);
}
.apple-ready-write-outer .ready-main .ready-btn-area .studies-btn {
  border: 1px solid #000000;
  background: rgba(217, 217, 217, 0.1607843137);
  padding: 14px 41px;
  border-radius: 40px;
  font-size: 14px;
  line-height: 123%;
  display: flex;
  text-decoration: none;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  width: 286px;
  align-items: center;
  justify-content: space-between;
  color: #000;
  transition: all 0.5s;
}
.apple-ready-write-outer .ready-main .ready-btn-area .studies-btn:hover {
  border: 1px solid #474F62;
  background: #474F62;
  color: #fff;
}
.apple-ready-write-outer .ready-main .ready-btn-area .studies-btn:hover img {
  filter: invert(100);
}
@media screen and (max-width: 767px) {
  .apple-ready-write-outer .ready-main .ready-btn-area {
    flex-wrap: wrap;
  }
}

.apple-case-study-details-banner {
  padding: 100px 0px;
}
.apple-case-study-details-banner .apple-case-study-details-main h1 {
  font-size: 80px;
  line-height: 123%;
  color: #000;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  text-align: center;
  padding-bottom: 10px;
}
@media screen and (max-width: 1399px) {
  .apple-case-study-details-banner .apple-case-study-details-main h1 {
    font-size: 55px;
  }
}
@media screen and (max-width: 1199px) {
  .apple-case-study-details-banner .apple-case-study-details-main h1 {
    font-size: 45px;
  }
}
@media screen and (max-width: 991px) {
  .apple-case-study-details-banner .apple-case-study-details-main h1 {
    font-size: 30px;
  }
}
.apple-case-study-details-banner .apple-case-study-details-main h3 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 40px;
  line-height: 123%;
  color: #000;
  text-align: center;
}
@media screen and (max-width: 1399px) {
  .apple-case-study-details-banner .apple-case-study-details-main h3 {
    font-size: 34px;
  }
}
@media screen and (max-width: 1199px) {
  .apple-case-study-details-banner .apple-case-study-details-main h3 {
    font-size: 30px;
  }
}
@media screen and (max-width: 992px) {
  .apple-case-study-details-banner .apple-case-study-details-main h3 {
    font-size: 22px;
  }
}
@media screen and (max-width: 767px) {
  .apple-case-study-details-banner {
    padding: 50px 0px;
  }
}

.apple-case-study-counter-outer {
  position: relative;
  overflow: hidden;
  display: flex;
}
.apple-case-study-counter-outer figure {
  margin-bottom: 0px;
  display: flex;
  width: 100%;
}
.apple-case-study-counter-outer figure img {
  width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.apple-case-study-counter-outer .case-study-counter-main {
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 100%;
  left: 0px;
  display: flex;
  align-items: flex-end;
}
.apple-case-study-counter-outer .case-study-counter-main .study-main-counter {
  display: flex;
  justify-content: flex-end;
}
.apple-case-study-counter-outer .case-study-counter-main .study-main-counter .study-counter {
  display: flex;
  gap: 40px;
  margin-bottom: 100px;
  width: 80%;
  background: #fff;
  padding: 23px 35px;
}
.apple-case-study-counter-outer .case-study-counter-main .study-main-counter .study-counter .study-bx {
  width: calc(25% - 29px);
}
.apple-case-study-counter-outer .case-study-counter-main .study-main-counter .study-counter .study-bx label {
  width: 100%;
  display: block;
  font-size: 16px;
  line-height: 123%;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  color: #7D7D7D;
  padding-bottom: 9px;
}
.apple-case-study-counter-outer .case-study-counter-main .study-main-counter .study-counter .study-bx h5 {
  font-size: 20px;
  line-height: 123%;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #000;
  margin-bottom: 0px;
}
@media screen and (max-width: 1199px) {
  .apple-case-study-counter-outer .case-study-counter-main .study-main-counter .study-counter .study-bx h5 {
    font-size: 18px;
  }
}
@media screen and (max-width: 600px) {
  .apple-case-study-counter-outer .case-study-counter-main .study-main-counter .study-counter .study-bx h5 {
    font-size: 16px;
  }
}
.apple-case-study-counter-outer .case-study-counter-main .study-main-counter .study-counter .study-bx h3 {
  font-size: 30px;
  line-height: 100%;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #000;
  margin-bottom: 0px;
}
@media screen and (max-width: 1199px) {
  .apple-case-study-counter-outer .case-study-counter-main .study-main-counter .study-counter .study-bx h3 {
    font-size: 25px;
  }
}
@media screen and (max-width: 991px) {
  .apple-case-study-counter-outer .case-study-counter-main .study-main-counter .study-counter .study-bx {
    width: calc(50% - 29px);
  }
}
@media screen and (max-width: 600px) {
  .apple-case-study-counter-outer .case-study-counter-main .study-main-counter .study-counter .study-bx {
    width: calc(50% - 12px);
  }
}
.apple-case-study-counter-outer .case-study-counter-main .study-main-counter .study-counter .study-bx:nth-child(3) label {
  min-height: 50px;
}
@media screen and (max-width: 1199px) {
  .apple-case-study-counter-outer .case-study-counter-main .study-main-counter .study-counter {
    max-width: 950px;
    min-width: 950px;
  }
}
@media screen and (max-width: 991px) {
  .apple-case-study-counter-outer .case-study-counter-main .study-main-counter .study-counter {
    flex-wrap: wrap;
    max-width: 550px;
    min-width: 550px;
  }
}
@media screen and (max-width: 600px) {
  .apple-case-study-counter-outer .case-study-counter-main .study-main-counter .study-counter {
    margin-bottom: 30px;
    max-width: 100%;
    min-width: 100%;
    gap: 20px;
    padding: 20px;
  }
}
@media screen and (max-width: 991px) {
  .apple-case-study-counter-outer {
    height: 417px;
  }
}

.apple-the-chalange-outer {
  padding: 60px 0px;
}
.apple-the-chalange-outer .the-chalange-main {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
}
.apple-the-chalange-outer .the-chalange-main .the-chalange-left {
  width: 40%;
}
.apple-the-chalange-outer .the-chalange-main .the-chalange-left h2 {
  font-size: 80px;
  line-height: 100%;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  color: #2F2F2F;
  padding-bottom: 20px;
}
@media screen and (max-width: 1399px) {
  .apple-the-chalange-outer .the-chalange-main .the-chalange-left h2 {
    font-size: 55px;
  }
}
@media screen and (max-width: 1199px) {
  .apple-the-chalange-outer .the-chalange-main .the-chalange-left h2 {
    font-size: 45px;
  }
}
@media screen and (max-width: 767px) {
  .apple-the-chalange-outer .the-chalange-main .the-chalange-left h2 {
    font-size: 30px;
  }
}
.apple-the-chalange-outer .the-chalange-main .the-chalange-left p {
  font-size: 20px;
  line-height: 138%;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  color: #000000;
  padding-bottom: 10px;
}
@media screen and (max-width: 991px) {
  .apple-the-chalange-outer .the-chalange-main .the-chalange-left p {
    font-size: 18px;
  }
  .apple-the-chalange-outer .the-chalange-main .the-chalange-left p br {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .apple-the-chalange-outer .the-chalange-main .the-chalange-left p {
    font-size: 16px;
  }
}
@media screen and (max-width: 1199px) {
  .apple-the-chalange-outer .the-chalange-main .the-chalange-left {
    width: 50%;
  }
}
@media screen and (max-width: 991px) {
  .apple-the-chalange-outer .the-chalange-main .the-chalange-left {
    width: 100%;
  }
}
.apple-the-chalange-outer .the-chalange-main .the-chalange-right {
  width: 50%;
  padding-left: 30px;
}
.apple-the-chalange-outer .the-chalange-main .the-chalange-right .the-chalange-rw {
  background: linear-gradient(180deg, #FFF6EC 0%, #FBFBFB 100%);
  padding: 17px 25px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  margin-bottom: 14px;
  transition: all 0.5s;
  transform: scale(1);
}
.apple-the-chalange-outer .the-chalange-main .the-chalange-right .the-chalange-rw span {
  font-size: 80px;
  line-height: 123%;
  color: rgba(0, 0, 0, 0.3);
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}
@media screen and (max-width: 1399px) {
  .apple-the-chalange-outer .the-chalange-main .the-chalange-right .the-chalange-rw span {
    font-size: 55px;
  }
}
@media screen and (max-width: 1199px) {
  .apple-the-chalange-outer .the-chalange-main .the-chalange-right .the-chalange-rw span {
    font-size: 45px;
  }
}
@media screen and (max-width: 767px) {
  .apple-the-chalange-outer .the-chalange-main .the-chalange-right .the-chalange-rw span {
    font-size: 30px;
  }
}
.apple-the-chalange-outer .the-chalange-main .the-chalange-right .the-chalange-rw p {
  padding-left: 30px;
  margin: 0px;
  font-size: 20px;
  line-height: 138%;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #000;
}
@media screen and (max-width: 1199px) {
  .apple-the-chalange-outer .the-chalange-main .the-chalange-right .the-chalange-rw p br {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  .apple-the-chalange-outer .the-chalange-main .the-chalange-right .the-chalange-rw p {
    font-size: 18px;
  }
}
@media screen and (max-width: 600px) {
  .apple-the-chalange-outer .the-chalange-main .the-chalange-right .the-chalange-rw p {
    font-size: 16px;
    padding-left: 15px;
  }
}
.apple-the-chalange-outer .the-chalange-main .the-chalange-right .the-chalange-rw:nth-child(2n) {
  background: linear-gradient(180deg, #F4ECFF 0%, #FBFBFB 100%);
}
.apple-the-chalange-outer .the-chalange-main .the-chalange-right .the-chalange-rw:hover {
  transform: scale(1.02);
}
@media screen and (max-width: 991px) {
  .apple-the-chalange-outer .the-chalange-main .the-chalange-right .the-chalange-rw {
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 991px) {
  .apple-the-chalange-outer .the-chalange-main .the-chalange-right {
    width: 100%;
    padding-left: 0px;
  }
}
@media screen and (max-width: 991px) {
  .apple-the-chalange-outer .the-chalange-main {
    flex-wrap: wrap;
  }
}

.apple-the-solution-outer {
  padding: 60px 0px 80px;
  background: url(../images/apple-lmages/apple-solution-bg.webp) no-repeat;
  background-size: cover;
}
.apple-the-solution-outer .apple-head h2 {
  color: #fff;
  padding-bottom: 5px;
}
.apple-the-solution-outer .apple-head p {
  text-align: center;
  font-size: 20px;
  line-height: 138%;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 1199px) {
  .apple-the-solution-outer .apple-head p br {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  .apple-the-solution-outer .apple-head p {
    font-size: 18px;
  }
}
@media screen and (max-width: 600px) {
  .apple-the-solution-outer .apple-head p {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .apple-the-solution-outer .apple-head {
    padding-bottom: 20px;
  }
}
.apple-the-solution-outer .the-solution-main {
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
}
.apple-the-solution-outer .the-solution-main .the-solution-bx {
  display: flex;
  width: calc(50% - 30px);
  align-items: center;
  transition: all 0.5s;
  transform: scale(1);
}
.apple-the-solution-outer .the-solution-main .the-solution-bx span {
  width: 68px;
  height: 68px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  margin-right: 20px;
  min-width: 68px;
  padding: 10px;
}
@media screen and (max-width: 600px) {
  .apple-the-solution-outer .the-solution-main .the-solution-bx span {
    min-width: 48px;
    width: 48px;
    height: 48px;
  }
}
.apple-the-solution-outer .the-solution-main .the-solution-bx span img {
  max-width: 100%;
}
.apple-the-solution-outer .the-solution-main .the-solution-bx p {
  margin-bottom: 0px;
  font-size: 20px;
  line-height: 138%;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 1199px) {
  .apple-the-solution-outer .the-solution-main .the-solution-bx p br {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  .apple-the-solution-outer .the-solution-main .the-solution-bx p {
    font-size: 18px;
  }
}
@media screen and (max-width: 600px) {
  .apple-the-solution-outer .the-solution-main .the-solution-bx p {
    font-size: 16px;
  }
}
.apple-the-solution-outer .the-solution-main .the-solution-bx:hover {
  transform: scale(1.02);
}
@media screen and (max-width: 767px) {
  .apple-the-solution-outer .the-solution-main .the-solution-bx {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .apple-the-solution-outer .the-solution-main {
    gap: 20px;
  }
}

.apple-the-impact-outer {
  padding: 60px 0px;
}
.apple-the-impact-outer .apple-head h2 {
  color: #000;
  padding-bottom: 5px;
}
.apple-the-impact-outer .apple-head p {
  text-align: center;
  font-size: 20px;
  line-height: 138%;
  color: #000;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 991px) {
  .apple-the-impact-outer .apple-head p {
    font-size: 18px;
  }
  .apple-the-impact-outer .apple-head p br {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .apple-the-impact-outer .apple-head {
    padding-bottom: 10px;
  }
}
.apple-the-impact-outer .the-impact-main {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.apple-the-impact-outer .the-impact-main .the-imapct-bx {
  width: calc(25% - 9px);
  border: 1px solid #E5E5E5;
  border-radius: 20px;
  padding: 42px 29px;
  box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, 0.0509803922);
  transition: all 0.5s;
  transform: scale(1);
}
.apple-the-impact-outer .the-impact-main .the-imapct-bx figure span {
  width: 63px;
  height: 63px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  margin-right: 20px;
}
.apple-the-impact-outer .the-impact-main .the-imapct-bx h3 {
  font-size: 40px;
  line-height: 138%;
  color: #000;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}
@media screen and (max-width: 1199px) {
  .apple-the-impact-outer .the-impact-main .the-imapct-bx h3 {
    font-size: 30px;
  }
}
.apple-the-impact-outer .the-impact-main .the-imapct-bx h4 {
  font-size: 24px;
  line-height: 100%;
  color: #000;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  min-height: 76px;
}
@media screen and (max-width: 1199px) {
  .apple-the-impact-outer .the-impact-main .the-imapct-bx h4 {
    font-size: 18px;
  }
}
@media screen and (max-width: 991px) {
  .apple-the-impact-outer .the-impact-main .the-imapct-bx h4 {
    min-height: 45px;
  }
  .apple-the-impact-outer .the-impact-main .the-imapct-bx h4 br {
    display: none;
  }
}
@media screen and (max-width: 576px) {
  .apple-the-impact-outer .the-impact-main .the-imapct-bx h4 {
    min-height: unset;
    padding-bottom: 10px;
  }
}
.apple-the-impact-outer .the-impact-main .the-imapct-bx h5 {
  font-size: 25px;
  line-height: 120%;
  color: #000;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  min-height: 140px;
}
@media screen and (max-width: 1199px) {
  .apple-the-impact-outer .the-impact-main .the-imapct-bx h5 {
    font-size: 20px;
  }
}
@media screen and (max-width: 991px) {
  .apple-the-impact-outer .the-impact-main .the-imapct-bx h5 {
    min-height: 95px;
  }
  .apple-the-impact-outer .the-impact-main .the-imapct-bx h5 br {
    display: none;
  }
}
@media screen and (max-width: 576px) {
  .apple-the-impact-outer .the-impact-main .the-imapct-bx h5 {
    min-height: unset;
    padding-bottom: 10px;
  }
}
.apple-the-impact-outer .the-impact-main .the-imapct-bx p {
  font-size: 18px;
  line-height: 120%;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  color: #555555;
}
@media screen and (max-width: 991px) {
  .apple-the-impact-outer .the-impact-main .the-imapct-bx p br {
    display: none;
  }
}
.apple-the-impact-outer .the-impact-main .the-imapct-bx:hover {
  transform: scale(1.02);
}
@media screen and (max-width: 1199px) {
  .apple-the-impact-outer .the-impact-main .the-imapct-bx {
    padding: 20px 15px;
  }
}
@media screen and (max-width: 991px) {
  .apple-the-impact-outer .the-impact-main .the-imapct-bx {
    width: calc(50% - 9px);
  }
}
@media screen and (max-width: 576px) {
  .apple-the-impact-outer .the-impact-main .the-imapct-bx {
    width: 100%;
  }
}

.apple-lifecycle-service {
  background: #F5F5F5;
  padding: 60px 0;
}
.apple-lifecycle-service .apple-head h2 {
  padding-bottom: 10px;
}
.apple-lifecycle-service .apple-head p {
  font-size: 20px;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  color: #000;
  line-height: 123%;
}
@media screen and (max-width: 992px) {
  .apple-lifecycle-service .apple-head p {
    font-size: 18px;
  }
}
.apple-lifecycle-service .service-card {
  background-color: #fff;
  border-radius: 20px;
  padding: 30px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: all 0.3s ease-in-out;
  min-height: 235px;
}
.apple-lifecycle-service .service-card h3 {
  font-size: 20px;
  font-family: "Montserrat", sans-serif;
  min-height: 50px;
  font-weight: 600;
  line-height: 123%;
  color: #000;
  margin-bottom: 25px;
}
@media screen and (max-width: 992px) {
  .apple-lifecycle-service .service-card h3 {
    font-size: 18px;
  }
}
.apple-lifecycle-service .service-card p {
  font-size: 15px;
  font-family: "Montserrat", sans-serif;
  line-height: 123%;
  color: #000;
}
.apple-lifecycle-service .service-card .card-footer-bar {
  width: 40px;
  height: 4px;
  border-radius: 2px;
  background: linear-gradient(90deg, #E95454 0%, #276EE3 100%);
}
.apple-lifecycle-service .service-card:hover {
  transform: translateY(-5px) scale(1.02);
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1);
}

.apple-what-is-mec {
  padding: 20px 0 60px 0;
}
.apple-what-is-mec .apple-head h2 {
  padding-bottom: 10px;
}
.apple-what-is-mec .apple-head p {
  font-size: 22px;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  color: #000;
  line-height: 143%;
}
@media screen and (max-width: 992px) {
  .apple-what-is-mec .apple-head p {
    font-size: 20px;
  }
}
@media screen and (max-width: 1199px) {
  .apple-what-is-mec .apple-head p br {
    display: none;
  }
}
.apple-what-is-mec .apple-head figure img {
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .apple-what-is-mec .apple-head {
    padding-bottom: 0px;
  }
}
.apple-what-is-mec .mec-left {
  padding-left: 80px;
}
@media screen and (max-width: 1199px) {
  .apple-what-is-mec .mec-left {
    padding-left: 20px;
  }
}
.apple-what-is-mec .mec-right {
  padding-left: 80px;
  padding-right: 40px;
}
.apple-what-is-mec .mec-right p {
  font-size: 22px;
  font-family: "Montserrat", sans-serif;
  border-bottom: 1px dashed #7A7A7A;
  font-weight: 500;
  color: #000;
  line-height: 143%;
  padding-bottom: 35px;
}
@media screen and (max-width: 992px) {
  .apple-what-is-mec .mec-right p {
    font-size: 20px;
  }
}
.apple-what-is-mec .mec-right p:last-child {
  border-bottom: none;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
@media screen and (max-width: 767px) {
  .apple-what-is-mec .mec-right {
    padding-left: 20px;
    padding-right: 10px;
  }
}
.apple-what-is-mec.team-computers {
  padding-bottom: 0;
}
.apple-what-is-mec.team-computers .learn-more {
  width: 237px;
  height: 56px;
  display: flex;
  align-items: center;
  border-radius: 60px;
  justify-content: center;
  background: #036CD5;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-style: SemiBold;
  font-size: 20px;
  color: #fff;
  text-decoration: none;
  line-height: 123%;
  letter-spacing: 0%;
  text-transform: capitalize;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 992px) {
  .apple-what-is-mec.team-computers .learn-more {
    font-size: 16px;
  }
}
.apple-what-is-mec.team-computers .learn-more:hover {
  background: #000;
}

.apple-why-mac-at-work {
  padding: 0 0 60px 0;
}
.apple-why-mac-at-work .container {
  background: #FAFAFC;
  padding: 60px 80px 60px 100px;
  border-radius: 20px;
}
.apple-why-mac-at-work .container .apple-head h2 {
  padding-bottom: 0;
  margin-bottom: 0;
}
.apple-why-mac-at-work .container .stat-box {
  text-align: left;
  padding: 20px;
}
@media screen and (max-width: 767px) {
  .apple-why-mac-at-work .container .stat-box {
    width: 50%;
    text-align: center;
  }
  .apple-why-mac-at-work .container .stat-box .gradient-bar {
    margin: 0 auto 20px !important;
  }
  .apple-why-mac-at-work .container .stat-box .d-flex.align-items-baseline {
    justify-content: center;
  }
}
@media screen and (max-width: 500px) {
  .apple-why-mac-at-work .container .stat-box {
    width: 100%;
  }
}
.apple-why-mac-at-work .container .stat-box .stat-title {
  font-size: 50px;
  font-weight: 700;
  margin-top: 10px;
  color: #000;
  font-family: "Montserrat", sans-serif;
}
@media screen and (max-width: 1199px) {
  .apple-why-mac-at-work .container .stat-box .stat-title {
    font-size: 40px;
  }
}
.apple-why-mac-at-work .container .stat-box .stat-suffix {
  font-size: 50px;
  font-weight: 700;
  margin-top: 10px;
  color: #000;
  font-family: "Montserrat", sans-serif;
}
@media screen and (max-width: 1199px) {
  .apple-why-mac-at-work .container .stat-box .stat-suffix {
    font-size: 40px;
  }
}
.apple-why-mac-at-work .container .stat-box .stat-description {
  font-size: 18px;
  font-family: "Montserrat", sans-serif;
  color: #000;
  margin-top: 20px;
}
@media screen and (max-width: 992px) {
  .apple-why-mac-at-work .container .stat-box .stat-description {
    font-size: 16px;
  }
}
.apple-why-mac-at-work .container .stat-box h4 {
  font-size: 18px;
  font-family: "Montserrat", sans-serif;
  color: #000;
  margin-top: 0px;
}
@media screen and (max-width: 992px) {
  .apple-why-mac-at-work .container .stat-box h4 {
    font-size: 16px;
  }
}
.apple-why-mac-at-work .container .stat-box .gradient-bar {
  width: 91px;
  height: 4px;
  margin: 0 0 20px;
  border-radius: 2px;
  background: linear-gradient(to right, #ff4b5c, #0052cc);
}
@media screen and (max-width: 992px) {
  .apple-why-mac-at-work .container {
    padding: 60px 20px 60px 20px;
  }
}

.apple-where-we-help {
  padding: 0 0 60px 0;
}
.apple-where-we-help .apple-head h2 {
  padding-bottom: 0;
  margin-bottom: 0;
}
.apple-where-we-help .icon-box {
  background: #FAFAFC;
  border-radius: 20px;
  height: 100%;
  padding: 50px;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 992px) {
  .apple-where-we-help .icon-box {
    padding: 30px;
  }
}
.apple-where-we-help .icon-box img {
  margin-bottom: 20px;
}
.apple-where-we-help .icon-box h6 {
  font-size: 20px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  line-height: 123%;
  color: #000;
  margin-bottom: 10px;
}
@media screen and (max-width: 992px) {
  .apple-where-we-help .icon-box h6 {
    font-size: 18px;
  }
}
.apple-where-we-help .icon-box p {
  font-size: 15px;
  font-family: "Montserrat", sans-serif;
  line-height: 123%;
  color: #000;
}
.apple-where-we-help .icon-box:hover {
  transform: translateY(-5px) scale(1.02);
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1);
}

.px-6 {
  padding: 0 100px;
}
@media screen and (max-width: 1199px) {
  .px-6 {
    padding: 0 15px;
  }
}

.apple-our-deployments {
  padding: 40px 0 0 0;
}
.apple-our-deployments .apple-head h3 {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-style: Medium;
  font-size: 40px;
  line-height: 123%;
  letter-spacing: 0%;
  text-align: center;
  color: #E7DBDB;
  margin-bottom: 0;
}
@media screen and (max-width: 992px) {
  .apple-our-deployments .apple-head h3 {
    font-size: 30px;
  }
}
@media screen and (max-width: 767px) {
  .apple-our-deployments .apple-head h3 {
    font-size: 24px;
  }
}

.apple-key-fetaures {
  padding-bottom: 60px;
}
.apple-key-fetaures .apple-head {
  padding-bottom: 0;
}
@media screen and (max-width: 1199px) {
  .apple-key-fetaures .apple-head {
    padding-bottom: 10px;
  }
}
.apple-key-fetaures .key-fatures-inner {
  background: url(../images/apple-lmages/key-fetaures-bg.webp) top left no-repeat;
  background-size: cover;
  border-radius: 17px !important;
}
.apple-key-fetaures .key-fatures-inner .rounded {
  border-radius: 17px !important;
}
.apple-key-fetaures .key-fatures-inner .rounded img {
  padding-bottom: 30px;
}
.apple-key-fetaures .key-fatures-inner .rounded h5 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 26px;
  color: #000;
  line-height: 138%;
  letter-spacing: 0%;
}
@media screen and (max-width: 992px) {
  .apple-key-fetaures .key-fatures-inner .rounded h5 {
    font-size: 20px;
  }
}
.apple-key-fetaures .key-fatures-inner .rounded p {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-style: Medium;
  font-size: 20px;
  line-height: 138%;
  letter-spacing: 0%;
  text-align: center;
  color: #000;
}
@media screen and (max-width: 992px) {
  .apple-key-fetaures .key-fatures-inner .rounded p {
    font-size: 16px;
  }
  .apple-key-fetaures .key-fatures-inner .rounded p br {
    display: none;
  }
}
.apple-key-fetaures .key-fatures-inner p {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-style: Medium;
  font-size: 20px;
  line-height: 138%;
  letter-spacing: 0%;
  text-align: center;
  color: #000;
}
@media screen and (max-width: 992px) {
  .apple-key-fetaures .key-fatures-inner p {
    font-size: 18px;
  }
}
.apple-key-fetaures .heading-text {
  border-radius: 33px;
}
.apple-key-fetaures .heading-text h6 {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 22px;
  line-height: 138%;
  letter-spacing: 0%;
  color: #000;
  margin-bottom: 15px;
}
@media screen and (max-width: 992px) {
  .apple-key-fetaures .heading-text h6 {
    font-size: 18px;
  }
}
.apple-key-fetaures .heading-text ul li {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 138%;
  letter-spacing: 0%;
  color: #000;
  margin-bottom: 10px;
  position: relative;
  padding-left: 25px;
}
.apple-key-fetaures .heading-text ul li:before {
  position: absolute;
  left: 0;
  top: 10px;
  display: block;
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background: #000;
}
@media screen and (max-width: 992px) {
  .apple-key-fetaures .heading-text ul li {
    font-size: 16px;
  }
}
@media screen and (max-width: 600px) {
  .apple-key-fetaures .heading-text {
    padding: 30px !important;
  }
}

.apple-financial-solutions-section {
  padding: 60px 0;
  margin-top: 60px;
  background: url(../images/apple-lmages/flexible-financial-solution-bg.jpg) top left no-repeat;
  background-size: cover;
}
@media screen and (max-width: 1199px) {
  .apple-financial-solutions-section .apple-head p br {
    display: none;
  }
}
.apple-financial-solutions-section .container {
  max-width: 1100px;
}
.apple-financial-solutions-section .container .flex-solution {
  border-radius: 27px;
  padding: 50px 70px !important;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 991px) {
  .apple-financial-solutions-section .container .flex-solution {
    padding: 30px 20px !important;
  }
}
.apple-financial-solutions-section .container .flex-solution img {
  margin-bottom: 20px;
}
.apple-financial-solutions-section .container .flex-solution h6 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-style: Bold;
  font-size: 22px;
  line-height: 123%;
  letter-spacing: 0%;
  text-align: center;
}
@media screen and (max-width: 992px) {
  .apple-financial-solutions-section .container .flex-solution h6 {
    font-size: 18px;
  }
}
.apple-financial-solutions-section .container .flex-solution:hover {
  transform: translateY(-5px) scale(1.02);
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1);
}

.apple-flexible-financial-payment {
  padding: 60px 0;
}
.apple-flexible-financial-payment .container {
  max-width: 1260px;
}
.apple-flexible-financial-payment .container .apple-head h2 {
  padding-bottom: 0;
}
.apple-flexible-financial-payment .container .rounded {
  border-radius: 22px !important;
  border: 1px solid #FFFFFF;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.0705882353) !important;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  line-height: 123%;
  letter-spacing: 0%;
  text-transform: capitalize;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 992px) {
  .apple-flexible-financial-payment .container .rounded {
    font-size: 20px;
    padding: 40px 20px !important;
  }
}
@media screen and (max-width: 767px) {
  .apple-flexible-financial-payment .container .rounded {
    padding: 20px 20px !important;
  }
}
.apple-flexible-financial-payment .container .rounded:hover {
  transform: translateY(-5px) scale(1.02);
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1);
}

.apple-meet-our-expert {
  padding-bottom: 60px;
}
@media screen and (max-width: 991px) {
  .apple-meet-our-expert .col-md-6 {
    width: 100%;
  }
}
.apple-meet-our-expert .apple-head h2 {
  padding-bottom: 0;
  margin-bottom: 0;
}
.apple-meet-our-expert .card {
  background: #FAFAFC;
  border-radius: 20px;
  align-items: center;
}
.apple-meet-our-expert .card .rounded-circle {
  width: 192px;
  height: 192px;
}
@media screen and (max-width: 600px) {
  .apple-meet-our-expert .card .rounded-circle {
    width: 100px;
    height: 100px;
  }
}
@media screen and (max-width: 576px) {
  .apple-meet-our-expert .card .rounded-circle {
    width: 50px;
    height: 50px;
  }
}
.apple-meet-our-expert .card .info {
  padding-left: 25px;
}
.apple-meet-our-expert .card .info h6 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-style: Bold;
  font-size: 24px;
  line-height: 123%;
  letter-spacing: 0%;
}
@media screen and (max-width: 992px) {
  .apple-meet-our-expert .card .info h6 {
    font-size: 22px;
  }
}
.apple-meet-our-expert .card .info small {
  color: #036CD5;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-style: Medium;
  font-size: 18px;
  line-height: 123%;
  letter-spacing: 0%;
}
@media screen and (max-width: 992px) {
  .apple-meet-our-expert .card .info small {
    font-size: 16px;
  }
}
.apple-meet-our-expert .card .info p {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-style: Medium;
  font-size: 16px;
  line-height: 123%;
  letter-spacing: 0%;
}
@media screen and (max-width: 992px) {
  .apple-meet-our-expert .card {
    padding: 20px !important;
  }
}

.lets-contact-us-outer.new-with-apple .apple-head {
  max-width: 470px;
}

.lets-contact-us-outer.new-with-apple .apple-head h2 {
  font-size: 80px;
  margin-bottom: 40px;
  font-weight: 700;
  line-height: 123%;
  color: #000;
}
.lets-contact-us-outer.new-with-apple .apple-head h2 span {
  display: block;
  font-size: 50px;
  font-weight: 700;
  line-height: 123%;
}
@media screen and (max-width: 1399px) {
  .lets-contact-us-outer.new-with-apple .apple-head h2 span {
    font-size: 45px;
  }
}
@media screen and (max-width: 1199px) {
  .lets-contact-us-outer.new-with-apple .apple-head h2 span {
    font-size: 40px;
  }
}
@media screen and (max-width: 991px) {
  .lets-contact-us-outer.new-with-apple .apple-head h2 span {
    font-size: 30px;
  }
  .lets-contact-us-outer.new-with-apple .apple-head h2 span br {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .lets-contact-us-outer.new-with-apple .apple-head h2 span {
    font-size: 20px;
  }
}
@media screen and (max-width: 1399px) {
  .lets-contact-us-outer.new-with-apple .apple-head h2 {
    font-size: 70px;
  }
}
@media screen and (max-width: 1199px) {
  .lets-contact-us-outer.new-with-apple .apple-head h2 {
    font-size: 60px;
  }
}
@media screen and (max-width: 991px) {
  .lets-contact-us-outer.new-with-apple .apple-head h2 {
    font-size: 50px;
    margin-bottom: 0px;
  }
  .lets-contact-us-outer.new-with-apple .apple-head h2 br {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .lets-contact-us-outer.new-with-apple .apple-head h2 {
    font-size: 40px;
  }
}

.lets-contact-us-outer.new-with-apple .apple-head h4 {
  font-size: 50px;
  font-weight: 700;
  line-height: 123%;
}
@media screen and (max-width: 1199px) {
  .lets-contact-us-outer.new-with-apple .apple-head h4 {
    font-size: 40px;
  }
}
@media screen and (max-width: 991px) {
  .lets-contact-us-outer.new-with-apple .apple-head h4 {
    font-size: 30px;
  }
  .lets-contact-us-outer.new-with-apple .apple-head h4 br {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .lets-contact-us-outer.new-with-apple .apple-head h4 {
    font-size: 20px;
  }
}

.Zeroafi-head {
  text-align: center;
  padding-bottom: 30px;
}
.Zeroafi-head span {
  display: inline-block;
  background: rgba(37, 99, 235, 0.1);
  padding: 3px 9px;
  border: 1px solid rgba(37, 99, 235, 0.3);
  border-radius: 10px;
  font-size: 12px;
  line-height: 16px;
  font-family: "Graphik Medium";
  color: #2563EB;
  margin-bottom: 20px;
}
.Zeroafi-head h2 {
  font-size: 48px;
  line-height: 60px;
  font-family: "Graphik Bold";
  color: #101828;
  padding-bottom: 12px;
}
.Zeroafi-head h2 span {
  color: #2563EB !important;
  background: none !important;
  font-size: inherit !important;
  border: none !important;
  font-family: inherit !important;
  padding: 0 !important;
  border-radius: 0 !important;
  line-height: inherit !important;
  margin: 0 !important;
  box-shadow: none !important;
}
@media screen and (max-width: 1399px) {
  .Zeroafi-head h2 {
    font-size: 45px;
    line-height: 55px;
  }
}
@media screen and (max-width: 1199px) {
  .Zeroafi-head h2 {
    font-size: 35px;
    line-height: 45px;
  }
  .Zeroafi-head h2 br {
    display: none;
  }
}
@media screen and (max-width: 576px) {
  .Zeroafi-head h2 {
    font-size: 30px;
    line-height: 35px;
  }
}
.Zeroafi-head h1 {
  font-size: 48px;
  line-height: 60px;
  font-family: "Graphik Bold";
  color: #101828;
  padding-bottom: 12px;
}
.Zeroafi-head h1 span {
  color: #2563EB !important;
  background: none !important;
  font-size: inherit !important;
  border: none !important;
  font-family: inherit !important;
  padding: 0 !important;
  border-radius: 0 !important;
  line-height: inherit !important;
  margin: 0 !important;
  box-shadow: none !important;
}
@media screen and (max-width: 1399px) {
  .Zeroafi-head h1 {
    font-size: 45px;
    line-height: 55px;
  }
}
@media screen and (max-width: 1199px) {
  .Zeroafi-head h1 {
    font-size: 35px;
    line-height: 45px;
  }
  .Zeroafi-head h1 br {
    display: none;
  }
}
@media screen and (max-width: 576px) {
  .Zeroafi-head h1 {
    font-size: 30px;
    line-height: 35px;
  }
}
.Zeroafi-head p {
  font-size: 18px;
  line-height: 28px;
  padding: 0px 8%;
}
@media screen and (max-width: 992px) {
  .Zeroafi-head p br {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .Zeroafi-head p {
    padding: 0px;
  }
}

.Zeroafi-platform-outer {
  background: #EFF4FF;
  padding: 55px 0px;
}
.Zeroafi-platform-outer .Zeroafi-platform-main {
  display: flex;
  gap: 50px;
}
.Zeroafi-platform-outer .Zeroafi-platform-main .Zeroafi-platform-left {
  width: 55%;
  gap: 10px;
  display: flex;
  flex-wrap: wrap;
}
.Zeroafi-platform-outer .Zeroafi-platform-main .Zeroafi-platform-left .Zeroafi-box {
  width: calc(50% - 10px);
  background: #fff;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.18);
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.18);
  border-radius: 17px;
  padding: 20px;
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  transition: all 0.5s;
}
.Zeroafi-platform-outer .Zeroafi-platform-main .Zeroafi-platform-left .Zeroafi-box h2 {
  font-size: 15px;
  font-family: "Graphik Semibold";
  display: flex;
  line-height: 24px;
  align-items: center;
  padding-bottom: 10px;
}
.Zeroafi-platform-outer .Zeroafi-platform-main .Zeroafi-platform-left .Zeroafi-box h2 span {
  display: flex;
  min-width: 48px;
  height: 48px;
  border-radius: 10px;
  background: linear-gradient(135deg, #2B7FFF 0%, #00B8DB 100%);
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.Zeroafi-platform-outer .Zeroafi-platform-main .Zeroafi-platform-left .Zeroafi-box h2 span img {
  max-width: 100%;
}
.Zeroafi-platform-outer .Zeroafi-platform-main .Zeroafi-platform-left .Zeroafi-box p {
  font-size: 13px;
  line-height: 17px;
  margin-bottom: 0px;
}
.Zeroafi-platform-outer .Zeroafi-platform-main .Zeroafi-platform-left .Zeroafi-box:nth-child(2) h2 span {
  background: linear-gradient(135deg, #F0B100 0%, #FF6900 100%);
}
.Zeroafi-platform-outer .Zeroafi-platform-main .Zeroafi-platform-left .Zeroafi-box:nth-child(3) h2 span {
  background: linear-gradient(135deg, #00C950 0%, #00BC7D 100%);
}
.Zeroafi-platform-outer .Zeroafi-platform-main .Zeroafi-platform-left .Zeroafi-box:nth-child(4) h2 span {
  background: linear-gradient(135deg, #AD46FF 0%, #F6339A 100%);
}
.Zeroafi-platform-outer .Zeroafi-platform-main .Zeroafi-platform-left .Zeroafi-box:hover {
  transform: scale(1.02);
}
@media screen and (max-width: 767px) {
  .Zeroafi-platform-outer .Zeroafi-platform-main .Zeroafi-platform-left .Zeroafi-box {
    width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .Zeroafi-platform-outer .Zeroafi-platform-main .Zeroafi-platform-left {
    width: 100%;
  }
}
.Zeroafi-platform-outer .Zeroafi-platform-main .Zeroai-platform-video {
  width: 45%;
  border-radius: 10px;
}
.Zeroafi-platform-outer .Zeroafi-platform-main .Zeroai-platform-video .Zeroai-platform-video-iframe {
  position: relative;
  width: 100%;
  height: 272px;
  border-radius: 10px;
}
.Zeroafi-platform-outer .Zeroafi-platform-main .Zeroai-platform-video .Zeroai-platform-video-iframe iframe {
  border-radius: 10px;
}
.Zeroafi-platform-outer .Zeroafi-platform-main .Zeroai-platform-video .Zeroai-platform-video-iframe #cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.Zeroafi-platform-outer .Zeroafi-platform-main .Zeroai-platform-video .Zeroai-platform-video-iframe #cover .play-btn {
  position: absolute;
  width: 80px;
  top: 30px;
  left: 0px;
  right: 0px;
  bottom: 0;
  margin: auto;
}
.Zeroafi-platform-outer .Zeroafi-platform-main .Zeroai-platform-video .Zeroai-platform-video-iframe #cover .poster-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}
.Zeroafi-platform-outer .Zeroafi-platform-main .Zeroai-platform-video .Zeroafi-view {
  display: flex;
  gap: 16px;
  margin-top: 13px;
}
.Zeroafi-platform-outer .Zeroafi-platform-main .Zeroai-platform-video .Zeroafi-view .zeroafi-bx {
  width: calc(50% - 16px);
  background: #fff;
  border-radius: 10px;
  padding: 4px 10px;
  transition: all 0.5s;
}
.Zeroafi-platform-outer .Zeroafi-platform-main .Zeroai-platform-video .Zeroafi-view .zeroafi-bx h3 {
  font-size: 20px;
  line-height: 25px;
  color: #2563EB;
  font-family: "Graphik Bold";
  text-align: center;
  margin: 0px 0px 3px;
}
.Zeroafi-platform-outer .Zeroafi-platform-main .Zeroai-platform-video .Zeroafi-view .zeroafi-bx span {
  font-size: 14px;
  line-height: 20px;
  color: #4A5565;
  display: block;
  text-align: center;
}
.Zeroafi-platform-outer .Zeroafi-platform-main .Zeroai-platform-video .Zeroafi-view .zeroafi-bx:hover {
  transform: scale(1.02);
}
@media screen and (max-width: 991px) {
  .Zeroafi-platform-outer .Zeroafi-platform-main .Zeroai-platform-video {
    width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .Zeroafi-platform-outer .Zeroafi-platform-main {
    flex-wrap: wrap;
  }
}
.Zeroafi-platform-outer .Zeroafi-enterpris-main {
  gap: 26px;
  display: flex;
  margin-top: 60px;
  flex-wrap: wrap;
  max-width: 80%;
  margin: 60px auto 0px;
}
.Zeroafi-platform-outer .Zeroafi-enterpris-main .Zeroafi-bx {
  width: calc(33.33% - 26px);
  text-align: center;
  background: rgba(37, 99, 235, 0.0588235294);
  padding: 55px 30px;
  border-radius: 16px;
  border: 2px solid rgba(255, 255, 255, 0.9);
  transition: all 0.5s;
}
.Zeroafi-platform-outer .Zeroafi-enterpris-main .Zeroafi-bx span {
  width: 48px;
  height: 48px;
  background: #3378F2;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px;
}
.Zeroafi-platform-outer .Zeroafi-enterpris-main .Zeroafi-bx h3 {
  font-size: 17px;
  line-height: 28px;
  font-family: "Graphik Medium";
  color: #101828;
}
.Zeroafi-platform-outer .Zeroafi-enterpris-main .Zeroafi-bx p {
  font-size: 14px;
  line-height: 20px;
  color: #6A7282;
}
.Zeroafi-platform-outer .Zeroafi-enterpris-main .Zeroafi-bx:hover {
  transform: scale(1.02);
}
@media screen and (max-width: 991px) {
  .Zeroafi-platform-outer .Zeroafi-enterpris-main .Zeroafi-bx {
    padding: 35px 30px;
  }
}
@media screen and (max-width: 767px) {
  .Zeroafi-platform-outer .Zeroafi-enterpris-main .Zeroafi-bx {
    width: calc(50% - 26px);
  }
}
@media screen and (max-width: 576px) {
  .Zeroafi-platform-outer .Zeroafi-enterpris-main .Zeroafi-bx {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .Zeroafi-platform-outer .Zeroafi-enterpris-main {
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .Zeroafi-platform-outer .Zeroafi-enterpris-main {
    justify-content: center;
  }
}

.Zeroafi-ai-powerd-outer {
  padding: 60px 0px;
  background-size: cover !important;
}
.Zeroafi-ai-powerd-outer .Zeroafi-head span {
  background: rgba(255, 255, 255, 0);
  color: #fff;
  border: 1px solid #fff;
}
.Zeroafi-ai-powerd-outer .Zeroafi-head h2 {
  color: #F0B100;
}
.Zeroafi-ai-powerd-outer .Zeroafi-head p {
  color: #fff;
}
.Zeroafi-ai-powerd-outer .Zeroafi-ai-powerd-main {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}
.Zeroafi-ai-powerd-outer .Zeroafi-ai-powerd-main .Zeroafi-ai-powerd-bx {
  width: calc(33.33% - 24px);
  background: #fff;
  border: 1px solid #E5E7EB;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1019607843);
  padding: 24px;
  border-radius: 16px;
  transition: all 0.5s;
}
.Zeroafi-ai-powerd-outer .Zeroafi-ai-powerd-main .Zeroafi-ai-powerd-bx .bx-hd {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.Zeroafi-ai-powerd-outer .Zeroafi-ai-powerd-main .Zeroafi-ai-powerd-bx .bx-hd .bx-hd-ico {
  background: linear-gradient(135deg, #2B7FFF 0%, #00B8DB 100%);
  width: 48px;
  height: 48px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Zeroafi-ai-powerd-outer .Zeroafi-ai-powerd-main .Zeroafi-ai-powerd-bx .bx-hd .bx-hd-ico img {
  max-width: 100%;
}
.Zeroafi-ai-powerd-outer .Zeroafi-ai-powerd-main .Zeroafi-ai-powerd-bx .bx-hd span {
  background: linear-gradient(90deg, #2B7FFF 0%, #00B8DB 100%);
  font-size: 12px;
  border-radius: 20px;
  line-height: 16px;
  padding: 2px 8px;
  color: #fff;
  font-family: "Graphik Medium";
}
.Zeroafi-ai-powerd-outer .Zeroafi-ai-powerd-main .Zeroafi-ai-powerd-bx h3 {
  font-size: 24px;
  line-height: 28px;
  color: #101828;
  font-family: "Graphik Semibold";
  margin-bottom: 15px;
}
.Zeroafi-ai-powerd-outer .Zeroafi-ai-powerd-main .Zeroafi-ai-powerd-bx h5 {
  font-size: 14px;
  line-height: 20px;
  color: #2563EB;
  font-family: "Graphik Medium";
  margin-bottom: 15px;
}
.Zeroafi-ai-powerd-outer .Zeroafi-ai-powerd-main .Zeroafi-ai-powerd-bx p {
  font-size: 14px;
  line-height: 17px;
  color: #4A5565;
}
.Zeroafi-ai-powerd-outer .Zeroafi-ai-powerd-main .Zeroafi-ai-powerd-bx:nth-child(2) .bx-hd .bx-hd-ico {
  background: linear-gradient(135deg, #00C950 0%, #00BC7D 100%);
}
.Zeroafi-ai-powerd-outer .Zeroafi-ai-powerd-main .Zeroafi-ai-powerd-bx:nth-child(2) .bx-hd span {
  background: linear-gradient(90deg, #00C950 0%, #00BC7D 100%);
}
.Zeroafi-ai-powerd-outer .Zeroafi-ai-powerd-main .Zeroafi-ai-powerd-bx:nth-child(3) .bx-hd .bx-hd-ico {
  background: linear-gradient(135deg, #AD46FF 0%, #F6339A 100%);
}
.Zeroafi-ai-powerd-outer .Zeroafi-ai-powerd-main .Zeroafi-ai-powerd-bx:nth-child(3) .bx-hd span {
  background: linear-gradient(90deg, #AD46FF 0%, #F6339A 100%);
}
.Zeroafi-ai-powerd-outer .Zeroafi-ai-powerd-main .Zeroafi-ai-powerd-bx:hover {
  transform: scale(1.02);
}
@media screen and (max-width: 767px) {
  .Zeroafi-ai-powerd-outer .Zeroafi-ai-powerd-main .Zeroafi-ai-powerd-bx {
    width: calc(50% - 26px);
  }
}
@media screen and (max-width: 576px) {
  .Zeroafi-ai-powerd-outer .Zeroafi-ai-powerd-main .Zeroafi-ai-powerd-bx {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .Zeroafi-ai-powerd-outer .Zeroafi-ai-powerd-main {
    justify-content: center;
  }
}

.zeroafi-bulit-every-role {
  padding: 60px 0px;
}
.zeroafi-bulit-every-role .zeroafi-bulit-every-main {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.zeroafi-bulit-every-role .zeroafi-bulit-every-main .nav-tabs {
  width: auto;
  border: none;
  gap: 12px;
  padding: 15px;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.2509803922);
  border-radius: 20px;
  margin-bottom: 50px;
  border: 2px solid #F0EAEA;
}
.zeroafi-bulit-every-role .zeroafi-bulit-every-main .nav-tabs .nav-item .nav-link {
  border: 2px solid #F0EAEA;
  border-radius: 20px;
  min-width: 325px;
  font-size: 20px;
  font-family: "Graphik Bold";
  height: 80px;
  color: #000;
}
@media screen and (max-width: 1199px) {
  .zeroafi-bulit-every-role .zeroafi-bulit-every-main .nav-tabs .nav-item .nav-link {
    min-width: 278px;
  }
}
.zeroafi-bulit-every-role .zeroafi-bulit-every-main .nav-tabs .nav-item .nav-link.active {
  color: #fff;
  background: #2563EB;
}
.zeroafi-bulit-every-role .zeroafi-bulit-every-main .tab-content {
  width: 100%;
}
.zeroafi-bulit-every-role .zeroafi-bulit-every-main .tab-content .tab-pane {
  border: none;
}
.zeroafi-bulit-every-role .zeroafi-bulit-every-main .tab-content .tab-pane .accordion-body {
  padding: 20px 0px 0px;
}
.zeroafi-bulit-every-role .zeroafi-bulit-every-main .tab-content .tab-pane .accordion-body .zeroafi-bulit-head {
  text-align: center;
  padding-bottom: 20px;
}
.zeroafi-bulit-every-role .zeroafi-bulit-every-main .tab-content .tab-pane .accordion-body .zeroafi-bulit-head h3 {
  font-size: 30px;
  line-height: 24px;
  font-family: "Graphik Bold";
  color: #000;
  padding-bottom: 10px;
}
.zeroafi-bulit-every-role .zeroafi-bulit-every-main .tab-content .tab-pane .accordion-body .zeroafi-bulit-head p {
  font-size: 18px;
  color: #4A5565;
  line-height: 22px;
}
@media screen and (max-width: 600px) {
  .zeroafi-bulit-every-role .zeroafi-bulit-every-main .tab-content .tab-pane .accordion-body .zeroafi-bulit-head {
    padding-bottom: 10px;
  }
}
.zeroafi-bulit-every-role .zeroafi-bulit-every-main .tab-content .tab-pane .accordion-body .zeroafi-bulit-area {
  display: flex;
  flex-wrap: wrap;
  gap: 36px;
}
.zeroafi-bulit-every-role .zeroafi-bulit-every-main .tab-content .tab-pane .accordion-body .zeroafi-bulit-area .zeroafi-bulit-area-bx {
  width: calc(50% - 36px);
  border: 1px solid rgba(37, 99, 235, 0.1019607843);
  background: rgba(255, 255, 255, 0.8980392157);
  padding: 33px;
  box-shadow: 0px 8px 32px 0px rgba(37, 99, 235, 0.1019607843);
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
  border-radius: 16px;
  transition: all 0.5s;
}
.zeroafi-bulit-every-role .zeroafi-bulit-every-main .tab-content .tab-pane .accordion-body .zeroafi-bulit-area .zeroafi-bulit-area-bx h2 {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  font-size: 24px;
  line-height: 30px;
  font-family: "Graphik Semibold";
  color: #000;
}
.zeroafi-bulit-every-role .zeroafi-bulit-every-main .tab-content .tab-pane .accordion-body .zeroafi-bulit-area .zeroafi-bulit-area-bx h2 span {
  background: #EFF4FF;
  width: 64px;
  height: 64px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.zeroafi-bulit-every-role .zeroafi-bulit-every-main .tab-content .tab-pane .accordion-body .zeroafi-bulit-area .zeroafi-bulit-area-bx h2 span img {
  max-width: 50px;
}
@media screen and (max-width: 991px) {
  .zeroafi-bulit-every-role .zeroafi-bulit-every-main .tab-content .tab-pane .accordion-body .zeroafi-bulit-area .zeroafi-bulit-area-bx h2 span {
    width: 55px;
    height: 55px;
    border-radius: 5px;
  }
}
@media screen and (max-width: 991px) {
  .zeroafi-bulit-every-role .zeroafi-bulit-every-main .tab-content .tab-pane .accordion-body .zeroafi-bulit-area .zeroafi-bulit-area-bx h2 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media screen and (max-width: 767px) {
  .zeroafi-bulit-every-role .zeroafi-bulit-every-main .tab-content .tab-pane .accordion-body .zeroafi-bulit-area .zeroafi-bulit-area-bx h2 {
    font-size: 18px;
    line-height: 24px;
  }
}
.zeroafi-bulit-every-role .zeroafi-bulit-every-main .tab-content .tab-pane .accordion-body .zeroafi-bulit-area .zeroafi-bulit-area-bx p {
  font-size: 18px;
  line-height: 22px;
  color: #4A5565;
  margin: 0px;
}
@media screen and (max-width: 991px) {
  .zeroafi-bulit-every-role .zeroafi-bulit-every-main .tab-content .tab-pane .accordion-body .zeroafi-bulit-area .zeroafi-bulit-area-bx p br {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .zeroafi-bulit-every-role .zeroafi-bulit-every-main .tab-content .tab-pane .accordion-body .zeroafi-bulit-area .zeroafi-bulit-area-bx p {
    font-size: 16px;
    line-height: 20px;
  }
}
.zeroafi-bulit-every-role .zeroafi-bulit-every-main .tab-content .tab-pane .accordion-body .zeroafi-bulit-area .zeroafi-bulit-area-bx:hover {
  transform: scale(1.02);
}
@media screen and (max-width: 767px) {
  .zeroafi-bulit-every-role .zeroafi-bulit-every-main .tab-content .tab-pane .accordion-body .zeroafi-bulit-area .zeroafi-bulit-area-bx {
    padding: 20px;
    width: calc(50% - 10px);
  }
}
@media screen and (max-width: 600px) {
  .zeroafi-bulit-every-role .zeroafi-bulit-every-main .tab-content .tab-pane .accordion-body .zeroafi-bulit-area .zeroafi-bulit-area-bx {
    padding: 20px;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .zeroafi-bulit-every-role .zeroafi-bulit-every-main .tab-content .tab-pane .accordion-body .zeroafi-bulit-area {
    gap: 20px;
  }
}
@media screen and (max-width: 600px) {
  .zeroafi-bulit-every-role .zeroafi-bulit-every-main .tab-content .tab-pane .accordion-body {
    padding-top: 50px;
  }
}
@media screen and (max-width: 991px) {
  .zeroafi-bulit-every-role .zeroafi-bulit-every-main .tab-content .tab-pane {
    display: block;
    opacity: 1;
  }
  .zeroafi-bulit-every-role .zeroafi-bulit-every-main .tab-content .tab-pane .accordion-header button.accordion-button {
    box-shadow: none;
    border-bottom: 1px solid #ccc;
  }
  .zeroafi-bulit-every-role .zeroafi-bulit-every-main .tab-content .tab-pane .accordion-header button.accordion-button:not(.collapsed) {
    background-color: rgba(37, 99, 235, 0.0588235294);
    border-color: transparent;
    font-weight: bold;
  }
  .zeroafi-bulit-every-role .zeroafi-bulit-every-main .tab-content .tab-pane .accordion-collapse.show {
    padding-bottom: 40px;
  }
}

.zeroafi-ai-offering {
  background: #EFF4FF;
  padding: 60px 0px;
  overflow: hidden;
  /* Tab styling */
}
.zeroafi-ai-offering .Zeroafi-head {
  padding-bottom: 0px;
}
.zeroafi-ai-offering .circle-container {
  position: relative;
  margin: 0 auto;
  width: 800px;
  height: 800px;
  border-radius: 50%;
  animation: rotate 20s linear infinite;
}
.zeroafi-ai-offering .circle-container .circle-item {
  position: absolute;
  width: 100px;
  height: 100px;
  border-radius: 12px;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.0509803922);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.3s;
  background: #FFFFFF;
  border: 1px solid rgba(37, 99, 235, 0.6196078431);
  flex-wrap: wrap;
  align-content: center;
  z-index: 1;
  animation: counter-rotate 20s linear infinite;
}
.zeroafi-ai-offering .circle-container .circle-item span {
  min-width: 40px;
  height: 40px;
  background: #00ADE4;
  border: 1px solid rgba(37, 99, 235, 0.6196078431);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
}
.zeroafi-ai-offering .circle-container .circle-item span img {
  width: 25px;
}
@media screen and (max-width: 991px) {
  .zeroafi-ai-offering .circle-container .circle-item span {
    min-width: 30px;
    height: 30px;
  }
  .zeroafi-ai-offering .circle-container .circle-item span img {
    width: 19px;
  }
}
.zeroafi-ai-offering .circle-container .circle-item label {
  width: 100%;
  text-align: center;
  margin-top: 5px;
  font-size: 18px;
  line-height: 28px;
  color: #000000;
  font-family: "Graphik Semibold";
}
@media screen and (max-width: 991px) {
  .zeroafi-ai-offering .circle-container .circle-item label {
    font-size: 15px;
  }
}
.zeroafi-ai-offering .circle-container .circle-item::after {
  width: 1px;
  height: 20px;
  background: rgba(59, 130, 246, 0.3019607843);
  left: 47px;
  bottom: -21px;
  content: "";
  position: absolute;
}
@media screen and (max-width: 991px) {
  .zeroafi-ai-offering .circle-container .circle-item::after {
    display: none;
  }
}
.zeroafi-ai-offering .circle-container .circle-item::before {
  width: 1px;
  height: 20px;
  background: rgba(59, 130, 246, 0.3019607843);
  left: 47px;
  top: -21px;
  content: "";
  position: absolute;
}
@media screen and (max-width: 991px) {
  .zeroafi-ai-offering .circle-container .circle-item::before {
    display: none;
  }
}
.zeroafi-ai-offering .circle-container .circle-item:nth-child(2) span {
  background: #09BE96;
  border-color: rgba(9, 190, 150, 0.6);
}
.zeroafi-ai-offering .circle-container .circle-item:nth-child(2)::before {
  left: 98px;
  top: -17px;
  transform: rotate(29deg);
}
@media screen and (max-width: 991px) {
  .zeroafi-ai-offering .circle-container .circle-item:nth-child(2)::before {
    left: 79px;
  }
}
.zeroafi-ai-offering .circle-container .circle-item:nth-child(2)::after {
  left: -1px;
  bottom: -18px;
  transform: rotate(29deg);
}
.zeroafi-ai-offering .circle-container .circle-item:nth-child(6) span {
  background: #9B4DFF;
  border-color: rgba(155, 77, 255, 0.6);
}
.zeroafi-ai-offering .circle-container .circle-item:nth-child(6)::before {
  left: 102px;
  top: unset;
  bottom: -13px;
  transform: rotate(-41deg);
}
.zeroafi-ai-offering .circle-container .circle-item:nth-child(6)::after {
  left: -3px;
  bottom: unset;
  top: -15px;
  transform: rotate(-41deg);
}
.zeroafi-ai-offering .circle-container .circle-item:nth-child(5) span {
  background: #FC286F;
  border-color: rgba(252, 40, 111, 0.6);
}
.zeroafi-ai-offering .circle-container .circle-item:nth-child(5)::before {
  left: 100px;
  top: -15px;
  transform: rotate(29deg);
}
.zeroafi-ai-offering .circle-container .circle-item:nth-child(5)::after {
  left: 0px;
  bottom: -19px;
  transform: rotate(29deg);
}
.zeroafi-ai-offering .circle-container .circle-item:nth-child(3) span {
  background: #7D5AFF;
  border-color: rgba(125, 90, 255, 0.6);
}
.zeroafi-ai-offering .circle-container .circle-item:nth-child(3)::before {
  left: 102px;
  top: unset;
  bottom: -13px;
  transform: rotate(-41deg);
}
@media screen and (max-width: 991px) {
  .zeroafi-ai-offering .circle-container .circle-item:nth-child(3)::before {
    left: 84px;
  }
}
.zeroafi-ai-offering .circle-container .circle-item:nth-child(3)::after {
  left: -4px;
  bottom: unset;
  top: -13px;
  transform: rotate(-41deg);
}
.zeroafi-ai-offering .circle-container .circle-item:nth-child(4) span {
  background: #FF5900;
  border-color: rgba(255, 89, 0, 0.6);
}
@media screen and (max-width: 991px) {
  .zeroafi-ai-offering .circle-container .circle-item {
    width: 65px;
    height: 72px;
  }
}
.zeroafi-ai-offering .circle-container .circle-item.active {
  transform: scale(1.3);
}
.zeroafi-ai-offering .circle-container::after {
  width: 588px;
  height: 588px;
  border: 3px solid rgba(59, 130, 246, 0.1019607843);
  position: absolute;
  left: 105px;
  top: 105px;
  content: "";
  border-radius: 100%;
}
@media screen and (max-width: 991px) {
  .zeroafi-ai-offering .circle-container::after {
    width: 388px;
    height: 388px;
  }
}
@media screen and (max-width: 600px) {
  .zeroafi-ai-offering .circle-container::after {
    width: 288px;
    height: 288px;
  }
}
@media screen and (max-width: 991px) {
  .zeroafi-ai-offering .circle-container {
    width: 600px;
    height: 600px;
  }
}
@media screen and (max-width: 600px) {
  .zeroafi-ai-offering .circle-container {
    margin-left: -52px;
    width: 500px;
    height: 500px;
  }
}
@media screen and (max-width: 408px) {
  .zeroafi-ai-offering .circle-container {
    margin-left: -70px;
  }
}
@media screen and (max-width: 370px) {
  .zeroafi-ai-offering .circle-container {
    margin-left: -84px;
  }
}
.zeroafi-ai-offering .circle-item-area {
  width: 800px;
  height: 800px;
  margin: 0 auto;
  position: relative;
}
.zeroafi-ai-offering .circle-item-area .center-logo {
  width: 304px;
  height: 304px;
  background: rgba(37, 99, 235, 0.0784313725);
  border: 3px solid rgba(59, 130, 246, 0.1019607843);
  border-radius: 100%;
  position: absolute;
  top: 0px;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  padding: 50px;
}
.zeroafi-ai-offering .circle-item-area .center-logo .center-area {
  border: 1px solid rgba(37, 99, 235, 0.3019607843);
  box-shadow: 0px 4px 12px 0px rgba(37, 99, 235, 0.2);
  background: #FFFFFF;
  border-radius: 100%;
  width: 200px;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.zeroafi-ai-offering .circle-item-area .center-logo .center-area img {
  max-width: 100%;
}
@media screen and (max-width: 991px) {
  .zeroafi-ai-offering .circle-item-area .center-logo .center-area {
    width: 160px;
    height: 160px;
  }
}
@media screen and (max-width: 600px) {
  .zeroafi-ai-offering .circle-item-area .center-logo .center-area {
    width: 120px;
    height: 120px;
  }
}
.zeroafi-ai-offering .circle-item-area .center-logo .center-dots {
  position: absolute;
  top: 0px;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 70px;
  text-align: center;
  height: 27px;
}
.zeroafi-ai-offering .circle-item-area .center-logo .center-dots > div {
  width: 9px;
  height: 9px;
  background-color: #F0B100;
  border-radius: 100%;
  display: inline-block;
  animation: sk-bouncedelay 1.2s infinite ease-in-out both;
}
.zeroafi-ai-offering .circle-item-area .center-logo .center-dots .bounce1 {
  animation-delay: -0.32s;
}
.zeroafi-ai-offering .circle-item-area .center-logo .center-dots .bounce2 {
  animation-delay: -0.16s;
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
@media screen and (max-width: 991px) {
  .zeroafi-ai-offering .circle-item-area .center-logo {
    width: 260px;
    height: 260px;
    padding: 47px;
  }
}
@media screen and (max-width: 600px) {
  .zeroafi-ai-offering .circle-item-area .center-logo {
    left: -94px;
    width: 160px;
    height: 160px;
    padding: 17px;
  }
}
@media screen and (max-width: 408px) {
  .zeroafi-ai-offering .circle-item-area .center-logo {
    left: -132px;
  }
}
@media screen and (max-width: 370px) {
  .zeroafi-ai-offering .circle-item-area .center-logo {
    left: -161px;
  }
}
@media screen and (max-width: 991px) {
  .zeroafi-ai-offering .circle-item-area {
    width: 600px;
    height: 600px;
  }
}
@media screen and (max-width: 600px) {
  .zeroafi-ai-offering .circle-item-area {
    width: 500px;
    height: 500px;
  }
}
@keyframes counter-rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.zeroafi-ai-offering .tab-content {
  width: 100%;
  display: none;
  background: #FFFFFF;
  box-shadow: 0px 4px 12px 0px rgba(37, 99, 235, 0.2);
  border: 1px solid rgba(37, 99, 235, 0.3019607843);
  border-radius: 20px;
  padding: 45px;
  position: relative;
}
.zeroafi-ai-offering .tab-content .close-btn {
  position: absolute;
  right: 25px;
  top: 25px;
  border: 1px solid rgba(37, 99, 235, 0.3019607843);
  background: #FFFFFF;
  box-shadow: 0px 4px 12px 0px rgba(37, 99, 235, 0.2);
  width: 34px;
  height: 34px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: #000;
}
@media screen and (max-width: 767px) {
  .zeroafi-ai-offering .tab-content .close-btn {
    right: 7px;
    top: -10px;
  }
}
.zeroafi-ai-offering .tab-content .zeroafi-ai-offering-head {
  display: flex;
}
.zeroafi-ai-offering .tab-content .zeroafi-ai-offering-head span {
  min-width: 60px;
  height: 60px;
  background: #00ADE4;
  border: 1px solid rgba(37, 99, 235, 0.6196078431);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
}
.zeroafi-ai-offering .tab-content .zeroafi-ai-offering-head span img {
  width: 35px;
}
@media screen and (max-width: 767px) {
  .zeroafi-ai-offering .tab-content .zeroafi-ai-offering-head span {
    min-width: 50px;
    height: 50px;
    border-radius: 10px;
  }
}
@media screen and (max-width: 600px) {
  .zeroafi-ai-offering .tab-content .zeroafi-ai-offering-head span {
    min-width: 40px;
    height: 40px;
    border-radius: 10px;
  }
  .zeroafi-ai-offering .tab-content .zeroafi-ai-offering-head span img {
    width: 25px;
  }
}
.zeroafi-ai-offering .tab-content .zeroafi-ai-offering-head .zeroafi-ai-offering-hd-text {
  padding-left: 30px;
}
.zeroafi-ai-offering .tab-content .zeroafi-ai-offering-head .zeroafi-ai-offering-hd-text h3 {
  font-size: 30px;
  line-height: 30px;
  font-family: "Graphik Semibold";
  color: #000;
}
.zeroafi-ai-offering .tab-content .zeroafi-ai-offering-head .zeroafi-ai-offering-hd-text h3 span {
  font-family: "Graphik Regular";
  width: auto;
  height: auto;
  background: none;
  border: none;
  display: inline-block;
  border-radius: unset;
}
@media screen and (max-width: 991px) {
  .zeroafi-ai-offering .tab-content .zeroafi-ai-offering-head .zeroafi-ai-offering-hd-text h3 {
    font-size: 25px;
    line-height: 30px;
  }
}
@media screen and (max-width: 600px) {
  .zeroafi-ai-offering .tab-content .zeroafi-ai-offering-head .zeroafi-ai-offering-hd-text h3 {
    font-size: 20px;
    line-height: 25px;
  }
}
.zeroafi-ai-offering .tab-content .zeroafi-ai-offering-head .zeroafi-ai-offering-hd-text label {
  font-size: 16px;
  color: #6A7282;
  font-family: "Graphik Semibold";
  display: block;
  padding-bottom: 30px;
}
@media screen and (max-width: 600px) {
  .zeroafi-ai-offering .tab-content .zeroafi-ai-offering-head .zeroafi-ai-offering-hd-text label {
    font-size: 14px;
    line-height: 20px;
  }
}
.zeroafi-ai-offering .tab-content .zeroafi-ai-offering-head .zeroafi-ai-offering-hd-text p {
  color: #000;
}
@media screen and (max-width: 767px) {
  .zeroafi-ai-offering .tab-content .zeroafi-ai-offering-head .zeroafi-ai-offering-hd-text {
    padding-left: 15px;
  }
}
.zeroafi-ai-offering .tab-content .zeroafi-ai-offering-area {
  padding-left: 69px;
  margin-top: 50px;
}
.zeroafi-ai-offering .tab-content .zeroafi-ai-offering-area h3 {
  font-size: 20px;
  line-height: 20px;
  font-family: "Graphik Bold";
  color: #000;
  position: relative;
  margin-bottom: 23px;
}
.zeroafi-ai-offering .tab-content .zeroafi-ai-offering-area h3::after {
  width: 100%;
  height: 1px;
  background: #00ADE4;
  content: "";
  position: absolute;
  left: 0px;
  top: 9px;
}
.zeroafi-ai-offering .tab-content .zeroafi-ai-offering-area h3 span {
  background: #fff;
  padding-right: 10px;
  position: relative;
  z-index: 1;
}
.zeroafi-ai-offering .tab-content .zeroafi-ai-offering-area .zeroafi-ai-offering-section {
  display: flex;
  gap: 17px;
  flex-wrap: wrap;
}
.zeroafi-ai-offering .tab-content .zeroafi-ai-offering-area .zeroafi-ai-offering-section .zeroafi-ai-offering-bx {
  width: calc(50% - 17px);
  display: flex;
  border: 1px solid rgba(37, 99, 235, 0.3019607843);
  box-shadow: 0px 4px 12px 0px rgba(37, 99, 235, 0.4);
  background: #FFFFFF;
  padding: 23px 18px;
  border-radius: 13px;
  min-height: 132px;
  transition: all 0.5s;
}
.zeroafi-ai-offering .tab-content .zeroafi-ai-offering-area .zeroafi-ai-offering-section .zeroafi-ai-offering-bx .off-ico {
  min-width: 35px;
  height: 35px;
  background: #00ADE4;
  border: 1px solid rgba(37, 99, 235, 0.6196078431);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}
.zeroafi-ai-offering .tab-content .zeroafi-ai-offering-area .zeroafi-ai-offering-section .zeroafi-ai-offering-bx .off-ico img {
  width: 27px;
}
.zeroafi-ai-offering .tab-content .zeroafi-ai-offering-area .zeroafi-ai-offering-section .zeroafi-ai-offering-bx .zeroafi-ai-offering-bx-text {
  padding-left: 14px;
}
.zeroafi-ai-offering .tab-content .zeroafi-ai-offering-area .zeroafi-ai-offering-section .zeroafi-ai-offering-bx .zeroafi-ai-offering-bx-text h4 {
  font-size: 18px;
  line-height: 20px;
  font-family: "Graphik Semibold";
  color: #000;
}
.zeroafi-ai-offering .tab-content .zeroafi-ai-offering-area .zeroafi-ai-offering-section .zeroafi-ai-offering-bx .zeroafi-ai-offering-bx-text p {
  margin-bottom: 0px;
  font-size: 14px;
  line-height: 16px;
  color: #4A5565;
}
@media screen and (max-width: 1024px) {
  .zeroafi-ai-offering .tab-content .zeroafi-ai-offering-area .zeroafi-ai-offering-section .zeroafi-ai-offering-bx .zeroafi-ai-offering-bx-text p br {
    display: none;
  }
}
.zeroafi-ai-offering .tab-content .zeroafi-ai-offering-area .zeroafi-ai-offering-section .zeroafi-ai-offering-bx:hover {
  transform: scale(1.02);
}
@media screen and (max-width: 767px) {
  .zeroafi-ai-offering .tab-content .zeroafi-ai-offering-area .zeroafi-ai-offering-section .zeroafi-ai-offering-bx {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .zeroafi-ai-offering .tab-content .zeroafi-ai-offering-area .zeroafi-ai-offering-section .zeroafi-ai-offering-bx {
    padding: 15px 11px;
  }
}
.zeroafi-ai-offering .tab-content .zeroafi-ai-offering-area .zeroafi-ai-offering-section .zeroafi-ai-offering-demo {
  width: 100%;
  padding-top: 36px;
}
.zeroafi-ai-offering .tab-content .zeroafi-ai-offering-area .zeroafi-ai-offering-section .zeroafi-ai-offering-demo a {
  background: linear-gradient(90deg, #0055D4 0%, #00CDFF 100%);
  display: block;
  text-align: center;
  height: 54px;
  padding: 16px 20px;
  color: #fff;
  border-radius: 10px;
  text-decoration: none;
  font-family: "Graphik Medium";
  transition: all 0.5s;
}
.zeroafi-ai-offering .tab-content .zeroafi-ai-offering-area .zeroafi-ai-offering-section .zeroafi-ai-offering-demo a:hover {
  background: linear-gradient(90deg, #00CDFF 0%, #0055D4 100%);
}
@media screen and (max-width: 767px) {
  .zeroafi-ai-offering .tab-content .zeroafi-ai-offering-area {
    margin-top: 20px;
  }
}
.zeroafi-ai-offering .tab-content:nth-child(2) .zeroafi-ai-offering-head span {
  background: #09BE96;
}
.zeroafi-ai-offering .tab-content:nth-child(2) .zeroafi-ai-offering-area h3::after {
  background: #09BE96;
}
.zeroafi-ai-offering .tab-content:nth-child(2) .zeroafi-ai-offering-area .zeroafi-ai-offering-section .zeroafi-ai-offering-bx .off-ico {
  background: #09BE96;
}
.zeroafi-ai-offering .tab-content:nth-child(2) .zeroafi-ai-offering-area .zeroafi-ai-offering-section .zeroafi-ai-offering-demo a {
  background: linear-gradient(90deg, #09BE96 0%, #088267 100%);
}
.zeroafi-ai-offering .tab-content:nth-child(2) .zeroafi-ai-offering-area .zeroafi-ai-offering-section .zeroafi-ai-offering-demo a:hover {
  background: linear-gradient(90deg, #088267 0%, #09BE96 100%);
}
.zeroafi-ai-offering .tab-content:nth-child(3) .zeroafi-ai-offering-head span {
  background: #7D5AFF;
}
.zeroafi-ai-offering .tab-content:nth-child(3) .zeroafi-ai-offering-area h3::after {
  background: #7D5AFF;
}
.zeroafi-ai-offering .tab-content:nth-child(3) .zeroafi-ai-offering-area .zeroafi-ai-offering-section .zeroafi-ai-offering-bx .off-ico {
  background: #7D5AFF;
}
.zeroafi-ai-offering .tab-content:nth-child(3) .zeroafi-ai-offering-area .zeroafi-ai-offering-section .zeroafi-ai-offering-demo a {
  background: linear-gradient(90deg, #7D5AFF 0%, #4116E3 100%);
}
.zeroafi-ai-offering .tab-content:nth-child(3) .zeroafi-ai-offering-area .zeroafi-ai-offering-section .zeroafi-ai-offering-demo a:hover {
  background: linear-gradient(90deg, #4116E3 0%, #7D5AFF 100%);
}
.zeroafi-ai-offering .tab-content:nth-child(4) .zeroafi-ai-offering-head span {
  background: #FF5900;
  border-color: #FF5900;
}
.zeroafi-ai-offering .tab-content:nth-child(4) .zeroafi-ai-offering-area h3::after {
  background: #FF5900;
}
.zeroafi-ai-offering .tab-content:nth-child(4) .zeroafi-ai-offering-area .zeroafi-ai-offering-section .zeroafi-ai-offering-bx .off-ico {
  background: #FF5900;
  border-color: #FF5900;
}
.zeroafi-ai-offering .tab-content:nth-child(4) .zeroafi-ai-offering-area .zeroafi-ai-offering-section a {
  background: linear-gradient(90deg, #FF6700 0%, #FB3035 100%);
}
.zeroafi-ai-offering .tab-content:nth-child(4) .zeroafi-ai-offering-area .zeroafi-ai-offering-section a:hover {
  background: linear-gradient(90deg, #FB3035 0%, #FF6700 100%);
}
.zeroafi-ai-offering .tab-content:nth-child(5) .zeroafi-ai-offering-head span {
  background: #FC286F;
  border-color: #FC286F;
}
.zeroafi-ai-offering .tab-content:nth-child(5) .zeroafi-ai-offering-area h3::after {
  background: #FC286F;
}
.zeroafi-ai-offering .tab-content:nth-child(5) .zeroafi-ai-offering-area .zeroafi-ai-offering-section .zeroafi-ai-offering-bx .off-ico {
  background: #FC286F;
  border-color: #FC286F;
}
.zeroafi-ai-offering .tab-content:nth-child(5) .zeroafi-ai-offering-area .zeroafi-ai-offering-section a {
  background: linear-gradient(90deg, #FC286F 0%, #C80D4B 100%);
}
.zeroafi-ai-offering .tab-content:nth-child(5) .zeroafi-ai-offering-area .zeroafi-ai-offering-section a:hover {
  background: linear-gradient(90deg, #C80D4B 0%, #FC286F 100%);
}
.zeroafi-ai-offering .tab-content:nth-child(6) .zeroafi-ai-offering-head span {
  background: #9B4DFF;
  border-color: #9B4DFF;
}
.zeroafi-ai-offering .tab-content:nth-child(6) .zeroafi-ai-offering-area h3::after {
  background: #9B4DFF;
}
.zeroafi-ai-offering .tab-content:nth-child(6) .zeroafi-ai-offering-area .zeroafi-ai-offering-section .zeroafi-ai-offering-bx .off-ico {
  background: #9B4DFF;
  border-color: #9B4DFF;
}
.zeroafi-ai-offering .tab-content:nth-child(6) .zeroafi-ai-offering-area .zeroafi-ai-offering-section a {
  background: linear-gradient(90deg, #9B4DFF 0%, #6C23CA 100%);
}
.zeroafi-ai-offering .tab-content:nth-child(6) .zeroafi-ai-offering-area .zeroafi-ai-offering-section a:hover {
  background: linear-gradient(90deg, #6C23CA 0%, #9B4DFF 100%);
}
@media screen and (max-width: 1024px) {
  .zeroafi-ai-offering .tab-content {
    padding: 30px;
  }
}
@media screen and (max-width: 600px) {
  .zeroafi-ai-offering .tab-content {
    padding: 30px 15px;
  }
}
.zeroafi-ai-offering .tab-content.active {
  display: block;
}

.zeroafi-ai-inside-outer {
  padding: 60px 0px;
}
.zeroafi-ai-inside-outer .zeroafi-ai-inside-out {
  display: flex;
  gap: 33px;
  max-width: 80%;
  margin: 0 auto;
}
.zeroafi-ai-inside-outer .zeroafi-ai-inside-out .zeroafi-inside-bx {
  width: calc(50% - 33px);
  border: 1px solid #E2E8F0;
  padding: 24px;
  border-radius: 10px;
}
.zeroafi-ai-inside-outer .zeroafi-ai-inside-out .zeroafi-inside-bx .zeroafi-icon {
  margin-bottom: 20px;
}
.zeroafi-ai-inside-outer .zeroafi-ai-inside-out .zeroafi-inside-bx .zeroafi-icon span {
  background: #2B7FFF;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.zeroafi-ai-inside-outer .zeroafi-ai-inside-out .zeroafi-inside-bx h3 {
  font-size: 22px;
  line-height: 22px;
  color: #1A202C;
  font-family: "Graphik Medium";
  padding-bottom: 10px;
}
.zeroafi-ai-inside-outer .zeroafi-ai-inside-out .zeroafi-inside-bx p {
  color: #64748B;
  min-height: 78px;
}
@media screen and (max-width: 1199px) {
  .zeroafi-ai-inside-outer .zeroafi-ai-inside-out .zeroafi-inside-bx p {
    min-height: 90px;
  }
  .zeroafi-ai-inside-outer .zeroafi-ai-inside-out .zeroafi-inside-bx p br {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  .zeroafi-ai-inside-outer .zeroafi-ai-inside-out .zeroafi-inside-bx p {
    min-height: 104px;
  }
}
.zeroafi-ai-inside-outer .zeroafi-ai-inside-out .zeroafi-inside-bx a {
  border: 1px solid #E2E8F0;
  height: 36px;
  display: block;
  border-radius: 10px;
  text-align: center;
  line-height: 32px;
  text-decoration: none;
  color: #1A202C;
  font-size: 14px;
  font-family: "Graphik Medium";
  transition: all 0.5s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.zeroafi-ai-inside-outer .zeroafi-ai-inside-out .zeroafi-inside-bx a:hover {
  border-color: #2B7FFF;
  color: #2B7FFF;
}
.zeroafi-ai-inside-outer .zeroafi-ai-inside-out .zeroafi-inside-bx a img {
  margin-left: 5px;
}
.zeroafi-ai-inside-outer .zeroafi-ai-inside-out .zeroafi-inside-bx:nth-child(2) .zeroafi-icon span {
  background: #00C950;
}
.zeroafi-ai-inside-outer .zeroafi-ai-inside-out .zeroafi-inside-bx:nth-child(2) a:hover {
  border-color: #00C950;
  color: #00C950;
}
@media screen and (max-width: 1024px) {
  .zeroafi-ai-inside-outer .zeroafi-ai-inside-out .zeroafi-inside-bx {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .zeroafi-ai-inside-outer .zeroafi-ai-inside-out {
    max-width: 100%;
    flex-wrap: wrap;
  }
}

.ready-transfrom-outer {
  padding: 60px 0px;
  background: url(../images/Zeroafi-image/ready-transfrom-bg.webp) no-repeat;
  background-size: cover;
}
.ready-transfrom-outer .Zeroafi-head span {
  padding: 9px 17px;
  font-size: 13px;
  background: #fff;
  padding: 9px 17px;
  box-shadow: 0px 8px 32px 0px rgba(37, 99, 235, 0.1019607843);
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
  border: 1px solid rgba(37, 99, 235, 0.1019607843);
  border-radius: 17px;
  color: #364153;
}
.ready-transfrom-outer .Zeroafi-head span img {
  margin-right: 7px;
}
.ready-transfrom-outer .ready-transfrom-main {
  display: flex;
  gap: 22px;
  max-width: 80%;
  margin: 0 auto;
}
.ready-transfrom-outer .ready-transfrom-main .ready-transfrom-left {
  min-width: 277px;
}
.ready-transfrom-outer .ready-transfrom-main .ready-transfrom-left ul li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 16px;
  border: 1px solid rgba(37, 99, 235, 0.1019607843);
  padding: 17px;
  box-shadow: 0px 8px 32px 0px rgba(37, 99, 235, 0.1019607843);
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
  background: rgba(255, 255, 255, 0.8980392157);
  border-radius: 17px;
}
.ready-transfrom-outer .ready-transfrom-main .ready-transfrom-left ul li span {
  width: 40px;
  height: 40px;
  background: #2E6FEF;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ready-transfrom-outer .ready-transfrom-main .ready-transfrom-left ul li .phone-bx {
  padding-left: 10px;
}
.ready-transfrom-outer .ready-transfrom-main .ready-transfrom-left ul li .phone-bx label {
  font-size: 14px;
  display: block;
  color: #101828;
  font-family: "Graphik Medium";
  line-height: 14px;
  padding-bottom: 3px;
}
.ready-transfrom-outer .ready-transfrom-main .ready-transfrom-left ul li .phone-bx a {
  font-size: 14px;
  display: block;
  color: #4A5565;
  text-decoration: none;
}
.ready-transfrom-outer .ready-transfrom-main .ready-transfrom-left ul li .phone-bx p {
  font-size: 14px;
  display: block;
  color: #4A5565;
  text-decoration: none;
  margin-bottom: 0px;
}
@media screen and (max-width: 767px) {
  .ready-transfrom-outer .ready-transfrom-main .ready-transfrom-left {
    min-width: 100%;
    width: 100%;
  }
}
.ready-transfrom-outer .ready-transfrom-main .ready-transfrom-right {
  width: 100%;
  padding: 24px;
  box-shadow: 0px 8px 32px 0px rgba(37, 99, 235, 0.1019607843);
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
  border: 1px solid rgba(37, 99, 235, 0.1019607843);
  border-radius: 16px;
}
.ready-transfrom-outer .ready-transfrom-main .ready-transfrom-right .ready-messge h3 {
  display: flex;
  font-size: 19px;
  line-height: 19px;
  color: #101828;
  align-items: center;
  padding-bottom: 5px;
}
.ready-transfrom-outer .ready-transfrom-main .ready-transfrom-right .ready-messge h3 img {
  margin-right: 10px;
}
.ready-transfrom-outer .ready-transfrom-main .ready-transfrom-right .ready-messge p {
  font-size: 14px;
  line-height: 20px;
  color: #4A5565;
}
.ready-transfrom-outer .ready-transfrom-main .ready-transfrom-right form .ready-form-row {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.ready-transfrom-outer .ready-transfrom-main .ready-transfrom-right form .ready-form-row .ready-form-input {
  width: calc(50% - 16px);
}
.ready-transfrom-outer .ready-transfrom-main .ready-transfrom-right form .ready-form-row .ready-form-input label {
  font-size: 14px;
  line-height: 20px;
  color: #364153;
  font-family: "Graphik Medium";
  display: block;
  padding-bottom: 3px;
}
.ready-transfrom-outer .ready-transfrom-main .ready-transfrom-right form .ready-form-row .ready-form-input input {
  border: 1px solid #E5E7EB;
  width: 100%;
  height: 36px;
  border-radius: 10px;
  padding: 2px 10px;
  color: #99A1AF;
  font-size: 14px;
  outline: none;
  box-shadow: none;
}
.ready-transfrom-outer .ready-transfrom-main .ready-transfrom-right form .ready-form-row .ready-form-input input::-moz-placeholder {
  color: #99A1AF;
  opacity: 1;
}
.ready-transfrom-outer .ready-transfrom-main .ready-transfrom-right form .ready-form-row .ready-form-input input::placeholder {
  color: #99A1AF;
  opacity: 1;
}
.ready-transfrom-outer .ready-transfrom-main .ready-transfrom-right form .ready-form-row .ready-form-input textarea {
  border: 1px solid #E5E7EB;
  width: 100%;
  height: 100px;
  border-radius: 10px;
  padding: 2px 10px;
  color: #99A1AF;
  font-size: 14px;
  resize: none;
  outline: none;
  box-shadow: none;
}
.ready-transfrom-outer .ready-transfrom-main .ready-transfrom-right form .ready-form-row .ready-form-input textarea::-moz-placeholder {
  color: #99A1AF;
  opacity: 1;
}
.ready-transfrom-outer .ready-transfrom-main .ready-transfrom-right form .ready-form-row .ready-form-input textarea::placeholder {
  color: #99A1AF;
  opacity: 1;
}
@media screen and (max-width: 1199px) {
  .ready-transfrom-outer .ready-transfrom-main .ready-transfrom-right form .ready-form-row .ready-form-input {
    width: 100%;
  }
}
.ready-transfrom-outer .ready-transfrom-main .ready-transfrom-right form .ready-form-row .ready-form-input.full {
  width: 100%;
}
.ready-transfrom-outer .ready-transfrom-main .ready-transfrom-right form .ready-form-row .ready-btn {
  width: 100%;
}
.ready-transfrom-outer .ready-transfrom-main .ready-transfrom-right form .ready-form-row .ready-btn button {
  height: 40px;
  padding: 8px 16px;
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  font-family: "Graphik Medium";
  text-align: center;
  border-radius: 10px;
  background: #2564EB;
  border: 1px solid #2564EB;
}
.ready-transfrom-outer .ready-transfrom-main .ready-transfrom-right form .ready-form-row .ready-btn button img {
  margin-left: 8px;
}
.ready-transfrom-outer .ready-transfrom-main .ready-transfrom-right form .ready-form-row .ready-btn button:hover {
  background: #fff;
  color: #000;
}
.ready-transfrom-outer .ready-transfrom-main .ready-transfrom-right form .ready-form-row .ready-btn button:hover img {
  filter: invert(100);
}
@media screen and (max-width: 767px) {
  .ready-transfrom-outer .ready-transfrom-main .ready-transfrom-right {
    min-width: 100%;
    width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .ready-transfrom-outer .ready-transfrom-main {
    max-width: 100%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .ready-transfrom-outer .ready-transfrom-main {
    flex-wrap: wrap;
  }
}

.zeroafi-video .modal-dialog {
  max-width: 800px;
}
.zeroafi-video .modal-dialog .btn-close {
  position: absolute;
  right: 25px;
  top: 25px;
  border: 1px solid rgba(37, 99, 235, 0.3019607843);
  background-color: #FFFFFF;
  box-shadow: 0px 4px 12px 0px rgba(37, 99, 235, 0.2);
  width: 34px;
  height: 34px;
  border-radius: 100%;
  right: -15px;
  top: -15px;
  opacity: 1;
  z-index: 1;
}
.zeroafi-video .modal-dialog .modal-content {
  border-radius: 10px;
}
.zeroafi-video .modal-dialog .modal-body {
  padding: 0px;
}
.zeroafi-video .modal-dialog .modal-body .zeroafi-video {
  line-height: 0;
  border-radius: 10px;
}
.zeroafi-video .modal-dialog .modal-body .zeroafi-video video {
  width: 100%;
  height: 450px;
  border-radius: 10px;
}

.zeroafi-blog-outer {
  padding: 100px 0px 100px;
}
.zeroafi-blog-outer .Zeroafi-head span {
  font-size: 13px;
  background: #fff;
  padding: 9px 17px;
  box-shadow: 0px 8px 32px 0px rgba(37, 99, 235, 0.1019607843);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  border: 1px solid rgba(37, 99, 235, 0.1019607843);
  border-radius: 17px;
  color: #364153;
}
.zeroafi-blog-outer .fetured-section {
  margin-bottom: 100px;
}
.zeroafi-blog-outer .fetured-section h2 {
  font-size: 20px;
  line-height: 28px;
  color: #000;
  font-family: "Graphik Bold";
}
.zeroafi-blog-outer .fetured-section .Featured-area {
  display: flex;
  border-radius: 10px;
  background: #FFFFFF;
  box-shadow: 0px 4px 20px 0px rgba(37, 99, 235, 0.1607843137);
}
.zeroafi-blog-outer .fetured-section .Featured-area .features-images {
  display: flex;
  width: 50%;
  border-radius: 10px;
  overflow: hidden;
}
.zeroafi-blog-outer .fetured-section .Featured-area .features-images a {
  display: flex;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
}
.zeroafi-blog-outer .fetured-section .Featured-area .features-images a img {
  width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
  transition: all 0.5s;
}
.zeroafi-blog-outer .fetured-section .Featured-area .features-images a:hover img {
  transform: scale(1.02);
}
@media screen and (max-width: 767px) {
  .zeroafi-blog-outer .fetured-section .Featured-area .features-images {
    width: 100%;
  }
}
.zeroafi-blog-outer .fetured-section .Featured-area .fatured-text {
  display: flex;
  width: 50%;
  padding: 10px 61px;
  flex-wrap: wrap;
  align-content: center;
}
.zeroafi-blog-outer .fetured-section .Featured-area .fatured-text h3 {
  font-size: 20px;
  line-height: 28px;
  color: #000000;
  font-family: "Graphik Bold";
  padding-bottom: 10px;
}
.zeroafi-blog-outer .fetured-section .Featured-area .fatured-text h3 a {
  color: #000000;
  text-decoration: none;
}
.zeroafi-blog-outer .fetured-section .Featured-area .fatured-text h3 a:hover {
  color: #2563EB;
}
.zeroafi-blog-outer .fetured-section .Featured-area .fatured-text p {
  font-size: 18px;
  line-height: 22px;
  color: #4A5565;
}
.zeroafi-blog-outer .fetured-section .Featured-area .fatured-text p a {
  color: #4A5565;
  text-decoration: none;
}
.zeroafi-blog-outer .fetured-section .Featured-area .fatured-text p a:hover {
  color: #2563EB;
}
.zeroafi-blog-outer .fetured-section .Featured-area .fatured-text a.readmore {
  background: #2563EB;
  border-radius: 10px;
  padding: 7px 30px;
  font-family: "Graphik Medium";
  display: flex;
  font-size: 14px;
  line-height: 20px;
  white-space: nowrap;
  color: #fff;
  text-decoration: none;
  align-items: center;
  border: 1px solid #2563EB;
  transition: all 0.5s;
}
.zeroafi-blog-outer .fetured-section .Featured-area .fatured-text a.readmore:hover {
  background: #fff;
  color: #000;
}
.zeroafi-blog-outer .fetured-section .Featured-area .fatured-text a.readmore:hover img {
  filter: invert(100);
}
@media screen and (max-width: 1024px) {
  .zeroafi-blog-outer .fetured-section .Featured-area .fatured-text {
    padding: 20px 30px;
  }
}
@media screen and (max-width: 767px) {
  .zeroafi-blog-outer .fetured-section .Featured-area .fatured-text {
    width: 100%;
    padding: 20px;
  }
}
@media screen and (max-width: 767px) {
  .zeroafi-blog-outer .fetured-section .Featured-area {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 991px) {
  .zeroafi-blog-outer .fetured-section {
    margin-bottom: 50px;
  }
}
.zeroafi-blog-outer .latest-artical-section h2 {
  font-size: 20px;
  line-height: 28px;
  color: #000;
  font-family: "Graphik Bold";
}
.zeroafi-blog-outer .latest-artical-section .latest-artical-area {
  display: flex;
  gap: 15px;
}
.zeroafi-blog-outer .latest-artical-section .latest-artical-area .latest-artical-bx {
  width: calc(33.33% - 15px);
  border-radius: 10px;
  box-shadow: 0px 4px 20px 0px rgba(37, 99, 235, 0.1607843137);
  background: #FFFFFF;
}
.zeroafi-blog-outer .latest-artical-section .latest-artical-area .latest-artical-bx figure {
  height: 176px;
  display: flex;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
}
.zeroafi-blog-outer .latest-artical-section .latest-artical-area .latest-artical-bx figure a {
  display: flex;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
}
.zeroafi-blog-outer .latest-artical-section .latest-artical-area .latest-artical-bx figure a img {
  width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
  transition: all 0.5s;
}
.zeroafi-blog-outer .latest-artical-section .latest-artical-area .latest-artical-bx figure a:hover img {
  transform: scale(1.02);
}
.zeroafi-blog-outer .latest-artical-section .latest-artical-area .latest-artical-bx .latest-artical-text {
  padding: 0px 30px 50px;
}
.zeroafi-blog-outer .latest-artical-section .latest-artical-area .latest-artical-bx .latest-artical-text h4 {
  font-size: 10px;
  line-height: 20px;
  color: #AAAAAA;
  align-items: center;
  display: flex;
}
.zeroafi-blog-outer .latest-artical-section .latest-artical-area .latest-artical-bx .latest-artical-text h4 img {
  margin-right: 5px;
}
.zeroafi-blog-outer .latest-artical-section .latest-artical-area .latest-artical-bx .latest-artical-text h4 span {
  display: inline-block;
  margin-left: 5px;
}
.zeroafi-blog-outer .latest-artical-section .latest-artical-area .latest-artical-bx .latest-artical-text h3 {
  font-size: 18px;
  line-height: 28px;
  color: #000;
  font-family: "Graphik Bold";
}
.zeroafi-blog-outer .latest-artical-section .latest-artical-area .latest-artical-bx .latest-artical-text h3 a {
  color: #000;
  text-decoration: none;
}
.zeroafi-blog-outer .latest-artical-section .latest-artical-area .latest-artical-bx .latest-artical-text h3 a:hover {
  color: #2563EB;
}
@media screen and (max-width: 991px) {
  .zeroafi-blog-outer .latest-artical-section .latest-artical-area .latest-artical-bx .latest-artical-text h3 {
    line-height: 22px;
  }
}
.zeroafi-blog-outer .latest-artical-section .latest-artical-area .latest-artical-bx .latest-artical-text p {
  font-size: 14px;
  line-height: 18px;
  color: #979797;
}
.zeroafi-blog-outer .latest-artical-section .latest-artical-area .latest-artical-bx .latest-artical-text p a {
  color: #979797;
  text-decoration: none;
}
.zeroafi-blog-outer .latest-artical-section .latest-artical-area .latest-artical-bx .latest-artical-text p a:hover {
  color: #2563EB;
}
.zeroafi-blog-outer .latest-artical-section .latest-artical-area .latest-artical-bx .latest-artical-text a.readmore {
  border: 1px solid #3378F2;
  display: flex;
  border-radius: 16px;
  padding: 1px 8px;
  font-size: 10px;
  line-height: 20px;
  color: #000;
  font-family: "Graphik Medium";
  max-width: 95px;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: all 0.5s;
}
.zeroafi-blog-outer .latest-artical-section .latest-artical-area .latest-artical-bx .latest-artical-text a.readmore img {
  margin-left: 7px;
}
.zeroafi-blog-outer .latest-artical-section .latest-artical-area .latest-artical-bx .latest-artical-text a.readmore:hover {
  background: #2563EB;
  color: #fff;
}
.zeroafi-blog-outer .latest-artical-section .latest-artical-area .latest-artical-bx .latest-artical-text a.readmore:hover img {
  filter: invert(100);
}
@media screen and (max-width: 991px) {
  .zeroafi-blog-outer .latest-artical-section .latest-artical-area .latest-artical-bx .latest-artical-text {
    padding: 0px 15px 30px;
  }
}
@media screen and (max-width: 991px) {
  .zeroafi-blog-outer .latest-artical-section .latest-artical-area .latest-artical-bx {
    width: calc(50% - 15px);
  }
}
@media screen and (max-width: 576px) {
  .zeroafi-blog-outer .latest-artical-section .latest-artical-area .latest-artical-bx {
    width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .zeroafi-blog-outer .latest-artical-section .latest-artical-area {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media screen and (max-width: 1023px) {
  .zeroafi-blog-outer {
    padding: 50px 0px 50px;
  }
}

.Zeroafi-faq-outer {
  padding: 100px 0px 100px;
}
.Zeroafi-faq-outer .Zeroafi-head span {
  font-size: 13px;
  background: #fff;
  padding: 9px 17px;
  box-shadow: 0px 8px 32px 0px rgba(37, 99, 235, 0.1019607843);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  border: 1px solid rgba(37, 99, 235, 0.1019607843);
  border-radius: 17px;
  color: #364153;
}
.Zeroafi-faq-outer .Zeroafi-faq-main .filter-icon {
  display: none;
  background: #222344;
  border: none;
  border-radius: 50%;
  width: 46px;
  height: 46px;
  position: relative;
  margin-bottom: 18px;
  cursor: pointer;
  outline: none;
}
@media screen and (max-width: 767px) {
  .Zeroafi-faq-outer .Zeroafi-faq-main .filter-icon {
    display: block;
  }
}
.Zeroafi-faq-outer .Zeroafi-faq-main .filter-icon:after {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  position: absolute;
  left: 50%;
  top: 50%;
  background: url('data:image/svg+xml;utf8,<svg fill="white" viewBox="0 0 24 24" width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M4 6h16M7 12h10M10 18h4" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center/contain;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.Zeroafi-faq-outer .Zeroafi-faq-main .filter-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 36px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  justify-content: center;
}
.Zeroafi-faq-outer .Zeroafi-faq-main .filter-tabs .tab {
  border: 1px solid rgba(37, 99, 235, 0.1019607843);
  box-shadow: 0px 8px 32px 0px rgba(37, 99, 235, 0.1019607843);
  background: rgba(255, 255, 255, 0.8980392157);
  padding: 10px 26px;
  font-size: 14px;
  color: #364153;
  border-radius: 30px;
  min-width: 100px;
}
.Zeroafi-faq-outer .Zeroafi-faq-main .filter-tabs .tab:not(.active):hover {
  background: #3075F1;
  border-color: #3075F1;
  color: #fff;
}
.Zeroafi-faq-outer .Zeroafi-faq-main .filter-tabs .tab.active {
  background: #3075F1;
  color: #fff;
  border-color: #3075F1;
  box-shadow: 0px 8px 32px 0px rgba(37, 99, 235, 0.1019607843);
}
@media screen and (max-width: 767px) {
  .Zeroafi-faq-outer .Zeroafi-faq-main .filter-tabs {
    display: none;
  }
}
.Zeroafi-faq-outer .Zeroafi-faq-main .mobile-filter-list {
  display: none;
  flex-direction: column;
  gap: 8px;
  background: #222344;
  padding: 10px 0px;
  border-radius: 12px;
  box-shadow: 0 2px 12px 0 rgba(23, 47, 94, 0.12);
  margin-bottom: 24px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: absolute;
  left: 16px;
  right: 16px;
  top: 108px;
  z-index: 10;
}
.Zeroafi-faq-outer .Zeroafi-faq-main .mobile-filter-list.open {
  display: flex;
}
.Zeroafi-faq-outer .Zeroafi-faq-main .mobile-filter-list.open .tab {
  text-align: left;
  padding: 4px 20px;
  border-radius: 6px;
  border: none;
  background: transparent;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
  outline: none;
}
.Zeroafi-faq-outer .Zeroafi-faq-main .mobile-filter-list.open .tab:hover {
  background: #3075F1;
  color: #fff;
}
.Zeroafi-faq-outer .Zeroafi-faq-content {
  max-width: 1024px;
  margin: 0 auto;
}
.Zeroafi-faq-outer .Zeroafi-faq-content .content-card {
  background: #FFFFFF;
  box-shadow: 0px 4px 20px 0px rgba(37, 99, 235, 0.1607843137);
  padding: 34px 49px;
  border-radius: 20px;
  margin-bottom: 17px;
}
.Zeroafi-faq-outer .Zeroafi-faq-content .content-card .accordion-item {
  border: none;
  border-radius: 0px;
}
.Zeroafi-faq-outer .Zeroafi-faq-content .content-card .accordion-item .accordion-header {
  padding-right: 10px;
  background: url(../images/Zeroafi-image/accrodtion-arrow.png) no-repeat right 10px;
}
.Zeroafi-faq-outer .Zeroafi-faq-content .content-card .accordion-item .accordion-header h3 {
  font-size: 20px;
  color: #3075F1;
  line-height: 28px;
  font-family: "Graphik Bold";
  margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
  .Zeroafi-faq-outer .Zeroafi-faq-content .content-card .accordion-item .accordion-header h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
.Zeroafi-faq-outer .Zeroafi-faq-content .content-card .accordion-item .accordion-header span {
  border: 1px solid rgba(37, 99, 235, 0.1019607843);
  background: linear-gradient(0deg, rgba(59, 130, 246, 0.2), rgba(59, 130, 246, 0.2)), linear-gradient(0deg, rgba(37, 99, 235, 0.06), rgba(37, 99, 235, 0.06));
  border-radius: 20px;
  box-shadow: 0px 8px 32px 0px rgba(37, 99, 235, 0.1019607843);
  font-size: 10px;
  line-height: 20px;
  padding: 5px 16px;
}
@media screen and (max-width: 767px) {
  .Zeroafi-faq-outer .Zeroafi-faq-content .content-card .accordion-item .accordion-header {
    padding-right: 20px;
  }
}
.Zeroafi-faq-outer .Zeroafi-faq-content .content-card .accordion-item .accordion-body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease;
  padding: 0px;
}
.Zeroafi-faq-outer .Zeroafi-faq-content .content-card .accordion-item.open .accordion-body {
  padding-top: 30px;
}
.Zeroafi-faq-outer .Zeroafi-faq-content .content-card .accordion-item.open .accordion-body p {
  font-size: 18px;
  line-height: 24px;
  color: #4A5565;
}
.Zeroafi-faq-outer .Zeroafi-faq-content .content-card .accordion-item.open .accordion-header {
  background: url(../images/Zeroafi-image/accrodtion-arrow1.png) no-repeat right 10px;
}
@media screen and (max-width: 767px) {
  .Zeroafi-faq-outer .Zeroafi-faq-content .content-card {
    padding: 22px 20px;
  }
}
@media screen and (max-width: 1024px) {
  .Zeroafi-faq-outer {
    padding: 50px 0px 50px;
  }
}/*# sourceMappingURL=main.css.map */