body {
  background: #13101C;
  color: #FFF;
  font-family: 'NeueMontrealRegular';
}

@font-face {
  font-family: 'NeueMontrealRegular';
  src: url('../fonts/NeueMontrealRegular.eot');
  src: url('../fonts/NeueMontrealRegular.eot') format('embedded-opentype'),
    url('../fonts/NeueMontrealRegular.woff2') format('woff2'),
    url('../fonts/NeueMontrealRegular.woff') format('woff'),
    url('../fonts/NeueMontrealRegular.ttf') format('truetype'),
    url('../fonts/NeueMontrealRegular.svg#NeueMontrealRegular') format('svg');
}

@font-face {
  font-family: 'NeueMontrealMedium';
  src: url('../fonts/NeueMontrealMedium.eot');
  src: url('../fonts/NeueMontrealMedium.eot') format('embedded-opentype'),
    url('../fonts/NeueMontrealMedium.woff2') format('woff2'),
    url('../fonts/NeueMontrealMedium.woff') format('woff'),
    url('../fonts/NeueMontrealMedium.ttf') format('truetype'),
    url('../fonts/NeueMontrealMedium.svg#NeueMontrealMedium') format('svg');
}

@font-face {
  font-family: 'Dancing Script';
  src: url('../fonts/DancingScript-Medium.eot');
  src: url('../fonts/DancingScript-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/DancingScript-Medium.woff2') format('woff2'),
    url('../fonts/DancingScript-Medium.woff') format('woff'),
    url('../fonts/DancingScript-Medium.ttf') format('truetype'),
    url('../fonts/DancingScript-Medium.svg#DancingScript-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap
}

li,
p {
  font-family: 'NeueMontrealRegular' !important;
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #13101C;
  border-radius: 8px;
}

::-webkit-scrollbar-thumb {
  background: #7946A1;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: #FF0F6B;
  border-radius: 10px;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.header .primary .navbar .navbar-collapse .navbar-nav .sub li a,
.header primary .navbar .navbar-collapse .navbar-nav>li>a,
.nimbusfont,
body,
h1,
h2,
h3,
h4,
h5,
h6,
span,
ul.nav-tabs.mobiletab>li.nav-item>a.nav-link {
  font-family: 'NeueMontrealRegular';
}

.wrappermain .container {
  max-width: 1680px;
  padding-left: 15px;
  padding-right: 15px;
}

body .row {
  margin-left: -15px;
  margin-right: -15px;
}

body .row>* {
  padding-left: 15px;
  padding-right: 15px;
}
.section-padding-200 {
  padding: 200px 0;
}
.section-padding-b-200 {
  padding-bottom: 200px;
}
.section-padding-t-200 {
  padding-top: 200px;
}
.header-sticky header {
  background: rgba(19, 16, 28, 0.5);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.site-header {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
}
.navbar {
  min-height: 107px;
  padding: 0;
  justify-content: space-between;
}
.navbar-brand {
  width: 74px;
  text-align: center;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.main-menu {
  gap: 50px;
  align-items: center;
}
.navbar-expand-xl .navbar-nav.main-menu .nav-link {
  font-family: 'NeueMontrealRegular';
  font-weight: normal;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: left;
  color: #FFF;
}
.navbar-expand-xl .navbar-nav.main-menu .nav-link span {
  font-family: 'NeueMontrealRegular';
  font-weight: normal;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
}
.navbar-expand-xl .navbar-nav.main-menu .nav-link:hover,
.navbar-expand-xl .navbar-nav .mega-menu-item.active .nav-link {
  color: #72cfff;
}
.navbar-expand-xl .navbar-nav.main-menu .nav-link:hover svg * {
  stroke: #72cfff;
}
.header-actions {
  display: flex;
  align-items: center;
  gap: 20px;
}
.primary-btn,
.btn-primary,
.secondary-btn {
  z-index: 2;
  overflow: hidden;
  padding: 0 30px;
  position: relative;
  height: 49px;
  border-radius: 30px;
  background: transparent;
  border-radius: 30px;
  text-decoration: none;
  color: #FFF;
  font-family: 'NeueMontrealMedium';
  font-weight: normal;
  font-size: 18px;
  line-height: 53px;
  letter-spacing: 0%;
  text-align: center;
  height: 53px;
  line-height: 53px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease;
}
.secondary-btn span {
  position: relative;
  z-index: 1;
}
.primary-btn,
.btn-primary {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #ffffff;
  /* Gradient matching your image (Blue-Grey -> Coral Orange -> Vibrant Pink -> Loop back) */
  background: linear-gradient(90deg, #67CCFD 0%, #FE5F3C 10%, #FE5F3C 10%, #FF0F6B 30%, #D337BB 40%, #FE5F3C 50%, #67CCFD 100%);
  background-size: 300% 100%;
  background-position: 0% 50%;
  transition: background-position 0.5s ease, transform 0.2s ease, box-shadow 0.2s ease;
  cursor: pointer;
  border: none;
  outline: none;
}
.primary-btn:hover,
.btn-primary:hover {
  color: #FFF;
  animation: continuousGradient 5s linear infinite;
}
@keyframes continuousGradient {
  0% {
    background-position: 0% 50%;
  }

  100% {
    background-position: 300% 50%;
  }
}
.secondary-btn:hover {
  color: #FFF;
}
.secondary-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px;
  border-radius: inherit;
  background: linear-gradient(90deg,
      #67CCFD 0%,
      #FE5F3C 34.13%,
      #FF0F6B 70.67%,
      #D337BB 100%);
  -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: 3;
}
.secondary-btn .btn-hover-circle {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: linear-gradient(90deg,
      #67CCFD 0%,
      #FE5F3C 34.13%,
      #FF0F6B 70.67%,
      #D337BB 100%);
  transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: -1;
}
.secondary-btn:hover .btn-hover-circle {
  width: 250%;
  height: 600px;
}
/* =========================
   SERVICE LIST
========================= */
.service-list {
  padding-top: 10px;
}
.service-list a {
  height: 41px;
  display: flex;
  align-items: center;
  gap: 14px;
  color: #c5c2c9;
  text-decoration: none;
  font-size: 13px;
  transition: 0.25s ease;
}

.service-list a:hover {
  color: #6bcaf6;
  padding-left: 5px;
}

.service-list i {
  width: 20px;
  text-align: center;
  font-size: 19px;
  color: #64caf7;
}
.pink-list i {
  color: #e82a98;
}
.pink-list a:hover {
  color: #ed57b1;
}

/* =========================
   OVERLAY
========================= */
.menu-overlay {
  position: fixed;
  inset: 0;
  background: rgba(12, 12, 18, 0.58);
  backdrop-filter: blur(9px);
  -webkit-backdrop-filter: blur(9px);
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease;
  pointer-events: none;
}
body.menu-open .menu-overlay {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* =========================
   MOBILE
========================= */
.navbar-toggler {
  color: #fff;
  font-size: 27px;
}

.mobile-menu {
  background: #1b1927;
  color: #fff;
  width: min(400px, 100%);
}

.mobile-menu .offcanvas-header {
  padding: 18px 22px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.mobile-nav {
  list-style: none;
  padding: 0;
  margin: 0;
}

.mobile-nav li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.mobile-nav a,
.mobile-dropdown {
  width: 100%;
  padding: 18px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  background: transparent;
  border: 0;
}

.mobile-submenu {
  padding: 0 0 12px 20px;
}

.mobile-submenu a {
  color: #aaa6b3;
  font-size: 14px;
  padding: 10px 0;
}

.mobile-actions {
  display: grid;
  gap: 14px;
  padding-top: 30px;
}

.mobile-actions .primary-btn,
.mobile-actions .secondary-btn {
  width: 100%;
}

/* =========================
   RESPONSIVE
========================= */
@media (max-width: 1400px) {
  .main-menu {
    gap: 22px;
  }

  .header-actions {
    gap: 10px;
  }

  .primary-btn {
    min-width: 130px;
  }

  .secondary-btn {
    min-width: 165px;
  }
}

@media (max-width: 1199px) {
  .site-header {
    height: 76px;
  }

  .navbar {
    min-height: 76px;
  }

  .hero-section {
    padding-top: 100px;
  }
}

@media (max-width: 767px) {
  .site-header .container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .logo-box {
    width: 54px;
    height: 48px;
  }
}

@media (min-width: 1200px) {
  .navbar-toggler {
    display: none;
  }
}

/* =========================
   RESPONSIVE
========================= */
.main-navigation {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mobile-menu-top {
  display: none;
}

.mega-trigger {
  border: 0;
  background: transparent;
  color: #e6e6e8;
  display: flex;
  align-items: center;
  gap: 6px;
}

.mega-menu-item {
  position: relative;
}

.mega-menu {
  position: fixed;
  top: 83px;
  left: 50%;
  transform: translateX(-50%) translateY(10px);
  width: min(940px, calc(100vw - 40px));
  min-height: 435px;
  display: flex;
  background: #191724;
  border: 1px solid #5bbef3;
  border-radius: 22px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.3s ease;
  z-index: 1001;
}

.mega-menu-item.active .mega-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}

.mega-sidebar {
  width: 235px;
  flex-shrink: 0;
  background: #302e40;
  border-radius: 20px 0 0 20px;
  overflow: hidden;
}

.mega-category {
  width: 100%;
  min-height: 86px;
  padding: 17px 25px;
  text-align: left;
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, .12);
  color: #aaa;
}

.mega-category strong,
.mega-category span {
  display: block;
}

.mega-category strong {
  font-size: 14px;
}

.mega-category span {
  margin-top: 6px;
  font-size: 12px;
}

.mega-category.active {
  background: #292738;
  color: #fff;
}

.mega-content {
  flex: 1;
  padding: 27px 38px;
}

.mega-panel {
  display: none;
}

.mega-panel.active {
  display: block;
}

.mega-columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 80px;
}

/* =========================
   RESPONSIVE
========================= */
@media (max-width: 1199px) {
  .navbar {
    min-height: 76px;
  }

  .navbar-toggler {
    display: block;
    color: #fff;
    font-size: 28px;
  }
}

/* =========================
   RESPONSIVE
========================= */

.inner_hero_section {
  padding-top: 124px;
}

.innerbannertext h1 {
  color: #FFF;
  font-family: "Anton", sans-serif;
  font-weight: 400;
  font-size: 80px;
  line-height: 120px;
  letter-spacing: 0%;
  margin-bottom: 8px;
}

.innerbannertext h1 span {
  position: relative;
  background: rgb(103, 204, 253);
  background: -moz-linear-gradient(left, rgba(103, 204, 253, 1) 0%, rgba(211, 55, 187, 1) 30%, rgba(255, 15, 107, 1) 70%, rgba(254, 95, 60, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(103, 204, 253, 1) 0%, rgba(211, 55, 187, 1) 30%, rgba(255, 15, 107, 1) 70%, rgba(254, 95, 60, 1) 100%);
  background: linear-gradient(to right, rgba(103, 204, 253, 1) 0%, rgba(211, 55, 187, 1) 30%, rgba(255, 15, 107, 1) 70%, rgba(254, 95, 60, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67ccfd', endColorstr='#fe5f3c', GradientType=1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200% 200%;
  animation: gradient 4s ease infinite;
  font-family: "Anton", sans-serif;
  font-weight: 400;
  letter-spacing: 0%;
}

.innerbannertext h1 span::after {
  position: absolute;
  right: -30px;
  bottom: -2px;
  height: 25px;
  width: 100%;
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='383' height='26' viewBox='0 0 383 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 25.7679C6.24249 24.7503 12.6888 23.7605 18.9637 22.8524C76.0359 14.6664 133.527 10.1231 191.048 6.77647C248.601 3.51954 306.097 1.57045 363.821 0.885804C370.354 0.819495 376.623 0.772696 383 0.768143C376.626 0.572716 370.357 0.429502 363.823 0.315807C306.086 -0.619731 248.496 0.52048 190.877 3.78138C133.295 7.13046 75.7332 12.496 18.8741 22.2895C12.6241 23.3759 6.20721 24.5535 0 25.7679Z' fill='white'/%3E%3Cpath d='M170.5 19.2681C173.49 19.0127 176.368 18.7721 179.349 18.5252C205.854 16.3343 232.361 14.4565 258.919 13.211C285.46 11.9486 312.041 11.3964 338.633 11.2949C341.589 11.2819 344.54 11.2733 347.5 11.2681C344.541 11.1733 341.591 11.087 338.637 11.01C312.051 10.3013 285.421 10.4487 258.849 11.7127C232.259 12.9596 205.75 15.2442 179.321 18.2415C176.349 18.5781 173.48 18.9133 170.5 19.2681Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 75% 26px;
  background-position: right;
}

.innerbannertext p {
  color: #fff;
  font-family: 'NeueMontrealRegular';
  font-weight: normal;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0%;
  margin-bottom: 30px;
  width: 100%;
  max-width: 800px;
}

.innerbannerimg {
  position: relative;
  text-align: right;
}

.innerbannerimg img {
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  max-width: 587px;
  max-height: 100%;
}

.banner-review {
  color: #fff;
  margin-bottom: 10px;
  font-size: 24px;
  font-family: 'NeueMontrealRegular';
  font-weight: 400;
}

.banner-review img {
  width: auto;
  height: 30px;
  object-fit: contain;
  margin-right: 2px;
}

.banner-review .review-lable {
  font-family: 'NeueMontrealRegular';
  font-weight: normal;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0.2px;
  color: #FFF;
  margin-left: 7px;
  position: relative;
  padding-left: 10px;
}

.banner-review .review-lable::before {
  position: absolute;
  left: 0;
  height: 100%;
  background-color: #FFF;
  width: 1px;
  content: '';
  top: 0;
}

.partners-logo {
  padding: 50px 0 0 0
}

.partners-logo .partners-row {
  position: relative;
  overflow: hidden;
  margin-top: 20px
}

.partners-logo .partners-row::after,
.partners-logo .partners-row::before {
  content: "";
  position: absolute;
  top: 0;
  width: 100px;
  height: 100%;
  z-index: 2
}

.partners-logo .partners-row::before {
  left: 0;
  background: 0 0
}

.partners-logo .partners-row::after {
  right: 0;
  background: 0 0
}

.partners-logo .partners-track {
  display: flex;
  width: max-content;
  gap: 100px;
}

.partners-logo .partner-card {
  background: 0 0;
  padding: 0;
  margin-right: 0px;
  min-width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.partners-logo .partner-card img {
  height: auto;
  width: 120px;
  object-fit: contain;
}

.partners-logo .partners-logo h5 {
  font-weight: 500;
  font-size: var(--font-14);
  line-height: 17px;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 20px;
  text-align: left
}

@keyframes scroll-left {
  from {
    transform: translateX(0)
  }

  to {
    transform: translateX(-50%)
  }
}

@keyframes scroll-right {
  from {
    transform: translateX(-50%)
  }

  to {
    transform: translateX(0)
  }
}

.partners-row.marquee-left .partners-track {
  animation: scroll-left 80s linear infinite
}

.partners-row.marquee-right .partners-track {
  animation: scroll-right 80s linear infinite
}

.partners-row.marquee-left:hover .partners-track {
  animation-play-state: paused;
}

.partners-row.marquee-right .partners-track:hover {
  animation-play-state: paused;
}

.clients_section {
  width: 100%;
  position: relative;
}

.clients_section:before {
  content: "";
  position: absolute;
  width: 700px;
  height: 700px;
  background: linear-gradient(90deg, #67ccfd 0, #d337bb 50%, #ff0f6b 75%, #fe5f3c 100%);
  opacity: .3;
  filter: blur(100px);
  transform: rotate(-45deg);
  z-index: 0;
  left: -442.35px;
  top: 0;
}

.clients_section:after {
  content: "";
  position: absolute;
  width: 400px;
  height: 400px;
  left: 1622px;
  bottom: 0;
  background: linear-gradient(90deg, #67ccfd 0, #d337bb 50%, #ff0f6b 75%, #fe5f3c 100%);
  opacity: .3;
  filter: blur(75px);
  transform: rotate(-45deg);
  top: auto
}

.wrappermain {
  overflow-x: clip;
}

.clients_section .clients_main {
  overflow: hidden;
}

.clients_slider_box .clients_slider_img {
  overflow: hidden;
  position: relative;
  border-radius: 10px;
  z-index: 1;
  display: block;
  height: auto;
  width: 350px
}

.clients_slider_box .clients_slider_img img {
  display: block;
  width: 100%;
  height: 100%;
  box-shadow: none;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
  object-fit: cover
}

.clients_slider_box {
  display: flex;
  flex-wrap: nowrap;
}

.clients_slider_box .clients_slider_con {
  flex: 1 1 0;
  padding-left: 29px;
  padding-top: 22px;
  padding-bottom: 0px
}

.clients_slider_svg_box {
  width: auto;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  margin-bottom: 40px
}

.owl-carousel .owl-item .clients_slider_svg_box img {
  width: auto;
  height: 100%;
  object-fit: contain;
  filter: brightness(0) invert(1);
}

.clients_main .owl-carousel .owl-stage-outer {
  overflow: visible
}

.clients_main .clients_main_box {
  width: 74.8%;
  margin-top: 55px;
  position: relative
}

.clients_main .clients_main_box:before {
  display: none;
}

.clients_slider_title h6 {
  font-family: 'NeueMontrealRegular';
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0%;
  color: #FFF;
}

.clients_slider_box {
  background: rgba(39, 34, 53, .6);
  border: 1px solid rgba(255, 255, 255, .15);
  border-radius: 20px;
  padding: 20px;
  height: 100%
}

.clients_slider_title>span {
  margin-bottom: 10px;
  display: block;
  font-family: 'NeueMontrealMedium';
  font-weight: normal;
  font-size: 9px;
  line-height: 100%;
  letter-spacing: 0%;
  color: rgba(255, 255, 255, 1);
  text-align: left;
  text-transform: uppercase;
}

.clients_slider_two_box_main {
  display: flex;
  flex-wrap: nowrap;
  gap: 15px;
}

.seo-content iframe {
  width: 100%;
}

.clients_slider_two_box_main .clients_slider_two_box {
  width: 100%;
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, .15);
  padding-right: 0px;
}

.clients_slider_two_box .clients_slider_num {
  font-weight: 500;
  font-size: var(--font-30);
  line-height: var(--line-120);
  color: #fff;
  font-family: 'NeueMontrealMedium';
}

.clients_slider_two_box .clients_slider_num span {
  color: var(--lite-purple) !important;
  display: inline-block;
  font-size: var(--font-30);
}

.clients_slider_two_box p {
  font-family: 'NeueMontrealRegular';
  font-weight: 400;
  font-size: var(--font-12);
  line-height: var(--line-130);
  color: #fff;
  opacity: .7;
  margin: 10px 0 30px 0;
}

.clients_main .owl-carousel .owl-stage {
  display: flex;
  flex-wrap: wrap
}

.clients_main .owl-carousel .owl-item {
  display: flex;
  flex-wrap: wrap
}

.landing_choose_box:before {
  position: absolute;
  content: "";
  background: linear-gradient(0deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .05));
  inset: 0
}

.clients_main .owl-carousel .item {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%
}

.clients_slider_con .case-study-link a {
  font-weight: 700;
  font-size: 13px;
  line-height: 138%;
  letter-spacing: 0%;
  color: #919191;
}

.clients_slider_con .case-study-link a span {
  border-bottom: 1px #919191 solid;
  margin-right: 6px;
}

.case-study-all-btn {
  margin-top: 40px;
}

.clients_slider_box .clients_slider_img::before {
  content: "";
  inset: 0;
  position: absolute;
  background: linear-gradient(120deg, rgba(0, 0, 0, .3) 0, rgba(0, 0, 0, 0) 57.97%);
  z-index: 1
}

.clients_slider_box .clients_slider_img span {
  font-family: 'NeueMontrealMedium';
  font-weight: normal;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px 10px;
  position: absolute;
  min-width: 57px;
  width: auto;
  height: 19px;
  left: 20px;
  top: 20px;
  background: rgba(0, 0, 0, .2);
  border-radius: 150px;
  z-index: 1;
  font-size: 9px;
  color: #fff;
  text-transform: uppercase;
  line-height: 19px;
  display: block;
  text-align: center;
}

.success_main_box_bg {
  margin-top: 70px;
  position: relative;
}

.success_section .main_landing_page_title p {
  max-width: 1082px;
  font-family: 'NeueMontrealRegular';
  font-weight: 400;
  font-size: 32px;
  line-height: 140%;
  letter-spacing: 0%;
  text-align: center;
}

.copyright_main ul li::before {
  height: 16px;
}

.success_section .success_main .success_main_box_bg {
  margin-top: 0px;
  padding: 170px 0;
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.success_section .success_main .success_main_box_bg .success_main_box::after {
  content: '';
  left: 0;
  bottom: -50%;
  width: 100%;
  height: 30%;
  z-index: -1;
  background: radial-gradient(20.55% 98.46% at 50% 50%, #13101C 0%, rgba(19, 16, 28, 0) 100%);
  position: absolute;
}

.success_section .success_main .success_main_box_bg .success_main_box::before {
  content: '';
  left: 0;
  top: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(356deg, #13101c 58.9%, rgba(19, 16, 28, 0) 77.53%);
  position: absolute;
}

.success_section .success_main .success_main_box_bg .success_main_box {
  position: relative;
  z-index: 1;
}

.success_section .success_main .success_main_box_bg:after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 80px;
  content: '';
  background: url('../images/bg-bottom-img.png') center bottom no-repeat;
  background-size: 80% auto;
  width: 100%;
  height: 50%;
  z-index: -1;
  opacity: 0.6;
}

.success_section .success_main .success_main_box_bg::before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  content: '';
  background: url('../images/bg-top-img.svg') 0 0 no-repeat;
  background-size: 100% auto;
  width: 100%;
  height: 50%;
}

.success_main_content {
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.success_con_box {
  position: relative;
  cursor: auto;
  background: #272235;
  border: none;
  border-radius: 20px;
  overflow: hidden;
  height: auto;
  margin-bottom: 30px;
}

.success_con_box .bg-video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  min-height: 100%;
  max-width: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  object-position: center;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all .4s ease;
  z-index: 0
}

.success_con_box .success_small {
  justify-content: space-between;
  transition: all 0.5s ease-in-out 0s;
  transform: translateY(0px);
  font-family: 'NeueMontrealRegular';
  font-weight: normal;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0%;
  text-transform: uppercase;
  position: relative;
  display: flex
}

.success_main_content:before {
  display: none;
}

.success_num_main p {
  font-family: 'NeueMontrealRegular';
  font-weight: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.success_con_box .success_small .dot {
  height: 13px;
  width: 13px;
  border-radius: 100%;
}

.success_con_box .success_small .dot.pink {
  background: #FF0F6B;
}

.success_con_box .success_small .dot.blue {
  background: #67CCFD;
}

.success_con_box .success_small .dot.orange {
  background: #FE5F3C;
}

.success_con_box .success_small .dot.green {
  background: #A1FFE6;
}

.success_con_box:hover .success_small {
  transform: translateY(10px);
}

.success_main_box .row {
  position: relative;
  z-index: 1;
}

.success_num_main {
  margin-top: 80px;
  transition: all 0.5s ease-in-out 0s;
  transform: translateY(10px);
}

.success_con_box:hover .success_num_main {
  transform: translateY(0px);
}

.success_num_main .success_num {
  font-weight: 500;
  font-size: var(--font-80);
  line-height: var(--line-100);
  margin-bottom: 20px;
  display: block;
  font-family: 'NeueMontrealMedium';
}

.success_num_main p {
  font-weight: 400;
  font-size: var(--font-18);
  line-height: var(--line-130);
  opacity: 1
}

.landing_p_title p {
  font-weight: 400;
  font-size: var(--font-32);
  line-height: var(--line-140)
}

.main_landing_page_title.larch_title {
  max-width: 1100px;
  width: 100%;
  margin-bottom: 50px;
}

.landing_choose_box {
  padding: 425px 0;
  margin-top: 70px;
  border-radius: 20px;
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 0;
  overflow: hidden
}

.landing_choose_slider_main {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100px;
  max-width: 1450px;
  margin: 0 auto
}

.landing_choose_content_main h5 {
  font-weight: 500;
  font-size: var(--font-24);
  line-height: var(--line-120);
  margin-bottom: 20px
}

.landing_choose_content_main p {
  font-weight: 400;
  font-size: var(--font-18);
  line-height: var(--line-130);
  opacity: .7
}

.landing_choose_content {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  background: rgba(19, 16, 28, .5);
  backdrop-filter: blur(25px);
  border-radius: 20px;
  padding: 30px;
  position: relative
}

.landing_choose_content_num {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  background: linear-gradient(90deg, #67ccfd 0, #d337bb 50%, #ff0f6b 75%, #fe5f3c 100%);
  border-radius: 150px;
  font-weight: 500;
  font-size: var(--font-24)
}

.landing_choose_content_main {
  flex: 1 1 0;
  margin-left: 30px
}

.landing_choose_content::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px;
  border-radius: inherit;
  background: linear-gradient(to right, #67ccfd, #d337bb, #ff0f6b, #fe5f3c);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none
}

.landing_choose_slider_main .owl-carousel .owl-stage {
  display: flex;
  flex-wrap: wrap
}

.landing_choose_slider_main .owl-carousel .owl-item {
  display: flex;
  flex-wrap: wrap
}

.landing_choose_slider_main .owl-carousel .item {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%
}

.landing_choose_section {
  position: relative
}

.landing_choose_section:before {
  content: "";
  position: absolute;
  width: 700px;
  height: 700px;
  background: linear-gradient(90deg, #67ccfd 0, #d337bb 50%, #ff0f6b 75%, #fe5f3c 100%);
  opacity: .3;
  filter: blur(100px);
  transform: rotate(-45deg);
  z-index: 0;
  left: -442.35px;
  top: 0
}

.process-section {
  padding: 200px 35px;
  overflow: hidden;
}

.process-section .process-title {
  text-align: center;
  margin-bottom: 60px;
}

.process-section .process-grid {
  width: 100%;
  min-height: 733px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  max-width: 1650px;
}

.process-section .process-item {
  position: relative;
  height: 100%;
  border-right: 1px solid #8c8c8c50;
  transition: width 0.6s ease, background 0.4s ease;
}

.process-section .process-item:last-child {
  border-right: none;
}

.process-section .process-number {
  display: inline-block;
  width: 100%;
  text-align: left;
}

.process-section .process-content {
  z-index: 3;
}

.process-section .process-number span {
  font-family: 'NeueMontrealMedium';
  font-weight: normal;
  font-style: italic;
  min-width: 70px;
  display: inline-block;
  font-size: 50px;
  line-height: 100%;
  letter-spacing: 0%;
  background: linear-gradient(140.53deg, #67CCFD 0%, #FF0F6B 86.92%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.process-item h3 {
  margin: 30px 0 0 0;
  font-family: 'NeueMontrealMedium';
  font-weight: normal;
  font-size: 50px;
  line-height: 100%;
  letter-spacing: 0%;
  z-index: 3;
  color: #FFF;
}

.process-image {
  z-index: 22;
  width: 315px;
  height: 360px;
  overflow: hidden;
  opacity: 1;
  transform: scale(.92);
  pointer-events: none;
  transition: opacity .45s ease, transform .65s cubic-bezier(.22, 1, .36, 1);
}

.process-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.process-item-1 .process-content {
  top: 277px;
  left: 0px;
}

.process-item-1 .process-image {
  top: 160px;
  left: 0px;
}

.process-item-2 .process-content {
  top: 67px;
  left: 50px;
}

.process-item-2 .process-image {
  top: 155px;
  left: 50px;
}

.process-item-3 .process-content {
  top: 287px;
  left: 50px;
}

.process-item-3 .process-image {
  top: 155px;
  left: 50px;
}

.process-item-4 .process-content {
  top: 477px;
  left: 50px;
}

.process-item-4 .process-image {
  top: 170px;
  left: 50px;
}

.process-item:hover .process-image {
  opacity: 1;
  transform: scale(1);
}

.process-grid:hover .process-item .process-image {
  opacity: 0;
  transform: scale(.92);
}

.process-grid .process-item:hover .process-image {
  opacity: 1;
  transform: scale(1);
}

/* Tabbing CSS Start */
.google-reviews-bar .review-box {
  display: flex;
  gap: 6px;
  flex-direction: column;
}

.key-areas {
  padding: 200px 0 0 0;
  overflow: hidden;
}

.section-heading {
  text-align: center;
  margin-bottom: 42px;
}

.key-tabs {
  width: 100%;
  max-width: 932px;
  margin: 0 auto;
  padding: 0 80px;
  height: 59px;
  display: flex;
  align-items: flex-end;
  border-bottom: 2px solid #2C273D;
}

.key-tab {
  position: relative;
  flex: 1;
  height: 59px;
  border: 0;
  background: transparent;
  color: #888888;
  font-family: 'NeueMontrealMedium';
  font-weight: normal;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: right;
  text-transform: uppercase;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  transition: 0.3s ease;
}

.key-tab:hover {
  color: #ffffff;
}

.key-tab i {
  width: 13px;
  height: 13px;
  border: 1px solid #ec1688;
  border-radius: 50%;
  position: relative;
}

.key-tab.active i::after {
  content: "";
  position: absolute;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #6bcfff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.key-tab.active i {
  border-color: #6bcfff;
}

.key-tab.active::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  height: 2px;
}

.key-tab[data-tab="connect"] i {
  border-color: #FE5F3C;
}

.key-tab[data-tab="connect"] i::after,
.key-tab.active[data-tab="connect"]::after {
  background: #FE5F3C;
}

.key-tab[data-tab="strategy"] i {
  border-color: #67CCFD;
}

.key-tab[data-tab="strategy"] i::after,
.key-tab.active[data-tab="strategy"]::after {
  background: #67CCFD;
}

.key-tab[data-tab="create"] i {
  border-color: #D337BB;
}

.key-tab[data-tab="create"] i::after,
.key-tab.active[data-tab="create"]::after {
  background: #D337BB;
}

.key-tab[data-tab="convert"] i {
  border-color: #FF0F6B;
}

.key-tab[data-tab="convert"] i::after,
.key-tab.active[data-tab="convert"]::after {
  background: #FF0F6B;
}

#create.tab-panel.active .card-label span {
  border-color: #D337BB;
}

#create.tab-panel.active .key-card:nth-child(2) .card-label span::after {
  border-color: #D337BB;
}

#create.tab-panel.active .key-card:nth-child(3) .card-label span::after {
  border-color: #D337BB;
}

#create.tab-panel.active .key-card:nth-child(4) .card-label span::after {
  border-color: #D337BB;
}

#create.tab-panel.active .key-card:nth-child(2) .card-label span::after,
#create.tab-panel.active .key-card:nth-child(3) .card-label span::after,
#create.tab-panel.active .key-card:nth-child(4) .card-label span::after {
  background: #D337BB;
}

#connect.tab-panel.active .card-label span {
  border-color: #FE5F3C;
}

#connect.tab-panel.active .key-card:nth-child(2) .card-label span::after {
  border-color: #FE5F3C;
}

#connect.tab-panel.active .key-card:nth-child(3) .card-label span::after {
  border-color: #FE5F3C;
}

#connect.tab-panel.active .key-card:nth-child(4) .card-label span::after {
  border-color: #FE5F3C;
}

#connect.tab-panel.active .key-card:nth-child(2) .card-label span::after,
#connect.tab-panel.active .key-card:nth-child(3) .card-label span::after,
#connect.tab-panel.active .key-card:nth-child(4) .card-label span::after {
  background: #FE5F3C;
}

#convert.tab-panel.active .card-label span {
  border-color: #FF0F6B;
}

#convert.tab-panel.active .key-card:nth-child(2) .card-label span::after {
  border-color: #FF0F6B;
}

#convert.tab-panel.active .key-card:nth-child(3) .card-label span::after {
  border-color: #FF0F6B;
}

#convert.tab-panel.active .key-card:nth-child(4) .card-label span::after {
  border-color: #FF0F6B;
}

#convert.tab-panel.active .key-card:nth-child(2) .card-label span::after,
#convert.tab-panel.active .key-card:nth-child(3) .card-label span::after,
#convert.tab-panel.active .key-card:nth-child(4) .card-label span::after {
  background: #FF0F6B;
}

.key-tab.active {
  color: #e6e6e6;
  position: relative;
}

/* Tab Panels */
.tab-panel {
  display: none;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  margin-top: 58px;
  animation: fadeTab 0.5s ease;
}

.tab-panel.active {
  display: grid;
}

.key-card {
  position: relative;
  height: 500px;
  padding: 30px;
  border-radius: 20px;
  background: #1B112B;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  isolation: isolate;
  transition: transform 0.4s ease, background 0.4s ease, box-shadow 0.4s ease;
}

.key-card::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 50%;
  left: 0;
  top: 0;
  background: url(../images/hover_card_img.png);
  opacity: 0;
  right: 0;
  transition: top 0.5s ease, opacity 0.4s ease;
  background-size: 100%;
  margin: 0 auto;
}

.testimonials-slider.owl-carousel .owl-nav button.owl-next:hover,
.testimonials-slider.owl-carousel .owl-nav button.owl-prev:hover {
  background: rgba(65, 60, 76, 1);
}

.testimonials-slider.owl-carousel .owl-nav button.owl-next svg *,
.testimonials-slider.owl-carousel .owl-nav button.owl-prev svg * {
  fill: #fff;
  opacity: 1;
}

.testimonials-slider.owl-carousel .owl-nav button.owl-next svg,
.testimonials-slider.owl-carousel .owl-nav button.owl-prev svg {
  height: 17px;
  width: 17px;
  margin-top: -3px;
}

.main_landing_page_title.text-center.larch_title w_c {
  margin-bottom: 30px;
}

.main_landing_page_title.text-center {
  font-size: 18px;
}

.card-author-avatar .avatar-placeholder {
  border-radius: 250px;
  background: #fff;
}

.card-author-avatar img {
  object-fit: contain;
  width: 70% !important;
}

.card-bottom {
  position: relative;
  z-index: 2;
}

.key-card .card-text {
  color: #938ba3;
  font-size: 18px;
  line-height: 1.48;
  font-weight: 400;
  transition: 0.3s ease;
}

.card-button {
  position: relative;
  display: flex;
  width: 100%;
  margin-top: 28px;
  margin-bottom: 20px;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #ffffff;
  border-radius: 30px;
  padding: 1px;
  opacity: 1;
  transform: translateY(15px);
}

.key-card .hover-tab {
  position: relative;
  bottom: -90px;
  transition: 0.3s ease;
  z-index: 999;
}

.main_landing_page_title .h2,
.main_landing_page_title h2 {
  margin-bottom: 16px;
}

.card-button span {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: inherit;
}

@media(min-width:1200px) {
  .navbar-expand-xl .navbar-nav.main-menu .nav-link {
    padding: 46px 0;
  }

  .seo-image-text .row {
    column-gap: 100px;
    justify-content: space-between;
  }

  .seo-image-text .row>.col-lg-6 {
    width: calc(50% - 50px);
  }

  .feature-content {
    height: 100%;
  }

  .partner-content .row {
    margin-left: -10px;
    margin-right: -10px;
  }

  .partner-content .row>* {
    padding-left: 10px;
    padding-right: 10px;
  }

  .clients_slider_two_box .case-study-link a:hover {
    color: #67CCFD;
  }

  .process-section .process-content {
    position: absolute;
    opacity: 1;
  }

  .process-image {
    position: absolute;
    opacity: 0;
  }

  .key-card:hover::before {
    opacity: 1;
  }

  .key-card:hover::after {
    opacity: 1;
    top: -80px;
  }

  .key-card:hover .hover-tab {
    bottom: 0;
    cursor: pointer;
  }
}

@media (max-width: 1199px) {
  .card-text {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .card-button {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }
}

/* Top Label */

.card-label {
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 20px;
  border-radius: 20px;
  background: #291F39;
  color: #d9d7dd;
  font-family: 'NeueMontrealMedium';
  font-weight: normal;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
}

.card-label span {
  position: relative;
  width: 20px;
  height: 20px;
  border: 2px solid #67CCFD;
  border-radius: 50%;
}

.key-card:nth-child(2) .card-label span::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #71cfff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.key-card:nth-child(3) .card-label span::after {
  width: 8px;
  height: 8px;
  content: "";
  position: absolute;
  border-radius: 50%;
  background: #71cfff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.key-card:nth-child(4) .card-label span::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #71cfff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.key-card .card-text {
  font-family: 'NeueMontrealMedium';
  font-weight: normal;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0%;
  vertical-align: bottom;
  text-transform: capitalize;
  color: #938ba3;
}

.key-card .card-text strong {
  color: #fff;
  font-weight: normal;
}

/* Animation */
@keyframes fadeTab {
  from {
    opacity: 0;
    transform: translateY(25px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Responsive */
@media (max-width: 1400px) {
  .container {
    padding: 0 30px;
  }

  .key-card {
    padding: 15px 20px;
  }

  .card-text {
    font-size: 18px;
  }
}

@media (max-width: 991px) {
  .tab-panel {
    grid-template-columns: repeat(2, 1fr);
  }

  .key-card {
    height: 420px;
  }
}


@media (max-width: 767px) {
  .container {
    padding: 0 15px;
  }

  .section-heading {
    margin-bottom: 25px;
  }

  .key-tabs::-webkit-scrollbar {
    display: none;
  }

  .key-tab {
    flex: auto;
    height: 45px;
    font-size: 16px;
    border-bottom: 2px solid #2C273D;
    white-space: nowrap;
    justify-content: flex-start;
  }

  .key-tabs {
    padding: 0 60px;
    border-bottom: none;
  }

  .tab-panel {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 35px;
  }

  .key-card {
    height: 380px;
    padding: 25px;
  }

  .card-text {
    font-size: 17px;
  }
}

.landing_banner_main ul {
  max-width: 100%;
  width: 100%;
  margin: 30px 0 20px 0;
  padding: 0;
}

.landing_banner_main ul li {
  padding: 0 15px 0 29px;
  line-height: 1.4;
  display: inline-block;
  position: relative;
}

.landing_banner_main ul li:not(:last-child) {
  margin-bottom: 10px !important;
  margin-right: 30px;
}

.landing_banner_main ul li:before {
  position: absolute;
  content: '';
  left: 0;
  top: 2px;
  background: url(https://www.23digital.com.au/wp-content/themes/23digital-theme/assets/images/newcheckbox.png);
  width: 18px;
  height: 19px;
  background-size: 100%;
}

.landing_banner_main .banner-contact-info ul li:before {
  display: none;
}

.landing_banner_main .banner-contact-info ul li {
  padding: 0;
  margin: 0;
}

.digital-section {
  position: relative;
}

.digital-section p {
  max-width: 650px;
  margin: 0 auto 60px auto;
  color: #fff;
  font-family: 'NeueMontrealMedium';
  font-weight: 500;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0%;
  text-align: center;
}

.digital-section .service-card {
  gap: 44px;
  height: 100%;
  border: 1px solid #767480;
  border-radius: 20px;
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: all 0.3s ease;
}

.digital-section .mobile-slider>div {
  margin-bottom: 30px;
}

.digital-section .service-top {
  display: flex;
  align-items: center;
  gap: 30px;
}

.digital-section .service-icon {
  width: auto;
  min-width: auto;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.digital-section .service-title {
  font-family: 'NeueMontrealMedium';
  font-weight: normal;
  font-size: 30px;
  line-height: 120%;
  letter-spacing: 0%;
  color: #FFF;
}

.digital-section .service-title a {
  color: #FFF;
}

.digital-section .service-desc {
  min-height: 98px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-family: 'NeueMontrealRegular';
  font-weight: normal;
  font-size: 20px;
  line-height: 160%;
  letter-spacing: 0%;
  color: rgba(255, 255, 255, 0.7);
  margin: 0;
  text-align: left;
}

.case_study_card .case_study_stat_value span {
  font-size: 50px;
}

.digital-section .service-icon {
  width: 75px;
  min-width: 75px;
  height: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.digital-section .service-icon a,
.digital-section .service-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Testimonial CSS Start */

h2.main-title {
  font-family: 'NeueMontrealMedium';
  font-weight: normal;
  font-size: 50px;
  line-height: 60px;
  letter-spacing: 0.5px;
  color: #FFF;
  margin-bottom: 10px;
}

.owl-carousel.testimonials-slider {
  position: relative;
}

/* Navigation Arrows */
.testimonials-slider.owl-carousel .owl-nav {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-top: 16px;
  flex-shrink: 0;
  position: absolute;
  top: -130px;
  right: 0;
}

.testimonials-slider.owl-carousel .owl-nav button.owl-next,
.testimonials-slider.owl-carousel .owl-nav button.owl-prev {
  width: 57px;
  height: 57px;
  border-radius: 50%;
  border: 1.5px solid #939393;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
}

.testimonials-slider.owl-carousel .owl-nav button.owl-next:hover,
.testimonials-slider.owl-carousel .owl-nav button.owl-prev:hover {
  border-color: rgba(255, 255, 255, 0.7);
  background: rgba(255, 255, 255, 0.05);
}

/* .testimonials-slider.owl-carousel .owl-nav button.owl-next svg,
    .testimonials-slider.owl-carousel .owl-nav button.owl-prev svg {
      width: 18px;
      height: 18px;
      fill: none;
      stroke: #ffffff;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
    }
    .testimonials-slider.owl-carousel .owl-nav button.owl-next svg *,
    .testimonials-slider.owl-carousel .owl-nav button.owl-prev svg *{
      opacity: 1;
    } */
/* ============================================
       GOOGLE REVIEWS BAR
    ============================================ */
.google-reviews-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 60px;
}

.trusted-header.wow.fadeInUp {
  margin-bottom: 30px;
}

/* Stacked avatars */
.reviewer-avatars {
  display: flex;
  align-items: center;
}

.reviewer-avatars .avatar {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  overflow: hidden;
  margin-left: -10px;
  position: relative;
}

.reviewer-avatars .avatar:first-child {
  margin-left: 0;
}

.reviewer-avatars .avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.reviewer-avatars .avatar-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
}

.google-logo {
  display: flex;
  align-items: center;
  gap: 6px;
}

.google-logo-text {
  font-family: 'NeueMontrealMedium', sans-serif;
  font-weight: normal;
  color: #FFF;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0%;
}

.google-g-icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

.review-rating {
  display: flex;
  align-items: center;
  gap: 10px;
}

.rating-number {
  font-family: 'NeueMontrealMedium', sans-serif;
  font-size: 18px;
  color: #ffffff;
  line-height: 30px;
}

.rating-stars {
  display: flex;
  gap: 5px;
}

.rating-stars .star-icon {
  width: 20px;
  height: 20px;
}

.review-count {
  font-family: 'NeueMontrealRegular', sans-serif;
  font-size: 18px;
  line-height: 30px;
  color: #B9B9B9;
}


/* ============================================
       CARD - BASE
    ============================================ */
.testimonial-card {
  border-radius: 20px;
  overflow: hidden;
  flex-shrink: 0;
  position: relative;
}

/* ============================================
       CARD - TEXT VARIANT
    ============================================ */
.testimonial-card {
  min-height: 500px;
}

.testimonial-card.card-text {
  background: #fff;
  padding: 32px;
  display: flex;
  flex-direction: column;
}

.testimonial-card .card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
  border: none;
  background: transparent;
  padding: 0;
}

.card-author {
  display: flex;
  align-items: center;
  gap: 12px;
}

.card-author-avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}

.card-author-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.card-author-avatar .avatar-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  border-radius: 50%;
}

.testimonial-card .card-author-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.testimonial-card .card-author-name {
  font-family: 'NeueMontrealMedium', sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0%;
  color: #000;
}

.testimonial-card .avatar-placeholder {
  background: #6B6B6B;
}

.testimonial-card .card-author-role {
  font-family: 'NeueMontrealRegular', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0%;
  color: #808080;
}

.testimonial-card .card-google-icon {
  width: 25px;
  height: 25px;
  flex-shrink: 0;
}

.testimonial-card .card-body-title {
  font-family: 'NeueMontrealMedium', sans-serif;
  font-weight: normal;
  font-size: 22px;
  line-height: 25px;
  letter-spacing: 0%;
  color: #000;
}

.testimonial-card .card-body-text {
  font-family: 'NeueMontrealMedium', sans-serif;
  font-weight: normal;
  font-size: 15px;
  line-height: 25px;
  letter-spacing: 0%;
  color: #5D5D5D;
  flex: 1;
}

.testimonial-card .card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
  padding: 0;
  border: none;
  background: transparent;
}

.testimonial-card .card-stars {
  display: flex;
  gap: 7px;
}

.testimonial-card .card-stars .star-icon {
  width: 18px;
  height: 18px;
}

.testimonial-card .card-date {
  font-family: 'NeueMontrealMedium', sans-serif;
  color: #808080;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
}

/* ============================================
       CARD - VIDEO VARIANT
    ============================================ */
.testimonial-card.card-video {
  position: relative;
  display: flex;
  flex-direction: column;
}

.testimonial-card .card-video-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}

.testimonial-card .card-video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg,
      rgba(0, 0, 0, 0.35) 0%,
      rgba(0, 0, 0, 0.1) 40%,
      rgba(0, 0, 0, 0.1) 60%,
      rgba(0, 0, 0, 0.5) 100%);
  border-radius: 20px;
  z-index: 1;
}

.testimonial-card .card-video-content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 28px 24px 24px;
  min-height: 500px;
}

.testimonial-card .card-play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0px 4px 12px 0px #00000033;
  border: none;
}

.testimonial-card .card-play-btn svg {
  width: 32px;
  height: 32px;
  fill: #ffffff;
}

.testimonial-card .card-play-btn .pause,
.testimonial-card .card-play-btn.is-playing .play {
  display: none;
}

.testimonial-card .card-play-btn.is-playing .pause {
  display: block;
}

.testimonial-card.card-video .card-footer {
  position: relative;
  z-index: 2;
}

.testimonial-card.card-video .card-author-name {
  color: #ffffff;
}

.testimonial-card.card-video .card-author-role {
  color: rgba(255, 255, 255, 0.75);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.testimonial-card.card-video .card-date {
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #FFF;
}

/* ============================================
       RESPONSIVE
    ============================================ */

@media (max-width: 768px) {
  .trusted-section {
    padding: 0px;
  }

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

  .trusted-header {
    flex-direction: column;
    gap: 24px;
  }

  .card-text .card-video-content,
  .card-video {
    min-height: auto;
  }

  .testimonials-track .card-video-content,
  .testimonials-track .card-video,
  .testimonials-track .card-text {
    min-height: 385px;
  }

}

@media (max-width: 480px) {
  .trusted-title {
    font-size: 32px;
  }

  .google-reviews-bar {
    flex-wrap: wrap;
    gap: 10px;
  }
}

/* team section CSS Start */


.team-section {
  position: relative;
  padding: 200px 0 0 0;
}

@media (min-width: 992px) {

  .team-sticky-row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start !important;
    position: relative;
  }

  .team-sticky-row>.col-lg-5 {
    position: -webkit-sticky;
    position: sticky !important;
    top: 100px;
    align-self: flex-start;
    height: fit-content;
    top: 120px;
    align-self: flex-start !important;
    height: fit-content !important;
    z-index: 10;
  }

  .team-accordion {
    position: relative !important;
    top: auto;
  }

}

.team-description p {
  font-family: 'NeueMontrealMedium';
  font-weight: normal;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0%;
  color: #FFF;
  margin-bottom: 30px;
}

.team-image {
  width: 100%;
  height: auto;
  margin-top: 50px;
  border-radius: 20px;
  overflow: hidden;
}

.team-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ACCORDION */

.team-accordion {
  margin-top: 0px;
  padding-left: 10px;
}

.team-accordion .accordion-item {
  background: transparent;
  border: 0;
  border-radius: 0;
  border-top: 1px solid var(--line-color);
}

.team-accordion .accordion-item {
  border-bottom: 0.5px solid rgba(175, 175, 175, 1);
  padding: 27px 0;
}

.team-accordion .accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0;
  background: transparent;
  box-shadow: none;
  border-radius: 0px;
}

.team-accordion .accordion-button span {
  font-family: 'NeueMontrealMedium';
  font-weight: normal;
  font-size: 25px;
  line-height: 100%;
  letter-spacing: 0%;
  text-transform: capitalize;
  color: #FFF;
}

.team-accordion .accordion-button::after {
  display: none;
}

.team-accordion .accordion-button:focus {
  box-shadow: none;
}

.team-accordion .accordion-icon {
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  margin-left: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1.5px solid rgba(147, 147, 147, 1);
  border-radius: 50%;
  background: rgba(65, 60, 76, 1);
  transition: transform 0.35s ease,
    background 0.35s ease;
}

.accordion-icon svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: #d9d8dc;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;

  transition: transform 0.35s ease;
}

.accordion-button:not(.collapsed) .accordion-icon svg {
  transform: rotate(-90deg);
}


/* ACCORDION BODY */

.team-accordion .accordion-body {
  padding: 20px 0 0 0;
  color: #fff;
  font-family: 'NeueMontrealRegular';
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0%;
}

/* ACTIVE ITEM */

.team-accordion .accordion-item:has(.accordion-button:not(.collapsed)) {
  border-bottom: 1px solid 0.5px solid rgba(175, 175, 175, 1);
}

/* RESPONSIVE */

@media (min-width: 1299px) {
  .team-description {
    margin-right: 30px;
  }

  .team-section .row {
    --bs-gutter-x: 4rem;
  }

  .team-section .team-content {
    padding-right: 13rem;
    width: 100%;
  }

  .team-section .team-content img {
    max-width: 741px;
  }

}

@media (max-width: 992px) {
  .team-content {
    max-width: 100%;
  }

  .desktop-break {
    display: none;
  }

  .team-image {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-bottom: 50px;
  }

  .team-accordion {
    padding-left: 0;
    margin-top: 0;
  }

}

@media (max-width: 575px) {
  .team-title {
    font-size: 32px;
    line-height: 1.2;
    letter-spacing: -1px;
  }

  .team-description p {
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 30px;
  }

  .about-btn {
    height: 38px;
    font-size: 13px;
  }

  .team-image {
    margin-top: 50px;
    border-radius: 10px;
  }

  .accordion-icon {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    margin-left: 15px;
  }

  .team-accordion .accordion-body {
    padding-right: 10px;
  }

}

/* Footer Css Start */
.footer_bottm_link {
  display: flex;
}

.footer_bottm_link ul {
  margin-left: auto;
}

.landing_footer_main {
  margin-top: 70px;
}

.landing_footer_google_review {
  max-width: 276px;
  margin: 30px 0 20px 0;
}

.landing_footer_google_review img {
  width: 100%;
}

.landing_footer_link ul li span {
  background: linear-gradient(116.82deg, #67CCFD 2.38%, #D337BB 97.24%);
  position: relative;
}

.landing_footer_link ul li span svg {
  width: 20px;
  height: auto;
}

.landing_footer_link_main .landing_footer_link ul li a {
  font-family: 'NeueMontrealRegular';
  color: #13101C;
  font-weight: 400;
  font-size: 22px;
  line-height: 130%;
  letter-spacing: 0%;
  padding: 0;
  gap: 10px;
}

.landing_footer_link_ul .landing_footer_link ul li a {
  font-family: 'NeueMontrealRegular';
  font-weight: 400;
  font-size: 18px;
  line-height: 200%;
  letter-spacing: 0%;
  color: #13101C;
  padding: 0;
  margin: 0;
}

.landing_footer_link_ul .footer_location.landing_footer_link a {
  color: #13101C;
  font-family: 'NeueMontrealRegular';
  font-weight: 400;
  margin-bottom: 25px;
  display: inline-block;
  font-size: 18px;
  line-height: 130%;
  letter-spacing: 0%;
}

.landing_footer_link_ul .footer_location.landing_footer_link h6 {
  font-family: 'NeueMontrealMedium';
  font-weight: 500;
  font-size: 20px;
  color: #13101C;
  line-height: 35px;
  letter-spacing: 0%;
  margin-bottom: 0px;
}

.landing_footer_link_add {
  margin-top: 30px;
}

.landing_footer_link_add:first-child {
  margin-top: 0;
}

.landing_footer_link_add h5 {
  font-family: 'NeueMontrealMedium';
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  color: rgba(19, 16, 28, 0.4);
}

.detail_ready_from_section .lending_card-frame .card-frame::after {
  display: none;
}

.bloglist_section .bloglist_main.owl-carousel .extcontent {

  margin-bottom: 60px;

}

.bloglist_section .bloglist_main.owl-carousel .extcontent .subtitle {

  display: block;

  font-size: 18px;

  line-height: 36px;

  color: #4bbef3 !important;

  font-weight: 500 !important;

  margin-bottom: 17px;

}

.bloglist_section .bloglist_main.owl-carousel .extcontent .h2,
.bloglist_section .bloglist_main.owl-carousel .extcontent h2,
.bloglist_section .bloglist_main.owl-carousel .extcontent p {

  max-width: 970px;

  margin-left: auto;

  width: 100%;

  margin-right: auto;

}

.bloglist_section .bloglist_main.owl-carousel .whitetext .extcontent p {

  color: #ddd;

}

.bloglist_section .bloglist_main.owl-carousel .extcontent .h2+p,
.bloglist_section .bloglist_main.owl-carousel .extcontent h2+p {

  font-size: 18px;

}

.bloglist_main.owl-carousel .bloglist_link span {

  position: absolute;

  left: 30px;

  bottom: 30px;

  padding: 10px 20px;

  z-index: 1;

  line-height: normal;

  border-radius: 10px;

  color: #fff;

}

.bloglist_main.owl-carousel .bloglist_link {

  position: relative;

  display: block;

  border-radius: 30px;

  overflow: hidden;

}

.bloglist_main.owl-carousel .bloglist_content_box {

  padding: 40px 0 0;

  display: block;

}

.bloglist_main.owl-carousel .bloglist_content_box h3 {

  margin: 0 0 15px;

  font-size: 30px;

}

.bloglist_main.owl-carousel .purple .titleclr,
.bloglist_main.owl-carousel .purple .week_content h3 span {

  color: var(--lightpurple-color);

}

.bloglist_main.owl-carousel .bloglist_content_box p {

  margin-bottom: 10px;

  color: #ddd;

}

.bloglist_main.owl-carousel .blue .bloglist_link span {

  background: var(--lightblue-color);

}

.bloglist_main.owl-carousel .purple .bloglist_link span {

  background: var(--lightpurple-color);

}

div#pointer.hover-blogarrow {
  width: 116px;
  display: block;
  height: 80px;
  border-radius: 0;
  background: url(https://www.23digital.com.au/wp-content/themes/23digital-theme/assets/images/blog-cursur.png) no-repeat;
}

.cms-area.servicelist_page .servicelist_box {
  position: relative;
  margin-top: 137px;
}

/* =========================================
   WHY PARTNER SECTION
========================================= */

.why-partner-section {
  position: relative;
  padding: 0;
}

/* Subtle pink/purple glow on right side */
.why-partner-section::after {
  content: "";
  position: absolute;
  width: 360px;
  height: 360px;
  right: -170px;
  bottom: -130px;
  background: radial-gradient(circle,
      rgba(244, 30, 119, 0.38) 0%,
      rgba(244, 30, 119, 0) 70%);
  pointer-events: none;
}

/* Main wrapper */
.partner-wrapper {
  position: relative;
  margin: 0 auto;
}

/* =========================================
   IMAGE
========================================= */

.partner-image {
  position: relative;
  width: 100%;
  height: 590px;
  overflow: hidden;
  border-radius: 9px;
}

.partner-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

/* =========================================
   CONTENT CARD
========================================= */

.partner-content {
  position: relative;
  z-index: 2;
  width: calc(100% - 195px);
  margin: -390px auto 0;
  padding: 55px 90px;
  background: #13101c;
  backdrop-filter: blur(25px);
  border-color: transparent;
  border-radius: 20px;
  overflow: hidden;
}

.partner-content::before {
  content: '';
  opacity: 0.2;
  background: var(--Linear, linear-gradient(90deg, #67CCFD 0%, #D337BB 50%, #FF0F6B 75%, #FE5F3C 100%));
  filter: blur(75px);
  position: absolute;
  left: 0;
  bottom: -326.966px;
  width: 611.653px;
  height: 611.653px;
  transform: rotate(-31.46deg);
  aspect-ratio: 1/1;
  right: 0;
  margin: 0 auto;
  z-index: -1;
}

.partner-content::after {
  background: linear-gradient(to right, #67ccfd, #d337bb, #ff0f6b, #fe5f3c);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  padding: 2px;
  border-radius: 20px;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  width: 100%;
  height: 100%;
  left: 0;
}

.partner-description p {
  max-width: 683px;
  font-family: 'NeueMontrealRegular';
  font-weight: 500;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0%;
  text-align: center;
  color: #FFF;
  margin: 0 auto 30px auto;
}

.digital-section:before {
  content: "";
  position: absolute;
  border-radius: 998px;
  opacity: 0.3;
  background: var(--Linear, linear-gradient(90deg, #67CCFD 0%, #D337BB 50%, #FF0F6B 75%, #FE5F3C 100%));
  filter: blur(75px);
  width: 998px;
  height: 704px;
  transform: rotate(-171.251deg);
  aspect-ratio: 1 / 1;
  left: -654px;
  top: 0;
}

.digital-section {
  position: relative;
}

/* =========================================
   FEATURE GRID
========================================= */
.partner-features>div {
  display: flex;
}

/* Feature card */
.partner-feature {
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 15px;
  padding: 20px;
  background: rgba(46, 30, 59, 1);
  border-radius: 15px;
  transition: all 0.25s ease;
  margin-bottom: 20px;
  position: relative;
}

.partner-feature::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: inherit;
  background: linear-gradient(102.33deg,
      rgba(47, 24, 53, 0) -2.1%,
      #BB9DF8 28.92%,
      rgba(47, 24, 53, 0) 45.67%,
      #BB9DF8 95.95%,
      rgba(47, 24, 53, 0) 109.8%);

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  pointer-events: none;
}

/* Icon */
.feature-icon {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: linear-gradient(314.76deg, #7946A1 13.03%, #353284 85.62%);
}

/* Feature content */
.feature-content {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.feature-content h4 {
  font-family: 'NeueMontrealRegular';
  font-weight: normal;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0%;
  color: #FFF;
}

.feature-content p {
  font-family: 'NeueMontrealRegular';
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0%;
  color: rgba(194, 194, 194, 1);
}

/* =========================================
   BUTTON
========================================= */

.partner-btn-wrap {
  display: flex;
  justify-content: center;
  margin-top: 17px;
}

/* =========================================
   LARGE DESKTOP
========================================= */

@media (min-width: 1200px) {
  .partner-image {
    height: 817px;
  }

  .partner-content {
    width: calc(100% - 422px);
  }
  .bloglist_section .bloglist_main > .blogs_items { margin-bottom: 60px; }
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 992px) {

  .why-partner-section {
    padding: 50px 0 90px;
  }

  .partner-image {
    height: 350px;
  }

  .partner-content {
    width: calc(100% - 80px);
    margin-top: -140px;
    padding: 25px 28px;
  }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

  .why-partner-section {
    padding: 35px 15px 65px;
  }

  .partner-wrapper {
    width: 100%;
  }

  .partner-image {
    height: 270px;
    border-radius: 8px;
  }

  .partner-content {
    width: calc(100% - 25px);
    margin-top: -70px;
    padding: 22px 18px 24px;
  }

  .partner-btn-wrap {
    margin-top: 30px;
  }

  .partner-btn {
    min-width: 120px;
    height: 30px;
    font-size: 8px;
  }
}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 576px) {

  .why-partner-section {
    padding: 0px 0px 50px;
  }

  .partner-image {
    height: 220px;
  }

  .partner-content {
    width: calc(100% - 15px);
    margin-top: -45px;
    padding: 20px 13px 22px;
  }

  .partner-features>div {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/** Pointer CSS Start */
#pointer {
  height: 20px;
  width: 20px;
  margin-top: -10px;
  margin-left: -10px;
  background: rgba(255, 255, 255, .4);
  position: fixed;
  border-radius: 50%;
  top: 0;
  left: 0;
  z-index: 9998;
  pointer-events: none;
  mix-blend-mode: normal;
  transform-origin: center center;
  transition: all .15s ease-out
}

#pointer img {
  display: none;
  width: 150px;
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translate(-50%, -50%) scale(0);
  transition: all .5s ease 0s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  -webkit-transition: .5s
}

#pointer.hover-arrow img {
  display: block;
  transform: translate(-50%, -50%) scale(1)
}

#pointer.hover {
  height: 60px;
  width: 60px;
  margin-top: -30px;
  margin-left: -30px;
  background: rgba(103, 204, 253, .4);
  background: -moz-linear-gradient(left, rgba(103, 204, 253, .3) 0, rgba(211, 55, 187, .3) 30%, rgba(255, 15, 107, .3) 70%, rgba(254, 95, 60, .3) 100%);
  background: -webkit-linear-gradient(left, rgba(103, 204, 253, .3) 0, rgba(211, 55, 187, .3) 30%, rgba(255, 15, 107, .3) 70%, rgba(254, 95, 60, .3) 100%);
  background: linear-gradient(to right, rgba(103, 204, 253, .3) 0, rgba(211, 55, 187, .3) 30%, rgba(255, 15, 107, .3) 70%, rgba(254, 95, 60, .3) 100%)
}

#pointer.hover-w {
  height: 60px !important;
  width: 60px !important;
  margin-top: -30px !important;
  margin-left: -30px !important;
  mix-blend-mode: normal !important;
  background: rgba(255, 255, 255, .3) !important
}

#pointer.hover-w-m {
  height: 20px;
  width: 20px;
  margin-top: -10px;
  margin-left: -10px;
  mix-blend-mode: normal;
  background: rgba(255, 255, 255, .3)
}

#pointer.hover-o {
  mix-blend-mode: overlay;
  background: rgba(0, 0, 0, .3)
}

/* 24-8-2026*/
.field textarea {
  max-height: 120px;
}

.lending_card-frame .field_btn {
  border-radius: 50px;
  padding: 18px;
}

.lending_card-frame .field_btn {
  background: linear-gradient(90deg, #67CCFD 0%, #FE5F3C 10%, #FE5F3C 10%, #FF0F6B 30%, #D337BB 40%, #FE5F3C 50%, #67CCFD 100%);
  background-size: 300% 100%;
  background-position: 0% 50%;
  transition: background-position 0.5s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.lending_card-frame .field_btn:hover {
  animation: continuousGradient 5s linear infinite;
}

.lending_card-frame .field_btn input {
  color: #FFF;
  font-family: 'NeueMontrealMedium';
  font-weight: normal;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
}

.landing_accodian_main {
  padding-bottom: 300px;
}

.ready_from_main .lending_card-frame .scene_main {
  display: none;
}

.ready_from_main .lending_card-frame .field {
  margin-bottom: 0;
  padding-bottom: 30px;
}

.ready_from_main .lending_card-frame .field.checkbox-field {
  display: none;
}

.ready_from_main .lending_card-frame .field .wpcf7-form-control-wrap {
  position: static;
}

.ready_from_main .lending_card-frame .field .wpcf7-form-control-wrap label.error,
.ready_from_main .lending_card-frame .field.checkbox_main label.error {
  background: #fff;
  padding: 4px 10px;
  bottom: 0px;
  left: 35px;
  border-radius: 4px;
  color: #F00;
  font-size: 14px;
  position: absolute;
  font-weight: normal;
  font-family: 'NeueMontrealRegular';
}

.case_study_card_mian_im {
  width: 100%;
  overflow: visible;
  border-radius: 0;
  margin-bottom: 20px;
}

.case_study_card_mian_im img {
  width: auto;
  height: 60px;
  object-fit: contain;
  mix-blend-mode: luminosity;
  display: block;
}

.inner-banner .checkbox_main {
  position: relative;
}

.ready_from_main .lending_card-frame .field .wpcf7-form-control-wrap label.error:before,
.ready_from_main .lending_card-frame .field.checkbox_main label.error:before {
  content: '';
  position: absolute;
  top: -17px;
  left: 3px;
  width: 0;
  height: 0;
  border-left: solid 6px transparent;
  border-right: solid 6px transparent;
  border-bottom: solid 6px #ffffff;
  height: 18px;
  width: 13px;
  display: none;
}

.case_study_card.case_study_card.case_study_card {
  padding-bottom: calc(100% - 274px);
}

.case_study_stats {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  width: 100%;
}

.case_study_stats .case_study_stat_item {
  width: 100%;
  margin-top: 0;
  border-top: none 0px;
}

.new_style_accordion .accordion_icon {
  display: none;
}

.ready_from_section::before {
  z-index: -1;
}

.ready_from_section .main_landing_page_title h2 {
  font-size: 80px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  text-transform: capitalize;
  position: relative;
}

.ready_from_section .main_landing_page_title h2::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="213" height="256" viewBox="0 0 213 256" fill="none"><path d="M125.793 249.844C126.142 248.337 125.13 246.759 124.362 245.538C123.22 243.737 122.016 241.971 120.843 240.188C118.213 236.197 115.603 232.151 112.467 228.535C112.395 228.459 111.362 227.489 111.374 227.766C111.43 229.019 112.269 230.138 112.838 231.238C113.595 232.699 114.421 234.105 115.271 235.513C116.245 237.126 117.213 238.745 118.182 240.351C118.335 240.601 118.519 240.869 118.703 241.15C118.533 241.047 118.358 240.951 118.175 240.873C113.304 238.719 108.557 236.255 104.013 233.477C99.5851 230.769 95.5063 227.811 91.9543 224.903C90.967 224.094 89.9985 223.267 89.0363 222.433C88.9824 222.377 88.8438 222.269 88.7477 222.181C88.5974 222.048 88.4411 221.91 88.2971 221.771C87.7684 221.292 87.24 220.801 86.7175 220.316C86.2553 219.881 85.787 219.44 85.331 219C85.1152 218.786 84.9053 218.578 84.6832 218.371C83.7544 217.422 82.8256 216.473 81.916 215.493C81.6945 215.261 81.4852 215.029 81.2699 214.791C81.1262 214.64 81.0364 214.546 80.9825 214.489C80.6714 214.15 80.3851 213.8 80.0803 213.455C79.1901 212.433 78.331 211.394 77.466 210.348C77.46 210.342 77.454 210.335 77.448 210.329C77.2515 210.073 77.0548 209.829 76.8521 209.578C76.4589 209.078 76.072 208.572 75.6851 208.065C74.87 206.984 74.0735 205.897 73.2835 204.792C73.2302 204.711 73.1826 204.648 73.1409 204.592C72.963 204.33 72.7849 204.08 72.607 203.818C72.2512 203.294 71.8957 202.758 71.5462 202.228C70.7645 201.03 69.9954 199.821 69.2574 198.595C67.9759 196.483 66.7691 194.325 65.6367 192.131C63.261 187.514 61.1712 182.744 59.459 177.842C58.2752 174.462 57.296 170.995 56.5451 167.479C59.2077 167.53 61.8733 167.459 64.5164 167.301C69.7717 166.99 75.0047 166.329 80.1982 165.526C85.7366 164.67 91.2891 163.741 96.6961 162.219C107.065 159.299 117.617 153.351 122.001 142.984C125.533 134.629 123.635 125.42 119.008 117.913C113.388 108.811 104.328 100.579 93.6282 98.3354C84.6444 96.4455 74.9021 98.564 67.1754 103.413C58.4331 108.894 52.423 117.946 49.3492 127.675C46.0895 137.988 46.1106 148.687 48.201 159.092C44.6556 158.995 41.1152 158.69 37.6063 158.09C32.991 157.299 28.4299 156.036 24.1877 154.014C22.2335 153.084 20.4106 152.052 18.7977 150.964C18.3508 150.659 17.9101 150.347 17.4635 150.03C17.4213 149.998 17.2704 149.89 17.1438 149.795C17.0171 149.7 16.8001 149.535 16.7582 149.491C16.3486 149.162 15.9517 148.821 15.5484 148.486C15.3203 148.272 15.0859 148.064 14.8637 147.856C14.8278 147.819 14.7796 147.781 14.7254 147.736C14.6415 147.648 14.5577 147.561 14.4799 147.479C14.3421 147.334 14.1637 147.097 14.0074 146.958C13.6915 146.564 13.0303 145.72 13.6727 146.582C13.3217 146.113 12.9704 145.657 12.6257 145.182C12.6078 145.163 12.5901 145.132 12.5665 145.095C12.4245 144.87 12.2762 144.652 12.1343 144.428C11.8504 143.979 11.5787 143.531 11.3133 143.076C11.0306 142.578 10.4156 141.342 10.0608 140.517C8.28535 136.467 7.48847 132.047 7.66142 127.626C8.04882 118.072 12.97 109.124 19.5328 102.375C27.4295 94.2587 37.636 88.892 47.8611 84.2868C57.0625 80.1421 66.5443 76.5934 76.1785 73.6069C95.7558 67.5429 115.982 63.8576 136.318 61.4945C156.722 59.127 177.248 58.0574 197.768 57.2823C202.762 57.0883 207.757 56.9189 212.751 56.7496C213.599 56.7207 212.072 54.8552 211.947 54.6987C211.028 53.5597 209.968 52.4848 208.709 51.7183C194.443 43.0427 179.774 35.0389 164.744 27.763C149.774 20.5132 134.456 13.9915 118.862 8.21214C110.308 5.03738 101.621 2.26458 92.7875 0.00385458C92.5313 -0.0636359 93.0841 0.69224 93.108 0.717363C93.3766 1.0368 93.7114 1.41306 94.119 1.56395C110.334 7.53002 126.587 13.4602 142.463 20.2775C157.95 26.9259 173.113 34.3031 187.903 42.3835C193.387 45.3807 198.819 48.4748 204.193 51.6597C183.696 52.0302 163.196 52.5112 142.756 54.0738C121.185 55.72 99.6282 58.5634 78.6152 63.8259C68.1736 66.4433 57.8474 69.622 47.8574 73.6313C37.2416 77.8895 26.4648 82.7209 17.4373 89.865C9.32939 96.2884 2.81997 104.917 0.654273 115.171C-1.46935 125.205 1.75776 134.789 7.7149 142.886C14.3318 151.889 23.5117 159.455 33.9857 163.461C39.2106 165.457 44.6771 166.588 50.2256 167.113C52.5641 174.835 55.9032 182.299 59.7405 189.204C71.5465 210.452 89.1926 228.747 109.9 241.449C111.914 242.682 113.967 243.854 116.046 244.965C115.375 245.066 114.71 245.124 114.18 245.209C112.363 245.504 110.54 245.755 108.744 246.172C106.941 246.596 105.139 247.007 103.337 247.431C102.479 247.625 101.615 247.825 100.763 248.026C99.3807 248.349 99.3611 248.655 99.2909 250.053C99.2471 250.862 100.561 252.115 100.998 252.598C101.74 253.414 102.695 254.541 103.746 254.978C104.099 255.121 104.518 255.297 104.621 255.342C105.241 255.603 106.017 256.026 106.723 256C107.7 255.968 108.722 255.594 109.678 255.389C111.677 254.958 113.682 254.533 115.681 254.102C117.63 253.682 119.522 253.114 121.438 252.558C123.064 252.087 125.324 251.754 125.769 249.819L125.793 249.844ZM55.2675 159.021C54.9346 155.478 54.8722 151.916 55.1226 148.368C56.4917 129.306 68.5248 110.399 88.2893 106.783C92.5863 105.995 97.0901 106.054 101.352 107.002C103.373 107.449 105.327 108.104 107.19 109.014C107.621 109.226 108.051 109.451 108.469 109.688C108.681 109.81 108.887 109.926 109.093 110.053C109.099 110.06 109.105 110.066 109.111 110.072C109.129 110.091 109.165 110.104 109.207 110.136C109.606 110.403 109.992 110.707 110.391 110.962C110.427 110.987 110.457 111.006 110.481 111.019C110.524 111.051 110.572 111.077 110.614 111.108C110.65 111.146 110.698 111.196 110.764 111.265C110.77 111.272 110.776 111.278 110.788 111.291C110.812 111.316 110.848 111.341 110.884 111.367C110.926 111.41 110.962 111.448 111.004 111.492C111.01 111.498 111.022 111.511 111.028 111.517C111.052 111.542 111.076 111.567 111.1 111.593C111.1 111.593 111.112 111.605 111.118 111.611C111.118 111.611 111.112 111.605 111.106 111.599C111.13 111.624 111.16 111.655 111.184 111.681C111.226 111.725 111.226 111.725 111.19 111.687C111.226 111.725 111.262 111.75 111.298 111.763C111.25 111.737 111.214 111.712 111.177 111.687C111.273 111.787 111.327 111.856 111.357 111.887C111.357 111.887 111.357 111.887 111.363 111.893C111.327 111.856 111.249 111.774 111.178 111.674C111.166 111.662 111.141 111.649 111.123 111.642C111.213 111.749 111.314 111.868 111.38 111.961C111.427 112.012 111.457 112.068 111.493 112.105C111.511 112.124 111.516 112.143 111.528 112.168C111.795 112.573 112.055 112.972 112.303 113.395C112.415 113.588 112.533 113.775 112.633 113.968C112.656 114.017 112.686 114.073 112.727 114.154C113.177 115.079 113.616 115.992 113.998 116.947C115.404 120.546 115.941 124.555 115.542 128.4C114.528 138.239 106.703 145.928 98.2237 150.151C88.6824 154.908 77.6509 156.517 67.1832 157.912C63.2299 158.444 59.2431 158.84 55.2427 159.033L55.2675 159.021Z" fill="%23F3F0EC"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "";
  position: absolute;
  bottom: -80px;
  left: -120px;
  width: 213px;
  height: 256px;
}

.checkbox_main .wpcf7-checkbox .wpcf7-list-item-label .label:after {
  content: '';
  position: absolute;
  left: 7px;
  top: 2px;
  width: 6px;
  height: 13px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg) scale(0);
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  z-index: 999;
}

.new_style_accordion .accordion_title {
  cursor: text;
}

.new_style_accordion .accordion_info h3,
.new_style_accordion .accordion_info h3 a {
  cursor: pointer;
}

.new_style_accordion {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 806px;
  align-content: flex-start;
}

.landing_accodian_bo {
  display: flex;
  width: 100%;
  gap: 30px;
  justify-content: center;
}

.new_style_accordion .accordion_info {
  padding-top: 0;
}

.new_style_accordion .accordion_item {
  background: transparent;
  border-radius: 0;
  margin-bottom: 0;
  overflow: hidden;
  width: 100%;
}

.new_style_accordion .accordion_item.active .accordion_content {
  margin-top: 0;
}

.new_style_accordion .accordion_info h3,
.new_style_accordion .accordion_info h3 a {
  font-size: 20px;
  font-style: normal;
  line-height: 26px;
  padding: 20px 0;
  color: #fff;
}

.new_style_accordion .accordion_title:hover .accordion_info h3 {
  color: #fff;
}

.new_style_accordion .accordion_content p,
.new_style_accordion .accordion_content ul li {
  color: #766C8F;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
  opacity: 1;
}

/* .progress_in_content p{  cursor: pointer;  background: #231932; background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"><path d="M15 27.5C21.9036 27.5 27.5 21.9036 27.5 15C27.5 8.09644 21.9036 2.5 15 2.5C8.09644 2.5 2.5 8.09644 2.5 15C2.5 21.9036 8.09644 27.5 15 27.5Z" stroke="%2363527C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M10 15H20" stroke="%2363527C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M15 10V20" stroke="%2363527C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');background-repeat: no-repeat;background-position: center center;}
*/
.progress_in_content p a,
.progress_in_content p a:hover {
  color: #ff623e;
}

.new_style_accordion .accordion_item.active .accordion_arrow {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"><path d="M15 27.5C21.9036 27.5 27.5 21.9036 27.5 15C27.5 8.09644 21.9036 2.5 15 2.5C8.09644 2.5 2.5 8.09644 2.5 15C2.5 21.9036 8.09644 27.5 15 27.5Z" stroke="%2363527C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M10 15H20" stroke="%2363527C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  transform: none;
}

.new_style_accordion .accordion_title {
  padding: 20px;
  gap: 10px;
  margin-bottom: 20px;
  border-radius: 20px;
  overflow: hidden;
  background: linear-gradient(359deg, #1B112B 55%, rgba(47, 32, 71, 0.35) 100%);
}

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

.landing_accodian_main_boxx::after {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: linear-gradient(179deg, rgba(19, 16, 28, 0.00) 50.94%, #13101B 105.19%);
  filter: blur(82px);
}

.landing_accodian_main_boxx {
  max-width: 1680px;
}

.map-main {
  display: inline-block;
  width: 100%;
  text-align: center;
  padding-bottom: 0;
}

.map-main img {
  margin: 20px 0 60px 0;
}

.map-main .map-tab {
  margin: 0px;
  padding: 0;
}

.map-main .map-tab li {
  display: inline-flex;
  color: #FFF;
  border-radius: 40px;
  border: 1px solid #FFF;
  padding: 15px 25px;
  margin-right: 15px;
  color: #FFF;
  justify-content: center;
  align-items: center;
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
}

.map-main .map-tab li svg {
  margin-right: 10px;
}

.map-main .map-tab li:hover {
  background: #fff;
  color: #000;
}

.map-main .map-tab li:hover svg circle {
  fill: #000
}

.map-main .map-tab li a {
  display: inline-flex;
  color: #FFF;
  justify-content: center;
  align-items: center;
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  cursor: pointer
}

.map-main .map-tab li:hover a {
  color: #000;
}

.lending_card-frame label {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: 'NeueMontrealMedium';
}

.lending_card-frame input {
  width: 100%;
}

.checkbox_main .wpcf7-checkbox .wpcf7-list-item-label {
  padding: 16px 14px;
  background: rgb(39 34 53);
}

.lending_card-frame input::placeholder,
.lending_card-frame select::placeholder,
.lending_card-frame textarea::placeholder {
  color: var(--lite-purple);
}

.review-main {
  display: flex;
  width: 100%;
  row-gap: 20px;
  flex-wrap: wrap;
  color: #fff;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 30.8px;
  margin-top: 40px;
}

.review-main .review-main-img img {
  margin-bottom: 40px;
  display: inline-block;
}

.review-main .review-main-img img.review-img {
  width: 100%;
}

.review-main .review-main-img img:last-child {
  margin-bottom: 0;
}

.review-main-img .review-img {
  border-radius: 10px;
  mix-blend-mode: luminosity;
}

.checkbox_main .wpcf7-checkbox .wpcf7-list-item-label .label {
  position: relative;
  width: 22px;
  height: 22px;
  border: 1.5px solid #464155;
  border-radius: 5px;
  margin-right: 12px;
  transition: all 0.3s ease;
  display: inline-block;
  vertical-align: middle;
}

.checkbox_main .wpcf7-checkbox .wpcf7-list-item-label .label:after {
  content: '';
  position: absolute;
  left: 8px;
  top: 3px;
  width: 5px;
  height: 11px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg) scale(0);
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  z-index: 999;
}

.checkbox_main .wpcf7-checkbox input[type="checkbox"]:checked+.wpcf7-list-item-label .label {
  background: #FF0F6B;
  border-color: #FF0F6B;
}

.checkbox_main .wpcf7-checkbox input[type="checkbox"]:checked+.wpcf7-list-item-label .label:after {
  transform: rotate(45deg) scale(1);
}

.checkbox_main .wpcf7-checkbox input[type="checkbox"]:checked+.wpcf7-list-item-label {
  background: linear-gradient(#272235, #272235) padding-box, linear-gradient(90deg, #67CCFD 0%, #D337BB 50%, #FF0F6B 75%, #FE5F3C 100%) border-box;
  border-color: transparent;
}

.checkbox_main .wpcf7-checkbox .wpcf7-list-item-label:hover {
  border: 1px solid rgba(255, 255, 255, .16);
  background: transparent;
  color: #fff;
}

.lending_card-frame .card-frame {
  padding: 50px 50px 235px 50px;
}

.lending_card-frame .card-frame::after {
  width: 382.15px;
  height: 349.459px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="381" height="350" viewBox="0 0 381 350" fill="none"><path d="M1.10801 174.325C2.14339 175.244 5.50952 174.781 6.68905 174.319C8.98746 173.413 11.6666 171.914 13.388 170.076C14.709 168.678 15.7555 166.767 16.8731 165.206L21.4467 158.822C21.337 160.339 21.2884 161.854 21.3171 163.397C21.4499 169.663 22.1173 175.913 23.3021 182.072C25.6559 194.376 30.0479 206.3 36.3209 217.161C47.3062 236.161 63.9204 251.468 83.5109 261.215C85.7959 270.57 90.027 279.532 95.79 287.518C110.882 308.419 134.887 320.151 159.72 324.994C174.497 327.891 189.865 328.447 204.857 327.086C218.736 325.835 232.66 322.915 245.401 317.139C267.336 307.201 285.058 288.974 292.07 265.654C295.422 254.518 295.956 242.668 293.263 231.337C290.429 219.369 284.385 208.485 277.042 198.71C261.084 177.451 238.731 162.507 219.753 144.209C201.875 126.966 185.785 104.274 186.421 78.3219C186.999 54.6043 201.817 33.1721 220.829 19.9539C225.072 17.0041 229.555 14.3992 234.174 12.2798C236.604 11.1707 239.098 10.1515 241.61 9.23892C242.866 8.77497 244.139 8.35644 245.426 7.93747C245.987 7.75327 246.548 7.59967 247.109 7.41548C247.458 7.31379 247.792 7.2278 248.14 7.12611C249.446 6.78309 250.751 6.45535 252.058 6.15818C252.665 6.01853 253.274 5.89416 253.882 5.76979C254.11 5.71741 254.338 5.68034 254.566 5.62799C254.505 5.62973 254.428 5.63191 254.368 5.64893C254.444 5.64676 254.505 5.64498 254.581 5.62755C254.657 5.62538 254.718 5.59304 254.794 5.59086C255.737 5.39578 255.16 5.54987 254.627 5.62625C255.877 5.49884 257.122 5.1881 258.356 5.01534C258.782 4.9573 259.209 4.89928 259.636 4.85653C259.864 4.83474 260.108 4.79718 260.337 4.77539C261.054 4.70908 261.786 4.64235 262.503 4.59132C262.533 4.59045 262.564 4.58958 262.61 4.58827C262.961 4.57826 263.664 4.54294 263.908 4.53597C264.504 4.51899 265.1 4.50201 265.68 4.48546C265.757 4.48328 265.848 4.48067 265.94 4.47806C266.567 4.49077 267.179 4.50392 267.807 4.53188C267.96 4.52753 268.358 4.56205 268.695 4.56776C269.124 4.60141 269.645 4.6324 269.813 4.64289C270.534 4.69881 271.27 4.7696 271.99 4.8408C272.313 4.87751 274.275 5.06621 273.033 4.94871C271.807 4.83075 273.755 5.05045 274.077 5.10243C274.799 5.2042 275.521 5.32125 276.228 5.43871C277.564 5.66057 278.887 5.91341 280.209 6.18153C280.409 6.22172 281.287 6.42605 281.532 6.46493C281.671 6.49155 281.794 6.53395 281.825 6.53308C282.225 6.6287 282.626 6.73962 283.026 6.83525C288.048 8.12947 293.019 9.7921 297.729 11.9515C308.14 16.7161 317.582 23.3892 325.746 31.3983C342.72 48.0558 353.899 70.108 359.402 93.1018C366.085 121.016 364.822 150.212 359.934 178.304C355.561 203.521 348.422 228.267 338.853 251.996C329.399 275.446 317.918 298.068 304.009 319.214C300.697 324.248 297.26 329.208 293.698 334.065C290.195 338.829 287.065 343.811 283.655 348.664C283.479 348.914 286.687 349.327 287.267 348.76C291.966 344.085 296.664 339.409 300.814 334.26C304.802 329.315 308.649 324.281 312.387 319.144C319.758 308.995 326.615 298.493 332.974 287.684C345.705 266.006 356.062 243.095 364.022 219.244C372.476 193.956 378.68 167.555 380.475 140.913C382.202 115.129 379.356 88.8021 368.952 64.9693C360.02 44.5198 345.618 25.8012 326.312 14.241C305.233 1.61497 279.626 -1.40149 255.522 0.539395C232.592 2.38565 209.679 9.67499 191.879 24.6476C174.183 39.5103 161.189 62.1597 163.086 85.8068C165.125 111.208 182.275 132.433 200.303 149.06C219.258 166.563 241.059 181.432 256.31 202.573C263.235 212.162 268.653 223.063 270.973 234.725C273.187 245.855 272.262 257.411 268.762 268.184C261.606 290.193 244.494 307.867 223.247 316.715C220.497 317.864 217.712 318.876 214.863 319.767C214.53 319.869 214.181 319.986 213.832 320.087C213.771 320.089 213.499 320.189 213.302 320.24C212.68 320.411 212.042 320.582 211.405 320.753C209.902 321.132 208.383 321.496 206.863 321.815C206.513 321.886 206.164 321.957 205.814 322.028C205.768 322.03 205.601 322.065 205.434 322.1C205.327 322.119 205.236 322.137 205.206 322.138C204.855 322.193 204.49 322.265 204.14 322.321C202.725 322.545 200.919 322.489 199.571 322.956C199.464 322.959 199.358 322.977 199.266 322.98C198.427 323.065 197.588 323.134 196.749 323.189C196.489 323.196 196.23 323.204 195.971 323.242C195.39 323.258 194.825 323.29 194.244 323.291C193.587 323.31 192.914 323.283 192.257 323.317C192.196 323.319 192.15 323.32 192.089 323.322C191.37 323.312 190.636 323.302 189.916 323.277C189.657 323.284 188.707 323.219 188.217 323.203C187.788 323.169 187.267 323.138 187.114 323.127C186.394 323.071 185.673 323.015 184.953 322.944C184.109 322.861 183.281 322.778 182.437 322.679C182.407 322.68 182.33 322.667 182.238 322.655C181.962 322.617 181.516 322.553 181.424 322.54C178.415 322.121 175.418 321.58 172.433 320.946C172.464 320.945 172.079 320.864 171.864 320.825C171.649 320.77 171.249 320.689 171.295 320.688C170.586 320.509 169.878 320.346 169.169 320.152C167.521 319.725 165.872 319.268 164.236 318.764C141.284 311.772 120.49 296.829 109.61 275.059C108.783 273.401 108.031 271.71 107.324 269.987C112.515 271.291 117.787 272.242 123.155 272.808C136.222 274.178 150.134 273.568 162.832 270.025C173.057 267.18 182.98 262.31 189.743 253.891C196.226 245.831 199.056 235.689 197.893 225.431C196.747 215.28 191.882 205.556 184.405 198.567C174.932 189.724 161.895 186.731 149.296 186.203C135.119 185.613 120.076 187.862 107.829 195.398C98.1655 201.331 90.8634 210.698 86.4489 221.054C82.7941 229.629 81.2752 238.572 81.5893 247.447C79.2592 245.633 76.9877 243.725 74.8056 241.738C56.9862 225.456 45.2123 203.467 41.0036 179.733C39.9664 173.921 39.3853 168.02 39.2779 162.106C39.2227 159.095 39.0304 156.103 38.914 153.094C38.8766 151.78 38.7767 150.422 38.7375 149.047C40.6869 150.918 42.6516 152.789 44.6006 154.645C50.6999 160.48 57.1129 166.598 64.26 171.103C64.6026 171.323 67.4746 171.226 67.3288 170.94C66.8234 169.838 66.4087 168.703 65.9793 167.583C65.9465 167.508 65.6855 167.469 65.4258 167.477C64.0211 165.407 62.3158 163.513 60.7147 161.525C57.9879 158.132 55.1284 154.911 52.1929 151.707C49.2575 148.503 46.381 145.221 43.3705 142.065C40.3599 138.909 37.1812 137.899 32.8211 137.824C28.0023 137.747 23.4627 138.351 20.2701 142.219C17.4324 145.663 14.7837 149.302 12.2423 152.952C9.64167 156.666 7.05631 160.379 4.4556 164.092C2.76606 166.51 -2.14047 171.406 1.06045 174.266L1.10801 174.325ZM112.824 210.256C116.013 205.731 119.889 201.675 124.32 198.368C126.372 196.842 128.549 195.434 130.825 194.284C133.101 193.133 136.399 191.877 138.279 191.334C138.037 191.402 139.357 191.059 139.691 190.973C140.284 190.833 140.876 190.71 141.469 190.57C141.667 190.534 141.88 190.497 142.078 190.476C141.956 190.48 142.031 190.432 142.565 190.401C142.596 190.401 142.641 190.399 142.672 190.398C142.733 190.397 142.794 190.395 142.871 190.393C142.886 190.392 142.901 190.392 142.932 190.391C142.932 190.391 142.947 190.391 142.962 190.39C142.947 190.391 142.916 190.391 142.902 190.407C143.1 190.401 143.299 190.396 143.452 190.391C143.773 190.413 144.08 190.45 144.402 190.487C144.541 190.513 145.109 190.589 145.508 190.654C146.061 190.745 146.599 190.852 147.153 190.974C147.138 190.974 148.124 191.222 148.309 191.278C149.033 191.486 149.758 191.695 150.484 191.934C153.015 192.764 155.401 193.858 157.687 195.2C174.841 205.292 183.058 229.126 174.311 247.343C170.183 255.947 162.341 262.47 153.621 266.052C152.548 266.496 151.458 266.909 150.353 267.277C149.792 267.461 149.247 267.645 148.686 267.814C148.686 267.814 148.519 267.864 148.382 267.899C148.14 267.967 147.442 268.155 147.351 268.173C146.197 268.466 145.042 268.728 143.871 268.96C143.825 268.962 143.78 268.978 143.735 268.995C143.658 268.997 143.582 269.014 143.461 269.033C142.776 269.144 142.075 269.241 141.39 269.337C141.222 269.357 141.054 269.377 140.887 269.397C140.414 269.441 139.956 269.485 139.483 269.513C139.376 269.516 139.269 269.52 139.147 269.523C138.597 269.539 138.032 269.555 137.482 269.57L137.466 269.571C137.466 269.571 137.36 269.574 137.298 269.576C136.686 269.563 136.09 269.549 135.477 269.521C135.263 269.527 135.033 269.487 134.818 269.478C134.282 269.432 133.761 269.401 133.225 269.355C132.627 269.296 132.028 269.221 131.43 269.162C132.734 269.293 131.584 269.188 130.97 269.099C129.603 268.893 128.235 268.657 126.867 268.405C124.146 267.886 121.975 267.367 119.123 266.561C114.129 265.159 109.217 263.419 104.477 261.291C100.024 244.001 102.271 225.19 112.824 210.241L112.824 210.256Z" fill="%239B71B0"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "";
  position: absolute;
  bottom: -212px;
  right: -70px;
  z-index: -1;
}

.lending_card-frame .field_btn span {
  display: none;
}

footer.landing_footer.bg-white {
  padding-top: 0;
}

.landing_footer_main {
  margin-top: 0;
}

.brand_main {
  display: inline-block;
  width: 100%;
  margin-top: -5px;
}

.brand_main h2 {
  color: #13101C;
  text-align: center;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 35px;
  text-align: left;
}

.brand_main .barnd-logo {
  display: flex;
  gap: 80px;
  justify-content: space-between;
  margin-top: 60px;
  margin-bottom: 80px;
}

.main_landing_page_title p {
  opacity: 1;
  color: #FFF;
  font-size: 18px;
  line-height: 30px;
}

.case_study_card .case_study_stat_value {
  font-weight: bold;
  line-height: 70px;
}

.case_study_card .case_study_stat_item h2 {
  font-size: 24px;
}

.case_study_card .case_study_stat_item p {
  font-size: 16px;
  font-weight: 500;
}

.owl-carousel .owl-dots {
  display: flex;
  gap: 7px;
  justify-content: center;
}

.owl-carousel button.owl-dot {
  height: 11px;
  width: 11px;
  background: #C5C5C5;
  border-radius: 100%;
}

.owl-carousel button.owl-dot.active {
  background: linear-gradient(140.53deg, #67CCFD 0%, #FF0F6B 86.92%);
}

.service-row.mobile-slider {
  justify-content: center;
}

.seo-boost-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #272235;
  border-radius: 20px;
  position: relative;
}

.seo-boost-box p {
  font-family: 'NeueMontrealMedium';
  font-weight: normal;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0%;
  margin-bottom: 30px;
}

.seo-boost-box .content {
  padding: 70px 42px 70px 70px;
}

.seo-boost-box .seo-boost-image img {
  width: 100%;
}

.seo-boost-box .seo-boost-image {
  width: 100%;
  max-width: 829px;
  position: relative;
}

.seo-boost-box .seo-boost-image::before {
  position: absolute;
  left: -60px;
  top: 0;
  content: "";
  background: url('../images/boost-bg-img.png') left top no-repeat;
  height: 214px;
  width: 123px;
  background-size: 100%;
}

.seo-boost-box .seo-boost-image::after {
  position: absolute;
  left: -76px;
  bottom: 28px;
  content: "";
  background: url('../images/boost-bg-img1.png') right bottom no-repeat;
  height: 51px;
  width: 97px;
}

.seo-image-text {
  max-width: 1507px;
  margin: 0 auto;
}

.seo-image-text .seo-content p {
  font-family: 'NeueMontrealRegular';
  font-weight: normal;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0%;
  text-align: justify;
  margin-bottom: 40px;
}

.seo-image-text .seo-content p a {
  color: #ff623e;
}

.seo-image-text .seo-content .btn-group {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
}

.seo-image-text .seo-image {
  max-width: 702px;
  width: 100%;
}

.seo-image-text .seo-image img {
  width: 100%;
  border-radius: 20px;
}

.optimisation-content {
  position: relative;
}

.seo-image-text ul,
.web_welcome_content ul {
  list-style: none;
  padding: 0;
  margin: 0 0 30px 0;
}

.seo-image-text ul li,
.web_welcome_content ul li {
  position: relative;
  padding: 0 0 0 24px;
  margin: 0 0 10px 0;
  font-family: 'NeueMontrealRegular';
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  letter-spacing: 0%;
  color: #FFF;
}

.seo-image-text ul li::before,
.web_welcome_content ul li:before {
  width: 15px;
  height: 18px;
  position: absolute;
  left: 0;
  top: 8px;
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='18' viewBox='0 0 15 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.3378 11.9029C5.24005 11.7063 3.73349 8.69297 2.19192 8.31387C1.67226 8.19712 1.25608 8.30014 1.25608 8.30014C0.683767 8.46634 0.266668 8.96219 0.103903 9.39508C-0.221855 10.3591 0.279032 11.0939 0.768472 11.7825C1.74735 13.1597 2.69739 14.5195 3.67627 15.8968C4.01027 16.3539 4.34999 16.8342 4.88682 17.0203C5.58527 17.2646 6.3833 16.9198 6.85832 16.3605C7.35645 15.7956 7.59499 15.074 7.83925 14.3755C7.98462 13.9715 8.12999 13.5674 8.27535 13.1634C8.77532 11.8127 9.32726 10.4738 9.90804 9.15219C10.4888 7.83061 11.0984 6.52643 11.76 5.23392C12.4216 3.94141 13.0889 2.67203 13.8313 1.4086C14.0227 1.09131 14.191 0.779741 14.3823 0.462452C14.4171 0.404763 14.6548 0.0760275 14.6145 0.0123864C14.5742 -0.0512546 14.256 0.150199 14.1866 0.167368C13.5967 0.460621 13.0296 0.846359 12.5203 1.26689C11.4842 2.13681 10.6383 3.18047 9.82699 4.26466C8.11716 6.67546 6.61496 9.23117 5.3378 11.9029Z' fill='%23BB9DF8'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.seo-image-text .approach_number {
  font-family: 'NeueMontrealMedium';
  font-weight: 500;
  font-size: 130px;
  line-height: 90px;
  letter-spacing: 0%;
  background: linear-gradient(180deg, #BB9DF8 36.02%, rgba(38, 28, 50, 0.33) 100%);
  -webkit-background-clip: text;
  -webkit-text-stroke: 2px transparent;
  color: #13101c;
  display: block;
  padding-top: 0;
  margin-left: 4px;
  margin-bottom: 44px;
}

.seo-image-text ul li a {
  color: #72cfff;
}

.seo-hero-section {
  background: url('../images/seo-ellipse-bg.png') 0 0 no-repeat;
  background-size: 100%;
}

.seo-container .seo-hero-row {
  padding: 214px 144px 333px 144px;
  display: flex;
  justify-content: flex-start;
  align-items: start;
  gap: 176px;
}

.seo-container .seo-hero-row .seo-image-column {
  width: 100%;
  max-width: 420px;
}

.seo-hero-row .seo-image-column .seo-image-box img {
  border-radius: 20px;
}

.seo-image-column .seo-marketing-text {
  margin-top: 57px;
}

.seo-image-column .seo-marketing-text span {
  display: block;
  font-family: 'NeueMontrealRegular';
  font-weight: normal;
  font-size: 15px;
  line-height: 40px;
  letter-spacing: 80%;
  text-align: center;
  text-transform: uppercase;
  color: #BDBDBD;
}

.seo-container .seo-hero-row .seo-content-column {
  width: 100%;
  max-width: 705px;
}

.seo-container .seo-description {
  font-family: 'NeueMontrealMedium';
  font-weight: normal;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0%;
  margin-bottom: 30px;
}

.progress_main_heading h2 {
  line-height: 170px;
  font-weight: normal;
  -webkit-text-stroke: 3px rgba(255, 255, 255, 1);
}

.progress_main_box li.nav-item:not(:last-child) {
  padding-right: 106px;
}

.progress_main_box {
  max-width: 100%;
}

.sub_btn {
  min-width: auto;
}

.landing_banner_title_con .sub_text {
  margin-left: 20px;
  text-transform: uppercase;
}

.optimisation-banner {
  border-radius: 20px;
  background: #272235;
  padding: 120px 20px;
  text-align: center;
  position: relative;
}

.optimisation-banner::before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 40%;
  content: '';
  background: url('../images/optimisation-banner-left-bg.png') left top no-repeat;
}

.optimisation-banner::after {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 50%;
  content: '';
  background: url('../images/optimisation-banner-right-bg.png') right bottom no-repeat;
}

.optimisation-banner p {
  font-family: 'NeueMontrealMedium';
  font-weight: normal;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0%;
  text-align: center;
  width: 100%;
  max-width: 888px;
  margin: 0 auto 30px auto;
}

.brand-logo-list {
  max-width: 1370px;
  width: 100%;
  margin: 70px auto 0 auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  gap: 60px;
}

.brand-logo-list .partner-card {
  background: #1F1C27;
  border-radius: 10px;
  padding: 16px 15px;
  width: 178px;
}

.brand-logo-list .partner-card img {
  height: 52px;
  width: 100%;
  object-fit: contain;
  filter: brightness(0) invert(1);
}

.plan_main_box_con .secondary-btn {
  width: 100%;
}

.plan_main_box_con.active .secondary-btn {
  border-color: transparent;
  background: #67ccfd;
  background: -moz-linear-gradient(left, #67ccfd 0, #d337bb 30%, #ff0f6b 70%, #fe5f3c 100%);
  background: -webkit-linear-gradient(left, #67ccfd 0, #d337bb 30%, #ff0f6b 70%, #fe5f3c 100%);
  background: linear-gradient(to right, #67ccfd 0, #d337bb 30%, #ff0f6b 70%, #fe5f3c 100%);
  color: #FFF;
}

.plan_main_box_con.active .secondary-btn::before {
  opacity: 0;
}

.plan_main_box_title_main p,
.plan_main_box_content ul li {
  font-family: 'NeueMontrealRegular';
}

.plan_main_box_title_main {
  padding-right: 72px;
}

.plan_main_box_content h6,
.plan_main_box_title h3 {
  font-family: 'NeueMontrealMedium';
}

.plan_main_box_con {
  height: auto;
}

.landing_banner_title_con .main_title_con h1 {
  font-weight: normal;
  font-family: 'NeueMontrealMedium';
}

.landing_banner_main::before {
  content: "";
  position: absolute;
  width: 700px;
  height: 700px;
  background: linear-gradient(90deg, #67ccfd 0, #d337bb 50%, #ff0f6b 75%, #fe5f3c 100%);
  opacity: .3;
  filter: blur(100px);
  transform: rotate(-45deg);
  z-index: 0;
  left: -442.35px;
  top: 20px
}

.main_title_con p {
  font-family: 'NeueMontrealRegular';
  font-weight: normal;
  margin-bottom: 25px;
}

.landing_banner_main {
  padding-top: 165px !important;
}

.main_title_con p {
  margin-bottom: 30px;
}

.landing_banner_three_box.landing_banner_three_box {
  padding: 20px 0;
}

.approach_section .solutionapproch_row {
  padding-bottom: 100px;
  border-bottom: 1px solid #1F1C27;
}

.approach_section .solutionapproch_row:last-child {
  border-bottom: none;
}

.approach_section {
  position: relative;
}

.approach_section:before {
  content: "";
  position: absolute;
  width: 800px;
  height: 570px;
  background: linear-gradient(90deg, #67ccfd 0, #d337bb 50%, #ff0f6b 75%, #fe5f3c 100%);
  opacity: .3;
  filter: blur(100px);
  transform: rotate(-45deg);
  z-index: 0;
  left: -442.35px;
  top: 0;
}

.circletab_box_main ul.circletab {
  margin: 0 auto;
  border: 0;
  text-align: center;
  width: 100% !important;
  display: flex;
  justify-content: center;
}

.circletab_box_main ul.circletab li {
  padding: 0 4px;
}

.circletab_box_main ul.circletab li:before {
  display: none;
}

.circletab_box_main ul.circletab li a {
  position: relative;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 50% !important;
  border: 0 !important;
  width: 125px;
  height: 125px;
}

.circletab_box_main ul.circletab li a svg {
  display: none;
}

.circletab_box_main ul.circletab li a span {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  max-width: 90px;
  line-height: 24px;
  margin: 0 auto;
  color: #fff;
  font-size: 14px;
}

.scrtabs-tabs-fixed-container,
.scrtabs-tab-container {
  height: auto !important;
}

.scrtabs-tab-container:after {
  content: "";
  display: table;
  clear: both;
}

.circletab_box_main ul.circletab li a:after {
  content: "";
  border: 1px solid #999;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  border-radius: 50%;
}

.circletab_box_main .nav-tabs .nav-item.show .nav-link span,
.circletab_box_main .nav-tabs .nav-link.active span {
  color: #333 !important;
}

.circletab_box_main .nav-tabs .nav-item.show .nav-link:after,
.circletab_box_main .nav-tabs .nav-link.active:after {
  border-color: transparent !important;
}

.circletab_text_wrapper h2 {
  margin-top: 0;
  font-size: 36px;
  margin-bottom: 28px;
  font-weight: 600;
}

.circletab_text_wrapper h2 strong {
  font-weight: 600;
  color: var(--lightblue-color);
}

.circletab_box_main .tab-content {
  margin-top: 80px;
}

.tab-content span.tab-device-title {
  display: none;
}

.circletab_section {
  padding-top: 150px;
}

.mobilescreen_box {
  position: relative;
  overflow: hidden;
  padding: 16px 20.9px;
}

.mobilescreen_box img {
  position: relative;
  border-radius: 45px;
  overflow: hidden;
  z-index: -1;
}

.mobilescreen_box:before {
  content: '';
  background: url(../images/mobile.png) no-repeat;
  background-size: 100% 100% !important;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.mobile_screen_section .owl-carousel .owl-nav button.owl-prev,
#desktopscreen_slider.owl-carousel .owl-nav button.owl-prev {
  left: -70px;
  position: relative;
}

.mobile_screen_section .owl-carousel .owl-nav button.owl-next,
#desktopscreen_slider.owl-carousel .owl-nav button.owl-next {
  right: -70px;
  position: relative;
}

.mobile_screen_section .owl-carousel .owl-nav {
  display: flex;
  justify-content: space-between;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

/*megamenu CSS start */
.main-navigation>ul.main-menu>li.menu-item-has-children {
  position: relative;
}

.main-navigation>ul.main-menu>li.menu-item-has-children::after {
  content: "";
  position: fixed;
  z-index: 0;
  top: 109px;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  background: rgba(10, 9, 15, 0.72);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  pointer-events: none;
}




.main-navigation>ul.main-menu>li.menu-item-has-children>a {
  position: relative;
  margin-right: 20px;
}

.main-navigation>ul.main-menu>li.menu-item-has-children:hover>a:before,
.main-navigation>ul.main-menu>li.menu-item-has-children.is-open>a::before {
  content: "";
  position: absolute;
  width: 24px;
  height: 13px;
  background: #67CCFD;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  bottom: 5px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 1;
}

@media (min-width:1200px) {
  .case_study_card_mian_im {
    height: auto;
  }

  .ready_from_main .case_study_card {
    height: 100%;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children>.open-sub::after {
    position: absolute;
    right: -22px;
    top: 49%;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5.5 6L10 1' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 11px 7px;
    height: 7px;
    width: 11px;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children:hover>a::after,
  .main-navigation>ul.main-menu>li.menu-item-has-children.is-open>a::after {
    transform: rotate(180deg);
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5.5 6L10 1' stroke='%2372cfff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children:hover::after {
    display: block;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children.mega-menu-main>ul.sub {
    position: fixed;
    z-index: 99999;
    top: 101px;
    left: max(226px, calc((100vw - 1208px) / 2));
    width: 1087px;
    max-height: 620px;
    display: none;
    margin: 0;
    padding: 0;
    overflow-y: auto;
    background: #13101C;
    border: 2px solid #67CCFD;
    border-radius: 20px;
    box-sizing: border-box;
    transform: none;
    list-style: none;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li {
    position: relative;
    display: block;
    width: 273px;
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    border-bottom: 2px solid #3A3252;
    box-sizing: border-box;
    list-style: none;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li,
  .main-navigation>ul.main-menu>li.menu-item-has-children.mega-menu-main>ul.sub>li {
    position: relative;
    display: block;
    width: 273px;
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    border-bottom: 2px solid #3A3252;
    box-sizing: border-box;
    list-style: none;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children.mega-menu-main>ul.sub>li {
    position: static;
    background: #251F36;
  }
}

.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li:nth-child(2) {
  border-radius: 10px 10px 0 0;
}

.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li:last-child {
  border-radius: 0 0 10px 10px;
}

.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li:last-child,
.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li:last-child {
  border-bottom: none;
}


.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>a,
.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>a {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 23px 30px 28px 30px;
  color: #828282;
  text-decoration: none;
  background: transparent;
  box-sizing: border-box;
  font-family: 'NeueMontrealRegular';
  font-weight: normal;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0%;
  gap: 4px;
}

.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li.is-active>a {
  color: #ffffff;
}

.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>a .menu-item-description {
  color: #828282;
  white-space: nowrap;
  font-family: 'NeueMontrealMedium';
  font-weight: normal;
  font-size: 14px;
  line-height: 130%;
  letter-spacing: 3%;
  text-align: right;

}

.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li.is-active>a::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -14px;
  z-index: 20;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 14px solid #39334f;
  transform: translateY(-50%);
}

.main-navigation>ul.main-menu>li.menu-item-has-children.mega-menu-main>ul.sub>li>ul.sub {
  position: absolute;
  top: 0;
  left: 273px;
  right: 0;
  width: calc(100% - 273px);
  height: 100%;
  display: none;
  margin: 0;
  padding: 30px 53px;
  overflow: hidden;
  background: #13101C;
  border: 0;
  box-sizing: border-box;
  list-style: none;
  z-index: 100;
}

.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub {
  position: absolute;
  left: 106%;
  top: 0;
  background: #251F36;
  min-width: 210px;
  display: none;
  padding: 0;
  border-radius: 10px;
}

.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>a:hover {
  color: #FFF;
}

.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li:hover>ul.sub {
  display: block;
}

.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li:hover>ul.sub {
  display: block;
}

.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li.is-active>ul.sub:has(li.parent) {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 100px;
  height: auto;
}

.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>ul.sub>li>a span {
  font-family: 'NeueMontrealRegular';
  font-weight: normal;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0%;
  color: #C0C0C0;
}

.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>ul.sub>li:hover>a span {
  color: #FFF;
}

.main-navigation>ul.main-menu>li.menu-item-has-children.mega-menu-main>ul.sub>li>ul.sub>li:first-child {
  position: relative;
  display: block;
  float: left;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  box-sizing: border-box;
}

.menu-image-title-before.menu-image-not-hovered img,
.menu-image-hovered.menu-image-title-before .menu-image-hover-wrapper,
.menu-image-title-after.menu-image-title {
  padding-left: 0 !important;
}

.main-navigation>ul.main-menu>li.menu-item-has-children.mega-menu-main>ul.sub>li>ul.sub>li:nth-child(odd)>a .menu-item-content span.menu-image-title {
  color: #67CCFD;
  font-family: 'NeueMontrealMedium';
}

.main-navigation>ul.main-menu>li.menu-item-has-children.mega-menu-main>ul.sub>li>ul.sub>li:nth-child(even)>a .menu-item-content span.menu-image-title {
  color: #D337BB;
  font-family: 'NeueMontrealMedium';
}

.main-navigation>ul.main-menu>li.menu-item-has-children.mega-menu-main>ul.sub>li>ul.sub>li:nth-child(even) a>img {
  border-color: #D337BB;
  background: #200F15;
}

.main-navigation>ul.main-menu>li.menu-item-has-children.mega-menu-main>ul.sub>li>ul.sub>li>a .menu-item-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  text-align: left;
}

.main-navigation>ul.main-menu>li.menu-item-has-children.mega-menu-main>ul.sub>li>ul.sub>li>a .menu-item-content span.menu-image-title {
  margin-bottom: 15px;
}

.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li:last-child {
  position: relative;
  display: block;
  float: left;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0 0 0 0px;
  border: 0;
  box-sizing: border-box;
  border-radius: 0 0 10px 10px;
}

.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li:first-child {
  border-radius: 10px 10px 0 0;
}

.main-navigation>ul.main-menu>li.menu-item-has-children.mega-menu-main>ul.sub>li.menu-item-has-children:before {
  display: none;
}

.main-navigation>ul.main-menu>li.menu-item-has-children.mega-menu-main>ul.sub>li>ul.sub>li>a {
  font-weight: normal;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0%;
  color: #C0C0C0;
  padding: 12px 0;
}

.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>a>img {
  flex: 0 0 47px;
  width: 47px !important;
  height: 47px !important;
  max-width: 47px !important;
  max-height: 47px !important;
  margin: 0 13px 0 0;
  padding: 11px;
  object-fit: contain;
  border: 1px solid rgba(80, 201, 250, 0.55);
  border-radius: 6px;
  background: #162535;
  box-sizing: border-box;
}

.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li.parent>a::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  background: #555555;
}

.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>a span.menu-item-description {
  font-family: 'NeueMontrealRegular';
  font-weight: normal;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0%;
  color: #B4B4B4;
}

.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>ul.sub {
  position: static;
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 10px 0 0;
  background: transparent;
  border: 0;
  overflow: visible;
  box-sizing: border-box;
}

.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>ul.sub>li {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0 0 5px 0;
  background: transparent;
  border: 0;
  box-sizing: border-box;
}

.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>ul.sub>li>a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 42px;
  margin: 0;
  padding: 0;
  color: #C0C0C0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
  background: transparent;
  box-sizing: border-box;
}

.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>ul.sub>li>a>img {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  max-width: 24px;
  max-height: 24px;
  margin: 0 13px 0 0;
  padding: 0;
  object-fit: contain;
  border: 0;
  background: transparent;
}

.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>ul.sub>li>a:hover {
  color: #fff;
}

.main-navigation .site-header {
  position: relative;
  z-index: 100000;
}

.main-navigation {
  z-index: 100001;
}

.main-navigation>ul.main-menu>li.menu-item-has-children.mega-menu-main>ul.sub>li>ul.sub>li {
  position: static;
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  box-sizing: border-box;
  list-style: none;
}

.main-navigation>ul.main-menu>li.menu-item-has-children.mega-menu-main>ul.sub>li>ul.sub>li>a {
  position: relative;
  display: flex;
  align-items: flex-start;
  width: 100%;
  min-height: 42px;
  margin: 0;
  padding: 0 0 20px 0;
  font-weight: 400;
  line-height: 1.3;
  text-decoration: none;
  background: transparent;
  box-sizing: border-box;
  font-size: 17px;
  line-height: 120%;
  letter-spacing: 0%;
  flex-direction: row;
  justify-content: flex-start;
}

.main-navigation>ul.main-menu>li.menu-item-has-children.mega-menu-main>ul.sub>li>ul.sub>li.parent:first-child>a {
  color: #67CCFD;
  font-family: 'NeueMontrealMedium';
}

.main-navigation>ul.main-menu>li.menu-item-has-children.mega-menu-main>ul.sub>li>ul.sub>li.parent:last-child>a {
  color: #D337BB;
  font-family: 'NeueMontrealMedium';
}

.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>a:hover {
  color: #ffffff;
}

.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li.is-active>a,
.navbar-expand-xl .main-navigation>ul.main-menu>li.menu-item-has-children.nav-link:hover {
  color: #ffffff;
}

.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li.is-active>a .menu-item-description {
  color: #A997CE;
}

.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li.is-active>a::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -19px;
  width: 0;
  height: 0;
  border-top: 19px solid transparent;
  border-bottom: 19px solid transparent;
  border-left: 19px solid #3A3252;
  transform: translateY(-50%);
  z-index: 999;
}

.main-navigation .menu-item:hover>ul.sub {
  display: block;
}


ul.rounded_pill {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-block
}

ul.rounded_pill li a,
ul.rounded_pill li span {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  width: auto;
  height: auto;
  border: none;
  font-weight: 400;
  font-size: var(--font-22);
  color: #fff;
  transition: all 0.5s ease;
  line-height: 51px;
}

ul.rounded_pill li,
.progress_in_content_ul ul.rounded_pill li {
  display: inline-block;
  margin: 15px 15px 0 0;
  border: 1px solid rgba(255, 255, 255, .5);
  border-radius: 150px;
  padding: 0px 20px;
  height: 51px;
}

.progress_in_content_ul ul li {
  display: list-item;
  margin: 0;
}

.progress_in_content_ul ul {
  list-style: disc;
  padding: 0 0 0 2rem;
  margin: 0 0 1rem 0;
  display: inline-block;
}

.progress_in_content_ul ul.rounded_pill {
  margin: 0;
  padding: 0;
}

.progress_in_content_ul ul li::marker {
  display: none;
}

/* =========================================
   ERP SECTION
========================================= */
.erp-section {
  width: 100%;
  display: flex;
  align-items: center;
}

.erp-grid {
  width: 100%;
  max-width: 830px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 30px;
  row-gap: 27px;
  padding: 2px 80px 2px 0;
  transform: skewX(-17deg);
}

.erp-left-content p {
  font-weight: normal;
  font-size: 32px;
  line-height: 140%;
  letter-spacing: 0%;
  max-width: 690px;
  width: 100%;
}

/* =========================================
   CARD
========================================= */

.erp-card {
  position: relative;
  height: 120px;
  background: #1F1C27;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  cursor: pointer;
}

.erp-card>* {
  transform: skewX(17deg);
}

.erp-card::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px;
  border-radius: inherit;
  pointer-events: none;
  z-index: 0;
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.erp-card-1::after {
  background: linear-gradient(233.58deg,
      #4F298D 28.77%,
      #221E31 105.73%);
}

.erp-card-2::after {
  background: linear-gradient(233.58deg,
      #EC62AE 28.77%,
      #4B0C31 105.73%);
}

.erp-card-3::after {
  background: linear-gradient(233.58deg, #EB8E1C 28.77%, #301E0A 105.73%);
}

.erp-card-4::after {
  background: linear-gradient(233.58deg, #8FB570 28.77%, #2E421C 105.73%);
}

.erp-card-5::after {
  background: linear-gradient(233.58deg, #4083DD 28.77%, #0C1B3B 105.73%);
}

.erp-card-6::after {
  background: linear-gradient(233.58deg, #BD7FDC 28.77%, #3B2148 105.73%);
}

.erp-card-7::after {
  background: linear-gradient(233.58deg, #EE44A5 28.77%, #220618 105.73%);
}

.erp-card-8::after {
  background: linear-gradient(233.58deg, #31BDCD 28.77%, #052E2B 105.73%);
}

.erp-card-9::after {
  background: linear-gradient(222.23deg, #DC987F 23.79%, #282321 90.3%);
}

.banner-contact-info ul {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.banner-contact-info ul {
  list-style: none;
  padding: 0;
  margin: 30px 0 0 0;
  column-gap: 60px;
}

.banner-contact-info ul li a {
  font-family: 'NeueMontrealRegular';
  color: #fff;
  font-weight: 400;
  font-size: 32px;
  line-height: 130%;
  letter-spacing: 0%;
  padding: 0;
  gap: 10px;
  display: flex;
  align-items: flex-start;
  margin-right: 23px;
}

.banner-contact-info .banner-contect-info {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

.banner-contact-info .banner-contect-info .banner-contact {
  font-family: 'NeueMontrealRegular';
  font-weight: normal;
  font-size: 18px;
  line-height: 130%;
  letter-spacing: 0%;
  color: rgba(255, 255, 255, 0.7);
}

.banner-contact-info ul li span.icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  min-width: 60px;
  background: linear-gradient(116.82deg, #67CCFD 2.38%, #D337BB 97.24%);
  border-radius: 100px;
}

.banner-contact-info ul li span.icon svg {
  width: 25px;
  height: auto;
}

.contact-page .ready_from_section::before {
  display: none;
}

.contact-page .landing_accodian_section {
  position: relative;
  background-image: url(../images/bg_from.png);
  width: 100%;
  background-size: 100%;
  background-position: top center;
  background-repeat: no-repeat;
  background-color: #f9f9f9;
}

.contact-page .landing_accodian_main_logo_one:before {
  background: transparent;
}

.contact-page .landing_accodian_main_boxx::after {
  display: none;
}


.detailoverview_box_main {
  max-width: 1430px;
  width: 100%;
  margin: 0 auto;
}

.detailoverview_box_main .detailoverview_box {
  text-align: center;
}

.detailoverview_box_main .detailoverview_box p {
  font-weight: 400;
  font-size: 25px;
  line-height: 140%;
  letter-spacing: 0%;
  text-align: center;
  font-family: 'NeueMontrealRegular';
  margin-bottom: 40px;
}

.detailoverview_box_main .detailoverview_box p a {
  color: #67CCFD;
}

.detailoverview_box_info {
  border-right: 1px solid #5E586D;
  margin-top: 50px;
  margin-right: 50px;
}

.detailoverview_box_info:nth-child(3n) {
  border-right: none;
  margin-right: 0;
}

.detailoverview_box_info label {
  color: #857F93;
  font-family: 'NeueMontrealMedium';
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.detailoverview_box_info p {
  font-family: 'NeueMontrealRegular';
  font-weight: normal;
  font-size: 20px;
  line-height: 130%;
  letter-spacing: 0%;
  text-align: left;
}

.detailoverview_box_info_row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 80px;
}

.detailoverview_box ul {
  padding: 0;
  text-align: left;
}

.detailoverview_box ul li {
  position: relative;
  list-style: none;
  padding: 0 0 0 24px;
  margin: 0 0 10px 0;
  font-family: 'NeueMontrealRegular';
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  letter-spacing: 0%;
  color: #FFF;
}

.detailoverview_box ul li::before {
  width: 15px;
  height: 18px;
  position: absolute;
  left: 0;
  top: 8px;
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='18' viewBox='0 0 15 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.3378 11.9029C5.24005 11.7063 3.73349 8.69297 2.19192 8.31387C1.67226 8.19712 1.25608 8.30014 1.25608 8.30014C0.683767 8.46634 0.266668 8.96219 0.103903 9.39508C-0.221855 10.3591 0.279032 11.0939 0.768472 11.7825C1.74735 13.1597 2.69739 14.5195 3.67627 15.8968C4.01027 16.3539 4.34999 16.8342 4.88682 17.0203C5.58527 17.2646 6.3833 16.9198 6.85832 16.3605C7.35645 15.7956 7.59499 15.074 7.83925 14.3755C7.98462 13.9715 8.12999 13.5674 8.27535 13.1634C8.77532 11.8127 9.32726 10.4738 9.90804 9.15219C10.4888 7.83061 11.0984 6.52643 11.76 5.23392C12.4216 3.94141 13.0889 2.67203 13.8313 1.4086C14.0227 1.09131 14.191 0.779741 14.3823 0.462452C14.4171 0.404763 14.6548 0.0760275 14.6145 0.0123864C14.5742 -0.0512546 14.256 0.150199 14.1866 0.167368C13.5967 0.460621 13.0296 0.846359 12.5203 1.26689C11.4842 2.13681 10.6383 3.18047 9.82699 4.26466C8.11716 6.67546 6.61496 9.23117 5.3378 11.9029Z' fill='%23BB9DF8'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.detailoverview_box_info_row .detailoverview_box_info {
  margin-right: 0;
}

.fullimg_new_section {
  padding: 105px 0;
  background: url('../images/bg-laptop.jpg') 0 0 no-repeat;
  background-size: cover;
  width: 100%;
  position: relative;
  z-index: 1;
}

.fullimg_new_section .fullimg_newbox_main {
  text-align: center;
  position: relative;
}

.fullimg_new_section .fullimg_newbox_main>img {
  max-width: 100%;
}

.fullimg_new_section .fullimg_newbox_main .fullimg_newbox {
  position: relative;
  max-width: 921px;
  position: absolute;
  top: 44px;
  z-index: 22;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 578px;
  overflow: hidden;
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: cover;
  transition: all 15s ease-out 0s;
  -webkit-transition: all 15s ease-out 0s;
  -moz-transition: all 15s ease-out 0s;
  -ms-transition: all 15s ease-out 0s;
  -o-transition: all 15s ease-out 0s;
}

.fullimg_new_section .fullimg_newbox_main .fullimg_newbox img {
  max-width: 100%;
  position: relative;
  top: 0;
  transition: all 16s ease 0s;
  -moz-transition: all 16s ease 0s;
  -ms-transition: all 16s ease 0s;
  -o-transition: all 16s ease 0s;
  -webkit-transition: all 16s ease 0s;
  transform: translateY(0);
}

.fullimg_new_section .fullimg_newbox_main .fullimg_newbox:hover {
  background-position: center 100% !important;
}

.hoverimgview {
  padding: 20px;
  position: absolute;
  right: 0;
  color: #fff;
  width: 140px;
  text-align: left;
  z-index: 88;
  top: 50%;
  transform: translateY(-50%);
  background: linear-gradient(129.25deg, #67CCFD -14.13%, #D337BB 99.97%);
  border-radius: 100%;
  height: 134px;
  width: 134px;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  left: 0;
  margin: 0 auto;
}

.hoverimgview .hover {
  display: inline-block;
  font-family: 'NeueMontrealMedium';
  font-weight: 500;
  font-size: 12px;
  line-height: 19px;
  letter-spacing: 0%;
  text-align: center;
  text-transform: uppercase;
}

.hoverimgview .click {
  display: none
}

.fullimg_newbox:hover .hoverimgview {
  display: none;
}

.platforms_box_erp {
  margin-top: 30px;
}

.platforms_box_erp .col-6:first-child {
  width: 220px
}

.platforms_box_erp .col-6:last-child {
  width: calc(100% - 220px)
}

.platformsside_box {
  padding: 0 0 0 100px;
  position: relative
}

.platformsside_link {
  position: relative;
  height: 100px;
  width: 100%
}

.platformsside_link+.platformsside_link {
  margin-top: 0
}

.platforms_box_erp .row {
  align-items: center
}

.platformsside_link img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin: 0 auto;
  transform: translateY(-50%);
  filter: brightness(0) invert(1);
  -moz-filter: brightness(0) invert(1);
  -ms-filter: brightness(0) invert(1);
  -o-filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1)
}

.platformsside_box:before {
  content: "";
  background: #fff;
  width: 1px;
  position: absolute;
  top: 50px;
  bottom: 50px;
  left: 50px
}

.platforms_box_rightline.platforms_box .platforms_link:after {
  background: #fff;
  content: "";
  height: 1px;
  right: -51px;
  width: 52px;
  position: absolute;
  top: 50%
}

.platformsside_link:before {
  content: "";
  background: #fff;
  position: absolute;
  width: 50px;
  height: 1px;
  left: -50px;
  top: 50%
}

.platforms_box_erp .col-6:first-child {
  width: 220px;
}

.platforms_box_erp .row>* {
  padding: 0 !important;
}

.platforms_box {
  border-radius: 50%;
  position: relative;
}

.platforms_box .platforms_link {
  position: relative;
  display: block;
  padding-bottom: 100%;
  border-radius: 50%;
}

.platforms_box .platforms_link:before {
  content: "";
  border: 2px solid #999;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  border-radius: 50%;
  pointer-events: none;
}

.platforms_box .platforms_link img {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 100%;
  max-height: 100%;
  top: 50%;
  transition: all .5s ease 0s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  -webkit-transition: .5s;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  filter: brightness(0) invert(1);
  -moz-filter: brightness(0) invert(1);
  -ms-filter: brightness(0) invert(1);
  -o-filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
}

.platforms_box_rightline.platforms_box .platforms_link:after {
  background: #fff;
  content: "";
  height: 1px;
  right: -51px;
  width: 52px;
  position: absolute;
  top: 50%;
}

.platformsside_box {
  padding: 0 0 0 100px;
  position: relative;
  max-width: 300px;
  width: 100%;
}

.whatwe_box_main .col-sm-6:first-child .whatwe_icon img,
.whatwe_box_main .col-sm-6:nth-child(5) .whatwe_icon img {
  animation: 1.2s infinite alternate mover2
}

.whatwe_box_main .col-sm-6:nth-child(2) .whatwe_icon img,
.whatwe_box_main .col-sm-6:nth-child(6) .whatwe_icon img {
  animation: 1.3s infinite alternate mover2
}

.whatwe_box_main .col-sm-6:nth-child(3) .whatwe_icon img,
.whatwe_box_main .col-sm-6:nth-child(4) .whatwe_icon img {
  animation: 1.1s infinite alternate mover2
}

.whatwe_box_main .col-sm-6:first-child .whatwe_icon svg,
.whatwe_box_main .col-sm-6:nth-child(5) .whatwe_icon svg {
  animation: 1.2s infinite alternate mover2
}

.whatwe_box_main .col-sm-6:nth-child(2) .whatwe_icon svg,
.whatwe_box_main .col-sm-6:nth-child(6) .whatwe_icon svg {
  animation: 1.3s infinite alternate mover2
}

.whatwe_box_main .col-sm-6:nth-child(3) .whatwe_icon svg,
.whatwe_box_main .col-sm-6:nth-child(4) .whatwe_icon svg {
  animation: 1.1s infinite alternate mover2
}

.newlandingtab_content_svg_main .col-sm-12:first-child .newlandingtab_svg svg,
.newlandingtab_content_svg_main .col-sm-12:nth-child(4) .newlandingtab_svg svg {
  animation: 1.2s infinite alternate mover1
}

.newlandingtab_content_svg_main .col-sm-12:nth-child(2) .newlandingtab_svg svg,
.newlandingtab_content_svg_main .col-sm-12:nth-child(3) .newlandingtab_svg svg {
  animation: 1.3s infinite alternate mover1
}

.whatwe_section .main_title_small {
  margin-top: -5px
}

.whatwe_box_main {
  margin-bottom: -20px
}

.whatwe_box {
  text-align: center;
  margin-bottom: 16px;
  margin-top: 60px
}

.whatwe_box .whatwe_icon {
  position: relative;
  height: 70px;
  width: 100%;
  margin-bottom: 27px
}

.whatwe_box .whatwe_icon img {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 100%;
  max-height: 100%
}

.whatwe_box .whatwe_content {
  padding: 0 15px
}

.whatwe_box .whatwe_content .whatwe_title {
  font-size: 24px;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 21px
}

.whatwe_box .whatwe_content p {
  margin: 0
}

.fullimg_section img {
  width: 100%
}

.toolsresults_section .whatwe_box {
  margin-bottom: 0;
  text-align: left;
  margin-top: 0;
  padding: 45px 60px 43px 150px
}

.toolsresults_section .whatwe_box_main .col-lg-6:before {
  content: "";
  background: #272235;
  position: absolute;
  left: 10px;
  right: 10px;
  top: 0;
  bottom: 0;
  z-index: 0
}

.toolsresults_section .whatwe_box_main .col-lg-6 {
  position: relative;
  margin-bottom: 20px
}

.toolsresults_section .whatwe_box_main {
  z-index: 2;
  margin-top: 72px
}

.toolsresults_section .whatwe_box_main .whatwe_content {
  position: relative;
  padding: 0
}

.toolsresults_section .whatwe_box_main .whatwe_content p {
  font-size: 18px;
}

.toolsresults_section .whatwe_box .whatwe_icon {
  position: absolute;
  margin-bottom: 0;
  left: 50px;
  top: 50%;
  width: 70px;
  height: 70px;
  transform: translateY(-50%)
}

@media (min-width:1200px) {
  .erp-card-1:hover {
    box-shadow: 0px 0px 50px -10px #4F298D;
  }

  .erp-card-2:hover {
    box-shadow: 0px 0px 50px -10px #EC62AE;
  }

  .erp-card-3:hover {
    box-shadow: 0px 0px 50px -10px #EB8E1C;
  }

  .erp-card-4:hover {
    box-shadow: 0px 0px 50px -10px #8FB570;
  }

  .erp-card-5:hover {
    box-shadow: 0px 0px 50px -10px #4083DD;
  }

  .erp-card-6:hover {
    box-shadow: 0px 0px 50px -10px #BD7FDC;
  }

  .erp-card-7:hover {
    box-shadow: 0px 0px 50px -10px #EE44A5;
  }

  .erp-card-8:hover {
    box-shadow: 0px 0px 50px -10px #31BDCD;
  }

  .erp-card-9:hover {
    box-shadow: 0px 0px 50px -10px #DC987F;
  }
}

@media (min-width: 1400px) {
  .erp-grid {
    max-width: 856px;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
  }

  .erp-card {
    height: 149px;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .erp-grid {
    max-width: 760px;
    column-gap: 25px;
    row-gap: 24px;
  }
}

@media(max-width:1690px) {
  .platforms_box_erp {
    margin-left: 10px;
  }
}

@media (max-width: 1199px) {
  .erp-card {
    height: 90px;
  }

  .erp-left-content p {
    font-size: 22px;
  }

  .erp-card svg {
    height: 80px;
    width: 80px;
    object-fit: contain;
  }

  .erp-section {
    min-height: auto;
    padding: 70px 30px;
  }

  .erp-section .col-lg-7 {
    width: 100%;
  }

  .erp-grid {
    max-width: 850px;
    margin: 0 auto;
  }
}

@media (max-width: 992px) {
  .platforms_box_erp .col-6:first-child {
    width: 120px
  }

  .platforms_box_erp .col-6:last-child {
    width: calc(100% - 120px)
  }

  .platformsside_box {
    padding: 0 0 0 20px
  }

  .platformsside_box:before {
    left: 10px;
    top: 30px;
    bottom: 30px
  }

  .platforms_box_rightline.platforms_box .platforms_link:after {
    right: -10px;
    width: 12px
  }

  .platformsside_link {
    height: 60px
  }

  .platformsside_link img {
    max-width: 80%;
    max-height: 80%
  }

  .platformsside_link:before {
    width: 15px;
    left: -10px
  }

  .platformsside_link+.platformsside_link {
    margin-top: 10px
  }

  .erp-left-content p {
    font-size: 18px;
    margin: 0 auto 20px auto;
    text-align: center;
  }

  .erp-section {
    padding: 60px 25px;
  }

  .erp-grid {
    column-gap: 25px;
    row-gap: 22px;
    padding: 2px 30px;
  }

  .erp-card {
    height: 110px;
  }
}

@media (max-width: 767px) {
  .erp-section {
    padding: 45px 20px;
  }

  .erp-grid {
    column-gap: 20px;
    row-gap: 20px;
  }

  .erp-card {
    height: 85px;
    border-radius: 11px;
  }
}

@media (max-width:576) {
  .erp-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .erp-section {
    padding: 35px 15px;
  }

  .erp-grid {
    grid-template-columns: repeat(2, 1fr);
    margin: 0 auto;
    row-gap: 18px;
  }

  .erp-card {
    height: 75px;
  }
}

/* ==========================================================
   RESPONSIVE
========================================================== */
@media (min-width: 1200px) {
  ul.rounded_pill li:hover {
    background: #fff;
    color: #000;
  }

  ul.rounded_pill li:hover a,
  ul.rounded_pill li:hover span {
    background: transparent !important;
    color: #000;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children.mega-menu-main>ul.sub {
    left: max(226px, calc((100vw - 1208px) / 2));
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children ul.sub {
    position: absolute;
    left: 0;
    padding: 0;
    z-index: 1;
    display: none;
    top: 94%;
    border: 2px #67ccfd solid;
    border-radius: 10px;
    background: #251F36;
  }

}

/* @media (min-width: 1200px) and (max-width: 1200px) {
    .main-navigation > ul.main-menu > li.menu-item-has-children.mega-menu-main > ul.sub {
        left: 170px;
        width: 940px;
    }
} */

@media (max-width: 1199px) {

  ul.rounded_pill li span,
  ul.rounded_pill li {
    font-size: var(--font-16);
  }

  /* Header adjustments on mobile */
  .site-header {
    height: 76px;
  }

  .site-header.menu-open,
  body.mobile-menu-open .site-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    background: #110d1b;
  }

  .navbar {
    min-height: 76px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px;
  }

  .navbar-brand {
    order: 1;
    width: auto;
    max-width: 60px;
    display: flex;
    align-items: center;
  }

  .navbar-brand img {
    height: 40px;
    width: auto;
    object-fit: contain;
  }

  /* Header action pill button (Screenshot 3) */
  .header-actions {
    order: 2;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: auto;
    margin-right: 15px;
  }

  .header-actions .secondary-btn {
    display: none !important;
  }

  .header-actions .primary-btn {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 20px;
    background: linear-gradient(90deg, #67CCFD 0%, #FE5F3C 34.13%, #FF0F6B 70.67%, #D337BB 100%);
    white-space: nowrap;
    padding: 0 37px;
  }

  /* Mobile menu button & Close X (Screenshot 3) */
  .mobile-menu-top {
    order: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-left: 0;
    width: 40px;
    height: 40px;
    z-index: 100002;
  }

  .mobile-menu-top span {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .mobile-menu-top span svg {
    width: 24px;
    height: 24px;
  }

  .mobile-menu-top .mobile-menu-close {
    display: none;
    background: transparent;
    border: none;
    color: #fff;
    font-size: 24px;
    line-height: 1;
    padding: 0;
    cursor: pointer;
  }

  .site-header.menu-open .mobile-menu-top span,
  body.mobile-menu-open .mobile-menu-top span {
    display: none !important;
  }

  .site-header.menu-open .mobile-menu-top .mobile-menu-close,
  body.mobile-menu-open .mobile-menu-top .mobile-menu-close {
    display: flex !important;
    align-items: center;
    justify-content: center;
  }

  /* ==========================================================
     SECOND MENU (Level 1 Submenu Active):
     Hide header logo, "Free proposal" button, hamburger/close button,
     and let the second menu panel start right at the top of the viewport.
  ========================================================== */
  body.mobile-submenu-open .navbar-brand,
  body.mobile-submenu-open .header-actions,
  body.mobile-submenu-open .mobile-menu-top,
  .site-header.mobile-submenu-open .navbar-brand,
  .site-header.mobile-submenu-open .header-actions,
  .site-header.mobile-submenu-open .mobile-menu-top,
  .site-header:has(.main-navigation > ul.main-menu > li.menu-item-has-children.is-open) .navbar-brand,
  .site-header:has(.main-navigation > ul.main-menu > li.menu-item-has-children.is-open) .header-actions,
  .site-header:has(.main-navigation > ul.main-menu > li.menu-item-has-children.is-open) .mobile-menu-top {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body.mobile-submenu-open .site-header,
  .site-header.mobile-submenu-open,
  .site-header:has(.main-navigation > ul.main-menu > li.menu-item-has-children.is-open) {
    height: 0 !important;
    min-height: 0 !important;
    border: none !important;
  }

  body.mobile-submenu-open .site-header .navbar,
  .site-header.mobile-submenu-open .navbar,
  .site-header:has(.main-navigation > ul.main-menu > li.menu-item-has-children.is-open) .navbar {
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
  }

  body.mobile-submenu-open .main-navigation,
  .site-header.mobile-submenu-open .main-navigation,
  .site-header:has(.main-navigation > ul.main-menu > li.menu-item-has-children.is-open) .main-navigation {
    top: 0 !important;
    height: 100dvh !important;
    height: 100vh !important;
    overflow: hidden;
  }

  body.mobile-submenu-open .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub,
  .site-header.mobile-submenu-open .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub,
  .site-header:has(.main-navigation > ul.main-menu > li.menu-item-has-children.is-open) .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub {
    top: 0 !important;
    height: 100dvh !important;
    height: 100vh !important;
  }

  /* Prevent background page scroll while mobile menu is open */
  body.mobile-menu-open {
    overflow: hidden !important;
    touch-action: none;
  }

  /* Background overlay */
  .menu-overlay {
    position: fixed;
    top: 76px;
    left: 0;
    width: 100%;
    height: calc(100vh - 76px);
    background: rgba(0, 0, 0, 0.7);
    z-index: 99990;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    pointer-events: none;
  }

  body.mobile-menu-open .menu-overlay {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  /* ==========================================================
     LEVEL 0: Main Navigation Drawer (Screenshot 3)
  ========================================================== */
  .main-navigation {
    position: fixed;
    top: 76px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: calc(100dvh - 76px);
    background: #110d1b;
    z-index: 99995;
    display: flex;
    flex-direction: column;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    transform: translateX(100%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: transform 0.35s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.25s ease, visibility 0.35s;
    box-sizing: border-box;
    margin-top: 0;
  }

  body.mobile-menu-open .main-navigation,
  .site-header.menu-open .main-navigation {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  /* Main Navigation List */
  .main-navigation>ul.main-menu {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    gap: 0;
    flex: 1 0 auto;
  }

  /* Level 0 Menu Items */
  .main-navigation>ul.main-menu>li {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    position: static;
    background: transparent;
    border-bottom: 1px solid #2C2C2C;
  }

  .main-navigation>ul.main-menu>li::after,
  .main-navigation>ul.main-menu>li::before {
    display: none;
    /* Disable desktop backdrop and triangle */
  }

  /* Level 0 Links */
  .main-navigation>ul.main-menu>li>a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 25px 20px;
    margin: 0;
    color: #ffffff;
    font-family: 'NeueMontrealMedium', sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3;
    text-decoration: none;
    position: relative;
    box-sizing: border-box;
    background: transparent;
  }

  .main-navigation>ul.main-menu>li>a::before {
    display: none;
  }

  /* Level 0 ::after Arrow Trigger (Right-pointing chevron > - Screenshot 3) */
  .main-navigation>ul.main-menu>li.menu-item-has-children>a {
    padding-right: 0px;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children>.open-sub {
    content: "";
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    width: 20px;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1.5L7 7L1.5 12.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center right 4px;
    background-size: 9px 14px;
    pointer-events: auto;
    cursor: pointer;
    transform: none;
    transition: transform 0.25s ease;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub {
    position: fixed;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: calc(100vh - 0);
    height: calc(100dvh - 0);
    max-height: none;
    background: #110d1b;
    border: none;
    border-radius: 0;
    margin: 0;
    padding: 0 0px 40px;
    box-sizing: border-box;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 100000;
    list-style: none;
    display: block;
    /* Slides in from LEFT to RIGHT: enters from -100% (left) to 0 */
    transform: translateX(-100%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: transform 0.35s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.25s ease, visibility 0.35s;
  }

  /* Active Level 1 panel */
  .main-navigation>ul.main-menu>li.menu-item-has-children.is-open>ul.sub {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  /* Submenu Header Bar (Back button + Submenu Title - Screenshot 2 & Scroll-Container) */
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li.mobile-sub-header {
    display: flex;
    align-items: center;
    justify-content: center;
    position: sticky;
    top: 0;
    width: 100%;
    margin: 0 0px 10px;
    padding: 0 24px;
    min-height: 76px;
    height: 76px;
    background: #110d1b;
    border-bottom: 1px solid #2C2C2C;
    z-index: 10;
    box-sizing: border-box;
  }

  .mobile-back-btn {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    color: #ffffff;
    padding: 12px 16px 12px 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    line-height: 1;
    z-index: 2;
  }

  .mobile-back-btn svg {
    width: 10px;
    height: 16px;
  }

  .mobile-sub-title {
    color: #ffffff;
    font-family: 'NeueMontrealMedium', sans-serif;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    width: 100%;
    display: block;
    margin: 0;
  }

  /* Level 1 Category Items (Web, eCommerce, SEO, PPC, Social Media, CRA - Screenshot 2) */
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li,
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li.is-active {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0 0px;
    background: transparent;
    border: none;
    border-bottom: 1px solid #2C2C2C;
    position: relative;
    box-sizing: border-box;
    float: none;
  }

  /* Level 1 Category Link */
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 20px 25px;
    margin: 0;
    color: #ffffff;
    font-family: 'NeueMontrealMedium', sans-serif;
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
    position: relative;
    padding-right: 50px;
    background: transparent;
    box-sizing: border-box;
    cursor: pointer;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li.is-active>a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 20px 25px;
    margin: 0;
    color: #ffffff;
    font-family: 'NeueMontrealMedium', sans-serif;
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
    position: relative;
    background: #272235;
    box-sizing: border-box;
    cursor: pointer;
  }

  /* In collapsed Level 1 list, hide the long description (Screenshot 2) */
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>a .menu-item-description,
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li.is-active>a .menu-item-description {
    display: none;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>a::before,
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li.is-active>a::before {
    display: none;
    content: none;
  }

  /* Level 1 Chevron Down Arrow (v) */
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li.menu-item-has-children>a::after {

    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    width: 22px;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center right 4px;
    background-size: 12px 8px;
    pointer-events: auto;
    cursor: pointer;
    transform: none;
    transition: transform 0.3s ease;
  }

  /* Rotate chevron to UP (^) when category accordion is open (Screenshot 1) */
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li.is-accordion-open>a::after {
    transform: rotate(180deg);
  }

  /* ==========================================================
     LEVEL 2: Accordion Sub-Services (Screenshot 1: Web Accordion)
  ========================================================== */
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub,
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li.is-active>ul.sub,
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li.is-active>ul.sub:has(li.parent) {
    position: static;
    left: auto;
    right: auto;
    top: auto;
    width: 100%;
    height: auto;
    display: block;
    background: transparent;
    border-radius: 0;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow: hidden;
    border: none;
    list-style: none;
    grid-template-columns: none;
    column-gap: 0;
    /* Smooth accordion expand/collapse */
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease, padding 0.3s ease, margin 0.3s ease, visibility 0.4s;
  }

  /* Expanded Accordion state (Screenshot 1) */
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li.is-accordion-open>ul.sub,
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li.is-accordion-open.is-active>ul.sub,
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li.is-accordion-open.is-active>ul.sub:has(li.parent) {
    display: block;
    max-height: 3500px;
    opacity: 1;
    visibility: visible;
    padding: 10px 18px 10px 25px;
    margin: 0 0 0px 0;
  }

  /* Group containers inside accordion (e.g. Web group & Software group) */
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li,
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li:first-child,
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li:last-child {
    display: block;
    width: 100%;
    margin: 0;
    padding: 10px 0;
    background: transparent;
    border: none;
    list-style: none;
    float: none;
    box-sizing: border-box;
  }

  /* Divider between Web group and Software group */
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li.parent:first-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 20px;
    margin-bottom: 20px;
  }

  /* Group Header (Icon + Title + Description - Screenshot 1) */
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>a {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    width: 100%;
    padding: 0 0 14px 0;
    margin: 0;
    gap: 14px;
    text-decoration: none;
    position: relative;
    background: transparent;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>a::after {
    display: none;
    /* no arrow on group header */
  }

  /* Group Icon Box (Blue for Web, Pink for Software - Screenshot 1) */
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>a .menu-item-image,
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>a>img {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    max-width: 44px;
    max-height: 44px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 9px;
    box-sizing: border-box;
  }

  /* First group: Blue (Web) */
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li:first-child>a .menu-item-image,
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li:first-child>a>img {
    border: 1px solid rgba(103, 204, 253, 0.45);
    background: #142333;
  }

  /* Last group: Pink (Software) */
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li:last-child>a .menu-item-image,
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li:last-child>a>img {
    border: 1px solid rgba(211, 55, 187, 0.45);
    background: #241324;
  }

  /* Group Title & Description Typography */
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>a .menu-item-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>a span.menu-item-title {
    font-family: 'NeueMontrealMedium', sans-serif;
    font-size: 17px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 3px;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>a span.menu-item-description {
    display: block;
    font-family: 'NeueMontrealRegular', sans-serif;
    font-size: 13px;
    line-height: 1.35;
    color: #9d98ab;
    white-space: normal;
    text-align: left;
  }

  /* Level 3: Sub-service Links List */
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>ul.sub {
    position: static;
    display: block;
    width: 100%;
    height: auto;
    max-height: none;
    opacity: 1;
    visibility: visible;
    padding: 4px 0 0 0;
    margin: 0;
    background: transparent;
    border: none;
    box-sizing: border-box;
    list-style: none;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>ul.sub>li {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    border: none;
    list-style: none;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>ul.sub>li>a {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 8px 10px;
    gap: 12px;
    color: #dedcee;
    font-family: 'NeueMontrealRegular', sans-serif;
    font-size: 15px;
    text-decoration: none;
    background: transparent;
    transition: color 0.2s ease, transform 0.2s ease;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>ul.sub>li>a:hover,
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>ul.sub>li>a:active {
    color: #67CCFD;
    transform: translateX(3px);
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>ul.sub>li>a img,
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>ul.sub>li>a .menu-item-image {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    max-width: 20px;
    max-height: 20px;
    object-fit: contain;
    margin: 0;
    padding: 0;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>ul.sub>li>a span {
    color: inherit;
    font-size: 15px;
  }

  /* ==========================================================
     DRAWER FOOTER & WATERMARK (Screenshot 3)
  ========================================================== */
  .mobile-menu-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: auto;
    padding-top: 35px;
    padding-bottom: 20px;
    box-sizing: border-box;
  }

  .mobile-menu-watermark {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    opacity: 0.12;
  }

  .mobile-menu-watermark img,
  .mobile-menu-watermark svg {
    width: 158px;
    height: auto;
  }

  .mobile-contact-line {
    font-family: 'NeueMontrealMedium';
    font-size: 13px;
    font-weight: normal;
    color: #ffffff;
    margin-bottom: 12px;
    text-decoration: none;
    letter-spacing: 0.3px;
  }

  .mobile-review-badge {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 13px;
    color: #ffffff;
  }

  .mobile-review-stars {
    color: #FFB800;
    font-size: 14px;
    letter-spacing: 1px;
  }

  .mobile-review-count {
    color: #b0adc2;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    padding-left: 7px;
  }
}

/* Hide mobile injected elements on desktop */
@media (min-width: 1200px) {
  .landing_banner_title_con {
    max-width: 860px;
    width: 100%;
  }

  .main_title_con .h1,
  .main_title_con h1 {
    font-size: 60px;
    line-height: 120%;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li.is-active,
  .main-navigation>ul.main-menu>li.menu-item-has-children ul.sub li:hover,
  .main-navigation>ul.main-menu>li.menu-item-has-children ul.sub li ul.sub li:hover {
    background: url('../images/mega-menu-bg.png') center bottom no-repeat #251F36;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children.mega-menu-main ul.sub li ul.sub li:hover {
    background: transparent;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li.menu-item-has-children:before {
    content: '';
    position: absolute;
    right: 0;
    top: 42%;
    height: 14px;
    width: 14px;
    background: url("data:image/svg+xml,%3Csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5.5 6L10 1' stroke='grey' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    transform: rotate(-90deg);
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li.menu-item-has-children:hover>a {
    color: #FFF;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li.menu-item-has-children:hover:before {
    content: "";
    position: absolute;
    width: 24px;
    height: 100%;
    background: url('../images/mega-menu-arrow.png') 0 0 no-repeat;
    background-size: 13px 24px;
    bottom: 0;
    right: -26px;
    margin: 0 auto;
    z-index: 9;
    transform: none;
    top: 0;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li.mobile-sub-header,
  .mobile-menu-footer {
    display: none;
  }
}

/* Case Study CSS start */
.rll-youtube-player {
  position: relative;
  padding-bottom: 56.23%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.rll-youtube-player:focus-within {
  outline: 2px solid currentColor;
  outline-offset: 5px;
}

.rll-youtube-player iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background: 0 0
}

.rll-youtube-player img {
  bottom: 0;
  display: block;
  left: 0;
  margin: auto;
  max-width: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  height: auto;
  -webkit-transition: .4s all;
  -moz-transition: .4s all;
  transition: .4s all
}

.rll-youtube-player img:hover {
  -webkit-filter: brightness(75%)
}

.rll-youtube-player .play {
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  position: absolute;
  background: url(https://www.23digital.com.au/wp-content/plugins/wp-rocket/assets/img/youtube.png) no-repeat center;
  background-color: transparent !important;
  cursor: pointer;
  border: none;
}

.wp-embed-responsive .wp-has-aspect-ratio .rll-youtube-player {
  position: absolute;
  padding-bottom: 0;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.half_content_quote_wrap .circletab_left_main {
  padding-top: 40px
}

.half_content_content_wrap .circletab_left_main,
.half_content_content_wrap .circletab_right_main,
.half_content_img_wrap .circletab_left_main,
.half_content_quote_wrap .circletab_left_main {
  padding-right: 100px
}

.half_content_quote_wrap .circletab_right_main {
  text-align: center;
  max-width: 494px;
  margin: 0 auto;
  width: 100%;
  position: relative;
}

.half_content_quote_wrap .circletab_right_main blockquote {
  position: absolute;
  left: 50px;
  right: 50px;
  padding: 0;
  z-index: 55;
  top: 50%;
  transform: translateY(-50%);
  font-size: 22px;
  line-height: 36px;
  color: #fff;
  margin: 0 !important;
}

blockquote p,
.circletab_text_wrapper blockquote p {
  font-size: 22px;
  color: #fff !important;
  font-weight: 400;
  line-height: 36px;
  margin: 0 !important;
  text-align: center;
}

.circletab_left_main li,
.circletab_right_main li,
.seo-content li {
  line-height: 28px;
  margin-top: 10px;
}

@media (max-width:991px) {
  .half_content_quote_wrap .circletab_left_main {
    padding-top: 0
  }
}

@media (max-width:1199px) {

  .half_content_content_wrap .circletab_left_main,
  .half_content_content_wrap .circletab_right_main,
  .half_content_img_wrap .circletab_left_main,
  .half_content_quote_wrap .circletab_left_main {
    padding-right: 20px;
  }
}

.half_content_content_wrap .circletab_left_main,
.half_content_content_wrap .circletab_right_main,
.half_content_img_wrap .circletab_left_main,
.half_content_quote_wrap .circletab_left_main {
  padding-right: 100px;
}

.alignleft {
  float: left;
  margin: 0 15px 15px 0;
}

.alignright {
  float: right;
  margin: 0 0 15px 15px;
}

.aligncenter {
  display: block;
  margin: 0 auto 15px;
}

.alignnone {
  float: none;
  margin: 0 0 15px 0;
}

.wp-element-button {
  cursor: pointer
}

.has-regular-font-size {
  font-size: 1em
}

.has-larger-font-size {
  font-size: 2.625em
}

.has-normal-font-size {
  font-size: var(--wp--preset--font-size--normal)
}

.has-huge-font-size {
  font-size: var(--wp--preset--font-size--huge)
}

.has-fit-text {
  white-space: nowrap !important
}

#end-resizable-editor-section {
  display: none
}

.aligncenter {
  clear: both
}

.items-justified-left {
  justify-content: flex-start
}

.items-justified-center {
  justify-content: center
}

.items-justified-right {
  justify-content: flex-end
}

.items-justified-space-between {
  justify-content: space-between
}

.screen-reader-text {
  word-wrap: normal !important;
  border: 0;
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-break: normal !important
}

.screen-reader-text:focus {
  background-color: #ddd;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000
}

.circletab_text_wrapper h2 strong {
  background: #67ccfd;
  background: -moz-linear-gradient(left, #67ccfd 0, #d337bb 30%, #ff0f6b 70%, #fe5f3c 100%);
  background: -webkit-linear-gradient(left, #67ccfd 0, #d337bb 30%, #ff0f6b 70%, #fe5f3c 100%);
  background: linear-gradient(to right, #67ccfd 0, #d337bb 30%, #ff0f6b 70%, #fe5f3c 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline;
  font-weight: 600;
  background-size: 200% 200%;
  animation: gradient 4s ease infinite
}

.circletab_text_wrapper p {
  font-family: 'NeueMontrealRegular';
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0%;
  text-align: justify;
  margin-bottom: 20px;
}

.circletab_text_wrapper ul {
  list-style: none;
  padding: 0;
  margin: 0 0 30px 0;
}

.circletab_text_wrapper ul li {
  position: relative;
  padding: 0 0 0 24px;
  margin: 0 0 10px 0;
  font-family: 'NeueMontrealRegular';
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  letter-spacing: 0%;
  color: #FFF;
}

.circletab_text_wrapper ul li::before {
  width: 15px;
  height: 18px;
  position: absolute;
  left: 0;
  top: 8px;
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='18' viewBox='0 0 15 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.3378 11.9029C5.24005 11.7063 3.73349 8.69297 2.19192 8.31387C1.67226 8.19712 1.25608 8.30014 1.25608 8.30014C0.683767 8.46634 0.266668 8.96219 0.103903 9.39508C-0.221855 10.3591 0.279032 11.0939 0.768472 11.7825C1.74735 13.1597 2.69739 14.5195 3.67627 15.8968C4.01027 16.3539 4.34999 16.8342 4.88682 17.0203C5.58527 17.2646 6.3833 16.9198 6.85832 16.3605C7.35645 15.7956 7.59499 15.074 7.83925 14.3755C7.98462 13.9715 8.12999 13.5674 8.27535 13.1634C8.77532 11.8127 9.32726 10.4738 9.90804 9.15219C10.4888 7.83061 11.0984 6.52643 11.76 5.23392C12.4216 3.94141 13.0889 2.67203 13.8313 1.4086C14.0227 1.09131 14.191 0.779741 14.3823 0.462452C14.4171 0.404763 14.6548 0.0760275 14.6145 0.0123864C14.5742 -0.0512546 14.256 0.150199 14.1866 0.167368C13.5967 0.460621 13.0296 0.846359 12.5203 1.26689C11.4842 2.13681 10.6383 3.18047 9.82699 4.26466C8.11716 6.67546 6.61496 9.23117 5.3378 11.9029Z' fill='%23BB9DF8'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.circletab_text_wrapper ul li a {
  color: #72cfff;
}

.circletab_section_wrap.mobileview_galleryslider_layout {
  padding-top: 200px;
}

.circletab_macbook {
  background-image: url(../images/macbook-center-img.png);
  width: 100%;
  background-position: top center;
  background-repeat: repeat-x;
  background-size: 100% 23px;
  padding-top: 23px;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}

.circletab_macbook:before {
  content: "";
  background-image: url(../images/macbook-left-img.png);
  position: absolute;
  left: -2px;
  top: 0;
  z-index: 55;
  height: 23px;
  width: 130px;
  background-repeat: no-repeat;
}

.circletab_macbook:after {
  content: "";
  background-image: url(../images/macbook-right-img.png);
  width: 213px;
  height: 23px;
  position: absolute;
  right: -1px;
  top: 0;
  z-index: 55;
  background-repeat: no-repeat;
}

.circletab_macbook img {
  width: 100%;
  margin-top: 0px;
}

#desktopscreen_slider .circle_img_wrap.circletab_macbook {
  padding-bottom: 51%;
  overflow: hidden;
}

#desktopscreen_slider .circle_img_wrap.circletab_macbook img {
  width: 100%;
  height: auto !important;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 23px;
}

@media(max-width:767px) {
  .circletab_macbook:after {
    width: 97px;
    background-image: url(../images/macbook-right-img-mobile.png);
  }

  .circletab_macbook:before {
    width: 112px;
    background-image: url(../images/macbook-left-img-mobile.png);
  }
}

/* ==========================================================================
   Global Variables & Common Classes Used by These Sections
   ========================================================================== */
:root {
  --lightpink-color: #eb5fcc;
  --lightpurple-color: #7564e6;
  --lightblue-color: #a1d2ff;
  --lightgreen-color: #a1ffe6;
  --lightyellow-color: #fff3a1;
  --lightorange-color: #ffcfa1;
  --lightraspberry-color: #e3acac;
  --lightgray-color: #888888;
  --darkpink-color: #d845b7;
  --darkpurple-color: #5f4ed1;
  --darkblue-color: #3b87cf;
  --darkgreen-color: #33c79e;
  --darkyellow-color: #c7b330;
  --darkorange-color: #c7762a;
}

.section_padding {
  padding: 120px 0 !important;
}

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

.section_padding.p-t-0 {
  padding-top: 0 !important;
}

/* Gradient text utility for headings/spans */
.main_title>span,
.main_title_small>span,
h2>span,
h1>span {
  background: rgb(103, 204, 253);
  background: -moz-linear-gradient(left, rgba(103, 204, 253, 1) 0%, rgba(211, 55, 187, 1) 30%, rgba(255, 15, 107, 1) 70%, rgba(254, 95, 60, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(103, 204, 253, 1) 0%, rgba(211, 55, 187, 1) 30%, rgba(255, 15, 107, 1) 70%, rgba(254, 95, 60, 1) 100%);
  background: linear-gradient(to right, rgba(103, 204, 253, 1) 0%, rgba(211, 55, 187, 1) 30%, rgba(255, 15, 107, 1) 70%, rgba(254, 95, 60, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67ccfd', endColorstr='#fe5f3c', GradientType=1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200% 200%;
  animation: gradient 4s ease infinite;
  display: inline;
  font-weight: 600;
}

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

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

/* Color schemes for accent titles & icons */
.pink .titleclr {
  color: var(--lightpink-color);
}

.purple .titleclr {
  color: var(--lightpurple-color);
}

.blue .titleclr {
  color: var(--lightblue-color);
}

.green .titleclr {
  color: var(--lightgreen-color);
}

.yellow .titleclr {
  color: var(--lightyellow-color);
}

.orange .titleclr {
  color: var(--lightorange-color);
}

.pink .bgcolor {
  background: var(--lightpink-color);
}

.purple .bgcolor {
  background: var(--lightpurple-color);
}

.blue .bgcolor {
  background: var(--lightblue-color);
}

.green .bgcolor {
  background: var(--lightgreen-color);
}

.yellow .bgcolor {
  background: var(--lightyellow-color);
}

.orange .bgcolor {
  background: var(--lightorange-color);
}

.problemsolv_section {
  position: relative;
  z-index: 3;
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
}

.problemsolv_section .extcontent {
  margin-bottom: 60px;
}

.problemsolv_section .subtitle {
  display: block;
  font-size: 18px;
  line-height: 36px;
  color: #4bbef3 !important;
  font-weight: 500 !important;
  margin-bottom: 17px;
}

.whitetext .extcontent .h2,
.whitetext .extcontent h2 {
  color: #fff;
}

.extcontent .h2,
.extcontent h2,
.extcontent p {
  max-width: 970px;
  margin-left: auto;
  width: 100%;
  margin-right: auto;
}

.whitetext .extcontent p {
  color: #ddd;
}

.problemsolv_box_main .colproblemsolv {
  position: relative;
  margin-bottom: 0;
  flex: 0 0 auto;
  width: 33.33333333%;
}

.problemsolv_section .container {
  max-width: 1370px;
}

.problemsolv_box {
  position: relative;
  display: block;
  overflow: hidden;
  text-align: center;
  padding: 50px 30px;
}

/* ==========================================================================
   1. FORMULATE SECTION (Four Key Areas of Successful RevOps)
      .formulate_section.highperfor_section.section_padding.p-b-0
   ========================================================================== */
.highperfor_section .highperfor_box_main {
  max-width: 970px;
  margin: 0 auto;
  width: 100%;
}

.highperfor_box_main .main_title {
  margin-top: 0;
  margin-bottom: 20px;
}

.highperfor_box_main p {
  color: #ddd;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 30px;
}

.formulate_box_main {
  margin: 60px 0 0;
  position: relative;
  z-index: 2;
}

.formulate_box_main .formu-col {
  position: relative;
}

.formulate_box .formulate_icon {
  position: absolute;
  top: 13px;
  width: 130px;
  height: 130px;
  border-radius: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.formulate_box .formulate_icon img {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
  filter: brightness(0.2);
  max-width: 60px;
  max-height: 60px;
}

.formulate_box .formulate_content {
  padding-top: 20px;
}

.formulate_box .formulate_content .formulate_title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 11px;
}

.formulate_box .formulate_content p {
  margin: 0;
  color: #ddd;
  font-size: 16px;
  line-height: 28px;
}

/* Alignment & Dashed Line Connectors (Desktop Layout) */
.formu-col:first-child .formulate_box .formulate_icon,
.formu-col:nth-child(4) .formulate_box .formulate_icon {
  right: 50px;
  left: auto;
}

.formu-col:nth-child(2) .formulate_box .formulate_icon,
.formu-col:nth-child(3) .formulate_box .formulate_icon {
  left: 50px;
  right: auto;
}

.formu-col:first-child .formulate_box .formulate_content,
.formu-col:nth-child(4) .formulate_box .formulate_content {
  text-align: right;
  padding-right: 171px;
  padding-left: 0;
}

.formu-col:nth-child(2) .formulate_box .formulate_content,
.formu-col:nth-child(3) .formulate_box .formulate_content {
  text-align: left;
  padding-left: 171px;
  padding-right: 0;
}

.formu-col:first-child .formulate_box,
.formu-col:nth-child(4) .formulate_box {
  margin-right: 40px;
}

.formu-col:nth-child(2) .formulate_box,
.formu-col:nth-child(3) .formulate_box {
  margin-left: 40px;
}

.formu-col:first-child .formulate_box .formulate_content,
.formu-col:nth-child(2) .formulate_box .formulate_content {
  margin-bottom: 75px;
}

.formu-col:first-child .formulate_box:before,
.formu-col:nth-child(4) .formulate_box:before {
  content: "";
  border-top: 4px dashed #999;
  position: absolute;
  left: calc(100% - 125px);
  top: 77px;
  width: 250px;
  z-index: -1;
}

.formu-col:first-child .formulate_box:after {
  content: "";
  border-left: 4px dashed #999;
  position: absolute;
  right: 115px;
  bottom: 0;
  top: 15px;
  height: 100%;
  z-index: -1;
}

.formu-col:nth-child(2) .formulate_box:after {
  content: "";
  border-left: 4px dashed #999;
  position: absolute;
  left: 115px;
  top: 20px;
  bottom: 0;
  height: 100%;
  z-index: -1;
}


/* ==========================================================================
   2. ECOMAGENCY & SEODIFFE SECTION (01 - 08 Service/Strategy Grid)
      .ecomagency_section.seodiffe_section.section_padding
   ========================================================================== */
.ecomagency_section .main_title,
.seodiffe_section .main_title {
  max-width: 970px;
  margin: 0 auto;
  width: 100%;
}

.seodiffe_section p {
  text-align: center;
  max-width: 970px;
  margin: 20px auto 0;
  color: #ddd;
  font-size: 20px;
  line-height: 30px;
}

.seodiffe_section .ecomagency_box_main {
  margin: 105px 0 -30px;
  padding: 0;
  position: relative;
}

.seodiffe_section .ecomagency_box_main:before {
  display: none;
}

.seodiffe_section .ecomagency_box_main .row {
  align-items: stretch;
}

.seodiffe_section .ecomagency_box_main .col-text {
  position: relative;
  margin-bottom: 50px;
}

.seodiffe_section .ecomagency_box_main .col-text:before {
  content: "";
  background: #272235;
  position: absolute;
  left: 10px;
  right: 10px;
  top: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 10px;
}

.seodiffe_section .ecomagency_content {
  padding: 53px 60px !important;
  margin-bottom: 0;
  height: 100%;
}

.seodiffe_section .ecomagency_number {
  position: absolute;
  right: 40px;
  top: -34px;
  font-family: 'NeueMontrealMedium';
  font-weight: 500;
  font-size: 90px;
  line-height: 70px;
  letter-spacing: 0%;
  background: linear-gradient(180deg, #9092e3 36.02%, rgba(38, 28, 50, 0.33) 100%);
  -webkit-background-clip: text;
  -webkit-text-stroke: 2px transparent;
  color: #272235;
}

.seodiffe_section .ecomagency_number:before {
  display: none;
}

.seodiffe_section .ecomagency_content .h2 {
  background: #67ccfd;
  background: -webkit-linear-gradient(left, #67ccfd 0%, #d337bb 30%, #ff0f6b 70%, #fe5f3c 100%);
  background: linear-gradient(to right, #67ccfd 0%, #d337bb 30%, #ff0f6b 70%, #fe5f3c 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  margin: 0 0 13px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.334;
}

.seodiffe_section .ecomagency_content p {
  color: #ddd;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 28px;
  text-align: left;
}

.seodiffe_section .ecomagency_content p a {
  color: #fff;
  text-decoration: underline;
}


/* ==========================================================================
   3. WEBDESIGN5 & KEYPOINTS SECTION (Growth Marketing Framework Steps)
      .webdesign5_section.keypoints_section.section_padding
   ========================================================================== */
.webdesign5_section {
  position: relative;
  overflow: hidden;
}

.webdesign5_box_main {
  margin-top: -11px;
}

.webdesign5_box_main .row+.row {
  margin-top: 70px;
  padding-top: 68px !important;
  position: relative;
}

.webdesign5_box_main .row+.row:before {
  content: "";
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  position: absolute;
  left: 10px;
  right: 10px;
  top: 0;
}

.webdesign5_title_main {
  position: relative;
}

.webdesign5_title_main .webdesign5_title {
  font-size: 50px;
  line-height: 1.3;
  color: #fff;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 30px;
}

/* SVG Outline Stroke Numbering */
.webdesign5_box_main span.stroke {
  font-family: 'NeueMontrealMedium';
  font-weight: 500;
  font-size: 130px;
  line-height: 90px;
  letter-spacing: 0%;
  background: linear-gradient(180deg, #BB9DF8 36.02%, rgba(38, 28, 50, 0.33) 100%);
  -webkit-background-clip: text;
  -webkit-text-stroke: 2px transparent;
  color: #13101c;
  display: block;
}


/* SVG Number Outline Colors per Row Scheme */
.pink .webdesign5_title_main span.stroke text {
  stroke: var(--lightpink-color);
}

.purple .webdesign5_title_main span.stroke text {
  stroke: var(--lightpurple-color);
}

.blue .webdesign5_title_main span.stroke text {
  stroke: var(--lightblue-color);
}

.green .webdesign5_title_main span.stroke text {
  stroke: var(--lightgreen-color);
}

.yellow .webdesign5_title_main span.stroke text {
  stroke: var(--lightyellow-color);
}

.orange .webdesign5_title_main span.stroke text {
  stroke: var(--lightorange-color);
}

/* Content Column */
.webdesign5_content_main {
  margin-top: 10px !important;
}

.webdesign5_content_main p {
  font-size: 22px;
  line-height: 36px;
  color: #ddd;
  font-weight: 400;
  margin-bottom: 27px;
}

.webdesign5_content_main ol li,
.webdesign5_content_main ul li {
  font-size: 20px;
  line-height: 26px;
  color: #ddd;
  font-weight: 400;
  margin-bottom: 10px;
}

.seo-image-text .seo-content p a:hover {
  color: #6ac7fb;
}

.page-id-10 .highperfor_box_main>ol>li,
.page-id-3 .highperfor_box_main>ol>li {
  list-style: none;
}

.page-id-10 .highperfor_box_main ol li {
  padding-left: 0;
}

.page-id-10 .highperfor_box_main ol li::before {
  display: none;
}

.cms_page h3:first-child {
  margin-top: 0;
}

.webdesign5_content_main h4 {
  margin: 0 0 25px;
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  background: #67ccfd;
  background: -webkit-linear-gradient(left, #67ccfd 0%, #d337bb 30%, #ff0f6b 70%, #fe5f3c 100%);
  background: linear-gradient(to right, #67ccfd 0%, #d337bb 30%, #ff0f6b 70%, #fe5f3c 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  font-weight: 600;
}

.webdesign5_box_main .pink h4 {
  color: var(--lightpink-color);
}

.webdesign5_box_main .purple h4 {
  color: var(--lightpurple-color);
}

.webdesign5_box_main .blue h4 {
  color: var(--lightblue-color);
}

.webdesign5_box_main .green h4 {
  color: var(--lightgreen-color);
}

.webdesign5_box_main .yellow h4 {
  color: var(--lightyellow-color);
}

.webdesign5_box_main .orange h4 {
  color: var(--lightorange-color);
}

.webdesign5_content_main ul,
.ecomagency_content ul {
  padding-left: 0px;
  margin-bottom: 30px;
}

.submit_btn_box .primary-btn .submit-btn {
  background: transparent;
  border: none;
  color: #FFF;
}

.webdesign5_content_main ul li,
.ecomagency_content ul li {
  position: relative;
  padding: 0 0 0 24px;
  margin: 0 0 10px 0;
  font-family: 'NeueMontrealRegular';
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  letter-spacing: 0%;
  color: #FFF;
  list-style: none;
}

.webdesign5_content_main ul li::before,
.ecomagency_content ul li::before {
  width: 15px;
  height: 18px;
  position: absolute;
  left: 0;
  top: 8px;
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='18' viewBox='0 0 15 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.3378 11.9029C5.24005 11.7063 3.73349 8.69297 2.19192 8.31387C1.67226 8.19712 1.25608 8.30014 1.25608 8.30014C0.683767 8.46634 0.266668 8.96219 0.103903 9.39508C-0.221855 10.3591 0.279032 11.0939 0.768472 11.7825C1.74735 13.1597 2.69739 14.5195 3.67627 15.8968C4.01027 16.3539 4.34999 16.8342 4.88682 17.0203C5.58527 17.2646 6.3833 16.9198 6.85832 16.3605C7.35645 15.7956 7.59499 15.074 7.83925 14.3755C7.98462 13.9715 8.12999 13.5674 8.27535 13.1634C8.77532 11.8127 9.32726 10.4738 9.90804 9.15219C10.4888 7.83061 11.0984 6.52643 11.76 5.23392C12.4216 3.94141 13.0889 2.67203 13.8313 1.4086C14.0227 1.09131 14.191 0.779741 14.3823 0.462452C14.4171 0.404763 14.6548 0.0760275 14.6145 0.0123864C14.5742 -0.0512546 14.256 0.150199 14.1866 0.167368C13.5967 0.460621 13.0296 0.846359 12.5203 1.26689C11.4842 2.13681 10.6383 3.18047 9.82699 4.26466C8.11716 6.67546 6.61496 9.23117 5.3378 11.9029Z' fill='%23BB9DF8'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.webdesign5_content_main ul li strong {
  color: #fff;
}

.feature-icon img {
  width: 60%;
}

.autotab_box_wrap ul.nav-tabs li:first-child a .tab_icon:after,
.pink .bgcolor,
.pink .boosttraffic_title:before,
.pink.bloglist_box_main .bloglist_img_main:before,
.pink.detailicon_box .detailicon_icon:before,
blockquote.pink:after,
blockquote.pink:before {
  background: var(--lightpink-color)
}

.autotab_box_wrap ul.nav-tabs li:nth-child(2) a .tab_icon:after,
.purple .bgcolor,
.purple .boosttraffic_title:before,
.purple.bloglist_box_main .bloglist_img_main:before,
.purple.detailicon_box .detailicon_icon:before,
blockquote.purple:after,
blockquote.purple:before {
  background: var(--lightpurple-color)
}

.autotab_box_wrap ul.nav-tabs li:nth-child(3) a .tab_icon:after,
.blue .bgcolor,
.blue .boosttraffic_title:before,
.blue.bloglist_box_main .bloglist_img_main:before,
.blue.detailicon_box .detailicon_icon:before,
blockquote.blue:after,
blockquote.blue:before,
blockquote:after,
blockquote:before {
  background: var(--lightblue-color)
}

.autotab_box_wrap ul.nav-tabs li:nth-child(4) a .tab_icon:after,
.green .bgcolor,
.green .boosttraffic_title:before,
.green.bloglist_box_main .bloglist_img_main:before,
.green.detailicon_box .detailicon_icon:before,
blockquote.green:after,
blockquote.green:before {
  background: var(--lightgreen-color)
}

.autotab_box_wrap ul.nav-tabs li:nth-child(5) a .tab_icon:after,
.yellow .bgcolor,
.yellow .boosttraffic_title:before,
.yellow.bloglist_box_main .bloglist_img_main:before,
.yellow.detailicon_box .detailicon_icon:before,
blockquote.yellow:after,
blockquote.yellow:before {
  background: var(--lightyellow-color)
}

.autotab_box_wrap ul.nav-tabs li:nth-child(6) a .tab_icon:after,
.orange .bgcolor,
.orange .boosttraffic_title:before,
.orange.bloglist_box_main .bloglist_img_main:before,
.orange.detailicon_box .detailicon_icon:before,
blockquote.orange:after,
blockquote.orange:before {
  background: var(--lightorange-color)
}

.autotab_box_wrap ul.nav-tabs li:nth-child(7) a .tab_icon:after,
.raspberry .bgcolor,
.raspberry .boosttraffic_title:before,
.raspberry.bloglist_box_main .bloglist_img_main:before,
.raspberry.detailicon_box .detailicon_icon:before,
blockquote.raspberry:after,
blockquote.raspberry:before {
  background: var(--lightraspberry-color)
}

.autotab_box_wrap ul.nav-tabs li:nth-child(8) a .tab_icon:after,
.gray .bgcolor,
.gray .boosttraffic_title:before,
.gray.bloglist_box_main .bloglist_img_main:before,
.gray.detailicon_box .detailicon_icon:before,
blockquote.gray:after,
blockquote.gray:before {
  background: var(--lightgray-color)
}

.autotab_box_wrap ul.nav-tabs li:nth-child(7) a .tab_icon:after,
.darkblue .bgcolor,
.darkblue .boosttraffic_title:before,
.darkblue.bloglist_box_main .bloglist_img_main:before,
.darkblue.detailicon_box .detailicon_icon:before,
blockquote.darkblue:after,
blockquote.darkblue:before {
  background: var(--lightraspberry-color)
}

.autotab_box_wrap ul.nav-tabs li:nth-child(8) a .tab_icon:after,
.darkgreen .bgcolor,
.darkgreen .boosttraffic_title:before,
.darkgreen.bloglist_box_main .bloglist_img_main:before,
.darkgreen.detailicon_box .detailicon_icon:before,
blockquote.darkgreen:after,
blockquote.darkgreen:before {
  background: var(--lightgray-color)
}

.boosttraffic_section .main_title_small {
  margin-top: -7px
}

.boosttraffic_box_main {
  margin-top: 80px;
  margin-bottom: -6px
}

.boosttraffic_box_main .boost-col:nth-child(odd) .boosttraffic_icon {
  right: 10px
}

.boosttraffic_box_main .boost-col:nth-child(2n) .boosttraffic_icon {
  left: 10px
}

.boosttraffic_box_main .boost-col:nth-child(odd) .boosttraffic_box {
  padding-right: 220px;
  margin-left: 0;
  margin-right: auto
}

.boosttraffic_box_main .boost-col:nth-child(2n) .boosttraffic_box {
  padding-left: 220px;
  margin-left: auto;
  margin-right: 0
}

.boosttraffic_box_main .boost-col:nth-child(odd) .boosttraffic_content {
  text-align: right;
  padding-left: 20px
}

.boosttraffic_box_main .boost-col:nth-child(2n) .boosttraffic_content {
  text-align: left;
  padding-right: 20px
}

.boosttraffic_box_main .boost-col:nth-child(odd) .boosttraffic_title:before {
  right: 0
}

.boosttraffic_box_main .boost-col:nth-child(2n) .boosttraffic_title:before {
  left: 0
}

.boosttraffic_box_main .boost-col:nth-child(odd) .boosttraffic_icon:before {
  right: -92px;
  transform: rotate(45deg)
}

.boosttraffic_box_main .boost-col:nth-child(2n) .boosttraffic_icon:before {
  left: -92px;
  transform: rotate(-45deg)
}

.boosttraffic_box_main .boost-col:last-child .boosttraffic_icon:before {
  display: none
}

.boosttraffic_box {
  position: relative;
  min-height: 203px;
  max-width: 50%
}

.boosttraffic_box .boosttraffic_icon {
  width: 168px;
  height: 168px;
  border-radius: 50%;
  background-color: #272235;
  border: 2px solid #999;
  position: absolute;
  top: 8px
}

.boosttraffic_box .boosttraffic_icon:before {
  content: "";
  border-top: 3px dashed #999;
  position: absolute;
  bottom: -10px;
  width: 100%;
  z-index: -1
}

.boosttraffic_box .boosttraffic_icon img {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin: 0 auto;
  transform: translateY(-50%)
}

.boosttraffic_box .boosttraffic_content .boosttraffic_title {
  font-size: 24px;
  color: #fff;
  font-weight: 600;
  padding-bottom: 15px;
  position: relative;
  margin-bottom: 8px
}

.boosttraffic_box .boosttraffic_content .boosttraffic_title a {
  color: #fff;
  font-weight: 600
}

.boosttraffic_box .boosttraffic_content .boosttraffic_title:before {
  content: "";
  width: 50px;
  height: 4px;
  position: absolute;
  bottom: 8px
}

.boosttraffic_box .boosttraffic_content p {
  color: #fff;
  margin: 0;
  font-family: 'NeueMontrealRegular';
  font-size: 18px;
}

.boosttraffic_box .boosttraffic_content p a {
  color: #72cfff;
}

.boost-col+.boost-col {
  margin-top: -13px !important
}

section.boosttraffic_section.section_padding.p-t-0 {
  padding-top: 0 !important
}

.platforms_section .main_title_small {
  margin-top: -6px
}

.platforms_box {
  border-radius: 50%;
  position: relative
}

.platforms_box .platforms_link {
  position: relative;
  display: block;
  padding-bottom: 100%;
  border-radius: 50%
}

.platforms_box .platforms_link:before {
  content: "";
  border: 2px solid #999;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  border-radius: 50%;
  pointer-events: none;
  transition: all .5s ease 0s;
}

.platforms_box .platforms_link img {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 100%;
  max-height: 100%;
  top: 50%;
  transition: all .5s ease 0s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  -webkit-transition: .5s;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  filter: brightness(0) invert(1);
  -moz-filter: brightness(0) invert(1);
  -ms-filter: brightness(0) invert(1);
  -o-filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1)
}

.platforms_box_main {
  max-width: 1020px;
  margin: 66px auto 0;
  width: 100%
}

.platforms_box .platforms_link span.viewmore {
  position: absolute;
  bottom: 50%;
  left: 0;
  right: 0;
  margin: 0 auto -50px;
  text-align: center;
  transform: translateY(50%);
  font-size: 18px;
  color: #fff;
  border-bottom: 1px solid #fff;
  max-width: 90px
}

.product_video {
  margin-top: 40px;
}

.theme-video-box {
  position: relative;
  z-index: 1;
}

.fullwidthvideosection .theme-video {
  border: 1px solid #333;
}

.theme-video {
  position: relative;
  z-index: 1;
  overflow: hidden;
  min-height: 700px;
  height: 100%;
  background-size: cover;
  background-position: center center;
  border-radius: 20px;
}

.theme-video:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 4;
  pointer-events: none;
  opacity: .1;
}

.video-img-left,
.video-img-right {
  background: url(https://www.23digital.com.au/wp-content/themes/23digital-theme/assets/css/images/video-img.jpg) left center / cover no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  transition: all .5s ease;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  -webkit-transition: .5s;
  z-index: 3;
  right: 50%;
  background-size: 200%;
}

.video-img-right {
  background-position: right center;
  right: 0;
  left: 50%;
}

.video-close {
  position: absolute;
  display: block;
  width: 40px;
  height: 40px;
  vertical-align: top;
  z-index: 2;
  right: 0;
  top: 0;
  cursor: pointer;
}

.video-close:after {
  -moz-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  -o-transform: translate(-50%, -50%) rotate(-45deg);
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 20px;
  height: 2px;
  background: #fff;
  z-index: 666;
  box-shadow: 0 0 15px #000;
}

.video-close:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  -moz-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  -o-transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  width: 20px;
  height: 2px;
  background: #fff;
  z-index: 666;
  box-shadow: 0 0 15px #000;
}

.theme-video a span.playanimation.video-button.iframe-play {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 36px;
  height: 44px;
  transform: translateY(-50%);
}

span.playanimation.video-button.iframe-play {
  pointer-events: none;
}

.theme-video video {
  width: 100%;
  position: absolute;
  max-width: 100%;
  min-height: 100%;
  object-fit: cover;
  top: 50%;
  transform: translateY(-50%);
}

.ecomagency_box_main {
  margin: 60px 0 -4px;
  position: relative;
  padding: 76px 0 0;
}

.ecomagency_box_main:before {
  content: "";
  background: #fff;
  opacity: .5;
  width: 2px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 0;
  bottom: 0;
}

.ecomagency_box_main .row {
  align-items: center;
}

.approach_box_main .row+.row,
.approach_box_main .solutionapproch_row+.solutionapproch_row,
.ecomagency_box_main .row+.row {
  margin-top: 100px;
}

.ecomagency_box_main .row:nth-child(odd) .col-num {
  text-align: right;
}

.number_line_text .ecomagency_box_main .col-text {
  margin-bottom: 0 !important;
}

.ecomagency_box_main .col-text {
  position: relative;
  margin-bottom: 50px;
}

.ecomagency_number {
  color: #13101c;
  background: linear-gradient(180deg, #9092e3 36.02%, rgba(38, 28, 50, 0.33) 100%);
  -webkit-background-clip: text;
  -webkit-text-stroke: 2px transparent;
  font-size: 160px;
  line-height: normal;
  margin-top: 0;
  position: relative;
  font-weight: 600;
}

.ecomagency_box_main .row:nth-child(odd) .col-num .ecomagency_number {
  padding-right: 30px;
}

.ecomagency_number:before {
  content: "";
  width: 37px;
  height: 2px;
  background: #fff;
  opacity: .5;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  margin-top: 0;
}

.ecomagency_box_main .row:nth-child(odd) .col-num .ecomagency_number:before {
  left: auto;
  right: -29px;
}

.ecomagency_content {
  height: 100%;
}

.ecomagency_box_main .row:nth-child(odd) .col-text .ecomagency_content {
  padding-left: 53px;
}

.ecomagency_content .h2 {
  margin-bottom: 25px;
  line-height: 1.334;
  margin-top: 0 !important;
  font-weight: 600;
}

.ecomagency_box_main .row:nth-child(2n) .col-num {
  order: 2;
}

.ecomagency_box_main .row:nth-child(2n) .col-num {
  text-align: left;
}

.ecomagency_box_main .row:nth-child(2n) .col-num .ecomagency_number {
  padding-left: 45px;
}

.ecomagency_box_main .row:nth-child(2n) .col-text .ecomagency_content {
  padding-right: 53px;
}

.ecomagency_content p {
  font-family: 'NeueMontrealRegular';
  line-height: 30px;
  font-size: 18px;
}

.investments_fourbox_main {
  margin: 0 auto;
  max-width: 395px;
  width: 100%;
}

.investments_box_main .row {
  align-items: center;
}

.investments_fourbox_main .col-invest:first-child,
.investments_fourbox_main .col-invest:nth-child(4) {
  margin-left: 25%;
}

.investments_box {
  position: relative;
  padding-bottom: 100%;
  text-align: center;
}

.investments_box:before {
  content: "";
  border: 2px solid #bbb;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
  transform: rotate(45deg);
}

.investments_box span {
  font-size: 24px;
  line-height: 30px;
  font-weight: 400;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.investments_fourbox_main .col-invest:nth-child(2),
.investments_fourbox_main .col-invest:nth-child(3) {
  margin-top: -56px;
}

.investments_fourbox_main .col-invest:nth-child(2) {
  position: relative;
  left: -27px;
}

.purple .titleclr,
.webdesign5_box_main .purple h4,
blockquote.purple>span,
blockquote.purple>span:before {
  color: var(--lightpurple-color);
}

.pink .titleclr,
.webdesign5_box_main .pink h4,
blockquote.pink>span,
blockquote.pink>span:before {
  color: var(--lightpink-color);
}

.blue .titleclr,
.webdesign5_box_main .blue h4,
blockquote.blue>span,
blockquote.blue>span:before {
  color: var(--lightblue-color);
}

.green .titleclr,
.webdesign5_box_main .green h4,
blockquote.green>span,
blockquote.green>span:before {
  color: var(--lightgreen-color);
}

.investments_content ul {
  padding-left: 0;
}

.investments_content ul li {
  position: relative;
  padding: 0 0 0 24px;
  margin: 0 0 10px 0;
  font-family: 'NeueMontrealRegular';
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  letter-spacing: 0%;
  color: #FFF;
}

.investments_content ul li::before {
  width: 15px;
  height: 18px;
  position: absolute;
  left: 0;
  top: 8px;
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='18' viewBox='0 0 15 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.3378 11.9029C5.24005 11.7063 3.73349 8.69297 2.19192 8.31387C1.67226 8.19712 1.25608 8.30014 1.25608 8.30014C0.683767 8.46634 0.266668 8.96219 0.103903 9.39508C-0.221855 10.3591 0.279032 11.0939 0.768472 11.7825C1.74735 13.1597 2.69739 14.5195 3.67627 15.8968C4.01027 16.3539 4.34999 16.8342 4.88682 17.0203C5.58527 17.2646 6.3833 16.9198 6.85832 16.3605C7.35645 15.7956 7.59499 15.074 7.83925 14.3755C7.98462 13.9715 8.12999 13.5674 8.27535 13.1634C8.77532 11.8127 9.32726 10.4738 9.90804 9.15219C10.4888 7.83061 11.0984 6.52643 11.76 5.23392C12.4216 3.94141 13.0889 2.67203 13.8313 1.4086C14.0227 1.09131 14.191 0.779741 14.3823 0.462452C14.4171 0.404763 14.6548 0.0760275 14.6145 0.0123864C14.5742 -0.0512546 14.256 0.150199 14.1866 0.167368C13.5967 0.460621 13.0296 0.846359 12.5203 1.26689C11.4842 2.13681 10.6383 3.18047 9.82699 4.26466C8.11716 6.67546 6.61496 9.23117 5.3378 11.9029Z' fill='%23BB9DF8'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.investments_content ul li {
  list-style: none;
}

/* Color Palette Variables */
:root {
  --lightpink-color: #ffa1ea;
  --lightpurple-color: #ada1ff;
  --lightblue-color: #a1d2ff;
  --lightgreen-color: #a1ffe6;
  --orange-color: #ff623e;
}

/* Typography & Colors */
.pink .titleclr {
  color: var(--lightpink-color) !important;
}

.purple .titleclr {
  color: var(--lightpurple-color) !important;
}

.blue .titleclr {
  color: var(--lightblue-color) !important;
}

.green .titleclr {
  color: var(--lightgreen-color) !important;
}

/* Section Containers */
.investments_section {
  position: relative;
  overflow: hidden;
}

.fullblackbg {
  background: #13101c !important;
}

.section_padding {
  padding: 120px 0;
}

.investments_box_main .row {
  align-items: center;
}

.investments_box_main .row .col-sm-12:first-child {
  align-self: center;
}

.investments_content p {
  color: #ddd;
  font-size: 18px;
  line-height: 36px;
  margin-bottom: 20px;
}

.investments_content p strong {
  color: #fff;
}

.investments_section .main_title {
  font-size: 48px;
  color: #fff;
  font-weight: 600;
  line-height: 1.2;
  margin-top: 0 !important;
  margin-bottom: 20px;
}

.investments_section .main_title span {
  background: linear-gradient(to right, #67ccfd 0%, #d337bb 30%, #ff0f6b 70%, #fe5f3c 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline;
}

/* Checklist with SVG Icon */
.investments_section ul.dash_ulli {
  padding-left: 36px;
  margin-bottom: 38px;
  list-style: none;
}

.investments_section ul.dash_ulli li {
  color: #ddd;
  font-size: 18px;
  line-height: 36px;
  position: relative;
}

.investments_section ul.dash_ulli li::before {
  content: "";
  position: absolute;
  left: -34px;
  top: 10px;
  background: url("https://www.23digital.com.au/wp-content/themes/23digital-theme/assets/images/ulli.png") no-repeat;
  width: 18px;
  height: 14px;
  background-size: 100%;
}

/* Action Buttons */
.investments_section .innerbanner_btn_main {
  margin-top: 43px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.investments_section .innerbanner_btn_main .btn.btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(to right, #67ccfd 0%, #d337bb 30%, #ff0f6b 70%, #fe5f3c 100%);
  background-size: 200% 200%;
  animation: 4s infinite gradient;
  color: #fff;
  border-radius: 44px;
  padding: 0 30px;
  height: 44px;
  line-height: 46px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  border: 0;
  transition: all 0.5s ease;
}

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

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

.innerbanner_btn_main span.or {
  display: inline-block;
  color: #ddd;
  padding: 0 15px;
  vertical-align: middle;
  font-size: 16px;
}

/* a.schedulecall {
  color: #fff;
  font-weight: 400;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  text-decoration: none;
  font-size: 16px;
  transition: all 0.5s ease;
}

a.schedulecall:before {
  content: "";
  background: #999;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 4px;
  height: 1px;
}

a.schedulecall:hover {
  color: var(--orange-color);
}

a.schedulecall:hover:before {
  background: var(--orange-color);
} */

/* ==========================================================
   4-Diamond Rhombus Layout (Exact Live Implementation)
   ========================================================== */
.investments_fourbox_main {
  margin: 0 auto;
  max-width: 395px;
  width: 100%;
}

.investments_box {
  position: relative;
  padding-bottom: 100%;
  /* 1:1 Aspect Ratio square */
  text-align: center;
}

.investments_box:before {
  content: "";
  border: 2px solid #bbb;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
  transform: rotate(45deg);
  /* Rotates the outer border into a diamond */
}

.investments_box span {
  font-size: 24px;
  line-height: 30px;
  font-weight: 400;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

/* Diamond offsets for Top, Left, Right, Bottom positions */
.investments_fourbox_main .col-invest:first-child,
.investments_fourbox_main .col-invest:nth-child(4) {
  margin-left: 26%;
}

.investments_fourbox_main .col-invest:nth-child(2),
.investments_fourbox_main .col-invest:nth-child(3) {
  margin-top: -55px;
}

.investments_fourbox_main .col-invest:nth-child(2) {
  position: relative;
  left: -18px;
}

.investments_fourbox_main .col-invest:nth-child(3) {
  position: relative;
  right: -25px;
}

.investments_fourbox_main .col-invest:nth-child(4) {
  margin-top: -54px;
}

/* ==========================================================
   Responsive Breakpoints
   ========================================================== */
@media (max-width: 1440px) {
  .investments_box span {
    font-size: 19px;
    line-height: 1.3;
  }

  .investments_fourbox_main .col-invest:nth-child(2) {
    left: -17px;
  }

  .investments_fourbox_main .col-invest:nth-child(4) {
    margin-top: -56px;
  }
}

@media (max-width: 1080px) {
  .investments_fourbox_main {
    max-width: 315px;
  }

  .investments_fourbox_main .col-invest:nth-child(2) {
    left: -9px;
  }

  .investments_fourbox_main .col-invest:nth-child(3) {
    right: -16px;
  }

  .investments_fourbox_main .col-invest:nth-child(2),
  .investments_fourbox_main .col-invest:nth-child(3) {
    margin-top: -44px;
  }

  .investments_fourbox_main .col-invest:nth-child(4) {
    margin-top: -44px;
  }
}

@media (max-width: 991px) {
  .section_padding {
    padding: 60px 0 !important;
  }

  .investments_fourbox_main {
    margin-top: 70px;
    margin-bottom: 50px;
  }

  .investments_section .main_title {
    font-size: 30px !important;
  }
}

@media (max-width: 575px) {
  .investments_fourbox_main {
    max-width: 215px;
    margin-top: 50px;
    margin-bottom: 30px;
  }

  .investments_box span {
    font-size: 14px;
  }

  .investments_fourbox_main .col-invest:nth-child(2),
  .investments_fourbox_main .col-invest:nth-child(3) {
    margin-top: -26px;
  }

  .investments_fourbox_main .col-invest:nth-child(2) {
    left: -1px;
  }

  .investments_fourbox_main .col-invest:nth-child(3) {
    right: -6px;
  }

  .investments_fourbox_main .col-invest:nth-child(4) {
    margin-top: -28px;
  }
}



/* ==========================================================================
   RESPONSIVE MEDIA QUERIES
   ========================================================================== */

/* Max Width: 1440px */
@media (min-width: 1200px) {
  .logocirclesection .platforms_box:hover .platforms_link:before {
    border-width: 121px;
    border-color: #fff;
    box-shadow: 0 0 40px rgba(255, 255, 255, .5);
  }

  .logocirclesection .platforms_box:hover .platforms_link img {
    filter: none;
  }

  .platforms_box:hover .platforms_link span.viewmore {
    color: #000;
    border-bottom-color: #000;
  }
}

@media (min-width: 768px) {
  .formulate_box_main .formu-col:nth-child(3) {
    order: 2;
  }
}

@media (max-width: 1440px) {
  .boosttraffic_box .boosttraffic_content .boosttraffic_title {
    font-size: 20px;
  }

  .cms-area .section_padding {
    padding: 60px 0 !important;
  }

  .formulate_box_main {
    margin: 30px 0 40px;
  }

  .seodiffe_section .ecomagency_box_main {
    margin: 65px 0 -60px;
  }

  .webdesign5_title_main .webdesign5_title {
    font-size: 40px !important;
    line-height: 1.3 !important;
  }

  .webdesign5_title_main .webdesign5_number {
    font-size: 287px;
    margin-top: 70px;
  }

  .webdesign5_box_main .row+.row {
    margin-top: 50px;
    padding-top: 40px !important;
  }

  .webdesign5_content_main p {
    font-size: 20px;
  }

  .product_video {
    margin-top: 14px;
  }

  .theme-video {
    min-height: inherit;
    padding-bottom: 52%;
  }
}

/* Max Width: 1199px (Laptops / Small Desktops) */
@media (max-width: 1199px) {
  .boosttraffic_box_main .boost-col:nth-child(odd) .boosttraffic_content {
    padding-left: 0
  }

  .boosttraffic_box_main .boost-col:nth-child(2n) .boosttraffic_content {
    padding-right: 0
  }

  .boosttraffic_box_main .boost-col:nth-child(odd) .boosttraffic_box {
    padding-right: 200px
  }

  .boosttraffic_box_main .boost-col:nth-child(2n) .boosttraffic_box {
    padding-left: 200px
  }

  .formu-col:first-child .formulate_box .formulate_content,
  .formu-col:nth-child(4) .formulate_box .formulate_content {
    padding-right: 151px;
  }

  .formu-col:nth-child(2) .formulate_box .formulate_content,
  .formu-col:nth-child(3) .formulate_box .formulate_content {
    padding-left: 151px;
  }

  .seodiffe_section .ecomagency_content {
    padding: 40px !important;
  }

  .seodiffe_section .ecomagency_number {
    right: 30px;
    top: -42px;
    font-size: 70px;
  }

  .seodiffe_section .ecomagency_box_main {
    margin: 65px 0 -30px;
  }
}

/* Max Width: 1080px (Tablets / iPad Pro) */
@media (max-width: 1080px) {
  .theme-video a {
    width: 70px;
    height: 70px;
  }

  .highperfor_section .highperfor_box_main {
    padding: 0 50px;
  }

  .formulate_box_main {
    margin: 30px 0 20px;
  }

  .formu-col:first-child .formulate_box .formulate_content,
  .formu-col:nth-child(2) .formulate_box .formulate_content {
    margin-bottom: 55px;
  }

  .webdesign5_content_main p {
    font-size: 18px;
    line-height: 32px;
  }

  .ecomagency_box_main {
    margin: 40px 0 0;
    position: relative;
    padding: 25px 0 0;
  }
}

/* Max Width: 991px (iPad / Tablets Landscape & Portrait) */
@media (max-width: 991px) {
  .problemsolv_box_main .colproblemsolv {
    width: 100%;
  }

  .highperfor_section .highperfor_box_main {
    padding: 0 20px;
  }

  .boosttraffic_box .boosttraffic_content p {
    font-size: 14px;
  }

  .boost-col+.boost-col {
    margin-top: 40px !important
  }

  .boosttraffic_box {
    max-width: 75%;
  }

  .problemsolv_box_main .colproblemsolv+.colproblemsolv {
    margin-top: 30px;
  }

  .boosttraffic_box_main .boost-col:nth-child(2n) .boosttraffic_box {
    padding-left: 220px
  }

  .boosttraffic_box_main .boost-col:nth-child(odd) .boosttraffic_box {
    padding-right: 220px
  }

  .boosttraffic_box_main .boost-col:nth-child(odd) .boosttraffic_icon:before {
    left: -72px;
    right: auto;
    transform: rotate(-50deg)
  }

  .boosttraffic_box_main .boost-col:nth-child(2n) .boosttraffic_icon:before {
    left: auto;
    right: -72px;
    transform: rotate(50deg)
  }

  .boosttraffic_box_main {
    max-width: 700px;
    margin: 30px auto 0;
    width: 100%
  }

  .cms-area .section_padding {
    padding: 40px 0 !important;
  }

  .formulate_box .formulate_content {
    padding-top: 10px;
  }

  .formulate_box .formulate_icon {
    width: 80px;
    height: 80px;
    border-radius: 10px;
  }

  .formulate_box .formulate_icon img {
    max-width: 52px;
  }

  .formu-col:first-child .formulate_box .formulate_content,
  .formu-col:nth-child(4) .formulate_box .formulate_content {
    padding-right: 95px;
  }

  .formu-col:nth-child(2) .formulate_box .formulate_content,
  .formu-col:nth-child(3) .formulate_box .formulate_content {
    padding-left: 95px;
  }

  .formulate_box .formulate_content .formulate_title {
    font-size: 20px;
    margin-bottom: 10px;
  }

  .formu-col:first-child .formulate_box:after {
    right: 90px;
    margin-bottom: -14px;
    border-left-width: 2px;
  }

  .formu-col:nth-child(2) .formulate_box:after {
    left: 90px;
    margin-bottom: -14px;
    border-left-width: 2px;
  }

  .formu-col:first-child .formulate_box:before,
  .formu-col:nth-child(4) .formulate_box:before {
    top: 55px;
    margin-right: 60px;
    border-top-width: 2px;
  }

  .seodiffe_section .ecomagency_content {
    padding: 30px !important;
  }

  .seodiffe_section .ecomagency_content .h2 {
    font-size: 20px;
  }

  .webdesign5_title_main .webdesign5_title {
    font-size: 32px;
  }

  .webdesign5_title_main .webdesign5_number {
    font-size: 240px;
    margin-top: 50px;
  }

  .webdesign5_box_main span.stroke svg {
    width: 340px;
    height: 380px;
  }

  .webdesign5_content_main p {
    font-size: 18px;
    margin-bottom: 20px;
  }

}

/* Max Width: 767px (Mobile View) */
@media (max-width: 767px) {
  .highperfor_section .highperfor_box_main {
    padding: 0;
  }

  .platforms_box .platforms_link span.viewmore {
    margin: 0 auto -61px;
  }

  .platforms_box {
    margin-bottom: 20px;
  }

  .platforms_box .platforms_link img {
    max-width: 80%;
    max-height: 80%;
  }

  .platforms_box .platforms_link img {
    max-width: 80%;
    max-height: 80%;
  }

  .boosttraffic_box .boosttraffic_icon:before {
    right: 0 !important;
    left: auto !important;
    bottom: 20px !important;
    margin: 0 auto !important;
    transform: rotate(90deg) !important;
    border-top-width: 2px
  }

  .boosttraffic_box .boosttraffic_icon:after {
    content: "";
    border-top: 2px dashed #999;
    position: absolute;
    top: 20px;
    width: 100%;
    z-index: -1;
    transform: rotate(90deg)
  }

  .boosttraffic_box_main .boost-col .boosttraffic_box {
    min-height: 110px
  }

  .boost-col+.boost-col:before {
    content: "";
    border-top: 2px dashed #999;
    position: absolute;
    left: 74px;
    right: 76px;
    top: -23px
  }

  .boost-col+.boost-col {
    position: relative
  }

  .boosttraffic_box .boosttraffic_icon {
    width: 100px;
    height: 100px
  }

  .boosttraffic_box .boosttraffic_icon img {
    max-width: 40px
  }

  .boosttraffic_box_main .boost-col:first-child .boosttraffic_box .boosttraffic_icon:after {
    display: none
  }

  .boosttraffic_box_main .boost-col:nth-child(odd) .boosttraffic_box {
    padding-right: 130px
  }

  .boosttraffic_box .boosttraffic_content .boosttraffic_title {
    font-size: 18px
  }

  .boosttraffic_box .boosttraffic_content .boosttraffic_title:before {
    height: 2px;
    width: 30px
  }

  .boosttraffic_box .boosttraffic_content .boosttraffic_title {
    margin-bottom: 0
  }

  .boosttraffic_box .boosttraffic_content p {
    line-height: 1.6
  }

  .boost-col+.boost-col {
    margin-top: 47px !important
  }

  .boosttraffic_box_main .boost-col:nth-child(2n) .boosttraffic_box {
    padding-left: 130px !important
  }

  .boosttraffic_box {
    max-width: 100%
  }

  .webdesign5_box_main span.stroke {
    font-size: 60px;
    line-height: 60px;
  }

  .highperfor_section .highperfor_box_main {
    padding: 0;
  }

  /* Formulate Section Mobile Stack */
  .formulate_box_main {
    max-width: 500px;
    margin: 20px auto 0;
  }

  .formulate_box {
    position: relative;
    min-height: 87px;
  }

  .formulate_box .formulate_icon {
    top: 0;
    width: 70px;
    height: 70px;
  }

  .formu-col:first-child .formulate_box .formulate_icon,
  .formu-col:nth-child(4) .formulate_box .formulate_icon,
  .formu-col:nth-child(2) .formulate_box .formulate_icon,
  .formu-col:nth-child(3) .formulate_box .formulate_icon {
    left: 0 !important;
    right: auto !important;
  }

  .formu-col:first-child .formulate_box .formulate_content,
  .formu-col:nth-child(4) .formulate_box .formulate_content,
  .formu-col:nth-child(2) .formulate_box .formulate_content,
  .formu-col:nth-child(3) .formulate_box .formulate_content {
    padding-left: 90px !important;
    padding-right: 0 !important;
    text-align: left !important;
    margin-bottom: 0 !important;
  }

  .formu-col:first-child .formulate_box,
  .formu-col:nth-child(4) .formulate_box,
  .formu-col:nth-child(2) .formulate_box,
  .formu-col:nth-child(3) .formulate_box {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .formu-col+.formu-col {
    margin-top: 30px;
  }

  .formu-col .formulate_box:before {
    display: none !important;
  }

  .formu-col .formulate_box:after {
    content: "" !important;
    border-left: 2px dashed #999 !important;
    position: absolute !important;
    left: 35px !important;
    right: auto !important;
    bottom: -40px !important;
    top: 0 !important;
    height: auto !important;
    z-index: -1 !important;
    margin: 0 !important;
  }

  .formu-col:last-child .formulate_box:after {
    display: none !important;
  }

  /* Seodiffe / Ecomagency Mobile */
  .seodiffe_section .ecomagency_box_main {
    margin: 35px 0 -30px;
  }

  .seodiffe_section .ecomagency_number {
    top: -25px;
    font-size: 55px;
  }

  .seodiffe_section .ecomagency_content {
    padding: 30px 20px !important;
  }

  .seodiffe_section .ecomagency_content .h2 {
    font-size: 20px;
    margin-bottom: 12px;
  }

  .seodiffe_section .ecomagency_box_main .col-text {
    margin-bottom: 30px;
  }

  /* Webdesign5 / Keypoints Mobile */
  .webdesign5_title_main h2.main-title {
    font-size: 36px !important;
  }

  .webdesign5_title_main {
    position: relative;
    margin-bottom: 10px;
    padding-right: 10px;
  }

  .webdesign5_title_main .webdesign5_title {
    font-size: 22px !important;
    line-height: 1.3 !important;
  }

  .webdesign5_title_main .webdesign5_number {
    position: absolute;
    right: 0;
    margin: 0;
    top: -5px;
    font-size: 120px;
  }

  .webdesign5_box_main span.stroke svg {
    width: 200px;
    height: 180px;
  }

  .webdesign5_box_main .row+.row {
    margin-top: 35px;
    padding-top: 30px !important;
  }

  .webdesign5_content_main p {
    font-size: 15px;
    line-height: 28px;
  }

  .webdesign5_content_main ul li,
  .ecomagency_content ul li {
    font-size: 14px;
    line-height: 26px;
  }

  .ecomagency_box_main .row {
    align-items: start;
  }

  .ecomagency_box_main .row:nth-child(2n) .col-text .ecomagency_content,
  .ecomagency_box_main .row:nth-child(odd) .col-text .ecomagency_content {
    padding-left: 90px;
  }

  .ecomagency_content .h2 {
    margin-bottom: 12px;
    font-size: 20px !important;
  }

  .ecomagency_content .h2 {
    margin-bottom: 12px;
    font-size: 20px;
  }

  .ecomagency_content p {
    margin-bottom: 0;
    font-size: 16px;
  }

  .ecomagency_box_main .row .col-num {
    position: absolute;
    left: 0;
    width: auto;
    padding: 0;
    text-align: left !important;
  }

  .ecomagency_box_main .row:nth-child(odd) .col-num .ecomagency_number:before {
    display: none;
  }

  .ecomagency_number {
    font-size: 60px;
    margin-top: -6px;
  }

  .ecomagency_box_main:before {
    left: 35px;
    right: auto;
  }

  .ecomagency_box_main .row:nth-child(2n) .col-num .ecomagency_number:before {
    display: none;
  }

  .ecomagency_box_main .row:nth-child(2n) .col-num .ecomagency_number {
    padding: 0 !important;
  }

  .approach_box_main .row+.row,
  .approach_box_main .solutionapproch_row+.solutionapproch_row,
  .ecomagency_box_main .row+.row {
    margin-top: 15px;
  }
}

/* Max Width: 575px (Extra Small Mobile) */
@media (max-width: 575px) {
  .boosttraffic_box .boosttraffic_icon {
    width: 60px;
    height: 60px
  }

  .boosttraffic_box .boosttraffic_icon img {
    max-width: 30px
  }

  .boosttraffic_box_main .boost-col:nth-child(odd) .boosttraffic_box {
    padding-right: 75px
  }

  .boosttraffic_box_main .boost-col:nth-child(2n) .boosttraffic_box {
    padding-left: 75px !important
  }

  .boosttraffic_box_main .boost-col .boosttraffic_box:before {
    content: "";
    border-left: 2px dashed #999;
    position: absolute;
    top: -22px;
    bottom: -25px
  }

  .boosttraffic_box_main .boost-col:nth-child(odd) .boosttraffic_box:before {
    right: 29px
  }

  .boosttraffic_box_main .boost-col:nth-child(2n) .boosttraffic_box:before {
    left: 29px
  }

  .boosttraffic_box_main .boost-col:nth-child(2n) .boosttraffic_icon {
    left: 0
  }

  .boosttraffic_box_main .boost-col:nth-child(odd) .boosttraffic_icon {
    right: 0
  }

  .boost-col+.boost-col:before {
    left: 45px;
    right: 45px
  }

  .boosttraffic_box_main {
    margin-bottom: 30px
  }

  .boosttraffic_box_main .boost-col .boosttraffic_icon:after,
  .boosttraffic_box_main .boost-col .boosttraffic_icon:before {
    display: none !important
  }

  .formulate_box .formulate_icon {
    width: 60px;
    height: 60px;
  }

  .formulate_box .formulate_icon img {
    max-width: 32px;
    max-height: 32px;
  }

  .formu-col:first-child .formulate_box .formulate_content,
  .formu-col:nth-child(4) .formulate_box .formulate_content,
  .formu-col:nth-child(2) .formulate_box .formulate_content,
  .formu-col:nth-child(3) .formulate_box .formulate_content {
    padding-left: 75px !important;
  }

  .formu-col .formulate_box:after {
    left: 30px !important;
  }

  .formulate_box .formulate_content .formulate_title {
    font-size: 18px;
  }

  .formulate_box .formulate_content p {
    font-size: 14px;
    line-height: 24px;
  }

  .seodiffe_section .ecomagency_number {
    font-size: 45px;
    top: -20px;
    right: 20px;
  }

  .webdesign5_title_main .webdesign5_title {
    font-size: 20px !important;
  }

  .webdesign5_title_main .webdesign5_number {
    font-size: 90px;
  }

  .webdesign5_box_main span.stroke svg {
    width: 150px;
    height: 130px;
  }
}

@media (max-width: 479px) {
  .platforms_box .platforms_link span.viewmore {
    margin: 0 auto -31px;
    font-size: 14px;
    max-width: 69px;
  }
}

/* Header CSSS Start */
.primary-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #ffffff;

  /* Gradient matching your image (Blue-Grey -> Coral Orange -> Vibrant Pink -> Loop back) */
  background: linear-gradient(90deg, #67CCFD 0%, #FE5F3C 10%, #FE5F3C 10%, #FF0F6B 30%, #D337BB 40%, #FE5F3C 50%, #67CCFD 100%);
  background-size: 300% 100%;
  background-position: 0% 50%;
  transition: background-position 0.5s ease, transform 0.2s ease, box-shadow 0.2s ease;
  cursor: pointer;
  border: none;
  outline: none;
}




/* Testimonial CSS Start */

h2.main-title,
h2.main_title {
  font-family: 'NeueMontrealMedium';
  font-weight: normal;
  font-size: 50px;
  line-height: 60px;
  letter-spacing: 0.5px;
  color: #FFF;
  margin-bottom: 10px;
}

.owl-carousel.testimonials-slider {
  position: relative;
}

/* Navigation Arrows */
.testimonials-slider.owl-carousel .owl-nav {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-top: 16px;
  flex-shrink: 0;
  position: absolute;
  top: -111px;
  right: 0;
  max-width: 120px;
  justify-content: flex-end;
  left: auto;
}

footer .grb-plain-reviews,
footer .grb-rating-row2,
footer .grb-review-count {
  color: #000;
}

.testimonials-slider.owl-carousel .owl-nav button.owl-next,
.testimonials-slider.owl-carousel .owl-nav button.owl-prev {
  width: 57px;
  height: 57px;
  border-radius: 50%;
  border: 1.5px solid #939393;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
}

.testimonials-slider.owl-carousel .owl-nav button.owl-next:hover,
.testimonials-slider.owl-carousel .owl-nav button.owl-prev:hover {
  border-color: rgba(255, 255, 255, 0.7);
  background: rgba(255, 255, 255, 0.05);
}

/* ============================================
       GOOGLE REVIEWS BAR
    ============================================ */
.google-reviews-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 60px;
}

.trusted-header.wow.fadeInUp {
  margin-bottom: 30px;
}

/* Stacked avatars */
.reviewer-avatars {
  display: flex;
  align-items: center;
}

.reviewer-avatars .avatar {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  overflow: hidden;
  margin-left: -10px;
  position: relative;
}

.reviewer-avatars .avatar:first-child {
  margin-left: 0;
}

.reviewer-avatars .avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.reviewer-avatars .avatar-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
}

.google-logo {
  display: flex;
  align-items: center;
  gap: 6px;
}

.google-logo-text {
  font-family: 'NeueMontrealMedium', sans-serif;
  font-weight: normal;
  color: #FFF;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0%;
}

.google-g-icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

.review-rating {
  display: flex;
  align-items: center;
  gap: 10px;
}

.rating-number {
  font-family: 'NeueMontrealMedium', sans-serif;
  font-size: 18px;
  color: #ffffff;
  line-height: 30px;
}

.rating-stars {
  display: flex;
  gap: 5px;
}

.rating-stars .star-icon {
  width: 20px;
  height: 20px;
}

.review-count {
  font-family: 'NeueMontrealRegular', sans-serif;
  font-size: 18px;
  line-height: 30px;
  color: #B9B9B9;
}


/* ============================================
       CARD - BASE
    ============================================ */
.testimonial-card {
  border-radius: 20px;
  overflow: hidden;
  flex-shrink: 0;
  position: relative;
}

/* ============================================
       CARD - TEXT VARIANT
    ============================================ */
.testimonial-card {
  min-height: 500px;
}

.testimonial-card.card-text {
  background: #fff;
  padding: 32px;
  display: flex;
  flex-direction: column;
}

.testimonial-card .card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
  border: none;
  background: transparent;
  padding: 0;
}

.card-author {
  display: flex;
  align-items: center;
  gap: 12px;
}

.card-author-avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}

.card-author-avatar img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.card-author-avatar .avatar-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  border-radius: 50%;
}

.testimonial-card .card-author-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.testimonial-card .card-author-name {
  font-family: 'NeueMontrealMedium', sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0%;
  color: #000;
}

.testimonial-card .card-author-role {
  font-family: 'NeueMontrealRegular', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0%;
  color: #808080;
}

.testimonial-card .card-google-icon {
  width: 25px;
  height: 25px;
  flex-shrink: 0;
}

.testimonial-card .card-body-title {
  font-family: 'NeueMontrealMedium', sans-serif;
  font-weight: normal;
  font-size: 22px;
  line-height: 25px;
  letter-spacing: 0%;
  color: #000;
}

.testimonial-card .card-body-text {
  font-family: 'NeueMontrealMedium', sans-serif;
  font-weight: normal;
  font-size: 15px;
  line-height: 25px;
  letter-spacing: 0%;
  color: #5D5D5D;
  flex: 1;
}

.testimonial-card .card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
  padding: 0;
  border: none;
  background: transparent;
}

.testimonial-card .card-stars {
  display: flex;
  gap: 7px;
}

.testimonial-card .card-stars .star-icon {
  width: 18px;
  height: 18px;
}

.testimonial-card .card-date {
  font-family: 'NeueMontrealMedium', sans-serif;
  color: #808080;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
}

/* ============================================
       CARD - VIDEO VARIANT
    ============================================ */
.testimonial-card.card-video {
  position: relative;
  display: flex;
  flex-direction: column;
}

.testimonial-card .card-video-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}

.testimonial-card .card-video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg,
      rgba(0, 0, 0, 0.35) 0%,
      rgba(0, 0, 0, 0.1) 40%,
      rgba(0, 0, 0, 0.1) 60%,
      rgba(0, 0, 0, 0.5) 100%);
  border-radius: 20px;
  z-index: 1;
}

.testimonial-card .card-video-content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 28px 24px 24px;
  min-height: 500px;
}

.testimonial-card .card-play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0px 4px 12px 0px #00000033;
  border: none;
}

.testimonial-card .card-play-btn svg {
  width: 32px;
  height: 32px;
  fill: #ffffff;
}

.testimonial-card .card-play-btn .pause,
.testimonial-card .card-play-btn.is-playing .play {
  display: none;
}

.testimonial-card .card-play-btn.is-playing .pause {
  display: block;
}

.testimonial-card.card-video .card-footer {
  position: relative;
  z-index: 2;
}

.testimonial-card.card-video .card-author-name {
  color: #ffffff;
}

.testimonial-card.card-video .card-author-role {
  color: rgba(255, 255, 255, 0.75);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.testimonial-card.card-video .card-date {
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #FFF;
}

/* ============================================
       RESPONSIVE
    ============================================ */

@media (max-width: 768px) {
  .trusted-section {
    padding: 0px;
  }

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

  .trusted-header {
    flex-direction: column;
    gap: 24px;
  }

  .card-text .card-video-content,
  .card-video {
    min-height: auto;
  }

  .testimonials-track .card-video-content,
  .testimonials-track .card-video,
  .testimonials-track .card-text {
    min-height: 385px;
  }

}

@media (max-width: 480px) {
  .trusted-title {
    font-size: 32px;
  }

  .google-reviews-bar {
    flex-wrap: wrap;
    gap: 10px;
  }
}

/* team section CSS Start */


.team-section {
  position: relative;
  padding: 200px 0 0 0;
}

@media (min-width: 992px) {

  .team-sticky-row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start !important;
    position: relative;
  }

  .team-sticky-row>.col-lg-5 {
    position: -webkit-sticky;
    position: sticky !important;
    top: 100px;
    align-self: flex-start;
    height: fit-content;
    top: 120px;
    align-self: flex-start !important;
    height: fit-content !important;
    z-index: 10;
  }

  .team-accordion {
    position: relative !important;
    top: auto;
  }

}

.team-description p {
  font-family: 'NeueMontrealMedium';
  font-weight: normal;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0%;
  color: #FFF;
  margin-bottom: 30px;
}

.team-image {
  width: 100%;
  height: auto;
  margin-top: 50px;
  border-radius: 20px;
  overflow: hidden;
}

.team-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ACCORDION */

.team-accordion {
  margin-top: 0px;
  padding-left: 10px;
}

.team-accordion .accordion-item {
  background: transparent;
  border: 0;
  border-radius: 0;
  border-top: 1px solid var(--line-color);
}

.team-accordion .accordion-item {
  border-bottom: 0.5px solid rgba(175, 175, 175, 1);
  padding: 27px 0;
}

.team-accordion .accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0;
  background: transparent;
  box-shadow: none;
  border-radius: 0px;
}

.team-accordion .accordion-button span {
  font-family: 'NeueMontrealMedium';
  font-weight: normal;
  font-size: 25px;
  line-height: 100%;
  letter-spacing: 0%;
  text-transform: capitalize;
  color: #FFF;
}

.team-accordion .accordion-button::after {
  display: none;
}

.team-accordion .accordion-button:focus {
  box-shadow: none;
}

.team-accordion .accordion-icon {
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  margin-left: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1.5px solid rgba(147, 147, 147, 1);
  border-radius: 50%;
  background: rgba(65, 60, 76, 1);
  transition: transform 0.35s ease,
    background 0.35s ease;
}

.accordion-icon svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: #d9d8dc;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;

  transition: transform 0.35s ease;
}

.accordion-button:not(.collapsed) .accordion-icon svg {
  transform: rotate(-90deg);
}


/* ACCORDION BODY */

.team-accordion .accordion-body {
  padding: 20px 0 0 0;
  color: #fff;
  font-family: 'NeueMontrealRegular';
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0%;
}

/* ACTIVE ITEM */

.team-accordion .accordion-item:has(.accordion-button:not(.collapsed)) {
  border-bottom: 1px solid 0.5px solid rgba(175, 175, 175, 1);
}

/* RESPONSIVE */

@media (min-width: 1299px) {
  .team-description {
    margin-right: 30px;
  }

  .team-section .row {
    --bs-gutter-x: 4rem;
  }

  .team-section .team-content {
    padding-right: 13rem;
    width: 100%;
  }

  .team-section .team-content img {
    max-width: 741px;
  }

}

@media (max-width: 992px) {
  .team-content {
    max-width: 100%;
  }

  .desktop-break {
    display: none;
  }

  .team-image {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-bottom: 50px;
  }

  .team-accordion {
    padding-left: 0;
    margin-top: 0;
  }

}

@media (max-width: 575px) {
  .team-title {
    font-size: 32px;
    line-height: 1.2;
    letter-spacing: -1px;
  }

  .team-description p {
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 30px;
  }

  .about-btn {
    height: 38px;
    font-size: 13px;
  }

  .team-image {
    margin-top: 50px;
    border-radius: 10px;
  }

  .accordion-icon {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    margin-left: 15px;
  }

  .team-accordion .accordion-body {
    padding-right: 10px;
  }

}

/* Footer Css Start */
.footer_bottm_link {
  display: flex;
}

.footer_bottm_link ul {
  margin-left: auto;
}

.landing_footer_main {
  margin-top: 70px;
}

.landing_footer_google_review {
  max-width: 276px;
  margin: 30px 0 20px 0;
}

.landing_footer_google_review img {
  width: 100%;
}

.landing_footer_link ul li span {
  background: linear-gradient(116.82deg, #67CCFD 2.38%, #D337BB 97.24%);
  position: relative;
}

.landing_footer_link ul li span svg {
  width: 20px;
  height: auto;
}

.landing_footer_link_main .landing_footer_link ul li a {
  font-family: 'NeueMontrealRegular';
  color: #13101C;
  font-weight: 400;
  font-size: 22px;
  line-height: 130%;
  letter-spacing: 0%;
  padding: 0;
  gap: 10px;
}

.landing_footer_link_ul .landing_footer_link ul li a {
  font-family: 'NeueMontrealRegular';
  font-weight: 400;
  font-size: 18px;
  line-height: 200%;
  letter-spacing: 0%;
  color: #13101C;
  padding: 0;
  margin: 0;
}

.landing_footer_link_ul .footer_location.landing_footer_link a {
  color: #13101C;
  font-family: 'NeueMontrealRegular';
  font-weight: 400;
  margin-bottom: 25px;
  display: inline-block;
  font-size: 18px;
  line-height: 130%;
  letter-spacing: 0%;
}

.landing_footer_link_ul .footer_location.landing_footer_link h6 {
  font-family: 'NeueMontrealMedium';
  font-weight: 500;
  font-size: 20px;
  color: #13101C;
  line-height: 35px;
  letter-spacing: 0%;
  margin-bottom: 0px;
}

.landing_footer_link_add {
  margin-top: 30px;
}

.landing_footer_link_add:first-child {
  margin-top: 0;
}

.landing_footer_link_add h5 {
  font-family: 'NeueMontrealMedium';
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  color: rgba(19, 16, 28, 0.4);
}

.detail_ready_from_section .lending_card-frame .card-frame::after {
  display: none;
}

.landing_banner_title_con .partner-card {
  max-width: 160px;
}

.landing_banner_title_con .partner-card img {
  width: 100%;
}

.landing_banner_title_con .partner-card {
  min-width: 130px;
}

/* =========================================
   WHY PARTNER SECTION
========================================= */

.why-partner-section {
  position: relative;
}

/* Subtle pink/purple glow on right side */
.why-partner-section::after {
  content: "";
  position: absolute;
  width: 360px;
  height: 360px;
  right: -170px;
  bottom: -130px;
  background: radial-gradient(circle,
      rgba(244, 30, 119, 0.38) 0%,
      rgba(244, 30, 119, 0) 70%);
  pointer-events: none;
}

/* Main wrapper */
.partner-wrapper {
  position: relative;
  margin: 0 auto;
}

/* =========================================
   IMAGE
========================================= */

.partner-image {
  position: relative;
  width: 100%;
  height: 590px;
  overflow: hidden;
  border-radius: 9px;
}

.partner-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

/* =========================================
   CONTENT CARD
========================================= */

.partner-content {
  position: relative;
  z-index: 2;
  width: calc(100% - 195px);
  margin: -390px auto 0;
  padding: 55px 90px;
  background: #13101c;
  backdrop-filter: blur(25px);
  border-color: transparent;
  border-radius: 20px;
  overflow: hidden;
}

.partner-content::before {
  content: '';
  opacity: 0.2;
  background: var(--Linear, linear-gradient(90deg, #67CCFD 0%, #D337BB 50%, #FF0F6B 75%, #FE5F3C 100%));
  filter: blur(75px);
  position: absolute;
  left: 0;
  bottom: -326.966px;
  width: 611.653px;
  height: 611.653px;
  transform: rotate(-31.46deg);
  aspect-ratio: 1/1;
  right: 0;
  margin: 0 auto;
  z-index: -1;
}

.partner-content::after {
  background: linear-gradient(to right, #67ccfd, #d337bb, #ff0f6b, #fe5f3c);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  padding: 2px;
  border-radius: 20px;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  width: 100%;
  height: 100%;
  left: 0;
}

.progress_main_box .nav-tabs {
  display: flex;
  justify-content: center;
}

.partner-content h2 {
  text-align: center;
  margin-bottom: 30px;
}

.partner-description p {
  max-width: 683px;
  font-family: 'NeueMontrealRegular';
  font-weight: 500;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0%;
  text-align: center;
  color: #FFF;
  margin: 0 auto 30px auto;
}

.digital-section:before {
  content: "";
  position: absolute;
  border-radius: 998px;
  opacity: 0.3;
  background: var(--Linear, linear-gradient(90deg, #67CCFD 0%, #D337BB 50%, #FF0F6B 75%, #FE5F3C 100%));
  filter: blur(75px);
  width: 998px;
  height: 704px;
  transform: rotate(-171.251deg);
  aspect-ratio: 1 / 1;
  left: -654px;
  top: 0;
}

.digital-section {
  position: relative;
}

/* =========================================
   FEATURE GRID
========================================= */
.partner-features>div {
  display: flex;
}

/* Feature card */
.partner-feature {
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 15px;
  padding: 20px;
  background: rgba(46, 30, 59, 1);
  border-radius: 15px;
  transition: all 0.25s ease;
  margin-bottom: 20px;
  position: relative;
}

.partner-feature::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: inherit;
  background: linear-gradient(102.33deg,
      rgba(47, 24, 53, 0) -2.1%,
      #BB9DF8 28.92%,
      rgba(47, 24, 53, 0) 45.67%,
      #BB9DF8 95.95%,
      rgba(47, 24, 53, 0) 109.8%);

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  pointer-events: none;
}

/* Icon */
.feature-icon {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: linear-gradient(314.76deg, #7946A1 13.03%, #353284 85.62%);
}

/* Feature content */
.feature-content {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.feature-content h4 {
  font-family: 'NeueMontrealRegular';
  font-weight: normal;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0%;
  color: #FFF;
}

.feature-content p {
  font-family: 'NeueMontrealRegular';
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0%;
  color: rgba(194, 194, 194, 1);
}

/* =========================================
   BUTTON
========================================= */

.partner-btn-wrap {
  display: flex;
  justify-content: center;
  margin-top: 17px;
}

/* =========================================
   LARGE DESKTOP
========================================= */

@media (min-width: 1200px) {
  .partner-image {
    height: 817px;
  }

  .partner-content {
    width: calc(100% - 422px);
  }
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 992px) {

  .why-partner-section {
    padding: 50px 0 90px;
  }

  .partner-image {
    height: 350px;
  }

  .partner-content {
    width: calc(100% - 80px);
    margin-top: -140px;
    padding: 25px 28px;
  }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767.98px) {

  .why-partner-section {
    padding: 35px 15px 65px;
  }

  .partner-wrapper {
    width: 100%;
  }

  .partner-image {
    height: 270px;
    border-radius: 8px;
  }

  .partner-content {
    width: calc(100% - 25px);
    margin-top: -70px;
    padding: 22px 18px 24px;
  }

  .partner-btn-wrap {
    margin-top: 20px;
  }

  .partner-btn {
    min-width: 120px;
    height: 30px;
    font-size: 8px;
  }
}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 576px) {

  .why-partner-section {
    padding: 0px 0px 50px;
  }

  .partner-image {
    height: 220px;
  }

  .partner-content {
    width: calc(100% - 15px);
    margin-top: -45px;
    padding: 20px 13px 22px;
  }

  .partner-features>div {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/** Pointer CSS Start */
#pointer {
  height: 20px;
  width: 20px;
  margin-top: -10px;
  margin-left: -10px;
  background: rgba(255, 255, 255, .4);
  position: fixed;
  border-radius: 50%;
  top: 0;
  left: 0;
  z-index: 9998;
  pointer-events: none;
  mix-blend-mode: normal;
  transform-origin: center center;
  transition: all .15s ease-out
}

#pointer img {
  display: none;
  width: 150px;
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translate(-50%, -50%) scale(0);
  transition: all .5s ease 0s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  -webkit-transition: .5s
}

#pointer.hover-arrow img {
  display: block;
  transform: translate(-50%, -50%) scale(1)
}

#pointer.hover {
  height: 60px;
  width: 60px;
  margin-top: -30px;
  margin-left: -30px;
  background: rgba(103, 204, 253, .4);
  background: -moz-linear-gradient(left, rgba(103, 204, 253, .3) 0, rgba(211, 55, 187, .3) 30%, rgba(255, 15, 107, .3) 70%, rgba(254, 95, 60, .3) 100%);
  background: -webkit-linear-gradient(left, rgba(103, 204, 253, .3) 0, rgba(211, 55, 187, .3) 30%, rgba(255, 15, 107, .3) 70%, rgba(254, 95, 60, .3) 100%);
  background: linear-gradient(to right, rgba(103, 204, 253, .3) 0, rgba(211, 55, 187, .3) 30%, rgba(255, 15, 107, .3) 70%, rgba(254, 95, 60, .3) 100%)
}

#pointer.hover-w {
  height: 60px !important;
  width: 60px !important;
  margin-top: -30px !important;
  margin-left: -30px !important;
  mix-blend-mode: normal !important;
  background: rgba(255, 255, 255, .3) !important
}

#pointer.hover-w-m {
  height: 20px;
  width: 20px;
  margin-top: -10px;
  margin-left: -10px;
  mix-blend-mode: normal;
  background: rgba(255, 255, 255, .3)
}

#pointer.hover-o {
  mix-blend-mode: overlay;
  background: rgba(0, 0, 0, .3)
}

/* 24-8-2026*/
.field textarea {
  max-height: 120px;
}

.lending_card-frame .field_btn {
  border-radius: 50px;
  padding: 18px;
}

.lending_card-frame .field_btn:hover input {
  color: #FFF;
}

.lending_card-frame .field_btn input {
  color: #FFF;
  font-family: 'NeueMontrealMedium';
  font-weight: normal;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
}

.landing_accodian_main {
  padding-bottom: 300px;
}

.ready_from_main .lending_card-frame .scene_main {
  display: none;
}

.ready_from_main .lending_card-frame .field {
  margin-bottom: 0;
  padding-bottom: 30px;
}

.ready_from_main .lending_card-frame .field.checkbox-field {
  display: none;
}

.ready_from_main .lending_card-frame .field .wpcf7-form-control-wrap {
  position: static;
}

.ready_from_main .lending_card-frame .field .wpcf7-form-control-wrap label.error,
.ready_from_main .lending_card-frame .field.checkbox_main label.error {
  background: #fff;
  padding: 4px 10px;
  bottom: 0px;
  left: 35px;
  border-radius: 4px;
  color: #F00;
  font-size: 14px;
  position: absolute;
  font-weight: normal;
  font-family: 'NeueMontrealRegular';
}

.case_study_card_mian_im {
  width: 100%;
  overflow: visible;
  border-radius: 0;
  margin-bottom: 20px;
}

.inner-banner .checkbox_main {
  position: relative;
}

.ready_from_main .lending_card-frame .field .wpcf7-form-control-wrap label.error:before,
.ready_from_main .lending_card-frame .field.checkbox_main label.error:before {
  content: '';
  position: absolute;
  top: -17px;
  left: 3px;
  width: 0;
  height: 0;
  border-left: solid 6px transparent;
  border-right: solid 6px transparent;
  border-bottom: solid 6px #ffffff;
  height: 18px;
  width: 13px;
}

.case_study_card.case_study_card.case_study_card {
  padding-bottom: calc(100% - 274px);
}

.case_study_stats {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  width: 100%;
}

.case_study_stats .case_study_stat_item {
  width: 100%;
  margin-top: 0;
  border-top: none 0px;
}

.new_style_accordion .accordion_icon {
  display: none;
}

.ready_from_section::before {
  z-index: -1;
}

.ready_from_section .main_landing_page_title h2 {
  font-size: 80px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  text-transform: capitalize;
  position: relative;
}

.ready_from_section .main_landing_page_title h2::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="213" height="256" viewBox="0 0 213 256" fill="none"><path d="M125.793 249.844C126.142 248.337 125.13 246.759 124.362 245.538C123.22 243.737 122.016 241.971 120.843 240.188C118.213 236.197 115.603 232.151 112.467 228.535C112.395 228.459 111.362 227.489 111.374 227.766C111.43 229.019 112.269 230.138 112.838 231.238C113.595 232.699 114.421 234.105 115.271 235.513C116.245 237.126 117.213 238.745 118.182 240.351C118.335 240.601 118.519 240.869 118.703 241.15C118.533 241.047 118.358 240.951 118.175 240.873C113.304 238.719 108.557 236.255 104.013 233.477C99.5851 230.769 95.5063 227.811 91.9543 224.903C90.967 224.094 89.9985 223.267 89.0363 222.433C88.9824 222.377 88.8438 222.269 88.7477 222.181C88.5974 222.048 88.4411 221.91 88.2971 221.771C87.7684 221.292 87.24 220.801 86.7175 220.316C86.2553 219.881 85.787 219.44 85.331 219C85.1152 218.786 84.9053 218.578 84.6832 218.371C83.7544 217.422 82.8256 216.473 81.916 215.493C81.6945 215.261 81.4852 215.029 81.2699 214.791C81.1262 214.64 81.0364 214.546 80.9825 214.489C80.6714 214.15 80.3851 213.8 80.0803 213.455C79.1901 212.433 78.331 211.394 77.466 210.348C77.46 210.342 77.454 210.335 77.448 210.329C77.2515 210.073 77.0548 209.829 76.8521 209.578C76.4589 209.078 76.072 208.572 75.6851 208.065C74.87 206.984 74.0735 205.897 73.2835 204.792C73.2302 204.711 73.1826 204.648 73.1409 204.592C72.963 204.33 72.7849 204.08 72.607 203.818C72.2512 203.294 71.8957 202.758 71.5462 202.228C70.7645 201.03 69.9954 199.821 69.2574 198.595C67.9759 196.483 66.7691 194.325 65.6367 192.131C63.261 187.514 61.1712 182.744 59.459 177.842C58.2752 174.462 57.296 170.995 56.5451 167.479C59.2077 167.53 61.8733 167.459 64.5164 167.301C69.7717 166.99 75.0047 166.329 80.1982 165.526C85.7366 164.67 91.2891 163.741 96.6961 162.219C107.065 159.299 117.617 153.351 122.001 142.984C125.533 134.629 123.635 125.42 119.008 117.913C113.388 108.811 104.328 100.579 93.6282 98.3354C84.6444 96.4455 74.9021 98.564 67.1754 103.413C58.4331 108.894 52.423 117.946 49.3492 127.675C46.0895 137.988 46.1106 148.687 48.201 159.092C44.6556 158.995 41.1152 158.69 37.6063 158.09C32.991 157.299 28.4299 156.036 24.1877 154.014C22.2335 153.084 20.4106 152.052 18.7977 150.964C18.3508 150.659 17.9101 150.347 17.4635 150.03C17.4213 149.998 17.2704 149.89 17.1438 149.795C17.0171 149.7 16.8001 149.535 16.7582 149.491C16.3486 149.162 15.9517 148.821 15.5484 148.486C15.3203 148.272 15.0859 148.064 14.8637 147.856C14.8278 147.819 14.7796 147.781 14.7254 147.736C14.6415 147.648 14.5577 147.561 14.4799 147.479C14.3421 147.334 14.1637 147.097 14.0074 146.958C13.6915 146.564 13.0303 145.72 13.6727 146.582C13.3217 146.113 12.9704 145.657 12.6257 145.182C12.6078 145.163 12.5901 145.132 12.5665 145.095C12.4245 144.87 12.2762 144.652 12.1343 144.428C11.8504 143.979 11.5787 143.531 11.3133 143.076C11.0306 142.578 10.4156 141.342 10.0608 140.517C8.28535 136.467 7.48847 132.047 7.66142 127.626C8.04882 118.072 12.97 109.124 19.5328 102.375C27.4295 94.2587 37.636 88.892 47.8611 84.2868C57.0625 80.1421 66.5443 76.5934 76.1785 73.6069C95.7558 67.5429 115.982 63.8576 136.318 61.4945C156.722 59.127 177.248 58.0574 197.768 57.2823C202.762 57.0883 207.757 56.9189 212.751 56.7496C213.599 56.7207 212.072 54.8552 211.947 54.6987C211.028 53.5597 209.968 52.4848 208.709 51.7183C194.443 43.0427 179.774 35.0389 164.744 27.763C149.774 20.5132 134.456 13.9915 118.862 8.21214C110.308 5.03738 101.621 2.26458 92.7875 0.00385458C92.5313 -0.0636359 93.0841 0.69224 93.108 0.717363C93.3766 1.0368 93.7114 1.41306 94.119 1.56395C110.334 7.53002 126.587 13.4602 142.463 20.2775C157.95 26.9259 173.113 34.3031 187.903 42.3835C193.387 45.3807 198.819 48.4748 204.193 51.6597C183.696 52.0302 163.196 52.5112 142.756 54.0738C121.185 55.72 99.6282 58.5634 78.6152 63.8259C68.1736 66.4433 57.8474 69.622 47.8574 73.6313C37.2416 77.8895 26.4648 82.7209 17.4373 89.865C9.32939 96.2884 2.81997 104.917 0.654273 115.171C-1.46935 125.205 1.75776 134.789 7.7149 142.886C14.3318 151.889 23.5117 159.455 33.9857 163.461C39.2106 165.457 44.6771 166.588 50.2256 167.113C52.5641 174.835 55.9032 182.299 59.7405 189.204C71.5465 210.452 89.1926 228.747 109.9 241.449C111.914 242.682 113.967 243.854 116.046 244.965C115.375 245.066 114.71 245.124 114.18 245.209C112.363 245.504 110.54 245.755 108.744 246.172C106.941 246.596 105.139 247.007 103.337 247.431C102.479 247.625 101.615 247.825 100.763 248.026C99.3807 248.349 99.3611 248.655 99.2909 250.053C99.2471 250.862 100.561 252.115 100.998 252.598C101.74 253.414 102.695 254.541 103.746 254.978C104.099 255.121 104.518 255.297 104.621 255.342C105.241 255.603 106.017 256.026 106.723 256C107.7 255.968 108.722 255.594 109.678 255.389C111.677 254.958 113.682 254.533 115.681 254.102C117.63 253.682 119.522 253.114 121.438 252.558C123.064 252.087 125.324 251.754 125.769 249.819L125.793 249.844ZM55.2675 159.021C54.9346 155.478 54.8722 151.916 55.1226 148.368C56.4917 129.306 68.5248 110.399 88.2893 106.783C92.5863 105.995 97.0901 106.054 101.352 107.002C103.373 107.449 105.327 108.104 107.19 109.014C107.621 109.226 108.051 109.451 108.469 109.688C108.681 109.81 108.887 109.926 109.093 110.053C109.099 110.06 109.105 110.066 109.111 110.072C109.129 110.091 109.165 110.104 109.207 110.136C109.606 110.403 109.992 110.707 110.391 110.962C110.427 110.987 110.457 111.006 110.481 111.019C110.524 111.051 110.572 111.077 110.614 111.108C110.65 111.146 110.698 111.196 110.764 111.265C110.77 111.272 110.776 111.278 110.788 111.291C110.812 111.316 110.848 111.341 110.884 111.367C110.926 111.41 110.962 111.448 111.004 111.492C111.01 111.498 111.022 111.511 111.028 111.517C111.052 111.542 111.076 111.567 111.1 111.593C111.1 111.593 111.112 111.605 111.118 111.611C111.118 111.611 111.112 111.605 111.106 111.599C111.13 111.624 111.16 111.655 111.184 111.681C111.226 111.725 111.226 111.725 111.19 111.687C111.226 111.725 111.262 111.75 111.298 111.763C111.25 111.737 111.214 111.712 111.177 111.687C111.273 111.787 111.327 111.856 111.357 111.887C111.357 111.887 111.357 111.887 111.363 111.893C111.327 111.856 111.249 111.774 111.178 111.674C111.166 111.662 111.141 111.649 111.123 111.642C111.213 111.749 111.314 111.868 111.38 111.961C111.427 112.012 111.457 112.068 111.493 112.105C111.511 112.124 111.516 112.143 111.528 112.168C111.795 112.573 112.055 112.972 112.303 113.395C112.415 113.588 112.533 113.775 112.633 113.968C112.656 114.017 112.686 114.073 112.727 114.154C113.177 115.079 113.616 115.992 113.998 116.947C115.404 120.546 115.941 124.555 115.542 128.4C114.528 138.239 106.703 145.928 98.2237 150.151C88.6824 154.908 77.6509 156.517 67.1832 157.912C63.2299 158.444 59.2431 158.84 55.2427 159.033L55.2675 159.021Z" fill="%23F3F0EC"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "";
  position: absolute;
  bottom: -80px;
  left: -120px;
  width: 213px;
  height: 256px;
}

.checkbox_main .wpcf7-checkbox .wpcf7-list-item-label .label:after {
  content: '';
  position: absolute;
  left: 7px;
  top: 2px;
  width: 6px;
  height: 13px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg) scale(0);
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  z-index: 999;
}

.new_style_accordion {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 806px;
  align-content: flex-start;
}

.landing_accodian_bo {
  display: flex;
  width: 100%;
  gap: 30px;
  justify-content: center;
}

.new_style_accordion .accordion_info {
  padding-top: 0;
}

.new_style_accordion .accordion_item {
  background: transparent;
  border-radius: 0;
  margin-bottom: 0;
  overflow: hidden;
  width: 100%;
}

.new_style_accordion .accordion_item.active .accordion_content {
  margin-top: 0;
}

.new_style_accordion .accordion_info h3,
.new_style_accordion .accordion_info h3 a {
  font-size: 20px;
  font-style: normal;
  line-height: 26px;
  padding: 20px 0;
  color: #fff;
}

.new_style_accordion .accordion_title:hover .accordion_info h3 {
  color: #fff;
}

.new_style_accordion .accordion_content p,
.new_style_accordion .accordion_content ul li {
  color: #766C8F;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
  opacity: 1;
}

.new_style_accordion .accordion_arrow {
  background: #231932;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"><path d="M15 27.5C21.9036 27.5 27.5 21.9036 27.5 15C27.5 8.09644 21.9036 2.5 15 2.5C8.09644 2.5 2.5 8.09644 2.5 15C2.5 21.9036 8.09644 27.5 15 27.5Z" stroke="%2363527C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M10 15H20" stroke="%2363527C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M15 10V20" stroke="%2363527C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  background-position: center center;
}

.new_style_accordion .accordion_item.active .accordion_arrow {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"><path d="M15 27.5C21.9036 27.5 27.5 21.9036 27.5 15C27.5 8.09644 21.9036 2.5 15 2.5C8.09644 2.5 2.5 8.09644 2.5 15C2.5 21.9036 8.09644 27.5 15 27.5Z" stroke="%2363527C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M10 15H20" stroke="%2363527C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  transform: none;
}

.new_style_accordion .accordion_title {
  padding: 20px;
  gap: 10px;
  margin-bottom: 20px;
  border-radius: 20px;
  overflow: hidden;
  background: linear-gradient(359deg, #1B112B 55%, rgba(47, 32, 71, 0.35) 100%);
}

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

.landing_accodian_main_boxx::after {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: linear-gradient(179deg, rgba(19, 16, 28, 0.00) 50.94%, #13101B 105.19%);
  filter: blur(82px);
}

.landing_accodian_main_boxx {
  max-width: 1680px;
}

.map-main {
  display: inline-block;
  width: 100%;
  text-align: center;
  padding-bottom: 0;
}

.map-main img {
  margin: 20px 0 60px 0;
}

.map-main .map-tab {
  margin: 0px;
  padding: 0;
}

.map-main .map-tab li {
  display: inline-flex;
  color: #FFF;
  border-radius: 40px;
  border: 1px solid #FFF;
  padding: 15px 25px;
  margin-right: 15px;
  color: #FFF;
  justify-content: center;
  align-items: center;
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
}

.map-main .map-tab li svg {
  margin-right: 10px;
}

.map-main .map-tab li:hover {
  background: #fff;
  color: #000;
}

.map-main .map-tab li:hover svg circle {
  fill: #000
}

.map-main .map-tab li a {
  display: inline-flex;
  color: #FFF;
  justify-content: center;
  align-items: center;
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  cursor: pointer
}

.map-main .map-tab li:hover a {
  color: #000;
}

.lending_card-frame label {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: 'NeueMontrealMedium';
}

.lending_card-frame input {
  width: 100%;
}

.checkbox_main .wpcf7-checkbox .wpcf7-list-item-label {
  padding: 16px 14px;
  background: rgb(39 34 53);
}

.lending_card-frame input::placeholder,
.lending_card-frame select::placeholder,
.lending_card-frame textarea::placeholder {
  color: var(--lite-purple);
}

.review-main {
  display: flex;
  width: 100%;
  row-gap: 20px;
  flex-wrap: wrap;
  color: #fff;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 30.8px;
  margin-top: 40px;
}

.review-main .review-main-img img {
  margin-bottom: 40px;
  display: inline-block;
}

.review-main .review-main-img img:last-child {
  margin-bottom: 0;
}

.review-main-img .review-img {
  border-radius: 10px;
  mix-blend-mode: luminosity;
}

.checkbox_main .wpcf7-checkbox .wpcf7-list-item-label .label {
  position: relative;
  width: 22px;
  height: 22px;
  border: 1.5px solid #464155;
  border-radius: 5px;
  margin-right: 12px;
  transition: all 0.3s ease;
  display: inline-block;
  vertical-align: middle;
}

.checkbox_main .wpcf7-checkbox .wpcf7-list-item-label .label:after {
  content: '';
  position: absolute;
  left: 8px;
  top: 3px;
  width: 5px;
  height: 11px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg) scale(0);
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  z-index: 999;
}

.checkbox_main .wpcf7-checkbox input[type="checkbox"]:checked+.wpcf7-list-item-label .label {
  background: #FF0F6B;
  border-color: #FF0F6B;
}

.checkbox_main .wpcf7-checkbox input[type="checkbox"]:checked+.wpcf7-list-item-label .label:after {
  transform: rotate(45deg) scale(1);
}

.checkbox_main .wpcf7-checkbox input[type="checkbox"]:checked+.wpcf7-list-item-label {
  background: linear-gradient(#272235, #272235) padding-box, linear-gradient(90deg, #67CCFD 0%, #D337BB 50%, #FF0F6B 75%, #FE5F3C 100%) border-box;
  border-color: transparent;
}

.checkbox_main .wpcf7-checkbox .wpcf7-list-item-label:hover {
  border: 1px solid rgba(255, 255, 255, .16);
  background: transparent;
  color: #fff;
}

.lending_card-frame .card-frame {
  padding: 50px 50px 235px 50px;
}

.lending_card-frame .card-frame::after {
  width: 382.15px;
  height: 349.459px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="381" height="350" viewBox="0 0 381 350" fill="none"><path d="M1.10801 174.325C2.14339 175.244 5.50952 174.781 6.68905 174.319C8.98746 173.413 11.6666 171.914 13.388 170.076C14.709 168.678 15.7555 166.767 16.8731 165.206L21.4467 158.822C21.337 160.339 21.2884 161.854 21.3171 163.397C21.4499 169.663 22.1173 175.913 23.3021 182.072C25.6559 194.376 30.0479 206.3 36.3209 217.161C47.3062 236.161 63.9204 251.468 83.5109 261.215C85.7959 270.57 90.027 279.532 95.79 287.518C110.882 308.419 134.887 320.151 159.72 324.994C174.497 327.891 189.865 328.447 204.857 327.086C218.736 325.835 232.66 322.915 245.401 317.139C267.336 307.201 285.058 288.974 292.07 265.654C295.422 254.518 295.956 242.668 293.263 231.337C290.429 219.369 284.385 208.485 277.042 198.71C261.084 177.451 238.731 162.507 219.753 144.209C201.875 126.966 185.785 104.274 186.421 78.3219C186.999 54.6043 201.817 33.1721 220.829 19.9539C225.072 17.0041 229.555 14.3992 234.174 12.2798C236.604 11.1707 239.098 10.1515 241.61 9.23892C242.866 8.77497 244.139 8.35644 245.426 7.93747C245.987 7.75327 246.548 7.59967 247.109 7.41548C247.458 7.31379 247.792 7.2278 248.14 7.12611C249.446 6.78309 250.751 6.45535 252.058 6.15818C252.665 6.01853 253.274 5.89416 253.882 5.76979C254.11 5.71741 254.338 5.68034 254.566 5.62799C254.505 5.62973 254.428 5.63191 254.368 5.64893C254.444 5.64676 254.505 5.64498 254.581 5.62755C254.657 5.62538 254.718 5.59304 254.794 5.59086C255.737 5.39578 255.16 5.54987 254.627 5.62625C255.877 5.49884 257.122 5.1881 258.356 5.01534C258.782 4.9573 259.209 4.89928 259.636 4.85653C259.864 4.83474 260.108 4.79718 260.337 4.77539C261.054 4.70908 261.786 4.64235 262.503 4.59132C262.533 4.59045 262.564 4.58958 262.61 4.58827C262.961 4.57826 263.664 4.54294 263.908 4.53597C264.504 4.51899 265.1 4.50201 265.68 4.48546C265.757 4.48328 265.848 4.48067 265.94 4.47806C266.567 4.49077 267.179 4.50392 267.807 4.53188C267.96 4.52753 268.358 4.56205 268.695 4.56776C269.124 4.60141 269.645 4.6324 269.813 4.64289C270.534 4.69881 271.27 4.7696 271.99 4.8408C272.313 4.87751 274.275 5.06621 273.033 4.94871C271.807 4.83075 273.755 5.05045 274.077 5.10243C274.799 5.2042 275.521 5.32125 276.228 5.43871C277.564 5.66057 278.887 5.91341 280.209 6.18153C280.409 6.22172 281.287 6.42605 281.532 6.46493C281.671 6.49155 281.794 6.53395 281.825 6.53308C282.225 6.6287 282.626 6.73962 283.026 6.83525C288.048 8.12947 293.019 9.7921 297.729 11.9515C308.14 16.7161 317.582 23.3892 325.746 31.3983C342.72 48.0558 353.899 70.108 359.402 93.1018C366.085 121.016 364.822 150.212 359.934 178.304C355.561 203.521 348.422 228.267 338.853 251.996C329.399 275.446 317.918 298.068 304.009 319.214C300.697 324.248 297.26 329.208 293.698 334.065C290.195 338.829 287.065 343.811 283.655 348.664C283.479 348.914 286.687 349.327 287.267 348.76C291.966 344.085 296.664 339.409 300.814 334.26C304.802 329.315 308.649 324.281 312.387 319.144C319.758 308.995 326.615 298.493 332.974 287.684C345.705 266.006 356.062 243.095 364.022 219.244C372.476 193.956 378.68 167.555 380.475 140.913C382.202 115.129 379.356 88.8021 368.952 64.9693C360.02 44.5198 345.618 25.8012 326.312 14.241C305.233 1.61497 279.626 -1.40149 255.522 0.539395C232.592 2.38565 209.679 9.67499 191.879 24.6476C174.183 39.5103 161.189 62.1597 163.086 85.8068C165.125 111.208 182.275 132.433 200.303 149.06C219.258 166.563 241.059 181.432 256.31 202.573C263.235 212.162 268.653 223.063 270.973 234.725C273.187 245.855 272.262 257.411 268.762 268.184C261.606 290.193 244.494 307.867 223.247 316.715C220.497 317.864 217.712 318.876 214.863 319.767C214.53 319.869 214.181 319.986 213.832 320.087C213.771 320.089 213.499 320.189 213.302 320.24C212.68 320.411 212.042 320.582 211.405 320.753C209.902 321.132 208.383 321.496 206.863 321.815C206.513 321.886 206.164 321.957 205.814 322.028C205.768 322.03 205.601 322.065 205.434 322.1C205.327 322.119 205.236 322.137 205.206 322.138C204.855 322.193 204.49 322.265 204.14 322.321C202.725 322.545 200.919 322.489 199.571 322.956C199.464 322.959 199.358 322.977 199.266 322.98C198.427 323.065 197.588 323.134 196.749 323.189C196.489 323.196 196.23 323.204 195.971 323.242C195.39 323.258 194.825 323.29 194.244 323.291C193.587 323.31 192.914 323.283 192.257 323.317C192.196 323.319 192.15 323.32 192.089 323.322C191.37 323.312 190.636 323.302 189.916 323.277C189.657 323.284 188.707 323.219 188.217 323.203C187.788 323.169 187.267 323.138 187.114 323.127C186.394 323.071 185.673 323.015 184.953 322.944C184.109 322.861 183.281 322.778 182.437 322.679C182.407 322.68 182.33 322.667 182.238 322.655C181.962 322.617 181.516 322.553 181.424 322.54C178.415 322.121 175.418 321.58 172.433 320.946C172.464 320.945 172.079 320.864 171.864 320.825C171.649 320.77 171.249 320.689 171.295 320.688C170.586 320.509 169.878 320.346 169.169 320.152C167.521 319.725 165.872 319.268 164.236 318.764C141.284 311.772 120.49 296.829 109.61 275.059C108.783 273.401 108.031 271.71 107.324 269.987C112.515 271.291 117.787 272.242 123.155 272.808C136.222 274.178 150.134 273.568 162.832 270.025C173.057 267.18 182.98 262.31 189.743 253.891C196.226 245.831 199.056 235.689 197.893 225.431C196.747 215.28 191.882 205.556 184.405 198.567C174.932 189.724 161.895 186.731 149.296 186.203C135.119 185.613 120.076 187.862 107.829 195.398C98.1655 201.331 90.8634 210.698 86.4489 221.054C82.7941 229.629 81.2752 238.572 81.5893 247.447C79.2592 245.633 76.9877 243.725 74.8056 241.738C56.9862 225.456 45.2123 203.467 41.0036 179.733C39.9664 173.921 39.3853 168.02 39.2779 162.106C39.2227 159.095 39.0304 156.103 38.914 153.094C38.8766 151.78 38.7767 150.422 38.7375 149.047C40.6869 150.918 42.6516 152.789 44.6006 154.645C50.6999 160.48 57.1129 166.598 64.26 171.103C64.6026 171.323 67.4746 171.226 67.3288 170.94C66.8234 169.838 66.4087 168.703 65.9793 167.583C65.9465 167.508 65.6855 167.469 65.4258 167.477C64.0211 165.407 62.3158 163.513 60.7147 161.525C57.9879 158.132 55.1284 154.911 52.1929 151.707C49.2575 148.503 46.381 145.221 43.3705 142.065C40.3599 138.909 37.1812 137.899 32.8211 137.824C28.0023 137.747 23.4627 138.351 20.2701 142.219C17.4324 145.663 14.7837 149.302 12.2423 152.952C9.64167 156.666 7.05631 160.379 4.4556 164.092C2.76606 166.51 -2.14047 171.406 1.06045 174.266L1.10801 174.325ZM112.824 210.256C116.013 205.731 119.889 201.675 124.32 198.368C126.372 196.842 128.549 195.434 130.825 194.284C133.101 193.133 136.399 191.877 138.279 191.334C138.037 191.402 139.357 191.059 139.691 190.973C140.284 190.833 140.876 190.71 141.469 190.57C141.667 190.534 141.88 190.497 142.078 190.476C141.956 190.48 142.031 190.432 142.565 190.401C142.596 190.401 142.641 190.399 142.672 190.398C142.733 190.397 142.794 190.395 142.871 190.393C142.886 190.392 142.901 190.392 142.932 190.391C142.932 190.391 142.947 190.391 142.962 190.39C142.947 190.391 142.916 190.391 142.902 190.407C143.1 190.401 143.299 190.396 143.452 190.391C143.773 190.413 144.08 190.45 144.402 190.487C144.541 190.513 145.109 190.589 145.508 190.654C146.061 190.745 146.599 190.852 147.153 190.974C147.138 190.974 148.124 191.222 148.309 191.278C149.033 191.486 149.758 191.695 150.484 191.934C153.015 192.764 155.401 193.858 157.687 195.2C174.841 205.292 183.058 229.126 174.311 247.343C170.183 255.947 162.341 262.47 153.621 266.052C152.548 266.496 151.458 266.909 150.353 267.277C149.792 267.461 149.247 267.645 148.686 267.814C148.686 267.814 148.519 267.864 148.382 267.899C148.14 267.967 147.442 268.155 147.351 268.173C146.197 268.466 145.042 268.728 143.871 268.96C143.825 268.962 143.78 268.978 143.735 268.995C143.658 268.997 143.582 269.014 143.461 269.033C142.776 269.144 142.075 269.241 141.39 269.337C141.222 269.357 141.054 269.377 140.887 269.397C140.414 269.441 139.956 269.485 139.483 269.513C139.376 269.516 139.269 269.52 139.147 269.523C138.597 269.539 138.032 269.555 137.482 269.57L137.466 269.571C137.466 269.571 137.36 269.574 137.298 269.576C136.686 269.563 136.09 269.549 135.477 269.521C135.263 269.527 135.033 269.487 134.818 269.478C134.282 269.432 133.761 269.401 133.225 269.355C132.627 269.296 132.028 269.221 131.43 269.162C132.734 269.293 131.584 269.188 130.97 269.099C129.603 268.893 128.235 268.657 126.867 268.405C124.146 267.886 121.975 267.367 119.123 266.561C114.129 265.159 109.217 263.419 104.477 261.291C100.024 244.001 102.271 225.19 112.824 210.241L112.824 210.256Z" fill="%239B71B0"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "";
  position: absolute;
  bottom: -212px;
  right: -70px;
  z-index: -1;
}

.lending_card-frame .field_btn span {
  display: none;
}

footer.landing_footer.bg-white {
  padding-top: 0;
}

.landing_footer_main {
  margin-top: 0;
}

.brand_main {
  display: inline-block;
  width: 100%;
  margin-top: -5px;
}

.brand_main h2 {
  color: #13101C;
  text-align: center;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 35px;
  text-align: left;
}

.brand_main .barnd-logo {
  display: flex;
  gap: 80px;
  justify-content: space-between;
  margin-top: 60px;
  margin-bottom: 80px;
}

.main_landing_page_title p {
  opacity: 1;
  color: #FFF;
  font-size: 18px;
  line-height: 30px;
}

.case_study_card .case_study_stat_value {
  font-weight: bold;
  line-height: 70px;
}

.case_study_card .case_study_stat_item h2 {
  font-size: 24px;
}

.case_study_card .case_study_stat_item p {
  font-size: 16px;
  font-weight: 500;
}

.owl-carousel .owl-dots {
  display: flex;
  gap: 7px;
  justify-content: center;
}

.owl-carousel button.owl-dot {
  height: 11px;
  width: 11px;
  background: #C5C5C5;
  border-radius: 100%;
}

.owl-carousel button.owl-dot.active {
  background: linear-gradient(140.53deg, #67CCFD 0%, #FF0F6B 86.92%);
}

.service-row.mobile-slider {
  justify-content: center;
}

.seo-boost-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #272235;
  border-radius: 20px;
  position: relative;
}

.seo-boost-box p {
  font-family: 'NeueMontrealMedium';
  font-weight: normal;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0%;
  margin-bottom: 30px;
}

.seo-boost-box .content {
  padding: 70px 42px 70px 70px;
}

.seo-boost-box .seo-boost-image img {
  width: 100%;
}

.seo-boost-box .seo-boost-image {
  width: 100%;
  max-width: 829px;
  position: relative;
}

.seo-boost-box .seo-boost-image::before {
  position: absolute;
  left: -60px;
  top: 0;
  content: "";
  background: url('../images/boost-bg-img.png') left top no-repeat;
  height: 214px;
  width: 123px;
  background-size: 100%;
}

.seo-boost-box .seo-boost-image::after {
  position: absolute;
  left: -76px;
  bottom: 28px;
  content: "";
  background: url('../images/boost-bg-img1.png') right bottom no-repeat;
  height: 51px;
  width: 97px;
}

.seo-image-text {
  max-width: 1507px;
  margin: 0 auto;
}

.seo-image-text .seo-content p {
  font-family: 'NeueMontrealRegular';
  font-weight: normal;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0%;
  text-align: justify;
  margin-bottom: 40px;
}

.seo-image-text .seo-content p a {
  color: #ff623e;
}

.seo-image-text .seo-content .btn-group {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
}

.seo-image-text .seo-image {
  max-width: 702px;
  width: 100%;
}

.seo-image-text .seo-image img {
  width: 100%;
  border-radius: 20px;
}

.optimisation-content {
  position: relative;
}

.seo-image-text ul {
  list-style: none;
  padding: 0;
  margin: 0 0 30px 0;
}

.seo-image-text ul li {
  position: relative;
  padding: 0 0 0 24px;
  margin: 0 0 10px 0;
  font-family: 'NeueMontrealRegular';
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  letter-spacing: 0%;
  color: #FFF;
}

.seo-image-text ul li::before {
  width: 15px;
  height: 18px;
  position: absolute;
  left: 0;
  top: 8px;
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='18' viewBox='0 0 15 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.3378 11.9029C5.24005 11.7063 3.73349 8.69297 2.19192 8.31387C1.67226 8.19712 1.25608 8.30014 1.25608 8.30014C0.683767 8.46634 0.266668 8.96219 0.103903 9.39508C-0.221855 10.3591 0.279032 11.0939 0.768472 11.7825C1.74735 13.1597 2.69739 14.5195 3.67627 15.8968C4.01027 16.3539 4.34999 16.8342 4.88682 17.0203C5.58527 17.2646 6.3833 16.9198 6.85832 16.3605C7.35645 15.7956 7.59499 15.074 7.83925 14.3755C7.98462 13.9715 8.12999 13.5674 8.27535 13.1634C8.77532 11.8127 9.32726 10.4738 9.90804 9.15219C10.4888 7.83061 11.0984 6.52643 11.76 5.23392C12.4216 3.94141 13.0889 2.67203 13.8313 1.4086C14.0227 1.09131 14.191 0.779741 14.3823 0.462452C14.4171 0.404763 14.6548 0.0760275 14.6145 0.0123864C14.5742 -0.0512546 14.256 0.150199 14.1866 0.167368C13.5967 0.460621 13.0296 0.846359 12.5203 1.26689C11.4842 2.13681 10.6383 3.18047 9.82699 4.26466C8.11716 6.67546 6.61496 9.23117 5.3378 11.9029Z' fill='%23BB9DF8'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.seo-image-text .approach_number {
  font-family: 'NeueMontrealMedium';
  font-weight: 500;
  font-size: 130px;
  line-height: 90px;
  letter-spacing: 0%;
  background: linear-gradient(180deg, #BB9DF8 36.02%, rgba(38, 28, 50, 0.33) 100%);
  -webkit-background-clip: text;
  -webkit-text-stroke: 2px transparent;
  color: #13101c;
  display: block;
  padding-top: 0;
  margin-left: 4px;
  margin-bottom: 44px;
}

.seo-image-text ul li a {
  color: #ff623e;
}

.seo-hero-section {
  background: url('../images/seo-ellipse-bg.png') 0 0 no-repeat;
  background-size: 100%;
}

.seo-container .seo-hero-row {
  padding: 214px 144px 333px 144px;
  display: flex;
  justify-content: flex-start;
  align-items: start;
  gap: 176px;
}

.seo-container .seo-hero-row .seo-image-column {
  width: 100%;
  max-width: 420px;
}

.seo-hero-row .seo-image-column .seo-image-box img {
  border-radius: 20px;
}

.seo-image-column .seo-marketing-text {
  margin-top: 57px;
}

.seo-image-column .seo-marketing-text span {
  display: block;
  font-family: 'NeueMontrealRegular';
  font-weight: normal;
  font-size: 15px;
  line-height: 40px;
  letter-spacing: 80%;
  text-align: center;
  text-transform: uppercase;
  color: #BDBDBD;
}

.seo-container .seo-hero-row .seo-content-column {
  width: 100%;
  max-width: 705px;
}

.seo-container .seo-description {
  font-family: 'NeueMontrealMedium';
  font-weight: normal;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0%;
  margin-bottom: 30px;
}

.progress_main_heading h2 {
  line-height: 170px;
  font-weight: normal;
  -webkit-text-stroke: 3px rgba(255, 255, 255, 1);
}

.progress_main_box li.nav-item:not(:last-child) {
  padding-right: 106px;
}

.progress_main_box {
  max-width: 100%;
}

.sub_btn {
  min-width: auto;
}

.sub_btn {
  height: auto;
  line-height: 22px;
  padding: 3px 15px;
  text-align: left;
  align-items: self-start;
  margin-right: 10px;
}

.landing_banner_title_con .sub_text {
  margin-left: 20px;
  text-transform: uppercase;
  margin: 0;
}

.optimisation-banner {
  border-radius: 20px;
  background: #272235;
  padding: 120px 20px;
  text-align: center;
  position: relative;
}

.optimisation-banner::before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 40%;
  content: '';
  background: url('../images/optimisation-banner-left-bg.png') left top no-repeat;
}

.optimisation-banner::after {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 50%;
  content: '';
  background: url('../images/optimisation-banner-right-bg.png') right bottom no-repeat;
}

.optimisation-banner p {
  font-family: 'NeueMontrealMedium';
  font-weight: normal;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0%;
  text-align: center;
  width: 100%;
  max-width: 888px;
  margin: 0 auto 30px auto;
}

.brand-logo-list {
  max-width: 1370px;
  width: 100%;
  margin: 70px auto 0 auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  gap: 60px;
}

.brand-logo-list .partner-card {
  background: #1F1C27;
  border-radius: 10px;
  padding: 16px 15px;
  width: 178px;
}

.brand-logo-list .partner-card img {
  height: 52px;
  width: 100%;
  object-fit: contain;
  filter: brightness(0) invert(1);
}

.plan_main_box_con .secondary-btn {
  width: 100%;
}

.plan_main_box_con.active .secondary-btn {
  border-color: transparent;
  background: #67ccfd;
  background: -moz-linear-gradient(left, #67ccfd 0, #d337bb 30%, #ff0f6b 70%, #fe5f3c 100%);
  background: -webkit-linear-gradient(left, #67ccfd 0, #d337bb 30%, #ff0f6b 70%, #fe5f3c 100%);
  background: linear-gradient(to right, #67ccfd 0, #d337bb 30%, #ff0f6b 70%, #fe5f3c 100%);
  color: #FFF;
}

.plan_main_box_con.active .secondary-btn::before {
  opacity: 0;
}

.plan_main_box_title_main p,
.plan_main_box_content ul li {
  font-family: 'NeueMontrealRegular';
}

.plan_main_box_content h6,
.plan_main_box_title h3 {
  font-family: 'NeueMontrealMedium';
}

.plan_main_box_con {
  height: auto;
}

.landing_banner_title_con .main_title_con h1 {
  font-weight: normal;
  font-family: 'NeueMontrealMedium';
}

.landing_banner_main::before {
  content: "";
  position: absolute;
  width: 700px;
  height: 700px;
  background: linear-gradient(90deg, #67ccfd 0, #d337bb 50%, #ff0f6b 75%, #fe5f3c 100%);
  opacity: .3;
  filter: blur(100px);
  transform: rotate(-45deg);
  z-index: 0;
  left: -442.35px;
  top: 20px
}

.main_title_con p {
  font-family: 'NeueMontrealRegular';
  font-weight: normal;
  margin-bottom: 25px;
}

.landing_banner_main {
  padding-top: 165px !important;
}

.main_title_con p {
  margin-bottom: 30px;
}

.landing_banner_three_box.landing_banner_three_box {
  padding: 20px 0;
}

.approach_section .solutionapproch_row {
  padding-bottom: 100px;
  border-bottom: 1px solid #48474c;
}

.approach_section {
  position: relative;
}

.approach_section:before {
  content: "";
  position: absolute;
  width: 800px;
  height: 570px;
  background: linear-gradient(90deg, #67ccfd 0, #d337bb 50%, #ff0f6b 75%, #fe5f3c 100%);
  opacity: .3;
  filter: blur(100px);
  transform: rotate(-45deg);
  z-index: 0;
  left: -442.35px;
  top: 0;
}

.circletab_box_main ul.circletab {
  margin: 0 auto;
  border: 0;
  text-align: center;
  width: 100% !important;
  display: flex;
  justify-content: center;
}

.circletab_box_main ul.circletab li {
  padding: 0 4px;
}

.circletab_box_main ul.circletab li:before {
  display: none;
}

.circletab_box_main ul.circletab li a {
  position: relative;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 50% !important;
  border: 0 !important;
  width: 125px;
  height: 125px;
}

.circletab_box_main ul.circletab li a svg {
  display: none;
}

.circletab_box_main ul.circletab li a span {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  max-width: 90px;
  line-height: 24px;
  margin: 0 auto;
  color: #fff;
  font-size: 14px;
}

.scrtabs-tabs-fixed-container,
.scrtabs-tab-container {
  height: auto !important;
}

.scrtabs-tab-container:after {
  content: "";
  display: table;
  clear: both;
}

.circletab_box_main ul.circletab li a:after {
  content: "";
  border: 1px solid #999;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  border-radius: 50%;
}

.circletab_box_main .nav-tabs .nav-item.show .nav-link span,
.circletab_box_main .nav-tabs .nav-link.active span {
  color: #333 !important;
}

.circletab_box_main .nav-tabs .nav-item.show .nav-link:after,
.circletab_box_main .nav-tabs .nav-link.active:after {
  border-color: transparent !important;
}

.circletab_text_wrapper h2 {
  margin-top: 0;
  font-size: 36px;
  margin-bottom: 28px;
  font-weight: 600;
}

.circletab_text_wrapper h2 strong {
  font-weight: 600;
  color: var(--lightblue-color);
}

.circletab_box_main .tab-content {
  margin-top: 80px;
}

.tab-content span.tab-device-title {
  display: none;
}

.circletab_section {
  padding-top: 150px;
}

.mobilescreen_box {
  position: relative;
  overflow: hidden;
  padding: 16px 20.9px;
}

.mobilescreen_box img {
  position: relative;
  border-radius: 45px;
  overflow: hidden;
  z-index: -1;
}

.mobilescreen_box:before {
  content: '';
  background: url(../images/mobile.png) no-repeat;
  background-size: 100% 100% !important;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.mobile_screen_section .owl-carousel .owl-nav button.owl-prev,
#desktopscreen_slider.owl-carousel .owl-nav button.owl-prev {
  left: -70px;
  position: relative;
}

.mobile_screen_section .owl-carousel .owl-nav button.owl-next,
#desktopscreen_slider.owl-carousel .owl-nav button.owl-next {
  right: -70px;
  position: relative;
}

.mobile_screen_section .owl-carousel .owl-nav {
  display: flex;
  justify-content: space-between;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

/*megamenu CSS start */
.main-navigation>ul.main-menu>li.menu-item-has-children {
  position: relative;
}

.main-navigation>ul.main-menu>li.menu-item-has-children::after {
  content: "";
  position: fixed;
  z-index: 0;
  top: 109px;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  background: rgba(10, 9, 15, 0.72);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  pointer-events: none;
}




.main-navigation>ul.main-menu>li.menu-item-has-children>a {
  position: relative;
  margin-right: 20px;
}

.main-navigation>ul.main-menu>li.menu-item-has-children:hover>a:before,
.main-navigation>ul.main-menu>li.menu-item-has-children.is-open>a::before {
  content: "";
  position: absolute;
  width: 24px;
  height: 13px;
  background: #67CCFD;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  bottom: 5px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 1;
}

.main-navigation>ul.main-menu>li.menu-item-has-children.mega-menu-main.is-open>ul.sub {
  display: block;
}

@media (min-width:1200px) {

  .main-navigation>ul.main-menu>li.menu-item-has-children:hover>ul.sub {
    display: block;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children:hover>ul.sub .main-navigation>ul.main-menu>li.menu-item-has-children.is-open>ul.sub {
    display: block;
  }

  .half_content_content_wrap .circletab_left_main,
  .half_content_content_wrap .circletab_right_main,
  .half_content_img_wrap .circletab_left_main,
  .half_content_quote_wrap .circletab_left_main {
    padding-right: 100px;
  }

  .case_study_card_mian_im {
    height: auto;
  }

  .ready_from_main .case_study_card {
    height: 100%;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children>a::after {
    position: absolute;
    right: -22px;
    top: 49%;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5.5 6L10 1' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 11px 7px;
    height: 7px;
    width: 11px;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children:hover>a::after,
  .main-navigation>ul.main-menu>li.menu-item-has-children.is-open>a::after {
    transform: rotate(180deg);
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5.5 6L10 1' stroke='%2372cfff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children:hover::after {
    display: block;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children.mega-menu-main>ul.sub {
    position: fixed;
    z-index: 9999999999;
    top: 101px;
    left: max(226px, calc((100vw - 1208px) / 2));
    width: 1087px;
    max-height: 620px;
    display: none;
    margin: 0;
    padding: 0;
    overflow-y: auto;
    background: #13101C;
    border: 2px solid #67CCFD;
    border-radius: 20px;
    box-sizing: border-box;
    transform: none;
    list-style: none;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li {
    position: relative;
    display: block;
    width: 273px;
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    border-bottom: 2px solid #3A3252;
    box-sizing: border-box;
    list-style: none;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li,
  .main-navigation>ul.main-menu>li.menu-item-has-children.mega-menu-main>ul.sub>li {
    position: relative;
    display: block;
    width: 273px;
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    border-bottom: 2px solid #3A3252;
    box-sizing: border-box;
    list-style: none;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children.mega-menu-main>ul.sub>li {
    position: static;
    background: #251F36;
  }
}

.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li:nth-child(2) {
  border-radius: 10px 10px 0 0;
}

.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li:last-child {
  border-radius: 0 0 10px 10px;
}

.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li:last-child,
.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li:last-child {
  border-bottom: none;
}


.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>a,
.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>a {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 23px 30px 28px 30px;
  color: #828282;
  text-decoration: none;
  background: transparent;
  box-sizing: border-box;
  font-family: 'NeueMontrealRegular';
  font-weight: normal;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0%;
  gap: 4px;
}

.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li.is-active>a {
  color: #ffffff;
}

.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>a .menu-item-description {
  color: #828282;
  white-space: nowrap;
  font-family: 'NeueMontrealMedium';
  font-weight: normal;
  font-size: 14px;
  line-height: 130%;
  letter-spacing: 3%;
  text-align: right;

}

.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li.is-active>a::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -14px;
  z-index: 20;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 14px solid #39334f;
  transform: translateY(-50%);
}

.main-navigation>ul.main-menu>li.menu-item-has-children.mega-menu-main>ul.sub>li>ul.sub {
  position: absolute;
  top: 0;
  left: 273px;
  right: 0;
  width: calc(100% - 273px);
  height: 100%;
  display: none;
  margin: 0;
  padding: 30px 53px;
  overflow: hidden;
  background: #13101C;
  border: 0;
  box-sizing: border-box;
  list-style: none;
  z-index: 0;
}

.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub {
  position: absolute;
  left: 106%;
  top: 0;
  background: #251F36;
  min-width: 210px;
  display: none;
  padding: 0;
  border-radius: 10px;
}

.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>a:hover {
  color: #FFF;
}

.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li:hover>ul.sub {
  display: block;
}

.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li:hover>ul.sub {
  display: block;
}

.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li.is-active>ul.sub:has(li.parent) {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 100px;
  height: auto;
}

.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>ul.sub>li>a span {
  font-family: 'NeueMontrealRegular';
  font-weight: normal;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0%;
  color: #C0C0C0;
}

.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>ul.sub>li:hover>a span {
  color: #FFF;
}

.main-navigation>ul.main-menu>li.menu-item-has-children.mega-menu-main>ul.sub>li>ul.sub>li:first-child {
  position: relative;
  display: block;
  float: left;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  box-sizing: border-box;
}

.menu-image-title-before.menu-image-not-hovered img,
.menu-image-hovered.menu-image-title-before .menu-image-hover-wrapper,
.menu-image-title-after.menu-image-title {
  padding-left: 0 !important;
}

.main-navigation>ul.main-menu>li.menu-item-has-children.mega-menu-main>ul.sub>li>ul.sub>li:nth-child(odd)>a .menu-item-content span.menu-image-title {
  color: #67CCFD;
  font-family: 'NeueMontrealMedium';
}

.main-navigation>ul.main-menu>li.menu-item-has-children.mega-menu-main>ul.sub>li>ul.sub>li:nth-child(even)>a .menu-item-content span.menu-image-title {
  color: #D337BB;
  font-family: 'NeueMontrealMedium';
}

.main-navigation>ul.main-menu>li.menu-item-has-children.mega-menu-main>ul.sub>li>ul.sub>li:nth-child(even) a>img {
  border-color: #D337BB;
  background: #200F15;
}

.main-navigation>ul.main-menu>li.menu-item-has-children.mega-menu-main>ul.sub>li>ul.sub>li>a .menu-item-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  text-align: left;
}

.main-navigation>ul.main-menu>li.menu-item-has-children.mega-menu-main>ul.sub>li>ul.sub>li>a .menu-item-content span.menu-image-title {
  margin-bottom: 15px;
}

.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li:last-child {
  position: relative;
  display: block;
  float: left;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0 0 0 0px;
  border: 0;
  box-sizing: border-box;
  border-radius: 0 0 10px 10px;
}

.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li:first-child {
  border-radius: 10px 10px 0 0;
}

.main-navigation>ul.main-menu>li.menu-item-has-children.mega-menu-main>ul.sub>li.menu-item-has-children:before {
  display: none;
}

.main-navigation>ul.main-menu>li.menu-item-has-children.mega-menu-main>ul.sub>li>ul.sub>li>a {
  font-weight: normal;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0%;
  color: #C0C0C0;
  padding: 12px 0;
}

.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>a>img {
  flex: 0 0 47px;
  width: 47px !important;
  height: 47px !important;
  max-width: 47px !important;
  max-height: 47px !important;
  margin: 0 13px 0 0;
  padding: 11px;
  object-fit: contain;
  border: 1px solid rgba(80, 201, 250, 0.55);
  border-radius: 6px;
  background: #162535;
  box-sizing: border-box;
}

.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li.parent>a::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  background: #555555;
}

.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>a span.menu-item-description {
  font-family: 'NeueMontrealRegular';
  font-weight: normal;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0%;
  color: #B4B4B4;
}

.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>ul.sub {
  position: static;
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 10px 0 0;
  background: transparent;
  border: 0;
  overflow: visible;
  box-sizing: border-box;
}

.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>ul.sub>li {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0 0 5px 0;
  background: transparent;
  border: 0;
  box-sizing: border-box;
  text-align: left;
}

.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>ul.sub>li>a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 42px;
  margin: 0;
  padding: 0;
  color: #C0C0C0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
  background: transparent;
  box-sizing: border-box;
}

.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>ul.sub>li>a>img {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  max-width: 24px;
  max-height: 24px;
  margin: 0 13px 0 0;
  padding: 0;
  object-fit: contain;
  border: 0;
  background: transparent;
}

.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>ul.sub>li>a:hover {
  color: #fff;
}

.main-navigation .site-header {
  position: relative;
  z-index: 100000;
}

.main-navigation {
  z-index: 100001;
}

.main-navigation>ul.main-menu>li.menu-item-has-children.mega-menu-main>ul.sub>li>ul.sub>li {
  position: static;
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  box-sizing: border-box;
  list-style: none;
}

.main-navigation>ul.main-menu>li.menu-item-has-children.mega-menu-main>ul.sub>li>ul.sub>li>a {
  position: relative;
  display: flex;
  align-items: flex-start;
  width: 100%;
  min-height: 42px;
  margin: 0;
  padding: 0 0 20px 0;
  font-weight: 400;
  line-height: 1.3;
  text-decoration: none;
  background: transparent;
  box-sizing: border-box;
  font-size: 17px;
  line-height: 120%;
  letter-spacing: 0%;
  flex-direction: row;
  justify-content: flex-start;
}

.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li.parent:first-child>a {
  color: #67CCFD;
  font-family: 'NeueMontrealMedium';
}

.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li.parent:last-child>a {
  color: #D337BB;
  font-family: 'NeueMontrealMedium';
}

.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>a:hover {
  color: #ffffff;
}

.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li.is-active>a,
.navbar-expand-xl .main-navigation>ul.main-menu>li.menu-item-has-children.nav-link:hover {
  color: #ffffff;
}

.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li.is-active>a .menu-item-description {
  color: #A997CE;
}

.main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li.is-active>a::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -19px;
  width: 0;
  height: 0;
  border-top: 19px solid transparent;
  border-bottom: 19px solid transparent;
  border-left: 19px solid #3A3252;
  transform: translateY(-50%);
  z-index: 999;
}

.main-navigation .menu-item:hover>ul.sub {
  display: block;
}


ul.rounded_pill {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-block
}

ul.rounded_pill li a,
ul.rounded_pill li span {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  width: auto;
  height: auto;
  border: none;
  font-weight: 400;
  font-size: var(--font-22);
  color: #fff;
  transition: all 0.5s ease;
  line-height: 51px;
}

ul.rounded_pill li,
.progress_in_content_ul ul.rounded_pill li {
  display: inline-block;
  margin: 15px 15px 0 0;
  border: 1px solid rgba(255, 255, 255, .5);
  border-radius: 150px;
  padding: 0px 20px;
  height: 51px;
}

.progress_in_content_ul ul li {
  display: list-item;
  margin: 0;
}

.progress_in_content_ul ul {
  list-style: disc;
  padding: 0 0 0 2rem;
  margin: 0 0 1rem 0;
  display: inline-block;
}

.progress_in_content_ul ul.rounded_pill {
  margin: 0;
  padding: 0;
}

.progress_in_content_ul ul li::marker {
  display: none;
}

/* =========================================
   ERP SECTION
========================================= */
.erp-section {
  width: 100%;
  display: flex;
  align-items: center;
}

.erp-grid {
  width: 100%;
  max-width: 830px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 30px;
  row-gap: 27px;
  padding: 2px 80px 2px 0;
  transform: skewX(-17deg);
}

.erp-left-content p {
  font-weight: normal;
  font-size: 32px;
  line-height: 140%;
  letter-spacing: 0%;
  max-width: 690px;
  width: 100%;
}

/* =========================================
   CARD
========================================= */

.erp-card {
  position: relative;
  height: 120px;
  background: #1F1C27;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  cursor: pointer;
}

.erp-card>* {
  transform: skewX(17deg);
}

.erp-card::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px;
  border-radius: inherit;
  pointer-events: none;
  z-index: 0;
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.erp-card-1::after {
  background: linear-gradient(233.58deg,
      #4F298D 28.77%,
      #221E31 105.73%);
}

.erp-card-2::after {
  background: linear-gradient(233.58deg,
      #EC62AE 28.77%,
      #4B0C31 105.73%);
}

.erp-card-3::after {
  background: linear-gradient(233.58deg, #EB8E1C 28.77%, #301E0A 105.73%);
}

.erp-card-4::after {
  background: linear-gradient(233.58deg, #8FB570 28.77%, #2E421C 105.73%);
}

.erp-card-5::after {
  background: linear-gradient(233.58deg, #4083DD 28.77%, #0C1B3B 105.73%);
}

.erp-card-6::after {
  background: linear-gradient(233.58deg, #BD7FDC 28.77%, #3B2148 105.73%);
}

.erp-card-7::after {
  background: linear-gradient(233.58deg, #EE44A5 28.77%, #220618 105.73%);
}

.erp-card-8::after {
  background: linear-gradient(233.58deg, #31BDCD 28.77%, #052E2B 105.73%);
}

.erp-card-9::after {
  background: linear-gradient(222.23deg, #DC987F 23.79%, #282321 90.3%);
}

.banner-contact-info ul {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.banner-contact-info ul {
  list-style: none;
  padding: 0;
  margin: 30px 0 0 0;
  column-gap: 60px;
}

.banner-contact-info ul li a {
  font-family: 'NeueMontrealRegular';
  color: #fff;
  font-weight: 400;
  font-size: 32px;
  line-height: 130%;
  letter-spacing: 0%;
  padding: 0;
  gap: 10px;
  display: flex;
  align-items: flex-start;
  margin-right: 23px;
}

.banner-contact-info .banner-contect-info {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

.banner-contact-info .banner-contect-info .banner-contact {
  font-family: 'NeueMontrealRegular';
  font-weight: normal;
  font-size: 18px;
  line-height: 130%;
  letter-spacing: 0%;
  color: rgba(255, 255, 255, 0.7);
}

.banner-contact-info ul li span.icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  min-width: 60px;
  background: linear-gradient(116.82deg, #67CCFD 2.38%, #D337BB 97.24%);
  border-radius: 100px;
}

.banner-contact-info ul li span.icon svg {
  width: 25px;
  height: auto;
}

.contact-page .ready_from_section::before {
  display: none;
}

.contact-page .landing_accodian_section {
  position: relative;
  background-image: url(../images/bg_from.png);
  width: 100%;
  background-size: 100%;
  background-position: top center;
  background-repeat: no-repeat;
  background-color: #f9f9f9;
}

.contact-page .landing_accodian_main_logo_one:before {
  background: transparent;
}

.contact-page .landing_accodian_main_boxx::after {
  display: none;
}


.detailoverview_box_main {
  max-width: 1430px;
  width: 100%;
  margin: 0 auto;
}

.detailoverview_box_main .detailoverview_box {
  text-align: center;
}

.detailoverview_box_main .detailoverview_box p {
  font-weight: 400;
  font-size: 25px;
  line-height: 140%;
  letter-spacing: 0%;
  text-align: center;
  font-family: 'NeueMontrealRegular';
  margin-bottom: 40px;
}

.detailoverview_box_main .detailoverview_box p a {
  color: #67CCFD;
}

.detailoverview_box_info {
  border-right: 1px solid #5E586D;
  margin-top: 50px;
  margin-right: 50px;
}

.detailoverview_box_info:nth-child(3n) {
  border-right: none;
  margin-right: 0;
}

.detailoverview_box_info label {
  color: #857F93;
  font-family: 'NeueMontrealMedium';
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.detailoverview_box_info p {
  font-family: 'NeueMontrealRegular';
  font-weight: normal;
  font-size: 20px;
  line-height: 130%;
  letter-spacing: 0%;
  text-align: left;
}

.detailoverview_box_info_row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 80px;
}

.detailoverview_box ul {
  padding: 0;
  text-align: left;
}

.detailoverview_box ul li {
  position: relative;
  list-style: none;
  padding: 0 0 0 24px;
  margin: 0 0 10px 0;
  font-family: 'NeueMontrealRegular';
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  letter-spacing: 0%;
  color: #FFF;
}

.detailoverview_box ul li::before {
  width: 15px;
  height: 18px;
  position: absolute;
  left: 0;
  top: 8px;
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='18' viewBox='0 0 15 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.3378 11.9029C5.24005 11.7063 3.73349 8.69297 2.19192 8.31387C1.67226 8.19712 1.25608 8.30014 1.25608 8.30014C0.683767 8.46634 0.266668 8.96219 0.103903 9.39508C-0.221855 10.3591 0.279032 11.0939 0.768472 11.7825C1.74735 13.1597 2.69739 14.5195 3.67627 15.8968C4.01027 16.3539 4.34999 16.8342 4.88682 17.0203C5.58527 17.2646 6.3833 16.9198 6.85832 16.3605C7.35645 15.7956 7.59499 15.074 7.83925 14.3755C7.98462 13.9715 8.12999 13.5674 8.27535 13.1634C8.77532 11.8127 9.32726 10.4738 9.90804 9.15219C10.4888 7.83061 11.0984 6.52643 11.76 5.23392C12.4216 3.94141 13.0889 2.67203 13.8313 1.4086C14.0227 1.09131 14.191 0.779741 14.3823 0.462452C14.4171 0.404763 14.6548 0.0760275 14.6145 0.0123864C14.5742 -0.0512546 14.256 0.150199 14.1866 0.167368C13.5967 0.460621 13.0296 0.846359 12.5203 1.26689C11.4842 2.13681 10.6383 3.18047 9.82699 4.26466C8.11716 6.67546 6.61496 9.23117 5.3378 11.9029Z' fill='%23BB9DF8'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.detailoverview_box_info_row .detailoverview_box_info {
  margin-right: 0;
}

.fullimg_new_section {
  padding: 105px 0;
  background: url('../images/bg-laptop.jpg') 0 0 no-repeat;
  background-size: cover;
  width: 100%;
  position: relative;
  z-index: 1;
}

.fullimg_new_section .fullimg_newbox_main {
  text-align: center;
  position: relative;
}

.fullimg_new_section .fullimg_newbox_main>img {
  max-width: 100%;
}

.fullimg_new_section .fullimg_newbox_main .fullimg_newbox {
  position: relative;
  max-width: 921px;
  position: absolute;
  top: 44px;
  z-index: 22;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 578px;
  overflow: hidden;
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: cover;
  transition: all 15s ease-out 0s;
  -webkit-transition: all 15s ease-out 0s;
  -moz-transition: all 15s ease-out 0s;
  -ms-transition: all 15s ease-out 0s;
  -o-transition: all 15s ease-out 0s;
}

.fullimg_new_section .fullimg_newbox_main .fullimg_newbox img {
  max-width: 100%;
  position: relative;
  top: 0;
  transition: all 16s ease 0s;
  -moz-transition: all 16s ease 0s;
  -ms-transition: all 16s ease 0s;
  -o-transition: all 16s ease 0s;
  -webkit-transition: all 16s ease 0s;
  transform: translateY(0);
}

.fullimg_new_section .fullimg_newbox_main .fullimg_newbox:hover {
  background-position: center 100% !important;
}

.hoverimgview {
  padding: 20px;
  position: absolute;
  right: 0;
  color: #fff;
  width: 140px;
  text-align: left;
  z-index: 88;
  top: 50%;
  transform: translateY(-50%);
  background: linear-gradient(129.25deg, #67CCFD -14.13%, #D337BB 99.97%);
  border-radius: 100%;
  height: 134px;
  width: 134px;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  left: 0;
  margin: 0 auto;
}

.hoverimgview .hover {
  display: inline-block;
  font-family: 'NeueMontrealMedium';
  font-weight: 500;
  font-size: 12px;
  line-height: 19px;
  letter-spacing: 0%;
  text-align: center;
  text-transform: uppercase;
}

.hoverimgview .click {
  display: none
}

.fullimg_newbox:hover .hoverimgview {
  display: none;
}

.platforms_box_erp {
  margin-top: 30px;
}

.platforms_box_erp .col-6:first-child {
  width: 220px
}

.platforms_box_erp .col-6:last-child {
  width: calc(100% - 220px)
}

.platformsside_box {
  padding: 0 0 0 100px;
  position: relative
}

.platformsside_link {
  position: relative;
  height: 100px;
  width: 100%
}

.platformsside_link+.platformsside_link {
  margin-top: 0
}

.platforms_box_erp .row {
  align-items: center
}

.platformsside_link img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin: 0 auto;
  transform: translateY(-50%);
  filter: brightness(0) invert(1);
  -moz-filter: brightness(0) invert(1);
  -ms-filter: brightness(0) invert(1);
  -o-filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1)
}

.platformsside_box:before {
  content: "";
  background: #fff;
  width: 1px;
  position: absolute;
  top: 50px;
  bottom: 50px;
  left: 50px
}

.platforms_box_rightline.platforms_box .platforms_link:after {
  background: #fff;
  content: "";
  height: 1px;
  right: -51px;
  width: 52px;
  position: absolute;
  top: 50%
}

.platformsside_link:before {
  content: "";
  background: #fff;
  position: absolute;
  width: 50px;
  height: 1px;
  left: -50px;
  top: 50%
}

.platforms_box_erp .col-6:first-child {
  width: 220px;
}

.platforms_box_erp .row>* {
  padding: 0 !important;
}

.platforms_box {
  border-radius: 50%;
  position: relative;
}

.platforms_box .platforms_link {
  position: relative;
  display: block;
  padding-bottom: 100%;
  border-radius: 50%;
}

.platforms_box .platforms_link:before {
  content: "";
  border: 2px solid #999;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  border-radius: 50%;
  pointer-events: none;
}

.platforms_box .platforms_link img {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 100%;
  max-height: 100%;
  top: 50%;
  transition: all .5s ease 0s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  -webkit-transition: .5s;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  filter: brightness(0) invert(1);
  -moz-filter: brightness(0) invert(1);
  -ms-filter: brightness(0) invert(1);
  -o-filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
}

.platforms_box_rightline.platforms_box .platforms_link:after {
  background: #fff;
  content: "";
  height: 1px;
  right: -51px;
  width: 52px;
  position: absolute;
  top: 50%;
}

.platformsside_box {
  padding: 0 0 0 100px;
  position: relative;
  max-width: 300px;
  width: 100%;
}

.whatwe_box_main .col-sm-6:first-child .whatwe_icon img,
.whatwe_box_main .col-sm-6:nth-child(5) .whatwe_icon img,
.whatwe_box_main .col-sm-6:first-child .whatwe_icon img,
.whatwe_box_main .col-sm-6:nth-child(7) .whatwe_icon img,
.whatwe_box_main .col-sm-6:first-child .whatwe_icon img,
.whatwe_box_main .col-sm-6:nth-child(9) .whatwe_icon img {
  animation: 1.2s infinite alternate mover2
}

.whatwe_box_main .col-sm-6:nth-child(2) .whatwe_icon img,
.whatwe_box_main .col-sm-6:nth-child(6) .whatwe_icon img,
.whatwe_box_main .col-sm-6:nth-child(2) .whatwe_icon img,
.whatwe_box_main .col-sm-6:nth-child(8) .whatwe_icon img,
.whatwe_box_main .col-sm-6:nth-child(2) .whatwe_icon img,
.whatwe_box_main .col-sm-6:nth-child(10) .whatwe_icon img {
  animation: 1.3s infinite alternate mover2
}

.whatwe_box_main .col-sm-6:nth-child(3) .whatwe_icon img,
.whatwe_box_main .col-sm-6:nth-child(4) .whatwe_icon img {
  animation: 1.1s infinite alternate mover2
}

.whatwe_box_main .col-sm-6:first-child .whatwe_icon svg,
.whatwe_box_main .col-sm-6:nth-child(5) .whatwe_icon svg {
  animation: 1.2s infinite alternate mover2
}

.whatwe_box_main .col-sm-6:nth-child(2) .whatwe_icon svg,
.whatwe_box_main .col-sm-6:nth-child(6) .whatwe_icon svg {
  animation: 1.3s infinite alternate mover2
}

.whatwe_box_main .col-sm-6:nth-child(3) .whatwe_icon svg,
.whatwe_box_main .col-sm-6:nth-child(4) .whatwe_icon svg {
  animation: 1.1s infinite alternate mover2
}

.newlandingtab_content_svg_main .col-sm-12:first-child .newlandingtab_svg svg,
.newlandingtab_content_svg_main .col-sm-12:nth-child(4) .newlandingtab_svg svg {
  animation: 1.2s infinite alternate mover1
}

.newlandingtab_content_svg_main .col-sm-12:nth-child(2) .newlandingtab_svg svg,
.newlandingtab_content_svg_main .col-sm-12:nth-child(3) .newlandingtab_svg svg {
  animation: 1.3s infinite alternate mover1
}

.whatwe_section .main_title_small {
  margin-top: -5px
}

.whatwe_box_main {
  margin-bottom: -20px
}

.whatwe_box {
  text-align: center;
  margin-bottom: 16px;
  margin-top: 60px
}

.whatwe_box .whatwe_icon {
  position: relative;
  height: 70px;
  width: 100%;
  margin-bottom: 27px
}

.whatwe_box .whatwe_icon img {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 100%;
  max-height: 100%
}

.whatwe_box .whatwe_content {
  padding: 0 15px
}

.whatwe_box .whatwe_content .whatwe_title {
  font-size: 24px;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 21px
}

.whatwe_box .whatwe_content p {
  margin: 0;
  line-height: 24px;
}

.fullimg_section img {
  width: 100%
}

.toolsresults_section .whatwe_box {
  margin-bottom: 0;
  text-align: left;
  margin-top: 0;
  padding: 45px 60px 43px 150px
}

.toolsresults_section .whatwe_box_main .col-lg-6:before {
  content: "";
  background: #272235;
  position: absolute;
  left: 10px;
  right: 10px;
  top: 0;
  bottom: 0;
  z-index: 0
}

.toolsresults_section .whatwe_box_main .col-lg-6 {
  position: relative;
  margin-bottom: 20px
}

.toolsresults_section .whatwe_box_main {
  z-index: 2;
  margin-top: 72px
}

.toolsresults_section .whatwe_box_main .whatwe_content {
  position: relative;
  padding: 0
}

.toolsresults_section .whatwe_box_main .whatwe_content p {
  font-size: 18px;
}

.modal-dialog.modal-fullscreen {
  min-width: 60%;
  color: #fff;
}

.modal-dialog.modal-fullscreen .btn-primary {
  width: 100%;
  padding: 0;
  ;
}

.modal-dialog.modal-fullscreen .submit-btn {
  width: 100%;
}

.modal .submit-btn {
  background: transparent;
  border: none;
  color: #FFF;
}

.white_form .uploadfile-main .input-group .filenameinput {
  padding: 15px 45px 0 20px;
  font-size: 16px;
  color: #404040;
  font-weight: 600;
}

.modal .contact_form form .submit_btn_box {
  text-align: left;
}

.problemsolv_section {
  position: relative;
  z-index: 3;
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
}

.card-text .avatar-placeholder {
  background: #6B6B6B;
}

.uploadfile-main {
  padding: 0
}

.uploadfile-main .input-group .input-group-btn {
  display: block;
  padding: inherit;
  cursor: pointer;
  width: 100%
}

.uploadfile-main .input-group .filenameinput {
  background: rgba(0, 0, 0, 0) !important;
  border: none;
  border-radius: 0;
  left: 0;
  padding: 7px 0 0;
  position: absolute;
  right: 0;
  top: 0;
  text-align: left;
  height: 50px;
  width: 100%;
  pointer-events: none;
  font-size: 16px;
  font-weight: 400;
  color: #fff
}

.uploadfile-main .input-group.form-control:before {
  content: "";
  background-image: url(../images/paperclip.svg);
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  position: absolute;
  right: 9px;
  top: 12px;
  z-index: 1;
  display: block !important;
  color: #666;
  pointer-events: none
}

.modal-fullscreen .modal-content {
  height: auto;
  max-height: 80vh;
  background: #272235;
  border-radius: 30px;
}

.formpopup_main .btn-close {
  position: absolute !important;
  right: 30px !important;
  z-index: 99;
  top: 25px !important;
  width: 20px;
  height: 20px;
  padding: 0 !important;
  opacity: 1;
}

label.move_label.filemove_label {
  z-index: 2
}

.uploadfile-main .input-group .btn.btn-primary input {
  padding: 0 !important;
  position: absolute;
  top: -61px;
  width: 100%;
  opacity: 0;
  border-bottom-left-radius: 6px !important;
  border-top-left-radius: 6px !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important
}

.uploadfile-main .input-group .btn.btn-primary input+span {
  line-height: normal;
  position: absolute;
  padding: 2px 0 0;
  font-size: 12px
}

.fileuploadinput {
  opacity: 0;
  width: 0;
  height: 0
}

.fileupload_main .input-group.form-control {
  cursor: pointer;
  padding: 0;
}

.popup_left_section .popuplogo {
  display: inline-block;
  margin-bottom: 45px;
}

.popup_con_info_main .popupinfo label {
  font-size: 20px;
  color: #fff;
  display: block;
  margin: 0 0 5px;
}

.popup_con_info_main .popupinfo p {
  margin: 0;
}

.popup_con_info_main .popupinfo+.popupinfo {
  margin-top: 25px;
}

.modal-body .main_title {
  color: #fff;
}

.problemsolv_section:before {
  content: "";
  background: #000;
  opacity: .8;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}

.extcontent {
  margin-bottom: 60px;
}

.extcontent .subtitle {
  display: block;
  font-size: 18px;
  line-height: 36px;
  color: #4bbef3 !important;
  font-weight: 500 !important;
  margin-bottom: 17px;
}

.extcontent .h2,
.extcontent h2,
.extcontent p {
  max-width: 970px;
  margin-left: auto;
  width: 100%;
  margin-right: auto;
}

.extcontent .h2+p,
.extcontent h2+p {
  font-size: 18px;
}

.extcontent .h2,
.extcontent h2,
.extcontent p {
  max-width: 970px;
  margin-left: auto;
  width: 100%;
  margin-right: auto;
}

.problemsolv_box_main .colproblemsolv:before {
  content: "";
  position: absolute;
  left: 15px;
  right: 15px;
  top: 0;
  bottom: 0;
  border: 1px solid #333;
  pointer-events: none;
  background: rgba(0, 0, 0, .4);
  border-radius: 30px;
  backdrop-filter: blur(10px);
}

.problemsolv_box {
  position: relative;
  display: block;
  overflow: hidden;
  text-align: center;
  padding: 50px 30px;
}

.problemsolv_box .problemsolv_icon {
  position: relative;
  height: 80px;
  width: 100%;
  display: block;
  margin: 0 0 30px;
}

.problemsolv_box .problemsolv_icon img,
.problemsolv_box .problemsolv_icon svg {
  display: block;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  max-width: 100%;
  max-height: 100%;
}

.problemsolv_box .problemsolv_title {
  display: block;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 30px;
}

.problemsolv_box p {
  display: block;
  font-size: 18px;
  color: #ddd;
  margin-bottom: 20px;
}

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


.seo-image-text-section {
  position: relative;
}

.seo-image-text-section::before {
  content: "";
  position: absolute;
  width: 700px;
  height: 700px;
  opacity: 0.3;
  filter: blur(100px);
  transform: rotate(-45deg);
  z-index: 0;
  left: -442.35px;
  bottom: 0px;
  background: linear-gradient(90deg, rgb(103, 204, 253) 0px, rgb(211, 55, 187) 50%, rgb(255, 15, 107) 75%, rgb(254, 95, 60) 100%);
}

.owl-carousel .owl-stage {
  display: flex;
}

.owl-carousel .owl-item {
  display: flex;
}

.owl-carousel .owl-item .testimonial-card {
  width: 100%;
  height: 100%;
}

.owl-carousel .owl-item .item {
  width: 100%;
}

.new_style_accordion .accordion_info ol li {
  padding: 5px 0 15px 15px;
  font-size: 16px;
  line-height: normal;
}

.new_style_accordion .accordion_info ol li strong {
  font-family: 'NeueMontrealMedium';
  font-weight: normal;
}

.new_style_accordion .accordion_arrow {
  cursor: pointer;
}

.raspberry .titleclr,
.webdesign5_box_main .raspberry h4,
blockquote.raspberry>span,
blockquote.raspberry>span:before {
  color: #e3acac;
}

.gray .titleclr,
.webdesign5_box_main .gray h4,
blockquote.gray>span,
blockquote.gray>span:before {
  color: #bbbbbb;
}

@media (min-width:1200px) {
  .erp-card-1:hover {
    box-shadow: 0px 0px 50px -10px #4F298D;
  }

  .erp-card-2:hover {
    box-shadow: 0px 0px 50px -10px #EC62AE;
  }

  .erp-card-3:hover {
    box-shadow: 0px 0px 50px -10px #EB8E1C;
  }

  .erp-card-4:hover {
    box-shadow: 0px 0px 50px -10px #8FB570;
  }

  .erp-card-5:hover {
    box-shadow: 0px 0px 50px -10px #4083DD;
  }

  .erp-card-6:hover {
    box-shadow: 0px 0px 50px -10px #BD7FDC;
  }

  .erp-card-7:hover {
    box-shadow: 0px 0px 50px -10px #EE44A5;
  }

  .erp-card-8:hover {
    box-shadow: 0px 0px 50px -10px #31BDCD;
  }

  .erp-card-9:hover {
    box-shadow: 0px 0px 50px -10px #DC987F;
  }
}

@media (min-width: 1400px) {
  .erp-grid {
    max-width: 856px;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
  }

  .erp-card {
    height: 149px;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .erp-grid {
    max-width: 760px;
    column-gap: 25px;
    row-gap: 24px;
  }
}

@media(max-width:1690px) {
  .platforms_box_erp {
    margin-left: 10px;
  }

  .case_study_card_mian_im img {
    height: 50px;
    width: 100%;
  }
}

@media (max-width: 1199px) {
  .erp-card {
    height: 90px;
  }

  .erp-left-content p {
    font-size: 22px;
  }

  .erp-card svg {
    height: 80px;
    width: 80px;
    object-fit: contain;
  }

  .erp-section {
    min-height: auto;
    padding: 70px 30px;
  }

  .erp-section .col-lg-7 {
    width: 100%;
  }

  .erp-grid {
    max-width: 850px;
    margin: 0 auto;
  }
}

@media (max-width: 992px) {
  .platforms_box_erp .col-6:first-child {
    width: 120px
  }

  .platforms_box_erp .col-6:last-child {
    width: calc(100% - 120px)
  }

  .platformsside_box {
    padding: 0 0 0 20px
  }

  .platformsside_box:before {
    left: 10px;
    top: 30px;
    bottom: 30px
  }

  .platforms_box_rightline.platforms_box .platforms_link:after {
    right: -10px;
    width: 12px
  }

  .platformsside_link {
    height: 60px
  }

  .platformsside_link img {
    max-width: 80%;
    max-height: 80%
  }

  .platformsside_link:before {
    width: 15px;
    left: -10px
  }

  .platformsside_link+.platformsside_link {
    margin-top: 10px
  }

  .erp-left-content p {
    font-size: 18px;
    margin: 0 auto 20px auto;
    text-align: center;
  }

  .erp-section {
    padding: 60px 25px;
  }

  .erp-grid {
    column-gap: 25px;
    row-gap: 22px;
    padding: 2px 30px;
  }

  .erp-card {
    height: 110px;
  }
}

@media (max-width: 767px) {
  .erp-section {
    padding: 45px 20px;
  }

  .erp-grid {
    column-gap: 20px;
    row-gap: 20px;
  }

  .erp-card {
    height: 85px;
    border-radius: 11px;
  }
}

@media (max-width:576) {
  .erp-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .erp-section {
    padding: 35px 15px;
  }

  .erp-grid {
    grid-template-columns: repeat(2, 1fr);
    margin: 0 auto;
    row-gap: 18px;
  }

  .erp-card {
    height: 75px;
  }
}
.grecaptcha-badge {
    display: none !important;
  }
/* ==========================================================
   RESPONSIVE
========================================================== */
@media (min-width: 1200px) {
  ul.rounded_pill li:hover {
    background: #fff;
    color: #000;
  }

  ul.rounded_pill li:hover a,
  ul.rounded_pill li:hover span {
    background: transparent !important;
    color: #000;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children.mega-menu-main>ul.sub {
    left: max(226px, calc((100vw - 1208px) / 2));
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children ul.sub {
    position: absolute;
    left: 0;
    padding: 0;
    z-index: 1;
    display: none;
    top: 94%;
    border: 2px #67ccfd solid;
    border-radius: 10px;
    background: #251F36;
  }

}


@media (max-width: 1199px) {

  ul.rounded_pill li span,
  ul.rounded_pill li {
    font-size: var(--font-16);
  }

  /* Header adjustments on mobile */
  .site-header {
    height: 76px;
  }

  .site-header.menu-open,
  body.mobile-menu-open .site-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    background: #110d1b;
  }

  .navbar {
    min-height: 76px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px;
  }

  .navbar-brand {
    order: 1;
    width: auto;
    max-width: 60px;
    display: flex;
    align-items: center;
  }

  .navbar-brand img {
    height: 40px;
    width: auto;
    object-fit: contain;
  }

  /* Header action pill button (Screenshot 3) */
  .header-actions {
    order: 2;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: auto;
    margin-right: 15px;
  }

  .header-actions .secondary-btn {
    display: none !important;
  }

  .header-actions .primary-btn {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 20px;
    background: linear-gradient(90deg, #67CCFD 0%, #FE5F3C 34.13%, #FF0F6B 70.67%, #D337BB 100%);
    white-space: nowrap;
    padding: 0 37px;
  }

  /* Mobile menu button & Close X (Screenshot 3) */
  .mobile-menu-top {
    order: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-left: 0;
    width: 40px;
    height: 40px;
    z-index: 100002;
  }

  .mobile-menu-top span {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .mobile-menu-top span svg {
    width: 24px;
    height: 24px;
  }

  .mobile-menu-top .mobile-menu-close {
    display: none;
    background: transparent;
    border: none;
    color: #fff;
    font-size: 24px;
    line-height: 1;
    padding: 0;
    cursor: pointer;
  }

  .site-header.menu-open .mobile-menu-top span,
  body.mobile-menu-open .mobile-menu-top span {
    display: none !important;
  }

  .site-header.menu-open .mobile-menu-top .mobile-menu-close,
  body.mobile-menu-open .mobile-menu-top .mobile-menu-close {
    display: flex !important;
    align-items: center;
    justify-content: center;
  }

  /* ==========================================================
     SECOND MENU (Level 1 Submenu Active):
     Hide header logo, "Free proposal" button, hamburger/close button,
     and let the second menu panel start right at the top of the viewport.
  ========================================================== */
  body.mobile-submenu-open .navbar-brand,
  body.mobile-submenu-open .header-actions,
  body.mobile-submenu-open .mobile-menu-top,
  .site-header.mobile-submenu-open .navbar-brand,
  .site-header.mobile-submenu-open .header-actions,
  .site-header.mobile-submenu-open .mobile-menu-top,
  .site-header:has(.main-navigation > ul.main-menu > li.menu-item-has-children.is-open) .navbar-brand,
  .site-header:has(.main-navigation > ul.main-menu > li.menu-item-has-children.is-open) .header-actions,
  .site-header:has(.main-navigation > ul.main-menu > li.menu-item-has-children.is-open) .mobile-menu-top {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body.mobile-submenu-open .site-header,
  .site-header.mobile-submenu-open,
  .site-header:has(.main-navigation > ul.main-menu > li.menu-item-has-children.is-open) {
    height: 0 !important;
    min-height: 0 !important;
    border: none !important;
  }

  body.mobile-submenu-open .site-header .navbar,
  .site-header.mobile-submenu-open .navbar,
  .site-header:has(.main-navigation > ul.main-menu > li.menu-item-has-children.is-open) .navbar {
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
  }

  body.mobile-submenu-open .main-navigation,
  .site-header.mobile-submenu-open .main-navigation,
  .site-header:has(.main-navigation > ul.main-menu > li.menu-item-has-children.is-open) .main-navigation {
    top: 0 !important;
    height: 100dvh !important;
    height: 100vh !important;
  }

  body.mobile-submenu-open .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub,
  .site-header.mobile-submenu-open .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub,
  .site-header:has(.main-navigation > ul.main-menu > li.menu-item-has-children.is-open) .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub {
    top: 0 !important;
    height: 100dvh !important;
    height: 100vh !important;
  }

  /* Prevent background page scroll while mobile menu is open */
  body.mobile-menu-open {
    overflow: hidden !important;
    touch-action: none;
  }

  /* Background overlay */
  .menu-overlay {
    position: fixed;
    top: 76px;
    left: 0;
    width: 100%;
    height: calc(100vh - 76px);
    background: rgba(0, 0, 0, 0.7);
    z-index: 99990;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    pointer-events: none;
  }

  body.mobile-menu-open .menu-overlay {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  /* ==========================================================
     LEVEL 0: Main Navigation Drawer (Screenshot 3)
  ========================================================== */
  .main-navigation {
    position: fixed;
    top: 76px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: calc(100dvh - 76px);
    background: #110d1b;
    z-index: 99995;
    display: flex;
    flex-direction: column;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    transform: translateX(100%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: transform 0.35s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.25s ease, visibility 0.35s;
    box-sizing: border-box;
    margin-top: 0;
  }

  body.mobile-menu-open .main-navigation,
  .site-header.menu-open .main-navigation {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  /* Main Navigation List */
  .main-navigation>ul.main-menu {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    gap: 0;
    flex: 1 0 auto;
  }

  /* Level 0 Menu Items */
  .main-navigation>ul.main-menu>li {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    position: static;
    background: transparent;
    border-bottom: 1px solid #2C2C2C;
  }

  .main-navigation>ul.main-menu>li::after,
  .main-navigation>ul.main-menu>li::before {
    display: none;
    /* Disable desktop backdrop and triangle */
  }

  /* Level 0 Links */
  .main-navigation>ul.main-menu>li>a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 25px 20px;
    margin: 0;
    color: #ffffff;
    font-family: 'NeueMontrealMedium', sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3;
    text-decoration: none;
    position: relative;
    box-sizing: border-box;
    background: transparent;
  }

  .main-navigation>ul.main-menu>li>a::before {
    display: none;
  }

  .main-grid .col-center {
    display: none;
  }

  .meta-label {
    margin-bottom: 10px;
  }

  /* Level 0 ::after Arrow Trigger (Right-pointing chevron > - Screenshot 3) */
  .main-navigation>ul.main-menu>li.menu-item-has-children>a {
    padding-right: 20px;
  }

  .main-navigation ul.main-menu li.menu-item-has-children .open-sub {
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1.5L7 7L1.5 12.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center right 4px;
    background-size: 9px 14px;
    pointer-events: auto;
    cursor: pointer;
    transform: none;
    transition: transform 0.25s ease;
    z-index: 999;
    display: inline-block;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub {
    position: fixed;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: calc(100vh - 0);
    height: calc(100dvh - 0);
    max-height: none;
    background: #110d1b;
    border: none;
    border-radius: 0;
    margin: 0;
    padding: 0 0px 40px;
    box-sizing: border-box;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 100000;
    list-style: none;
    display: block;
    /* Slides in from LEFT to RIGHT: enters from -100% (left) to 0 */
    transform: translateX(-100%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: transform 0.35s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.25s ease, visibility 0.35s;
  }

  /* Active Level 1 panel */
  .main-navigation>ul.main-menu>li.menu-item-has-children.is-open>ul.sub {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  /* Submenu Header Bar (Back button + Submenu Title - Screenshot 2 & Scroll-Container) */
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li.mobile-sub-header {
    display: flex;
    align-items: center;
    justify-content: center;
    position: sticky;
    top: 0;
    width: 100%;
    margin: 0 0px 10px;
    padding: 0 24px;
    min-height: 76px;
    height: 76px;
    background: #110d1b;
    border-bottom: 1px solid #2C2C2C;
    z-index: 10;
    box-sizing: border-box;
  }

  .mobile-back-btn {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    color: #ffffff;
    padding: 12px 16px 12px 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    line-height: 1;
    z-index: 2;
  }

  .mobile-back-btn svg {
    width: 10px;
    height: 16px;
  }

  .mobile-sub-title {
    color: #ffffff;
    font-family: 'NeueMontrealMedium', sans-serif;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    width: 100%;
    display: block;
    margin: 0;
  }

  /* Level 1 Category Items (Web, eCommerce, SEO, PPC, Social Media, CRA - Screenshot 2) */
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li,
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li.is-active {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0 0px;
    background: transparent;
    border: none;
    border-bottom: 1px solid #2C2C2C;
    position: relative;
    box-sizing: border-box;
    float: none;
  }

  /* Level 1 Category Link */
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 20px 25px;
    margin: 0;
    color: #ffffff;
    font-family: 'NeueMontrealMedium', sans-serif;
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
    position: relative;
    padding-right: 50px;
    background: transparent;
    box-sizing: border-box;
    cursor: pointer;
    flex-direction: row;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li.is-active>a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 20px 25px;
    margin: 0;
    color: #ffffff;
    font-family: 'NeueMontrealMedium', sans-serif;
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
    position: relative;
    padding-right: 30px;
    background: #272235;
    box-sizing: border-box;
    cursor: pointer;
  }

  /* In collapsed Level 1 list, hide the long description (Screenshot 2) */
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>a .menu-item-description,
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li.is-active>a .menu-item-description {
    display: none;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>a::before,
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li.is-active>a::before {
    display: none;
    content: none;
  }

  /* Level 1 Chevron Down Arrow (v) */
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li.menu-item-has-children>a::after {
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    width: 22px;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center right 4px;
    background-size: 12px 8px;
    pointer-events: auto;
    cursor: pointer;
    transform: none;
    transition: transform 0.3s ease;

  }

  /* Rotate chevron to UP (^) when category accordion is open (Screenshot 1) */
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li.is-accordion-open>a::after {
    transform: rotate(180deg);
  }

  .detailpageblog blockquote h2 {
    color: #333 !important;
    font-weight: 400;
    font-size: 36px;
  }

  .blogdetail_section .detailfullimg_section .celebration_content ol li {
    color: #333;
  }

  .detailpageblog .celebration_content h2,
  .detailpageblog .celebration_content .h2,
  .detailpageblog .blogdetail_content h2,
  .detailpageblog .blogdetail_content .h2,
  .detailpageblog .blogdetail_content h3,
  .detailpageblog .blogdetail_content .h3,
  .detailpageblog .detailicon_box .detailicon_text h2 {
    margin-bottom: 10px;
  }

  .detailpageblog .blogdetail_content_main {
    margin-bottom: 40px;
    max-width: 100%;
  }

  .detailpageblog .detailfullimg_section .celebration_content {
    margin-top: 40px;
  }

  .detailpageblog .detailfullimg_section .celebration_content p {
    margin-bottom: 20px;
  }

  .detailpageblog .detailfullimg_section {
    margin-bottom: 40px;
  }

  .detailpageblog .blogdetail_content p+h2,
  .detailpageblog .blogdetail_content ol+h2,
  .detailpageblog .blogdetail_content ul+h2 {
    margin-top: 0;
  }

  .detailpageblog .blogdetail_content p {
    margin-bottom: 20px;
  }


  .postid-6611 .webdesignbanner .innerbanner_content {
    position: relative;
    top: 0;
    transform: translate(0);
    padding: 100px 0;
  }

  .postid-6611 .inner_hero_section.webdesignbanner {
    min-height: auto;
  }


  .main-navigation>ul.main-menu .level-3 a.nav-link {
    text-align: left;
  }

  .navbar .main-navigation>ul.main-menu>li.menu-item-has-children.mega-menu-main>ul.sub>li>ul.sub>li:nth-child(even)>a {
    color: #D337BB;
    font-family: 'NeueMontrealMedium';
  }

  .navbar .main-navigation>ul.main-menu>li.menu-item-has-children.mega-menu-main>ul.sub>li>ul.sub>li:nth-child(even) a>img {
    border-color: #D337BB;
    background: #200F15;
  }

  .navbar .main-navigation>ul.main-menu>li.menu-item-has-children.mega-menu-main>ul.sub>li>ul.sub>li:nth-child(even)>a .menu-item-content span.menu-image-title {
    color: #D337BB;
    font-family: 'NeueMontrealMedium';
  }


  .navbar .main-navigation>ul.main-menu>li.menu-item-has-children.mega-menu-main>ul.sub>li>ul.sub>li:nth-child(odd)>a {
    color: #67CCFD;
    font-family: 'NeueMontrealMedium';
  }

  .navbar .main-navigation>ul.main-menu>li.menu-item-has-children.mega-menu-main>ul.sub>li>ul.sub>li:nth-child(odd) a>img {
    border-color: #67CCFD;
    background: #162535;
  }

  .navbar .main-navigation>ul.main-menu>li.menu-item-has-children.mega-menu-main>ul.sub>li>ul.sub>li:nth-child(odd)>a .menu-item-content span.menu-image-title {
    color: #67CCFD;
    font-family: 'NeueMontrealMedium';
  }

  .modal-fullscreen .modal-body {
    padding: 50px 20px;
  }

  /* ==========================================================
     LEVEL 2: Accordion Sub-Services (Screenshot 1: Web Accordion)
  ========================================================== */
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub,
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li.is-active>ul.sub,
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li.is-active>ul.sub:has(li.parent) {
    position: static;
    left: auto;
    right: auto;
    top: auto;
    width: 100%;
    height: auto;
    display: block;
    background: transparent;
    border-radius: 0;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow: hidden;
    border: none;
    list-style: none;
    grid-template-columns: none;
    column-gap: 0;
    /* Smooth accordion expand/collapse */
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease, padding 0.3s ease, margin 0.3s ease, visibility 0.4s;
  }

  /* Expanded Accordion state (Screenshot 1) */
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li.is-accordion-open>ul.sub,
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li.is-accordion-open.is-active>ul.sub,
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li.is-accordion-open.is-active>ul.sub:has(li.parent) {
    display: block;
    max-height: 3500px;
    opacity: 1;
    visibility: visible;
    padding: 10px 18px 10px 25px;
    margin: 0 0 0px 0;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children.mega-menu-main>ul.sub>li>ul.sub {
    left: 0;
    transition: none;
  }

  /* Group containers inside accordion (e.g. Web group & Software group) */
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li,
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li:first-child,
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li:last-child {
    display: block;
    width: 100%;
    margin: 0;
    padding: 10px 0;
    background: transparent;
    border: none;
    list-style: none;
    float: none;
    box-sizing: border-box;
  }

  /* Divider between Web group and Software group */
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li.parent:first-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 20px;
    margin-bottom: 20px;
  }

  /* Group Header (Icon + Title + Description - Screenshot 1) */
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>a {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    width: 100%;
    padding: 0 0 14px 0;
    margin: 0;
    gap: 14px;
    text-decoration: none;
    position: relative;
    background: transparent;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>a::after {
    display: none;
    /* no arrow on group header */
  }

  /* Group Icon Box (Blue for Web, Pink for Software - Screenshot 1) */
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>a .menu-item-image,
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>a>img {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    max-width: 44px;
    max-height: 44px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 9px;
    box-sizing: border-box;
  }

  /* First group: Blue (Web) */
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li:first-child>a .menu-item-image,
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li:first-child>a>img {
    border: 1px solid rgba(103, 204, 253, 0.45);
    background: #142333;
  }

  /* Last group: Pink (Software) */
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li:last-child>a .menu-item-image,
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li:last-child>a>img {
    border: 1px solid rgba(211, 55, 187, 0.45);
    background: #241324;
  }

  /* Group Title & Description Typography */
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>a .menu-item-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>a span.menu-item-title {
    font-family: 'NeueMontrealMedium', sans-serif;
    font-size: 17px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 3px;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>a span.menu-item-description {
    display: block;
    font-family: 'NeueMontrealRegular', sans-serif;
    font-size: 13px;
    line-height: 1.35;
    color: #9d98ab;
    white-space: normal;
    text-align: left;
  }

  /* Level 3: Sub-service Links List */
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>ul.sub {
    position: static;
    display: block;
    width: 100%;
    height: auto;
    max-height: none;
    opacity: 1;
    visibility: visible;
    padding: 4px 0 0 0;
    margin: 0;
    background: transparent;
    border: none;
    box-sizing: border-box;
    list-style: none;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>ul.sub>li {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    border: none;
    list-style: none;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>ul.sub>li>a {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 8px 10px;
    gap: 12px;
    color: #dedcee;
    font-family: 'NeueMontrealRegular', sans-serif;
    font-size: 15px;
    text-decoration: none;
    background: transparent;
    transition: color 0.2s ease, transform 0.2s ease;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>ul.sub>li>a:hover,
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>ul.sub>li>a:active {
    color: #67CCFD;
    transform: translateX(3px);
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>ul.sub>li>a img,
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>ul.sub>li>a .menu-item-image {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    max-width: 20px;
    max-height: 20px;
    object-fit: contain;
    margin: 0;
    padding: 0;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>ul.sub>li>a span {
    color: inherit;
    font-size: 15px;
  }

  /* ==========================================================
     DRAWER FOOTER & WATERMARK (Screenshot 3)
  ========================================================== */
  .mobile-menu-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: auto;
    padding-top: 35px;
    padding-bottom: 20px;
    box-sizing: border-box;
  }

  .mobile-menu-watermark {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    opacity: 0.12;
  }

  .mobile-menu-watermark img,
  .mobile-menu-watermark svg {
    width: 158px;
    height: auto;
  }

  .mobile-contact-line {
    font-family: 'NeueMontrealMedium';
    font-size: 13px;
    font-weight: normal;
    color: #ffffff;
    margin-bottom: 12px;
    text-decoration: none;
    letter-spacing: 0.3px;
  }

  .mobile-review-badge {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 13px;
    color: #ffffff;
  }

  .mobile-review-stars {
    color: #FFB800;
    font-size: 14px;
    letter-spacing: 1px;
  }

  .mobile-review-count {
    color: #b0adc2;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    padding-left: 7px;
  }
}

/* Hide mobile injected elements on desktop */
@media (min-width: 1200px) {
  .landing_banner_title_con {
    max-width: 860px;
    width: 100%;
  }

  .main_title_con .h1,
  .main_title_con h1 {
    font-size: 60px;
    line-height: 120%;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li.is-active,
  .main-navigation>ul.main-menu>li.menu-item-has-children ul.sub li:hover,
  .main-navigation>ul.main-menu>li.menu-item-has-children ul.sub li ul.sub li:hover {
    background: url('../images/mega-menu-bg.png') center bottom no-repeat #251F36;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children.mega-menu-main ul.sub li ul.sub li:hover {
    background: transparent;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li.menu-item-has-children:before {
    content: '';
    position: absolute;
    right: 0;
    top: 42%;
    height: 14px;
    width: 14px;
    background: url("data:image/svg+xml,%3Csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5.5 6L10 1' stroke='grey' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    transform: rotate(-90deg);
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li.menu-item-has-children:hover>a {
    color: #FFF;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li.menu-item-has-children:hover:before {
    content: "";
    position: absolute;
    width: 24px;
    height: 100%;
    background: url('../images/mega-menu-arrow.png') 0 0 no-repeat;
    background-size: 13px 24px;
    bottom: 0;
    right: -26px;
    margin: 0 auto;
    z-index: 9;
    transform: none;
    top: 0;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li.mobile-sub-header,
  .mobile-menu-footer {
    display: none;
  }
}

/* Responsive CSS Start */

@media (min-width:1400px) {
  .clients_main .clients_main_box {
    width: 49.4%;
  }

}

@media(max-width:1650px) {
  .banner-contact-info ul li a {
    font-size: 22px;
  }

  .innerbannertext h1 {
    font-size: 70px;
    line-height: 90px;
  }

  h2.main-title {
    font-size: 40px;
    line-height: 50px;
  }

  .success_main_content {
    min-height: 300px;
  }

  .digital-section .service-title br,
  .main_title_con .h1 br,
  .main_title_con h1 br {
    display: none;
  }

  .process-item h3 {
    font-size: 40px;
  }

  .brand_main .barnd-logo {
    gap: 40px;
  }

  .seo-container .seo-hero-row {
    gap: 100px;
  }

  .seo-container .seo-hero-row .seo-content-column {
    max-width: 515px;
  }

  .progress_main_box li.nav-item:not(:last-child) {
    padding-right: 60px;
  }

  .progress_main_box li.nav-item svg {
    width: 30%;
  }

  .lending_card-frame .card-frame::after {
    background-size: 100%;
    width: 30%;
    height: 30%;
    right: 0;
  }
}

@media (max-width:1500px) {
  .mobile_screen_section .owl-carousel {
    padding: 0 40px;
    margin-bottom: 40px;
  }

  .mobile_screen_section .owl-carousel .owl-nav button.owl-prev,
  #desktopscreen_slider.owl-carousel .owl-nav button.owl-prev {
    left: -15px;
  }

  .mobile_screen_section .owl-carousel .owl-nav button.owl-next,
  #desktopscreen_slider.owl-carousel .owl-nav button.owl-next {
    right: -15px;
  }
}

@media (max-width:1399px) {
  .copyright_main ul li {
    padding-left: 20px !important;
    margin-left: 20px;
  }

  .banner-contact-info ul {
    column-gap: 10px;
  }

  .innerbannertext h1 {
    font-size: 60px;
    line-height: 80px;
  }

  .partners-logo .partners-track {
    gap: 60px;
  }

  .partner-content {
    padding: 45px 40px;
  }

  .key-card {
    height: 380px;
  }

  .key-card .card-text {
    font-size: 16px;
    line-height: 26px;
  }

  .process-item h3 {
    font-size: 30px;
  }

  .testimonial-card.card-text {
    padding: 20px;
  }

  .testimonial-card .card-body-text {
    font-size: 14px;
    line-height: 22px;
  }

  .landing_footer_link_ul .landing_footer_link ul li a {
    font-size: 16px;
    line-height: 170%;
  }

  .landing_footer_link_ul .footer_location.landing_footer_link ul li a {
    font-size: 16px;
    line-height: 130%;
  }

  .landing_footer_link_ul .footer_location.landing_footer_link h6 {
    font-size: 18px;
  }

  .brand-logo-list {
    gap: 40px;
  }

  .seo-container .seo-hero-row {
    padding: 140px 60px 180px;
    gap: 60px;
  }

  .seo-container .seo-hero-row .seo-image-column {
    max-width: 380px;
  }

  .seo-container .seo-hero-row .seo-content-column {
    max-width: 560px;
  }

  .seo-boost-box .content {
    padding: 50px 30px;
  }

  .wrappermain .fullimg_section .container {
    max-width: 100%;
  }

  .fullimg_new_section .fullimg_newbox_main {
    max-width: 1140px;
    margin: 0 auto;
    width: 100%;
  }

  .fullimg_new_section .fullimg_newbox_main .fullimg_newbox {
    top: 42px;
    max-width: 886px;
    height: 556px;
  }
}

@media (max-width:1199px) {
  .fullimg_new_section .fullimg_newbox_main {
    max-width: 920px;
  }

  .fullimg_new_section .fullimg_newbox_main .fullimg_newbox {
    top: 34px;
    max-width: 716px;
    height: 448px;
  }

  .banner-contact-info ul li a {
    font-size: 18px;
  }

  .banner-contact-info ul li span.icon {
    width: 40px;
    min-width: 40px;
    height: 40px;
  }

  .banner-contact-info ul {
    flex-wrap: wrap;
    row-gap: 20px;
  }

  .seo-boost-box .content {
    padding: 45px 30px;
  }

  .seo-boost-box .seo-boost-image {
    max-width: 48%;
  }

  .process-section .process-grid {
    min-height: auto;
  }

  .process-section .process-item .process-image {
    width: 100%;
  }

  .process-section .process-content {
    padding: 10px;
  }

  .process-item h3 {
    font-size: 26px;
    margin-top: 10px;
  }

  .process-section .process-number span {
    font-size: 40px;
  }

  .partner-feature {
    padding: 15px;
    gap: 10px;
  }

  .feature-content p {
    font-size: 14px;
  }

  .digital-section .service-title br {
    display: none;
  }

  .digital-section .service-title {
    font-size: 22px;
  }

  .digital-section .service-card {
    padding: 20px;
  }

  .team-accordion .accordion-button span {
    font-size: 18px;
  }

  .digital-section .service-desc {
    font-size: 16px;
  }

  .digital-section .service-card {
    gap: 44px;
  }

  .key-card {
    background: #241832;
    transform: translateY(-1px);
    box-shadow: 0 0 40px rgba(166, 49, 214, 0.08);
  }

  .key-card::before {
    opacity: 1;
  }

  .key-card::after {
    opacity: 1;
    top: -80px;
  }

  .card-button span {
    background: rgb(36 24 50);
  }

  .key-card .hover-tab {
    bottom: 0;
    cursor: pointer;
  }

  .key-card {
    height: 450px;
  }

  .partners-logo .partner-card img {
    height: 55px;
  }

  .team-accordion .accordion-body {
    font-size: 16px;
    line-height: 24px;
  }

  .team-accordion .accordion-item {
    padding: 17px 0;
  }

  .team-accordion .accordion-icon {
    height: 32px;
    width: 32px;
    flex: 0 0 32px;
  }

  .accordion-icon svg {
    height: 12px;
    width: 12px;
  }

  .team-section,
  .section-padding-t-200 {
    padding: 100px 0 0 0;
  }

  .process-section {
    padding: 0 0 120px 0;
  }

  .section-padding-200,
  .key-areas {
    padding: 100px 0;
  }

  .section-padding-b-200 {
    padding-bottom: 100px;
  }

  .card-label {
    font-size: 16px;
  }

  .tab-panel.active {
    display: block;
    padding-bottom: 20px;
  }

  .tab-panel {
    display: none !important;
  }

  .tab-content-wrapper .owl-carousel .owl-dots {
    position: relative;
    bottom: -20px;
  }

  .case_study_card .case_study_stat_value span {
    font-size: 38px;
  }

  .seo-image-text .seo-content p {
    margin-bottom: 20px;
  }

  .seo-container .seo-hero-row {
    padding: 90px 25px 120px;
    gap: 40px;
  }

  .seo-container .seo-hero-row .seo-image-column {
    max-width: 340px;
  }

  .seo-container .seo-hero-row .seo-content-column {
    max-width: 100%;
  }

  .seo-container .seo-hero-row .seo-image-column img {
    width: 100%;
  }

  .navbar-expand-xl .navbar-nav.main-menu>.nav-link>span {
    text-align: left;
    width: 100%;
    display: block;
    font-size: 16px;
    font-family: 'NeueMontrealRegular';
    font-weight: bold;
    letter-spacing: 0.9px;
  }

  .navbar-expand-xl .navbar-nav.main-menu .nav-link span {
    text-align: left;
    width: 100%;
    display: block;
    font-size: 16px;
    font-family: 'NeueMontrealRegular';
    font-weight: normal;
  }

  .navbar-expand-xl .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>a {
    font-size: 14px;
    color: #FFF;
    padding-bottom: 0;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>a>img {
    flex: 0 0 40px;
    width: 40px !important;
    height: 40px !important;
    max-width: 40px !important;
    max-height: 47px !important;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children.mega-menu-main>ul.sub>li>ul.sub>li>a {
    min-height: auto;
    padding: 0 0 0px 10px;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li.parent:first-child>a span,
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li.parent:last-child>a span {
    font-family: 'NeueMontrealMedium';
    font-weight: 700;
    letter-spacing: 0.7px;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children.mega-menu-main>ul.sub>li.is-accordion-open>ul.sub>li {
    padding: 0;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children.mega-menu-main>ul.sub>li.is-accordion-open>ul.sub>li>a {
    padding: 10px 0 10px 10px;
  } 

  .ready_from_section .main_landing_page_title h2::before {
    left: -18px;
    width: 143px;
    width: 143px;
  }
}

@media (max-width:1024px) {
  .process-section .process-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .process-section .process-item:nth-child(2) {
    border-right: none;
  }

  .landing_footer_link_add h5 {
    color: #13101C;
    padding: 30px 0 0 0;
  }

  .landing_footer_link_add h5::after {
    content: '';
    height: 7px;
    top: 78%;
    transform: none;
    width: 17px;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 1L7 7L1 1' stroke='%2313101C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px 8px;
  }

  .landing_footer_link_add.active h5::after {
    content: '';
    transform: rotate(-180deg);
  }

  .landing_footer_link {
    border-bottom: 1px solid #DADADA;
    padding-bottom: 30px;
  }

  .landing_footer_link ul {
    padding-top: 20px;
  }

  .landing_footer_main_bottm {
    border-top: none;
  }

  .seo-image-text .seo-content p {
    margin-bottom: 20px;
    text-align: left;
    font-size: 16px;
    line-height: 24px;
  }

  ul.rounded_pill li span,
  ul.rounded_pill li {
    padding: 0 15px;
    height: 45px;
    line-height: 45px;
  }
}

@media (max-width:992px) {
  .lending_card-frame .card-frame {
    padding-bottom: 65px;
  }

  .ready_from_section .main_landing_page_title h2::before {
    display: none;
  }

  .seo-image-text ul li {
    text-align: left;
  }

  .seo-image-text .approach_number {
    font-size: 90px;
    line-height: 80px;
    margin-bottom: 15px;
  }

  .map-main .map-tab li {
    margin-bottom: 20px;
  }

  .fullimg_new_section .fullimg_newbox_main {
    max-width: 730px;
  }

  .fullimg_new_section .fullimg_newbox_main .fullimg_newbox {
    top: 27px;
    max-width: 566px;
    height: 355px;
  }

  .seo-boost-box {
    flex-direction: column-reverse;
    text-align: center;
    overflow: hidden;
  }

  .seo-boost-box .content {
    padding: 35px 20px 40px;
    width: 100%;
  }

  .seo-boost-box .content p {
    font-size: 15px;
    line-height: 24px;
  }

  .seo-boost-box .content a.secondary-btn {
    margin: 0 auto;
    display: inline-block;
  }

  .seo-boost-box .seo-boost-image {
    max-width: 100%;
    width: 85%;
    margin: 25px auto 0;
  }

  .seo-boost-box .seo-boost-image::before,
  .seo-boost-box .seo-boost-image::after {
    display: none;
  }

  .brand-logo-list .partner-card {
    width: 23%;
    padding: 10px;
  }

  .brand-logo-list {
    gap: 10px;
    margin-top: 0;
  }

  .brand-logo-list .partner-card img {
    height: 45px;
  }

  .optimisation-banner {
    padding: 50px 20px;
  }

  .optimisation-banner::before,
  .optimisation-banner::after {
    background-size: 50%;
  }

  h2.main-title br {
    display: none;
  }

  .success_main_box {
    padding: 0;
  }

  .innerbannertext h1 {
    font-size: 36px;
    line-height: 50px;
  }

  .innerbannertext p {
    font-size: 16px;
    line-height: 28px;
    margin: 20px 0;
  }

  .team-section {
    padding: 64px 0px 0px 0;
  }

  h2.main-title {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 20px;
  }

  .team-description p {
    font-size: 16px;
    line-height: 24px;
  }

  .team-content {
    margin-bottom: 35px;
  }

  .clients_slider_box {
    flex-wrap: wrap;
  }

  .clients_slider_box .clients_slider_img {
    width: 100%;
    height: 230px;
    object-fit: contain;
  }

  .success_section .main_landing_page_title p {
    font-size: 24px;
  }

  .service-row.row {
    margin-left: 0;
    margin-right: 0;
  }

  .service-row.row>* {
    padding-left: 0;
    padding-right: 0;
  }

  .partner-content {
    padding: 30px 20px;
  }

  .case_study_card .case_study_stat_value span {
    font-size: 32px;
  }

  .clients_slider_box .clients_slider_img img {
    position: static;
    transform: none;
  }

  .clients_slider_box .clients_slider_con {
    padding-left: 0;
    padding-top: 0;
  }

  .home .innerbannerimg {
    width: 90%;
  }

  .innerbannerimg {
    margin: 0 auto 30px auto;
    width: 50%;
    text-align: center;
  }

  .seo-image-text .row {
    flex-direction: column-reverse !important;
  }

  .seo-image-text .seo-content p,
  .seo-image-text .seo-content {
    text-align: center;
  }

  .seo-image-text .seo-image {
    margin: 0 auto 30px auto;
  }

  .seo-image-text .seo-content .btn-group {
    justify-content: center;
  }

  .seo-container .seo-hero-row {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 45px 15px 60px;
    gap: 25px;
  }

  .seo-container .seo-hero-row .seo-image-column {
    max-width: 320px;
    margin: 0 auto;
  }

  .seo-image-column .seo-marketing-text span {
    line-height: 24px;
  }

  .seo-image-column .seo-marketing-text {
    margin-top: 20px;
  }

  .seo-container .seo-hero-row .seo-content-column {
    max-width: 100%;
    text-align: center;
  }

  .seo-container .seo-description {
    font-size: 15px;
    line-height: 24px;
    text-align: center;
  }

  .brand_main .barnd-logo img {
    height: auto;
    width: 150px;
    object-fit: contain;
  }
}

@media (max-width:767px) {

  .circletab_left_main li,
  .circletab_right_main li,
  .seo-content li {
    line-height: 28px;
    margin-top: 10px;
    font-size: 16px;
  }

  .brand_main .barnd-logo img {
    height: auto;
    width: 100px;
    object-fit: contain;
  }

  .owl-carousel .owl-item .clients_slider_svg_box img {
    width: 100%;
  }

  .barnd-logo.owl-carousel .owl-dots {
    position: relative;
    bottom: -10px;
  }

  .landing_footer_logo .navbar-brand {
    height: 75px;
    margin: 0 auto;
    width: auto;
  }

  .process-title h2.main-title br {
    display: block;
  }

  .fullimg_new_section .fullimg_newbox_main {
    max-width: 540px;
  }

  .fullimg_new_section .fullimg_newbox_main .fullimg_newbox {
    top: 20px;
    max-width: 418px;
    height: 261px;
  }

  .seo-boost-box .content {
    padding: 25px 15px 30px;
  }

  .seo-boost-box .content h2.main-title {
    font-size: 22px !important;
    line-height: 30px !important;
  }

  .seo-boost-box .content p {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 20px;
  }

  .seo-boost-box .seo-boost-image {
    width: 95%;
    margin-top: 20px;
  }

  .landing_banner_main {
    padding-top: 90px !important;
  }

  .landing_choose_content {
    display: block;
  }

  .clients_main .main_landing_page_title h2 span {
    display: block;
  }

  .footer_bottm_link {
    justify-content: center;
    margin-top: 15px;
  }

  .brand_main .barnd-logo {
    display: block;
  }

  .landing_footer_google_review {
    margin: 30px auto 20px auto;
  }

  .landing_footer_logo {
    margin: 0 auto;
    text-align: center;
  }

  .footer_bottm_link ul {
    margin-left: 0;
  }

  .process-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .brand_main .barnd-logo {
    margin-bottom: 20px;
    margin-top: 10px;
  }

  .brand_main h2 {
    text-align: center;
    font-size: 30px !important;
  }

  .landing_footer_link_main .landing_footer_link ul li a {
    justify-content: center;
  }

  .partner-features>div {
    display: block;
  }

  .service-section-main.owl-carousel .owl-dots {
    position: relative;
    bottom: -80px;
  }

  .success_section .success_main .success_main_box_bg:after {
    bottom: 30px;
    background-size: 100% auto;
  }

  .success_main_box .row {
    margin-top: 0;
  }

  .success_main_content {
    min-height: 230px;
  }

  .success_section .main_landing_page_title p {
    font-size: 22px;
  }

  .team-image {
    margin-top: 0;
  }

  .process-section .process-item:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
  }

  .process-section .process-grid {
    grid-template-columns: repeat(1, 1fr);
  }

  .process-section .process-grid {
    min-height: auto;
    padding: 0 15px;
  }

  .process-section {
    padding-bottom: 70px;
  }

  .inner_hero_section {
    padding-top: 72px;
  }

  .navbar-brand {
    width: 50px;
  }

  .navbar-brand img {
    width: 100%;
    height: auto;
  }

  header .secondary-btn {
    display: none;
  }

  header .primary-btn {
    font-size: 16px;
    padding: 0 30px;
    height: 40px;
    line-height: 40px;
  }

  .innerbannertext {
    margin-top: 20px;
    text-align: center;
    margin-bottom: 30px;
  }

  .banner-review .review-lable {
    font-size: 14px;
  }

  .banner-review img {
    height: 20px;
  }

  .partners-logo {
    padding-top: 10px;
  }

  .partners-logo .partners-track {
    gap: 50px;
  }

  .partners-logo .partners-row {
    margin-top: 15px;
  }

  .innerbannertext h1 span::after {
    bottom: -9px;
  }

  .partners-logo .partner-card img {
    height: 35px;
  }

  h2 br {
    display: none;
  }

  .team-content {
    text-align: center;
    display: flex;
    flex-direction: column-reverse;
  }

  .team-accordion .accordion-button span {
    font-size: 18px;
    line-height: 22px;
  }

  .team-accordion .accordion-item {
    padding: 15px 0;
  }

  .team-accordion .accordion-icon {
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
  }

  .team-accordion .accordion-body {
    padding: 10px 0 0 0;
    font-size: 16px;
    line-height: 24px;
  }

  .accordion-icon svg {
    height: 12px;
    width: 12px;
  }

  .section-padding-200 {
    padding: 50px 0;
  }

  .section-padding-b-200 {
    padding-bottom: 50px;
  }

  .section-padding-t-200 {
    padding-top: 50px;
  }

  h2 {
    font-size: 40px !important;
  }

  .clients_section:before {
    left: -582.35px;
  }

  .clients_main .clients_main_box {
    width: 90%;
  }

  .case-study-all-btn {
    margin-top: 30px;
  }

  .success_con_box {
    margin-bottom: 0px;
    height: auto;
  }

  .success_num_main .success_num {
    font-size: 60px;
  }

  .success_num_main {
    margin-top: 44px;
    display: inline-block;
  }

  .success_con_box .success_small {
    font-size: 14px;
  }

  .success_num_main p {
    font-size: 14px;
    line-height: 24px;
    opacity: 1;
    font-family: 'NeueMontrealMedium' !important;
  }

  .success_section .success_main .success_main_box_bg {
    padding: 50px 0 80px 0;
    margin-top: 0px !important;
  }

  .digital-section p {
    color: #fff;
    font-size: 16px;
    margin-bottom: 30px;
  }

  .digital-section .service-title {
    font-size: 18px;
    margin-bottom: 0;
  }

  .digital-section .service-icon img {
    width: 43px;
    height: auto;
  }

  .digital-section .service-top {
    gap: 14px;
  }

  .digital-section .service-desc {
    font-size: 16px;
    color: #FFF;
  }

  .digital-section .service-card {
    padding: 20px;
  }

  .partner-description p {
    font-size: 16px;
  }

  .partner-feature {
    padding: 15px;
  }

  .feature-content p {
    font-size: 14px;
  }

  .key-tabs {
    flex-wrap: wrap;
    height: auto;
    max-width: min-content;
  }

  .process-section .process-number span {
    font-size: 30px;
  }

  .process-section .process-item {
    border-right: none;
    border-bottom: 1px solid #3e3e3e;
    margin: 30px 0 0 0;
    padding-top: 20px;
  }

  .process-item h3 br {
    display: none;
  }

  .process-item h3 {
    font-size: 30px;
    margin-bottom: 20px;
  }

  .process-image {
    width: 100%;
    height: auto;
    transform: none;
  }

  .process-section .process-title {
    margin-bottom: 0;
  }

  .trusted-header {
    text-align: center;
  }

  .reviewer-avatars {
    width: 100%;
    justify-content: center;
  }

  .review-box {
    width: 100%;
    display: flex;
  }

  .review-count {
    font-size: 14px;
  }

  .testimonial-card .card-body-title {
    font-size: 16px;
  }

  .google-reviews-bar {
    margin-bottom: 0;
  }

  .testimonials-track {
    padding-top: 105px;
  }

  .testimonials-slider.owl-carousel .owl-nav {
    top: -95px;
    right: 0;
    left: 0;
    justify-content: center;
  }

  .main_landing_page_title p {
    font-size: 16px;
    color: #FFF;
    opacity: 1;
    max-width: 100%;
  }

  .map-main img {
    width: 100%;
  }

  .mobile-order {
    display: flex;
    flex-direction: column-reverse;
  }

  .map-main .map-tab {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
  }

  .map-main .map-tab li {
    margin-right: 0;
    font-size: 12px;
    padding: 6px 18px;
    margin-bottom: 0;
  }

  .map-main .map-tab li a {
    font-size: 12px;
  }

  .map-main .map-tab li svg {
    height: 8px;
    width: 8px;
  }

  .landing_accodian_bo {
    flex-wrap: wrap;
  }

  .new_style_accordion .accordion_info h3 {
    font-size: 14px;
  }

  .new_style_accordion .accordion_title {
    padding: 10px;
    margin-bottom: 10px;
  }

  .new_style_accordion .accordion_info h3 {
    padding: 0;
  }

  .new_style_accordion .accordion_content p {
    font-size: 12px;
    line-height: 20px;
  }

  .new_style_accordion .accordion_arrow {
    height: 30px;
    width: 30px;
  }

  .new_style_accordion .accordion_arrow {
    background-size: 22px;
  }

  .landing_accodian_bo {
    gap: 0;
  }

  .ready_from_main .case_study_card {
    text-align: center;
    padding-bottom: 20px;
  }

  .case_study_card_mian_im {
    width: auto;
    margin: 0 auto;
  }

  .ready_from_from .case_study_card .case_study_stat_item h2 {
    font-size: 17px !important;
  }

  .review-main {
    font-size: 16px;
  }

  .lending_card-frame .row {
    grid-template-columns: 1fr;
  }

  .ready_from_main .lending_card-frame .field {
    padding-bottom: 20px;
  }

  .lending_card-frame .card-frame::after {
    width: 98px;
    height: 90px;
    bottom: -70px;
    right: 0;
  }

  .success_con_box {
    width: 100%;
  }

  .success_main_box .row,
  .row.partner-features {
    margin-left: 0;
    margin-right: 0;
  }

  .success_main_box .row>*,
  .row.partner-features>* {
    padding-left: 0;
    padding-right: 0;
  }

  .success_main_content {
    padding: 30px;
    display: block;
  }

  .ready_from_section .main_landing_page_title h2::before {
    bottom: -10px;
    width: 70px;
    height: 74px;
    display: none;
  }

  .key-areas {
    padding-bottom: 70px;
  }

  .header-actions {
    margin-left: 0;
  }

  .seo-container .seo-hero-row {
    padding: 35px 10px 45px;
    gap: 20px;
  }

  .seo-container .seo-hero-row .seo-image-column {
    max-width: 260px;
  }

  .seo-container .seo-hero-row .seo-content-column h2.main-title {
    font-size: 24px !important;
    line-height: 32px !important;
  }

  .seo-container .seo-description {
    font-size: 14px;
    line-height: 22px;
  }
}

@media(max-width:576px) {
  .brand_main .barnd-logo img {
    height: auto;
    width: 60px;
  }

  .fullimg_new_section .fullimg_newbox_main {
    max-width: 440px;
  }

  .fullimg_new_section .fullimg_newbox_main .fullimg_newbox {
    top: 16px;
    max-width: 342px;
    height: 215px;
  }
}

@media (max-width:479px) {
  .fullimg_new_section .fullimg_newbox_main {
    max-width: 330px;
  }

  .fullimg_new_section .fullimg_newbox_main .fullimg_newbox {
    top: 10px;
    max-width: 256px;
    height: 163px;
  }
}

@media (max-width:429px) {
  h2 {
    font-size: 26px !important;
    line-height: 1.2 !important;
  }
}


.review-main .review-main-img {
  width: 100%;
}

/* Case Study CSS start */
.rll-youtube-player {
  position: relative;
  padding-bottom: 56.23%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.rll-youtube-player:focus-within {
  outline: 2px solid currentColor;
  outline-offset: 5px;
}

.rll-youtube-player iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background: 0 0
}

.rll-youtube-player img {
  bottom: 0;
  display: block;
  left: 0;
  margin: auto;
  max-width: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  height: auto;
  -webkit-transition: .4s all;
  -moz-transition: .4s all;
  transition: .4s all
}

.rll-youtube-player img:hover {
  -webkit-filter: brightness(75%)
}

.rll-youtube-player .play {
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  position: absolute;
  background: url(https://www.23digital.com.au/wp-content/plugins/wp-rocket/assets/img/youtube.png) no-repeat center;
  background-color: transparent !important;
  cursor: pointer;
  border: none;
}

.wp-embed-responsive .wp-has-aspect-ratio .rll-youtube-player {
  position: absolute;
  padding-bottom: 0;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.half_content_content_wrap .circletab_left_main,
.half_content_content_wrap .circletab_right_main,
.half_content_img_wrap .circletab_left_main,
.half_content_quote_wrap .circletab_left_main {
  padding-right: 100px;
}

.half_content_quote_wrap .circletab_left_main {
  padding-top: 40px
}

.half_content_content_wrap .circletab_left_main,
.half_content_content_wrap .circletab_right_main,
.half_content_img_wrap .circletab_left_main,
.half_content_quote_wrap .circletab_left_main {
  padding-right: 100px
}

.half_content_quote_wrap .circletab_right_main {
  text-align: center;
  max-width: 494px;
  margin: 0 auto;
  width: 100%;
  position: relative;
}

.half_content_quote_wrap .circletab_right_main blockquote {
  position: absolute;
  left: 50px;
  right: 50px;
  padding: 0;
  z-index: 55;
  top: 50%;
  transform: translateY(-50%);
  font-size: 22px;
  line-height: 36px;
  color: #fff;
  margin: 0 !important;
}

blockquote p,
.circletab_text_wrapper blockquote p {
  font-size: 22px;
  color: #fff !important;
  font-weight: 400;
  line-height: 36px;
  margin: 0 !important;
  text-align: center;
}

.circletab_left_main li,
.circletab_right_main li,
.seo-content li {
  line-height: 28px;
  margin-top: 10px;
}

@media (max-width:991px) {
  .half_content_quote_wrap .circletab_left_main {
    padding-top: 0
  }
}

@media (max-width:1199px) {

  .half_content_content_wrap .circletab_left_main,
  .half_content_content_wrap .circletab_right_main,
  .half_content_img_wrap .circletab_left_main,
  .half_content_quote_wrap .circletab_left_main {
    padding-right: 20px;
  }
}

.alignleft {
  float: left;
  margin: 0 15px 15px 0;
}

.alignright {
  float: right;
  margin: 0 0 15px 15px;
}

.aligncenter {
  display: block;
  margin: 0 auto 15px;
}

.alignnone {
  float: none;
  margin: 0 0 15px 0;
}

.wp-element-button {
  cursor: pointer
}

.has-regular-font-size {
  font-size: 1em
}

.has-larger-font-size {
  font-size: 2.625em
}

.has-normal-font-size {
  font-size: var(--wp--preset--font-size--normal)
}

.has-huge-font-size {
  font-size: var(--wp--preset--font-size--huge)
}

.has-fit-text {
  white-space: nowrap !important
}

#end-resizable-editor-section {
  display: none
}

.aligncenter {
  clear: both
}

.items-justified-left {
  justify-content: flex-start
}

.items-justified-center {
  justify-content: center
}

.items-justified-right {
  justify-content: flex-end
}

.items-justified-space-between {
  justify-content: space-between
}

.screen-reader-text {
  word-wrap: normal !important;
  border: 0;
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-break: normal !important
}

.screen-reader-text:focus {
  background-color: #ddd;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000
}

.circletab_text_wrapper h2 strong {
  background: #67ccfd;
  background: -moz-linear-gradient(left, #67ccfd 0, #d337bb 30%, #ff0f6b 70%, #fe5f3c 100%);
  background: -webkit-linear-gradient(left, #67ccfd 0, #d337bb 30%, #ff0f6b 70%, #fe5f3c 100%);
  background: linear-gradient(to right, #67ccfd 0, #d337bb 30%, #ff0f6b 70%, #fe5f3c 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline;
  font-weight: 600;
  background-size: 200% 200%;
  animation: gradient 4s ease infinite
}

.circletab_text_wrapper p {
  font-family: 'NeueMontrealRegular';
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0%;
  text-align: justify;
  margin-bottom: 20px;
}

.circletab_text_wrapper ul {
  list-style: none;
  padding: 0;
  margin: 0 0 30px 0;
}

.circletab_text_wrapper ul li {
  position: relative;
  padding: 0 0 0 24px;
  margin: 0 0 10px 0;
  font-family: 'NeueMontrealRegular';
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  letter-spacing: 0%;
  color: #FFF;
}

.circletab_text_wrapper ul li::before {
  width: 15px;
  height: 18px;
  position: absolute;
  left: 0;
  top: 8px;
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='18' viewBox='0 0 15 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.3378 11.9029C5.24005 11.7063 3.73349 8.69297 2.19192 8.31387C1.67226 8.19712 1.25608 8.30014 1.25608 8.30014C0.683767 8.46634 0.266668 8.96219 0.103903 9.39508C-0.221855 10.3591 0.279032 11.0939 0.768472 11.7825C1.74735 13.1597 2.69739 14.5195 3.67627 15.8968C4.01027 16.3539 4.34999 16.8342 4.88682 17.0203C5.58527 17.2646 6.3833 16.9198 6.85832 16.3605C7.35645 15.7956 7.59499 15.074 7.83925 14.3755C7.98462 13.9715 8.12999 13.5674 8.27535 13.1634C8.77532 11.8127 9.32726 10.4738 9.90804 9.15219C10.4888 7.83061 11.0984 6.52643 11.76 5.23392C12.4216 3.94141 13.0889 2.67203 13.8313 1.4086C14.0227 1.09131 14.191 0.779741 14.3823 0.462452C14.4171 0.404763 14.6548 0.0760275 14.6145 0.0123864C14.5742 -0.0512546 14.256 0.150199 14.1866 0.167368C13.5967 0.460621 13.0296 0.846359 12.5203 1.26689C11.4842 2.13681 10.6383 3.18047 9.82699 4.26466C8.11716 6.67546 6.61496 9.23117 5.3378 11.9029Z' fill='%23BB9DF8'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.circletab_text_wrapper ul li a {
  color: #72cfff;
}

.circletab_section_wrap.mobileview_galleryslider_layout {
  padding-top: 200px;
}

.circletab_macbook {
  background-image: url(../images/macbook-center-img.png);
  width: 100%;
  background-position: top center;
  background-repeat: repeat-x;
  background-size: 100% 23px;
  padding-top: 23px;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}

.circletab_macbook:before {
  content: "";
  background-image: url(../images/macbook-left-img.png);
  position: absolute;
  left: -2px;
  top: 0;
  z-index: 55;
  height: 23px;
  width: 130px;
  background-repeat: no-repeat;
}

.circletab_macbook:after {
  content: "";
  background-image: url(../images/macbook-right-img.png);
  width: 213px;
  height: 23px;
  position: absolute;
  right: -1px;
  top: 0;
  z-index: 55;
  background-repeat: no-repeat;
}

.circletab_macbook img {
  width: 100%;
  margin-top: 0px;
}

#desktopscreen_slider .circle_img_wrap.circletab_macbook {
  padding-bottom: 51%;
  overflow: hidden;
}

#desktopscreen_slider .circle_img_wrap.circletab_macbook img {
  width: 100%;
  height: auto !important;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 23px;
}

@media(max-width:767px) {
  .circletab_macbook:after {
    width: 97px;
    background-image: url(../images/macbook-right-img-mobile.png);
  }

  .circletab_macbook:before {
    width: 112px;
    background-image: url(../images/macbook-left-img-mobile.png);
  }
}

/* ==========================================================================
   Global Variables & Common Classes Used by These Sections
   ========================================================================== */
:root {
  --lightpink-color: #ffa1ea;
  --lightpurple-color: #ada1ff;
  --lightblue-color: #529ee4;
  --lightgreen-color: #a1ffe6;
  --lightorange-color: #dc8d41;
  --lightraspberry-color: #e3acac;
  --lightgray-color: #bbbbbb;
  --darkpink-color: #d845b7;
  --darkpurple-color: #5f4ed1;
  --darkblue-color: #3b87cf;
  --darkgreen-color: #33c79e;
  --darkyellow-color: #c7b330;
  --darkorange-color: #c7762a;
}

.section_padding {
  padding: 120px 0 !important;
}

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

.section_padding.p-t-0 {
  padding-top: 0 !important;
}

/* Gradient text utility for headings/spans */
.main_title>span,
.main_title_small>span,
h2>span,
h1>span {
  background: rgb(103, 204, 253);
  background: -moz-linear-gradient(left, rgba(103, 204, 253, 1) 0%, rgba(211, 55, 187, 1) 30%, rgba(255, 15, 107, 1) 70%, rgba(254, 95, 60, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(103, 204, 253, 1) 0%, rgba(211, 55, 187, 1) 30%, rgba(255, 15, 107, 1) 70%, rgba(254, 95, 60, 1) 100%);
  background: linear-gradient(to right, rgba(103, 204, 253, 1) 0%, rgba(211, 55, 187, 1) 30%, rgba(255, 15, 107, 1) 70%, rgba(254, 95, 60, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67ccfd', endColorstr='#fe5f3c', GradientType=1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200% 200%;
  animation: gradient 4s ease infinite;
  display: inline;
  font-weight: 600;
}

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

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

/* Color schemes for accent titles & icons */
.pink .titleclr {
  color: var(--lightpink-color);
}

.purple .titleclr {
  color: var(--lightpurple-color);
}

.blue .titleclr {
  color: var(--lightblue-color);
}

.green .titleclr {
  color: var(--lightgreen-color);
}

.yellow .titleclr {
  color: var(--lightyellow-color);
}

.orange .titleclr {
  color: var(--lightorange-color);
}

.pink .bgcolor {
  background: var(--lightpink-color);
}

.purple .bgcolor {
  background: var(--lightpurple-color);
}

.blue .bgcolor {
  background: var(--lightblue-color);
}

.green .bgcolor {
  background: var(--lightgreen-color);
}

.yellow .bgcolor {
  background: var(--lightyellow-color);
}

.orange .bgcolor {
  background: var(--lightorange-color);
}


/* ==========================================================================
   1. FORMULATE SECTION (Four Key Areas of Successful RevOps)
      .formulate_section.highperfor_section.section_padding.p-b-0
   ========================================================================== */
.highperfor_section .highperfor_box_main {
  max-width: 970px;
  margin: 0 auto;
  width: 100%;
}

.highperfor_box_main .main_title {
  margin-top: 0;
  margin-bottom: 20px;
}

.highperfor_box_main p {
  color: #ddd;
  margin-bottom: 15px;
  font-size: 20px;
  line-height: 30px;
}

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

.formulate_box_main {
  margin: 60px 0 0;
  position: relative;
  z-index: 2;
}

.formulate_box_main .formu-col {
  position: relative;
}

.formulate_box .formulate_icon {
  position: absolute;
  top: 13px;
  width: 130px;
  height: 130px;
  border-radius: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.formulate_box .formulate_icon img {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
  filter: brightness(0.2);
  max-width: 60px;
  max-height: 60px;
}

.formulate_box .formulate_content {
  padding-top: 20px;
}

.formulate_box .formulate_content .formulate_title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 11px;
}

.formulate_box .formulate_content p {
  margin: 0;
  color: #ddd;
  font-size: 16px;
  line-height: 28px;
}

/* Alignment & Dashed Line Connectors (Desktop Layout) */
.formu-col:first-child .formulate_box .formulate_icon,
.formu-col:nth-child(4) .formulate_box .formulate_icon {
  right: 50px;
  left: auto;
}

.formu-col:nth-child(2) .formulate_box .formulate_icon,
.formu-col:nth-child(3) .formulate_box .formulate_icon {
  left: 50px;
  right: auto;
}

.formu-col:first-child .formulate_box .formulate_content,
.formu-col:nth-child(4) .formulate_box .formulate_content {
  text-align: right;
  padding-right: 171px;
  padding-left: 0;
}

.formu-col:nth-child(2) .formulate_box .formulate_content,
.formu-col:nth-child(3) .formulate_box .formulate_content {
  text-align: left;
  padding-left: 171px;
  padding-right: 0;
}

.formu-col:first-child .formulate_box,
.formu-col:nth-child(4) .formulate_box {
  margin-right: 40px;
}

.formu-col:nth-child(2) .formulate_box,
.formu-col:nth-child(3) .formulate_box {
  margin-left: 40px;
}

.formu-col:first-child .formulate_box .formulate_content,
.formu-col:nth-child(2) .formulate_box .formulate_content {
  margin-bottom: 75px;
}

.formu-col:first-child .formulate_box:before,
.formu-col:nth-child(4) .formulate_box:before {
  content: "";
  border-top: 4px dashed #999;
  position: absolute;
  left: calc(100% - 125px);
  top: 77px;
  width: 250px;
  z-index: -1;
}

.formu-col:first-child .formulate_box:after {
  content: "";
  border-left: 4px dashed #999;
  position: absolute;
  right: 115px;
  bottom: 0;
  top: 15px;
  height: 100%;
  z-index: -1;
}

.formu-col:nth-child(2) .formulate_box:after {
  content: "";
  border-left: 4px dashed #999;
  position: absolute;
  left: 115px;
  top: 20px;
  bottom: 0;
  height: 100%;
  z-index: -1;
}


/* ==========================================================================
   2. ECOMAGENCY & SEODIFFE SECTION (01 - 08 Service/Strategy Grid)
      .ecomagency_section.seodiffe_section.section_padding
   ========================================================================== */
.ecomagency_section .main_title,
.seodiffe_section .main_title {
  max-width: 970px;
  margin: 0 auto;
  width: 100%;
}

.seodiffe_section p {
  text-align: center;
  max-width: 970px;
  margin: 20px auto 0;
  color: #ddd;
  font-size: 20px;
  line-height: 30px;
}

.seodiffe_section .ecomagency_box_main {
  margin: 105px 0 -30px;
  padding: 0;
  position: relative;
}

.seodiffe_section .ecomagency_box_main:before {
  display: none;
}

.seodiffe_section .ecomagency_box_main .row {
  align-items: stretch;
}

.seodiffe_section .ecomagency_box_main .col-text {
  position: relative;
  margin-bottom: 50px;
}

.seodiffe_section .ecomagency_box_main .col-text:before {
  content: "";
  background: #272235;
  position: absolute;
  left: 10px;
  right: 10px;
  top: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 10px;
}

.seodiffe_section .ecomagency_content {
  padding: 53px 60px !important;
  margin-bottom: 0;
  height: 100%;
}

.seodiffe_section .ecomagency_number {
  position: absolute;
  right: 40px;
  top: -34px;
  font-family: 'NeueMontrealMedium';
  font-weight: 500;
  font-size: 90px;
  line-height: 70px;
  letter-spacing: 0%;
  background: linear-gradient(180deg, #9092e3 36.02%, rgba(38, 28, 50, 0.33) 100%);
  -webkit-background-clip: text;
  -webkit-text-stroke: 2px transparent;
  color: #272235;
}

.seodiffe_section .ecomagency_number:before {
  display: none;
}

.seodiffe_section .ecomagency_content .h2 {
  background: #67ccfd;
  background: -webkit-linear-gradient(left, #67ccfd 0%, #d337bb 30%, #ff0f6b 70%, #fe5f3c 100%);
  background: linear-gradient(to right, #67ccfd 0%, #d337bb 30%, #ff0f6b 70%, #fe5f3c 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  margin: 0 0 13px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.334;
}

.seodiffe_section .ecomagency_content p {
  color: #ddd;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 28px;
  text-align: left;
}

.seodiffe_section .ecomagency_content p a {
  color: #fff;
  text-decoration: underline;
}


/* ==========================================================================
   3. WEBDESIGN5 & KEYPOINTS SECTION (Growth Marketing Framework Steps)
      .webdesign5_section.keypoints_section.section_padding
   ========================================================================== */
.webdesign5_section {
  position: relative;
  overflow: hidden;
}

.webdesign5_box_main {
  margin-top: 0;
}

.webdesign5_box_main .row+.row {
  margin-top: 70px;
  padding-top: 68px !important;
  position: relative;
}

.webdesign5_box_main .row+.row:before {
  content: "";
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  position: absolute;
  left: 10px;
  right: 10px;
  top: 0;
}

.webdesign5_title_main {
  position: relative;
}

.webdesign5_title_main .webdesign5_title {
  font-size: 50px;
  line-height: 1.3;
  color: #fff;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 30px;
}

/* SVG Outline Stroke Numbering */
.webdesign5_box_main span.stroke {
  font-family: 'NeueMontrealMedium';
  font-weight: 500;
  font-size: 220px;
  line-height: 160px;
  letter-spacing: 0%;
  background: linear-gradient(180deg, #BB9DF8 36.02%, rgba(38, 28, 50, 0.33) 100%);
  -webkit-background-clip: text;
  -webkit-text-stroke: 2px transparent;
  color: #13101c;
  display: block;
}


/* SVG Number Outline Colors per Row Scheme */
.pink .webdesign5_title_main span.stroke text {
  stroke: var(--lightpink-color);
}

.purple .webdesign5_title_main span.stroke text {
  stroke: var(--lightpurple-color);
}

.blue .webdesign5_title_main span.stroke text {
  stroke: var(--lightblue-color);
}

.green .webdesign5_title_main span.stroke text {
  stroke: var(--lightgreen-color);
}

.yellow .webdesign5_title_main span.stroke text {
  stroke: var(--lightyellow-color);
}

.orange .webdesign5_title_main span.stroke text {
  stroke: var(--lightorange-color);
}

/* Content Column */
.webdesign5_content_main {
  margin-top: 3px;
}

.webdesign5_content_main p {
  font-size: 22px;
  line-height: 36px;
  color: #ddd;
  font-weight: 400;
  margin-bottom: 27px;
}

.webdesign5_content_main h4 {
  margin: 0 0 25px;
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  background: #67ccfd;
  background: -webkit-linear-gradient(left, #67ccfd 0%, #d337bb 30%, #ff0f6b 70%, #fe5f3c 100%);
  background: linear-gradient(to right, #67ccfd 0%, #d337bb 30%, #ff0f6b 70%, #fe5f3c 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  font-weight: 600;
  line-height: 40px;
}

.webdesign5_box_main .pink h4 {
  color: var(--lightpink-color);
}

.webdesign5_box_main .purple h4 {
  color: var(--lightpurple-color);
}

.webdesign5_box_main .blue h4 {
  color: var(--lightblue-color);
}

.webdesign5_box_main .green h4 {
  color: var(--lightgreen-color);
}

.webdesign5_box_main .yellow h4 {
  color: var(--lightyellow-color);
}

.webdesign5_box_main .orange h4 {
  color: var(--lightorange-color);
}

.feature-icon img {
  width: 60%;
}

.autotab_box_wrap ul.nav-tabs li:first-child a .tab_icon:after,
.pink .bgcolor,
.pink .boosttraffic_title:before,
.pink.bloglist_box_main .bloglist_img_main:before,
.pink.detailicon_box .detailicon_icon:before,
blockquote.pink:after,
blockquote.pink:before {
  background: var(--lightpink-color)
}

.autotab_box_wrap ul.nav-tabs li:nth-child(2) a .tab_icon:after,
.purple .bgcolor,
.purple .boosttraffic_title:before,
.purple.bloglist_box_main .bloglist_img_main:before,
.purple.detailicon_box .detailicon_icon:before,
blockquote.purple:after,
blockquote.purple:before {
  background: var(--lightpurple-color)
}

.autotab_box_wrap ul.nav-tabs li:nth-child(3) a .tab_icon:after,
.blue .bgcolor,
.blue .boosttraffic_title:before,
.blue.bloglist_box_main .bloglist_img_main:before,
.blue.detailicon_box .detailicon_icon:before,
blockquote.blue:after,
blockquote.blue:before,
blockquote:after,
blockquote:before {
  background: var(--lightblue-color)
}

.autotab_box_wrap ul.nav-tabs li:nth-child(4) a .tab_icon:after,
.green .bgcolor,
.green .boosttraffic_title:before,
.green.bloglist_box_main .bloglist_img_main:before,
.green.detailicon_box .detailicon_icon:before,
blockquote.green:after,
blockquote.green:before {
  background: var(--lightgreen-color)
}

.autotab_box_wrap ul.nav-tabs li:nth-child(5) a .tab_icon:after,
.yellow .bgcolor,
.yellow .boosttraffic_title:before,
.yellow.bloglist_box_main .bloglist_img_main:before,
.yellow.detailicon_box .detailicon_icon:before,
blockquote.yellow:after,
blockquote.yellow:before {
  background: var(--lightyellow-color)
}

.autotab_box_wrap ul.nav-tabs li:nth-child(6) a .tab_icon:after,
.orange .bgcolor,
.orange .boosttraffic_title:before,
.orange.bloglist_box_main .bloglist_img_main:before,
.orange.detailicon_box .detailicon_icon:before,
blockquote.orange:after,
blockquote.orange:before {
  background: var(--lightorange-color)
}

.autotab_box_wrap ul.nav-tabs li:nth-child(7) a .tab_icon:after,
.raspberry .bgcolor,
.raspberry .boosttraffic_title:before,
.raspberry.bloglist_box_main .bloglist_img_main:before,
.raspberry.detailicon_box .detailicon_icon:before,
blockquote.raspberry:after,
blockquote.raspberry:before {
  background: var(--lightraspberry-color)
}

.autotab_box_wrap ul.nav-tabs li:nth-child(8) a .tab_icon:after,
.gray .bgcolor,
.gray .boosttraffic_title:before,
.gray.bloglist_box_main .bloglist_img_main:before,
.gray.detailicon_box .detailicon_icon:before,
blockquote.gray:after,
blockquote.gray:before {
  background: var(--lightgray-color)
}

.autotab_box_wrap ul.nav-tabs li:nth-child(7) a .tab_icon:after,
.darkblue .bgcolor,
.darkblue .boosttraffic_title:before,
.darkblue.bloglist_box_main .bloglist_img_main:before,
.darkblue.detailicon_box .detailicon_icon:before,
blockquote.darkblue:after,
blockquote.darkblue:before {
  background: var(--lightraspberry-color)
}

.autotab_box_wrap ul.nav-tabs li:nth-child(8) a .tab_icon:after,
.darkgreen .bgcolor,
.darkgreen .boosttraffic_title:before,
.darkgreen.bloglist_box_main .bloglist_img_main:before,
.darkgreen.detailicon_box .detailicon_icon:before,
blockquote.darkgreen:after,
blockquote.darkgreen:before {
  background: var(--lightgray-color)
}

.boosttraffic_section .main_title_small {
  margin-top: -7px
}

.boosttraffic_box_main {
  margin-top: 80px;
  margin-bottom: -6px
}

.boosttraffic_box_main .boost-col:nth-child(odd) .boosttraffic_icon {
  right: 10px
}

.boosttraffic_box_main .boost-col:nth-child(2n) .boosttraffic_icon {
  left: 10px
}

.boosttraffic_box_main .boost-col:nth-child(odd) .boosttraffic_box {
  padding-right: 220px;
  margin-left: 0;
  margin-right: auto
}

.boosttraffic_box_main .boost-col:nth-child(2n) .boosttraffic_box {
  padding-left: 220px;
  margin-left: auto;
  margin-right: 0
}

.boosttraffic_box_main .boost-col:nth-child(odd) .boosttraffic_content {
  text-align: right;
  padding-left: 20px
}

.boosttraffic_box_main .boost-col:nth-child(2n) .boosttraffic_content {
  text-align: left;
  padding-right: 20px
}

.boosttraffic_box_main .boost-col:nth-child(odd) .boosttraffic_title:before {
  right: 0
}

.boosttraffic_box_main .boost-col:nth-child(2n) .boosttraffic_title:before {
  left: 0
}

.boosttraffic_box_main .boost-col:nth-child(odd) .boosttraffic_icon:before {
  right: -92px;
  transform: rotate(45deg)
}

.boosttraffic_box_main .boost-col:nth-child(2n) .boosttraffic_icon:before {
  left: -92px;
  transform: rotate(-45deg)
}

.boosttraffic_box_main .boost-col:last-child .boosttraffic_icon:before {
  display: none
}

.boosttraffic_box {
  position: relative;
  min-height: 203px;
  max-width: 50%
}

.boosttraffic_box .boosttraffic_icon {
  width: 168px;
  height: 168px;
  border-radius: 50%;
  background-color: #272235;
  border: 2px solid #999;
  position: absolute;
  top: 8px
}

.boosttraffic_box .boosttraffic_icon:before {
  content: "";
  border-top: 3px dashed #999;
  position: absolute;
  bottom: -10px;
  width: 100%;
  z-index: -1
}

.boosttraffic_box .boosttraffic_icon img {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin: 0 auto;
  transform: translateY(-50%)
}

.boosttraffic_box .boosttraffic_content .boosttraffic_title {
  font-size: 24px;
  color: #fff;
  font-weight: 600;
  padding-bottom: 15px;
  position: relative;
  margin-bottom: 8px
}

.boosttraffic_box .boosttraffic_content .boosttraffic_title a {
  color: #fff;
  font-weight: 600
}

.boosttraffic_box .boosttraffic_content .boosttraffic_title:before {
  content: "";
  width: 50px;
  height: 4px;
  position: absolute;
  bottom: 8px
}

.boosttraffic_box .boosttraffic_content p {
  color: #fff;
  margin: 0;
  font-family: 'NeueMontrealRegular';
  font-size: 18px;
}

.boosttraffic_box .boosttraffic_content p a {
  color: #72cfff;
}

.boost-col+.boost-col {
  margin-top: -13px !important
}

section.boosttraffic_section.section_padding.p-t-0 {
  padding-top: 0 !important
}

.platforms_section .main_title_small {
  margin-top: -6px
}

.platforms_box {
  border-radius: 50%;
  position: relative
}

.platforms_box .platforms_link {
  position: relative;
  display: block;
  padding-bottom: 100%;
  border-radius: 50%
}

.platforms_box .platforms_link:before {
  content: "";
  border: 2px solid #999;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  border-radius: 50%;
  pointer-events: none;
  transition: all .5s ease 0s;
}

.platforms_box .platforms_link img {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 100%;
  max-height: 100%;
  top: 50%;
  transition: all .5s ease 0s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  -webkit-transition: .5s;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  filter: brightness(0) invert(1);
  -moz-filter: brightness(0) invert(1);
  -ms-filter: brightness(0) invert(1);
  -o-filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1)
}

.platforms_box_main {
  max-width: 1020px;
  margin: 66px auto 0;
  width: 100%
}

.platforms_box .platforms_link span.viewmore {
  position: absolute;
  bottom: 50%;
  left: 0;
  right: 0;
  margin: 0 auto -50px;
  text-align: center;
  transform: translateY(50%);
  font-size: 18px;
  color: #fff;
  border-bottom: 1px solid #fff;
  max-width: 90px
}

.product_video {
  margin-top: 40px;
}

.theme-video-box {
  position: relative;
  z-index: 1;
}

.fullwidthvideosection .theme-video {
  border: 1px solid #333;
}

.theme-video {
  position: relative;
  z-index: 1;
  overflow: hidden;
  min-height: 700px;
  height: 100%;
  background-size: cover;
  background-position: center center;
  border-radius: 20px;
}

.theme-video:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 4;
  pointer-events: none;
  opacity: .1;
}

.video-img-left,
.video-img-right {
  background: url(https://www.23digital.com.au/wp-content/themes/23digital-theme/assets/css/images/video-img.jpg) left center / cover no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  transition: all .5s ease;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  -webkit-transition: .5s;
  z-index: 3;
  right: 50%;
  background-size: 200%;
}

.video-img-right {
  background-position: right center;
  right: 0;
  left: 50%;
}

.video-close {
  position: absolute;
  display: block;
  width: 40px;
  height: 40px;
  vertical-align: top;
  z-index: 2;
  right: 0;
  top: 0;
  cursor: pointer;
}

.video-close:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  -moz-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  -o-transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  width: 20px;
  height: 2px;
  background: #fff;
  z-index: 666;
  box-shadow: 0 0 15px #000;
}

.theme-video a {
  display: block;
  position: absolute;
  z-index: 4;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 90px;
  border-radius: 30px;
  height: 89px;
  box-shadow: -1.046px 11.954px 25px rgba(0, 0, 0, .3);
  background-color: #a1d2ff;
}

.theme-video a span.playanimation.video-button.iframe-play {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 36px;
  height: 44px;
  transform: translateY(-50%);
}

span.playanimation.video-button.iframe-play {
  pointer-events: none;
}

.theme-video video {
  width: 100%;
  position: absolute;
  max-width: 100%;
  min-height: 100%;
  object-fit: cover;
  top: 50%;
  transform: translateY(-50%);
}

.ecomagency_box_main {
  margin: 60px auto -4px auto;
  position: relative;
  padding: 76px 0 0;
  max-width: 1340px;
}

.ecomagency_box_main:before {
  content: "";
  background: #fff;
  opacity: .5;
  width: 2px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 0;
  bottom: 0;
}

.ecomagency_box_main .row {
  align-items: center;
}

.approach_box_main .row+.row,
.approach_box_main .solutionapproch_row+.solutionapproch_row,
.ecomagency_box_main .row+.row {
  margin-top: 100px;
}

.ecomagency_box_main .row:nth-child(odd) .col-num {
  text-align: right;
}

.number_line_text .ecomagency_box_main .col-text {
  margin-bottom: 0 !important;
}

.ecomagency_box_main .col-text {
  position: relative;
  margin-bottom: 50px;
}

.ecomagency_number {
  color: #13101c;
  background: linear-gradient(180deg, #9092e3 36.02%, rgba(38, 28, 50, 0.33) 100%);
  -webkit-background-clip: text;
  -webkit-text-stroke: 2px transparent;
  font-size: 160px;
  line-height: normal;
  margin-top: 0;
  position: relative;
  font-weight: 600;
}

.ecomagency_box_main .row:nth-child(odd) .col-num .ecomagency_number {
  padding-right: 30px;
}

.ecomagency_number:before {
  content: "";
  width: 37px;
  height: 2px;
  background: #fff;
  opacity: .5;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  margin-top: 0;
}

.ecomagency_box_main .row:nth-child(odd) .col-num .ecomagency_number:before {
  left: auto;
  right: -33px;
}

.ecomagency_content {
  height: 100%;
}

.ecomagency_box_main .row:nth-child(odd) .col-text .ecomagency_content {
  padding-left: 53px;
}

.ecomagency_content .h2 {
  margin-bottom: 25px;
  line-height: 1.334;
  margin-top: 0 !important;
  font-weight: normal;
  font-family: 'NeueMontrealMedium';
}

.ecomagency_box_main .row:nth-child(2n) .col-num {
  order: 2;
}

.ecomagency_box_main .row:nth-child(2n) .col-num {
  text-align: left;
}

.ecomagency_box_main .row:nth-child(2n) .col-num .ecomagency_number {
  padding-left: 45px;
}

.ecomagency_box_main .row:nth-child(2n) .col-num .ecomagency_number:before {
  left: -34px;
  right: auto;
}

.ecomagency_box_main .row:nth-child(2n) .col-text .ecomagency_content {
  padding-right: 53px;
}

.ecomagency_content p {
  font-family: 'NeueMontrealRegular';
  line-height: 30px;
  font-size: 18px;
}

.investments_fourbox_main {
  margin: 0 auto;
  max-width: 395px;
  width: 100%;
  padding-top: 50px;
}

.investments_box_main .row {
  align-items: center;
}

.investments_fourbox_main .col-invest:first-child,
.investments_fourbox_main .col-invest:nth-child(4) {
  margin-left: 25%;
}

.investments_box {
  position: relative;
  padding-bottom: 100%;
  text-align: center;
}

.investments_box:before {
  content: "";
  border: 2px solid #bbb;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
  transform: rotate(45deg);
}

.investments_box span {
  font-size: 24px;
  line-height: 30px;
  font-weight: 400;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.investments_fourbox_main .col-invest:nth-child(2),
.investments_fourbox_main .col-invest:nth-child(3) {
  margin-top: -56px;
}

.investments_fourbox_main .col-invest:nth-child(2) {
  position: relative;
  left: -27px;
}

.purple .titleclr,
.webdesign5_box_main .purple h4,
blockquote.purple>span,
blockquote.purple>span:before {
  color: var(--lightpurple-color);
}

.pink .titleclr,
.webdesign5_box_main .pink h4,
blockquote.pink>span,
blockquote.pink>span:before {
  color: var(--lightpink-color);
}

.blue .titleclr,
.webdesign5_box_main .blue h4,
blockquote.blue>span,
blockquote.blue>span:before {
  color: var(--lightblue-color);
}

.green .titleclr,
.webdesign5_box_main .green h4,
blockquote.green>span,
blockquote.green>span:before {
  color: var(--lightgreen-color);
}

.investments_content ul {
  padding-left: 0;
}

.investments_content ul li {
  position: relative;
  padding: 0 0 0 24px;
  margin: 0 0 10px 0;
  font-family: 'NeueMontrealRegular';
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  letter-spacing: 0%;
  color: #FFF;
}

.investments_content ul li::before {
  width: 15px;
  height: 18px;
  position: absolute;
  left: 0;
  top: 8px;
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='18' viewBox='0 0 15 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.3378 11.9029C5.24005 11.7063 3.73349 8.69297 2.19192 8.31387C1.67226 8.19712 1.25608 8.30014 1.25608 8.30014C0.683767 8.46634 0.266668 8.96219 0.103903 9.39508C-0.221855 10.3591 0.279032 11.0939 0.768472 11.7825C1.74735 13.1597 2.69739 14.5195 3.67627 15.8968C4.01027 16.3539 4.34999 16.8342 4.88682 17.0203C5.58527 17.2646 6.3833 16.9198 6.85832 16.3605C7.35645 15.7956 7.59499 15.074 7.83925 14.3755C7.98462 13.9715 8.12999 13.5674 8.27535 13.1634C8.77532 11.8127 9.32726 10.4738 9.90804 9.15219C10.4888 7.83061 11.0984 6.52643 11.76 5.23392C12.4216 3.94141 13.0889 2.67203 13.8313 1.4086C14.0227 1.09131 14.191 0.779741 14.3823 0.462452C14.4171 0.404763 14.6548 0.0760275 14.6145 0.0123864C14.5742 -0.0512546 14.256 0.150199 14.1866 0.167368C13.5967 0.460621 13.0296 0.846359 12.5203 1.26689C11.4842 2.13681 10.6383 3.18047 9.82699 4.26466C8.11716 6.67546 6.61496 9.23117 5.3378 11.9029Z' fill='%23BB9DF8'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.investments_content ul li {
  list-style: none;
}


/* Typography & Colors */
.pink .titleclr {
  color: var(--lightpink-color) !important;
}

.purple .titleclr {
  color: var(--lightpurple-color) !important;
}

.blue .titleclr {
  color: #a1d2ff !important;
}

.green .titleclr {
  color: var(--lightgreen-color) !important;
}

/* Section Containers */
.investments_section {
  position: relative;
  overflow: hidden;
}

.section_padding {
  padding: 120px 0;
}

.investments_box_main .row {
  align-items: center;
}

.investments_box_main .row .col-sm-12:first-child {
  align-self: center;
}

.investments_content p {
  color: #ddd;
  font-size: 18px;
  line-height: 36px;
  margin-bottom: 20px;
}

.investments_content p strong {
  color: #fff;
}

.investments_section .main_title {
  font-size: 48px;
  color: #fff;
  font-weight: 600;
  line-height: 1.2;
  margin-top: 0 !important;
  margin-bottom: 20px;
}

.investments_section .main_title span {
  background: linear-gradient(to right, #67ccfd 0%, #d337bb 30%, #ff0f6b 70%, #fe5f3c 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline;
}

/* Checklist with SVG Icon */
.investments_section ul.dash_ulli {
  padding-left: 36px;
  margin-bottom: 38px;
  list-style: none;
}

.investments_section ul.dash_ulli li {
  color: #ddd;
  font-size: 18px;
  line-height: 36px;
  position: relative;
}

.investments_section ul.dash_ulli li::before {
  content: "";
  position: absolute;
  left: -34px;
  top: 10px;
  background: url("https://www.23digital.com.au/wp-content/themes/23digital-theme/assets/images/ulli.png") no-repeat;
  width: 18px;
  height: 14px;
  background-size: 100%;
}

/* Action Buttons */
.investments_section .innerbanner_btn_main {
  margin-top: 43px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.investments_section .innerbanner_btn_main .btn.btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(to right, #67ccfd 0%, #d337bb 30%, #ff0f6b 70%, #fe5f3c 100%);
  background-size: 200% 200%;
  animation: 4s infinite gradient;
  color: #fff;
  border-radius: 44px;
  padding: 0 30px;
  height: 44px;
  line-height: 46px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  border: 0;
  transition: all 0.5s ease;
}

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

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

.innerbanner_btn_main span.or {
  display: inline-block;
  color: #ddd;
  padding: 0 15px;
  vertical-align: middle;
  font-size: 16px;
}


/* ==========================================================
   4-Diamond Rhombus Layout (Exact Live Implementation)
   ========================================================== */
.investments_fourbox_main {
  margin: 0 auto;
  max-width: 395px;
  width: 100%;
}

.investments_box {
  position: relative;
  padding-bottom: 100%;
  /* 1:1 Aspect Ratio square */
  text-align: center;
}

.investments_box:before {
  content: "";
  border: 2px solid #bbb;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
  transform: rotate(45deg);
  /* Rotates the outer border into a diamond */
}

.investments_box span {
  font-size: 24px;
  line-height: 30px;
  font-weight: 400;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

/* Diamond offsets for Top, Left, Right, Bottom positions */
.investments_fourbox_main .col-invest:first-child,
.investments_fourbox_main .col-invest:nth-child(4) {
  margin-left: 26%;
}

.investments_fourbox_main .col-invest:nth-child(2),
.investments_fourbox_main .col-invest:nth-child(3) {
  margin-top: -55px;
}

.investments_fourbox_main .col-invest:nth-child(2) {
  position: relative;
  left: -18px;
}

.investments_fourbox_main .col-invest:nth-child(3) {
  position: relative;
  right: -25px;
}

.investments_fourbox_main .col-invest:nth-child(4) {
  margin-top: -54px;
}

.hexagonlogo_box_main {
  margin: 1px 0 0
}

.hexagonlogo_box_main .main_title_small {
  margin-top: 3px;
  line-height: 1.38;
  padding-right: 50px
}

.hexagonlogo_logo_main {
  padding: 0 1px 50px 0
}

.hexagonlogo_box {
  position: relative;
  margin-bottom: -45px;
  display: block
}

.hexagonlogo_box svg {
  width: 100%;
  height: auto
}

.hexagonlogo_box svg path {
  fill: #13101c;
  opacity: .6;
  stroke: #fff;
  stroke-width: 4px
}

#hexagonlogo_slider .owl-dots {
  display: none
}

.hexagonlogo_box img {
  position: absolute;
  left: 0;
  right: 0;
  width: auto !important;
  top: 50%;
  margin: 0 auto;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  filter: brightness(0) invert(1)
}

.hexagonlogo_logo_main .row>:first-child,
.hexagonlogo_logo_main .row>:nth-child(6) {
  margin-left: 16.66666667%
}

.hexagonlogo_box_main>.row {
  align-items: center
}

.theme-video-box.active .watch-video {
  display: none
}

.theme-video-box.active .video-img-left {
  -moz-transform: translate(-101%);
  -ms-transform: translate(-101%);
  -o-transform: translate(-101%);
  -webkit-transform: translate(-101%);
  transform: translate(-101%)
}

.theme-video-box.active .video-img-right {
  -moz-transform: translate(101%);
  -ms-transform: translate(101%);
  -o-transform: translate(101%);
  -webkit-transform: translate(101%);
  transform: translate(101%)
}

.theme-video-box.active a,
.theme-video-box.active:before {
  z-index: -1
}

.theme-video-box.active .theme-video iframe {
  display: block;
  visibility: visible;
  opacity: 1
}

.newteam_box_main .newteamcol {
  width: 16.666%;
  padding: 0 10px;
}

.newteam_box {
  position: relative;
  margin-bottom: 20px;
  overflow: hidden;
}

.newteam_img,
.newteamimg_wrap {
  display: block;
  position: relative;
}

.newteamimg_wrap:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 70%;
  opacity: .6;
  bottom: 0;
  pointer-events: none;
  z-index: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%);
  transition: all .5s ease 0s;
}

.newteam_img img {
  width: 100%;
}

.newteam_member {
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: 20px;
  transition: all .5s ease 0s;
}

.newteam_member .name {
  font-size: 14px;
  font-family: Poppins, Arial, sans-serif;
  letter-spacing: .08em;
  font-weight: 300;
  line-height: 1.2;
  margin-bottom: -10px;
  transition: all .5s ease 0s;
}

.newteam_member>* {
  display: block;
  color: #fff;
}

.newteam_member .designation {
  font-size: 12px;
  line-height: 1.2;
  font-family: Poppins, Arial, sans-serif;
  font-weight: 300;
  position: relative;
  transform: translateY(70px);
  transition: all .5s ease 0s;
}

.top_filter_box {
  text-align: center;
  padding: 0 0 60px;
  position: relative;
}

.top_filter_box .top_filter {
  font-size: 24px;
  font-weight: 500;
  color: #fff;
  z-index: 666;
  position: relative;
}

.top_filter_box .top_filter {
  font-size: 24px;
  font-weight: 500;
  color: #fff;
  position: relative;
  z-index: 2;
}

.top_filter_box .top_filter>div {
  display: inline-block;
  position: relative;
  border-bottom: 2px solid #bbb;
  padding: 0 0 8px;
  cursor: pointer;
}

.topfilter_click1 {
  margin-left: 10px;
}

.top_filter_box .top_filter>div>.value {
  font-size: 24px;
  font-weight: 400;
  color: #bbb;
}

.top_filter_box .top_filter>div>svg {
  width: 24px;
  height: 24px;
  stroke: #fff;
  transform: rotate(-90deg);
  margin-left: 5px;
}

.top_filter_open {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 999;
  text-align: left;
  padding: 30px; background: #000;
  max-width: 970px;
  margin: 0 auto;
  display: none;
}

.top_filter_open ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0 -15px;
  list-style: none;
}

.top_filter_open ul li {
  width: 33.3333%;
  padding: 0 15px;
  margin-bottom: 30px;
}

.top_filter_open ul li a {
  font-size: 22px;
  line-height: 30px;
  display: inline-block;
  color: #fff;
}

.topfilter_overly:before {
  content: "";
  background: rgba(0, 0, 0, .9);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  pointer-events: none;
  z-index: 2;
}

.topfilteroverly1 .topfilter_overly:before,
.topfilteroverly2 .topfilter_overly:before {
  opacity: 1;
}

.topfilteroverly1 .bloglist_section .bloglist_main .blogs_items {z-index: 0;}

.cms-area .bloglist_section .row>*,
.cms-area .caseimg_section .row>* {
  padding: 0 60px !important;
}

.bloglist_box_main .bloglist_img_main {
  position: relative;
  overflow: hidden;
}

.bloglist_box_main .bloglist_img_main:before {
  content: "";
  background: #444;
  position: absolute;
  width: 100%;
  right: -100%;
  top: 0;
  bottom: 0;
  z-index: 2;
  pointer-events: none;
}

.bloglist_box_main .bloglist_img_main .bloglist_link {
  position: relative;
  overflow: hidden;
  display: block;
  cursor: none;
  padding-bottom: 113.5%;
}

.bloglist_box_main .bloglist_img_main .bloglist_link:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  pointer-events: none;
  opacity: .4;
  z-index: 1;
}

.bloglist_box_main .bloglist_img_main .bloglist_link img {
  width: auto;
  position: absolute;
  left: 0;
  transition: all .5s ease 0s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  -webkit-transition: .5s;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 100%;
  min-height: 100%;
  object-fit: cover;
}

.bloglist_box_main .bloglist_img_main .bloglist_link .bloglist_content_box {
  position: absolute;
  left: 60px;
  top: 48px;
  right: 60px;
  z-index: 22;
}

.bloglist_box_main .bloglist_img_main .bloglist_link .bloglist_content {
  position: absolute;
  left: 45px;
  right: 45px;
  bottom: 38px;
  z-index: 2;
  text-align: left;
}

.bloglist_box_main .bloglist_img_main .bloglist_link .bloglist_content_box .bloglist_title {
  font-size: 36px;
  color: #fff;
  line-height: 50px;
  font-weight: 600;
}

.bloglist_box_main .bloglist_img_main .bloglist_link .bloglist_content_box .bloglist_text {
  opacity: 0;
  pointer-events: none;
  color: #fff;
  font-size: 18px;
  line-height: 36px;
  font-weight: 400;
  margin-top: 25px;
  display: block;
  position: relative;
  left: 50%;
  transition: all .5s ease 0s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  -webkit-transition: .5s;
}

.bloglist_box_main .bloglist_img_main .bloglist_link .bloglist_content {
  position: absolute;
  left: 45px;
  right: 45px;
  bottom: 38px;
  z-index: 2;
  text-align: left;
}

.bloglist_box_main .bloglist_img_main .bloglist_link .bloglist_content .ullicase {
  display: block;
  padding: 0 15px;
}

.bloglist_box_main .bloglist_img_main .bloglist_link .bloglist_content .ullicase span {
  display: inline-block;
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  transition: all .5s ease 0s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  -webkit-transition: .5s;
}

.bloglist_box_main .bloglist_img_main .bloglist_link .bloglist_content .ullicase span+span:before {
  content: ".";
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  position: absolute;
  left: 4px;
  top: -4px;
  transition: all .5s ease 0s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  -webkit-transition: .5s;
}

.bloglist_box_main .bloglist_img_main .bloglist_link .bloglist_content .ullicase span+span {
  padding-left: 17px;
  position: relative;
}

.allview_link {
  margin-top: 100px
}

.allview_link .allview {
  font-size: 18px;
  color: #fff;
  font-weight: 500
}

.innerbanner_btn_main form {
  position: relative;
  padding-right: 190px;
  max-width: 570px;
  width: 100%;
  margin: 0 auto;
}

.innerbanner_btn_main form .website .form-control:focus {
  outline: 0;
  box-shadow: none
}

.innerbanner_btn_main form .website .form-control {
  height: 53px;
  border-radius: 54px 0 0 54px;
  padding: 0 40px 0 20px;
  border: 0;
  font-size: 16px;
  color: #333
}

.autotab_box_wrap ul.nav-tabs li:nth-child(5) a .tab_icon:after,
.yellow .bgcolor,
.yellow .boosttraffic_title:before,
.yellow.bloglist_box_main .bloglist_img_main:before,
.yellow.detailicon_box .detailicon_icon:before,
blockquote.yellow:after,
blockquote.yellow:before {
  background: var(--lightyellow-color);
}

.innerbanner_btn_main form .website .form-control::-webkit-input-placeholder {
  color: #333;
  text-transform: lowercase
}

.innerbanner_btn_main form .website .form-control:-moz-placeholder {
  color: #333;
  text-transform: lowercase
}

.innerbanner_btn_main form .website .form-control::-moz-placeholder {
  color: #333;
  text-transform: lowercase
}

.innerbanner_btn_main form .website .form-control:-ms-input-placeholder {
  color: #333;
  text-transform: lowercase
}

.innerbanner_btn_main form .btninnermain {
  position: absolute;
  right: 0;
  top: 0
}

.innerbanner_btn_main form .btninnermain .btn {
  width: 215px;
  padding: 0 !important
}

.innerbanner_btn_main form .btninnermain .btn .submitbtn {
  width: 100%;
  padding: 0 !important;
  border: 0 !important;
  background: 0 0 !important;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  transition: all .5s ease 0s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  -webkit-transition: .5s
}

.btn_under_content {
  display: none;
}

.innerbanner_btn_main form .btninnermain .btn::after {
  content: "";
  opacity: 0;
  z-index: -1;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
  transition: all .5s ease 0s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  -webkit-transition: .5s;
}

.ace-article {
  background: #fff;
  border: 1px solid #dfe7f2;
  border-radius: 22px;
  padding: 32px 36px;
  box-shadow: 0 8px 24px rgba(16, 24, 40, .06);
  margin-bottom: 30px;
}

.ace-article>:first-child {
  margin-top: 0
}

.ace-article>:last-child {
  margin-bottom: 0
}

.innerbanner_content {
  padding: 50px 0;
}

.highperfor_section .highperfor_box_main {
  max-width: 970px;
  margin: 0 auto;
  width: 100%;
}

.cms_page h3 {
  margin: 60px 0 30px;
}

.blogdetail_section .container {
  max-width: 950px !important;
  margin: 0 auto;
  width: 100%;
}

.author_main {
  border: 1px solid #bbb;
  padding: 50px 55px 58px;
  margin-top: 0 !important;
  border-radius: 22px;
}

.author_main .author_box_main {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.author_box_main .author_img_main {
  border-radius: 50%;
  overflow: hidden;
  width: 190px;
  height: 190px;
  position: relative;
  margin-top: 28px;
}

.author_box_main .author_content {
  width: calc(100% - 190px);
  padding-left: 51px;
}

.author_box_main .author_img_main:before {
  content: "";
  background: #000;
  opacity: .1;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  pointer-events: none;
}

.author_box_main .author_img_main img {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  max-width: 100%;
  max-height: 100%;
}

.author_box_main .author_content .author_name {
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 16px;
  margin-top: 6px;
}

.author_box_main .author_content p {
  font-size: 18px;
  line-height: 24px;
}

.blog_share_section .blog_share_box ul li svg {
  fill: #ffff;
}

.author_box_main .author_content p a {
  color: var(--orange-color);
}

.blog_share_section .blog_share_box ul li+li {
  margin-top: 0 !important;
  margin-left: 18px;
}

.owl-nav {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.owl-carousel .owl-nav button.owl-prev {
  left: -70px;
}

.owl-carousel .owl-nav button.owl-next {
  right: -70px;
}

.author_box_main .author_content .author_name span {
  background: #67ccfd;
  background: -moz-linear-gradient(left, #67ccfd 0, #d337bb 30%, #ff0f6b 70%, #fe5f3c 100%);
  background: -webkit-linear-gradient(left, #67ccfd 0, #d337bb 30%, #ff0f6b 70%, #fe5f3c 100%);
  background: linear-gradient(to right, #67ccfd 0, #d337bb 30%, #ff0f6b 70%, #fe5f3c 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  margin: 0 !important;
}

#relatedblog_slider {
  width: 100%;
  display: block;
  padding: 0 70px;
}

.copyright_main {
  color: #13101c;
}

.relatedblog_slider_main {
  margin-top: 53px;
}

.blog_share_section {
  text-align: center;
  padding-top: 60px;
}

.blog_share_section label {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 0;
  color: #fff;
}

.blog_share_section .blog_share_box {
  margin-left: 17px;
  display: inline-block;
  vertical-align: middle;
}

.blog_share_section .blog_share_box ul {
  padding: 0;
  margin: 0;
  height: 27px;
}

.blog_share_section .blog_share_box ul li {
  padding: 0;
  margin: 0;
  display: inline-block;
}

.bloglist_section .row .col-md-6:nth-child(2n) {
  transform: translateY(120px);
  -moz-transform: translateY(120px);
  -ms-transform: translateY(120px);
  -o-transform: translateY(120px);
  -webkit-transform: translateY(120px);
}

.bloglist_section {
  position: relative;
}

.fullinnerbanner {
  min-height: 630px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  text-align: center;
  margin: 0 auto;
}

.fullinnerbanner:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
  opacity: .7;
  z-index: -1;
}

.fullinnerbanner .innerbannertext {
  text-align: center;
  max-width: 970px;
  margin: 0 auto;
  width: 100%;
}

.fullinnerbanner .innerbannertext .main_title_con p {
  margin: 0 auto 30px auto;
}

section.inner_hero_section.fullinnerbanner {
  min-height: 100vh !important;
}

section.inner_hero_section.fullinnerbanner {
  background-position: center center;
  background-size: cover;
}

.highperfor_section ul {
  padding: 20px 0 0 0;
}

.highperfor_section ul li {
  position: relative;
  padding: 0 0 0 24px;
  margin: 0 0 10px 0;
  font-family: 'NeueMontrealRegular';
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  letter-spacing: 0%;
  color: #FFF;
  list-style: none;
}

.highperfor_section ul li::before {
  width: 15px;
  height: 18px;
  position: absolute;
  left: 0;
  top: 8px;
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='18' viewBox='0 0 15 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.3378 11.9029C5.24005 11.7063 3.73349 8.69297 2.19192 8.31387C1.67226 8.19712 1.25608 8.30014 1.25608 8.30014C0.683767 8.46634 0.266668 8.96219 0.103903 9.39508C-0.221855 10.3591 0.279032 11.0939 0.768472 11.7825C1.74735 13.1597 2.69739 14.5195 3.67627 15.8968C4.01027 16.3539 4.34999 16.8342 4.88682 17.0203C5.58527 17.2646 6.3833 16.9198 6.85832 16.3605C7.35645 15.7956 7.59499 15.074 7.83925 14.3755C7.98462 13.9715 8.12999 13.5674 8.27535 13.1634C8.77532 11.8127 9.32726 10.4738 9.90804 9.15219C10.4888 7.83061 11.0984 6.52643 11.76 5.23392C12.4216 3.94141 13.0889 2.67203 13.8313 1.4086C14.0227 1.09131 14.191 0.779741 14.3823 0.462452C14.4171 0.404763 14.6548 0.0760275 14.6145 0.0123864C14.5742 -0.0512546 14.256 0.150199 14.1866 0.167368C13.5967 0.460621 13.0296 0.846359 12.5203 1.26689C11.4842 2.13681 10.6383 3.18047 9.82699 4.26466C8.11716 6.67546 6.61496 9.23117 5.3378 11.9029Z' fill='%23BB9DF8'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.highperfor_box_main ol,
.highperfor_box_main ul {
  padding-left: 2rem;
}

.highperfor_box_main ol>li,
.highperfor_box_main ul.dash_ulli>li p {
  font-size: 18px !important;
  line-height: 26px !important;
}

.highperfor_box_main ul li,
.highperfor_box_main ol li {
  margin-top: 15px;
}

.highperfor_box_main ul li strong,
.highperfor_box_main ol li strong {
  font-family: 'NeueMontrealMedium';
  font-weight: 500;
}

.highperfor_box_main ul li a,
.highperfor_box_main ol li a {
  color: #FFF;
}

.blogdetail_date a,
.blogdetail_date span {
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
}

.blogdetail_date a {
  color: #4bbef3;
  padding-left: 20px;
  position: relative;
}

.blogdetail_date a:before {
  content: ".";
  font-size: 18px;
  color: #fff;
  font-weight: 400;
  position: absolute;
  left: 4px;
  top: -4px;
}

.webdesignnew .innerbanner_logo {
  margin-top: 21px;
}

.webdesignnew .innerbanner_logo {
  max-width: 555px;
  width: 100%;
}

.webdesignnew .innerbanner_logo ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0 -20px;
}

.webdesignnew .innerbanner_logo ul li {
  width: 25%;
  padding: 0 20px;
}

.webdesignnew .innerbanner_logo ul li span {
  position: relative;
  height: 100px;
  display: block;
}

.webdesignnew .innerbanner_logo ul li img {
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
}

.web_contantform_section .web_facts_section .facts_box {
  text-align: center;
}

.web_contantform_section.lightpurple .web_facts_section .facts_box h3.counter,
.web_contantform_section.lightpurple .web_facts_section .facts_box p {
  color: #101010;
}

.web_contantform_section .web_facts_section .facts_box h3.counter {
  font-size: 44px;
  font-weight: 500;
  margin-bottom: 5px;
}

.web_contantform_section.lightpurple .web_facts_section .facts_box p {
  font-size: 16px;
  color: #FFF;
}

.main-title.text-center,
.main-title.text-center+p,
.main-title.text-center+p+p,
.main-title_small.text-center,
.main-title_small.text-center+p,
.main-title_small.text-center+p+p,
.section_title_width h2.main-title,
.section_title_width h2.main-title+p,
.section_title_width h2.main-title+p+p,
.text-center>.main-title,
.text-center>.main-title+p,
.text-center>.main-title+p+p,
.text-center>.main-title_small,
.text-center>.main-title_small+p,
.text-center>.main-title_small+p+p {
  max-width: 970px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100%;
}

.main-title.text-center+p {
  font-size: 18px;
  text-align: center;
}

a {
  color: #ff623e;
}

#process_slider {
  margin: 90px 0 0;
  padding: 0 70px;
}

#process_slider.owl-carousel .owl-nav button.owl-prev {
  left: -88px;
}

#process_slider.owl-carousel .owl-nav button.owl-next {
  right: -88px;
}

.webdesign5_title_main .webdesign5_number {
  -webkit-text-stroke-width: 2px;
  font-size: 357px;
  color: transparent;
  line-height: normal;
  margin-top: 50px;
  position: relative;
  font-weight: 600
}

.banner-review .grb-badge {
  background: transparent;
  gap: 7px;
  padding: 0;
}

.banner-review .grb-divider {
  background-color: rgb(255, 255, 255);
  width: 1px;
  height: 15px;
}

.landing_banner_title_con .innerbanner_btn_main form {
  margin-left: 0;
}

.catinner_form_section.catinner_section .catinner_box_main {
  padding-right: 640px !important;
}

.catinner_form_section .innerbanner_btn_main form {
  max-width: 100%
}

.catinner_form_section .catinner_box_main .catinner_btn_main {
  max-width: 550px;
  width: 100%
}

.catinner_form_section .catinner_box_main .catinner_content {
  margin-top: -10px
}

.catinner_section .catinner_box_main {
  border: 1px solid #ddd;
  padding: 59px 350px 56px 76px;
  position: relative
}

.catinner_box_main .catinner_content p {
  margin-bottom: 0;
  margin-top: 17px;
  font-size: 16px;
  line-height: 24px;
}

.catinner_box_main .catinner_content h2,
.catinner_box_main .catinner_content h3,
.catinner_box_main .catinner_content p {
  max-width: 770px;
  width: 100%
}

.catinner_box_main .catinner_btn_main {
  position: absolute;
  right: 74px;
  top: 50%;
}

.websiteaudit5_section .webdesign5_box_main span.stroke svg {
  height: auto;
  width: 350px;
}

.websiteaudit5_section .webdesign5_box_main span.stroke svg path {
  stroke-width: 3px;
  stroke-dasharray: 7;
}

.orange .webdesign5_title_main span.stroke path {
  stroke: var(--lightorange-color);
}

.fullinnerbanner .inner-banner .innerbannertext ul {
  width: 100%;
  margin: 30px 0 0;
  padding: 0;
}

.fullinnerbanner .inner-banner .innerbannertext ul li {
  padding: 0 15px 0 29px;
  line-height: 1.4;
  display: inline-block;
  position: relative;
}

.fullinnerbanner .inner-banner .innerbannertext ul li:not(:last-child) {
  margin-bottom: 10px !important;
  margin-right: 30px;
}

.fullinnerbanner .inner-banner .innerbannertext ul li:before {
  left: 0;
  top: 2px;
  background: url(https://www.23digital.com.au/wp-content/themes/23digital-theme/assets/images/newcheckbox.png);
  width: 18px;
  height: 19px;
  background-size: 100%;
  display: block;
  content: "";
  position: absolute;
}

.auditpopup_main .popup_right_section .main_title {
  text-align: center;
  color: #101010 !important;
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 20px;
}

div.wpcf7 .wpcf7-spinner {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0 !important;
  pointer-events: none;
  border-radius: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(45deg, rgba(0, 0, 0, .1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .1) 50%, rgba(0, 0, 0, .1) 75%, transparent 75%, transparent);
  background-size: 2rem 2rem;
  -webkit-animation: 1s linear infinite progress-bar-stripes;
  animation: 1s linear infinite progress-bar-stripes;
  background-color: rgba(0, 0, 0, .2) !important; display: block;
}

.wpcf7-form-control div.wpcf7 .wpcf7-spinner:befoer {display: none;}

.wpcf7 .screen-reader-response {
  position: absolute;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  word-wrap: normal !important;
  word-break: normal !important;
}

.label_move_top form .form-group {
  margin-bottom: 20px;
  padding-top: 0;
  position: relative;
}

.form-group label {
  font-size: 16px;
  color: #404040;
  font-weight: 600
}

.form-group label span.required {
  color: #fff
}

.label_move_top form .form-group br {
  display: none
}

.label_move_top .select_box_group label.move_label {
  opacity: 0
}

.label_move_top .select_box_group.filled label.move_label,
.label_move_top .select_box_group.focus label.move_label {
  opacity: 1
}

.label_move_top form .form-group label.move_label,
.label_move_top form .form-group label.selected_label {
  position: absolute;
  margin: 0;
  line-height: normal;
  width: auto;
  top: 19px;
  left: 20px;
  pointer-events: none;
  transition: all .5s ease;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -webkit-transition: .5s;
  -o-transition: .5s
}

.label_move_top form .form-group {
  margin-bottom: 20px;
  padding-top: 0
}

.label_move_top form .form-group label.selected_label,
.label_move_top form .form-group.filled label.move_label,
.label_move_top form .form-group.focus label.move_label {
  top: 5px;
  font-size: 65%;
  font-weight: 500;
  opacity: .5
}

.contact_form form .form-control {
  width: 100%;
  height: 55px !important;
  padding: 15px 0 0 20px;
  border: none;
  border: 1px solid #ddd !important;
  box-sizing: border-box;
  border-radius: 5px;
  background: 0 0;
  font-size: 16px;
  color: #404040;
  font-weight: 600;
}

.page-id-3 .highperfor_section ul li {
  padding-left: 0;
}

.page-id-3 .highperfor_section ul li::before {
  display: none;
}

.servicelist_box {
  position: relative;
  margin-top: 137px;
}

.servicelist_box .servicelist_img {
  height: 700px;
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.servicelist_box .servicelist_content {
  padding: 30px 0 0;
}

.servicelist_content .subtitle a {
  padding: 8px 15px;
  background: rgba(255, 255, 255, .2);
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 8px;
  line-height: 1.4 !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  color: #fff !important;
  display: inline-block;
  margin-bottom: 10px;
}

.servicelist_box .servicelist_content p {
  margin-top: 30px;
}

@media (max-height: 840px) {

  .innerbannertext .subtitle,
  .subtitle {
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 30px;
  }

  .servicelist_box .servicelist_content p {
    margin-bottom: 20px;
    margin-top: 20px;
  }
}

.platform_box {
  margin-bottom: 72px;
}

.platform_box .platform_img {
  height: 38px;
  position: relative;
  margin-bottom: 30px;
}

.platform_box .platform_img img {
  position: relative;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.platform_box p {
  margin-bottom: 13px;
  line-height: 24px;
}

.platform_box .btn-link {
  font-size: 18px;
  font-weight: 400;
  font-family: 'NeueMontrealMedium';
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid #fff;
}

.platform_box_main.row>* {
  padding: 0 50px !important;
}

@media (min-width: 992px) {
  .platform_btn.mobile {
    display: none;
  }
}

.sitemap_box_main {
  margin-bottom: -40px;
}

.sitemap_box_main h2 {
  margin: 0 0 20px;
  font-weight: 600;
}

.sitemap_box_main ul {
  padding: 0;
  width: auto;
  margin: 0 -20px 40px;
  display: inline-block;
  width: 100%;
}

.sitemap_box_main ul li {
  width: 33.3333%;
  float: left;
  padding: 0 20px 0 50px;
  margin-bottom: 15px !important;
  list-style: none;
  position: relative;
}

.sitemap_box_main ul li:before {
  left: 16px;
  background: url(https://www.23digital.com.au/wp-content/themes/23digital-theme/assets/images/sitemap-arrow.svg);
  width: 24px;
  top: 7px;
  height: 24px;
  position: absolute;
  content: '';
}

.sitemap_box_main ul li a {
  font-size: 18px;
  color: #ddd;
}

@media (max-height: 840px) {
  .sitemap_box_main ul li {
    margin-bottom: 10px !important;
  }

  .sitemap_box_main ul li:before {
    top: 3px;
  }
}

.plan_main_box_title_main span {
  height: 70px;
}

.plan_main_box_title_main span img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.technologiebox_wrap+.technologiebox_wrap {
  border-top: 1px solid rgba(255, 255, 255, .5);
  margin-top: 80px;
  padding-top: 80px;
}

.technologiebox_wrap .row {
  align-items: center;
}

.technologo_box .technologoimg {
  display: block;
  position: relative;
  height: 100px;
  margin-bottom: 20px;
}

.technologo_box .technologoimg img {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 50%;
  max-width: 100%;
  max-height: 100%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.technologie_content p {
  line-height: 24px;
}

.cms-area .caseimg_section .row>*,
.cms-area .bloglist_section .row>* {
  padding: 0 60px !important;
}

.casestudy_page .caseimg_section .caseimg_box_main {
  margin: 0 0 120px 0;
  position: relative;
  z-index: 1;

}

.highperfor_box_main ol>li,
.highperfor_box_main ul.dash_ulli>li p {
  position: relative;
}

.caseimg_img_main:before {
  content: "";
  background: #444;
  position: absolute;
  width: 100%;
  right: -100%;
  top: 0;
  bottom: 0;
  z-index: 2;
  pointer-events: none;
}

.caseimg_img_main .caseimg_link {
  position: relative;
  display: block;
  overflow: hidden;
  padding-bottom: 138%;
  background: #000;
  cursor: pointer;
  z-index: 33;
}

.caseimg_img_main .caseimg_link:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  opacity: 0.05;
  z-index: 1;
}

.caseimg_img_main .caseimg_link>img {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
}

.caseimg_img_main .caseimg_link .caseimg_logo {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
  width: 180px;
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
}

.caseimg_img_main .caseimg_link .caseimg_logo:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  left: auto;
  bottom: 0;
  pointer-events: none;
  background-image: url(../images/logo-shadow.png);
  width: 281px;
  height: 198px;
  background-size: 100%;
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
}

.caseimg_img_main .caseimg_link .caseimg_logo img {
  max-width: 100%;
  position: absolute;
  right: 25px;
  top: 25px;
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  filter: brightness(0) invert(1);
}

.caseimg_img_main .caseimg_link .caseimg_content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 32px;
  z-index: 2;
  text-align: center;
  padding: 0 20px;
}

.caseimg_img_main .caseimg_link:after {
  content: "";
  height: 200px;
  opacity: 0.4;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: -moz-linear-gradient(top, rgba(139, 130, 123, 0) 0%, rgba(0, 0, 0, 1) 100%);
  background: -webkit-linear-gradient(top, rgba(139, 130, 123, 0) 0%, rgba(0, 0, 0, 1) 100%);
  background: linear-gradient(to bottom, rgba(139, 130, 123, 0) 0%, rgba(0, 0, 0, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008b827b', endColorstr='#000000', GradientType=0);
}

.caseimg_img_main .caseimg_link .caseimg_content .caseimg_title {
  font-size: 24px;
  font-weight: 400;
  color: #fff;
  line-height: 1.5;
  margin-bottom: 25px;
  opacity: 0;
  display: block;
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
}

.caseimg_img_main .caseimg_link .caseimg_content .ullicase {
  display: block;
  padding: 0 15px;
}

.caseimg_img_main .caseimg_link .caseimg_content .ullicase>span+span {
  padding-left: 17px;
  position: relative;
}

.caseimg_img_main .caseimg_link .caseimg_content .ullicase>span {
  display: inline-block;
  font-size: 16px;
  color: #fff;
  font-weight: 400;
}

.caseimg_img_main .caseimg_link .caseimg_content .ullicase>span+span:before {
  content: ".";
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  position: absolute;
  left: 4px;
  top: -4px;
}

.caseimg_img_main {
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: -1;
}

.casestudy_page .caseimg_section .row .col-md-6:nth-child(even) {
  transform: translateY(120px);
  -moz-transform: translateY(120px);
  -ms-transform: translateY(120px);
  -o-transform: translateY(120px);
  -webkit-transform: translateY(120px);
}

.caseimg_section {
  position: relative;
  z-index: 1;
}

span.orfilter {
  padding: 0 10px;
}

.ebooklist_img_main {
  margin: 0 0 50px;
}

.ebooklist_img_main .ebooklist_link {
  padding-bottom: 120%;
  width: 100%;
  display: block;
  position: relative;
}

.green .ebooklist_img_main .ebooklist_link:before {
  background: #a1ffe6;
}

.ebooklist_img_main .ebooklist_link:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  pointer-events: none;
  z-index: 0;
}

.ebooklist_img_main .ebooklist_link img {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin: 0 auto;
  max-width: 100%;
  max-height: 100%;
  transform: translateY(-50%) scale(1);
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: all .5s ease;
}

.ebooklist_content_box {
  padding: 0 20px;
  text-align: center;
}

.ebooklist_content_box .ebooklist_title {
  font-size: 20px;
  color: #fff;
  margin-top: 25px;
  display: inline-block;
  line-height: 1.6;
  text-align: center;
  font-weight: 400;
}

.checkbox_main input[type="checkbox"] {
  z-index: 99;
  position: relative;
}

.contantform_section {
  position: relative;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
  padding: 152px 0;
  z-index: 3
}

.contantform_section:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: .7;
  pointer-events: none;
  z-index: -1
}

.contantform_section .main_title {
  position: relative
}

.select_box span.select_arrow svg {
  fill: #101010
}

.select_box span.select_arrow {
  position: absolute;
  right: 15px;
  top: 17px;
  z-index: 1;
}

.contact_form.label_move_top {
  padding: 0
}

.contact_form form .form-group:after {
  content: "";
  display: table;
  clear: both
}

.contact_form form .form-group {
  margin-bottom: 12px;
  position: relative
}

.contact_form form textarea.form-control {
  resize: none;
  height: 103px !important;
  padding-top: 20px !important;
  margin-top: 0
}

.contact_form form .form-control {
  width: 100%;
  height: 55px !important;
  padding: 15px 0 0 20px;
  border: none;
  border: 1px solid #ddd !important;
  box-sizing: border-box;
  border-radius: 5px;
  background: 0 0;
  font-size: 16px;
  color: #404040;
  font-weight: 600
}

.contact_form form .form-control:focus {
  box-shadow: none;
  outline: 0;
  border-bottom-color: #000 !important
}

.contact_form input::-webkit-input-placeholder,
.contact_form textarea::-webkit-input-placeholder {
  color: #595959;
  opacity: 1
}

.contact_form input:-moz-placeholder,
.contact_form textarea:-moz-placeholder {
  color: #595959;
  opacity: 1
}

.contact_form input::-moz-placeholder,
.contact_form textarea::-moz-placeholder {
  color: #595959;
  opacity: 1
}

.contact_form form input:-ms-input-placeholder,
.contact_form form textarea:-ms-input-placeholder {
  color: #595959;
  opacity: 1
}

.contact_form form .submit_btn_box {
  margin: 20px auto 0;
  text-align: center
}

.free_enquiry_form_main .contact_form form .submit_btn_box {
  margin: 20px auto 0;
  text-align: left;
  float: left
}

.free_enquiry_form_main .contact_form form .required-field {
  float: right;
  margin-top: 38px
}

.contact_form form .required-field {
  color: #595959;
  font-size: 16px;
  line-height: normal;
  margin-top: 20px;
  text-align: center;
  font-weight: 500
}

.contact_form form .required-field span {
  color: red
}

.contact_form form select.form-control option {
  color: #000 !important
}

.form-group label {
  font-size: 16px;
  color: #404040;
  font-weight: 600
}

.form-group label span.required {
  color: #fff
}

.checkbox_main label.lbl_radio {
  color: #fff !important;
  font-weight: 400
}

.label_move_top form .form-group br {
  display: none
}

.label_move_top .select_box_group label.move_label {
  opacity: 0
}

.label_move_top .select_box_group.filled label.move_label,
.label_move_top .select_box_group.focus label.move_label {
  opacity: 1
}

.label_move_top form .form-group label.move_label,
.label_move_top form .form-group label.selected_label {
  position: absolute;
  margin: 0;
  line-height: normal;
  width: auto;
  top: 19px;
  left: 20px;
  pointer-events: none;
  transition: all .5s ease;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -webkit-transition: .5s;
  -o-transition: .5s;
  z-index: 1
}

.label_move_top form .form-group {
  margin-bottom: 20px;
  padding-top: 0
}

.label_move_top form .form-group.select_box_group.filled select,
.label_move_top form .form-group.select_box_group.focus select {
  padding-top: 15px
}

.label_move_top form .form-group.select_box_group select {
  transition: all .5s ease 0s
}

.label_move_top form .form-group label.selected_label,
.label_move_top form .form-group.filled label.move_label,
.label_move_top form .form-group.focus label.move_label {
  top: 5px;
  font-size: 65%;
  font-weight: 500;
  opacity: .5
}

/* input:-internal-autofill-selected,
textarea:-internal-autofill-selected {
  padding: 0 10px !important
} */

.white_form .contact_form form .form-control {
  color: #404040;
  background: #fff;
}

.white_form .contact_form input::-webkit-input-placeholder,
.white_form .contact_form textarea::-webkit-input-placeholder {
  color: #fff
}

.white_form .contact_form input:-moz-placeholder,
.white_form .contact_form textarea:-moz-placeholder {
  color: #fff
}

.white_form .contact_form input::-moz-placeholder,
.white_form .contact_form textarea::-moz-placeholder {
  color: #fff
}

.white_form .contact_form form input:-ms-input-placeholder,
.white_form .contact_form form textarea:-ms-input-placeholder {
  color: #fff
}

.white_form .contact_form form .form-control:focus {
  border-bottom-color: #ddd !important
}

.white_form .contact_form form .required-field {
  color: #fff
}

.white_form .form-group label {
  color: #404040
}

.contantform_box_main.white_form {
  margin-top: 39px
}


.contantform_boxsection {
  margin-bottom: 0;
  margin-top: 100px
}

.contact_form form select.form-control {
  padding-right: 40px !important;
  padding-top: 0
}

.label_move_top form .form-group.textarea_box_group label.move_label {
  top: 16px
}

.label_move_top form .form-group.textarea_box_group.filled label.move_label,
.label_move_top form .form-group.textarea_box_group.focus label.move_label {
  top: 5px
}

.select_box {
  position: relative;
}

.checkbox_main {
  padding: 0 0 0 40px;
  position: relative;
  display: inline-block;
  line-height: 20px;
}

.checkbox_main .input_checkbox_div {
  left: 0;
  position: absolute;
  top: 3px;
}

.ready_from_main .lending_card-frame .checkbox_main input[type="checkbox"] {
  position: absolute;
}

.checkbox_main .checkboxinput {
  cursor: pointer;
  display: block;
  height: 20px;
  line-height: normal !important;
  margin: 0;
  min-height: inherit;
  opacity: 0;
  width: 20px;
}

.checkbox_main .input_checkbox_div .icon {
  border: 2px solid #ddd;
  background: #fff;
  border-radius: 5px;
  color: #606060;
  font-size: 20px;
  height: 20px;
  left: 50%;
  pointer-events: none;
  position: absolute;
  margin: 0;
  top: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 20px;
}

.checkbox_main .input_checkbox_div .icon::before {
  content: "";
  background: url(https://www.23digital.com.au/wp-content/themes/23digital-theme/assets/images/checkbox.png) no-repeat;
  width: 10px;
  height: 10px;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  background-size: 100%;
  margin-top: 1px;
}

.checkbox_main label.lbl_radio {
  color: #fff !important;
  font-weight: 400;
}

.checkbox_section {
  margin: 10px 0 0px 0px;
  display: flex;
}

.landingdetaildeskimg .bannerop_img {
  text-align: center;
  margin: 40px 40px 0 0;
}

.landingdetaildeskimg .innerbannerimg img {
  max-width: max-content;
}

.bannerviewform .banneropcaption .main_title_con h1 {
  font-size: 36px;
}

.facts_box {
  position: relative;
  text-align: center;
}

.facts_section .icon-svg,
.facts_section .icon-svg.icon-svg-lg,
.facts_section img {
  width: 3rem;
  height: 3rem;
  margin-bottom: 1rem !important;
}

.bannerviewform .contact_form form .submit_btn_box {
  text-align: left;
}

.landing_footer_google_review .grb-badge {
  background: #FFF;
  border: 1px #D5D5D5 solid;
}

.olli_style ol>li::marker {
  content: none;
}

.olli_style>ol {
  margin: 0;
  padding: 0;
  counter-reset: item
}

.olli_style>ol>li {
  margin: 0;
  padding: 0;
  text-indent: 0;
  list-style-type: none;
  counter-increment: item
}

.olli_style>ol>li>h3:first-child:before {
  display: inline-block;
  content: counter(item) ".";
  margin: 0 5px 0 0
}

.olli_style>ol>li ol {
  counter-reset: item
}

.olli_style>ol>li ol li {
  display: block
}

.olli_style>ol>li ol li:before {
  content: counters(item, ".") " ";
  counter-increment: item;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  text-align: right
}

.olli_style>ol>li>ol {
  padding-left: 10px
}

.olli_style>ol>li>ol>li>ol {
  padding-left: 0;
  margin-left: -10px
}

.olli_style>ol>li>ol>li>ol>li>ol {
  padding-left: 0;
  margin-left: -20px
}

.olli_style>ol>li>ol>li>ol>li>ol>li>ol {
  padding-left: 0;
  margin-left: -30px
}

.olli_style>ol>li>ol>li>ol>li>ol>li>ol>li>ol {
  padding-left: 0;
  margin-left: -11px
}

.olli_style>ol>li>ol li:before {
  width: 33px
}

.olli_style>ol>li>ol>li {
  padding-left: 38px
}

.olli_style>ol>li>ol>li>ol li:before {
  width: 48px
}

.olli_style>ol>li>ol>li>ol>li {
  padding-left: 53px
}

.olli_style>ol>li>ol>li>ol>li>ol li:before {
  width: 67px
}

.olli_style>ol>li>ol>li>ol>li>ol>li {
  padding-left: 72px
}

.olli_style>ol>li>ol>li>ol>li ol>li>ol li:before {
  width: 90px
}

.olli_style>ol>li>ol>li>ol>li ol>li>ol>li {
  padding-left: 95px
}

.lending_herologo_title span {
  font-size: var(--font-27);
  font-weight: 700;
  color: #fff
}

.lending_herologo_title p {
  font-size: var(--font-20);
  color: #fff;
  margin-bottom: 0
}

.lending_herologo_title {
  position: relative
}

.lending_herologo_title:before {
  content: "";
  position: absolute;
  right: -15px;
  top: 50%;
  width: 1px;
  background: #818181;
  height: 50px;
  transform: translateY(-50%)
}

.lending_herologo_slider #herologo_slider .goodcomp_logo {
  position: relative;
  height: 80px;
  width: 80px
}

.lending_herologo_slider #herologo_slider .item {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

.newlandingtab_section.tab_section .container>.main_title {
  padding-top: 0 !important
}


.newlandingtab_content p strong,
.newlandingtab_svg_title h6 {
  color: #fff
}

.newlandingtab_section ul.nav-tabs.mobiletab+.tab-content {
  padding-top: 60px
}

.newlandingtab_img {
  overflow: hidden;
  border-radius: 51px;
  margin-right: 35px
}

.newlandingtab_img img {
  width: 100%
}

.newlandingtab_svg {
  position: relative;
  padding-left: 80px
}

.newlandingtab_svg svg {
  position: absolute;
  left: 0;
  top: 0;
  width: 50px;
  height: 50px
}

.newlandingtab_svg_title h6 {
  color: #fff;
  font-weight: 500;
  font-size: var(--font-20)
}

.newlandingtab_svg_title p {
  font-size: var(--font-17);
  line-height: var(--line-height-30)
}

.newlandingtab_content.tab_content_box {
  margin-left: 5px;
  text-align: left;

}

.newlandingtab_content.tab_content_box p+p {
  margin-bottom: 20px
}

.newlandingtab_svg p {
  margin-bottom: 0
}

.newlandingtab_content_svg_main .col-sm-12 {
  margin-bottom: 0;
  margin-top: 50px
}

.reshaping_section .whatwe_content .whatwe_title {
  font-size: 60px;
  font-weight: 700
}

.reshaping_section .whatwe_content span.title {
  font-size: 20px;
  color: #fff
}

.reshaping_section .whatwe_content p {
  color: #BFBFBF;
  font-size: 18px;
  line-height: 30px;
  margin-top: 10px;
  margin-bottom: 15px
}

.reshaping_section .whatwe_content .whatwe_lst-title {
  font-weight: 300;
  font-size: 14px;
  color: #BFBFBF;
  line-height: 30px;
  display: block
}

.reshaping_section .whatwe_box .whatwe_content {
  max-width: 500px;
  margin: 0 auto
}

.reshaping_section .whatwe_box {
  height: 100%;
  margin: 0
}

.reshaping_section .whatwe_box_main {
  margin-bottom: 0
}

.reshaping_section .whatwe_box_main .row {
  margin-top: -20px
}

section.whatwe_section.reshaping_section.newreshaping_section .row {
  margin-top: -70px
}

section.stay_section.section-space {
  margin-top: 45px
}

.reshaping_section .whatwe_box_main .row .col-sm-6 {
  margin-top: 70px
}

.reshaping_section .main_title br {
  display: block
}

.reshaping_section .section_title_width .reshaping_title p {
  font-size: var(--font-20);
  line-height: var(--line-height-30);
  color: #BFBFBF;
  max-width: 747px !important;
  margin: 0 auto
}

@-webkit-keyframes mover2 {
  from {
    transform: translateY(10px)
  }

  to {
    transform: translateY(-10px)
  }
}

@keyframes mover2 {
  from {
    transform: translateY(10px)
  }

  to {
    transform: translateY(-10px)
  }
}

.ai-services {
  width: 100%;
  padding: 190px 0 0;
}

.ai-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 60px;
}

.left-side {
  width: 50%;
}

.right-side {
  width: 50%;
  position: relative;
  padding-left: 125px;
  padding-top: 37px;
}

.service-item {
  padding: 34px 0 34px 5px;
  cursor: pointer;
  transition: .4s;
  position: relative;
  margin-left: -15px;
}

.service-item {
  transition: all .4s ease;
  cursor: pointer;
}

.service-item h2 {
  font-size: var(--font-40);
  line-height: 1.2;
  color: #5f5f5f;
  transition: .4s;
  font-weight: 700;
  margin-bottom: 0;
}

.service-item.active {
  color: #fff;
  transform: translateX(30px);
  margin-left: 0;
}

.service-item.active::before {
  content: "";
  position: absolute;
  left: -40px;
  top: 45px;
  border-radius: 50%;
  height: 25px;
  background: #212529;
  border: 1px solid #ff0f6b;
  box-shadow: 0 0 15px #ff5c9a;
  width: 25px;
}

.service-item {
  transition: all .4s ease;
  cursor: pointer;
}

.service-item h2 {
  font-size: var(--font-40);
  line-height: 1.2;
  color: #5f5f5f;
  transition: .4s;
  font-weight: 700;
  margin-bottom: 0;
}

.content-box {
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  transition: all .4s ease;
  position: absolute;
  width: 100%;
}

.content-box .icon {
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}

.content-box p {
  color: #b8b8b8;
  line-height: var(--line-height-30);
  font-size: var(--font-20);
  margin-bottom: 20px;
}

.content-box a {
  color: #00bfff;
  text-decoration: none;
  font-size: var(--font-20);
  transition: .3s;
  display: block;
}

.mobile-content {
  display: none;
  padding-top: 20px;
}

.mobile-content p {
  color: #b8b8b8;
  line-height: 1.8;
  margin-bottom: 15px;
  font-size: 15px;
}

.mobile-content a {
  color: #00bfff;
  text-decoration: none;
}

.content-box.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  position: relative;
}

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

.ready_from_main .lending_card-frame .field .wpcf7-form-control-wrap label.error,
.ready_from_main .lending_card-frame .field.checkbox_main label.error {
  background: transparent;
  padding: 0px !important;
  bottom: 0px;
  left: 0;
  border-radius: 4px;
  color: #F00;
  font-size: 14px;
  position: relative;
  font-weight: normal;
  font-family: 'NeueMontrealRegular';
  bottom: 0;
  z-index: 1;
  top: inherit;
  display: inline;
  width: max-content;
}

.footer_ready_from_section .recaptcha-error-message {
  bottom: 0;
}

.checkbox_main .input_checkbox_div .checkboxinput:checked+.icon:before {
  opacity: 1;
}

div#pointer {
  display: none;
}

.service-item.active h2 {
  color: #FFF;
}

section.lending_herologo_slider {
  margin-top: 0;
}

.bannerviewform .banneropcaption {
  text-align: left;
}

.cta_rady_main {
  background: radial-gradient(90.66% 75.57% at 50% 50%, rgba(152, 168, 255, .8) 0, rgba(173, 186, 255, .8) 50%, rgba(214, 241, 254, .8) 100%);
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}

.cta_rady_main .main_title_content h2 {
  font-weight: bold;
}

.copyright_main ul li {
  padding-left: 30px !important;
  border-left: solid 1px #ccc;
  margin-left: 30px;
  padding-right: 0;
}

.cta_rady_svg span {
  position: absolute;
}

.cta_rady_svg .cta_rady_round_one {
  left: 40px;
  top: 40px;
}

.cta_rady_svg .cta_rady_round_two {
  right: 70px;
  top: 60px;
}

.copyright_main ul li::before {
  display: none;
}

.cta_rady_svg .cta_rady_round_three {
  right: 555px;
  bottom: 32px;
}

@media (min-width: 768px) {
  .cta_rady_img_svg {
    max-width: 0;
    width: 0;
    position: absolute;
    height: 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: all .8s ease;
    z-index: 0;
  }

  .cta_rady_main_show .cta_rady_img_svg {
    max-width: 100%;
    transform: translate(-50%, -50%) scale(1);
    width: 100%;
    height: 100%;
  }
}

.cta_rady_img_svg span {
  width: 120px;
  height: 120px;
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
  background: #fff;
  border-radius: 50%;
  border: 5px solid #5b5b5b;
  position: absolute;
}

.cta_rady_img_svg .cta_rady_img_four,
.cta_rady_img_svg .cta_rady_img_one {
  top: 70px;
}

.cta_rady_img_svg .cta_rady_img_one,
.cta_rady_img_svg .cta_rady_img_three {
  left: 214px;
}

.cta_rady_img_svg .cta_rady_img_two {
  left: 62px;
}

.cta_rady_img_svg .cta_rady_img_five,
.cta_rady_img_svg .cta_rady_img_two {
  top: 50%;
  transform: translateY(-50%);
}

.cta_rady_img_svg .cta_rady_img_six,
.cta_rady_img_svg .cta_rady_img_three {
  bottom: 70px;
}

.cta_rady_img_svg .cta_rady_img_one,
.cta_rady_img_svg .cta_rady_img_three {
  left: 214px;
}

.cta_rady_img_svg .cta_rady_img_four,
.cta_rady_img_svg .cta_rady_img_six {
  right: 214px;
}

.cta_rady_img_svg .cta_rady_img_four,
.cta_rady_img_svg .cta_rady_img_one {
  top: 70px;
}

.cta_rady_img_svg .cta_rady_img_five {
  right: 62px;
}

.cta_rady_img_svg .cta_rady_img_five,
.cta_rady_img_svg .cta_rady_img_two {
  top: 50%;
  transform: translateY(-50%);
}

.cta_rady_img_svg .cta_rady_img_six,
.cta_rady_img_svg .cta_rady_img_three {
  bottom: 70px;
}

.cta_rady_img_svg .cta_rady_img_four,
.cta_rady_img_svg .cta_rady_img_six {
  right: 214px;
}

.cta_rady_main_title_ {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
  padding: 211px 0;
  position: relative;
  z-index: 1;
}

.lendingthree_main .main_title h2,
.main_title_content,
.main_title_content h2 {
  font-size: 58px;
  color: #fff;
  line-height: normal;
}

.lendingthree_main p {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 30px;
}

.lendingthree_main .lending_herologo_slider p {
  margin-bottom: 0;
}

.lending_herologo_slider .row {
  align-items: center;
}

.cta_rady_main_title_ .main_title_content p {
  color: #fff;
}

.cta_rady_img_svg span:first-child,
.cta_rady_img_svg span:nth-child(3),
.cta_rady_img_svg span:nth-child(5) {
  animation: 1s infinite alternate mover1;
}

.cta_rady_img_svg span:nth-child(2),
.cta_rady_img_svg span:nth-child(4),
.cta_rady_img_svg span:nth-child(6) {
  animation: 1.2s infinite alternate mover1;
}

@-webkit-keyframes mover1 {
  from {
    transform: scale(1)
  }

  to {
    transform: scale(1.1)
  }
}

@keyframes mover1 {
  from {
    transform: scale(1)
  }

  to {
    transform: scale(1.1)
  }
}

.olli_style li h3 {
  margin-top: 20px;
}

.section-space {

  padding-top: 180px !important;

}

.tab_box_main {

  text-align: center;

  margin-top: 25px;

}

@media (max-height: 840px) {

  .tab_box_main {

    margin-top: 15px;

  }

}

.tab_box_main {

  text-align: center;

  margin-top: 25px;

}

ul.nav-tabs.mobiletab {

  margin: 0;

  padding: 0;

  overflow: visible;

  border: 0;

  display: inline-block;

  border-bottom: 1px solid #666;

  width: auto;

}

ul.nav-tabs.mobiletab>li.nav-item {

  margin: 0;

  padding: 0;

  border: none;

  position: relative;

  display: inline-block;

}

ul.nav-tabs.mobiletab>li.nav-item>a.nav-link {

  border: none;

  padding: 0 0 11px;

  background: 0 0 !important;

  font-size: 18px;

  color: #fff;

  font-weight: 500;

  cursor: pointer;

}

ul.nav-tabs.mobiletab>li.nav-item>a.nav-link:before {

  content: "";

  background: #67ccfd;

  background: -moz-linear-gradient(left, #67ccfd 0, #d337bb 30%, #ff0f6b 70%, #fe5f3c 100%);

  background: -webkit-linear-gradient(left, #67ccfd 0, #d337bb 30%, #ff0f6b 70%, #fe5f3c 100%);

  background: linear-gradient(to right, #67ccfd 0, #d337bb 30%, #ff0f6b 70%, #fe5f3c 100%);

  position: absolute;

  left: auto;

  right: 0;

  width: 0;

  bottom: -3px;

  height: 5px;

  transition: all .5s ease 0s;

  -moz-transition: .5s;

  -ms-transition: .5s;

  -o-transition: .5s;

  -webkit-transition: .5s;

}

ul.nav-tabs.mobiletab>li.nav-item>a.nav-link.active:before {

  right: auto;

  left: 0;

  width: 100%;

}

ul.nav-tabs.mobiletab>li.nav-item>a.nav-link>svg {

  display: none;

  pointer-events: none;

  transition: all .5s ease 0s;

  -moz-transition: .5s;

  -ms-transition: .5s;

  -o-transition: .5s;

  -webkit-transition: .5s;

}

ul.nav-tabs.mobiletab>li.nav-item>a.nav-link sup {

  top: -6px;

  font-size: 10px;

}

ul.nav-tabs.mobiletab>li.nav-item+li.nav-item {

  margin-left: 46px;

  margin-top: 0 !important;

}

ul.nav-tabs.mobiletab>li.nav-item {

  margin: 0;

  padding: 0;

  border: none;

  position: relative;

  display: inline-block;

}

.aisearch_main_title {
  max-width: 1036px;
  position: relative;
  margin: 0 auto;
  text-align: center;
}

.aisearch_main_title {
  max-width: 1036px;
  position: relative;
  margin: 0 auto;
  text-align: center
}

.aisearch_main_title .main_title {
  max-width: 542px;
  margin: 0 auto
}

.aisearch_main_title .main_title h2 {
  font-size: 100px;
  font-weight: 700;
  line-height: 100px
}

.aisearch_main_title>span {
  position: absolute;
  left: 0;
  top: 0
}

.aisearch_main_title .aisearch_first_svg {
  left: 40px;
  top: -47px
}

.aisearch_main_title .aisearch_two_svg {
  right: 0;
  left: auto;
  top: 50%;
  transform: translateY(-50%)
}

.aisearch_main_title .aisearch_three_svg {
  bottom: 23px;
  left: 4px;
  top: auto
}

.aisearch_main_title .aisearch_four_svg {
  left: auto;
  bottom: -64px;
  right: 124px;
  top: auto
}

.aisearch_main_title .main_title p {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #fff;
  margin-bottom: 0;
  margin-top: 36px
}

.aisearch_two_svg svg,
.lendingthreebanner_svg_two svg {
  animation: 1.2s infinite alternate mover2;
  animation-delay: .3s
}

.aisearch_three_svg svg,
.lendingthreebanner_svg_three svg {
  animation: 1.3s infinite alternate mover1
}

.aisearch_four_svg svg {
  animation: 1s infinite alternate mover3
}

.loaded .lendingthreebanner_svg_three {
  animation-delay: .6s
}

@keyframes scaleShow {
  from {
    transform: scale(0);
    opacity: 0
  }

  to {
    transform: scale(1);
    opacity: 1
  }
}

.aisearch_main_title .aisearch_two_svg {
  transform: translateY(-50%) scale(0)
}

.aisearch_main_title.aisearch_show>span {
  transform: scale(1)
}

.aisearch_main_title>span {
  transform: scale(0);
  transition: all .5s ease
}

.aisearch_main_title.aisearch_show .aisearch_two_svg {
  transform: translateY(-50%) scale(1)
}

.logo-badge svg {
  transform-origin: center;
  transition: transform .1s linear
}

@keyframes mover5 {
  0% {
    transform: rotate(0)
  }

  100% {
    transform: rotate(360deg)
  }
}

.aisearch_first_svg svg,
.loaded .lendingthreebanner_svg_one svg {
  animation: 9s linear infinite mover5
}

.card-old {
  background: #67ccfd;
  background: -moz-linear-gradient(left, #67ccfd 0, #d337bb 30%, #ff0f6b 70%, #fe5f3c 100%);
  background: -webkit-linear-gradient(left, #67ccfd 0, #d337bb 30%, #ff0f6b 70%, #fe5f3c 100%);
  background: linear-gradient(to right, #67ccfd 0, #d337bb 30%, #ff0f6b 70%, #fe5f3c 100%)
}

.hex-right svg path:not(:first-child) {
  fill: #fff
}

.col-left .hex-right_svg svg path {
  fill: #000000
}

.hex-right svg path:first-child {
  stroke: #fff
}

.lending_herologo_slider #herologo_slider .goodcomp_logo:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  box-shadow: inset 0 54px 55px rgba(255, 255, 255, .25), inset 0 -12px 30px rgba(255, 255, 255, .12), inset 0 4px 6px rgba(255, 255, 255, .12), inset 0 12px 13px rgba(255, 255, 255, .17), inset 0 -3px 5px rgba(255, 255, 255, .09);
  border-radius: 20px;
  transition: all .5s ease;
  opacity: 0;
}

.lendingthreebanner_svg_one {
  position: absolute;
  top: 32px;
  left: -35px
}

.lendingthreebanner_svg_two {
  position: absolute;
  right: -93px;
  top: 140px
}

.lendingthreebanner_svg_three {
  position: absolute;
  bottom: -10px;
  left: -52px
}

.lendingthreebanner_svg_one,
.lendingthreebanner_svg_three,
.lendingthreebanner_svg_two {

  transform-origin: center
}

.loaded .lendingthreebanner_svg_one,
.loaded .lendingthreebanner_svg_three,
.loaded .lendingthreebanner_svg_two {
  animation: .8s forwards scaleShow
}

.loaded .lendingthreebanner_svg_two {
  animation-delay: .3s
}

.aisearch_two_svg svg,
.lendingthreebanner_svg_two svg {
  animation: 1.2s infinite alternate mover2;
  animation-delay: .3s
}

.aisearch_three_svg svg,
.lendingthreebanner_svg_three svg {
  animation: 1.3s infinite alternate mover1
}

.aisearch_four_svg svg {
  animation: 1s infinite alternate mover3
}

.loaded .lendingthreebanner_svg_three {
  animation-delay: .6s
}

.loaded .lendingthreebanner_svg_one,
.loaded .lendingthreebanner_svg_three,
.loaded .lendingthreebanner_svg_two {
  animation: .8s forwards scaleShow
}

.loaded .lendingthreebanner_svg_two {
  animation-delay: .3s
}

.lending_herologo_slider #herologo_slider .goodcomp_logo img {
  transform: translateY(-50%) scale(1);
  transition: all .5s ease;
}

@media (min-width: 1081px) {
  .lending_herologo_slider #herologo_slider .goodcomp_logo:hover img {
    transform: translateY(-50%) scale(.9);
  }
}

.lending_herologo_slider #herologo_slider .goodcomp_logo {
  position: relative;
  height: 80px;
  width: 80px;
}

.lending_herologo_slider #herologo_slider .item {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.lending_herologo_slider #herologo_slider .goodcomp_logo {
  position: relative;
  height: 80px;
  width: 80px;
}

.lending_herologo_slider #herologo_slider .goodcomp_logo:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  box-shadow: inset 0 54px 55px rgba(255, 255, 255, .25), inset 0 -12px 30px rgba(255, 255, 255, .12), inset 0 4px 6px rgba(255, 255, 255, .12), inset 0 12px 13px rgba(255, 255, 255, .17), inset 0 -3px 5px rgba(255, 255, 255, .09);
  border-radius: 20px;
  transition: all .5s ease;
  opacity: 0;
}

@media (min-width: 1081px) {
  .lending_herologo_slider #herologo_slider .goodcomp_logo:hover:before {
    opacity: 1;
  }
}

#herologo_slider .goodcomp_logo img {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: auto;
  max-width: 100%;
  max-height: 100%;
  top: 50%;
  transform: translateY(-50%);
}

@keyframes scaleShow {
  from {
    transform: scale(0);
    opacity: 0
  }

  to {
    transform: scale(1);
    opacity: 1
  }
}

@media(min-width: 1081px) {
  .lending_herologo_slider #herologo_slider .goodcomp_logo:hover:before {
    opacity: 1;
  }

  .bg_white a.btn.btn-primary:hover {
    color: #fff
  }

  .bg_white a.btn.btn-primary:hover:after {
    background: linear-gradient(to right, #fa8e81 0, #798dff 30%, #b067d0 70%, #e229a0 100%)
  }

  .all_button_box ul li a:hover:after {
    opacity: 1
  }

  .lending_herologo_slider #herologo_slider .goodcomp_logo:hover:before {
    opacity: 1
  }

  .rank_slider_box_img:hover::before {
    opacity: .3
  }
}

@media(max-width: 1770px) {

  .ai-services .container {
    margin: 0
  }

  .col-right .card-new {
    padding: 0 25px 0 110px
  }

  .card-old {
    padding: 0 103px 0 25px
  }

  .col-left {
    padding-right: 100px
  }

  .col-right {
    padding-left: 100px
  }

  .logo-badge svg {
    width: 140px;
    height: 140px
  }

  .hex-left>svg,
  .hex-right>svg {
    width: 123px;
    height: 145px
  }

  .service-item {
    margin-left: 0
  }

  .ai-services {
    padding: 100px 0 0
  }

  .all_button_box ul li a {
    padding: 21px 25px;
    font-size: 16px
  }

  .ai-wrapper {
    gap: 0
  }

  .lendingthreebanner .innerbannertext {
    max-width: 700px
  }

  .hexacon_main_box .main_title_content {
    max-width: 800px
  }

  section.stay_section.section-space {
    margin-top: 0
  }

  .rank_main .main_title_content {
    max-width: 800px
  }

  .cta_rady_main_title_ {
    max-width: 780px
  }
}

section.stay_section.section-space {
  margin-top: 45px;
}

.stay_section .stay_main {
  position: relative;
  max-width: 1370px;
  background: #fff;
  border-radius: 20px;
  margin: 0 auto;
  padding: 70px;
}

.stay_section .stay_main {
  position: relative;
  max-width: 1370px;
  background: #fff;
  border-radius: 20px;
  margin: 0 auto;
  padding: 70px;
}

.stay_section .stay_main_left {
  max-width: 780px;
}

.main_title {
  font-size: 48px;
  color: #fff;
  font-weight: 600;
  line-height: 1.2;
}

.stay_section .main_title h2 {
  font-size: 58px;
  color: #000;
  font-weight: 700;
  font-family: 'NeueMontrealMedium';
}

.stay_section .main_title_con p {
  color: #575757;
  font-size: 20px;
  line-height: 30px;
}

.lendingthree_main .btn {
  width: 312px;
}

.rank_section .btn.secondary-btn {
  color: #000;
}

.rank_section .btn.secondary-btn:hover {
  color: #FFF;
}

.rank_main_footer_btn_main .secondary-btn {
  margin-left: 15px;
}

.meta-row.meta-row_right {
  text-align: right;
}

.stay_section .stay_main_right span:before {
  content: "";
  position: absolute;
  width: 63px;
  height: 63px;
  border-radius: 50%;
  right: 15px;
  top: -30px;
  background: #e3289d;
}

.stay_section .stay_main_right span img {
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
}

.stay_section .stay_main_right span:after {
  content: "";
  position: absolute;
  width: 31px;
  height: 31px;
  border-radius: 50%;
  left: 20px;
  bottom: 0;
  background: #3db8ea;
}

@media (min-width: 1081px) {
  .bg_white a.btn.btn-primary:hover {
    color: #fff;
  }
}

@media (max-height: 840px) {
  .main_title {
    font-size: 30px;
  }
}

.stay_section .stay_main_right span {
  position: absolute;
  right: 35px;
  top: 5px;
  display: block;
  width: 356px;
  height: 356px;
  background: #ada1ff;
  border-radius: 50%;
  text-align: center;
}

.step_one_main .main_title_content {
  max-width: 860px;
  text-align: center;
  margin: 0 auto
}

.step_one_box_icon {
  width: 60px;
  height: 60px;
  background: #01ffff;
  text-align: center;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px
}

.step_one_box_con h6 {
  font-size: var(--font-24);
  font-weight: 700;
  color: #fff;
  margin-bottom: 20px;
  line-height: var(--line-height-30)
}

.step_one_box_con p {
  color: #fff;
  margin-bottom: 0
}

.step_one_box {
  height: 100%
}

.step_one_section .container .row {
  margin: 0 -15px
}

.step_one_section .container .row>* {
  padding: 0 15px
}

.rank_main {
  background: #fff;
  padding: 47px 27px;
  border-radius: 20px;
  overflow: hidden
}

.rank_slider_box {
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
  margin-top: 0
}

.rank_slider_box_img {
  position: relative;
  width: 100%
}

.rank_slider_box_img .rank_img_name {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%)
}

.rank_slider_box_con {
  padding: 48px 20px 60px;
  text-align: center;
  position: relative
}

.rank_slider_box_img::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #000;
  opacity: .6;
  z-index: 0
}

.rank_name {
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  gap: 10px;
  position: absolute;
  min-width: 131.58px;
  height: 38px;
  line-height: 38px;
  background: #fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, .1);
  border-radius: 20px;
  bottom: -20px;
  font-weight: 400;
  font-size: 14px;
  line-height: 30px;
  color: #212529
}

.rank_name img {
  width: auto !important;
  height: auto;
  max-width: inherit
}

.rank_slider_box_con .rank_num {
  font-weight: 900;
  font-size: var(--font-30);
  line-height: 30px;
  color: #000;
  display: block
}

.rank_slider_box_con p {
  font-size: 15px;
  line-height: 25px;
  color: #575757;
  margin: 7px 9px 0;
  display: inline-block;
}

.rank_last {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
  font-weight: 500;
  font-size: 14px;
  line-height: normal;
  color: #ff0f6b;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 10px
}

.rank_main .main_title_content {
  max-width: 866px;
  margin: 0 auto;
  text-align: center
}

.rank_main .main_title_content h2 {
  color: #000;
  margin-bottom: 5px
}

.rank_main .main_title_content p {
  color: #575757;
  margin-bottom: 0
}

.rank_main .owl-carousel .owl-stage-outer {
  overflow: visible
}

.rank_main .owl-carousel {
  padding: 20px 0
}

.rank_main .owl-carousel {
  padding: 20px
}

.rank_main .owl-carousel .item {
  box-shadow: 0 4px 90px rgba(0, 0, 0, .1);
  border-radius: 20px
}

.rank_main_footer_title h2 {
  font-size: 122px;
  color: #000;
  font-weight: 900;
  margin-bottom: 10px
}

.rank_main_footer_title {
  text-align: center;
  max-width: 1280px;
  margin: 20px auto 0
}

.rank_main_footer_title p {
  color: #575757
}

@keyframes mover2 {
  from {
    transform: translateY(10px)
  }

  to {
    transform: translateY(-10px)
  }
}

.all_button_main .main_title_content {
  max-width: 650px;
  margin: 0 auto;
  text-align: center
}

.all_button_box ul {
  list-style: none;
  display: flex;
  padding: 0;
  text-align: center;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 10px;
  margin-top: -5px;
  margin-bottom: 0
}

.all_button_box ul li:before {
  display: none
}

.all_button_box ul li {
  display: inline-block;
  margin-top: 17px
}

.all_button_box ul li a {
  position: relative
}

.all_button_box ul li a::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(to right, #67ccfd 0, #d337bb 30%, #ff0f6b 70%, #fe5f3c 100%);
  transition: all .5s ease;
  z-index: -1;
  opacity: 0
}

.all_button_box ul li a {
  display: flex;
  overflow: hidden;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 21px 45px;
  height: 55px;
  background: #222;
  border: .8px solid #7c7c7c;
  border-radius: 30px;
  width: auto;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  z-index: 1
}

.section-space {

  padding-top: 180px !important;

}

.hexacon_main_box .main_title_content {

  max-width: 846px;

  margin: 0 auto;

  text-align: center;

}


.lendingthree_main p {

  font-size: var(--font-20);

  line-height: var(--line-height-30);

}

.hexacon_main_box .main_title_content {

  max-width: 846px;

  margin: 0 auto;

  text-align: center;

}

.main-grid {

  display: grid;

  grid-template-columns: 1fr 120px 1fr;

  align-items: stretch;

  gap: 0;

}

.meta-row.meta-row_left,
.meta-row.meta-row_right {

  margin-bottom: 70px !important;

}

.meta-label {

  font-size: var(--font-20);

  font-weight: 400;

  color: #fff;

  letter-spacing: .01em;

  line-height: var(--line-height-30);

  margin-bottom: 20px;

  display: block;

}

.heading-left,
.heading-right {

  font-size: var(--font-30);

  font-weight: 700;

  color: #fff !important;

  line-height: var(--line-height-30);

}

.col-left {

  display: flex;

  flex-direction: column;

  gap: 12px;

  padding-right: 174px;

}

.card-old {

  background: #1b1d21;

  border-radius: 50px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  position: relative;

  cursor: default;

  transition: background .22s ease, transform .22s ease;

  overflow: visible;

  opacity: 0;

  animation: .45s forwards slideLeft;

}

.col-left .card-old:nth-child(2n) {

  margin-right: 95px;

  z-index: 1;

}

.col-left .card-old:nth-child(2) {

  animation-delay: .18s;

}

.col-left .card-old:nth-child(3) {

  animation-delay: .26s;

}

.col-left .card-old:nth-child(4) {

  animation-delay: .34s;

}

.card-old:first-child .hex-right_svg {

  animation: 5s cubic-bezier(.4, 0, .2, 1) infinite modernPulse;

  animation-delay: 0s;

}

.card-old:nth-child(2) .hex-right_svg {

  animation: 5s cubic-bezier(.4, 0, .2, 1) infinite modernPulse;

  animation-delay: .8s;

}

.card-old:nth-child(3) .hex-right_svg {

  animation: 4s cubic-bezier(.4, 0, .2, 1) infinite modernPulse;

  animation-delay: 1.6s;

}

.card-old:nth-child(4) .hex-right_svg {

  animation: 5s cubic-bezier(.4, 0, .2, 1) infinite modernPulse;

  animation-delay: 2.4s;

}

.card-old:nth-child(5) .hex-right_svg {

  animation: 5s cubic-bezier(.4, 0, .2, 1) infinite modernPulse;

  animation-delay: 3.2s;

}

.col-left .card-old:nth-child(5) {

  animation-delay: .42s;

}

.card-old-title,
.pill-title {

  font-size: var(--font-20);

  font-weight: 500;

  color: #fff;

  margin-bottom: 5px;

  line-height: var(--line-height-30);

}

.card-old-desc,
.col-right .pill-desc {

  font-size: var(--font-18);

  color: #fff;

  line-height: 20px;

}

.col-center {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  gap: 0;

  padding: 0 4px;

}

.logo-badge {

  transition: all .5s ease;

}

.logo-badge svg {

  transform-origin: center;

  transition: transform .1s linear;

}

.meta-row.meta-row_left,
.meta-row.meta-row_right {

  margin-bottom: 70px !important;

}

.modal-backdrop.show {
  opacity: 0.8;
}

.meta-label {

  font-size: var(--font-20);

  font-weight: 400;

  color: #fff;

  letter-spacing: .01em;

  line-height: var(--line-height-30);

  margin-bottom: 20px;

  display: block;

}

.meta-row .heading-row {

  margin-bottom: 0 !important;

}

.col-right {

  display: flex;

  flex-direction: column;

  gap: 11px;

  padding-left: 174px;

}

.card-new {

  border-radius: 50px;

  display: flex;

  align-items: center;

  min-height: 82px;

  position: relative;

  overflow: visible;

  cursor: default;

  transition: transform .22s ease, filter .22s ease;

  padding: 16px 24px 16px 58px;

  opacity: 0;

  animation: .45s forwards slideRight;

}

.card-new.c-pink {

  background: #fdbabb;

}

.col-right .card-new {

  padding: 0 75px 0 137px;

}

.card-old,
.col-right .card-new {

  min-height: 123px;

}

.col-right .card-new:first-child {

  animation-delay: .1s;

}

.hex-left {

  position: absolute;

  left: -34px;

  top: 50%;

  transform: translateY(-50%);

  flex-shrink: 0;

}

.hex-right_svg {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

}

.hex-right_svg {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%) scale(.8);

  opacity: 0;

  z-index: 2;

}

.card-new:first-child .hex-right_svg {

  animation: 5s cubic-bezier(.4, 0, .2, 1) infinite modernPulse;

  animation-delay: 0s;

}

.col-right .pill-title {

  color: #000;

}

.col-right .pill-desc {

  color: #000;

}

.card-new.c-purple {

  background: #adbaff;

}

.col-right .card-new {

  padding: 0 75px 0 137px;

}

.card-old,
.col-right .card-new {

  min-height: 123px;

}

.col-right .card-new:nth-child(2) {

  animation-delay: .18s;

}

.col-right .card-new:nth-child(2n) {

  margin-left: 95px;

  z-index: 1;

}

.hex-left {

  position: absolute;

  left: -34px;

  top: 50%;

  transform: translateY(-50%);

  flex-shrink: 0;

}

.card-new:nth-child(2) .hex-right_svg {

  animation: 5s cubic-bezier(.4, 0, .2, 1) infinite modernPulse;

  animation-delay: .8s;

}

.col-right .card-new:nth-child(3) {

  animation-delay: .26s;

}

.card-new:nth-child(3) .hex-right_svg {

  animation: 4s cubic-bezier(.4, 0, .2, 1) infinite modernPulse;

  animation-delay: 1.6s;

}

.col-right .card-new:nth-child(4) {

  animation-delay: .34s;

}

.col-right .card-new:nth-child(2n) {

  margin-left: 95px;

  z-index: 1;

}

.card-new.c-teal {

  background: #01ffff;

}

.col-right .card-new {

  padding: 0 75px 0 137px;

}

.card-old,
.col-right .card-new {

  min-height: 123px;

}

.card-new:nth-child(4) .hex-right_svg {

  animation: 5s cubic-bezier(.4, 0, .2, 1) infinite modernPulse;

  animation-delay: 2.4s;

}

.card-new.c-teal {

  background: #01ffff;

}

.col-right .card-new {

  padding: 0 75px 0 137px;

}

.card-old,
.col-right .card-new {

  min-height: 123px;

}

.col-right .card-new:nth-child(4) {

  animation-delay: .34s;

}

.col-right .card-new:nth-child(2n) {

  margin-left: 95px;

  z-index: 1;

}

.card-new.c-green {

  background: #6dde83;

}

.col-right .card-new {

  padding: 0 75px 0 137px;

}

.card-old,
.col-right .card-new {

  min-height: 123px;

}

.col-right .card-new:nth-child(5) {

  animation-delay: .42s;

}

.card-new:nth-child(5) .hex-right_svg {

  animation: 5s cubic-bezier(.4, 0, .2, 1) infinite modernPulse;

  animation-delay: 3.2s;

}

.col-left .card-old:first-child {
  animation-delay: .1s
}

.col-left .card-old:nth-child(2) {
  animation-delay: .18s
}

.col-left .card-old:nth-child(3) {
  animation-delay: .26s
}

.col-left .card-old:nth-child(4) {
  animation-delay: .34s
}

.col-left .card-old:nth-child(5) {
  animation-delay: .42s
}

@keyframes slideLeft {
  from {
    opacity: 0;
    transform: translateX(-18px)
  }

  to {
    opacity: 1;
    transform: translateX(0)
  }
}

.card-old-body {
  flex: 1;
  min-width: 0;
  padding-right: 12px
}

.card-old {
  padding: 0 120px 0 50px;
}

.card-old {
  background: #67ccfd;
  background: -moz-linear-gradient(left, #67ccfd 0, #d337bb 30%, #ff0f6b 70%, #fe5f3c 100%);
  background: -webkit-linear-gradient(left, #67ccfd 0, #d337bb 30%, #ff0f6b 70%, #fe5f3c 100%);
  background: linear-gradient(to right, #67ccfd 0, #d337bb 30%, #ff0f6b 70%, #fe5f3c 100%);
}

.col-right {
  display: flex;
  flex-direction: column;
  gap: 11px;
  padding-left: 174px
}

.card-new {
  border-radius: 50px;
  display: flex;
  align-items: center;
  min-height: 82px;
  position: relative;
  overflow: visible;
  cursor: default;
  transition: transform .22s ease, filter .22s ease;
  padding: 16px 24px 16px 58px;
  opacity: 0;
  animation: .45s forwards slideRight
}

.col-right .card-new:first-child {
  animation-delay: .1s
}

.col-right .card-new:nth-child(2) {
  animation-delay: .18s
}

.col-right .card-new:nth-child(3) {
  animation-delay: .26s
}

.col-right .card-new:nth-child(4) {
  animation-delay: .34s
}

.col-right .card-new:nth-child(5) {
  animation-delay: .42s
}

@keyframes slideRight {
  from {
    opacity: 0;
    transform: translateX(18px)
  }

  to {
    opacity: 1;
    transform: translateX(0)
  }
}

.card-new:hover {
  transform: translateX(3px);
  filter: brightness(1.07)
}

.card-new.c-pink {
  background: #fdbabb
}

.card-new.c-purple {
  background: #adbaff
}

.card-new.c-cyan {
  background: #3db8ea
}

.card-new.c-teal {
  background: #01ffff
}

.card-new.c-green {
  background: #6dde83
}

.col-right .pill-desc {
  color: #000
}

.col-right .pill-title {
  color: #000
}

.hex-right {
  position: absolute;
  right: -34px;
  top: 50%;
  transform: translateY(-50%);
  flex-shrink: 0;
  z-index: 0;
}

.hex-right svg path:first-child {
  stroke: #fff;
}

.hex-right_svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(.8);
  opacity: 0;
  z-index: 2
}

.card-old:first-child .hex-right_svg {
  animation: 5s cubic-bezier(.4, 0, .2, 1) infinite modernPulse;
  animation-delay: 0s
}

.card-old:nth-child(2) .hex-right_svg {
  animation: 5s cubic-bezier(.4, 0, .2, 1) infinite modernPulse;
  animation-delay: .8s
}

.card-old:nth-child(3) .hex-right_svg {
  animation: 4s cubic-bezier(.4, 0, .2, 1) infinite modernPulse;
  animation-delay: 1.6s
}

.card-old:nth-child(4) .hex-right_svg {
  animation: 5s cubic-bezier(.4, 0, .2, 1) infinite modernPulse;
  animation-delay: 2.4s
}

.card-old:nth-child(5) .hex-right_svg {
  animation: 5s cubic-bezier(.4, 0, .2, 1) infinite modernPulse;
  animation-delay: 3.2s
}

.card-new:first-child .hex-right_svg {
  animation: 5s cubic-bezier(.4, 0, .2, 1) infinite modernPulse;
  animation-delay: 0s
}

.card-new:nth-child(2) .hex-right_svg {
  animation: 5s cubic-bezier(.4, 0, .2, 1) infinite modernPulse;
  animation-delay: .8s
}

.card-new:nth-child(3) .hex-right_svg {
  animation: 4s cubic-bezier(.4, 0, .2, 1) infinite modernPulse;
  animation-delay: 1.6s
}

.card-new:nth-child(4) .hex-right_svg {
  animation: 5s cubic-bezier(.4, 0, .2, 1) infinite modernPulse;
  animation-delay: 2.4s
}

.card-new:nth-child(5) .hex-right_svg {
  animation: 5s cubic-bezier(.4, 0, .2, 1) infinite modernPulse;
  animation-delay: 3.2s
}

@keyframes modernPulse {
  0% {
    transform: translate(-50%, -50%) scale(.7) rotate(0);
    opacity: 1;
    filter: blur(0px)
  }

  20% {
    opacity: 1;
    filter: blur(0px)
  }

  50% {
    transform: translate(-50%, -50%) scale(1.08) rotate(0);
    opacity: 1;
    filter: blur(0px)
  }

  80% {
    opacity: 1
  }

  100% {
    transform: translate(-50%, -50%) scale(.7) rotate(0);
    opacity: 1;
    filter: blur(0px)
  }
}

.servicelist_box .servicelist_content {

  padding: 30px 0 0;

}

.cms-area.servicelist_page {

  padding: 33px 0 0;

}

.cms-area.servicelist_page ul {

  padding-left: 0px;

  margin-bottom: 30px;

}

.cms-area.servicelist_page ul li {

  position: relative;

  padding: 0 0 0 24px;

  margin: 0 0 10px 0;

  font-family: 'NeueMontrealRegular';

  font-weight: 400;

  font-size: 18px;

  line-height: 130%;

  letter-spacing: 0%;

  color: #FFF;

  list-style: none;

}

.cms-area.servicelist_page ul li::before {

  width: 15px;

  height: 18px;

  position: absolute;

  left: 0;

  top: 8px;

  content: '';

  background-image: url("data:image/svg+xml,%3Csvg width='15' height='18' viewBox='0 0 15 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.3378 11.9029C5.24005 11.7063 3.73349 8.69297 2.19192 8.31387C1.67226 8.19712 1.25608 8.30014 1.25608 8.30014C0.683767 8.46634 0.266668 8.96219 0.103903 9.39508C-0.221855 10.3591 0.279032 11.0939 0.768472 11.7825C1.74735 13.1597 2.69739 14.5195 3.67627 15.8968C4.01027 16.3539 4.34999 16.8342 4.88682 17.0203C5.58527 17.2646 6.3833 16.9198 6.85832 16.3605C7.35645 15.7956 7.59499 15.074 7.83925 14.3755C7.98462 13.9715 8.12999 13.5674 8.27535 13.1634C8.77532 11.8127 9.32726 10.4738 9.90804 9.15219C10.4888 7.83061 11.0984 6.52643 11.76 5.23392C12.4216 3.94141 13.0889 2.67203 13.8313 1.4086C14.0227 1.09131 14.191 0.779741 14.3823 0.462452C14.4171 0.404763 14.6548 0.0760275 14.6145 0.0123864C14.5742 -0.0512546 14.256 0.150199 14.1866 0.167368C13.5967 0.460621 13.0296 0.846359 12.5203 1.26689C11.4842 2.13681 10.6383 3.18047 9.82699 4.26466C8.11716 6.67546 6.61496 9.23117 5.3378 11.9029Z' fill='%23BB9DF8'/%3E%3C/svg%3E");

  background-repeat: no-repeat;

  background-position: center;

  background-size: contain;

}

.thanku_content {
  background: #202020;
  padding: 110px 120px;
  position: relative;
  max-width: 1210px;
  margin: 0 auto;
  width: 100%
}

.thanku_content p img {
  width: 100%;
  margin-top: 28px;
  margin-bottom: 25px
}

.thanku_content h3 {
  color: #fff;
  margin-bottom: 4px
}

.thanku_content p:nth-last-child(2) {
  margin-bottom: 0
}

.thanku_content h3:last-child {
  margin: 0
}

.page-template-thankyou-page .header a.logo_img {
  text-align: center;
  float: none
}

.page-template-thankyou-page .header {
  overflow: visible;
  text-align: center
}

.page-template-thankyou-page .cms-area section.thanku_banner {
  text-align: center;
  padding: 179px 0 113px !important
}

.page-template-thankyou-page .header a.logo_img {
  position: relative;
  top: 40px
}

.page-template-thankyou-page .header.sticky {
  position: absolute !important;
  background: 0 0 !important
}

.auditpopup_main .white_form .form-group label.error,
.recaptcha-error-message,
.wpcf7-form label.error,
label.error {
  color: red !important;
  float: none;
  font-size: 14px !important;
  left: 0;
  padding-left: 0 !important;
  position: absolute;
  line-height: 20px;
  font-weight: 500;
}

.wpcf7-form-control-wrap {
  position: static !important;
}

.page-template-thankyou-page footer {
  padding: 0 !important;
}

.page-template-thankyou-page img.cityfooterimg {
  display: none;
}

.page-template-thankyou-page .footer_top_main {
  display: none;
}

.cms-area footer .footer_bottom_main,
.cms-area~footer .footer_bottom_main {
  position: relative;
}

.footer_menu_main .copyright_main {
  text-align: center;
  padding: 28px 0;
  border-top: 1px solid rgba(255, 255, 255, .3);
}

.page-template-thankyou-page .copyright_main {
  border-top: 0;
  padding: 40px 0;
}

.page-template-thankyou-page .footer_menu_main .copyright_main span,
.page-template-thankyou-page .footer_menu_main .copyright_main span a {
  color: #ddd;
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
}

.page-template-thankyou-page .footer_menu_main ul {
  margin: 0;
  padding: 0;
  text-align: center;
  display: inline-block;
}

.page-template-thankyou-page .footer_menu_main ul li {
  display: inline-block;
  list-style: none;
  padding: 0 0 0 28px;
  border-left: none;
  margin-left: 0;
  position: relative;
}

.page-template-thankyou-page .footer_menu_main ul li::before {
  background: rgba(0, 0, 0, 0);
  color: #ddd;
  content: "|";
  height: 1px;
  width: 1px;
  font-size: 16px;
  left: 10px;
  line-height: 30px;
  position: absolute;
  text-transform: uppercase;
  top: 4px;
  border-radius: 0;
  display: block;
}

.page-template-thankyou-page .footer_menu_main ul li a {
  color: #ddd;
  font-size: 16px;
  line-height: 30px;
  font-weight: 400;

}

.page-template-thankyou-page .f_menu_click {
  text-align: center;
  display: flex;
}

.page-template-thankyou-page .f_menu_click span {
  background: rgba(255, 255, 255, .1);
  width: 80px;
  height: 40px;
  border-radius: 40px 40px 0 0;
  margin: 0 auto;
  cursor: pointer;
  position: relative;
  z-index: 99;
  display: inline-block;
}

.page-template-thankyou-page .f_menu_click svg {
  width: 20px;
  height: 20px;
  fill: #fff;
  position: absolute;
  left: 0;
  right: 0;
  margin: 6px auto 0;
  top: 50%;
  transform: translateY(-50%);
}

.page-template-thankyou-page .f_menu_open {
  display: none;
  background: rgba(255, 255, 255, .1);
  padding: 0 40px;
}

.page-template-thankyou-page .thanku_content p strong {
  font-weight: normal;
  font-family: 'NeueMontrealMedium';
}

.page-template-thankyou-page .thanku_content p {
  margin-bottom: 30px;
}

@media (max-height: 840px) {
  .page-template-thankyou-page .footer_menu_main ul li::before {
    top: 0;
  }

  .page-template-thankyou-page .footer_menu_main .copyright_main {
    padding: 18px 0;
  }
}

.facts_section .icon-svg,
.facts_section .icon-svg.icon-svg-lg,
.facts_section img {

  width: 3rem;

  height: 3rem;

  margin-bottom: 1rem !important;

}

.pink .lineal-stroke {

  fill: var(--lightpink-color);

}

.lineal-fill {

  fill: transparent;

}

.facts_box.pink .counter {

  color: var(--lightpink-color);

}

.facts_box h3.counter {

  margin: 15px 0 10px;

  font-size: 30px;

  font-weight: 500;

}

.facts_box p {

  margin: 0;

  color: #ddd;

}

.lineal-fill {

  fill: transparent;

}

.purple .lineal-stroke {

  fill: var(--lightpurple-color);

}

.purple .lineal-stroke {

  fill: var(--lightpurple-color);

}

.facts_box.purple .counter {

  color: var(--lightpurple-color);

}

.blue .lineal-stroke {

  fill: var(--lightblue-color);

}

.facts_box.blue .counter {

  color: var(--lightblue-color);

}

.footer_ready_from_section .wpcf7-form-control-wrap {
  position: relative !important;
}

section.inner_hero_section.notfound_page {
  padding-top: 100px;
}

section.inner_hero_section.notfound_page img.img-shadow {
  position: absolute;
  right: 50%;
  top: 50%;
  margin-right: -500px;
  margin-top: 70px;
  transform: translate(50%, -50%);
  opacity: 0;
  pointer-events: none;
}

section.inner_hero_section.notfound_page .innerbanner_content {
  position: absolute;
  left: 0;
  right: 0;
  margin: 84px auto 0;
  top: 50%;
  transform: translateY(-50%);
}

.ready_from_main .lending_card-frame .card-frame .wpcf7-form-control-wrap {
  position: relative !important;
}

.cms-area.servicelist_page .service_list_section .row>:nth-child(2n) {
  transform: translateY(250px);
}

.cms-area.servicelist_page .service_list_section {
  padding-bottom: 200px !important;
}

.ti-widget.ti-goog .ti-review-item>.ti-inner,
.ti-widget.ti-goog .ti-load-more-reviews-container .ti-load-more-reviews-button {
  background: #272235 !important;
}

.google-reviews-bar .grb-badge {
  background: transparent;
  padding: 0;
}

.progress_main_box .nav-link span {

  display: block;

  font-weight: 500;

  font-size: var(--font-32);

  color: #fff;

  margin-bottom: 5px;

  line-height: normal;

}

.progress_main_box .nav-link {

  padding: 10px 15px;

  width: 140px;

  height: 140px;

  border: 2px solid rgba(255, 255, 255, .3);

  border-radius: 150px;

  font-weight: 500;

  font-size: var(--font-14);

  line-height: 16px;

  text-transform: uppercase;

  color: #fff;

  margin: 0;

}

.case_study_stats.w_c.border-none {
  border-top: 1px solid rgba(255, 255, 255, .15);
}

.plan_main_box_con .other_box_content {
  padding-top: 10px;
}

.fullimg_section .owl-carousel .owl-item img {
  border-radius: 20px;
}

.cms-area.cms_page .newteam_wraper.section-padding-200 {
  padding-top: 20px;
}

/* ==========================================================================
   RESPONSIVE MEDIA QUERIES
   ========================================================================== */


@media (min-width:1400px) {
  .clients_main .clients_main_box {
    width: 49.4%;
  }

  .cms-area.servicelist_page .service_list_section {
    padding-bottom: 150px !important;
  }
}

@media(max-width:1650px) {
  .banner-contact-info ul li a {
    font-size: 22px;
  }

  .innerbannertext h1 {
    font-size: 70px;
    line-height: 90px;
  }

  h2.main-title {
    font-size: 40px;
    line-height: 50px;
  }

  .success_main_content {
    min-height: 300px;
  }

  .digital-section .service-title br,
  .main_title_con .h1 br,
  .main_title_con h1 br {
    display: none;
  }

  .process-item h3 {
    font-size: 40px;
  }

  .brand_main .barnd-logo {
    gap: 40px;
  }

  .seo-container .seo-hero-row {
    gap: 100px;
  }

  .seo-container .seo-hero-row .seo-content-column {
    max-width: 515px;
  }

  .progress_main_box li.nav-item:not(:last-child) {
    padding-right: 60px;
  }

  .progress_main_box li.nav-item svg {
    width: 30%;
  }
}

@media (max-width:1500px) {
  .mobile_screen_section .owl-carousel {
    padding: 0 40px;
  }

  .mobile_screen_section .owl-carousel .owl-nav button.owl-prev,
  #desktopscreen_slider.owl-carousel .owl-nav button.owl-prev {
    left: -15px;
  }

  .mobile_screen_section .owl-carousel .owl-nav button.owl-next,
  #desktopscreen_slider.owl-carousel .owl-nav button.owl-next {
    right: -15px;
  }
}

@media (max-width:1399px) {
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>a>img {
    width: 40px !important;
    height: 40px !important;
    max-width: 40px !important;
    max-height: 40px !important;
    margin: 0px 13px 0 0;
    padding: 8px;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children.mega-menu-main>ul.sub>li>ul.sub>li>a .menu-item-content span.menu-image-title {
    margin-bottom: 3px;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>a span.menu-item-description {
    font-size: 11px;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>ul.sub>li>a>img {
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    max-width: 24px;
    max-height: 18px;
    margin: 0 13px 0 0;
    padding: 0;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>ul.sub>li>a span {
    font-size: 12px;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>ul.sub>li {
    margin: 0;
    padding: 0;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>ul.sub>li>a {
    height: 30px;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children.mega-menu-main>ul.sub>li>ul.sub>li>a {
    padding: 0 0 10px 0;
  }

  .banner-contact-info ul {
    column-gap: 10px;
  }

  .innerbannertext h1 {
    font-size: 60px;
    line-height: 80px;
  }

  .partners-logo .partners-track {
    gap: 60px;
  }

  .partner-content {
    padding: 45px 40px;
  }

  .key-card {
    height: 380px;
  }

  .key-card .card-text {
    font-size: 16px;
    line-height: 26px;
  }

  .process-item h3 {
    font-size: 30px;
  }

  .testimonial-card.card-text {
    padding: 20px;
  }

  .testimonial-card .card-body-text {
    font-size: 14px;
    line-height: 22px;
  }

  .landing_footer_link_ul .landing_footer_link ul li a {
    font-size: 16px;
    line-height: 170%;
  }

  .landing_footer_link_ul .footer_location.landing_footer_link ul li a {
    font-size: 16px;
    line-height: 130%;
  }

  .landing_footer_link_ul .footer_location.landing_footer_link h6 {
    font-size: 18px;
  }

  .brand-logo-list {
    gap: 40px;
  }

  .seo-container .seo-hero-row {
    padding: 140px 60px 180px;
    gap: 60px;
  }

  .seo-container .seo-hero-row .seo-image-column {
    max-width: 380px;
  }

  .seo-container .seo-hero-row .seo-content-column {
    max-width: 560px;
  }

  .seo-boost-box .content {
    padding: 50px 30px;
  }

  .wrappermain .fullimg_section .container {
    max-width: 100%;
  }

  .fullimg_new_section .fullimg_newbox_main {
    max-width: 1140px;
    margin: 0 auto;
    width: 100%;
  }

  .fullimg_new_section .fullimg_newbox_main .fullimg_newbox {
    top: 42px;
    max-width: 886px;
    height: 556px;
  }

  .new_style_accordion .accordion_info h3,
  .new_style_accordion .accordion_info h3 a {
    padding: 10px 0;
  }
}

@media (max-width:1199px) {
  .latest-header-main .navbar-brand {z-index: 1;}
  .ai-services {
    padding-top: 100px;
  }

  .new_style_accordion .accordion_item.active .accordion_content {
    max-height: max-content;
    margin-top: 15px;
  }

  .fullimg_new_section .fullimg_newbox_main {
    max-width: 920px;
  }

  .fullimg_new_section .fullimg_newbox_main .fullimg_newbox {
    top: 34px;
    max-width: 716px;
    height: 448px;
  }

  .banner-contact-info ul li a {
    font-size: 18px;
  }

  .banner-contact-info ul li span.icon {
    width: 40px;
    min-width: 40px;
    height: 40px;
  }

  .banner-contact-info ul {
    flex-wrap: wrap;
    row-gap: 20px;
  }

  .seo-boost-box .content {
    padding: 45px 30px;
  }

  .seo-boost-box .seo-boost-image {
    max-width: 48%;
  }

  .process-section .process-grid {
    min-height: auto;
  }

  .process-section .process-item .process-image {
    width: 100%;
  }

  .process-section .process-content {
    padding: 10px;
  }

  .process-item h3 {
    font-size: 26px;
    margin-top: 10px;
  }

  .process-section .process-number span {
    font-size: 40px;
  }

  .partner-feature {
    padding: 15px;
    gap: 10px;
  }

  .feature-content p {
    font-size: 14px;
  }

  .digital-section .service-title br {
    display: none;
  }

  .digital-section .service-title {
    font-size: 22px;
  }

  .digital-section .service-card {
    padding: 20px;
  }

  .team-accordion .accordion-button span {
    font-size: 18px;
  }

  .digital-section .service-desc {
    font-size: 16px;
  }

  .digital-section .service-card {
    gap: 44px;
  }

  .key-card {
    background: #241832;
    transform: translateY(-1px);
    box-shadow: 0 0 40px rgba(166, 49, 214, 0.08);
  }

  .key-card::before {
    opacity: 1;
  }

  .key-card::after {
    opacity: 1;
    top: -80px;
  }

  .card-button span {
    background: rgb(36 24 50);
  }

  .key-card .hover-tab {
    bottom: 0;
    cursor: pointer;
  }

  .key-card {
    height: 450px;
  }

  .partners-logo .partner-card img {
    height: 55px;
  }

  .team-accordion .accordion-body {
    font-size: 16px;
    line-height: 24px;
  }

  .team-accordion .accordion-item {
    padding: 17px 0;
  }

  .team-accordion .accordion-icon {
    height: 32px;
    width: 32px;
    flex: 0 0 32px;
  }

  .accordion-icon svg {
    height: 12px;
    width: 12px;
  }

  .team-section,
  .section-padding-t-200 {
    padding: 100px 0 0 0;
  }

  .process-section {
    padding: 0 0 120px 0;
  }

  .section-padding-200,
  .key-areas {
    padding: 100px 0;
  }

  .section-padding-b-200 {
    padding-bottom: 100px;
  }

  .card-label {
    font-size: 16px;
  }

  .tab-panel.active {
    display: block !important;
  }

  .tab-panel {
    display: none !important;
  }

  .tab-content-wrapper .owl-carousel .owl-dots {
    position: relative;
    bottom: -20px;
  }

  .case_study_card .case_study_stat_value span {
    font-size: 38px;
  }

  .seo-image-text .seo-content p {
    margin-bottom: 20px;
  }

  .seo-container .seo-hero-row {
    padding: 90px 25px 120px;
    gap: 40px;
  }

  .seo-container .seo-hero-row .seo-image-column {
    max-width: 340px;
  }

  .seo-container .seo-hero-row .seo-content-column {
    max-width: 100%;
  }

  .seo-container .seo-hero-row .seo-image-column img {
    width: 100%;
  }

  .navbar-expand-xl .navbar-nav.main-menu>.nav-link>span {
    text-align: left;
    width: 100%;
    display: block;
    font-size: 16px;
    font-family: 'NeueMontrealRegular';
    font-weight: bold;
    letter-spacing: 0.9px;
  }

  .navbar-expand-xl .navbar-nav.main-menu .nav-link span {
    text-align: left;
    width: 100%;
    display: block;
    font-size: 16px;
    font-family: 'NeueMontrealRegular';
    font-weight: normal;
  }

  .navbar-expand-xl .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>a {
    font-size: 14px;
    color: #FFF;
    padding-bottom: 0;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>a>img {
    flex: 0 0 40px;
    width: 40px !important;
    height: 40px !important;
    max-width: 40px !important;
    max-height: 47px !important;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children.mega-menu-main>ul.sub>li>ul.sub>li>a {
    min-height: auto;
    padding: 0 0 0px 10px;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li.parent:first-child>a span,
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li.parent:last-child>a span {
    font-family: 'NeueMontrealMedium';
    font-weight: 700;
    letter-spacing: 0.7px;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children.mega-menu-main>ul.sub>li.is-accordion-open>ul.sub>li {
    padding: 0;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children.mega-menu-main>ul.sub>li.is-accordion-open>ul.sub>li>a {
    padding: 10px 0 10px 10px;
  }

  .navbar-expand-xl .main-navigation li.level-2 a span.open-sub {
    display: none;
  }
}

@media (max-width:1024px) {
  .process-section .process-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .process-section .process-item:nth-child(2) {
    border-right: none;
  }

  .landing_footer_link_add h5 {
    color: #13101C;
    padding: 30px 0 0 0;
  }

  .landing_footer_link_add h5::after {
    content: '';
    height: 7px;
    top: 78%;
    transform: none;
    width: 17px;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 1L7 7L1 1' stroke='%2313101C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px 8px;
  }

  .landing_footer_link_add.active h5::after {
    content: '';
    transform: rotate(-180deg);
  }

  .landing_footer_link {
    border-bottom: 1px solid #DADADA;
    padding-bottom: 30px;
  }

  .landing_footer_link ul {
    padding-top: 20px;
  }

  .landing_footer_main_bottm {
    border-top: none;
  }

  .seo-image-text .seo-content p {
    margin-bottom: 20px;
    text-align: left;
    font-size: 16px;
    line-height: 24px;
  }

  ul.rounded_pill li span,
  ul.rounded_pill li {
    padding: 0 15px;
    height: 45px;
    line-height: 45px;
  }
}

@media (max-width:992px) {
  .cms-area.servicelist_page .service_list_section {
    padding-bottom: 100px !important;
  }

  .seo-image-text ul li {
    text-align: left;
  }

  .seo-image-text .approach_number {
    font-size: 90px;
    line-height: 80px;
    margin-bottom: 15px;
  }

  .map-main .map-tab li {
    margin-bottom: 20px;
  }

  .fullimg_new_section .fullimg_newbox_main {
    max-width: 730px;
  }

  .fullimg_new_section .fullimg_newbox_main .fullimg_newbox {
    top: 27px;
    max-width: 566px;
    height: 355px;
  }

  .seo-boost-box {
    flex-direction: column-reverse;
    text-align: center;
    overflow: hidden;
  }

  .seo-boost-box .content {
    padding: 35px 20px 40px;
    width: 100%;
  }

  .seo-boost-box .content p {
    font-size: 15px;
    line-height: 24px;
  }

  .seo-boost-box .content a.secondary-btn {
    margin: 0 auto;
    display: inline-block;
  }

  .seo-boost-box .seo-boost-image {
    max-width: 100%;
    width: 85%;
    margin: 25px auto 0;
  }

  .seo-boost-box .seo-boost-image::before,
  .seo-boost-box .seo-boost-image::after {
    display: none;
  }

  .brand-logo-list {
    gap: 10px;
    margin-top: 0;
  }

  .brand-logo-list .partner-card img {
    height: 45px;
  }

  .optimisation-banner {
    padding: 50px 20px;
  }

  .optimisation-banner::before,
  .optimisation-banner::after {
    background-size: 50%;
  }

  h2.main-title br {
    display: none;
  }

  .success_main_box {
    padding: 0;
  }

  .innerbannertext h1 {
    font-size: 36px;
    line-height: 50px;
  }

  .team-section {
    padding: 90px 0px 0px 0;
  }

  h2.main-title {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 20px;
  }

  .team-description p {
    font-size: 16px;
    line-height: 24px;
  }

  .team-content {
    margin-bottom: 35px;
  }

  .clients_slider_box {
    flex-wrap: wrap;
  }

  .clients_slider_box .clients_slider_img {
    width: 100%;
  }

  .success_section .main_landing_page_title p {
    font-size: 24px;
  }

  .service-row.row {
    margin-left: 0;
    margin-right: 0;
  }

  .service-row.row>* {
    padding-left: 0;
    padding-right: 0;
  }

  .partner-content {
    padding: 30px 20px;
  }

  .case_study_card .case_study_stat_value span {
    font-size: 32px;
  }

  .clients_slider_box .clients_slider_img img {
    position: static;
    transform: none;
  }

  .clients_slider_box .clients_slider_con {
    padding-left: 0;
    padding-top: 0;
  }

  .seo-image-text .row {
    flex-direction: column-reverse !important;
  }

  .seo-image-text .seo-content p,
  .seo-image-text .seo-content {
    text-align: center;
  }

  .seo-image-text .seo-image {
    margin: 0 auto 30px auto;
  }

  .seo-image-text .seo-content .btn-group {
    justify-content: center;
  }

  .seo-container .seo-hero-row {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 45px 15px 60px;
    gap: 25px;
  }

  .seo-container .seo-hero-row .seo-image-column {
    max-width: 320px;
    margin: 0 auto;
  }

  .seo-image-column .seo-marketing-text span {
    line-height: 24px;
  }

  .seo-image-column .seo-marketing-text {
    margin-top: 20px;
  }

  .seo-container .seo-hero-row .seo-content-column {
    max-width: 100%;
    text-align: center;
  }

  .seo-container .seo-description {
    font-size: 15px;
    line-height: 24px;
    text-align: center;
  }

  .mobile-slider.owl-carousel .owl-item>div {
    width: 100% !important;
  }

  .digital-container-btn {
    margin-top: -30px;
  }
}

@media (max-width:767px) {

  .formulate_box .formulate_content {
    padding-top: 0;
  }

  .newlandingtab_img {
    margin-right: 0px;
    width: 50%;
    margin: 0 auto;
  }

  .innerbannerimg_video video {
    width: 100%;
  }

  .ai-services {
    padding-top: 50px;
  }

  .hexagonlogo_logo_main {
    padding: 0 10px 50px 10px;
  }

  #process_slider {
    padding: 0;
  }

  .cms-area.servicelist_page .service_list_section {
    padding-bottom: 0px !important;
  }

  .case_study_stats.w_c.border-none {
    border-top: 1px solid rgba(255, 255, 255, .15);
  }

  .case_study_stats.w_c {
    border-top: none;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: start;
    justify-content: flex-start;
  }

  .case_study_card .case_study_stat_item p {
    padding: 0;
  }

  .ready_from_from .case_study_card .case_study_stat_item {
    padding-top: 0;
    margin-top: 0;
  }

  .ready_from_from .case_study_card .case_study_stats.w_c.border-none .case_study_stat_item {
    padding-top: 10px;
    margin-top: 10px;
  }

  .fullimg_new_section .fullimg_newbox_main {
    max-width: 540px;
  }

  .fullimg_new_section .fullimg_newbox_main .fullimg_newbox {
    top: 20px;
    max-width: 418px;
    height: 261px;
  }

  .seo-boost-box .content {
    padding: 25px 15px 30px;
  }

  .seo-boost-box .content h2.main-title {
    font-size: 22px !important;
    line-height: 30px !important;
  }

  .seo-boost-box .content p {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 20px;
  }

  .seo-boost-box .seo-boost-image {
    width: 95%;
    margin-top: 20px;
  }

  .landing_banner_main {
    padding-top: 90px !important;
  }

  .landing_choose_content {
    display: block;
  }

  .clients_main .main_landing_page_title h2 span {
    display: block;
  }

  .footer_bottm_link {
    justify-content: center;
    margin-top: 15px;
  }

  .brand_main .barnd-logo {
    display: block;
  }

  .landing_footer_google_review {
    margin: 0 auto;
  }

  .landing_footer_google_review .grb-badge {
    background: #FFF;
    border: 1px #D5D5D5 solid;
    padding: 10px 20px;
  }

  .landing_footer_google_review .grb-badge--avatars {
    align-items: center;
    flex-direction: row;
  }

  .landing_footer_logo {
    margin: 0 auto;
    text-align: center;
  }

  .review-main {
    margin-top: 20px;
  }

  .copyright_main {
    text-align: center;
    font-size: 13px;
  }

  .copyright_main span {
    font-size: 13px;
  }

  .footer_bottm_link ul {
    margin-left: 0;
  }

  .process-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .brand_main .barnd-logo {
    margin-bottom: 40px;
    margin-top: 40px;
  }

  .brand_main h2 {
    text-align: center;
    font-size: 30px !important;
  }

  .landing_footer_link_main .landing_footer_link ul li a {
    justify-content: center;
  }

  .partner-features>div {
    display: block;
  }

  .partner-features.owl-carousel .owl-item>div {
    margin-bottom: 30px;
  }

  .service-section-main.owl-carousel .owl-dots {
    position: relative;
    bottom: -80px;
  }

  .success_section .success_main .success_main_box_bg:after {
    bottom: 30px;
    background-size: 100% auto;
  }

  .success_main_box .row {
    margin-top: 0;
  }

  .success_main_content {
    min-height: 230px;
  }

  .success_section .main_landing_page_title p {
    font-size: 22px;
  }

  .team-image {
    margin-top: 0;
  }

  .process-section .process-grid {
    grid-template-columns: repeat(1, 1fr);
  }

  .process-section .process-grid {
    min-height: auto;
  }

  .process-section {
    padding-bottom: 70px;
  }

  .inner_hero_section {
    padding-top: 0px;
  }

  .innerbanner_content {
    padding: 30px 0 0 0;
  }

  .home .inner_hero_section .innerbanner_content {
    padding-top: 70px;
  }

  .innerbannertext h1 {
    font-size: 34px;
    line-height: 60px;
  }

  .navbar-brand {
    width: 50px;
  }

  .navbar-brand img {
    width: 100%;
    height: auto;
  }

  header .secondary-btn {
    display: none;
  }

  header .primary-btn {
    font-size: 16px;
    padding: 0 30px;
    height: 40px;
    line-height: 40px;
  }

  .innerbannertext {
    margin-top: 20px;
    text-align: center;
    margin-bottom: 30px;
  }

  .banner-review .review-lable {
    font-size: 14px;
  }

  .banner-review img {
    height: 20px;
  }

  .partners-logo {
    padding-top: 10px;
  }

  .partners-logo .partners-track {
    gap: 50px;
  }

  .partners-logo .partners-row {
    margin-top: 15px;
  }

  .innerbannertext h1 span::after {
    bottom: -9px;
  }

  .partners-logo .partner-card img {
    height: 35px;
  }

  h2 br {
    display: none;
  }

  .team-content {
    text-align: center;
    display: flex;
    flex-direction: column-reverse;
  }

  .team-accordion .accordion-button span {
    font-size: 18px;
    line-height: 22px;
  }

  .team-accordion .accordion-item {
    padding: 15px 0;
  }

  .team-accordion .accordion-icon {
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
  }

  .team-accordion .accordion-body {
    padding: 10px 0 0 0;
    font-size: 16px;
    line-height: 24px;
  }

  .accordion-icon svg {
    height: 12px;
    width: 12px;
  }

  .section-padding-200 {
    padding: 50px 0;
  }

  .section-padding-b-200 {
    padding-bottom: 50px;
  }

  .section-padding-t-200 {
    padding-top: 50px;
  }

  h2 {
    font-size: 40px !important;
  }

  .clients_section:before {
    left: -582.35px;
  }

  .clients_main .clients_main_box {
    width: 90%;
  }

  .case-study-all-btn {
    margin-top: 30px;
  }

  .success_con_box {
    margin-bottom: 0px;
    height: auto;
  }

  .success_num_main .success_num {
    font-size: 60px;
  }

  .success_num_main {
    margin-top: 44px;
    display: inline-block;
  }

  .success_con_box .success_small {
    font-size: 14px;
  }

  .success_num_main p {
    font-size: 14px;
    line-height: 24px;
    opacity: 1;
  }

  .success_section .success_main .success_main_box_bg {
    padding: 50px 0 80px 0;
    margin-top: 0px !important;
  }

  .digital-section p {
    color: #fff;
    font-size: 16px;
    margin-bottom: 30px;
  }

  .digital-section .service-title {
    font-size: 18px;
    margin-bottom: 0;
  }

  .digital-section .service-icon img {
    width: 43px;
    height: auto;
  }

  .digital-section .service-top {
    gap: 14px;
  }

  .digital-section .service-desc {
    font-size: 16px;
    color: #FFF;
  }

  .digital-section .service-card {
    padding: 20px;
  }

  .partner-description p {
    font-size: 16px;
  }

  .partner-feature {
    padding: 15px;
    height: 100%;
    margin-bottom: 0;
  }

  .feature-content p {
    font-size: 14px;
  }

  .process-section .process-number span {
    font-size: 30px;
  }

  .process-section .process-item {
    border-right: none;
    border-bottom: 1px solid #3e3e3e;
    margin: 30px 0 0 0;
    padding-top: 20px;
  }

  .process-item h3 br {
    display: none;
  }

  .process-item h3 {
    font-size: 30px;
    margin-bottom: 20px;
    margin-top: 25px;
  }

  .process-image {
    width: 100%;
    height: auto;
    transform: none;
  }

  .process-section .process-title {
    margin-bottom: 0;
  }

  .trusted-header {
    text-align: center;
  }

  .reviewer-avatars {
    width: 100%;
    justify-content: center;
  }

  .review-box {
    width: 100%;
    display: flex;
  }

  .review-count {
    font-size: 14px;
  }

  .testimonial-card .card-body-title {
    font-size: 16px;
  }

  .google-reviews-bar {
    margin-bottom: 0;
  }

  .testimonials-track {
    padding-top: 105px;
  }

  .trusted-section .google-reviews-bar .grb-badge {
    padding: 0;
  }

  .testimonials-slider.owl-carousel .owl-nav {
    top: -95px;
    right: 0;
    left: 0;
    justify-content: center;
    margin: 43px auto 0 auto;
  }

  .testimonials-slider.owl-carousel .owl-nav button.owl-next,
  .testimonials-slider.owl-carousel .owl-nav button.owl-prev {
    height: 43px;
    width: 43px;
  }

  .testimonials-slider.owl-carousel .owl-nav button.owl-next svg,
  .testimonials-slider.owl-carousel .owl-nav button.owl-prev svg {
    height: 15px;
    width: 13px;
  }

  .main_landing_page_title p {
    font-size: 16px;
    color: #FFF;
    opacity: 1;
    max-width: 100%;
  }

  .map-main img {
    width: 100%;
    margin-bottom: 0;
  }

  .mobile-order {
    display: flex;
    flex-direction: column-reverse;
  }

  .map-main .map-tab {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
  }

  .map-main .map-tab li {
    margin-right: 0;
    font-size: 12px;
    padding: 6px 18px;
    margin-bottom: 0;
  }

  .map-main .map-tab li a {
    font-size: 12px;
  }

  .map-main .map-tab li svg {
    height: 8px;
    width: 8px;
  }

  .landing_accodian_bo {
    flex-wrap: wrap;
  }

  .new_style_accordion .accordion_info h3 {
    font-size: 16px;
  }

  .new_style_accordion .accordion_title {
    padding: 10px;
    margin-bottom: 10px;
  }

  .new_style_accordion .accordion_info h3 {
    padding: 0;
  }

  .new_style_accordion .accordion_content p {
    font-size: 14px;
    line-height: 20px;
  }

  .new_style_accordion .accordion_arrow {
    height: 50px;
    width: 50px;
    border-radius: 15px;
  }

  .new_style_accordion .accordion_arrow {
    background-size: 20px;
  }

  .landing_accodian_bo {
    gap: 0;
  }

  .ready_from_main .case_study_card {
    text-align: center;
    padding-bottom: 20px;
  }

  .ready_from_from .case_study_card .case_study_stat_item h2 {
    font-size: 17px !important;
  }

  .review-main {
    font-size: 16px;
  }

  .lending_card-frame .row {
    grid-template-columns: 1fr;
  }

  .ready_from_main .lending_card-frame .field {
    padding-bottom: 20px;
  }

  .lending_card-frame .card-frame::after {
    width: 98px;
    height: 90px;
    bottom: -70px;
    right: 0;
  }

  .success_con_box {
    width: 100%;
  }

  .success_main_box .row,
  .row.partner-features {
    margin-left: 0;
    margin-right: 0;
  }

  .success_main_box .row>*,
  .row.partner-features>* {
    padding-left: 0;
    padding-right: 0;
  }

  .success_main_content {
    padding: 30px;
    display: block;
  }

  .ready_from_section .main_landing_page_title h2::before {
    bottom: -10px;
    width: 70px;
    height: 74px;
    display: none;
  }

  .key-areas {
    padding-bottom: 70px;
  }

  .header-actions {
    margin-left: 0;
  }

  .seo-container .seo-hero-row {
    padding: 35px 10px 45px;
    gap: 20px;
  }

  .seo-container .seo-hero-row .seo-image-column {
    max-width: 260px;
  }

  .seo-container .seo-hero-row .seo-content-column h2.main-title {
    font-size: 24px !important;
    line-height: 32px !important;
  }

  .seo-container .seo-description {
    font-size: 14px;
    line-height: 22px;
  }

  #menu-footer-menu {
    justify-content: center;
    gap: 10px;
    margin-top: 10px;
  }

  .copyright_main ul li {
    padding-left: 10px !important;
    margin-left: 0;
    padding-right: 0;
  }

  .copyright_main ul li:first-child {
    border-left: none;
  }

  .sub_btn {
    text-align: center;
    justify-content: center;
  }
}

@media(max-width:576px) {
  .fullimg_new_section .fullimg_newbox_main {
    max-width: 440px;
  }

  .fullimg_new_section .fullimg_newbox_main .fullimg_newbox {
    top: 16px;
    max-width: 342px;
    height: 215px;
  }
}

@media (max-width:479px) {
  .fullimg_new_section .fullimg_newbox_main {
    max-width: 330px;
  }

  .fullimg_new_section .fullimg_newbox_main .fullimg_newbox {
    top: 10px;
    max-width: 256px;
    height: 163px;
  }
}

@media (max-width:429px) {
  .home .innerbannertext h1 {
    font-size: 35px;
    line-height: 52px;
  }

  h2 {
    font-size: 26px !important;
    line-height: 1.2 !important;
  }
}

@media (min-width: 768px) {
  .col-ms-12.col-md-6.visible-sm.visible-xs.landingdetailmobileimg {
    display: none;
  }
}

@media (min-width: 576px) {
  .hexagonlogo_logo_main .col-lg-4:last-child {
    display: none;
  }
}

@media (max-width: 1440px) {
  .investments_box span {
    font-size: 19px;
    line-height: 1.3;
  }

  .investments_fourbox_main .col-invest:nth-child(2) {
    left: -17px;
  }

  .investments_fourbox_main .col-invest:nth-child(4) {
    margin-top: -56px;
  }
}

@media (max-width: 1080px) {
  .footer_location.landing_footer_link .landing_footer_link_add h5::after {
    display: none;
  }

  .footer_location.landing_footer_link .landing_footer_link_add h5 {
    padding-bottom: 10px;
  }

  .investments_fourbox_main {
    max-width: 315px;
  }

  .investments_fourbox_main .col-invest:nth-child(2) {
    left: -9px;
  }

  .investments_fourbox_main .col-invest:nth-child(3) {
    right: -16px;
  }

  .investments_fourbox_main .col-invest:nth-child(2),
  .investments_fourbox_main .col-invest:nth-child(3) {
    margin-top: -44px;
  }

  .investments_fourbox_main .col-invest:nth-child(4) {
    margin-top: -44px;
  }

}

@media (max-width: 991px) {
  .digital-section .service-card {
    margin: 0 10px;
  }

  .section_padding {
    padding: 60px 0 !important;
  }

  .investments_fourbox_main {
    margin-top: 70px;
    margin-bottom: 50px;
  }

  .investments_section .main_title {
    font-size: 30px !important;
  }
}

@media (max-width: 575px) {
  .investments_fourbox_main {
    max-width: 215px;
    margin-top: 50px;
    margin-bottom: 30px;
  }

  .investments_box span {
    font-size: 14px;
  }

  .investments_fourbox_main .col-invest:nth-child(2),
  .investments_fourbox_main .col-invest:nth-child(3) {
    margin-top: -28px;
  }

  .investments_fourbox_main .col-invest:nth-child(2) {
    left: -2px;
  }

  .investments_fourbox_main .col-invest:nth-child(3) {
    right: -6px;
  }

  .investments_fourbox_main .col-invest:nth-child(4) {
    margin-top: -28px;
  }
}

/* Max Width: 1440px */
@media (min-width: 1200px) {
  .top_filter_open {max-width: 970px;}
  .top_filter_open ul { max-width: 970px; margin: 0 auto; width: 100%;}
  .step_one_section .row .col-12:first-child .step_one_box_icon {
    animation: 1.2s infinite alternate mover2
  }

  .step_one_section .row .col-12:nth-child(3) .step_one_box_icon {
    animation: 1.3s infinite alternate mover2
  }

  .step_one_section .row .col-12:nth-child(2) .step_one_box_icon {
    animation: 1.4s infinite alternate mover2
  }

  .step_one_section .row .col-12:nth-child(4) .step_one_box_icon {
    animation: 1.5s infinite alternate mover2
  }

  .half_content_content_wrap .circletab_left_main,
  .half_content_content_wrap .circletab_right_main,
  .half_content_img_wrap .circletab_left_main,
  .half_content_quote_wrap .circletab_left_main {
    padding-right: 100px;
  }

  .innerbanner_btn_main form {
    min-width: 570px;
  }

  .plan_main_box_con {
    height: 100%;
  }

  .ebooklist_img_main:hover .ebooklist_link img {
    transform: translateY(-50%) scale(1.1);
  }

  .ebooklist_img_main:hover .ebooklist_content_box .ebooklist_title {
    color: #a1ffe6;
  }

  .caseimg_img_main:hover .caseimg_link .caseimg_content .caseimg_title {
    opacity: 1;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
  }

  .caseimg_img_main:hover .caseimg_link:before {
    opacity: 0.8;
  }

  .bloglist_box_main:hover .bloglist_img_main .bloglist_link .bloglist_content .ullicase span,
  .bloglist_box_main:hover .bloglist_img_main .bloglist_link .bloglist_content .ullicase span+span:before,
  .bloglist_box_main:hover .bloglist_img_main .bloglist_link .bloglist_content_box .bloglist_text,
  .bloglist_box_main:hover .bloglist_img_main .bloglist_link .bloglist_content_box .bloglist_title {
    color: #333;
  }

  .bloglist_box_main:hover .bloglist_img_main .bloglist_link .bloglist_content,
  .bloglist_img_main:hover .bloglist_link .bloglist_content_box {
    pointer-events: none
  }

  .bloglist_img_main:hover .bloglist_link>img {
    left: -30%
  }

  .bloglist_img_main:hover:before {
    right: 0
  }

  .bloglist_box_main:hover .bloglist_img_main .bloglist_link:before {
    opacity: 0
  }

  .bloglist_box_main:hover .bloglist_img_main .bloglist_link .bloglist_content_box .bloglist_text {
    left: 0;
    opacity: 1;
    pointer-events: auto
  }

  .bloglist_box_main:hover .bloglist_img_main .bloglist_link .bloglist_content .ullicase span,
  .bloglist_box_main:hover .bloglist_img_main .bloglist_link .bloglist_content .ullicase span+span:before,
  .bloglist_box_main:hover .bloglist_img_main .bloglist_link .bloglist_content_box .bloglist_text,
  .bloglist_box_main:hover .bloglist_img_main .bloglist_link .bloglist_content_box .bloglist_title {
    color: #333
  }

  .top_filter_open ul li a:hover {
    color: #fe5f3c
  }

  .newteam_img:hover .newteamimg_wrap:before {
    opacity: 1;
    top: 50%;
  }

  .newteam_img:hover .newteam_member .name {
    margin-bottom: 10px;
  }

  .newteam_img:hover .newteam_member .designation {
    transform: translateY(0);
  }

  .hexagonlogo_box {
    transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0)
  }

  .owl-item.active .hexagonlogo_box {
    transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transition: all 1.5s ease 0s;
    -moz-transition: 1.5s;
    -ms-transition: 1.5s;
    -o-transition: 1.5s;
    -webkit-transition: 1.5s
  }

  .hexagonlogo_box {
    margin-bottom: -25px
  }

  .logocirclesection .platforms_box:hover .platforms_link:before {
    border-width: 121px;
    border-color: #fff;
    box-shadow: 0 0 40px rgba(255, 255, 255, .5);
  }

  .logocirclesection .platforms_box:hover .platforms_link img {
    filter: none;
  }

  .platforms_box:hover .platforms_link span.viewmore {
    color: #000;
    border-bottom-color: #000;
  }
}

@media (min-width: 768px) {
  .formulate_box_main .formu-col:nth-child(3) {
    order: 2;
  }
}

@media (max-width: 1440px) {
  .stay_section .stay_main {
    max-width: 1300px;
  }

  .stay_section .stay_main_left {
    max-width: 630px;
  }

  .stay_main.bg_white {
    max-width: 100%;
    width: auto;
    margin: 0 60px;
  }

  .landingdetaildeskimg .bannerop_img {
    margin: 32px 50px 0 0;
  }

  .ebooklist_content_box .ebooklist_title {
    margin-top: 15px;
  }

  .casestudy_page .caseimg_section .caseimg_box_main {
    margin: 0 0 60px 0;
  }

  .casestudy_page .caseimg_section .row>*,
  .cms-area .bloglist_section .row>* {
    padding: 0 30px !important;
  }

  .technologiebox_wrap+.technologiebox_wrap {
    margin-top: 50px;
    padding-top: 50px;
  }

  .platform_box {
    margin-bottom: 40px;
  }

  .cms_page h3 {
    margin: 40px 0 20px;
  }

  .whatwe_box .whatwe_icon {
    height: 50px;
    margin-bottom: 40px;
  }

  .newteam_box_main .newteamcol {
    width: 20%;
  }

  .boosttraffic_box .boosttraffic_content .boosttraffic_title {
    font-size: 20px;
  }

  .cms-area .section_padding {
    padding: 60px 0 !important;
  }

  .formulate_box_main {
    margin: 30px 0 40px;
  }

  .seodiffe_section .ecomagency_box_main {
    margin: 65px 0 -60px;
  }

  .webdesign5_title_main .webdesign5_title {
    font-size: 40px !important;
    line-height: 1.3 !important;
  }

  .webdesign5_title_main .webdesign5_number {
    font-size: 287px;
    margin-top: 70px;
  }

  .webdesign5_box_main .row+.row {
    margin-top: 50px;
    padding-top: 40px !important;
  }

  .webdesign5_content_main p {
    font-size: 20px;
  }

  .product_video {
    margin-top: 14px;
  }

  .theme-video {
    min-height: inherit;
    padding-bottom: 52%;
  }

  .bloglist_box_main .bloglist_img_main .bloglist_link .bloglist_content_box .bloglist_title {
    font-size: 30px;
    line-height: 1.3;
  }

  .bloglist_box_main .bloglist_img_main .bloglist_link .bloglist_content_box,
  .bloglist_box_main .bloglist_img_main .bloglist_link .bloglist_content {
    left: 20px;
    right: 20px;
  }

  .cms-area.servicelist_page .servicelist_box {
    margin-top: 100px;
  }
}

@media (max-width:1399px) {
  .stay_section .stay_main_left {
    max-width: 530px;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>a,
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub>li>a {
    padding: 15px 30px 15px 30px;
  }

  .partners-logo .partner-card img {
    width: 105px;
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children.mega-menu-main>ul.sub {
    width: 80%;
  }

  .process-image {
    width: 80%;
    height: auto;
  }
}

/* Max Width: 1199px (Laptops / Small Desktops) */
@media (max-width: 1199px) {

  .navbar-expand-xl .navbar-nav.main-menu .nav-link span {
    color: #FFF !important;
  }

  .main-grid {
    grid-template-columns: 1fr;
    gap: 50px;
  }

  .meta-row.meta-row_left,
  .meta-row.meta-row_right,
  .meta-row.meta-row_left,
  .meta-row.meta-row_right {
    margin-bottom: 20px !important;
  }

  .col-left {
    padding-right: 70px;
  }

  .col-right {
    padding-left: 70px;
  }

  .hexagonlogo_box_main .owl-stage-outer {
    padding: 0 2px;
  }

  .stay_section .stay_main_left {
    max-width: 470px;
  }

  .aisearch_main_title .main_title h2 {
    font-size: 60px;
    line-height: 70px;
  }

  .key-tab {
    font-size: 15px;
  }

  .key-areas .owl-item .card-label span {
    position: relative
  }

  .key-areas .owl-item:nth-child(1n+1) .card-label span::after {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #71cfff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .main-navigation>ul.main-menu>li.menu-item-has-children.mega-menu-main>ul.sub {
    width: 100%;
  }

  .ebooklist_content_box .ebooklist_title {
    font-size: 15px;
  }

  .caseimg_img_main .caseimg_link .caseimg_logo {
    max-width: 140px;
  }

  .newteam_box_main .newteamcol {
    width: 25%;
  }

  .hexagonlogo_box {
    margin-bottom: -35px
  }

  .boosttraffic_box_main .boost-col:nth-child(odd) .boosttraffic_content {
    padding-left: 0
  }

  .boosttraffic_box_main .boost-col:nth-child(2n) .boosttraffic_content {
    padding-right: 0
  }

  .boosttraffic_box_main .boost-col:nth-child(odd) .boosttraffic_box {
    padding-right: 200px
  }

  .boosttraffic_box_main .boost-col:nth-child(2n) .boosttraffic_box {
    padding-left: 200px
  }

  .formu-col:first-child .formulate_box .formulate_content,
  .formu-col:nth-child(4) .formulate_box .formulate_content {
    padding-right: 151px;
  }

  .formu-col:nth-child(2) .formulate_box .formulate_content,
  .formu-col:nth-child(3) .formulate_box .formulate_content {
    padding-left: 151px;
  }

  .seodiffe_section .ecomagency_content {
    padding: 40px !important;
  }

  .seodiffe_section .ecomagency_number {
    right: 30px;
    top: -42px;
    font-size: 70px;
  }

  .seodiffe_section .ecomagency_box_main {
    margin: 65px 0 -30px;
  }
}

@media (max-height: 840px) {

  .bloglist_box_main .bloglist_img_main .bloglist_link .bloglist_content .ullicase>span,
  .caseimg_img_main .caseimg_link .caseimg_content .ullicase>span {
    font-size: 14px;
  }
}

/* Max Width: 1080px (Tablets / iPad Pro) */
@media (max-width: 1080px) {
  .cta_rady_main_title_ {
    max-width: 480px;
    padding: 140px 0;
  }

  .cta_rady_img_svg span {
    width: 80px;
    height: 80px;
    border: 2px solid #5b5b5b;
  }

  .cta_rady_img_svg .cta_rady_img_four,
  .cta_rady_img_svg .cta_rady_img_one {
    top: 35px;
  }

  .cta_rady_img_svg .cta_rady_img_two {
    left: 10px;
  }

  .cta_rady_img_svg .cta_rady_img_six,
  .cta_rady_img_svg .cta_rady_img_three {
    bottom: 35px;
  }

  .cta_rady_img_svg .cta_rady_img_four,
  .cta_rady_img_svg .cta_rady_img_one {
    top: 35px;
  }

  .cta_rady_img_svg .cta_rady_img_five {
    right: 10px;
  }

  .cta_rady_img_svg .cta_rady_img_six,
  .cta_rady_img_svg .cta_rady_img_three {
    bottom: 35px;
  }

  .hoverimgview {
    display: none;
  }

  .newteam_member .designation {
    transform: translateY(15px);
  }

  .lendingthree_main .main_title {
    font-size: 26px !important;
  }

  .stay_main.bg_white {
    padding: 60px 30px;
    margin: 0 40px;
  }

  .section-space {
    padding-top: 100px !important;
  }

  .facts_section .icon-svg,
  .facts_section .icon-svg.icon-svg-lg,
  .facts_section img {
    width: 2rem;
    height: 2rem;
  }

  .facts_box h3.counter {
    margin: 0 0 5px;
    font-size: 25px;
  }

  .landingdetaildeskimg .bannerop_img {
    margin: 32px 0 0;
  }

  .casestudy_page.cms-area .caseimg_section .caseimg_box_main {
    margin: 0 0 40px 0 !important;
  }

  .casestudy_page .caseimg_section .row .col-md-6:nth-child(even),
  .bloglist_section .row .col-md-6:nth-child(even) {
    transform: translateY(70px);
    -moz-transform: translateY(70px);
    -ms-transform: translateY(70px);
    -o-transform: translateY(70px);
    -webkit-transform: translateY(70px);
  }

  .casestudy_page .caseimg_section .row>*,
  .cms-area .bloglist_section .row>* {
    padding: 0 20px !important;
  }

  .technologo_box .technologoimg {
    height: 50px;
    margin-bottom: 40px;
  }

  .toolsresults_section .whatwe_box .whatwe_icon {
    width: 60px;
    height: 60px;
  }

  .toolsresults_section .whatwe_box .whatwe_icon {
    left: 30px;
  }

  .toolsresults_section .whatwe_box {
    padding: 25px 30px 25px 100px;
  }

  .plan_main_box_title_main span {
    height: 50px;
  }

  .whatwe_box .whatwe_content .whatwe_title {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .whatwe_box {
    margin-top: 30px;
  }

  .catinner_section .catinner_box_main {
    padding: 20px;
  }

  .catinner_box_main .catinner_content h2.main-title {
    font-size: 30px !important;
    margin-bottom: 20px;
  }

  .bloglist_box_main .bloglist_img_main .bloglist_link .bloglist_content_box .bloglist_text {
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.8;
  }

  .bloglist_box_main {
    margin: 0;
  }

  .bloglist_box_main .bloglist_img_main .bloglist_link .bloglist_content .ullicase {
    padding: 0;
  }

  .theme-video a {
    width: 70px;
    height: 70px;
  }

  .formulate_box_main {
    margin: 30px 0 20px;
  }

  .formu-col:first-child .formulate_box .formulate_content,
  .formu-col:nth-child(2) .formulate_box .formulate_content {
    margin-bottom: 55px;
  }

  .webdesign5_content_main p {
    font-size: 18px;
    line-height: 32px;
  }

  .ecomagency_box_main {
    margin: 40px 0 0;
    position: relative;
    padding: 25px 0 0;
  }

  #relatedblog_slider {
    padding: 0 40px;
  }

  .whatwe_box .whatwe_content p {
    font-size: 14px;
  }

  .casestudy_page .caseimg_section .row .col-md-6:nth-child(even),
  .bloglist_section .row .col-md-6:nth-child(even) {
    margin-bottom: 60px;
  }

  .bloglist_box_main .bloglist_img_main .bloglist_link {
    padding-bottom: 150%;
  }
}

/* Max Width: 991px (iPad / Tablets Landscape & Portrait) */
@media (max-width: 991px) {
  .author_main {
    padding: 40px;
  }

  .servicelist_box .servicelist_img {
    height: 500px;
  }

  .landing_banner_title_con .sub_title_btn span {
    margin-bottom: 10px;
    text-align: center;
  }

  .stay_main .stay_main_right {
    order: 1;
    width: 100%;
  }

  .stay_section .main_title h2 {
    font-size: 38px !important;
  }

  .stay_main {
    display: flex;
    flex-wrap: wrap;
  }

  .stay_section .stay_main_right span {
    position: relative;
    right: auto;
    top: 20px;
    display: flex;
    left: 50%;
    transform: translateX(-50%);
    margin: 20px 0 60px;
  }

  .stay_main .stay_main_left {
    order: 2;
    max-width: 100%;
    text-align: center;
  }

  .lendingthree_main .main_title {
    font-size: 26px !important;
  }

  .stay_main .stay_main_left {
    order: 2;
    max-width: 100%;
    text-align: center;
  }

  .stay_main.bg_white {
    margin: 0 20px;
  }

  .innerbanner_content .col-sm-12 {
    width: 100%;
    order: 1 !important;
  }

  .lendingthreebanner .innerbannertext {
    text-align: center;
    max-width: 100%;
  }

  .newlandingtab_content.tab_content_box {
    margin-top: 30px;
  }

  .newlandingtab_content_svg_main .col-sm-12 {
    width: 50%;
  }

  .approach_box_main .solutionapproch_row .seo-image-text .row {
    flex-direction: column !important;
  }

  .approach_box_main .solutionapproch_row .seo-image-text .seo-image {
    margin-left: 0;
  }

  .approach_box_main .solutionapproch_row .seo-image-text .seo-content p,
  .approach_box_main .solutionapproch_row .seo-image-text .seo-content {
    text-align: left;
  }

  .highperfor_box_main p {
    font-size: 18px;
  }

  .websiteaudit5_section .webdesign5_box_main span.stroke svg {
    width: 70%;
  }

  .cms-area.servicelist_page .servicelist_box {
    margin-top: 60px;
  }

  .inner-banner .checkbox_main {
    padding-left: 22px;
  }

  .inner-banner .checkbox_main label.lbl_radio {
    text-align: left;
  }

  .landingdetaildeskimg .bannerop_img {
    margin: 0;
    width: 100%;
  }

  .ebooklist_img_main {
    margin: 0 0 15px;
  }

  .technologo_box .technologoimg {
    margin-bottom: 30px;
  }

  .sitemap_box_main ul li {
    width: 50%;
  }

  .platform_section .col-sm-12.col-md-12.col-lg-4 {
    text-align: center;
    margin-bottom: 30px;
  }

  .platform_section .main_title {
    display: none;
  }

  .platform_section .platform_btn {
    display: none;
  }

  .webdesignnew_page .main_title {
    margin-top: 0 !important;
  }

  .platform_btnmobile {
    text-align: center;
    margin-top: 0px;
  }

  .platform_btnmobile .platform_btn.mobile {
    display: inline-flex;
  }

  .platform_section .platform_btn {
    margin-top: 15px;
  }

  .whatwe_box .whatwe_content {
    padding: 0;
    font-size: 14px;
  }

  .catinner_form_section.catinner_section .catinner_box_main {
    padding-right: 35px !important;
  }

  .catinner_form_section .catinner_box_main .catinner_btn_main {
    max-width: 100%;
    position: relative;
    right: 0;
    top: 0;
    transform: translateY(0);
    margin-top: 25px;
  }

  .catinner_form_section .catinner_box_main .catinner_content {
    text-align: center;
  }

  .catinner_form_section .catinner_box_main .catinner_btn_main {
    max-width: 100%;
    position: relative;
    right: 0;
    top: 0;
    transform: translateY(0);
    margin-top: 25px;
  }

  .bloglist_box_main .bloglist_img_main .bloglist_link .bloglist_content_box .bloglist_title {
    font-size: 22px;
    line-height: 1.3;
    display: block;
  }

  .bloglist_box_main .bloglist_img_main .bloglist_link .bloglist_content {
    left: 20px;
    right: 20px;
    bottom: 15px;
  }

  .newteam_box_main .newteamcol {
    width: 33.3333%;
  }

  .hexagonlogo_box {
    margin-bottom: -38px;
  }

  .boosttraffic_box .boosttraffic_content p {
    font-size: 14px;
  }

  .boost-col+.boost-col {
    margin-top: 40px !important
  }

  .boosttraffic_box {
    max-width: 75%;
  }

  .boosttraffic_box_main .boost-col:nth-child(2n) .boosttraffic_box {
    padding-left: 220px
  }

  .boosttraffic_box_main .boost-col:nth-child(odd) .boosttraffic_box {
    padding-right: 220px
  }

  .boosttraffic_box_main .boost-col:nth-child(odd) .boosttraffic_icon:before {
    left: -72px;
    right: auto;
    transform: rotate(-50deg)
  }

  .boosttraffic_box_main .boost-col:nth-child(2n) .boosttraffic_icon:before {
    left: auto;
    right: -72px;
    transform: rotate(50deg)
  }

  .boosttraffic_box_main {
    max-width: 700px;
    margin: 30px auto 0;
    width: 100%
  }

  .cms-area .section_padding {
    padding: 40px 0 !important;
  }

  .formulate_box .formulate_content {
    padding-top: 10px;
  }

  .formulate_box .formulate_icon {
    width: 80px;
    height: 80px;
    border-radius: 10px;
  }

  .hexagonlogo_logo_main {
    max-width: 700px;
    margin: 0 auto;
    width: 100%
  }

  .hexagonlogo_box_main .main_title_small {
    text-align: center;
    max-width: 570px;
    padding-right: 0;
    margin: 0 auto 20px;
    width: 100%
  }

  .formu-col:first-child .formulate_box .formulate_content,
  .formu-col:nth-child(4) .formulate_box .formulate_content {
    padding-right: 95px;
  }

  .formu-col:nth-child(2) .formulate_box .formulate_content,
  .formu-col:nth-child(3) .formulate_box .formulate_content {
    padding-left: 95px;
  }

  .formulate_box .formulate_content .formulate_title {
    font-size: 20px;
    margin-bottom: 10px;
  }

  .formu-col:first-child .formulate_box:after {
    right: 90px;
    margin-bottom: -14px;
    border-left-width: 2px;
  }

  .formu-col:nth-child(2) .formulate_box:after {
    left: 90px;
    margin-bottom: -14px;
    border-left-width: 2px;
  }

  .formu-col:first-child .formulate_box:before,
  .formu-col:nth-child(4) .formulate_box:before {
    top: 55px;
    margin-right: 60px;
    border-top-width: 2px;
  }

  .seodiffe_section .ecomagency_content {
    padding: 30px !important;
  }

  .seodiffe_section .ecomagency_content .h2 {
    font-size: 20px;
  }

  .webdesign5_title_main .webdesign5_title {
    font-size: 32px;
  }

  .webdesign5_title_main .webdesign5_number {
    font-size: 240px;
    margin-top: 50px;
  }

  .webdesign5_box_main span.stroke svg {
    width: 340px;
    height: 380px;
  }

  .webdesign5_content_main p {
    font-size: 18px;
    margin-bottom: 20px;
  }

  .rank_main_footer_title h2 {
    font-size: 70px;
  }

  .newlandingtab_img {
    margin-right: 0;
  }
}

/* Max Width: 767px (Mobile View) */
@media (max-width: 767px) {
  .digital-section .service-icon {
    width: 45px;
    min-width: 45px;
    height: 45px;
  }

  .ready_from_from .col-12.col-sm-4.col-md-4.col-lg-3 {
    order: 2;
  }

  .ready_from_from .col-12.col-sm-4.col-md-4.col-lg-7 {
    order: 1;
  }

  .innerbanner_content {
    padding: 20px 0 0 0;
  }

  .author_main .author_box_main {
    flex-direction: column;
  }

  .author_box_main .author_img_main {
    margin-top: 0 !important;
  }

  .author_box_main .author_content {
    width: 100%;
    padding-left: 0;
    text-align: center;
  }

  ul.nav-tabs.mobiletab>li.nav-item>a.nav-link {
    position: relative;
  }

  ul.nav-tabs.mobiletab>li.nav-item+li.nav-item {
    margin: 0;
  }

  .hex-left>svg,
  .hex-right>svg {
    width: 100px;
    height: 100px;
  }

  .step_one_box_icon {
    margin: 20px auto 10px auto;
  }

  .step_one_box {
    padding-bottom: 20px;
    text-align: center;
  }

  .ready_from_from .col-lg-3 {
    margin-top: 90px;
  }

  .rank_main_footer_title h2 {
    font-size: 70px;
  }

  .step_one_box {
    padding-bottom: 20px;
  }

  .newlandingtab_content_svg_main .col-sm-12 {
    width: 100%;
  }

  .aisearch_section .ai-wrapper {
    flex-wrap: wrap;
  }

  .aisearch_section .left-side {
    width: 100%;
  }

  .aisearch_section .right-side {

    width: 100%;
  }

  .col-left_main .col-left,
  .col-right_main .col-right {
    gap: 30px;
  }

  .col-left_main .col-left {
    padding-right: 30px;
  }

  .col-right_main .col-right {
    padding-left: 30px;
  }

  .cms-area.servicelist_page .service_list_section .row>:nth-child(2n) {
    transform: translateY(0px);
  }

  .fullimg_newbox:hover .hoverimgview {
    display: inline-flex;
  }

  .fullimg_new_section .fullimg_newbox_main .fullimg_newbox:hover {
    background-position: center top !important;
  }

  .top_filter_open {
    padding: 20px;
    background: #000;
  }

  .top_filter_open ul li {
    width: 100%;
    padding: 5px 5px;
    margin-bottom: 0;
    border-bottom: 1px solid #bbbbbb52;
  }

  .top_filter_open ul li a {
    font-size: 18px;
  }

  .bloglist_box_main .bloglist_img_main .bloglist_link .bloglist_content_box .bloglist_text {
    opacity: 1;
    left: 0;
  }

  .lendingthree_main .main_title {
    font-size: 26px !important;
  }

  .stay_main.bg_white {
    padding: 30px;
  }

  .aisearch_main_title.aisearch_show>span {
    display: none;
  }

  .aisearch_main_title .main_title h2 {
    line-height: 50px;
  }

  .lending_herologo_slider .lending_herologo_title {
    text-align: center;
  }

  .section-space {
    padding-top: 50px !important;
  }

  .highperfor_box_main p {
    font-size: 15px;
  }

  .websiteaudit5_section .webdesign5_title_main .webdesign5_number {
    position: static;
  }

  .websiteaudit5_section .webdesign5_box_main span.stroke svg {
    width: 50%;
  }

  .innerbannerimg {
    width: 90%;
  }

  .cms-area.servicelist_page .servicelist_box {
    max-width: 500px;
    margin: 0 auto 60px;
    width: 100%;
  }

  .success_main p br {
    display: none;
  }

  .trusted-section .google-reviews-bar {
    justify-content: center;
  }

  .process-section .process-item {
    border-top: 1px solid #8C8C8C;
  }

  .success_con_box .success_small {
    font-family: 'NeueMontrealMedium';
  }

  .clients_slider_two_box p {
    font-size: 12px;
    margin-bottom: 20px;
  }

  .clients_slider_con .case-study-link a {
    font-size: 18px;
  }

  .clients_slider_con .case-study-link a svg * {
    stroke-width: 2px;
  }

  .clients_slider_two_box .clients_slider_num {
    font-size: 38px;
    font-weight: bolder;
  }

  .clients_slider_two_box .clients_slider_num span {
    font-size: 38px;
    font-weight: bolder;
  }

  .clients_slider_title h6 {
    font-size: 14px;
  }

  .clients_slider_svg_box {
    margin-bottom: 20px;
  }

  .navbar-brand svg {
    width: 100%;
  }

  .toolsresults_section .whatwe_box_main .col-sm-6 {
    width: 100%;
  }

  .facts_section .col-md-4 {
    width: 33.3333%;
  }

  .landingdetailmobileimg .innerbannerimg img {
    max-width: max-content;
  }

  .innerbanner_content .col-md-6+.col-md-6.landingdetaildeskimg {
    display: none !important;
  }

  .col-ms-12.col-md-6.visible-sm.visible-xs.landingdetailmobileimg {
    padding: 40px 15px;
  }

  .casestudy_page.cms-area .caseimg_section .caseimg_box_main {
    margin-bottom: 0 !important;
  }
  .casestudy_page .caseimg_section .row .col-md-6:nth-child(even), .bloglist_section .row .col-md-6:nth-child(even),
  .bloglist_section .bloglist_main > .blogs_items {
        margin-bottom: 30px;
    }
  .casestudy_page .caseimg_section .row .col-md-6:nth-child(even),
  .bloglist_section .row .col-md-6:nth-child(even) {
    transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
  }

  .technologie_content h2 {
    font-size: 29px !important;
  }

  .technologie_logo_section {
    margin-top: 30px;
  }

  .technologie_content p {
    font-size: 14px;
  }

  .technologo_box .technologoimg {
    height: 80px;
    margin-bottom: 20px;
  }

  .sitemap_box_main ul {
    margin: 0 -20px 25px;
  }

  .sitemap_box_main ul li {
    padding: 0 20px 0 40px;
  }

  .sitemap_box_main ul li:before {
    width: 14px;
    height: 14px;
    top: 7px;
    background-size: 100%;
  }

  .sitemap_box_main ul li a {
    font-size: 15px;
  }

  .platform_section .col-sm-12.col-md-12.col-lg-4 {
    margin-bottom: 0;
  }

  .platform_box p {
    font-size: 14px;
  }

  .platform_box {
    margin: 0;
  }

  .platform_box .platform_img {
    margin: 50px 0 20px;
  }

  body .platform_box_main.row>* {
    padding: 0 35px !important;
  }

  .cms_page h3 {
    margin: 30px 0 15px;
  }

  .catinner_form_section.catinner_section .catinner_box_main {
    padding-right: 20px !important;
  }

  .ace-article {
    padding: 20px 16px;
    border-radius: 16px
  }

  .platforms_box .platforms_link span.viewmore {
    margin: 0 auto -61px;
  }

  .hexagonlogo_box {
    margin-bottom: -25px
  }

  .platforms_box {
    margin-bottom: 20px;
  }

  .platforms_box .platforms_link img {
    max-width: 80%;
    max-height: 80%;
  }

  .platforms_box .platforms_link img {
    max-width: 80%;
    max-height: 80%;
  }

  .boosttraffic_box .boosttraffic_icon:before {
    right: 0 !important;
    left: auto !important;
    bottom: 20px !important;
    margin: 0 auto !important;
    transform: rotate(90deg) !important;
    border-top-width: 2px
  }

  .boosttraffic_box .boosttraffic_icon:after {
    content: "";
    border-top: 2px dashed #999;
    position: absolute;
    top: 20px;
    width: 100%;
    z-index: -1;
    transform: rotate(90deg)
  }

  .boosttraffic_box_main .boost-col .boosttraffic_box {
    min-height: 110px
  }

  .boost-col+.boost-col:before {
    content: "";
    border-top: 2px dashed #999;
    position: absolute;
    left: 74px;
    right: 76px;
    top: -23px
  }

  .boost-col+.boost-col {
    position: relative
  }

  .boosttraffic_box .boosttraffic_icon {
    width: 100px;
    height: 100px
  }

  .boosttraffic_box .boosttraffic_icon img {
    max-width: 40px
  }

  .boosttraffic_box_main .boost-col:first-child .boosttraffic_box .boosttraffic_icon:after {
    display: none
  }

  .boosttraffic_box_main .boost-col:nth-child(odd) .boosttraffic_box {
    padding-right: 130px
  }

  .boosttraffic_box .boosttraffic_content .boosttraffic_title {
    font-size: 18px
  }

  .boosttraffic_box .boosttraffic_content .boosttraffic_title:before {
    height: 2px;
    width: 30px
  }

  .boosttraffic_box .boosttraffic_content .boosttraffic_title {
    margin-bottom: 0
  }

  .boosttraffic_box .boosttraffic_content p {
    line-height: 1.6
  }

  .boost-col+.boost-col {
    margin-top: 47px !important
  }

  .boosttraffic_box_main .boost-col:nth-child(2n) .boosttraffic_box {
    padding-left: 130px !important
  }

  .boosttraffic_box {
    max-width: 100%
  }

  .webdesign5_box_main span.stroke {
    font-size: 60px;
    line-height: 60px;
  }

  /* Formulate Section Mobile Stack */
  .formulate_box_main {
    max-width: 500px;
    margin: 20px auto 0;
  }

  .formulate_box {
    position: relative;
    min-height: 87px;
  }

  .formulate_box .formulate_icon {
    top: 0;
    width: 70px;
    height: 70px;
  }

  .formu-col:first-child .formulate_box .formulate_icon,
  .formu-col:nth-child(4) .formulate_box .formulate_icon,
  .formu-col:nth-child(2) .formulate_box .formulate_icon,
  .formu-col:nth-child(3) .formulate_box .formulate_icon {
    left: 0 !important;
    right: auto !important;
  }

  .formu-col:first-child .formulate_box .formulate_content,
  .formu-col:nth-child(4) .formulate_box .formulate_content,
  .formu-col:nth-child(2) .formulate_box .formulate_content,
  .formu-col:nth-child(3) .formulate_box .formulate_content {
    padding-left: 90px !important;
    padding-right: 0 !important;
    text-align: left !important;
    margin-bottom: 0 !important;
  }

  .formu-col:first-child .formulate_box,
  .formu-col:nth-child(4) .formulate_box,
  .formu-col:nth-child(2) .formulate_box,
  .formu-col:nth-child(3) .formulate_box {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .formu-col+.formu-col {
    margin-top: 30px;
  }

  .formu-col .formulate_box:before {
    display: none !important;
  }

  .formu-col .formulate_box:after {
    content: "" !important;
    border-left: 2px dashed #999 !important;
    position: absolute !important;
    left: 35px !important;
    right: auto !important;
    bottom: -40px !important;
    top: 0 !important;
    height: auto !important;
    z-index: -1 !important;
    margin: 0 !important;
  }

  .formu-col:last-child .formulate_box:after {
    display: none !important;
  }

  /* Seodiffe / Ecomagency Mobile */
  .seodiffe_section .ecomagency_box_main {
    margin: 35px 0 -30px;
  }

  .seodiffe_section .ecomagency_number {
    top: -25px;
    font-size: 55px;
  }

  .seodiffe_section .ecomagency_content {
    padding: 30px 20px !important;
  }

  .seodiffe_section .ecomagency_content .h2 {
    font-size: 20px;
    margin-bottom: 12px;
  }

  .seodiffe_section .ecomagency_box_main .col-text {
    margin-bottom: 30px;
  }

  /* Webdesign5 / Keypoints Mobile */
  .webdesign5_title_main h2.main-title {
    font-size: 36px !important;
  }

  .webdesign5_title_main {
    position: relative;
    margin-bottom: 10px;
    padding-right: 10px;
  }

  .webdesign5_title_main .webdesign5_title {
    font-size: 22px !important;
    line-height: 1.3 !important;
    margin-right: 70px;
  }

  .webdesign5_title_main .webdesign5_number {
    position: absolute;
    right: 0;
    margin: 0;
    top: -5px;
    font-size: 120px;
  }

  .webdesign5_box_main span.stroke svg {
    width: 200px;
    height: 180px;
  }

  .webdesign5_box_main .row+.row {
    margin-top: 35px;
    padding-top: 30px !important;
  }

  .webdesign5_content_main p {
    font-size: 15px;
    line-height: 28px;
  }

  .webdesign5_content_main ul li,
  .ecomagency_content ul li {
    font-size: 14px;
    line-height: 26px;
  }

  .ecomagency_box_main .row {
    align-items: start;
  }

  .ecomagency_box_main .row:nth-child(2n) .col-text .ecomagency_content,
  .ecomagency_box_main .row:nth-child(odd) .col-text .ecomagency_content {
    padding-left: 90px;
  }

  .ecomagency_content .h2 {
    margin-bottom: 12px;
    font-size: 20px !important;
  }

  .ecomagency_content .h2 {
    margin-bottom: 12px;
    font-size: 20px;
  }

  .ecomagency_content p {
    margin-bottom: 0;
    font-size: 16px;
  }

  .ecomagency_box_main .row .col-num {
    position: absolute;
    left: 0;
    width: auto;
    padding: 0;
    text-align: left !important;
  }

  .ecomagency_box_main .row:nth-child(odd) .col-num .ecomagency_number:before {
    display: none;
  }

  .ecomagency_number {
    font-size: 60px;
    margin-top: -6px;
  }

  .ecomagency_box_main:before {
    left: 35px;
    right: auto;
  }

  .ecomagency_box_main .row:nth-child(2n) .col-num .ecomagency_number:before {
    display: none;
  }

  .ecomagency_box_main .row:nth-child(2n) .col-num .ecomagency_number {
    padding: 0 !important;
  }

  .approach_box_main .row+.row,
  .approach_box_main .solutionapproch_row+.solutionapproch_row,
  .ecomagency_box_main .row+.row {
    margin-top: 15px;
  }

  .landing_accodian_main_logo svg {
    height: 120px;
    width: 120px;
  }

  .landing_accodian_main {
    padding-bottom: 220px;
  }

  .landing_accodian_main_logo {
    bottom: 0;
  }

  .main_landing_page_title.text-center {
    font-size: 16px;
  }

  .case_study_card_mian_im img {
    height: 50px;
    margin: 0 auto
  }

  .ready_from_from .case_study_card_mian_im {
    margin-bottom: 15px;
  }

  .review-main .review-main-img img {
    margin-bottom: 15px;
  }

  .case_study_card.case_study_card.case_study_card {
    padding-bottom: 20px;
  }

  .ready_from_main .lending_card-frame .card-frame {
    padding-bottom: 60px !important;
  }

  .brand_main {
    margin: 0;
    padding: 0 30px;
  }

  .fullinnerbanner .innerbanner_content {
    position: absolute;
    left: 0;
    right: 0;
    margin: 30px auto 0;
    top: 50%;
    transform: translateY(-50%);
  }

  .innerbanner_btn_main {
    gap: 15px;
  }

  .landing_banner_title_con.w_c {
    text-align: center;
  }

  .half_content_content_wrap .circletab_left_main,
  .half_content_content_wrap .circletab_right_main,
  .half_content_img_wrap .circletab_left_main,
  .half_content_quote_wrap .circletab_left_main {
    padding-right: 0px;
  }

  .circletab_section {
    padding-top: 50px;
  }

  .col-left .card-old:nth-child(2n),
  .col-right .card-new:nth-child(2n) {
    margin-left: 0;
    margin-right: 0
  }

  .aisearch_section .right-side {
    padding-left: 0;
  }

  .rank_main_footer_btn_main .secondary-btn {
    margin-left: 0
  }

  .rank_main_footer_btn_main {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
  }

  .card-old {
    padding: 0 90px 0 20px;
  }

  .col-right .card-new {
    padding: 0 20px 0 90px;
  }

  .rank_main_footer_title h2 {
    font-size: 80px;
  }

  .hex-right_svg {
    animation: inherit !important;
    opacity: 1 !important;
    animation-delay: inherit !important;
  }

  .page-template-ai-seo-new-page svg {
    animation: inherit !important;
    opacity: 1 !important;
    animation-delay: inherit !important;
  }

}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .landing_choose_box {
    padding: 300px 0;
  }

  .landing_banner_title_con.w_c {
    text-align: center;
  }

  .clients_slider_con .case-study-link a {
    font-size: 15px;
  }

  .clients_slider_two_box p {
    font-size: 14px;
  }

  .landing_footer_main_bottm .row {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
  }

  .landing_footer_main_bottm .row .col-md-10 {
    display: flex;
    align-items: center;
  }

  .landing_footer_main_bottm .row .col-md-10 .copyright_main {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }

  .landing_footer_main_bottm .row .col-md-2 {
    width: 100%
  }

  .footer_bottm_link {
    justify-content: center;
  }

  .footer_bottm_link ul {
    margin-left: 0;
  }

  .copyright_main ul li:first-child {
    padding-left: 0;
    border-left: none 0px;
    padding-left: 0 !important;
  }

  .copyright_main ul li {
    padding-left: 10px !important;
    border-left: solid 1px #ccc;
    margin-left: 0;
    padding-right: 0;
  }

  .copyright_main ul li {
    padding-left: 10px !important;
    border-left: solid 1px #ccc;
    margin-left: 10px;
    padding-right: 0;
  }

  .landing_footer_main_bottm .row {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }

  .landing_footer_main_bottm .row .col-md-10 .copyright_main {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-direction: column;
    width: 100%;
  }

  .landing_footer_link_ul .col-xl-3 .landing_footer_link ul li {
    display: inline-flex;
    width: 33%;
    flex-wrap: wrap;
  }

  .landing_footer_main .landing_footer_logo a {
    margin: 10px auto 0;
    text-align: center;
  }

  .landing_footer_main .landing_footer_google_review {
    margin: 20px auto
  }

  .landing_footer_google_review~.landing_footer_link {
    display: flex;
  }

  .landing_footer_google_review~.landing_footer_link ul {
    margin: 0 auto;
  }
}

@media (max-width:639px) {
  .stay_section .main_title h2 {
    font-size: 26px !important;
  }

  .primary-btn,
  .secondary-btn {
    font-size: 14px;
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
    padding: 0 37px;
  }

  .success_main_box_bg .owl-carousel .owl-item {
    display: block;
  }

  .detailoverview_box_info {
    border-right: 0px solid #5E586D;
    margin-top: 10px;
    margin-right: 10px;
    width: 48%;
    border-bottom: 1px solid #5E586D;
    padding-bottom: 10px;
  }

  .detailoverview_box_info_row {
    display: flex;
    grid-template-columns: auto;
    column-gap: 10px;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .detailoverview_box label {
    font-size: 14px;
  }

  .detailoverview_box_info p {
    font-size: 14px;
    line-height: 28px;
  }

  .detailoverview_box_info label {
    font-size: 12px;
    margin-bottom: 0;
  }

  .fullinnerbanner .innerbanner_btn_main {
    display: block;
  }

  .innerbanner_btn_main {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
  }

  .newteam_box_main .newteamcol {
    width: 50%;
  }

}

/* Max Width: 575px (Extra Small Mobile) */
@media (max-width: 575px) {
  .newlandingtab_img {
    width: 100%;
  }

  .lendingthree_main .main_title {
    margin-bottom: 10px;
  }

  .stay_main.bg_white {
    padding: 20px 10px;
  }

  .top_filter_box.two_filter .top_filter>span.filtertitle {
    display: block;
    margin-bottom: 10px;
  }

  .hexagonlogo_logo_main .row>:first-child,
  .hexagonlogo_logo_main .row>:nth-child(6) {
    margin: 0
  }

  .hexagonlogo_logo_main .row>* {
    width: 50%
  }

  .hexagonlogo_box {
    margin-bottom: -45px
  }

  .hexagonlogo_logo_main .row>:nth-child(3),
  .hexagonlogo_logo_main .row>:nth-child(6) {
    margin-left: 25%
  }

  .boosttraffic_box .boosttraffic_icon {
    width: 60px;
    height: 60px
  }

  .boosttraffic_box .boosttraffic_icon img {
    max-width: 30px
  }

  .boosttraffic_box_main .boost-col:nth-child(odd) .boosttraffic_box {
    padding-right: 75px
  }

  .boosttraffic_box_main .boost-col:nth-child(2n) .boosttraffic_box {
    padding-left: 75px !important
  }

  .boosttraffic_box_main .boost-col .boosttraffic_box:before {
    content: "";
    border-left: 2px dashed #999;
    position: absolute;
    top: -22px;
    bottom: -25px
  }

  .boosttraffic_box_main .boost-col:nth-child(odd) .boosttraffic_box:before {
    right: 29px
  }

  .boosttraffic_box_main .boost-col:nth-child(2n) .boosttraffic_box:before {
    left: 29px
  }

  .boosttraffic_box_main .boost-col:nth-child(2n) .boosttraffic_icon {
    left: 0
  }

  .boosttraffic_box_main .boost-col:nth-child(odd) .boosttraffic_icon {
    right: 0
  }

  .boost-col+.boost-col:before {
    left: 45px;
    right: 45px
  }

  .boosttraffic_box_main {
    margin-bottom: 30px
  }

  .boosttraffic_box_main .boost-col .boosttraffic_icon:after,
  .boosttraffic_box_main .boost-col .boosttraffic_icon:before {
    display: none !important
  }

  .formulate_box .formulate_icon {
    width: 60px;
    height: 60px;
  }

  .formulate_box .formulate_icon img {
    max-width: 32px;
    max-height: 32px;
  }

  .formu-col:first-child .formulate_box .formulate_content,
  .formu-col:nth-child(4) .formulate_box .formulate_content,
  .formu-col:nth-child(2) .formulate_box .formulate_content,
  .formu-col:nth-child(3) .formulate_box .formulate_content {
    padding-left: 75px !important;
  }

  .formu-col .formulate_box:after {
    left: 30px !important;
  }

  .formulate_box .formulate_content .formulate_title {
    font-size: 18px;
  }

  .formulate_box .formulate_content p {
    font-size: 14px;
    line-height: 24px;
  }

  .seodiffe_section .ecomagency_number {
    font-size: 45px;
    top: -20px;
    right: 20px;
  }

  .webdesign5_title_main .webdesign5_title {
    font-size: 20px !important;
  }

  .webdesign5_title_main .webdesign5_number {
    font-size: 90px;
  }

  .webdesign5_box_main span.stroke svg {
    width: 150px;
    height: 130px;
  }
}

@media (max-width: 479px) {
  .sitemap_box_main ul li {
    width: 100%;
  }

  .innerbanner_btn_main form .btninnermain .btn,
  .innerbanner_btn_main form .btninnermain .btn .submitbtn {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
  }

  .innerbanner_btn_main form.subscribenow .btninnermain .btn .submitbtn,
  .innerbanner_btn_main form.websiteaudit .btninnermain .btn .submitbtn {
    background-size: 25px 25px !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }

  .innerbanner_btn_main form.websiteaudit .btninnermain .btn .submitbtn {
    background-image: url(https://www.23digital.com.au/wp-content/themes/23digital-theme/assets/images/website-audit-icon.png) !important;
  }

  .innerbanner_btn_main form .btninnermain .btn .submitbtn {
    font-size: 0;
    vertical-align: top;
  }

  .innerbanner_btn_main form .website .form-control {
    border-radius: 46px;
    padding-right: 55px;
    height: 44px;
  }

  .btn_under_content {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    line-height: normal;
    pointer-events: none;
    padding-right: 0;
    position: absolute;
    right: 30px;
    bottom: 1px;
    display: block;
  }

  .btn_under_content:after {
    content: "";
    background: url(https://www.23digital.com.au/wp-content/themes/23digital-theme/assets/images/button-arrow.png) no-repeat;
    width: 13px;
    height: 27px;
    display: inline-block;
    position: relative;
    z-index: 23;
    top: 8px;
    right: -10px;
    background-size: 100%;
    transform: rotate(35deg);
  }

  .catinner_form_section .innerbanner_btn_main form {
    padding: 0 0 28px;
  }

  .platforms_box .platforms_link span.viewmore {
    margin: 0 auto -31px;
    font-size: 14px;
    max-width: 69px;
  }

  .hexagonlogo_logo_main {
    max-width: 280px
  }

  .hexagonlogo_box img {
    max-width: 80%;
    max-height: 80%
  }

  .hexagonlogo_box {
    margin-bottom: -18px
  }

  .innerbanner_btn_main form {
    padding-right: 0;
    padding-bottom: 20px;
  }

  .innerbanner_btn_main form.subscribenow .btninnermain .btn .submitbtn {
    background-image: url(https://www.23digital.com.au/wp-content/themes/23digital-theme/assets/images/Subscribe-Now-icon.png) !important;
  }

  .innerbanner_btn_main form.subscribenow .btninnermain .btn .submitbtn,
  .innerbanner_btn_main form.websiteaudit .btninnermain .btn .submitbtn {
    background-size: 25px 25px !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }
}

@media (max-width:430px) {
  .newteam_box_main .newteamcol {
    width: 100%;
  }
}

@media (max-width:390px) {
  .innerbannertext h1 {
    font-size: 34px;
    line-height: 50px;
  }
}

@media (max-width: 1770px) {

  .hex-left>svg,
  .hex-right>svg {
    width: 100px;
    height: 100px;
  }
}


/* ==========================================================
   MOBILE MENU — REMOVE ALL OPEN/CLOSE ANIMATIONS
   Append this block to the END of your main stylesheet so it
   wins the cascade. It does not touch your JS or your class
   logic (is-open / is-accordion-open / is-active) — it only
   removes the transition/animation duration so those state
   changes happen instantly instead of sliding or fading.
========================================================== */
@media (max-width: 1024px) {

  .main-navigation,
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub,
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li>ul.sub,
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li.is-accordion-open>ul.sub,
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li.is-accordion-open.is-active>ul.sub,
  .menu-overlay,
  .main-navigation ul.main-menu li.menu-item-has-children .open-sub,
  .main-navigation>ul.main-menu>li.menu-item-has-children>ul.sub>li.menu-item-has-children>a::after,
  .site-header,
  body {
    transition: none !important;
    animation: none !important;
  }
}