/* =============================================================
   Reusable Component Styles
   Loaded on flexible page template via functions.php.
   Mobile-first. Mirrors Next.js SCSS modules exactly.
   ============================================================= */

/* ─────────────────────────────────────────────────────────────
   1. WEB APPLICATION BUSINESS (.wab)
   ───────────────────────────────────────────────────────────── */
.wab {
  background-color: #000;
  padding: 80px 0;
}
.wab.padding50 {
  padding-top: 50px;
}
.wab__main h2 {
  font-size: 42px;
  color: #fff;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  font-family: "Gilroy", Arial, sans-serif;
}
.wab__main h2 span {
  color: #e80101;
}

.wab__box {
  padding-top: 100px;
}
.wab.padding50 .wab__box {
  padding-top: 80px;
}

.wab__grid {
  display: grid;
  grid-template-columns: 0.8fr 1fr;
  gap: 30px;
}
.wab__left {
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 13px;
  padding: 50px 35px;
  border: 1px solid #fff;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
}
.wab__left h3 {
  color: #fff;
  font-size: 35px;
  font-weight: 600;
  line-height: 1.2;
  font-family: "Gilroy", Arial, sans-serif;
  margin: 0;
}
.wab__left p {
  font-weight: 500;
  font-size: 18px;
  color: #fff;
  line-height: 1.2;
  margin: 0;
  font-family: "Gilroy", Arial, sans-serif;
}
.wab__btn {
  width: auto !important;
}

.wab__right {
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
}
.wab__right > p {
  font-weight: 500;
  font-size: 18px;
  color: #fff;
  line-height: 1.5;
  width: 75%;
  font-family: "Gilroy", Arial, sans-serif;
  margin: 0;
}
.wab__cats ul {
  display: flex;
  list-style: none;
  gap: 10px;
  padding: 0;
  flex-wrap: wrap;
  margin: 0;
}
.wab__cats ul li a {
  display: block;
  border: 1px solid #c1c1c1;
  padding: 10px 25px;
  border-radius: 36px;
  font-weight: 600;
  font-size: 16px;
  color: #fff;
  text-decoration: none;
  font-family: "Gilroy", Arial, sans-serif;
  transition:
    background-color 0.25s,
    border-color 0.25s;
}
.wab__cats ul li a:hover {
  background-color: #e80101;
  border-color: #e80101;
}

.imgCta.blackText .main .right h2,
.imgCta.blackText .main .right p {
  color: #2c2c2c;
}
@media (max-width: 1199px) {
  .wab__box {
    padding-top: 50px;
  }
  .wab__grid {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
  .wab__left h3 {
    font-size: 28px;
  }
  .wab__left p {
    font-size: 16px;
  }
  .wab__right > p {
    font-size: 16px;
    width: 85%;
  }
  .wab__cats ul li a {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .wab.padding50 .wab__box {
    padding-top: 30px;
  }
  .wab__main h2 {
    font-size: 30px;
  }
  .wab__grid {
    grid-template-columns: 1fr;
  }
  .wab__left {
    align-items: center;
  }
  .wab__left h3 {
    font-size: 24px;
    text-align: center;
  }
  .wab__left p {
    text-align: center;
  }
  .wab__right > p {
    text-align: center;
    margin: 0 auto;
    width: 100%;
  }
  .wab__cats ul {
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .wab__main h2 {
    font-size: 28px;
  }
}
@media (max-width: 575px) {
  .wab__main h2 {
    font-size: 26px;
  }
}

/* ─────────────────────────────────────────────────────────────
   2. SERVICE CASE STUDY TABS (.scs)
   ───────────────────────────────────────────────────────────── */
.scs {
  padding: 30px 0;
  background-color: #000;
}
.scs.paddingBottom50 {
  padding-bottom: 80px;
}

.scs__head {
  text-align: center;
}
.scs__head h2 {
  font-size: 44px;
  color: #fff;
  font-weight: 600;
  line-height: 1.2;
  font-family: "Gilroy", Arial, sans-serif;
  margin: 0 0 16px;
}
.scs__head h2 span {
  color: #e80101;
}
.scs__head > p {
  font-weight: 500;
  font-size: 18px;
  color: #ccc;
  line-height: 1.5;
  width: 75%;
  margin: 0 auto;
  font-family: "Gilroy", Arial, sans-serif;
}

.scs__nav {
  display: flex;
  align-items: center;
  gap: 0;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 40px 0 30px;
  border-bottom: 1px solid #6e6e6e;
}
.scs__tab {
  transition: 0.5s;
  text-align: center;
  width: 23%;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  position: relative;
}
.scs__tab-img {
  position: relative;
  cursor: pointer;
  text-align: center;
  height: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.scs__tab-img img {
  max-width: 130px;
  width: auto;
  height: auto;
  object-fit: contain;
  margin-bottom: 10px;
}
.scs__tab.active .scs__tab-img::before {
  content: "";
  position: absolute;
  background-color: #e80101;
  width: 100%;
  height: 3px;
  bottom: -2px;
  left: 0;
  right: 0;
  margin: auto;
}

.scs__panel {
  display: none;
}
.scs__panel.active {
  display: block;
}

.scs__panel-inner {
  display: grid;
  grid-template-columns: 0.7fr 1fr;
  gap: 30px;
}
.scs__panel-left {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 15px;
  align-items: flex-start;
}
.scs__panel-left h3 {
  color: #fff;
  font-size: 35px;
  font-weight: 600;
  line-height: 1.2;
  font-family: "Gilroy", Arial, sans-serif;
  margin: 0;
}
.scs__panel-left > p {
  font-weight: 500;
  font-size: 18px;
  color: #bdbdbd;
  line-height: 1.5;
  margin: 0;
  font-family: "Gilroy", Arial, sans-serif;
}
.scs__btn {
  width: auto !important;
}

.scs__img-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  align-items: center;
}
.scs__stat-box {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.scs__stat {
  border: 1px solid #b9b9b9;
  padding: 20px;
  border-radius: 20px;
}
.scs__stat h4 {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  color: #bdbdbd;
  min-height: 52px;
  margin: 0 0 8px;
  font-family: "Gilroy", Arial, sans-serif;
}
.scs__stat > p {
  font-size: 70px;
  font-weight: 600;
  color: #fff;
  margin: 0;
  line-height: 1;
  font-family: "Gilroy", Arial, sans-serif;
}

@media (max-width: 1199px) {
  .scs__panel-inner {
    grid-template-columns: 1fr;
  }
  .scs__panel-left {
    align-items: center;
  }
  .scs__panel-left h3 {
    text-align: center;
    font-size: 28px;
  }
  .scs__panel-left > p {
    text-align: center;
  }
  .scs__img-grid {
    gap: 10px;
  }
  .scs__img-box {
    text-align: center;
  }
  .scs__stat h4,
  .scs__stat > p {
    text-align: center;
  }
}
@media (max-width: 1024px) {
  .scs__nav {
    flex-direction: column;
    gap: 20px;
  }
  .scs__tab {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .scs__head h2 {
    font-size: 30px;
  }
  .scs__head > p {
    font-size: 16px;
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .scs__head h2 {
    font-size: 28px;
  }
  .scs__head > p {
    font-size: 14px;
  }
  .scs__img-grid {
    grid-template-columns: 1fr;
  }
  .scs__img-box img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 575px) {
  .scs__head h2 {
    font-size: 26px;
  }
}

/* ─────────────────────────────────────────────────────────────
   3. DEVELOPMENT SERVICES (.dev-services)
   ───────────────────────────────────────────────────────────── */
.dev-services {
  padding: 60px 0;
  background-color: #000;
  background-size: cover;
  background-repeat: no-repeat;
}
.dev-services__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 100px;
  align-items: center;
}
.dev-services__left h2 {
  font-size: 46px;
  line-height: 1.2;
  color: #fff;
  margin-bottom: 20px;
  font-weight: 600;
  font-family: "Gilroy", Arial, sans-serif;
}
.dev-services__left h2 span {
  color: #e80101;
}
.dev-services__left > p {
  font-size: 18px;
  color: #fff;
  line-height: 30px;
  margin-bottom: 20px;
  font-weight: 500;
}
.dev-services__left .av-primary-btn {
  width: fit-content;
  display: inline-block;
}

/* Bootstrap accordion overrides */
.dev-services__accordion {
  --bs-accordion-bg: rgba(0, 0, 0, 0.75);
}
.dev-services__accordion + .dev-services__accordion {
  margin-top: 20px;
}
.dev-services__item {
  border: 1px solid #fff !important;
  border-radius: 7px !important;
  margin-bottom: 20px;
  overflow: hidden;
}
.dev-services__btn {
  color: #fff !important;
  font-family: "Gilroy", Arial, sans-serif !important;
  font-size: 24px !important;
  font-weight: 500 !important;
  justify-content: space-between !important;
  padding: 20px !important;
  gap: 20px;
  background-color: transparent !important;
  box-shadow: none !important;
}
.dev-services__btn::after {
  display: none !important;
}
.dev-services__btn:focus {
  box-shadow: none !important;
}
.dev-services__btn[aria-expanded="true"],
.dev-services__accordion .accordion-button:not(.collapsed) {
  background-color: #e80101 !important;
  color: #fff !important;
  --bs-accordion-btn-color: #fff;
  --bs-accordion-active-color: #fff;
  --bs-accordion-active-bg: #e80101;
}
.dev-services__icon {
  flex-shrink: 0;
  line-height: 0;
}
.dev-services__icon--minus {
  display: none;
}
.dev-services__icon--plus {
  display: block;
}
.dev-services__btn[aria-expanded="true"] .dev-services__icon--minus {
  display: block;
}
.dev-services__btn[aria-expanded="true"] .dev-services__icon--plus {
  display: none;
}

.dev-services__body {
  padding: 30px 30px 20px;
  background-color: rgba(0, 0, 0, 0.75);
}
.dev-services__body p {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  margin: 0;
  line-height: 1.5;
}

/* White theme */
.dev-services.whiteTheme {
  background-color: #fff;
}
.dev-services.whiteTheme .dev-services__left h2 {
  color: #333;
}
.dev-services.whiteTheme .dev-services__left > p {
  color: #333;
}
.dev-services.whiteTheme .dev-services__accordion {
  --bs-accordion-bg: #fff;
}
.dev-services.whiteTheme .dev-services__item {
  border-color: #999 !important;
}
.dev-services.whiteTheme .dev-services__btn {
  color: #333 !important;
  font-weight: 600 !important;
}
.dev-services.whiteTheme .dev-services__btn[aria-expanded="true"],
.dev-services.whiteTheme
  .dev-services__accordion
  .accordion-button:not(.collapsed) {
  color: #fff !important;
}
.dev-services.whiteTheme .dev-services__body {
  background-color: #fff;
}
.dev-services.whiteTheme .dev-services__body p {
  color: #333;
}

@media (max-width: 1440px) {
  .dev-services__grid {
    gap: 80px;
  }
  .dev-services__left h2 {
    font-size: 40px;
  }
  .dev-services__btn {
    font-size: 20px !important;
  }
  .dev-services__body p {
    font-size: 16px;
  }
}
@media (max-width: 1200px) {
  .dev-services__left h2 {
    font-size: 38px;
  }
  .dev-services__left > p {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .dev-services__grid {
    grid-template-columns: 1fr;
    gap: 50px;
  }
  .dev-services__left {
    text-align: center;
  }
  .dev-services__left h2 {
    font-size: 30px;
  }
  .dev-services__left > p {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .dev-services__left h2 {
    font-size: 28px;
  }
  .dev-services__left > p {
    font-size: 14px;
  }
  .dev-services__btn {
    font-size: 18px !important;
  }
  .dev-services__body {
    padding: 20px;
  }
  .dev-services__body p {
    font-size: 14px;
  }
}

/* ─────────────────────────────────────────────────────────────
   4. SITECORE EXPERTISE (.av-expertise)
   ───────────────────────────────────────────────────────────── */
.av-expertise {
  padding: 80px 0;
  background-color: #000;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.av-expertise.whiteTheme {
  background-color: #fff;
  position: relative;
}
.av-expertise.whiteTheme::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
}
.av-expertise.whiteTheme::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px;
  background: linear-gradient(0deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
}
.av-expertise__head {
  text-align: center;
  margin-bottom: 0;
}
.av-expertise__head h2 {
  font-size: 42px;
  font-weight: 600;
  color: #fff;
  line-height: 1.15;
  font-family: "Gilroy", Arial, sans-serif;
  margin: 0 0 16px;
}
.av-expertise__head h2 span {
  color: #e80101;
}
.av-expertise__head p {
  font-size: 18px;
  color: #ccc;
  font-weight: 500;
  margin: 0;
  font-family: "Gilroy", Arial, sans-serif;
}
.av-expertise.whiteTheme .av-expertise__head h2 {
  color: #333;
}
.av-expertise.whiteTheme .av-expertise__head p {
  color: #555;
}

.av-expertise__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 70px;
}
.av-expertise__img-grid {
  margin-top: 60px;
}
.av-expertise__single {
  text-align: center;
  border-left: 1px solid rgba(255, 255, 255, 0.15);
  padding: 0 20px;
}
.av-expertise__single:first-child {
  border-left: none;
}
.av-expertise__single span {
  font-family: "Gilroy", Arial, sans-serif;
  font-size: 100px;
  font-weight: 600;
  background: linear-gradient(270deg, #ff0000 0%, #820101 87.5%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: block;
  line-height: 1;
}
.av-expertise__single p {
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #fff;
  margin: 0;
}
.av-expertise.whiteTheme .av-expertise__single {
  border-color: rgba(0, 0, 0, 0.1);
}
.av-expertise.whiteTheme .av-expertise__single p {
  color: #333;
}
/* .av-expertise__img-grid .av-expertise__single img {
  width: auto;
  max-width: 100%;
  height: auto;
} */
.av-expertise__img-grid .av-expertise__single img {
  width: auto;
  max-width: 145px;
  height: 140px;
  margin: 0 auto;
  object-fit: contain;
}
.androidNew {
  background-size: contain;
  background-color: #030706;
}
.budget_mobile_image .projectGoal > img {
  width: 213px !important;
  height: 439px !important;
}

@media (max-width: 1440px) {
  .av-expertise__single span {
    font-size: 80px;
  }
  .av-expertise__single p {
    font-size: 18px;
  }
}
@media (max-width: 1200px) {
  .av-expertise__head h2 {
    font-size: 38px;
  }
  .av-expertise__single span {
    font-size: 70px;
  }
  .av-expertise__single p {
    font-size: 16px;
    line-height: 1.6;
  }
}
@media (max-width: 991px) {
  .av-expertise__head h2 {
    font-size: 36px;
    line-height: 1.2;
  }
  .av-expertise__grid {
    grid-template-columns: 1fr 1fr;
  }
  .av-expertise__single {
    border-left: 2px solid rgba(255, 255, 255, 0.37);
    border-bottom: 2px solid rgba(255, 255, 255, 0.37);
    padding: 20px 0;
  }
  .av-expertise__single:nth-child(3) {
    border: none;
  }
  .av-expertise__single:last-child {
    border-bottom: none;
  }
  .av-expertise__single span {
    font-size: 60px;
  }
  .av-expertise__single p {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .av-expertise {
    padding: 40px 0;
  }
  .av-expertise__head h2 {
    font-size: 28px;
  }
  .av-expertise.whiteTheme::before,
  .av-expertise.whiteTheme::after {
    content: none;
  }
}
@media (max-width: 380px) {
  .av-expertise__grid {
    grid-template-columns: 1fr;
    margin-top: 30px;
  }
  .av-expertise__single {
    border: none;
    border-bottom: 2px solid rgba(255, 255, 255, 0.37) !important;
  }
  .av-expertise__single:last-child {
    border-bottom: none !important;
  }
}

/* ─────────────────────────────────────────────────────────────
   5. TECH STACK MARQUEE (.av-marquee)
   ───────────────────────────────────────────────────────────── */
.av-marquee {
  padding: 80px 0;
  background-color: #000;
  overflow: hidden;
}
.av-marquee.whiteTheme {
  background-color: #fff;
}
.av-marquee.blackTheme {
  background-color: #000;
}

.av-marquee__head {
  margin-bottom: 50px;
  text-align: center;
}
.av-marquee__head h2 {
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 600;
  font-size: 42px;
  color: #fff;
  margin-bottom: 20px;
}
.av-marquee__head h2 span {
  color: #e80101;
}
.av-marquee__head p {
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: #fff;
  width: 60%;
  margin: 0 auto;
}
.av-marquee.whiteTheme .av-marquee__head h2 {
  color: #333;
}
.av-marquee.whiteTheme .av-marquee__head p {
  color: #666;
}
.av-marquee.blackTheme .av-marquee__head h2 {
  color: #fff;
}
.av-marquee.blackTheme .av-marquee__head p {
  color: #fff;
}

.av-marquee__row {
  overflow: hidden;
}
.av-marquee__row--right {
  margin-top: 15px;
}

@keyframes av-marquee-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
@keyframes av-marquee-right {
  from {
    transform: translateX(-50%);
  }
  to {
    transform: translateX(0);
  }
}

.av-marquee__track {
  display: flex;
  width: max-content;
  animation: av-marquee-left 40s linear infinite;
}
.av-marquee__track--reverse {
  animation: av-marquee-right 40s linear infinite;
}
.av-marquee__row:hover .av-marquee__track {
  animation-play-state: paused;
}

.av-marquee__item {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.165) 0%,
    rgba(255, 255, 255, 0) 114.08%
  );
  border-radius: 15px;
  padding: 10px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 237px;
  height: 144px;
  margin-left: 15px;
  justify-content: center;
  gap: 10px;
  flex-shrink: 0;
}
.av-marquee__item img {
  object-fit: contain;
  max-width: 80px;
  max-height: 60px;
  width: auto;
  height: auto;
}
.av-marquee__item p {
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #fff;
  margin: 0;
}
.av-marquee.whiteTheme .av-marquee__item {
  border: 1px solid #333;
}
.av-marquee.whiteTheme .av-marquee__item p {
  color: #333;
}
.av-marquee.blackTheme .av-marquee__item {
  border: 1px solid #b5b5b5;
  background: transparent;
}
.av-marquee.blackTheme .av-marquee__item p {
  color: #fff;
}

@media (max-width: 1440px) {
  .av-marquee__head h2 {
    font-size: 40px;
  }
}
@media (max-width: 1200px) {
  .av-marquee__head h2 {
    font-size: 36px;
  }
  .av-marquee__head p {
    font-size: 16px;
    width: 70%;
  }
}
@media (max-width: 991px) {
  .av-marquee__head h2 {
    font-size: 32px;
  }
  .av-marquee__head p {
    font-size: 16px;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .av-marquee__head h2 {
    font-size: 28px;
  }
  .av-marquee__head p {
    font-size: 14px;
  }
}

/* ─────────────────────────────────────────────────────────────
   6. OUR AWARDS (.av-our-awards)
   ───────────────────────────────────────────────────────────── */
.av-our-awards {
  padding: 80px 0;
}
.av-our-awards__head {
  text-align: center;
}
.av-our-awards__head h2 {
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 600;
  font-size: 42px;
  color: #333;
  margin-bottom: 10px;
}
.av-our-awards__head h2 span {
  color: #e80101;
}
.av-our-awards__head p {
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: #2c2c2c;
  width: 70%;
  margin: 0 auto;
}

.av-our-awards__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.av-our-awards__single {
  border: 1px solid #d8d4d4;
  padding: 20px;
  border-radius: 16px;
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.av-our-awards__single img {
  max-width: 100%;
  height: auto;
  max-height: 120px;
}

.av-our-awards.platform .av-our-awards__grid {
  gap: 40px;
}
.av-our-awards.platform .av-our-awards__single {
  border-radius: 2px;
}
.servicePage .av-our-awards__single img {
  object-fit: contain;
}
.av-our-awards.servicePage .av-our-awards__grid {
  gap: 25px;
}
.av-our-awards.servicePage .av-our-awards__single {
  border-radius: 2px;
}

@media (max-width: 1440px) {
  .av-our-awards__head h2 {
    font-size: 40px;
  }
}
@media (max-width: 1200px) {
  .av-our-awards__head h2 {
    font-size: 38px;
  }
  .av-our-awards__head p {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .av-our-awards {
    padding: 60px 0;
  }
  .av-our-awards__head h2 {
    font-size: 30px;
  }
  .av-our-awards__head p {
    font-size: 16px;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .av-our-awards {
    padding: 40px 0;
  }
  .av-our-awards__head h2 {
    font-size: 28px;
  }
  .av-our-awards__head p {
    font-size: 14px;
  }
}
@media (max-width: 600px) {
  .av-our-awards__grid {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
  }
  .av-our-awards__single {
    width: 200px;
  }
}

/* ─────────────────────────────────────────────────────────────
   7. SERVICE TESTIMONIAL (.svc-testimonial)
   ───────────────────────────────────────────────────────────── */
.svc-testimonial {
  padding: 40px 0 80px;
}

.svc-testimonial__head {
  margin-bottom: 50px;
}
.svc-testimonial__head h2 {
  font-size: 42px;
  font-weight: 600;
  color: #333;
  font-family: "Gilroy", Arial, sans-serif;
  margin: 0 0 12px;
}
.svc-testimonial__head h2 span {
  color: #e80101;
}
.svc-testimonial__head p {
  font-size: 18px;
  font-weight: 500;
  color: #666;
  line-height: 1.3;
  margin: 0;
}

.svc-testimonial__wrap {
  border: 1px solid #b3b1b1;
  border-radius: 15px;
  padding: 40px;
  position: relative;
}
.svc-testimonial__slide {
  display: grid;
  grid-template-columns: 0.6fr 1fr;
}
.svc-testimonial__left {
  display: flex;
  align-items: center;
}
.svc-testimonial__profile {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  margin-top: 15px;
  justify-content: center;
}
.svc-testimonial__info h4 {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 5px;
  color: #333;
  text-align: center;
}
.svc-testimonial__info p {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  color: #666;
  margin: 0 auto;
  width: 60%;
  text-align: center;
}

.svc-testimonial__right {
}
.svc-testimonial__review {
  margin-top: 20px;
}
.svc-testimonial__review p {
  font-size: 27px;
  font-weight: 500;
  color: #333;
  line-height: 1.4;
  padding: 0 0 0 20px;
  margin: 0;
}

/* Nav buttons — float outside the card */
.svc-testimonial__prev,
.svc-testimonial__next {
  background: #fff;
  border: none;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  padding: 0;
  transition: box-shadow 0.2s;
}
.svc-testimonial__prev {
  left: -22px;
}
.svc-testimonial__next {
  right: -22px;
}
.svc-testimonial__prev svg,
.svc-testimonial__next svg {
  stroke: #333;
}
.svc-testimonial__prev:hover,
.svc-testimonial__next:hover {
  box-shadow: rgba(149, 157, 165, 0.4) 0 8px 30px;
}

@media (max-width: 1440px) {
  .svc-testimonial__head h2 {
    font-size: 40px;
  }
  .svc-testimonial__review p {
    font-size: 30px;
  }
}
@media (max-width: 1200px) {
  .svc-testimonial__head h2 {
    font-size: 38px;
  }
  .svc-testimonial__head p {
    font-size: 16px;
  }
  .svc-testimonial__wrap {
    padding: 25px;
  }
  .svc-testimonial__review p {
    font-size: 26px;
  }
}
@media (max-width: 1024px) {
  .svc-testimonial__wrap {
    width: 90%;
    margin: 0 auto;
  }
  .svc-testimonial__slide {
    grid-template-columns: 0.4fr 1fr;
  }
  .svc-testimonial__review p {
    font-size: 22px;
    line-height: 1.3;
  }
}
@media (max-width: 991px) {
  .svc-testimonial__head h2 {
    font-size: 30px;
  }
  .svc-testimonial__wrap {
    padding: 35px;
  }
  .svc-testimonial__slide {
    display: flex;
    flex-direction: column-reverse;
  }
  .svc-testimonial__profile {
    flex-direction: row;
  }
  .svc-testimonial__info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .svc-testimonial__info p {
    width: 100%;
    margin: 0;
    text-align: left;
  }
}
@media (max-width: 767px) {
  .svc-testimonial__head h2 {
    font-size: 28px;
  }
  .svc-testimonial__head p {
    font-size: 14px;
  }
  .svc-testimonial__wrap {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .svc-testimonial {
    padding: 40px 0;
  }
  .svc-testimonial__head h2 {
    text-align: center;
    font-size: 26px;
  }
  .svc-testimonial__head p {
    text-align: center;
  }
  .svc-testimonial__prev {
    left: -7px;
    width: 35px;
    height: 35px;
  }
  .svc-testimonial__next {
    right: -7px;
    width: 35px;
    height: 35px;
  }
}
@media (max-width: 425px) {
  .svc-testimonial__profile {
    flex-direction: column;
    justify-content: center;
  }
  .svc-testimonial__info {
    align-items: center;
  }
  .svc-testimonial__info h4,
  .svc-testimonial__info p {
    text-align: center;
  }
  .svc-testimonial__review p {
    padding: 0;
    font-size: 20px;
    text-align: center;
  }
}

/* ─────────────────────────────────────────────────────────────
   9. COUNTER CLIENT (.counter-client)
   ───────────────────────────────────────────────────────────── */
.counter-client {
  padding: 50px 0;
  background-color: #fff;
}
.counter-client__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.counter-client__single {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 30px;
}
.counter-client__single::after {
  content: "";
  position: absolute;
  background-color: #b7b7b7;
  width: 1px;
  height: 60%;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.counter-client__single:last-child::after {
  display: none;
}
.counter-client__single strong {
  font-family: "Gilroy", Arial, sans-serif;
  color: #000;
  font-weight: 600;
  font-size: 60px;
  line-height: 1.1;
}
.counter-client__single strong span {
  color: #e80101;
}
.counter-client__single p {
  font-family: "Gilroy", Arial, sans-serif;
  color: #6e6e6e;
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  text-align: center;
}
.counter-client__para {
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  color: #2c2c2c;
  font-family: "Gilroy", Arial, sans-serif;
  margin: 0;
  padding: 50px 0;
}
.counter-client__logos {
  display: flex;
  flex-wrap: wrap;
}
.counter-client__logo-single {
  width: 25%;
  text-align: center;
}
.counter-client__logo-single img {
  width: 60%;
  margin: 0 auto;
}

@media (max-width: 1200px) {
  .counter-client__single {
    padding: 0 25px;
  }
  .counter-client__single strong {
    font-size: 55px;
  }
}
@media (max-width: 1024px) {
  .counter-client__single strong {
    font-size: 45px;
  }
}
@media (max-width: 991px) {
  .counter-client__grid {
    grid-template-columns: 1fr 1fr;
    row-gap: 30px;
  }
  .counter-client__single::after {
    display: none;
  }
  .counter-client__single strong {
    font-size: 40px;
  }
  .counter-client__single p {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .counter-client__logos {
    justify-content: center;
  }
  .counter-client__logo-single {
    width: auto;
  }
}
@media (max-width: 523px) {
  .counter-client__grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 420px) {
  .counter-client__logo-single {
    width: 50%;
  }
}

/* ─────────────────────────────────────────────────────────────
   10. DEV CHALLENGES (.dev-challenges)
   ───────────────────────────────────────────────────────────── */
.dev-challenges {
  padding: 40px 0 80px;
}
.dev-challenges__head {
  text-align: center;
}
.dev-challenges__head h2 {
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 700;
  font-size: 42px;
  color: #000;
  width: 70%;
  margin: 0 auto;
  line-height: 1.2;
}
.dev-challenges__head h2 span {
  color: #e80101;
}
.dev-challenges__head > p {
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: #2c2c2c;
  margin-top: 20px;
}
.dev-challenges__slider {
  margin-top: 50px;
  margin-left: 2px;
  margin-right: 2px;
}
.dev-challenges__card {
  border: 1px solid #e80101;
  padding: 25px;
  border-radius: 16px;
  height: 100%;
  box-sizing: border-box;
}
.dev-challenges__card h3 {
  font-family: "Gilroy", Arial, sans-serif;
  font-size: 26px;
  color: #2c2c2c;
  font-weight: 600;
  margin-bottom: 20px;
}
.dev-challenges__card p {
  font-family: "Gilroy", Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.6);
  margin: 0;
}
.dev-challenges__pagination {
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-top: 30px;
}
.dev-challenges__arrow {
  border-radius: 50px;
  border: 1px solid #a4a4a4;
  padding: 10px;
  background: none;
  cursor: pointer;
  transition: 0.5s;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #a4a4a4;
}
.dev-challenges__arrow:hover {
  border-color: #e80101;
  color: #e80101;
}

@media (max-width: 1200px) {
  .dev-challenges__head h2 {
    font-size: 38px;
    width: 80%;
  }
  .dev-challenges__head > p {
    font-size: 16px;
  }
  .dev-challenges__card {
    padding: 20px;
  }
  .dev-challenges__card h3 {
    font-size: 22px;
  }
  .dev-challenges__card p {
    font-size: 15px;
  }
}
@media (max-width: 991px) {
  .dev-challenges {
    padding-bottom: 60px;
  }
  .dev-challenges__head h2 {
    font-size: 30px;
    width: 100%;
  }
  .dev-challenges__arrow {
    padding: 6px;
  }
  .dev-challenges__arrow svg {
    width: 25px;
    height: 25px;
  }
  .dev-challenges__card h3 {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .dev-challenges {
    padding-bottom: 40px;
  }
  .dev-challenges__head h2 {
    font-size: 28px;
  }
  .dev-challenges__head > p {
    font-size: 14px;
  }
  .dev-challenges__slider {
    margin-top: 30px;
  }
  .dev-challenges__card h3 {
    font-size: 18px;
  }
  .dev-challenges__card p {
    font-size: 14px;
  }
}

/* ─────────────────────────────────────────────────────────────
   11. INDUSTRY LEADING (.industry-leading)
   ───────────────────────────────────────────────────────────── */
.industry-leading {
  padding: 80px 0;
  background-color: #f6f7f8;
}
.industry-leading.whiteBg {
  background-color: #fff;
}
.industry-leading > .container > h2 {
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 700;
  font-size: 42px;
  color: #000;
  text-align: center;
  margin: 0 0 16px;
}
.industry-leading > .container > h2 span {
  color: #e80101;
}
.industry-leading__intro {
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: #2c2c2c;
  text-align: center;
  margin: 0;
}
.industry-leading__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
  padding-top: 40px;
}
.industry-leading__tabs ul {
  padding: 0;
  list-style: none;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
}
.industry-leading__tab {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 0 15px;
  border-radius: 10px;
  border: 1px solid #bec2c7;
  transition: 0.5s;
}
.industry-leading__tab span {
  font-size: 16px;
  color: #2c2c2c;
  padding: 10px 0;
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 500;
  transition: 0.5s;
}
.industry-leading__tab:hover,
.industry-leading__tab.active {
  background-color: #e80101;
  border-color: #e80101;
}
.industry-leading__tab:hover span,
.industry-leading__tab.active span {
  color: #fff;
}

.industry-leading__panel {
  display: none;
}
.industry-leading__panel.active {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 100px;
  width: 80%;
  margin: 0 auto;
}
.industry-leading__text {
  text-align: left;
}
.industry-leading__content p {
  font-size: 16px;
  line-height: 1.7;
  margin-bottom: 20px;
  text-align: left;
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 500;
  color: #2c2c2c;
}
.industry-leading__content ul,
.industry-leading__content ol {
  padding-left: 20px;
  margin-bottom: 20px;
  list-style: disc;
}
.industry-leading__content ol {
  list-style: decimal;
}
.industry-leading__content ul li,
.industry-leading__content ol li {
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: #2c2c2c;
  line-height: 1.7;
  padding-bottom: 6px;
}
.industry-leading__content a {
  color: #e80101;
  text-decoration: underline;
}
.industry-leading__intro a {
  color: #e80101;
}
.industry-leading__btn-wrap {
  display: flex;
  gap: 20px;
  margin-top: 20px;
}
.industry-leading__btn-wrap .av-primary-btn {
  width: fit-content;
  display: inline-block;
  background-color: #e80101;
  box-shadow: none;
  padding: 10px 40px;
  transition: 0.5s;
  font-size: 16px;
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 600;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  border: 1px solid #e80101;
  text-decoration: none;
  cursor: pointer;
}
.industry-leading__btn-wrap .av-primary-btn:hover {
  background-color: transparent;
  color: #e80101;
}
.industry-leading__image {
  text-align: right;
  display: flex;
  justify-content: flex-end;
}
.industry-leading__image img {
  /* width: 100%; */
  width: auto !important;
  height: 425px !important;
}

@media (max-width: 1200px) {
  .industry-leading > .container > h2 {
    font-size: 38px;
  }
  .industry-leading__intro {
    font-size: 16px;
  }
  .industry-leading__panel.active {
    gap: 30px;
  }
}
@media (max-width: 991px) {
  .industry-leading__panel.active {
    grid-template-columns: 1fr;
    gap: 40px;
    width: 100%;
  }
  .industry-leading__btn-wrap {
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .industry-leading > .container > h2 {
    font-size: 30px;
  }
  .industry-leading__panel.active {
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 575px) {
  .industry-leading > .container > h2 {
    font-size: 28px;
  }
  .industry-leading__tabs ul {
    justify-content: flex-start;
  }
  .industry-leading__btn-wrap {
    flex-direction: column;
  }
}
@media (max-width: 320px) {
  .industry-leading > .container > h2 {
    font-size: 22px;
  }
}

/* ─────────────────────────────────────────────────────────────
   12. NEXT GEN DALLAS (.next-gen)
   ───────────────────────────────────────────────────────────── */
.next-gen {
  padding: 80px 0;
  background-color: #fff;
}
.next-gen.grayBg {
  background-color: #f6f7f8;
}
.next-gen.healthcare {
  padding: 40px 0;
}
.next-gen__main {
  display: grid;
  grid-template-columns: 0.8fr 1fr;
  gap: 50px;
}
.next-gen__left h2 {
  font-family: "Gilroy", Arial, sans-serif;
  font-size: 42px;
  font-weight: 700;
  color: #000;
  margin: 0 0 20px;
}
.next-gen__left h2 span {
  color: #e80101;
}
.next-gen__left > p {
  font-family: "Gilroy", Arial, sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #000;
  margin: 0;
  padding: 0 0 30px;
}
.next-gen__left > p a {
  color: #e80101;
}
.next-gen__accordion {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
.next-gen__item {
  border-bottom: 1px solid #e5e5e5;
}
.next-gen.borderAccordion .next-gen__item {
  border: 1px solid #d9d9d9;
  border-radius: 10px;
  overflow: hidden;
}
.next-gen__q {
  margin: 0;
}
.next-gen__q button {
  width: 100%;
  background: none;
  border: none;
  display: flex;
  align-items: center;
  gap: 20px;
  font-family: "Gilroy", Arial, sans-serif;
  font-size: 24px;
  font-weight: 500;
  color: #000;
  justify-content: space-between;
  padding: 16px 0;
  cursor: pointer;
  text-align: left;
}
.next-gen.borderAccordion .next-gen__q button {
  padding: 16px 20px;
}
.next-gen__q button span:first-child {
  flex: 1;
}
.next-gen__item.open .next-gen__q button {
  color: #e80101;
}
.next-gen__icon {
  flex-shrink: 0;
  line-height: 0;
}
.next-gen__icon--minus {
  display: none;
}
.next-gen__icon--plus {
  display: block;
}
.next-gen__item.open .next-gen__icon--minus {
  display: block;
}
.next-gen__item.open .next-gen__icon--plus {
  display: none;
}
.next-gen__body {
  font-size: 16px;
  font-weight: 500;
  font-family: "Gilroy", Arial, sans-serif;
  color: #2c2c2c;
  padding: 0 0 16px;
  line-height: 1.6;
}
.next-gen.borderAccordion .next-gen__body {
  padding: 0 20px 16px;
}
.next-gen__body ul {
  padding-left: 20px;
}
.next-gen__body a {
  color: #ec1c24;
  text-decoration: underline;
}

@media (max-width: 1200px) {
  .next-gen__left h2 {
    font-size: 38px;
  }
  .next-gen__left > p {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .next-gen__main {
    grid-template-columns: 1fr;
  }
  .next-gen__left {
    text-align: center;
  }
  .next-gen__left h2 {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .next-gen {
    padding: 40px 0;
  }
  .next-gen__main {
    gap: 40px;
  }
  .next-gen__left h2 {
    font-size: 28px;
  }
  .next-gen__left > p {
    font-size: 14px;
  }
  .next-gen__q button {
    font-size: 20px;
  }
}
@media (max-width: 575px) {
  .next-gen {
    padding: 30px 0;
  }
  .next-gen__left h2 {
    font-size: 22px;
  }
  .next-gen__q button {
    font-size: 18px;
  }
}
@media (max-width: 320px) {
  .next-gen__left h2 {
    font-size: 22px;
  }
}

/* ─────────────────────────────────────────────────────────────
   13. INDUSTRY DEV PROCESS (.industry-dev)
   ───────────────────────────────────────────────────────────── */
.industry-dev {
  padding: 80px 0;
  background-color: #fff;
}
.industry-dev.grayBg {
  background-color: #f6f7f8;
  padding-top: 130px;
}
.industry-dev__content {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.industry-dev__left h2 {
  text-align: left;
  font-size: 42px;
  font-weight: 700;
  color: #000;
  font-family: "Gilroy", Arial, sans-serif;
  margin: 0;
}
.industry-dev__left h2 span {
  color: #e80101;
}
.industry-dev__right p {
  text-align: left;
  font-size: 18px;
  font-weight: 500;
  color: #2c2c2c;
  font-family: "Gilroy", Arial, sans-serif;
  margin: 0;
}
.industry-dev__listing {
  display: flex;
  flex-wrap: wrap;
  padding-top: 50px;
  row-gap: 30px;
  column-gap: 10px;
}
.industry-dev__single {
  width: 24%;
  position: relative;
}
.industry-dev__single::before {
  content: "";
  position: absolute;
  border: 2px solid #e80101;
  width: 80%;
  top: 50px;
  right: -20px;
}
.industry-dev__single:nth-child(4)::before,
.industry-dev__single:nth-child(7)::before {
  display: none;
}
.industry-dev__single img {
  margin-bottom: 30px;
  position: relative;
  z-index: 2;
  width: auto;
  height: auto;
}
.industry-dev__single h3 {
  font-weight: 800;
  color: #2c2c2c;
  font-size: 18px;
  font-family: "Gilroy", Arial, sans-serif;
  margin: 0 0 8px;
}
.industry-dev__single p {
  text-align: left;
  font-size: 18px;
  font-weight: 500;
  color: #2c2c2c;
  font-family: "Gilroy", Arial, sans-serif;
  width: 95%;
  margin: 0;
}
.industry-dev.threeCol .industry-dev__single {
  width: 32%;
}
.industry-dev.threeCol .industry-dev__single::before {
  right: -13px;
}
.industry-dev.threeCol .industry-dev__single:nth-child(3)::before {
  display: none;
}
.industry-dev.threeCol .industry-dev__single:nth-child(4)::before {
  display: block;
}
.industry-dev.threeCol .industry-dev__single:nth-child(6)::before {
  display: none;
}

.industry-dev.centered .industry-dev__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.industry-dev.centered .industry-dev__left h2 {
  text-align: center;
}
.industry-dev.centered .industry-dev__right {
  width: 70%;
  margin: 20px auto 0;
}
.industry-dev.centered .industry-dev__right p {
  text-align: center;
}
.industry-dev.centered .industry-dev__listing {
  justify-content: center;
}
.industry-dev.centered .industry-dev__single::before {
  width: 105%;
  right: -5px;
  display: block !important;
}
.industry-dev.centered .industry-dev__single img {
  margin: 0 auto 30px;
  display: block;
}
.industry-dev.centered .industry-dev__single h3 {
  text-align: center;
}
.industry-dev.centered .industry-dev__single p {
  text-align: center;
  margin: 0 auto;
}

@media (max-width: 1199px) {
  .industry-dev__content {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 1200px) {
  .industry-dev__left h2 {
    font-size: 38px;
  }
  .industry-dev__right p {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .industry-dev__content {
    text-align: center;
  }
  .industry-dev__left h2 {
    text-align: center;
    font-size: 30px;
  }
  .industry-dev__right {
    width: 100%;
  }
  .industry-dev__right p {
    text-align: center;
  }
  .industry-dev__listing {
    column-gap: 55px;
  }
  .industry-dev__single {
    width: 45%;
  }
  .industry-dev__single::before {
    display: none;
  }
  .industry-dev.threeCol .industry-dev__single {
    width: 45%;
  }
  .industry-dev.threeCol .industry-dev__single::before {
    display: none;
  }
  .industry-dev.centered .industry-dev__single {
    width: 45%;
  }
  .industry-dev.centered .industry-dev__single::before {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .industry-dev__left h2 {
    font-size: 28px;
  }
  .industry-dev__single {
    width: 100%;
    text-align: center;
  }
  .industry-dev__single img {
    width: 70px;
    height: auto;
    margin: 0 auto 10px;
    display: block;
  }
  .industry-dev__single p {
    text-align: center;
  }
  .industry-dev.centered .industry-dev__single {
    width: 100%;
  }
  .industry-dev.centered .industry-dev__single::before {
    width: 100%;
    right: 0;
  }
}
@media (max-width: 575px) {
  .industry-dev {
    padding: 40px 0;
  }
  .industry-dev__left h2 {
    font-size: 22px;
  }
  .industry-dev.threeCol .industry-dev__single {
    width: 98%;
  }
  .industry-dev.centered .industry-dev__right {
    width: 100%;
  }
}

/* ─────────────────────────────────────────────────────────────
   8. SERVICE CTA (.svc-cta)
   ───────────────────────────────────────────────────────────── */
.svc-cta {
  padding: 60px 0;
}
.svc-cta__inner {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 20px;
}
.svc-cta__inner h2 {
  font-size: 46px;
  line-height: 1.3;
  color: #fff;
  margin-bottom: 20px;
  font-weight: 600;
  text-align: center;
  font-family: "Gilroy", Arial, sans-serif;
}
.svc-cta__inner h2 span {
  color: #e80101;
}
.svc-cta__inner p {
  font-size: 18px;
  color: #fff;
  line-height: 1.6;
  margin-bottom: 20px;
  font-weight: 500;
  text-align: center;
  width: 70%;
}
.svc-cta__btn {
  width: auto !important;
}

@media (max-width: 1440px) {
  .svc-cta__inner h2 {
    font-size: 40px;
  }
}
@media (max-width: 1200px) {
  .svc-cta__inner h2 {
    font-size: 38px;
  }
  .svc-cta__inner p {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .svc-cta__inner h2 {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .svc-cta__inner p {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .svc-cta__inner {
    padding: 30px;
  }
  .svc-cta__inner h2 {
    font-size: 26px;
  }
}

/* =============================================================
   14. IndustryLogoSlider — industry-logo-slider.php
   Continuous auto-scroll logo carousel.
   ============================================================= */

.industry-logo-slider {
  padding: 60px 0;
  background-color: #fff;
}

.industry-logo-slider .main {
  margin-bottom: 40px;
}

.industry-logo-slider .main h2 {
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 700;
  font-size: 42px;
  color: #000;
  text-align: center;
  margin-bottom: 0;
}

.industry-logo-slider .main h2 span {
  color: #e80101;
}

.industry-logo-slider .main p {
  font-family: "Gilroy", Arial, sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #000;
  text-align: center;
  margin: 12px 0 0;
}

.ils-swiper-wrap {
  width: 100%;
  overflow: hidden;
}

.ils__swiper {
  width: 100%;
}

.ils__swiper .swiper-wrapper {
  transition-timing-function: linear;
}

.ils__slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  padding: 20px 10px;
}

/* Fixed equal-width logo box so all logos appear same size */
.ils__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  /* width: 140px;
  height: 70px; */
}

.ils__logo img {
  /* width: 100%;
  height: 100%; */
  width: 85px;
  height: 85px;
  object-fit: contain;
}

.ils__slide h4 {
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 600;
  font-size: 15px;
  color: #2c2c2c;
  text-align: center;
  margin: 0;
}

@media (max-width: 1200px) {
  .industry-logo-slider .main h2 {
    font-size: 38px;
  }
  .industry-logo-slider .main p {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .industry-logo-slider .main h2 {
    font-size: 30px;
  }
}
@media (max-width: 575px) {
  .industry-logo-slider .main h2 {
    font-size: 24px;
  }
}
@media (max-width: 320px) {
  .industry-logo-slider .main h2 {
    font-size: 22px;
  }
}

/* =============================================================
   15. ServicesSlider — services-slider.php
   Source: ServicesSlider.module.scss
   ============================================================= */

/* Section: height set inline in PHP (slideCount × 100vh) */
.ServicesSliderWrapper {
  padding-top: 80px;
  padding-bottom: 30px;
  position: relative;
  width: 100%;
}

.ServicesSliderWrapper.no-padding {
  padding: 0;
}

.ServicesSliderSticky {
  position: sticky;
  top: 0;
  /* height: 110vh; */
  overflow: hidden;
  background: #fff;
  display: flex;
  align-items: center;
}

/* Heading + paragraph above swiper */
.ServicesSliderWrapper .main {
  margin-bottom: 40px;
}

.ServicesSliderWrapper .main h2 {
  color: #000;
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 700;
  font-size: 42px;
  text-transform: capitalize;
  margin-bottom: 10px;
  text-align: center;
}

.ServicesSliderWrapper .main h2 span {
  color: #e80101;
}

.ServicesSliderWrapper .main p {
  font-size: 18px;
  font-weight: 500;
  color: #000;
  font-family: "Gilroy", Arial, sans-serif;
  text-align: center;
  margin: 0 auto;
}

/* Slide card */
.ServicesSliderWrapper .slideBox {
  height: 512px;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  overflow: hidden;
}

.ServicesSliderWrapper .slideInfo {
  width: 50%;
  padding: 30px;
  height: calc(100% - 87px);
}

.ServicesSliderWrapper .slideInfo h4 {
  font-size: 42px;
  font-weight: 600;
  font-family: "Gilroy", Arial, sans-serif;
  color: #fff;
}

.ServicesSliderWrapper .slideInfo p {
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  font-family: "Gilroy", Arial, sans-serif;
  margin-bottom: 1rem;
}

.ServicesSliderWrapper .slideInfo ul {
  padding-left: 20px;
  list-style: disc;
}

.ServicesSliderWrapper .slideInfo ul li {
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  margin-bottom: 15px;
  font-family: "Gilroy", Arial, sans-serif;
}

/* Bottom logo dark bar */
.ServicesSliderWrapper .bottomLogo {
  display: flex;
  justify-content: space-evenly;
  gap: 20px;
  background-color: rgba(10, 10, 10, 0.8);
  padding: 17px 0;
}

.ServicesSliderWrapper .bottomLogo img {
  width: 52px;
  height: 52px;
  object-fit: contain;
}

/* Mobile arrows — hidden by default */
.ServicesSliderWrapper .showMob {
  display: none;
}

.ServicesSliderWrapper .award-pagination {
  display: flex;
  gap: 10px;
  justify-content: center;
  padding-top: 20px;
  cursor: pointer;
}

/* ── 1400px ────────────────────────────────────────────────── */
@media (max-width: 1400px) {
  .ServicesSliderWrapper .main {
    margin-bottom: 20px;
  }

  .ServicesSliderWrapper .slideBox {
    background-position: right;
    height: 100%;
  }

  .ServicesSliderWrapper .slideInfo h4 {
    font-size: 38px;
  }
}

/* ── 1200px ────────────────────────────────────────────────── */
@media (max-width: 1200px) {
  .ServicesSliderWrapper .main h2 {
    font-size: 38px;
  }

  .ServicesSliderWrapper .main p {
    width: 60%;
  }

  .ServicesSliderWrapper .slideInfo h4 {
    font-size: 35px;
  }

  .ServicesSliderWrapper .slideInfo p {
    font-size: 16px;
  }

  .ServicesSliderWrapper .slideInfo ul li {
    font-size: 16px;
  }

  .ServicesSliderWrapper .bottomLogo img {
    width: 40px;
    height: auto;
  }
}

/* ── 1024px ────────────────────────────────────────────────── */
@media (max-width: 1024px) {
  .ServicesSliderWrapper .slideInfo h4 {
    font-size: 32px;
  }
}

/* ── 991px ─────────────────────────────────────────────────── */
@media (max-width: 991px) {
  .ServicesSliderWrapper .main h2 br {
    display: none;
  }

  .ServicesSliderWrapper .main p {
    width: 100%;
    text-align: center;
  }

  .ServicesSliderWrapper .slideInfo {
    width: 100%;
    position: relative;
  }

  .ServicesSliderWrapper .slideInfo::before {
    content: "";
    background-color: rgba(10, 10, 10, 0.8);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 15px;
    right: 0;
  }

  .ServicesSliderWrapper .slideInfo h4 {
    font-size: 30px;
    position: relative;
  }

  .ServicesSliderWrapper .slideInfo p {
    font-size: 15px;
    position: relative;
  }

  .ServicesSliderWrapper .slideInfo ul li {
    font-size: 15px;
    position: relative;
  }

  .ServicesSliderWrapper .bottomLogo {
    position: relative;
  }

  .ServicesSliderWrapper .bottomLogo img {
    width: 35px;
  }
}

/* ── 767px ─────────────────────────────────────────────────── */
@media (max-width: 767px) {
  .ServicesSliderWrapper .main h2 {
    font-size: 28px;
  }

  .ServicesSliderWrapper .main p {
    font-size: 16px;
  }

  .ServicesSliderWrapper .slideBox {
    background-image: none !important;
    background-color: #000;
  }

  .ServicesSliderWrapper .slideInfo h4 {
    font-size: 26px;
  }

  .ServicesSliderWrapper .slideInfo p,
  .ServicesSliderWrapper .slideInfo ul li {
    font-size: 15px;
  }

  .ServicesSliderWrapper .bottomLogo {
    display: none;
  }
}

/* ── 575px: disable sticky, show arrows ────────────────────── */
@media (max-width: 575px) {
  .ServicesSliderWrapper {
    padding: 60px 0 !important;
    height: unset !important;
  }

  .ServicesSliderSticky {
    position: static;
    height: auto;
  }

  .ServicesSliderWrapper .showMob {
    display: block;
  }
}

/* ── 400px ─────────────────────────────────────────────────── */
@media (max-width: 400px) {
  .ServicesSliderSticky {
    /* height: 120vh; */
    top: -130px;
  }
}

/* =============================================================
   16. StickyScrollSection — sticky-scroll-section.php
   ============================================================= */

.sss-main-container {
  background-color: #fff;
  width: 100%;
  position: relative;
  padding: 80px 0;
}
.sss-main {
  text-align: center;
  margin-bottom: 50px;
}
.sss-main h2 {
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 700;
  font-size: 42px;
  color: #000;
  margin-bottom: 20px;
}
.sss-main h2 span {
  color: #e80101;
  display: inline;
}
.sss-main > p {
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: #2c2c2c;
  margin: 0 auto;
  width: 70%;
}
.sss-main > p a {
  color: #2c2c2c;
  text-decoration: underline;
}
.sss-main > p a:hover {
  color: #e80101;
}
.sss-content-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 0 2rem;
}
.sss-text-column {
  position: relative;
  padding-left: 40px;
  border-left: 1px solid #e5e7eb;
}
.sss-progress-line {
  position: absolute;
  left: -1.5px;
  top: 0;
  width: 3px;
  height: 200px;
  background-color: #ff4d4d;
  transition: transform 0.4s cubic-bezier(0.17, 0.67, 0.83, 0.67);
  border-radius: 20px;
  transform: translateY(22vh);
}
.sss-step-card {
  height: 70vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: opacity 0.4s ease;
  opacity: 0.2;
}
.sss-step-card.active {
  opacity: 1;
}
.sss-step-number {
  font-size: 40px;
  color: #2c2c2c;
  margin-bottom: 0.5rem;
  display: block;
  font-family: "Gilroy", Arial, sans-serif;
}
.sss-step-title {
  font-family: "Gilroy", Arial, sans-serif;
  font-size: 48px;
  font-weight: 600;
  color: #1a1a1a;
  margin-bottom: 1rem;
}
.sss-step-description {
  font-family: "Gilroy", Arial, sans-serif;
  font-size: 22px;
  color: #6b7280;
  line-height: 1.6;
  margin: 0;
}
.sss-visual-column {
  height: 100vh;
  position: sticky;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 4rem;
  text-align: center;
}
.sss-image {
  display: none;
}
.sss-image.active {
  display: block;
  animation: sssFadeIn 0.4s ease;
}
.sss-image img {
  max-width: 100%;
  height: auto;
  border-radius: 2rem;
  object-fit: contain;
}
@keyframes sssFadeIn {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@media (max-width: 1600px) {
  .sss-step-number {
    font-size: 28px;
  }
  .sss-step-title {
    font-size: 40px;
    width: 80%;
  }
  .sss-image img {
    width: 70%;
  }
}
@media (max-width: 1200px) {
  .sss-main h2 {
    font-size: 38px;
  }
  .sss-main > p {
    font-size: 16px;
  }
  .sss-step-title {
    font-size: 30px;
  }
  .sss-step-description {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .sss-main h2 {
    font-size: 30px;
  }
  .sss-main > p {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .sss-main-container {
    padding: 40px 0;
  }
  .sss-content-wrapper {
    grid-template-columns: 1fr;
  }
  .sss-text-column {
    border-left: none;
    padding-left: 0;
  }
  .sss-progress-line {
    display: none;
  }
  .sss-step-card {
    height: auto;
    opacity: 1;
    padding: 20px 0;
  }
  .sss-step-title {
    width: 100%;
  }
  .sss-visual-column {
    display: none;
  }
}
@media (max-width: 575px) {
  .sss-main h2 {
    font-size: 22px;
  }
  .sss-step-title {
    font-size: 22px;
  }
}

/* =============================================================
   17. ServicesWeOffer — services-we-offer.php
   ============================================================= */

.swo {
  padding: 80px 0;
}
.swo__main {
  text-align: center;
}
.swo__main h2 {
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 700;
  font-size: 42px;
  color: #000;
  margin-bottom: 20px;
}
.swo__main h2 span {
  color: #e80101;
  display: inline;
}
.swo__main > p {
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: #2c2c2c;
  width: 70%;
  margin: 0 auto;
}
.swo__main > p a {
  text-decoration: underline;
  transition: color 0.3s;
}
.swo__main > p a:hover {
  color: #e80101;
}
.swo__listing {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
  margin-top: 50px;
}
.swo__single {
  border: 1px solid #b7b7b7;
  border-radius: 15px;
  padding: 20px;
  height: 100%;
}
.swo__single h3 {
  font-family: "Gilroy", Arial, sans-serif;
  font-size: 26px;
  color: #2c2c2c;
  font-weight: 600;
  margin-bottom: 10px;
}
.swo__info p {
  color: rgba(0, 0, 0, 0.6);
  font-family: "Gilroy", Arial, sans-serif;
  font-size: 16px;
  margin: 0;
}
.swo__info p a {
  text-decoration: underline;
}
.swo__info p a:hover {
  color: #e80101;
}
.swo__single ul {
  padding-left: 20px;
  margin-top: 20px;
  list-style: disc;
}
.swo__single ul li {
  color: rgba(0, 0, 0, 0.6);
  font-family: "Gilroy", Arial, sans-serif;
  font-size: 16px;
}
.swo__single ul li::marker {
  color: #e80101;
}
@media (max-width: 1440px) {
  .swo__single h3 {
    font-size: 22px;
  }
}
@media (max-width: 1200px) {
  .swo__main h2 {
    font-size: 38px;
  }
  .swo__main > p {
    font-size: 16px;
    width: 80%;
  }
  .swo__single h3 {
    font-size: 20px;
  }
}
@media (max-width: 991px) {
  .swo {
    padding: 60px 0;
  }
  .swo__main h2 {
    font-size: 30px;
  }
  .swo__main > p {
    width: 100%;
  }
  .swo__listing {
    gap: 10px;
  }
  .swo__single {
    padding: 15px;
  }
  .swo__single h3 {
    font-size: 18px;
  }
  .swo__info p,
  .swo__single ul li {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .swo {
    padding: 40px 0;
  }
  .swo__main h2 {
    font-size: 28px;
  }
  .swo__main > p {
    font-size: 14px;
  }
  .swo__listing {
    grid-template-columns: 1fr;
  }
}

/* =============================================================
   18. ServicesTabs — services-tabs.php
   ============================================================= */

.servicesTabs {
  padding: 80px 0;
}
.servicesTabs.grayBg {
  background-color: #f6f7f8;
}
.st-main h2 {
  color: #000;
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 700;
  font-size: 42px;
  text-align: center;
  text-transform: capitalize;
  margin-bottom: 10px;
}
.st-main h2 span {
  color: #e80101;
}
.st-main > p {
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  color: #000;
  font-family: "Gilroy", Arial, sans-serif;
  margin: 0;
}
.st-tabsHeader {
  margin-top: 50px;
}
.st-tabsHeader ul {
  display: flex;
  gap: 20px;
  padding: 0;
  list-style: none;
  margin: 0;
}
.st-tabButton {
  width: 100%;
  border: 1px solid #b7b7b7;
  color: #6e6e6e;
  font-size: 24px;
  font-weight: 400;
  font-family: "Gilroy", Arial, sans-serif;
  text-align: center;
  padding: 10px;
  border-radius: 10px;
  transition: 0.5s;
  cursor: pointer;
}
.st-tabButton:hover {
  color: #e80101;
  border-color: #e80101;
}
.st-tabButton.active {
  background-color: #e80101;
  color: #fff;
  border-color: #e80101;
}
.st-tab-content {
  display: none;
}
.st-tab-content.active {
  display: block;
}
.st-tabFlex {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 40px;
}
.st-singleBox {
  border-radius: 10px;
  transition: 0.5s;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.st-singleBox img {
  mix-blend-mode: darken;
  max-width: 110px;
  width: 100%;
  height: auto;
}
@media (max-width: 1200px) {
  .st-main h2 {
    font-size: 38px;
  }
  .st-tabButton {
    font-size: 20px;
  }
  .st-singleBox img {
    max-width: 90px;
  }
}
@media (max-width: 991px) {
  .st-tabButton {
    font-size: 18px;
  }
  .st-tabFlex {
    justify-content: center;
  }
  .st-singleBox img {
    width: 90px;
    height: auto;
  }
}
@media (max-width: 767px) {
  .servicesTabs {
    padding: 40px 0;
  }
  .st-main h2 {
    font-size: 28px;
  }
  .st-main > p {
    font-size: 16px;
  }
  .st-tabButton {
    font-size: 16px;
  }
  .st-singleBox img {
    width: 90px;
    height: auto;
  }
}
@media (max-width: 500px) {
  .st-tabsHeader ul {
    flex-wrap: wrap;
  }
}

/* =============================================================
   19. DubaiDevProcess — dubai-dev-process.php
   ============================================================= */

.dubaiDevProcess {
  padding: 60px 0 80px;
}
.ddp__main {
  text-align: center;
}
.ddp__main h2 {
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 700;
  font-size: 42px;
  color: #000;
  margin: 0 auto 20px;
  width: 80%;
}
.ddp__main h2 span {
  color: #e80101;
}
.ddp__main > p {
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: #000;
  margin: 0;
}
.ddp__listing {
  margin: 50px auto 0;
  width: 70%;
}
.ddp__item {
  position: relative;
  margin: -2px 0;
}
.ddp__item::before {
  content: "";
  border: 2px solid #e80101;
  width: 65%;
  height: 100%;
  position: absolute;
  border-radius: 100px;
}
.ddp__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 50px;
  width: 65%;
  padding: 30px 0;
  position: relative;
  z-index: 1;
}
.ddp__number {
  background-color: #e80101;
  width: 70px;
  height: 70px;
  min-width: 70px;
  border-radius: 50%;
  font-size: 30px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  color: #fff;
  font-family: "Gilroy", Arial, sans-serif;
}
.ddp__content h3 {
  font-size: 22px;
  font-weight: 600;
  color: #2c2c2c;
  font-family: "Gilroy", Arial, sans-serif;
  margin: 0 0 6px;
}
.ddp__content p {
  color: #2c2c2c;
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  font-family: "Gilroy", Arial, sans-serif;
}
.ddp__item--even::before {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ddp__item--even .ddp__wrapper {
  margin-left: -30px;
}
.ddp__item--odd::before {
  right: 0;
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ddp__item--odd .ddp__wrapper {
  flex-direction: row-reverse;
  text-align: right;
  margin-left: auto;
  margin-right: -30px;
}
@media (max-width: 1199px) {
  .ddp__main h2 {
    font-size: 38px;
  }
  .ddp__main > p {
    font-size: 16px;
  }
  .ddp__listing {
    width: 80%;
  }
  .ddp__number {
    font-size: 24px;
  }
  .ddp__content h3 {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .ddp__main h2 {
    font-size: 30px;
    width: 100%;
  }
  .ddp__listing {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
  .ddp__item {
    margin: 0;
  }
  .ddp__item::before {
    content: none;
  }
  .ddp__wrapper {
    flex-direction: column !important;
    text-align: center !important;
    width: 100%;
    margin: 0 !important;
    padding: 0;
    gap: 20px;
  }
  .ddp__number {
    font-size: 22px;
  }
  .ddp__content h3 {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .dubaiDevProcess {
    padding: 40px 0;
  }
  .ddp__main h2 {
    font-size: 28px;
  }
  .ddp__main > p {
    font-size: 14px;
  }
  .ddp__listing {
    grid-template-columns: 1fr;
  }
  .ddp__number {
    font-size: 18px;
    width: 60px;
    height: 60px;
    min-width: 60px;
  }
}
@media (max-width: 576px) {
  .ddp__main h2 {
    font-size: 22px;
  }
}

/* =============================================================
   20. CrossIndustry — cross-industry.php
   ============================================================= */

.crossIndustry {
  padding: 80px 0;
}
.ci__main h2 {
  color: #000;
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 700;
  font-size: 42px;
  text-align: center;
  text-transform: capitalize;
  margin-bottom: 10px;
}
.ci__main h2 span {
  color: #e80101;
}
.ci__main > p {
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  color: #000;
  font-family: "Gilroy", Arial, sans-serif;
  width: 55%;
  margin: 0 auto;
}
.ci__industryGrid {
  margin-top: 40px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 20px;
}
.ci__industryBox {
  display: flex;
  gap: 20px;
  align-items: center;
  border: 1px solid #b7b7b7;
  padding: 6px;
  border-radius: 10px;
}
.ci__industryBox img {
  width: 52px;
  height: 52px;
  object-fit: contain;
  flex-shrink: 0;
}
.ci__industryBox p {
  font-size: 18px;
  font-weight: 400;
  color: #000;
  font-family: "Gilroy", Arial, sans-serif;
  margin: 0;
}
@media (max-width: 1200px) {
  .ci__main h2 {
    font-size: 38px;
  }
  .ci__main > p {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .ci__industryGrid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 991px) {
  .ci__industryGrid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 767px) {
  .ci__main h2 {
    font-size: 28px;
  }
  .ci__main > p {
    font-size: 16px;
  }
}
@media (max-width: 479px) {
  .ci__industryGrid {
    grid-template-columns: 1fr;
  }
}

/* =============================================================
   21. IndustryCta — industry-cta.php
   ============================================================= */

.industryCta {
  padding: 80px 0;
  background-color: #fff;
}
.industryCta.paddingTopZero {
  padding-top: 0;
}
.industryCta.paddingTop40 {
  padding-top: 40px;
}
.icta__main {
  background-repeat: no-repeat;
  background-size: cover;
  padding: 50px 30px;
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  border-radius: 15px;
  align-items: center;
}
.icta__second h2 {
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 700;
  font-size: 42px;
  color: #fff;
  text-transform: capitalize;
  margin: 0 0 10px;
}
.icta__second h2 span {
  color: #e80101;
}
.icta__second > p {
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: #fff;
  margin: 0;
}
.icta__btn {
  margin-top: 20px;
}
.btnWidthAuto .icta__btn {
  width: auto;
}
.industryCta.customSoftware {
  padding-top: 40px;
}
.industryCta.customSoftware .icta__second h2 {
  font-size: 30px;
  font-weight: 600;
}
@media (max-width: 1200px) {
  .icta__main {
    position: relative;
    grid-template-columns: 1fr;
    padding: 30px;
  }
  .icta__main::before {
    content: "";
    background-color: rgba(10, 10, 10, 0.8);
    width: 100%;
    height: 100%;
    border-radius: 15px;
    position: absolute;
    left: 0;
    top: 0;
  }
  .icta__second {
    position: relative;
    text-align: center;
  }
  .icta__second h2 {
    text-align: center;
    margin-bottom: 10px;
  }
  .icta__second > p {
    text-align: center;
    padding-bottom: 10px;
  }
}
@media (max-width: 1024px) {
  .icta__second h2 {
    font-size: 26px;
  }
}
@media (max-width: 991px) {
  .industryCta {
    padding: 20px 0;
  }
}
@media (max-width: 767px) {
  .icta__second h2 {
    font-size: 24px;
    margin-bottom: 15px;
  }
}
@media (max-width: 575px) {
  .industryCta {
    padding: 20px 0;
  }
}

/* ─────────────────────────────────────────────────────────────
   22. WHY CHOOSE SERVICES (.whyChooseServices)
   ───────────────────────────────────────────────────────────── */
.whyChoose.fourCol .listing .single:hover img {
  filter: unset;
}
.whyChooseServices {
  padding: 80px 0;
}
.wcs__main {
  text-align: center;
}
.wcs__main h2 {
  font-size: 42px;
  font-weight: 700;
  color: #000;
  margin-bottom: 20px;
  font-family: "Gilroy", Arial, sans-serif;
}
.wcs__main h2 span {
  color: #e80101;
  display: inline;
}
.wcs__main > p {
  font-size: 18px;
  font-weight: 500;
  color: #2c2c2c;
  width: 70%;
  margin: 0 auto;
  font-family: "Gilroy", Arial, sans-serif;
}
.wcs__main > p a {
  color: #e80101;
}
.wcs__listing {
  margin-top: 50px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.wcs__single {
  background-color: #fafafa;
  border-radius: 12px;
  padding: 20px;
  display: flex;
  align-items: center;
  gap: 20px;
}
.wcs__info h3 {
  font-size: 26px;
  color: #2c2c2c;
  font-weight: 500;
  margin-bottom: 10px;
  font-family: "Gilroy", Arial, sans-serif;
}
.wcs__info p {
  color: rgba(0, 0, 0, 0.6);
  font-size: 16px;
  margin-bottom: 0;
  font-family: "Gilroy", Arial, sans-serif;
}
.wcs__info p a {
  text-decoration: underline;
}
.wcs__info p a:hover {
  color: #e80101;
}
.wcs__imageWrapper img {
  border-radius: 12px;
  display: block;
  height: auto;
}

/* Responsive */
@media (max-width: 1440px) {
  .wcs__info h3 {
    font-size: 22px;
  }
}
@media (max-width: 1200px) {
  .wcs__main h2 {
    font-size: 38px;
  }
  .wcs__main > p {
    font-size: 16px;
    width: 80%;
  }
  .wcs__info {
    width: 70%;
  }
  .wcs__info h3 {
    font-size: 20px;
  }
  .wcs__imageWrapper {
    width: 30%;
  }
  .wcs__imageWrapper img {
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 991px) {
  .whyChooseServices {
    padding: 60px 0;
  }
  .wcs__main h2 {
    font-size: 30px;
  }
  .wcs__main > p {
    width: 100%;
  }
  .wcs__listing {
    grid-template-columns: 1fr;
  }
  .wcs__info {
    width: 70%;
  }
  .wcs__info h3 {
    font-size: 18px;
  }
  .wcs__imageWrapper {
    width: 30%;
  }
  .wcs__imageWrapper img {
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 767px) {
  .whyChooseServices {
    padding: 40px 0;
  }
  .wcs__main h2 {
    font-size: 28px;
  }
  .wcs__main > p {
    font-size: 14px;
  }
  .wcs__listing {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
  }
  .wcs__single {
    width: 48%;
  }
  .wcs__info {
    width: 100%;
  }
  .wcs__info h3 {
    font-size: 18px;
  }
  .wcs__info p {
    font-size: 14px;
  }
  .wcs__imageWrapper {
    display: none;
  }
}
@media (max-width: 500px) {
  .wcs__single {
    width: 100%;
  }
  .wcs__info {
    text-align: center;
  }
}

/* ─────────────────────────────────────────────────────────────
   23. BANNER — full-width bottom button (.mobileAppBanner__bottomButton)
   Source: Banner.module.scss — threeBtns bottomButton
   ───────────────────────────────────────────────────────────── */
.mobileAppBanner__bottomButton {
  margin-top: 20px;
}
.mobileAppBanner__bottomButton .av-primary-btn {
  width: 100%;
  padding: 15px 25px;
}
@media (max-width: 1200px) {
  .mobileAppBanner__bottomButton .av-primary-btn {
    font-size: 15px;
  }
}
@media (max-width: 480px) {
  .mobileAppBanner__bottomButton .av-primary-btn {
    font-size: 14px;
  }
}

/* ─────────────────────────────────────────────────────────────
   24. BUILD FEATURES (.buildFeatures)
   Source: BuildFeatures.module.scss
   ───────────────────────────────────────────────────────────── */
.buildFeatures {
  padding: 80px 0;
}
.bf__main {
  text-align: center;
}
.bf__main h2 {
  font-weight: 600;
  font-size: 42px;
  color: #000;
  margin-bottom: 20px;
  font-family: "Gilroy", Arial, sans-serif;
}
.bf__main h2 span {
  color: #e80101;
}
.bf__main > p {
  font-weight: 500;
  font-size: 18px;
  color: #2c2c2c;
  width: 65%;
  margin: 0 auto;
  font-family: "Gilroy", Arial, sans-serif;
}
.bf__listing {
  margin-top: 50px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.bf__single {
  border: 1px solid #b7b7b7;
  border-radius: 15px;
  padding: 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
}
.bf__single img {
  width: auto;
  height: auto;
}
.bf__single h3 {
  font-size: 18px;
  font-weight: 500;
  color: #2c2c2c;
  margin: 0;
  font-family: "Gilroy", Arial, sans-serif;
}
.bf__single p {
  font-size: 16px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.6);
  margin: 0;
  line-height: 1;
  font-family: "Gilroy", Arial, sans-serif;
}
@media (max-width: 1440px) {
  .bf__main h2 {
    font-size: 40px;
  }
}
@media (max-width: 1200px) {
  .bf__main h2 {
    font-size: 38px;
  }
  .bf__main > p {
    font-size: 16px;
    width: 70%;
  }
  .bf__single h3 {
    font-size: 16px;
  }
  .bf__single p {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .buildFeatures {
    padding: 60px 0;
  }
  .bf__main h2 {
    font-size: 30px;
  }
  .bf__main > p {
    font-size: 16px;
    width: 100%;
  }
  .bf__listing {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .bf__single {
    width: 30%;
  }
  .bf__single h3 {
    font-size: 16px;
  }
  .bf__single p {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .buildFeatures {
    padding: 40px 0;
  }
  .bf__main h2 {
    font-size: 28px;
  }
  .bf__main > p {
    font-size: 14px;
  }
  .bf__single {
    width: 45%;
  }
  .bf__single h3 {
    font-size: 14px;
  }
  .bf__single p {
    font-size: 12px;
  }
}
@media (max-width: 500px) {
  .bf__single {
    width: 100%;
  }
}

/* ─────────────────────────────────────────────────────────────
   25. SERVICES BY LOCATION (.servicesByLocation)
   Source: ServicesByLocation.module.scss
   ───────────────────────────────────────────────────────────── */
.servicesByLocation {
  padding: 40px 0;
}
.sbl__main {
  text-align: center;
}
.sbl__main h2 {
  font-weight: 600;
  font-size: 42px;
  color: #000;
  margin-bottom: 20px;
  font-family: "Gilroy", Arial, sans-serif;
}
.sbl__main h2 span {
  color: #e80101;
}
.sbl__main > p {
  font-weight: 500;
  font-size: 18px;
  color: #2c2c2c;
  width: 65%;
  margin: 0 auto;
  font-family: "Gilroy", Arial, sans-serif;
}
.sbl__listing {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 50px;
}
.sbl__single img {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
  border-radius: 10px;
  display: block;
}
.sbl__single a {
  text-decoration: none;
}
.sbl__single h3 {
  font-size: 22px;
  font-weight: 500;
  color: #2c2c2c;
  margin-bottom: 10px;
  transition: color 0.3s;
  font-family: "Gilroy", Arial, sans-serif;
}
.sbl__single a:hover h3 {
  color: #e80101;
}
.sbl__single > p {
  font-size: 14px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.6);
  margin: 0;
  font-family: "Gilroy", Arial, sans-serif;
}
@media (max-width: 1440px) {
  .sbl__main h2 {
    font-size: 40px;
  }
}
@media (max-width: 1200px) {
  .sbl__main h2 {
    font-size: 38px;
  }
  .sbl__main > p {
    font-size: 16px;
    width: 70%;
  }
  .sbl__single h3 {
    font-size: 20px;
  }
}
@media (max-width: 991px) {
  .sbl__main h2 {
    font-size: 30px;
  }
  .sbl__main > p {
    width: 100%;
  }
  .sbl__single h3 {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .sbl__main h2 {
    font-size: 28px;
  }
  .sbl__main > p {
    font-size: 14px;
  }
  .sbl__listing {
    grid-template-columns: 1fr;
    margin-top: 30px;
  }
  .sbl__single {
    text-align: center;
  }
  .sbl__single h3 {
    font-size: 18px;
  }
}

/* ─────────────────────────────────────────────────────────────
   26. BIG WIN (.bigWin)
   Source: BigWin.module.scss
   ───────────────────────────────────────────────────────────── */
.bigWin {
  background-color: #000;
  padding: 80px 0;
}
.bw__main {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.bw__left h2 {
  color: #fff;
  font-weight: 700;
  font-size: 42px;
  font-family: "Gilroy", Arial, sans-serif;
}
.bw__left h2 span {
  color: #e80101;
}
.bw__left > p {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  font-family: "Gilroy", Arial, sans-serif;
}
.bw__left h3 {
  color: #e80101;
  font-weight: 600;
  font-size: 42px;
  font-family: "Gilroy", Arial, sans-serif;
}
.bw__right {
  text-align: right;
}
.bw__right img {
  display: block;
  margin-left: auto;
}
.bw__bottomLogo {
  margin-top: 20px;
}
.bw__bottomLogo img {
  display: block;
  margin-left: auto;
}
@media (max-width: 1200px) {
  .bw__left h2 {
    font-size: 38px;
  }
  .bw__left > p {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .bw__main {
    grid-template-columns: 1fr;
  }
  .bw__left {
    text-align: center;
  }
  .bw__right {
    text-align: center;
    margin-top: 30px;
  }
  .bw__right img {
    margin: 0 auto;
  }
  .bw__bottomLogo img {
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .bw__bottomLogo img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 575px) {
  .bw__left h2 {
    font-size: 28px;
  }
  .bw__right > img {
    width: 50%;
    height: auto;
  }
  .bw__bottomLogo img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 320px) {
  .bw__left h2 {
    font-size: 22px;
  }
}

/* ─────────────────────────────────────────────────────────────
   27. COMPLIANCE & CERTIFICATION (.complianceAndCertification)
   Source: ComplianceAndCertification.module.scss
   ───────────────────────────────────────────────────────────── */
.complianceAndCertification {
  padding: 60px 0 80px;
  background-color: #fff;
}
.cac__main {
  margin-bottom: 50px;
  text-align: center;
}
.cac__main h2 {
  font-weight: 600;
  font-size: 42px;
  color: #000;
  font-family: "Gilroy", Arial, sans-serif;
}
.cac__main h2 span {
  color: #e80101;
}
.cac__main > p {
  font-weight: 500;
  font-size: 18px;
  color: #2c2c2c;
  width: 60%;
  margin: 0 auto;
  font-family: "Gilroy", Arial, sans-serif;
}
.cac__gridLayout {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.cac__sliderItem {
  border: 1px solid #e8e8e8;
  width: 260px;
  height: 150px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.cac__sliderItem img {
  display: block;
  max-width: 100%;
  height: auto;
  width: 95px;
}
.cac__sliderItem p {
  font-size: 14px;
  font-weight: 500;
  color: #000;
  margin-top: 10px;
  margin-bottom: 0;
  font-family: "Gilroy", Arial, sans-serif;
}
@media (max-width: 1440px) {
  .cac__main h2 {
    font-size: 40px;
  }
}
@media (max-width: 1200px) {
  .cac__main h2 {
    font-size: 38px;
  }
  .cac__main > p {
    font-size: 16px;
    width: 70%;
  }
}
@media (max-width: 991px) {
  .complianceAndCertification {
    padding: 60px 0;
  }
  .cac__main h2 {
    font-size: 30px;
  }
  .cac__main > p {
    font-size: 16px;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .complianceAndCertification {
    padding: 40px 0;
  }
  .cac__main h2 {
    font-size: 28px;
  }
  .cac__main > p {
    font-size: 14px;
  }
  .cac__main h2 br {
    display: none;
  }
}

/* ─────────────────────────────────────────────────────────────
   28. INDUSTRY NEW (.industryNew)
   Source: IndustryNew.module.scss
   ───────────────────────────────────────────────────────────── */
.industryNew {
  padding: 60px 0;
}
.in__main {
  text-align: center;
}
.in__main h2 {
  font-weight: 700;
  font-size: 42px;
  color: #000;
  margin-bottom: 20px;
  font-family: "Gilroy", Arial, sans-serif;
}
.in__main h2 span {
  color: #e80101;
  display: inline;
}
.in__main > p {
  font-weight: 500;
  font-size: 18px;
  color: #2c2c2c;
  margin: 0 auto;
  width: 70%;
  font-family: "Gilroy", Arial, sans-serif;
}
.in__main > p a {
  color: #2c2c2c;
  text-decoration: underline;
}
.in__main > p a:hover {
  color: #e80101;
}
.in__listing {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
  margin-top: 50px;
}
.in__single {
  border: 1px solid #b7b7b7;
  padding: 20px;
  border-radius: 15px;
}
.in__single img {
  display: block;
}
.in__single h3 {
  color: #2c2c2c;
  font-weight: 800;
  font-size: 24px;
  margin: 10px 0;
  font-family: "Gilroy", Arial, sans-serif;
}
.in__single h3 a {
  color: #2c2c2c;
  text-decoration: none;
  transition: color 0.3s;
}
.in__single h3 a:hover {
  color: #e80101;
}
.in__single > p {
  font-size: 18px;
  color: rgba(0, 0, 0, 0.6);
  font-weight: 500;
  margin: 0;
  font-family: "Gilroy", Arial, sans-serif;
}
.in__single > p a {
  color: #e80101;
}
.in__single ul {
  list-style: none;
  padding: 0;
  margin: 20px 0 0;
}
.in__single ul li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  color: #2c2c2c;
  font-weight: 500;
  font-family: "Gilroy", Arial, sans-serif;
  margin-bottom: 8px;
}
.in__single ul li svg {
  flex-shrink: 0;
  margin-top: 2px;
}

/* crossPlatform modifier */
.industryNew.crossPlatform .in__single {
  height: 300px;
  overflow: hidden;
}
.industryNew.crossPlatform .in__single img {
  background-color: #fde6e6;
  border-radius: 10px;
  padding: 10px;
}
.industryNew.crossPlatform .in__single > p {
  height: 0;
  opacity: 0;
  transition: all 0.6s ease-in-out;
  margin-top: 10px;
  overflow: hidden;
}
.industryNew.crossPlatform .in__single:hover > p {
  opacity: 1;
  height: 40%;
}

@media (max-width: 1199px) {
  .industryNew.crossPlatform .in__single {
    height: unset;
  }
  .industryNew.crossPlatform .in__single > p {
    height: unset;
    opacity: 1;
  }
  .industryNew.crossPlatform .in__single h3 {
    font-size: 20px;
  }
}
@media (max-width: 1200px) {
  .in__main h2 {
    font-size: 38px;
  }
  .in__main > p {
    font-size: 16px;
    width: 80%;
  }
  .in__single > p {
    font-size: 16px;
  }
}
@media (max-width: 1024px) {
  .in__single h3 {
    font-size: 20px;
  }
}
@media (max-width: 991px) {
  .in__main h2 {
    font-size: 30px;
  }
  .in__main > p {
    width: 100%;
  }
  .in__main h2 br {
    display: none;
  }
  .in__listing {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 767px) {
  .in__main h2 {
    font-size: 28px;
  }
  .in__main > p {
    font-size: 14px;
  }
  .in__single img {
    width: 50px;
    height: auto;
  }
}
@media (max-width: 575px) {
  .industryNew {
    padding: 30px 0 60px;
  }
  .in__listing {
    grid-template-columns: 1fr;
  }
}

/* ─────────────────────────────────────────────────────────────
   29. IOS STANDARD (.iosStandard)
   Source: IosStandard.module.scss
   ───────────────────────────────────────────────────────────── */
.iosStandard {
  padding: 30px 0 60px;
}
.ios__main {
  text-align: center;
}
.ios__main h2 {
  font-weight: 700;
  font-size: 42px;
  color: #000;
  margin-bottom: 20px;
  font-family: "Gilroy", Arial, sans-serif;
}
.ios__main h2 span {
  color: #e80101;
  display: inline;
}
.ios__main > p {
  font-weight: 500;
  font-size: 18px;
  color: #2c2c2c;
  margin-bottom: 0;
  font-family: "Gilroy", Arial, sans-serif;
}
.ios__main > p a {
  color: #2c2c2c;
  text-decoration: underline;
}
.ios__main > p a:hover {
  color: #e80101;
}

.ios__tabsWrapper {
  margin-top: 50px;
}
.ios__tabs {
  width: fit-content;
  margin: 0 auto 25px;
}
.ios__tabs:last-child {
  margin-bottom: 0;
}
.ios__tabs ul {
  padding: 5px;
  list-style: none;
  display: flex;
  gap: 20px;
  margin: 0;
}
.ios__tabBtn {
  padding: 12px 20px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  border-radius: 40px;
  border: 1px solid #d8d8d8;
  text-align: center;
  font-family: "Gilroy", Arial, sans-serif;
  background: none;
  transition:
    background-color 0.2s,
    border-color 0.2s,
    color 0.2s;
  list-style: none;
}
.ios__tabBtn.active {
  color: #fff;
  background: #e80101;
  border-color: #e80101;
}

.ios__tabContent {
  margin-top: 50px;
}
.ios__grid {
  display: none;
}
.ios__grid.active {
  display: block;
}
.ios__listingWrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
}
.ios__singleBox {
  width: 45%;
  border: 1px solid #b7b7b7;
  border-radius: 15px;
  padding: 20px;
}
.ios__mainTitle {
  font-weight: 600;
  font-size: 20px;
  color: #333;
  margin: 0 0 8px;
  font-family: "Gilroy", Arial, sans-serif;
}
.ios__content {
  font-weight: 500;
  font-size: 16px;
  color: #333;
  margin: 0;
  font-family: "Gilroy", Arial, sans-serif;
}

@media (max-width: 1200px) {
  .ios__main h2 {
    font-size: 38px;
  }
  .ios__main > p {
    font-size: 16px;
  }
  .ios__main h2 br {
    display: none;
  }
}
@media (max-width: 991px) {
  .ios__main h2 {
    font-size: 30px;
  }
  .ios__main h2 br {
    display: none;
  }
  .ios__listing {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .ios__tabs ul {
    flex-direction: column;
    gap: 10px;
  }
  .ios__tabs {
    margin-bottom: 5px;
  }
  .ios__listingWrapper {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .ios__singleBox {
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 575px) {
  .ios__main h2 {
    font-size: 22px;
  }
  .ios__listing {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 320px) {
  .ios__main h2 {
    font-size: 22px;
  }
}

/* ─────────────────────────────────────────────────────────────
   30. ANDROID SERVICE NEW (.mobileApp / .asn__)
   ───────────────────────────────────────────────────────────── */
.mobileApp {
  padding: 60px 0;
}
.asn__head {
  text-align: left;
  margin-bottom: 0;
}
.asn__head h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
  color: #000;
  margin: 0 0 10px;
  font-family: "Gilroy", Arial, sans-serif;
  text-align: left;
}
.asn__head h2 span {
  color: #e80101;
}
.asn__head > p {
  font-size: 18px;
  font-weight: 500;
  color: #2c2c2c;
  font-family: "Gilroy", Arial, sans-serif;
}
.asn__listing {
  display: grid;
  grid-template-columns: 0.8fr 1fr;
  gap: 30px;
  margin-top: 50px;
}
.asn__tabsWrapper {
  background: #000;
  border-radius: 16px;
  padding: 40px 30px;
  height: 530px;
  overflow-x: auto;
}
.asn__tabsWrapper::-webkit-scrollbar {
  width: 6px;
}
.asn__tabsWrapper::-webkit-scrollbar-thumb {
  background-color: #e80101;
}
.asn__tabs ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.asn__tabBtn {
  font-size: 18px;
  font-weight: 600;
  padding: 20px;
  border-bottom: 1px solid #272727;
  color: #fff;
  cursor: pointer;
  font-family: "Gilroy", Arial, sans-serif;
  transition: background 0.2s;
  border-radius: 0;
}
.asn__tabBtn span {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  font-family: inherit;
}
.asn__tabBtn.active {
  background-color: #e80101;
  border-radius: 10px;
}
.asn__tabContent {
  background: #000;
  border-radius: 16px;
  padding: 40px 30px;
}
.asn__grid {
  display: none;
}
.asn__grid.active {
  display: block;
}
.asn__mainTitle {
  font-size: 28px;
  font-weight: 700;
  color: #fff;
  font-family: "Gilroy", Arial, sans-serif;
}
.asn__content {
  font-size: 18px;
  font-weight: 400;
  color: #ddd;
  line-height: 1.6;
  font-family: "Gilroy", Arial, sans-serif;
  margin-bottom: 1rem;
}
.asn__content a {
  text-decoration: underline;
  transition: color 0.3s;
}
.asn__content a:hover {
  color: #e80101;
}
.asn__bestFor,
.asn__whatGet {
  font-size: 18px;
  font-weight: 400;
  color: #ddd;
  background-color: #1c1c1c;
  padding: 15px;
  border-radius: 14px;
  margin-bottom: 12px;
  font-family: "Gilroy", Arial, sans-serif;
}
.asn__bestFor b,
.asn__whatGet b {
  color: #fff;
  display: block;
  margin-bottom: 6px;
}

@media (max-width: 1200px) {
  .asn__head h2 {
    font-size: 38px;
  }
  .asn__head > p {
    font-size: 16px;
  }
  .asn__tabsWrapper {
    height: unset;
  }
}
@media (max-width: 991px) {
  .asn__head h2 {
    font-size: 30px;
    text-align: center;
  }
  .asn__head > p {
    text-align: center;
  }
  .asn__listing {
    display: flex;
    flex-direction: column;
  }
  .asn__tabsWrapper {
    padding: 20px;
  }
  .asn__tabBtn {
    font-size: 16px;
  }
  .asn__mainTitle {
    font-size: 24px;
    text-align: center;
  }
  .asn__content {
    font-size: 16px;
    text-align: center;
  }
}
@media (max-width: 575px) {
  .asn__head h2 {
    font-size: 22px;
    text-align: center;
  }
}

/* ─────────────────────────────────────────────────────────────
   31. USER DEMAND (.userDemand / .ud__)
   ───────────────────────────────────────────────────────────── */
.userDemand {
  padding: 60px 0;
}
.ud__head {
  text-align: center;
}
.ud__head h2 {
  font-size: 42px;
  font-weight: 700;
  color: #000;
  margin-bottom: 30px;
  font-family: "Gilroy", Arial, sans-serif;
}
.ud__head h2 span {
  color: #e80101;
}
.ud__head > p {
  font-size: 18px;
  font-weight: 500;
  color: #2c2c2c;
  text-align: center;
  font-family: "Gilroy", Arial, sans-serif;
  margin-bottom: 1rem;
}
.ud__head > p a {
  color: #e80101;
}
.ud__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.ud__card {
  border: 1px solid #b7b7b7;
  border-radius: 15px;
  padding: 20px;
}
.ud__icon img {
  width: 65px;
  height: 65px;
  object-fit: contain;
}
.ud__title {
  font-size: 20px;
  font-weight: 800;
  color: #2c2c2c;
  margin: 0;
  font-family: "Gilroy", Arial, sans-serif;
}
.ud__para {
  font-size: 16px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.396);
  margin: 0;
  font-family: "Gilroy", Arial, sans-serif;
}

@media (max-width: 1200px) {
  .ud__head h2 {
    font-size: 38px;
  }
  .ud__head > p {
    font-size: 16px;
  }
  .ud__title {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .ud__head h2 {
    font-size: 30px;
  }
  .ud__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 575px) {
  .ud__head h2 {
    font-size: 22px;
  }
  .ud__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 375px) {
  .ud__grid {
    grid-template-columns: 1fr;
  }
}

/* ─────────────────────────────────────────────────────────────
   32. ADVANCED TECH (.advancedTech / .advt__)
   ───────────────────────────────────────────────────────────── */
.advancedTech {
  padding: 60px 0;
}
.advt__head {
  text-align: center;
}
.advt__head h2 {
  font-size: 42px;
  font-weight: 700;
  color: #000;
  margin-bottom: 30px;
  font-family: "Gilroy", Arial, sans-serif;
}
.advt__head h2 span {
  color: #e80101;
}
.advt__head > p {
  font-size: 18px;
  font-weight: 500;
  color: #2c2c2c;
  text-align: center;
  font-family: "Gilroy", Arial, sans-serif;
}
.advt__head > p a {
  color: #e80101;
}
.advt__wrapper {
  display: grid;
  grid-template-columns: 0.4fr 1fr;
  gap: 20px;
}
.advt__tabsCol {
  border-radius: 16px;
  padding: 40px 30px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.advt__tabs ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}
.advt__tabBtn {
  color: #adadad;
  border-bottom: 1px solid #f4f4f4;
  cursor: pointer;
  transition: color 0.2s;
}
.advt__tabBtn:last-child {
  border-bottom: none;
}
.advt__tabBtn.active {
  color: #000;
}
.advt__tabTitle {
  font-size: 17px;
  font-weight: 700;
  padding: 5px 0 15px;
  cursor: pointer;
  margin: 0;
  font-family: "Gilroy", Arial, sans-serif;
  color: inherit;
}
.advt__panels {
  padding: 40px 30px;
  border-radius: 16px;
}
.advt__panel {
  display: none;
}
.advt__panel.active {
  display: block;
}
.advt__listingWrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: center;
}
.advt__imgBox img {
  width: 100%;
  height: auto;
  border-radius: 20px;
}
.advt__contentBox p {
  font-size: 16px;
  font-weight: 500;
  color: #2c2c2c;
  font-family: "Gilroy", Arial, sans-serif;
  margin-bottom: 1rem;
}
.advt__contentBox a {
  text-decoration: underline;
  transition: color 0.3s;
}
.advt__contentBox a:hover {
  color: #e80101;
}

@media (max-width: 1200px) {
  .advt__head h2 {
    font-size: 38px;
  }
  .advt__head h2 br {
    display: none;
  }
  .advt__head > p {
    font-size: 16px;
  }
  .advt__wrapper {
    gap: 15px;
  }
  .advt__tabsCol {
    padding: 15px;
  }
  .advt__panels {
    padding: 15px;
  }
}
@media (max-width: 991px) {
  .advt__head h2 {
    font-size: 30px;
  }
  .advt__wrapper {
    grid-template-columns: 0.7fr 1fr;
  }
  .advt__listingWrapper {
    grid-template-columns: 1fr;
  }
  .advt__imgBox {
    display: none;
  }
}
@media (max-width: 575px) {
  .advt__head h2 {
    font-size: 22px;
  }
}
@media (max-width: 480px) {
  .advt__wrapper {
    grid-template-columns: 1fr;
  }
  .advt__tabBtn {
    text-align: center;
  }
  .advt__contentBox {
    text-align: center;
  }
}

/* ─────────────────────────────────────────────────────────────
   33. ANDROID CTA (.androidCta / .acta__)
   ───────────────────────────────────────────────────────────── */
.androidCta {
  padding: 100px 0;
  background-color: #0a0a0a;
  background-image: url("/wp-content/themes/appvertical/assets/images/android-development/android-new.webp");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.acta__inner {
  display: grid;
  grid-template-columns: 0.8fr 1fr;
  gap: 40px;
}
.acta__left h2 {
  font-size: 42px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 30px;
  text-align: left;
  font-family: "Gilroy", Arial, sans-serif;
}
.acta__left h2 span {
  color: #e80101;
}
.acta__left > p {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  text-align: left;
  font-family: "Gilroy", Arial, sans-serif;
}
.acta__left > p {
  margin-bottom: 1rem;
}
.acta__left > p {
  margin-bottom: 1rem;
}
.acta__left .av-primary-btn {
  width: auto;
}
.widthAuto {
  width: auto;
  padding: 10px 40px;
}
.acta__boxes {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}
.acta__box {
  background-color: #ffffff38;
  border: 1px solid #ffffff38;
  border-radius: 16px;
  padding: 15px;
}
.acta__boxIcon img {
  width: 50px;
  height: 50px;
  object-fit: contain;
}
.acta__number {
  font-size: 54px;
  font-weight: 600;
  color: #fff;
  font-family: "Gilroy", Arial, sans-serif;
  margin: 0;
}
.acta__content {
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  font-family: "Gilroy", Arial, sans-serif;
  /* margin: 0; */
}

@media (max-width: 1200px) {
  .acta__left h2 {
    font-size: 38px;
  }
  .acta__left > p {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .acta__inner {
    grid-template-columns: 1fr;
  }
  .acta__left {
    text-align: center;
  }
  .acta__left h2 {
    font-size: 30px;
    text-align: center;
  }
  .acta__left > p {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .acta__boxes {
    grid-template-columns: 1fr;
  }
  .acta__box {
    text-align: center;
  }
}
@media (max-width: 575px) {
  .acta__left h2 {
    font-size: 22px;
    text-align: center;
  }
}

/* ─────────────────────────────────────────────────────────────
   34. ANDROID INDUSTRIES (.androidIndustries / .ai__)
   ───────────────────────────────────────────────────────────── */
.androidIndustries {
  padding: 60px 0;
}
.ai__head {
  text-align: center;
}
.ai__head h2 {
  font-size: 42px;
  font-weight: 700;
  color: #000;
  margin-bottom: 30px;
  text-align: center;
  font-family: "Gilroy", Arial, sans-serif;
}
.ai__head h2 span {
  color: #e80101;
}
.ai__head > p {
  font-size: 18px;
  font-weight: 500;
  color: #2c2c2c;
  text-align: center;
  font-family: "Gilroy", Arial, sans-serif;
}
.ai__head > p a {
  color: #e80101;
}
.ai__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.ai__card {
  border: 1px solid #b7b7b7;
  border-radius: 15px;
  padding: 40px;
}
.ai__icon img {
  width: 75px;
  height: 75px;
  object-fit: contain;
}
.ai__title {
  font-size: 24px;
  font-weight: 700;
  color: #2c2c2c;
  font-family: "Gilroy", Arial, sans-serif;
  transition: color 0.2s;
}
.ai__title:hover {
  color: #e80101;
}
.ai__title a {
  color: inherit;
  text-decoration: none;
}
.ai__tags {
  list-style: none;
  margin: 30px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.ai__tags li {
  background: #fff4f4;
  border-radius: 10px;
  padding: 10px;
  font-size: 14px;
  font-weight: 500;
  color: #2c2c2c;
  font-family: "Gilroy", Arial, sans-serif;
}

@media (max-width: 1200px) {
  .ai__head h2 {
    font-size: 38px;
  }
  .ai__head > p {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .ai__head h2 {
    font-size: 30px;
  }
  .ai__card {
    padding: 20px;
  }
}
@media (max-width: 768px) {
  .ai__grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 575px) {
  .ai__head h2 {
    font-size: 22px;
    text-align: center;
  }
}

/* ─────────────────────────────────────────────────────────────
   35. COMPLIANCE SECURITY (.complianceSecurity / .cs__)
   ───────────────────────────────────────────────────────────── */
.complianceSecurity {
  padding: 60px 0;
}
.cs__head h2 {
  font-size: 42px;
  font-weight: 700;
  color: #000;
  margin: 0 0 10px;
  text-align: left;
  width: 70%;
  font-family: "Gilroy", Arial, sans-serif;
}
.cs__head h2 span {
  color: #e80101;
}
.cs__head > p {
  font-size: 18px;
  font-weight: 500;
  color: #2c2c2c;
  text-align: left;
  width: 65%;
  font-family: "Gilroy", Arial, sans-serif;
}
.cs__head > p a {
  color: #e80101;
}
.cs__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-top: 40px;
}
.cs__grid p {
  font-size: 24px;
  font-weight: 500;
  color: #000;
  display: flex;
  gap: 10px;
  align-items: center;
  line-height: 1.4;
  /* margin: 0; */
  font-family: "Gilroy", Arial, sans-serif;
}
.cs__grid p svg {
  fill: #e80101;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
}

@media (max-width: 1440px) {
  .cs__grid p {
    font-size: 22px;
  }
}
@media (max-width: 1200px) {
  .cs__head h2 {
    font-size: 38px;
  }
  .cs__head > p {
    font-size: 16px;
  }
  .cs__grid p {
    font-size: 20px;
  }
}
@media (max-width: 991px) {
  .cs__head h2 {
    font-size: 30px;
    text-align: center;
    width: 100%;
  }
  .cs__head > p {
    width: 100%;
    text-align: center;
  }
  .cs__grid {
    grid-template-columns: 1fr;
  }
  .cs__grid p {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .cs__grid p {
    font-size: 16px;
  }
}

/* ─────────────────────────────────────────────────────────────
   36. FLUTTER REACT (.flutterReact / .fr__)
   ───────────────────────────────────────────────────────────── */
.flutterReact {
  padding: 60px 0;
}
.fr__main {
  text-align: center;
}
.fr__main h2 {
  font-size: 42px;
  font-weight: 700;
  color: #000;
  margin-bottom: 20px;
  font-family: "Gilroy", Arial, sans-serif;
}
.fr__main h2 span {
  color: #e80101;
  display: inline;
}
.fr__main > p {
  font-size: 18px;
  font-weight: 500;
  color: #2c2c2c;
  margin: 0 auto;
  width: 70%;
  font-family: "Gilroy", Arial, sans-serif;
}
.fr__main > p a {
  color: #e80101;
}
.fr__listing {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  margin-top: 50px;
  position: relative;
}
.fr__listing--vs::before {
  content: "";
  position: absolute;
  background-image: var(--fr-vs);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 136px;
  height: 136px;
  z-index: 1;
  pointer-events: none;
}
.fr__single {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  padding: 40px;
  border-radius: 15px;
  text-align: center;
}
.fr__imgWrap img {
  max-width: 100%;
  height: auto;
  width: 234px;
  object-fit: contain;
  margin: 0 auto;
}
.fr__boxOne {
  background-color: #f6f6f6;
  border-radius: 20px;
  padding: 24px;
  text-align: left;
  margin-top: 30px;
}
.fr__title {
  font-size: 28px;
  font-weight: 800;
  color: #4d4d4d;
  margin: 0 0 8px;
  font-family: "Gilroy", Arial, sans-serif;
}
.fr__content {
  font-size: 18px;
  font-weight: 500;
  color: #2c2c2c;
  margin: 0;
  font-family: "Gilroy", Arial, sans-serif;
}
.fr__boxTwo {
  background-color: #f6f6f6;
  border-radius: 20px;
  padding: 24px;
  text-align: left;
  margin-top: 30px;
}
.fr__badgeLabel {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  display: inline-block;
  padding: 10px;
  border-radius: 10px;
  margin: 0 0 12px;
  font-family: "Gilroy", Arial, sans-serif;
}
.fr__bestFor {
  font-size: 18px;
  font-weight: 500;
  color: #2c2c2c;
  margin: 0;
  font-family: "Gilroy", Arial, sans-serif;
}

@media (max-width: 1200px) {
  .fr__main h2 {
    font-size: 38px;
  }
  .fr__main > p {
    font-size: 16px;
    width: 80%;
  }
}
@media (max-width: 991px) {
  .fr__main h2 {
    font-size: 30px;
  }
  .fr__main > p {
    width: 100%;
  }
  .fr__listing {
    gap: 40px;
    grid-template-columns: 1fr;
  }
  .fr__listing--vs::before {
    display: none;
  }
  .fr__single {
    padding: 20px;
  }
  .fr__imgWrap img {
    width: 50%;
    height: auto;
  }
  .fr__title {
    text-align: center;
    font-size: 22px;
  }
  .fr__content {
    font-size: 16px;
    text-align: center;
  }
  .fr__badgeLabel {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .fr__bestFor {
    font-size: 16px;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .flutterReact {
    padding: 40px 0;
  }
  .fr__main h2 {
    font-size: 28px;
  }
  .fr__main > p {
    font-size: 14px;
  }
}

/* ─────────────────────────────────────────────────────────────
   37. CROSS PROCESS TABS (.crossTabs / .cpt__)
   ───────────────────────────────────────────────────────────── */
.crossTabs {
  padding: 60px 0;
}
.cpt__main {
  text-align: center;
}
.cpt__main h2 {
  font-size: 42px;
  font-weight: 700;
  color: #000;
  margin-bottom: 20px;
  font-family: "Gilroy", Arial, sans-serif;
}
.cpt__main h2 span {
  color: #e80101;
  display: inline;
}
.cpt__main > p {
  font-size: 18px;
  font-weight: 500;
  color: #000;
  margin: 0 auto;
  width: 70%;
  font-family: "Gilroy", Arial, sans-serif;
}
.cpt__main > p a {
  color: #e80101;
}
.cpt__listing {
  gap: 20px;
}
.cpt__tabsWrapper {
  border-radius: 16px;
  padding: 40px 30px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.cpt__tabs ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: row;
  gap: 180px;
  position: relative;
}
.cpt__tabs ul::before {
  content: "";
  position: absolute;
  width: 95%;
  height: 2px;
  background-color: #e80101;
  top: -40px;
  bottom: 0;
  margin: auto;
  z-index: -1;
}
.cpt__tabBtn {
  color: #000;
  font-size: 22px;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-family: "Gilroy", Arial, sans-serif;
}
.cpt__numbTitle {
  background-color: #e80101;
  border: 1px solid #e80101;
  color: #fff;
  font-size: 40px;
  font-weight: 500;
  width: 80px;
  height: 80px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-family: "Gilroy", Arial, sans-serif;
}
.cpt__tabTitle {
  font-size: 17px;
  font-weight: 700;
  text-align: center;
  padding: 5px 0 15px;
  cursor: pointer;
  margin: 0;
  font-family: "Gilroy", Arial, sans-serif;
}
.cpt__tabBtn.active .cpt__numbTitle {
  background-color: #fff;
  color: #e80101;
}
.cpt__tabContent {
  padding: 40px 30px;
  border-radius: 16px;
}
.cpt__grid {
  display: none;
}
.cpt__grid.active {
  display: block;
}
.cpt__listingWrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: center;
}
.cpt__contentBox h3 {
  font-size: 42px;
  font-weight: 700;
  color: #000;
  font-family: "Gilroy", Arial, sans-serif;
}
.cpt__content {
  font-size: 16px;
  font-weight: 500;
  color: #2c2c2c;
  font-family: "Gilroy", Arial, sans-serif;
}
.cpt__content a {
  text-decoration: underline;
  transition: color 0.3s;
}
.cpt__content a:hover {
  color: #e80101;
}
.cpt__imgBox img {
  width: 100%;
  height: auto;
  border-radius: 20px;
}

@media (max-width: 1200px) {
  .cpt__main h2 {
    font-size: 38px;
  }
  .cpt__main > p {
    font-size: 16px;
    width: 80%;
  }
}
@media (max-width: 1199px) {
  .cpt__tabs ul {
    gap: 120px;
  }
  .cpt__tabTitle {
    font-size: 15px;
  }
}
@media (max-width: 991px) {
  .cpt__main h2 {
    font-size: 30px;
  }
  .cpt__main > p {
    width: 100%;
  }
  .cpt__tabs ul {
    gap: 50px;
  }
  .cpt__numbTitle {
    font-size: 30px;
    width: 60px;
    height: 60px;
  }
  .cpt__tabTitle {
    font-size: 14px;
  }
  .cpt__tabContent {
    padding: 0;
  }
  .cpt__listingWrapper {
    grid-template-columns: 1fr;
  }
  .cpt__imgBox {
    display: none;
  }
  .cpt__contentBox {
    text-align: center;
  }
  .cpt__contentBox h3 {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .crossTabs {
    padding: 40px 0;
  }
  .cpt__main h2 {
    font-size: 28px;
  }
  .cpt__main > p {
    font-size: 14px;
  }
}
@media (max-width: 575px) {
  .cpt__tabs ul {
    gap: 30px;
  }
  .cpt__tabs ul::before {
    top: 0;
    bottom: 0;
  }
  .cpt__tabTitle {
    display: none;
  }
  .cpt__numbTitle {
    width: 40px;
    height: 40px;
    font-size: 20px;
  }
  .cpt__contentBox h3 {
    font-size: 22px;
  }
}
@media (max-width: 340px) {
  .cpt__tabs ul {
    gap: 25px;
  }
  .cpt__numbTitle {
    width: 30px;
    height: 30px;
    font-size: 20px;
  }
}

/* ─────────────────────────────────────────────────────────────
   38. FLEXIBLE ENGAGEMENT (.flexibleEngagement / .fe__)
   ───────────────────────────────────────────────────────────── */
.flexibleEngagement {
  background-color: #030706;
  padding: 60px 0;
}
.fe__main {
  text-align: center;
}
.fe__main h2 {
  font-size: 42px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 20px;
  font-family: "Gilroy", Arial, sans-serif;
}
.fe__main h2 span {
  color: #e80101;
  display: inline;
}
.fe__main > p {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  margin: 0 auto;
  width: 70%;
  font-family: "Gilroy", Arial, sans-serif;
}
.fe__main > p a {
  color: #e80101;
}
.fe__listing {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 40px;
  margin-top: 40px;
}
.fe__single {
  background: linear-gradient(
    180deg,
    rgba(217, 217, 217, 0.74) 0%,
    rgba(115, 115, 115, 0.83) 60%
  );
  padding: 20px;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 20px;
}
.fe__single img {
  max-width: 100%;
  height: auto;
}
.fe__single p {
  color: #fff;
  text-align: center;
  font-family: "Gilroy", Arial, sans-serif;
  margin: 0;
}

@media (max-width: 1200px) {
  .fe__main h2 {
    font-size: 38px;
  }
  .fe__main > p {
    font-size: 16px;
    width: 80%;
  }
  .fe__listing {
    display: flex;
    gap: 20px;
  }
  .fe__single {
    width: 20%;
  }
  .fe__single img {
    width: 70%;
    height: auto;
  }
}
@media (max-width: 991px) {
  .fe__main h2 {
    font-size: 30px;
  }
  .fe__main > p {
    width: 100%;
  }
  .fe__listing {
    flex-wrap: wrap;
  }
  .fe__single {
    width: 30%;
  }
  .fe__single img {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .flexibleEngagement {
    padding: 40px 0;
  }
  .fe__main h2 {
    font-size: 28px;
  }
  .fe__main > p {
    font-size: 14px;
  }
  .fe__listing {
    justify-content: center;
  }
  .fe__single {
    width: 40%;
  }
}
@media (max-width: 425px) {
  .fe__listing {
    flex-direction: column;
  }
  .fe__single {
    width: 100%;
  }
  .fe__single img {
    width: unset;
  }
}

/* ─────────────────────────────────────────────────────────────
   39. CHANGE MAKERS CROSS (.changeMakerCross / .cmc__)
   ───────────────────────────────────────────────────────────── */
.changeMakerCross {
  background-color: #000;
  padding: 80px 0;
}
.cmc__main {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  gap: 80px;
}
.cmc__left h2 {
  color: #fff;
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 15px;
  text-align: center;
  font-family: "Gilroy", Arial, sans-serif;
}
.cmc__left h2 span {
  color: #e80101;
  display: inline;
}
.cmc__left > p {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  opacity: 0.6;
  text-align: center;
  font-family: "Gilroy", Arial, sans-serif;
}
.cmc__left > p a {
  text-decoration: underline;
}
.cmc__referral {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
.cmc__counter {
  color: #fff;
  font-weight: 600;
  font-size: 72px;
  margin: 0;
  text-align: center;
  font-family: "Gilroy", Arial, sans-serif;
}
.cmc__counter span {
  color: #e80101;
  font-family: "Gilroy", Arial, sans-serif;
}
.cmc__title {
  color: #e80101;
  font-size: 18px;
  font-weight: 600;
  font-family: "Gilroy", Arial, sans-serif;
  margin: 0;
  text-align: center;
}
.cmc__text {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  opacity: 0.6;
  text-align: center;
  font-family: "Gilroy", Arial, sans-serif;
  margin: 0;
}

.web-dev-comp .listing .single:hover img {
  filter: none;
}

/* ─────────────────────────────────────────────────────────────
   40. CUSTOM TEMPLATE WEBSITES (.customTemplateWebsites)
   Source: CustomTemplateWebsites.module.scss
   ───────────────────────────────────────────────────────────── */
.customTemplateWebsites {
  padding: 60px 0 80px;
}
.ctw__main {
  text-align: center;
}
.ctw__main h2 {
  color: #000;
  font-weight: 600;
  font-size: 42px;
  width: 80%;
  margin: 0 auto 10px;
  font-family: "Gilroy", Arial, sans-serif;
}
.ctw__main h2 span {
  color: #e80101;
  display: inline;
}
.ctw__main > p {
  font-size: 18px;
  font-weight: 500;
  color: #000;
  margin: 0;
  font-family: "Gilroy", Arial, sans-serif;
}
.ctw__tableWrapper {
  margin-top: 40px;
  overflow: visible;
}
.ctw__tableWrapper table {
  width: 100%;
  border-spacing: 20px;
  border-collapse: separate;
}
.ctw__tableWrapper thead tr th {
  font-size: 20px;
  font-weight: 600;
  padding: 15px 12px;
  background-color: #f4f7fa;
  border-radius: 12px;
  vertical-align: middle;
  font-family: "Gilroy", Arial, sans-serif;
}
.ctw__tableWrapper thead tr th:nth-child(2) {
  background-color: #e80101;
  color: #fff;
}
.ctw__tableWrapper thead tr th:nth-child(3) {
  background-color: #f7f7f7;
}
.ctw__tableWrapper tbody tr td {
  border: 1px solid rgba(94, 94, 94, 0.15);
  padding: 15px;
  font-size: 20px;
  font-weight: 600;
  color: #000000;
  vertical-align: middle;
  background-color: #f4f7fa;
  border-radius: 12px;
  font-family: "Gilroy", Arial, sans-serif;
}
.ctw__tableWrapper tbody tr td:nth-child(2) {
  background-color: #fef4f4;
  border: 1px solid rgba(232, 1, 1, 0.3);
  font-weight: 500;
  font-size: 18px;
}
.ctw__tableWrapper tbody tr td:nth-child(3) {
  background: #f7f7f7;
  font-weight: 500;
  font-size: 18px;
}
.ctw__innerFlex {
  display: flex;
  align-items: center;
  gap: 20px;
}
/* override global svg { display: block } */
.ctw__icon {
  display: inline !important;
  min-width: 20px;
  flex-shrink: 0;
}
@media (max-width: 1200px) {
  .ctw__main h2 {
    font-size: 38px;
  }
  .ctw__main > p {
    font-size: 16px;
  }
  .ctw__tableWrapper thead tr th {
    font-size: 18px;
  }
  .ctw__tableWrapper tbody tr td {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .customTemplateWebsites {
    padding: 60px 0;
  }
  .ctw__main h2 {
    font-size: 30px;
    width: 100%;
  }
  .ctw__tableWrapper {
    overflow: auto;
  }
  .ctw__tableWrapper table {
    width: 150%;
  }
  .ctw__tableWrapper thead tr th,
  .ctw__tableWrapper tbody tr td {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .customTemplateWebsites {
    padding: 40px 0;
  }
  .ctw__main h2 {
    font-size: 28px;
  }
  .ctw__main > p {
    font-size: 14px;
  }
  .ctw__tableWrapper {
    margin-top: 20px;
  }
  .ctw__tableWrapper table {
    width: 160%;
  }
  .ctw__tableWrapper thead tr th,
  .ctw__tableWrapper tbody tr td {
    font-size: 14px;
  }
}
@media (max-width: 500px) {
  .ctw__tableWrapper table {
    width: 180%;
  }
}

/* ─────────────────────────────────────────────────────────────
   41. WHY CHOOSE SLIDER (.whyChooseSlider)
   Source: WhyChooseSlider.module.scss
   ───────────────────────────────────────────────────────────── */
.whyChooseSlider {
  padding: 80px 0 40px;
  background-color: #fff;
}
.whyChooseSlider .wcsl__main h2 {
  color: #000;
  font-weight: 700;
  font-size: 42px;
  font-family: "Gilroy", Arial, sans-serif;
}
.whyChooseSlider .wcsl__main h2 span {
  color: #e80101;
  display: inline;
}
.whyChooseSlider .wcsl__main > p {
  font-size: 18px;
  font-weight: 500;
  color: #000;
  margin: 0;
  font-family: "Gilroy", Arial, sans-serif;
}
.whyChooseSlider .wcsl__main > p a {
  color: #e80101;
}
.wcsl__pagination {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
}
.wcsl__navBtn {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.wcsl__navBtn svg {
  fill: #e80101;
  width: 30px;
  height: 30px;
  transition: fill 0.2s;
}
.wcsl__navBtn:hover svg {
  fill: #000;
}
.wcsl__portfolioSliders {
  margin-top: 20px;
}
.wcsl__single {
  border-radius: 15px;
  padding: 40px 20px;
  border: 1px solid grey;
  position: relative;
  height: 350px;
}
.wcsl__single img {
  position: absolute;
  right: 10px;
  top: 10px;
  background-color: #e80101;
  border-radius: 10px;
  padding: 5px;
  width: 46px;
  height: 46px;
}
.wcsl__single h3 {
  font-family: "Gilroy", Arial, sans-serif;
  font-size: 24px;
  color: #2c2c2c;
  font-weight: 800;
  margin: 0;
}
.wcsl__single p {
  font-family: "Gilroy", Arial, sans-serif;
  font-size: 19px;
  font-weight: 500;
  color: #6e6e6e;
  margin: 0;
  padding-top: 10px;
  text-align: left;
  width: 100%;
}

/* centered variant */
.whyChooseSlider.centered .wcsl__main h2 {
  text-align: center;
}
.whyChooseSlider.centered .wcsl__main > p {
  text-align: center;
  width: 70%;
  margin: 0 auto;
}
.wcsl__pagination--below {
  justify-content: center;
  margin-top: 30px;
  gap: 20px;
}
.wcsl__pagination--below .wcsl__navBtn svg {
  width: 40px;
  height: 40px;
}

@media (max-width: 1200px) {
  .whyChooseSlider .wcsl__main h2 {
    font-size: 38px;
  }
  .whyChooseSlider .wcsl__main > p {
    font-size: 16px;
  }
  .wcsl__single {
    height: 300px;
  }
  .wcsl__single p {
    font-size: 16px;
  }
}
@media (max-width: 1024px) {
  .wcsl__single h3 {
    width: 80%;
    font-size: 20px;
  }
}
@media (max-width: 991px) {
  .whyChooseSlider .wcsl__main h2 {
    font-size: 30px;
  }
  .whyChooseSlider .wcsl__main h2 br {
    display: none;
  }
  .whyChooseSlider .wcsl__main > p {
    width: 100%;
  }
  .whyChooseSlider.centered .wcsl__main > p {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .wcsl__single {
    min-height: unset;
  }
}
@media (max-width: 575px) {
  .whyChooseSlider {
    padding: 50px 0 30px;
  }
  .whyChooseSlider .wcsl__main h2 {
    font-size: 22px;
  }
  .wcsl__pagination {
    margin-top: 20px;
  }
  .wcsl__single {
    height: 100%;
  }
  .whyChooseSlider.centered .wcsl__main > p {
    width: 100%;
  }
}

/* ─────────────────────────────────────────────────────────────
   42. WEB INDUSTRIES NEW (.webIndustriesNew)
   Source: WebIndustriesNew.module.scss
   ───────────────────────────────────────────────────────────── */
.webIndustriesNew {
  padding: 80px 0;
  background-color: #fff;
}
.win__main {
  text-align: center;
}
.win__main h2 {
  font-weight: 700;
  font-size: 42px;
  color: #000;
  font-family: "Gilroy", Arial, sans-serif;
}
.win__main h2 span {
  color: #e80101;
  display: inline;
}
.win__main > p {
  font-weight: 500;
  font-size: 18px;
  color: #2c2c2c;
  margin: 20px auto 0;
  width: 70%;
  font-family: "Gilroy", Arial, sans-serif;
}
.win__listing {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  padding-top: 50px;
}
.win__single {
  border: 1px solid #b7b7b7;
  border-radius: 15px;
  padding: 20px;
  gap: 10px;
  transition: all 0.5s ease;
}
.win__single h3 {
  font-family: "Gilroy", Arial, sans-serif;
  font-size: 18px;
  color: #2c2c2c;
  font-weight: 600;
  margin-top: 10px;
}
.win__single p a {
  text-decoration: underline;
}
.win__single p a:hover {
  color: #e80101;
}
.win__single:hover img {
  filter: brightness(0) saturate(100%) invert(9%) sepia(100%) saturate(5940%)
    hue-rotate(358deg) brightness(99%) contrast(122%);
}
.win__single:hover h3 {
  color: #e80101;
}
.win__btnWrapper {
  text-align: center;
  margin-top: 50px;
}

/* homeDark variant */
.webIndustriesNew.homeDark {
  background-color: #0a0a0a;
}
.webIndustriesNew.homeDark .win__main h2 {
  color: #fff;
  font-size: 54px;
  font-weight: 700;
  letter-spacing: -2px;
  line-height: 1.1;
}
.webIndustriesNew.homeDark .win__main > p {
  color: #fff;
}
.webIndustriesNew.homeDark .win__listing {
  grid-template-columns: repeat(5, 1fr);
}
.webIndustriesNew.homeDark .win__single {
  border: 1px solid #202020;
}
.webIndustriesNew.homeDark .win__single img {
  transition: all 0.5s ease;
  scale: 0.8;
  object-fit: cover;
  filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(7493%)
    hue-rotate(352deg) brightness(101%) contrast(122%);
}
.webIndustriesNew.homeDark .win__single:hover img {
  scale: 1;
  filter: none;
}

/* web-dev-comp exception: no red-filter on hover */
.webIndustriesNew.web-dev-comp .win__single:hover img {
  filter: none;
}

@media (max-width: 1200px) {
  .win__main h2 {
    font-size: 38px;
  }
  .win__main h2 br {
    display: none;
  }
}
@media (max-width: 991px) {
  .win__main > p {
    font-size: 16px;
    width: 100%;
  }
  .win__listing {
    grid-template-columns: repeat(3, 1fr);
  }
  .webIndustriesNew.homeDark .win__listing {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  .win__main h2 {
    font-size: 28px;
  }
  .win__main > p {
    font-size: 15px;
  }
  .win__listing {
    grid-template-columns: repeat(2, 1fr);
  }
  .webIndustriesNew.homeDark .win__listing {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .webIndustriesNew {
    padding: 50px 0;
  }
  .win__main h2 {
    font-size: 22px;
  }
  .win__main > p {
    font-size: 15px;
  }
  .win__listing {
    grid-template-columns: 1fr;
  }
  .webIndustriesNew.homeDark .win__listing {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1440px) {
  .cmc__main {
    gap: 60px;
  }
  .cmc__left h2 {
    font-size: 38px;
  }
}
@media (max-width: 1200px) {
  .cmc__left h2 {
    font-size: 35px;
  }
  .cmc__left > p {
    font-size: 16px;
  }
  .cmc__counter {
    font-size: 50px;
  }
}
@media (max-width: 1199px) {
  .cmc__main {
    row-gap: 20px;
  }
}
@media (max-width: 991px) {
  .cmc__left {
    text-align: center;
  }
  .cmc__left h2 {
    font-size: 28px;
  }
  .cmc__left h2 br {
    display: none;
  }
  .cmc__left > p br {
    display: none;
  }
  .cmc__referral {
    grid-template-columns: 1fr;
  }
  .cmc__single {
    text-align: center;
  }
}
@media (max-width: 575px) {
  .cmc__left h2 {
    font-size: 22px;
  }
  .cmc__referral {
    grid-template-columns: 1fr;
  }
}

/* ─────────────────────────────────────────────────────────────
   43. DallasCost (.dallasCost)
   ───────────────────────────────────────────────────────────── */
.dallasCost {
  background-color: #fff;
  padding: 80px 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.dallasCost__main {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 20px;
}
.dallasCost__left h2 {
  color: #000;
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 700;
  font-size: 42px;
  margin: 0;
  line-height: 1.2;
}
.dallasCost__left h2 span {
  color: #e80101;
  display: inline;
}
.dallasCost__left > p {
  font-family: "Gilroy", Arial, sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #000;
  margin: 0;
  padding: 20px 0 30px;
}
.dallasCost__left > p a {
  color: #e80101;
}
.dallasCost__btnWrapper {
  display: flex;
  gap: 20px;
}
.dallasCost__trustedWrapper {
  margin-top: 25px;
  margin-bottom: 15px;
}
.dallasCost__subText {
  font-size: 15px;
  font-weight: 500;
  color: #2c2c2c;
  font-family: "Gilroy", Arial, sans-serif;
  padding: 0;
  margin: 0;
}
.dallasCost__ratingWrapper {
  display: flex;
  gap: 20px;
  align-items: center;
}
.dallasCost__rating {
  display: flex;
  gap: 10px;
  align-items: center;
}
.dallasCost__rating h6 {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  color: #2c2c2c;
  font-family: "Gilroy", Arial, sans-serif;
  line-height: 1;
}
.dallasCost__stars {
  display: flex;
  gap: 2px;
}
.dallasCost__stars svg {
  display: inline !important;
  flex-shrink: 0;
}
.dallasCost__right {
  text-align: center;
}
.dallasCost__right img {
  border-radius: 20px;
  max-width: 100%;
  height: auto;
}
@media (max-width: 1200px) {
  .dallasCost__left h2 {
    font-size: 38px;
  }
  .dallasCost__left > p {
    font-size: 16px;
  }
  .dallasCost__btnWrapper a,
  .dallasCost__btnWrapper button {
    padding: 10px;
    font-size: 14px;
    width: fit-content;
  }
}
@media (max-width: 1024px) {
  .dallasCost__left h2 br {
    display: none;
  }
  .dallasCost.web-development {
    padding: 30px 0;
  }
}
@media (max-width: 991px) {
  .dallasCost__main {
    grid-template-columns: 1fr;
    text-align: center;
    gap: 30px;
  }
  .dallasCost__left h2 {
    font-size: 30px;
  }
  .dallasCost__btnWrapper {
    justify-content: center;
  }
  .dallasCost__ratingWrapper {
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .dallasCost__left h2 {
    font-size: 28px;
  }
}
@media (max-width: 575px) {
  .dallasCost {
    padding: 50px 0;
  }
  .dallasCost__left h2 {
    font-size: 22px;
  }
  .dallasCost__btnWrapper {
    flex-wrap: wrap;
  }
}

/* ─────────────────────────────────────────────────────────────
   44. WebDevIndustries (.webDevIndustries)
   ───────────────────────────────────────────────────────────── */
.webDevIndustries {
  padding: 80px 0;
  background-color: #fff;
}
.wdi__main {
  text-align: center;
}
.wdi__subtitle {
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 20px;
  color: #7f7f7f;
  margin: 0 0 10px;
}
.wdi__main h2 {
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 700;
  font-size: 42px;
  color: #000;
  margin: 0;
  line-height: 1.2;
}
.wdi__main h2 span {
  color: #e80101;
  display: inline;
}
.wdi__main > p {
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: #2c2c2c;
  margin: 20px auto 0;
  width: 70%;
}
.wdi__listing {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
  padding-top: 50px;
}
.wdi__single {
  border: 1px solid #b7b7b7;
  border-radius: 15px;
  padding: 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  transition: all 0.5s ease;
}
.wdi__single h4 {
  font-family: "Gilroy", Arial, sans-serif;
  font-size: 18px;
  color: #2c2c2c;
  font-weight: 600;
  margin: 0;
  transition: color 0.5s ease;
}
.wdi__single:hover img {
  filter: brightness(0) saturate(100%) invert(9%) sepia(100%) saturate(5940%)
    hue-rotate(358deg) brightness(99%) contrast(122%);
}
.wdi__single:hover h4 {
  color: #e80101;
}
.webDevIndustries.homeDark {
  background-color: #0a0a0a;
}
.webDevIndustries.homeDark .wdi__subtitle {
  color: #7f7f7f;
}
.webDevIndustries.homeDark .wdi__main h2 {
  color: #fff;
  font-size: 54px;
  letter-spacing: -2px;
  line-height: 1.1;
}
.webDevIndustries.homeDark .wdi__main > p {
  color: #fff;
}
.webDevIndustries.homeDark .wdi__listing {
  grid-template-columns: repeat(5, 1fr);
}
.webDevIndustries.homeDark .wdi__single {
  border-color: #202020;
}
.webDevIndustries.homeDark .wdi__single img {
  transition: all 0.5s ease;
  scale: 0.8;
  object-fit: cover;
  filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(7493%)
    hue-rotate(352deg) brightness(101%) contrast(122%);
}
.webDevIndustries.homeDark .wdi__single:hover img {
  scale: 1;
  filter: none;
}
.webDevIndustries.homeDark .wdi__single:hover h4 {
  color: #fff;
}
@media (max-width: 1200px) {
  .wdi__main h2 {
    font-size: 38px;
  }
  .wdi__main h2 br {
    display: none;
  }
  .webDevIndustries.homeDark .wdi__main h2 {
    font-size: 44px;
  }
}
@media (max-width: 991px) {
  .wdi__main > p {
    font-size: 16px;
    width: 100%;
  }
  .wdi__listing {
    grid-template-columns: repeat(3, 1fr);
  }
  .webDevIndustries.homeDark .wdi__listing {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  .wdi__main h2 {
    font-size: 28px;
  }
  .wdi__main > p {
    font-size: 15px;
  }
  .wdi__listing {
    grid-template-columns: repeat(2, 1fr);
  }
  .webDevIndustries.homeDark .wdi__listing {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .webDevIndustries {
    padding: 50px 0;
  }
  .wdi__main h2 {
    font-size: 22px;
  }
  .wdi__main > p {
    font-size: 15px;
  }
  .wdi__listing {
    grid-template-columns: 1fr;
  }
  .webDevIndustries.homeDark .wdi__listing {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* ─────────────────────────────────────────────────────────────
   45. IndustriesWeServe (.IndustriesWeServe)
   ───────────────────────────────────────────────────────────── */
.IndustriesWeServe {
  padding: 20px 0 80px;
  background-color: #fff;
}
.iws__head h2 {
  text-align: left;
  font-size: 42px;
  font-weight: 700;
  color: #333;
  font-family: "Gilroy", Arial, sans-serif;
  margin: 0;
  line-height: 1.2;
}
.iws__head h2 span {
  color: #e80101;
}
.iws__head > p {
  text-align: left;
  font-size: 18px;
  font-weight: 500;
  color: #2c2c2c;
  font-family: "Gilroy", Arial, sans-serif;
  margin: 0;
  padding: 20px 0 0;
  width: 50%;
}
.iws__listing {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-top: 50px;
}
.iws__single {
  padding: 250px 25px 10px;
  border-radius: 12px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  overflow: hidden;
}
.iws__single::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.8) 0%,
    rgba(0, 0, 0, 0.6) 45%,
    rgba(0, 0, 0, 0.3) 60%,
    rgba(0, 0, 0, 0) 100%
  );
  z-index: 1;
}
.iws__single > * {
  position: relative;
  z-index: 2;
}
.iws__headBox {
  display: flex;
  gap: 10px;
  align-items: center;
}
.iws__headBox h4 {
  text-align: left;
  font-size: 32px;
  font-weight: 600;
  color: #fff;
  font-family: "Gilroy", Arial, sans-serif;
  margin: 0;
}
.iws__single > p {
  text-align: left;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  font-family: "Gilroy", Arial, sans-serif;
  margin: 0;
  padding: 20px 0;
}
.iws__single ul {
  list-style: none;
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  margin: 0;
  padding: 0;
}
.iws__single ul li a {
  color: #a7a7a7;
  font-family: "Gilroy", Arial, sans-serif;
  border-bottom: 1px solid #a7a7a7;
  transition: all 0.3s ease;
  text-decoration: none;
}
.iws__single ul li a:hover {
  color: #e80101;
  border-bottom-color: #e80101;
}
@media (max-width: 1200px) {
  .iws__head h2 {
    font-size: 38px;
  }
}
@media (max-width: 991px) {
  .IndustriesWeServe {
    padding: 20px 0 40px;
  }
  .iws__head h2 {
    font-size: 28px;
    text-align: center;
  }
  .iws__head > p {
    text-align: center;
    width: 100%;
  }
  .iws__listing {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 480px) {
  .iws__head h2 {
    font-size: 26px;
  }
}

/* ─────────────────────────────────────────────────────────────
   46. WhyChooseIndustries (.WhyChooseIndustries)
   ───────────────────────────────────────────────────────────── */
.WhyChooseIndustries {
  background-color: #fff;
  padding: 80px 0;
}
.wci__head {
  display: flex;
  justify-content: center;
}
.wci__head h2 {
  color: #000;
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 700;
  font-size: 42px;
  text-align: center;
  width: 65%;
  margin: 0;
  line-height: 1.2;
}
.wci__head h2 span {
  color: #e80101;
}
.wci__boxes {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-top: 50px;
}
.wci__single {
  box-shadow: rgba(0, 0, 0, 0.35) 0 5px 15px;
  padding: 30px 50px;
  border-radius: 12px;
  text-align: center;
}
.wci__single img {
  margin: 0 auto;
}
.wci__single h4 {
  color: #333;
  font-size: 23px;
  font-weight: 600;
  padding-top: 10px;
  font-family: "Gilroy", Arial, sans-serif;
  margin: 0 0 8px;
}
.wci__single > p {
  color: #666;
  font-family: "Gilroy", Arial, sans-serif;
  font-size: 16px;
  /* margin: 0; */
}
@media (max-width: 1366px) {
  .wci__head h2 {
    width: 75%;
  }
}
@media (max-width: 1200px) {
  .wci__head h2 {
    width: 100%;
    font-size: 38px;
  }
}
@media (max-width: 991px) {
  .WhyChooseIndustries {
    padding: 40px 0;
  }
  .wci__head h2 {
    font-size: 28px;
  }
  .wci__boxes {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .wci__boxes {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 575px) {
  .wci__head h2 {
    font-size: 22px;
  }
}

/* ─────────────────────────────────────────────────────────────
   47. IndustryTestimonials (.testimonials)
   ───────────────────────────────────────────────────────────── */

.testimonials {
  padding: 100px 0;
  background-color: #050505;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.testi__mainGrid {
  display: flex;
  align-items: center;
  gap: 100px;
}
.testi__left {
  width: 50%;
}
.testi__left h2 {
  font-size: 42px;
  font-weight: 600;
  font-family: "Gilroy", Arial, sans-serif;
  color: #fff;
  margin: 0 0 10px;
  line-height: 1.2;
}
.testi__left h2 span {
  color: #e80101;
}
.testi__left > p {
  font-size: 18px;
  font-weight: 500;
  font-family: "Gilroy", Arial, sans-serif;
  color: #fff;
  margin: 0;
}
.testi__right {
  width: 50%;
}
.testi__swiper {
  padding-bottom: 40px !important;
  --swiper-pagination-color: #e80101;
  --swiper-pagination-bullet-inactive-color: #fff;
  --swiper-pagination-bullet-inactive-opacity: 0.4;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-horizontal-gap: 4px;
}
.testi__swiper .swiper-wrapper {
  align-items: stretch;
}
.testi__swiper .swiper-slide {
  height: auto;
  display: flex;
}
.testi__item {
  box-shadow: 0 0 6px 0 rgba(255, 249, 249, 0.25) inset;
  background: rgba(34, 34, 34, 0.72);
  padding: 30px 40px;
  border-radius: 14px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
  height: 100%;
  box-sizing: border-box;
  flex: 1;
}
.testi__quoteIcon {
  display: block !important;
  margin-bottom: 4px;
}
.testi__item > p {
  font-size: 18px;
  font-weight: 500;
  font-family: "Gilroy", Arial, sans-serif;
  color: #fff;
  line-height: 1.5;
  margin-top: 10px;
  margin-bottom: 10px;
}
.testi__reviewLink {
  margin-left: auto;
  display: block !important;
  color: #fff !important;
  width: fit-content;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid #fff !important;
  border-radius: 0 !important;
  padding: 5px 0 !important;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none !important;
}
.testi__reviewLink svg {
  display: inline !important;
  margin-left: 8px;
  vertical-align: middle;
}
.testi__bottomInfo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
}
.testi__profileInfo {
  display: flex;
  align-items: center;
  gap: 10px;
}
.testi__profileImg {
  border-radius: 50% !important;
  object-fit: cover;
}
.testi__clientName {
  font-size: 18px;
  font-weight: 600;
  font-family: "Gilroy", Arial, sans-serif;
  color: #bab7b7;
  margin: 0;
}
.testi__reviewInfo {
  display: flex;
  align-items: center;
  gap: 10px;
}
.testi__rating {
  font-size: 14px;
  font-weight: 500;
  font-family: "Gilroy", Arial, sans-serif;
  color: #fff;
  margin: 0;
}
.testi__pagination {
  /* position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  text-align: center;
  display: flex !important;
  justify-content: center;
  align-items: center;
  gap: 4px; */
  position: relative;
  margin-top: 20px;
  display: flex;
  justify-content: flex-start;
}
.testi__swiper .swiper-pagination-bullet {
  /* display: inline-block !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #fff !important;
  opacity: 0.4 !important;
  cursor: pointer;
  transition: opacity 0.2s ease, background 0.2s ease;
  flex-shrink: 0; */
  width: 10px;
  height: 10px;
  background: #a7a7a7;
  opacity: 0.5;
  margin: 0 4px;
  border-radius: 50%;
  transition: all 0.3s ease;
  cursor: pointer;
}
.testi__swiper .swiper-pagination-bullet-active {
  /* background: #e80101 !important;
  opacity: 1 !important; */
  background: #e80101;
  opacity: 1;
  width: 40px !important;
  border-radius: 8px !important;
}
.testimonials.industryMain .testi__left h2 {
  width: 60%;
}
.testimonials.industryMain .testi__left > p {
  width: 85%;
  padding: 15px 0;
}
@media (max-width: 1200px) {
  .testi__mainGrid {
    gap: 50px;
  }
  .testi__left h2 {
    font-size: 38px;
  }
  .testi__left > p {
    font-size: 16px;
  }
  .testi__item > p {
    font-size: 16px;
  }
  .testimonials.industryMain .testi__left h2 {
    width: 100%;
  }
  .testimonials.industryMain .testi__left > p {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .testimonials {
    padding: 60px 0;
  }
  .testi__mainGrid {
    flex-direction: column;
    gap: 30px;
  }
  .testi__left {
    width: 100%;
    text-align: center;
  }
  .testi__right {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .testimonials {
    padding: 40px 0 60px;
  }
  .testi__left h2 {
    font-size: 28px;
  }
}
@media (max-width: 575px) {
  .testi__left h2 {
    font-size: 22px;
  }
  .testi__item {
    padding: 20px;
  }
}

/* ─────────────────────────────────────────────────────────────
   48. IndustryAwards (.industryAward)
   ───────────────────────────────────────────────────────────── */
.industryAward {
  padding: 120px 0;
  background: linear-gradient(
    360deg,
    rgba(217, 217, 217, 1) 0%,
    rgba(255, 255, 255, 1) 58%
  );
}
.ia__main {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.ia__left {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.ia__left h2 {
  color: #0a0a0a;
  font-size: 54px;
  font-weight: 700;
  font-family: "Gilroy", Arial, sans-serif;
  margin: 0;
  line-height: 1.1;
}
.ia__left h2 span {
  color: #e80101;
}
.ia__left > p {
  text-align: left;
  font-size: 18px;
  font-weight: 500;
  color: #666;
  font-family: "Gilroy", Arial, sans-serif;
  margin: 0;
  padding: 20px 0;
  width: 80%;
}
.ia__listing {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
.ia__single {
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.11) 11px 8px 11.1px;
  border-radius: 17px;
  padding: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ia__single img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
  display: block !important;
}
.ia__listing .ia__single:nth-child(3n + 2) {
  position: relative;
  top: -50px;
}
@media (max-width: 1440px) {
  .ia__left h2 {
    font-size: 42px;
    width: 80%;
  }
  .ia__left > p {
    width: 85%;
  }
}
@media (max-width: 1366px) {
  .ia__left h2 {
    width: 90%;
  }
  .ia__left > p {
    width: 85%;
  }
}
@media (max-width: 1200px) {
  .ia__left > p {
    width: 90%;
  }
}
@media (max-width: 991px) {
  .industryAward {
    padding: 50px 0 80px;
  }
  .ia__main {
    grid-template-columns: 1fr;
  }
  .ia__left h2 {
    width: 100%;
    text-align: center;
  }
  .ia__left > p {
    width: 100%;
    text-align: center;
  }
  .ia__listing {
    margin-top: 100px;
  }
}
@media (max-width: 767px) {
  .ia__left h2 {
    font-size: 28px;
  }
}
@media (max-width: 575px) {
  .ia__left h2 {
    font-size: 22px;
  }
  .ia__listing {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin-top: 40px;
  }
  .ia__single {
    width: 230px;
    height: 180px;
  }
  .ia__listing .ia__single:nth-child(3n + 2) {
    top: 0;
  }
}
@media (max-width: 480px) {
  .ia__single {
    width: 170px;
    height: 160px;
  }
}

/* ═══════════════════════════════════════════════════════
   § 49 — IndustrySolutionTabs  (.IndustrySolutionSec)
   ═══════════════════════════════════════════════════════ */
.IndustrySolutionSec {
  padding: 80px 0;
  background-color: #f6f7f8;
}
.ist__cont {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.ist__cont h2 {
  font-size: 42px;
  font-weight: 700;
  color: #000;
  text-align: center;
  margin: 0;
}
.ist__cont h2 span {
  color: #e80101;
}
.ist__cont > p {
  font-size: 18px;
  font-weight: 500;
  color: #2c2c2c;
  text-align: center;
  margin: 0;
}
/* Desktop 3-col equal grid */
.ist__servicesContainer {
  margin-top: 50px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: center;
  align-items: center;
  grid-gap: 40px;
}
.ist__servicesList {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.ist__servicesList--empty {
  visibility: hidden;
}
.ist__serviceItem {
  background: transparent;
  border: 1px solid #b7b7b7;
  border-radius: 10px;
  padding: 15px 20px;
  cursor: pointer;
  transition: all 0.4s ease;
  user-select: none;
}
.ist__serviceItem:hover,
.ist__serviceItem.active {
  background-color: #e80101;
  border-color: #e80101;
}
.ist__serviceItem:hover h3,
.ist__serviceItem:hover p,
.ist__serviceItem.active h3,
.ist__serviceItem.active p {
  color: #fff;
}
.ist__serviceItem h3 {
  font-size: 20px;
  font-weight: 800;
  color: #2c2c2c;
  margin-bottom: 6px;
  line-height: 1.2;
  transition: all 0.4s ease;
}
.ist__serviceItem p {
  font-size: 16px;
  color: #626363;
  margin: 0;
  margin-bottom: 0;
  line-height: 1.6;
  transition: all 0.4s ease;
}
/* Center image column */
.ist__mobileFrame {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.ist__tabImg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  display: none;
}
.ist__tabImg.active {
  display: block;
}
/* Mobile accordion — hidden on desktop, Bootstrap accordion */
.ist__mobAccordion {
  display: none;
}
/* Bootstrap accordion-item base */
.ist__mobItem {
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.13);
  margin-bottom: 30px;
  border: none;
}
.ist__mobItem:last-child {
  margin-bottom: 0;
}
/* Reset Bootstrap accordion-header */
.ist__mobHead {
  background: transparent;
  margin: 0;
}
/* Bootstrap accordion-button overrides */
.ist__mobAccordion .accordion-button {
  background: transparent;
  box-shadow: none;
  font-size: 16px;
  font-weight: 600;
  color: #111;
}
.ist__mobAccordion .accordion-button:not(.collapsed) {
  color: #fff;
  background: transparent;
  box-shadow: none;
}
/* White chevron when open (matches live site ::after filter) */
.ist__mobAccordion .accordion-button:not(.collapsed)::after {
  filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(218deg)
    brightness(128%) contrast(101%);
}
/* Accordion body */
.ist__mobBody {
  padding-bottom: 0;
}
.ist__mobBody p {
  font-size: 16px;
  color: #fff;
  line-height: 1.6;
  margin-bottom: 0;
}
.ist__mobImgWrap {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.ist__mobImgWrap img {
  width: 50%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: -30%;
  display: block;
}
/* Industry gradient on entire card when open (via JS .ist__mobOpen class) */
.ist__mobItem.ist__mobOpen {
  filter: drop-shadow(0 3px 20px rgba(0, 0, 0, 0.13));
}
.ist__mobItem.healthcare.ist__mobOpen {
  background: linear-gradient(#004163 0%, #066da2 100%);
}
.ist__mobItem.saas.ist__mobOpen {
  background: linear-gradient(#0090ff 0%, #0e1960 100%);
}
.ist__mobItem.automotive.ist__mobOpen {
  background: linear-gradient(#1e1e1e 0%, #8a1417 100%);
}
.ist__mobItem.fintech.ist__mobOpen {
  background: linear-gradient(#01315e 0%, #1479a7 100%);
}
.ist__mobItem.logistics.ist__mobOpen {
  background: linear-gradient(#730206 0%, #b26710 100%);
}
.ist__mobItem.realEstate.ist__mobOpen {
  background: linear-gradient(#003366 0%, #3bb73b 100%);
}
.ist__mobItem.onDemand.ist__mobOpen {
  background: linear-gradient(#8a1019 0%, #d12c37 100%);
}
.ist__mobItem.education.ist__mobOpen {
  background: linear-gradient(#083e7a 0%, #3d7472 100%);
}
.ist__mobItem.energy.ist__mobOpen {
  background: linear-gradient(#111b21 0%, #0d9441 100%);
}
.ist__mobItem.retail.ist__mobOpen {
  background: linear-gradient(#3f0850 0%, #a33ec4 100%);
}
/* Responsive */
@media (max-width: 1440px) {
  .IndustrySolutionSec {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .ist__cont {
    width: 100%;
    margin: auto;
  }
  .ist__cont h2 {
    font-size: 25px;
  }
  .ist__cont > p {
    font-size: 16px;
  }
  .ist__servicesContainer {
    grid-gap: 50px;
  }
  .ist__serviceItem {
    background: #fff;
  }
  .ist__serviceItem h3 {
    font-size: 20px;
  }
  .ist__serviceItem p {
    font-size: 13px;
  }
}
@media (max-width: 1199px) {
  .IndustrySolutionSec {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .ist__cont {
    width: 100%;
    margin: auto;
  }
  .ist__cont h2 {
    font-size: 23px;
  }
  .ist__cont > p {
    font-size: 16px;
  }
  .ist__servicesContainer {
    grid-gap: 30px;
  }
  .ist__serviceItem {
    background: #fff;
    padding: 15px;
  }
  .ist__serviceItem h3 {
    font-size: 18px;
  }
  .ist__serviceItem p {
    font-size: 12px;
    margin-bottom: 0;
  }
}
@media (max-width: 991px) {
  .ist__servicesContainer {
    display: none;
  }
  .ist__mobAccordion {
    display: block;
    margin-top: 50px;
  }
}

/* ═══════════════════════════════════════════════════════
   § 50 — SingleTestimonial  (.singleTestimonial)
   ═══════════════════════════════════════════════════════ */
.singleTestimonial {
  padding: 60px 0;
  background-size: cover;
  background-position: center;
  position: relative;
  height: 590px;
  display: flex;
  align-items: center;
}
.singleTestimonial::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
  height: 100%;
  background-image: url("../images/mobile-app-dallas/q-before.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.singleTestimonial::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 300px;
  height: 100%;
  background-image: url("../images/mobile-app-dallas/q-after.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
}
.stt__mainWrapper {
  width: 100%;
}
.stt__testimonialContent {
  width: 80%;
  margin: auto;
  position: relative;
  z-index: 2;
  text-align: center;
}
.stt__rating {
  display: flex;
  justify-content: center;
  gap: 4px;
  margin-bottom: 10px;
}
.stt__star {
  font-size: 24px;
  color: #f5c518;
  line-height: 1;
}
.stt__star--off {
  opacity: 0.3;
}
.stt__testimonialContent p {
  font-size: 28px;
  color: #fff;
  margin: 0 0 16px;
  line-height: 1.4;
}
.stt__infoContent h2 {
  font-size: 17px;
  color: #fff;
  font-weight: 600;
  margin: 0;
}
.stt__infoContent h3 {
  font-size: 13px;
  color: #fff;
  font-weight: 400;
  margin: 0;
}
@media (max-width: 1200px) {
  .singleTestimonial {
    height: 500px;
  }
  .singleTestimonial::before {
    width: 200px;
  }
  .singleTestimonial::after {
    width: 200px;
  }
  .stt__testimonialContent p {
    font-size: 24px;
  }
}
@media (max-width: 991px) {
  .singleTestimonial::before {
    width: 200px;
  }
  .singleTestimonial::after {
    width: 200px;
  }
  .stt__testimonialContent {
    width: 100%;
  }
  .stt__testimonialContent p {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .singleTestimonial {
    height: auto;
  }
  .singleTestimonial::before {
    width: 150px;
  }
  .singleTestimonial::after {
    width: 150px;
  }
  .stt__testimonialContent p {
    font-size: 18px;
  }
}
@media (max-width: 500px) {
  .singleTestimonial::before {
    width: 100px;
  }
  .singleTestimonial::after {
    width: 100px;
  }
}

/* ═══════════════════════════════════════════════════════
   § 51 — CuttingEdge  (.bigWin)
   ═══════════════════════════════════════════════════════ */
.bigWin[data-av-ce] {
  padding: 80px 0;
  background-color: #fff;
}
.ce__main {
  text-align: center;
}
.ce__main h2 {
  font-weight: 700;
  font-size: 42px;
  color: #000;
  margin: 0;
}
.ce__main h2 span {
  color: #e80101;
}
.ce__main > p {
  font-weight: 500;
  font-size: 18px;
  color: #000;
  margin-bottom: 0;
  padding: 30px 0;
}
/* Tab buttons row */
.ce__MainBox {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 25px;
}
.ce__Tab {
  cursor: pointer;
  width: 100%;
}
.ce__Tab h6 {
  font-weight: 500;
  font-size: 20px;
  color: #b7b7b7;
  margin: 0;
  background-color: transparent;
  padding: 20px 50px;
  border: 1px solid #b7b7b7;
  border-radius: 10px;
  text-align: center;
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s;
}
.ce__Tab.active h6 {
  background-color: #e80101;
  color: #fff;
  border-color: #e80101;
}
/* Panel */
.ce__panel {
  display: none;
}
.ce__panel.active {
  display: block;
}
/* Grid: left FAQ + right image */
.ce__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  padding: 50px 0;
  align-items: center;
}
.ce__faq {
  overflow: auto;
  max-height: 700px;
}
.ce__faq::-webkit-scrollbar {
  display: none;
}
/* FAQ accordion overrides */
.ce__faqAccordion {
  --bs-accordion-bg: transparent;
  --bs-accordion-border-color: transparent;
}
.ce__faqItem {
  background: transparent;
  border: none;
  border-bottom: 1px solid #dee2e6;
}
.ce__faqItem:last-child {
  border-bottom: none;
}
.ce__faqItem .accordion-button {
  color: #000;
  font-size: 24px;
  font-weight: 500;
  background: transparent;
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 20px;
}
.ce__faqItem .accordion-button::after {
  display: none;
}
.ce__faqItem .accordion-button:focus {
  box-shadow: none;
}
.ce__faqItem .accordion-button:not(.collapsed) {
  color: #e80101;
  background: transparent;
  box-shadow: none;
}
/* +/- icons */
.ce__faqPlus,
.ce__faqMinus {
  flex-shrink: 0;
  font-size: 22px;
  line-height: 1;
  font-style: normal;
}
.ce__faqItem .accordion-button.collapsed .ce__faqMinus,
.ce__faqItem .accordion-button:not(.collapsed) .ce__faqPlus {
  display: none;
}
.ce__faqBody {
  font-size: 16px;
  font-weight: 500;
  padding: 0 20px 20px;
}
.ce__faqBody ul {
  padding-left: 20px;
}
.ce__faqBody a {
  color: #ec1c24;
  text-decoration: underline;
}
.ce__image {
  text-align: center;
}
.ce__image img {
  max-width: 100%;
  height: auto;
}
/* Responsive */
@media (max-width: 1200px) {
  .ce__main h2 {
    font-size: 38px;
  }
  .ce__main > p {
    font-size: 16px;
  }
  .ce__Tab h6 {
    padding: 20px 12px;
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .ce__MainBox {
    flex-direction: column;
  }
  .ce__grid {
    grid-template-columns: 1fr;
  }
  .ce__faq {
    max-height: none;
  }
}
@media (max-width: 575px) {
  .bigWin[data-av-ce] {
    padding: 40px 0;
  }
  .ce__main h2 {
    font-size: 28px;
  }
  .ce__faqItem .accordion-button {
    font-size: 18px;
  }
}
@media (max-width: 320px) {
  .ce__main h2 {
    font-size: 22px;
  }
}

/* ═══════════════════════════════════════════════════════
   § 52 — SoftwareServices  (.av-ss)
   ═══════════════════════════════════════════════════════ */
.av-ss {
  padding: 80px 0;
  background-color: #f6f7f8;
}
.av-ss__content h2 {
  font-size: 42px;
  font-weight: 700;
  color: #000;
  margin: 0;
}
.av-ss__content h2 span {
  color: #e80101;
}
.av-ss__content > p {
  font-size: 18px;
  font-weight: 500;
  color: #000;
  margin: 0;
  padding-bottom: 30px;
}
.av-ss__content > p a {
  color: #e80101;
}
.av-ss__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}
/* Left: Bootstrap accordion overrides */
.av-ss__accordion {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  --bs-accordion-bg: transparent;
  --bs-accordion-border-color: #dee2e6;
}
.av-ss__accordion .accordion-button {
  font-family: "Gilroy", Arial, sans-serif;
  font-size: 24px;
  font-weight: 500;
  color: #000;
  background-color: transparent;
  justify-content: space-between;
  padding: 1rem 0;
  gap: 20px;
  transition: color 0.2s;
}
.av-ss__accordion .accordion-button::after {
  display: none;
}
.av-ss__accordion .accordion-button:focus {
  box-shadow: none;
  background-color: transparent;
}
.av-ss__accordion .accordion-button:not(.collapsed) {
  color: #e80101;
  background-color: transparent;
  box-shadow: none;
}
.av-ss__btn-text {
  flex: 1;
  text-align: left;
}
.av-ss__plus,
.av-ss__minus {
  flex-shrink: 0;
  line-height: 0;
  color: currentColor;
}
.av-ss__accordion .accordion-button:not(.collapsed) .av-ss__plus,
.av-ss__accordion .accordion-button.collapsed .av-ss__minus {
  display: none;
}
/* Right detail panel */
.av-ss__right {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.av-ss__detail {
  display: none;
  font-size: 18px;
  font-weight: 500;
  color: #000;
  line-height: 1.5;
  width: 100%;
}
.av-ss__detail.active {
  display: block;
}
.av-ss__detail-title {
  font-size: 24px;
  font-weight: 700;
  color: #000;
  margin: 0 0 16px;
}
/* .av-ss__detail p  { margin: 0 0 12px; } */
.av-ss__detail ul {
  padding-left: 20px;
  margin: 0 0 12px;
  list-style: disc;
}
.av-ss__detail a {
  color: #e80101;
}
/* Responsive */
@media (max-width: 1200px) {
  .av-ss__content h2 {
    font-size: 38px;
  }
  .av-ss__content > p {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .av-ss__grid {
    grid-template-columns: 1fr;
  }
  .av-ss__accordion .accordion-button {
    font-size: 20px;
  }
}
@media (max-width: 575px) {
  .av-ss {
    padding: 30px 0;
  }
  .av-ss__content h2 {
    font-size: 28px;
  }
}
@media (max-width: 320px) {
  .av-ss__content h2 {
    font-size: 22px;
  }
}

/* ═══════════════════════════════════════════════════════
   § 53 — PlatformServices  (.av-ps)
   ═══════════════════════════════════════════════════════ */
.av-ps {
  padding: 60px 0 30px;
}
/* Two-col head: h2 left, p right */
.av-ps__head {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 30px;
}
.av-ps__head h2 {
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 600;
  font-size: 42px;
  color: #333333;
  margin: 0 0 10px;
  line-height: 1.2;
}
.av-ps__head h2 span {
  color: #e80101;
}
.av-ps__head > p {
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: #333333;
  margin: 0;
}
.av-ps__head > p a {
  text-decoration: underline;
  color: inherit;
}
.av-ps__head > p a:hover {
  color: #e80101;
}
/* 3-col card grid */
.av-ps__listing {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  margin-top: 50px;
}
.av-ps__single {
  border-radius: 25px;
  box-shadow: rgba(99, 99, 99, 0.2) 0 2px 8px 0;
  padding: 70px 25px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 35px;
  align-items: center;
  justify-content: space-between;
}
.av-ps__single img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
}
.av-ps__single p {
  font-family: "Gilroy", Arial, sans-serif;
  color: #333333;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.2;
  text-align: center;
  margin: 0;
}
.av-ps__single p a {
  text-decoration: underline;
  color: inherit;
}
.av-ps__single p a:hover {
  color: #e80101;
}
.av-ps__single > a {
  font-family: "Gilroy", Arial, sans-serif;
  color: #333333;
  font-weight: 600;
  font-size: 18px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: gap 0.3s ease;
}
.av-ps__single > a svg {
  fill: #e80101;
  transition: transform 0.3s ease;
  flex-shrink: 0;
}
.av-ps__single > a:hover {
  gap: 14px;
}
/* Responsive */
@media (max-width: 1440px) {
  .av-ps__head h2 {
    font-size: 40px;
  }
}
@media (max-width: 1200px) {
  .av-ps__head h2 {
    font-size: 38px;
  }
  .av-ps__head > p {
    font-size: 16px;
  }
}
@media (max-width: 1199px) {
  .av-ps__listing {
    grid-template-columns: repeat(2, 1fr);
  }
  .av-ps__single {
    gap: 40px;
  }
}
@media (max-width: 991px) {
  .av-ps__head {
    grid-template-columns: 1fr;
  }
  .av-ps__head h2 {
    font-size: 30px;
    text-align: center;
  }
  .av-ps__head > p {
    font-size: 16px;
    text-align: center;
  }
  .av-ps__listing {
    grid-template-columns: repeat(2, 1fr);
  }
  .av-ps__single {
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .av-ps__head h2 {
    font-size: 28px;
  }
  .av-ps__head > p {
    font-size: 14px;
  }
  .av-ps__listing {
    grid-template-columns: 1fr;
  }
}

/* ── §54 OdooServices ─────────────────────────────────────────────────────── */
.av-odoo-svc {
  padding: 80px 0;
  background-color: #000;
}
.av-odoo-svc__main {
  text-align: center;
}
.av-odoo-svc__main h2 {
  font-size: 42px;
  font-weight: 600;
  line-height: 1.2;
  color: #fff;
  font-family: "Gilroy", Arial, sans-serif;
  text-align: center;
  margin-bottom: 20px;
}
.av-odoo-svc__main h2 span {
  color: #e80101;
}
.av-odoo-svc__main p {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  font-family: "Gilroy", Arial, sans-serif;
  text-align: center;
  width: 70%;
  margin: auto;
}
.av-odoo-svc__listing {
  display: grid;
  grid-template-columns: 1fr;
  margin-top: 50px;
}
.av-odoo-svc__single {
  display: grid;
  grid-template-columns: 0.8fr 1fr;
  align-items: center;
  justify-content: space-between;
  gap: 100px;
  padding: 30px 20px;
  border-bottom: 1px solid #fff;
  position: sticky;
  top: 100px;
  min-height: 200px;
  background-color: #000;
}
.av-odoo-svc__single:last-child {
  border-bottom: none;
}
.av-odoo-svc__single h3 {
  font-size: 32px;
  font-weight: 500;
  color: #fff;
  font-family: "Gilroy", Arial, sans-serif;
}
.av-odoo-svc__single > p {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  font-family: "Gilroy", Arial, sans-serif;
  margin: 0;
}
.av-odoo-svc__btn-wrap {
  text-align: center;
  margin-top: 50px;
}
.av-odoo-svc__btn-wrap button.av-primary-btn {
  width: auto;
}
@media (max-width: 1440px) {
  .av-odoo-svc__main h2 {
    font-size: 40px;
  }
}
@media (max-width: 1200px) {
  .av-odoo-svc__main h2 {
    font-size: 38px;
  }
  .av-odoo-svc__main p {
    font-size: 16px;
  }
  .av-odoo-svc__single h3 {
    font-size: 28px;
  }
  .av-odoo-svc__single > p {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .av-odoo-svc {
    padding: 60px 0;
  }
  .av-odoo-svc__main h2 {
    font-size: 30px;
  }
  .av-odoo-svc__main p {
    width: 100%;
  }
  .av-odoo-svc__single {
    gap: 50px;
  }
  .av-odoo-svc__single h3 {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .av-odoo-svc {
    padding: 40px 0;
  }
  .av-odoo-svc__main h2 {
    font-size: 28px;
  }
  .av-odoo-svc__main p {
    font-size: 14px;
  }
  .av-odoo-svc__listing {
    margin-top: 20px;
  }
  .av-odoo-svc__single {
    grid-template-columns: 1fr;
    gap: 10px;
    text-align: center;
    position: relative;
    top: 0;
  }
  .av-odoo-svc__single h3 {
    font-size: 20px;
  }
  .av-odoo-svc__single h3 br {
    display: none;
  }
  .av-odoo-svc__single > p {
    font-size: 14px;
  }
  .av-odoo-svc__btn-wrap {
    margin-top: 20px;
  }
}

/* ── §55 WhyTrust ─────────────────────────────────────────────────────────── */
.av-wt {
  padding: 80px 0;
}
.av-wt__main h2 {
  font-size: 42px;
  font-weight: 600;
  line-height: 1.2;
  color: #333333;
  font-family: "Gilroy", Arial, sans-serif;
  text-align: center;
}
.av-wt__main h2 span {
  color: #e80101;
}
.av-wt__main p {
  font-size: 18px;
  font-weight: 500;
  color: #333333;
  font-family: "Gilroy", Arial, sans-serif;
  text-align: center;
  width: 60%;
  margin: auto;
}
.av-wt__listing {
  margin-top: 50px;
  display: flex;
  gap: 20px;
}
.av-wt__item-wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  width: 30%;
}

.av-wt__image-wrapper:nth-child(2) {
  width: 40%;
}
.av-wt__item {
  background-color: #000;
  padding: 80px 20px;
  border-radius: 10px;
}
.av-wt__item-wrapper:first-child .av-wt__item:nth-child(2),
.av-wt__item-wrapper:last-child .av-wt__item:first-child {
  background-color: #e80101;
}
.av-wt__item h3 {
  color: #fff;
  font-size: 32px;
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 500;
}
.av-wt__item p {
  color: #fff;
  font-size: 18px;
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 500;
  line-height: 25px;
  margin: 0;
}
.av-wt__image-wrapper img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 1440px) {
  .av-wt__main h2 {
    font-size: 40px;
  }
  .av-wt__item h3 {
    font-size: 28px;
  }
}
@media (max-width: 1200px) {
  .av-wt__main h2 {
    font-size: 38px;
  }
  .av-wt__main p {
    font-size: 16px;
  }
  .av-wt__listing {
    align-items: center;
  }
  .av-wt__item-wrapper {
    width: 40%;
  }
  .av-wt__item h3 {
    font-size: 25px;
  }
  .av-wt__item p {
    font-size: 16px;
  }
  .av-wt__image-wrapper {
    width: 50%;
  }
  .av-wt__image-wrapper img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 991px) {
  .av-wt {
    padding: 60px 0;
  }
  .av-wt__main h2 {
    font-size: 30px;
  }
  .av-wt__main p {
    font-size: 16px;
    width: 100%;
  }
  .av-wt__listing {
    align-items: center;
    flex-direction: column;
  }
  .av-wt__item-wrapper {
    width: 100%;
    flex-direction: row;
  }
  .av-wt__item {
    width: 50%;
  }
  .av-wt__item h3 {
    font-size: 24px;
  }
  .av-wt__item p {
    font-size: 16px;
  }
  .av-wt__image-wrapper {
    display: none;
  }
}
@media (max-width: 767px) {
  .av-wt {
    padding: 40px 0;
  }
  .av-wt__main h2 {
    font-size: 28px;
  }
  .av-wt__main p {
    font-size: 14px;
  }
  .av-wt__listing {
    align-items: center;
    flex-direction: column;
  }
  .av-wt__item-wrapper {
    width: 100%;
    flex-direction: column;
  }
  .av-wt__item {
    width: 100%;
  }
  .av-wt__item h3 {
    font-size: 22px;
  }
  .av-wt__item p {
    font-size: 14px;
  }
  .av-wt__item-wrapper:last-child .av-wt__item:nth-child(1) {
    background-color: #000;
  }
  .av-wt__item-wrapper:last-child .av-wt__item:nth-child(2) {
    background-color: #e80101;
  }
  .av-wt__image-wrapper {
    display: none;
  }
}

/* ── §56 CompletedProjects ────────────────────────────────────────────────── */
.av-cp {
  padding: 80px 0;
}
.av-cp__grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 50px;
  align-items: center;
}
.av-cp__left h2 {
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 600;
  font-size: 42px;
  color: #333333;
  margin-bottom: 20px;
}
.av-cp__left h2 span {
  color: #e80101;
}
.av-cp__left > p {
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: #333333;
}
.av-cp__review-wrap {
  display: flex;
  margin-top: 20px;
}
.av-cp__img-wrap {
  padding: 0 20px;
  border-right: 1px solid #bfbfbf;
}
.av-cp__img-wrap:first-child {
  padding-left: 0;
}
.av-cp__img-wrap:last-child {
  padding-right: 0;
  border-right: none;
}
.av-cp__img-wrap img {
  display: block;
  max-height: 60px;
  width: auto;
}
.av-cp__stat-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.av-cp__stat-item {
  border: 1px solid #cacaca;
  padding: 30px;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.av-cp__stat-item h3 {
  text-align: center;
  font-size: 70px;
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 600;
  color: #333333;
}
.av-cp__stat-item h3 span {
  color: #e80101;
}
.av-cp__stat-item p {
  text-align: center;
  margin-bottom: 0;
  font-size: 16px;
  color: #8b8a8a;
  font-family: "Gilroy", Arial, sans-serif;
}
@media (max-width: 1440px) {
  .av-cp__left h2 {
    font-size: 40px;
  }
}
@media (max-width: 1200px) {
  .av-cp__grid {
    gap: 30px;
  }
  .av-cp__left h2 {
    font-size: 38px;
  }
  .av-cp__left > p {
    font-size: 16px;
  }
  .av-cp__stat-item h3 {
    font-size: 50px;
  }
  .av-cp__stat-item p {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .av-cp {
    padding: 60px 0;
  }
  .av-cp__grid {
    gap: 50px;
    grid-template-columns: 1fr;
  }
  .av-cp__left {
    text-align: center;
  }
  .av-cp__left h2 {
    font-size: 30px;
  }
  .av-cp__left > p {
    font-size: 16px;
  }
  .av-cp__review-wrap {
    justify-content: center;
  }
  .av-cp__stat-item h3 {
    font-size: 50px;
  }
  .av-cp__stat-item p {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .av-cp {
    padding: 40px 0;
  }
  .av-cp__left h2 {
    font-size: 28px;
  }
  .av-cp__left > p {
    font-size: 14px;
  }
  .av-cp__review-wrap {
    justify-content: center;
  }
  .av-cp__stat-item h3 {
    font-size: 40px;
  }
  .av-cp__stat-item p {
    font-size: 14px;
  }
}
@media (max-width: 500px) {
  .av-cp__stat-wrap {
    grid-template-columns: 1fr;
  }
}

/* ── §57 OdooFramework ────────────────────────────────────────────────────── */
.av-of {
  padding: 80px 0;
}
.av-of__main {
  display: grid;
  grid-template-columns: 0.6fr 1fr;
  gap: 100px;
  align-items: center;
}
.av-of__main h2 {
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 600;
  font-size: 42px;
  color: #333333;
  margin-bottom: 0;
}
.av-of__main h2 span {
  color: #e80101;
}
.av-of__main p {
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: #2c2c2c;
  margin-bottom: 0;
}
.av-of__tabs-wrapper {
  margin-top: 50px;
}
.av-of__tabs-row {
  border: 1px solid #333333;
  border-radius: 80px;
  width: fit-content;
  margin: 0 auto 25px;
  padding: 5px;
  list-style: none;
  display: flex;
  gap: 20px;
  position: relative;
}
.av-of__tabs-row:last-child {
  margin-bottom: 0;
}
.av-of__tab-item {
  padding: 12px 20px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  position: relative;
  z-index: 1;
  border-radius: 40px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: "Gilroy", Arial, sans-serif;
  color: #333333;
  transition:
    background 0.2s,
    color 0.2s;
}
.av-of__tab-item.active {
  color: #fff;
  background: linear-gradient(180deg, #000000 0%, #4c4b4b 100%);
}
.av-of__tab-item:focus {
  outline: 2px solid #e80101;
  outline-offset: 2px;
}
.av-of__grid {
  display: none;
  margin-top: 50px;
}
.av-of__grid.active {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 40px;
  background: linear-gradient(180deg, #000000 72.58%, #4e4b4b 117.55%);
  padding: 20px;
  border-radius: 50px;
}
.av-of__left img {
  border-radius: 50px;
  width: 100%;
  height: 100%;
}
.av-of__right h3 {
  font-size: 40px;
  font-weight: 600;
  font-family: "Gilroy", Arial, sans-serif;
  color: #fff;
  margin-bottom: 30px;
}
.av-of__right p {
  font-size: 18px;
  font-weight: 500;
  font-family: "Gilroy", Arial, sans-serif;
  line-height: 24px;
  color: #fff;
}
.av-of__right h4 {
  font-size: 20px;
  color: #fff;
  font-weight: 500;
  margin-top: 20px;
}
.av-of__right ul {
  padding-left: 20px;
  margin: 0;
}
.av-of__right ul li {
  font-size: 18px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 10px;
}
@media (max-width: 1440px) {
  .av-of__main {
    grid-template-columns: 0.8fr 1fr;
  }
  .av-of__main h2 {
    font-size: 40px;
  }
  .av-of__tab-item {
    padding: 12px 15px;
    font-size: 14px;
  }
  .av-of__grid.active .av-of__right h3 {
    font-size: 38px;
  }
}
@media (max-width: 1200px) {
  .av-of__main {
    grid-template-columns: 0.8fr 1fr;
  }
  .av-of__main h2 {
    font-size: 38px;
  }
  .av-of__main p {
    font-size: 16px;
  }
  .av-of__tab-item {
    padding: 10px;
    font-size: 12px;
  }
  .av-of__grid.active .av-of__right h3 {
    font-size: 32px;
  }
  .av-of__grid.active .av-of__right p {
    font-size: 16px;
  }
  .av-of__grid.active .av-of__right h4 {
    font-size: 18px;
  }
  .av-of__grid.active .av-of__right ul li {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .av-of {
    padding: 60px 0;
  }
  .av-of__main {
    grid-template-columns: 1fr;
    gap: 20px;
    text-align: center;
  }
  .av-of__main h2 {
    font-size: 30px;
  }
  .av-of__main p {
    font-size: 16px;
  }
  .av-of__listing {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .av-of__tabs-wrapper {
    margin-top: 0;
  }
  .av-of__tabs-row {
    border: none;
    border-radius: 0;
    margin: 0 0 0 0;
    width: auto;
    gap: 10px;
    flex-direction: column;
    padding: 0;
  }
  .av-of__tab-item {
    padding: 10px;
    font-size: 12px;
    width: fit-content;
  }
  .av-of__grid {
    margin-top: 0;
  }
  .av-of__grid.active {
    grid-template-columns: 1fr;
    border-radius: 30px;
  }
  .av-of__grid.active .av-of__left {
    display: none;
  }
  .av-of__grid.active .av-of__right h3 {
    font-size: 25px;
  }
  .av-of__grid.active .av-of__right p {
    font-size: 15px;
  }
  .av-of__grid.active .av-of__right h4 {
    font-size: 15px;
  }
  .av-of__grid.active .av-of__right ul li {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .av-of {
    padding: 40px 0;
  }
  .av-of__main h2 {
    font-size: 28px;
  }
  .av-of__main p {
    font-size: 14px;
  }
  .av-of__listing {
    display: flex;
    gap: 20px;
    margin-top: 30px;
    align-items: center;
  }
  .av-of__tabs-wrapper {
    margin: 0;
  }
  .av-of__tabs-row {
    border: none;
    border-radius: 0;
    margin: 0;
    padding: 0;
    gap: 10px;
    flex-direction: column;
  }
  .av-of__tab-item {
    padding: 0;
    font-size: 14px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
  }
  .av-of__tab-item span {
    display: none;
  }
  .av-of__grid {
    margin: 0;
  }
  .av-of__grid.active {
    grid-template-columns: 1fr;
  }
  .av-of__grid.active .av-of__left {
    display: none;
  }
  .av-of__grid.active .av-of__right h3 {
    font-size: 22px;
    margin-bottom: 10px;
  }
  .av-of__grid.active .av-of__right p {
    font-size: 14px;
  }
}
@media (max-width: 476px) {
  .av-of__listing {
    gap: 10px;
  }
  .av-of__tab-item {
    font-size: 12px;
    width: 30px;
    height: 30px;
  }
  .av-of__grid.active .av-of__right h3 {
    font-size: 20px;
  }
  .av-of__grid.active .av-of__right p {
    font-size: 14px;
  }
}

/* ── §58 CenterCta ────────────────────────────────────────────────────────── */
.av-ccta {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  padding: 80px 0;
  height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.av-ccta__main {
  text-align: center;
}
.av-ccta__main h2 {
  font-size: 42px;
  font-weight: 600;
  font-family: "Gilroy", Arial, sans-serif;
  color: #fff;
  margin-bottom: 25px;
}
.av-ccta__main h2 span {
  color: #e80101;
}
.av-ccta__main p {
  font-size: 18px;
  font-weight: 500;
  font-family: "Gilroy", Arial, sans-serif;
  color: #fff;
  width: 80%;
  margin: auto;
}
.av-ccta__btn-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 30px;
  justify-content: center;
}
.av-ccta__btn-wrap .av-primary-btn,
.av-ccta__btn-wrap .av-white-border-btn {
  width: fit-content;
}
@media (max-width: 1200px) {
  .av-ccta__main h2 {
    font-size: 38px;
  }
  .av-ccta__main p {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .av-ccta {
    height: 100%;
  }
  .av-ccta__main h2 {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .av-ccta {
    height: 100%;
  }
  .av-ccta__main h2 {
    font-size: 28px;
    margin-bottom: 20px;
  }
  .av-ccta__main p {
    font-size: 14px;
    margin-bottom: 30px;
  }
}

/* ── §59 OdooKeyFeatures ──────────────────────────────────────────────────── */
.av-okf {
  padding: 80px 0;
}
.av-okf__main {
  text-align: center;
}
.av-okf__main h2 {
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 600;
  font-size: 42px;
  color: #333333;
  margin-bottom: 20px;
}
.av-okf__main h2 span {
  color: #e80101;
}
.av-okf__main p {
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: #333333;
  width: 70%;
  margin: auto;
}
.av-okf__listing {
  margin-top: 50px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}
.av-okf__col {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
  align-content: start;
}
.av-okf__item {
  border: 0;
  box-shadow: 2px 2px 3.5px 0px #ffdbdb inset;
  border-radius: 15px;
  position: relative;
}
.av-okf__item::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  box-shadow: 1px 1px 1.6px 0px rgba(0, 0, 0, 0.18);
  bottom: 0;
  border-radius: 15px;
  pointer-events: none;
  z-index: 0;
}
.av-okf__head {
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: space-between;
  padding: 20px;
  cursor: pointer;
  user-select: none;
  color: #000;
  font-family: "Gilroy", Arial, sans-serif;
  font-size: 24px;
  font-weight: 500;
  position: relative;
  z-index: 1;
}
.av-okf__item.open .av-okf__head {
  color: #e80101;
}
.av-okf__item.open .av-okf__head::before {
  content: "";
  background-color: #bcbcbc;
  width: 94%;
  position: absolute;
  height: 1px;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
}
.av-okf__head-inner {
  display: flex;
  gap: 20px;
  align-items: center;
}
.av-okf__head-inner span {
  font-size: 24px;
  font-weight: 500;
  color: inherit;
  font-family: "Gilroy", Arial, sans-serif;
}
.av-okf__icon-wrap {
  flex-shrink: 0;
  background-color: #e80101;
  border-radius: 12px;
  padding: 4px 8px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.av-okf__icon-wrap img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.av-okf__caret {
  flex-shrink: 0;
  line-height: 0;
}
.av-okf__caret-up {
  display: none;
}
.av-okf__item.open .av-okf__caret-down {
  display: none;
}
.av-okf__item.open .av-okf__caret-up {
  display: inline;
}
.av-okf__body {
  padding: 16px 20px;
  position: relative;
  z-index: 1;
}
.av-okf__body ul {
  padding-left: 10px;
  list-style: none;
  margin: 0;
}
.av-okf__body ul li {
  position: relative;
  display: flex;
  font-size: 18px;
  font-family: "Gilroy", Arial, sans-serif;
  gap: 15px;
  margin-bottom: 10px;
  align-items: center;
}
.av-okf__body ul li::before {
  content: "";
  background-image: url("../images/platforms/odoo/check.svg");
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  flex-shrink: 0;
}
.av-okf__body a {
  color: #ec1c24;
  text-decoration: underline;
  text-underline-position: under;
}
@media (max-width: 1440px) {
  .av-okf__main h2 {
    font-size: 40px;
  }
}
@media (max-width: 1200px) {
  .av-okf__main h2 {
    font-size: 38px;
  }
  .av-okf__main p {
    font-size: 16px;
  }
  .av-okf__head {
    font-size: 20px;
  }
  .av-okf__head-inner span {
    font-size: 20px;
  }
  .av-okf__body ul li {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .av-okf {
    padding: 60px 0;
  }
  .av-okf__main h2 {
    font-size: 30px;
  }
  .av-okf__main p {
    font-size: 16px;
    width: 100%;
  }
  .av-okf__head {
    font-size: 18px;
  }
  .av-okf__head-inner span {
    font-size: 18px;
  }
  .av-okf__body ul li {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .av-okf {
    padding: 40px 0;
  }
  .av-okf__main h2 {
    font-size: 28px;
  }
  .av-okf__main p {
    font-size: 14px;
  }
  .av-okf__listing {
    grid-template-columns: 1fr;
  }
  .av-okf__head {
    font-size: 16px;
  }
  .av-okf__head-inner span {
    font-size: 16px;
  }
  .av-okf__body ul li {
    font-size: 14px;
  }
}

/* ── §60 OdooOurAwards ────────────────────────────────────────────────────── */
.av-ooa {
  padding: 80px 0;
}
.av-ooa__main {
  text-align: center;
}
.av-ooa__main h2 {
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 600;
  font-size: 42px;
  color: #333333;
  margin-bottom: 0;
}
.av-ooa__main h2 span {
  color: #e80101;
}
.av-ooa__main p {
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: #2c2c2c;
  margin-bottom: 0;
  width: 70%;
  margin: auto;
}
.av-ooa__grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 50px;
  margin-top: 50px;
}
.av-ooa__single {
  box-shadow: 0px 0px 11px 0px #0000001c;
  padding: 20px;
  border-radius: 16px;
  width: 168px;
  height: 154px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.av-ooa__single img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.av-ooa__double {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1440px) {
  .av-ooa__main h2 {
    font-size: 40px;
  }
}
@media (max-width: 1400px) {
  .av-ooa__main h2 {
    font-size: 40px;
  }
  .av-ooa__grid {
    gap: 20px;
  }
}
@media (max-width: 1200px) {
  .av-ooa__main h2 {
    font-size: 38px;
  }
  .av-ooa__main p {
    font-size: 16px;
  }
  .av-ooa__double {
    flex-direction: row;
    gap: 20px;
  }
}
@media (max-width: 991px) {
  .av-ooa {
    padding: 60px 0;
  }
  .av-ooa__main h2 {
    font-size: 30px;
  }
  .av-ooa__main p {
    font-size: 16px;
    width: 100%;
  }
  .av-ooa__double {
    flex-direction: row;
  }
}
@media (max-width: 767px) {
  .av-ooa {
    padding: 40px 0;
  }
  .av-ooa__main h2 {
    font-size: 28px;
  }
  .av-ooa__main p {
    font-size: 14px;
  }
  .av-ooa__double {
    flex-direction: row;
  }
}

/* ── §61 OdooTestimonials ─────────────────────────────────────────────────── */

.av-ot {
  padding: 80px 0;
}
.av-ot__main-grid {
  display: flex;
  gap: 100px;
  align-items: center;
}
.av-ot__left {
  width: 45%;
}
.av-ot__left h2 {
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 600;
  font-size: 42px;
  color: #333333;
  margin-bottom: 20px;
}
.av-ot__left h2 span {
  color: #e80101;
}
.av-ot__left p {
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: #2c2c2c;
  margin-bottom: 0;
}
.av-ot__right {
  width: 55%;
}
.av-ot__wrapper {
  display: flex;
  gap: 40px;
}
.av-ot__profile-side {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 10px;
  height: fit-content;
}
.av-ot__circle {
  width: 104px;
  height: 104px;
  border-radius: 104px;
  background-color: #000;
  overflow: hidden;
}
.av-ot__circle--red {
  background-color: #e80101;
}
.av-ot__circle img {
  width: 100%;
  height: 100%;
  border-radius: 100px;
}
.av-ot__card {
  border: 1px solid #b2b2b2;
  border-radius: 36px;
  padding: 25px;
}
.av-ot__card > img {
  display: block;
}
.av-ot__card > p {
  font-size: 18px;
  font-weight: 500;
  color: #333333;
  padding-left: 20px;
  margin-top: 10px;
}
.av-ot__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 20px;
}
.av-ot__reviewer h4 {
  font-size: 20px;
  font-weight: 600;
  color: rgba(50, 50, 50, 0.81);
  font-family: "Gilroy", Arial, sans-serif;
  margin: 0;
}
.av-ot__stars {
  display: flex;
  align-items: center;
  gap: 10px;
}
.av-ot__stars h5 {
  margin: 0;
  font-size: 12px;
  color: #777777;
}
.av-ot__more-link {
  display: inline-flex;
  align-items: center;
  padding: 0;
  background-color: transparent;
  color: #323232;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid #323232;
  font-weight: 500;
  text-decoration: none;
  font-family: "Gilroy", Arial, sans-serif;
}
.av-ot__more-link svg {
  color: #b2b2b2;
  margin-left: 10px;
}
.av-ot__swiper {
  overflow: hidden;
  padding-bottom: 40px !important;
  --swiper-pagination-color: #e80101;
  --swiper-pagination-bullet-inactive-color: #b2b2b2;
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-bullet-size: 10px;
  --swiper-pagination-bullet-horizontal-gap: 5px;
}
.av-ot .swiper-pagination {
  bottom: 0;
}
.av-ot .swiper-pagination-bullet {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #b2b2b2;
  opacity: 1;
  cursor: pointer;
  transition: background 0.2s;
}
.av-ot .swiper-pagination-bullet-active {
  background: #e80101;
}
.odooTestimonialSwiper .swiper-pagination {
  position: relative;
  margin-top: 20px;
  display: flex;
  justify-content: flex-start;
}

.odooTestimonialSwiper .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #323232;
  margin: 0 4px;
  border-radius: 50%;
  transition: all 0.3s ease;
  cursor: pointer;
}

.odooTestimonialSwiper .swiper-pagination-bullet-active {
  background: #e80101;
  opacity: 1;
  width: 60px;
  border-radius: 8px;
}
@media (max-width: 1440px) {
  .av-ot__left h2 {
    font-size: 40px;
  }
}
@media (max-width: 1200px) {
  .av-ot__main-grid {
    flex-direction: column;
    gap: 50px;
  }
  .av-ot__left {
    width: 70%;
    text-align: center;
    margin: auto;
  }
  .av-ot__left h2 {
    font-size: 38px;
  }
  .av-ot__left p {
    font-size: 16px;
  }
  .av-ot__right {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .av-ot {
    padding: 60px 0;
  }
  .av-ot__left {
    width: 100%;
  }
  .av-ot__left h2 {
    font-size: 30px;
  }
  .av-ot__left p {
    font-size: 16px;
  }
  .av-ot__right {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .av-ot {
    padding: 40px 0;
  }
  .av-ot__left {
    width: 100%;
  }
  .av-ot__left h2 {
    font-size: 28px;
  }
  .av-ot__left p {
    font-size: 14px;
  }
  .av-ot__right {
    width: 100%;
  }
  .av-ot__profile-side {
    display: none;
  }
  .av-ot__reviewer h4 {
    font-size: 18px;
  }
}

/* ── §62 OdooCta ──────────────────────────────────────────────────────────── */
.av-oc {
  padding: 40px 0 80px;
}
.av-oc__inner {
  background-size: cover;
  border-radius: 18px;
  background-repeat: no-repeat;
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  align-items: center;
  gap: 50px;
  padding: 80px 40px;
}
.av-oc__left h2 {
  font-size: 40px;
  font-weight: 600;
  color: #fff;
  font-family: "Gilroy", Arial, sans-serif;
}
.av-oc__left h2 span {
  color: #e80101;
}
.av-oc__left p {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  line-height: 24px;
  margin-bottom: 0;
}
.av-oc__btn-wrap {
  margin-top: 20px;
  display: flex;
  gap: 20px;
  align-items: center;
}
.av-oc__btn-wrap .av-primary-btn,
.av-oc__btn-wrap .av-white-border-btn {
  width: fit-content;
}
.av-oc__right img {
  width: 100%;
  height: auto;
}
/* Modifier: 1-col centered */
.av-oc.platform .av-oc__inner {
  grid-template-columns: 1fr;
}
.av-oc.platform .av-oc__left h2 {
  text-align: center;
}
.av-oc.platform .av-oc__left p {
  width: 75%;
  margin: auto;
  text-align: center;
}
.av-oc.platform .av-oc__btn-wrap {
  justify-content: center;
}
/* Modifier: wide left */
.av-oc.awsServiceCta .av-oc__inner {
  padding: 40px;
  grid-template-columns: 2fr 1fr;
  background-position: right;
}
.av-oc.awsServiceCta .av-oc__left h2 {
  margin-bottom: 15px;
}
.av-oc.awsServiceCta .av-oc__left p {
  margin-bottom: 20px;
}
@media (max-width: 1440px) {
  .av-oc__left h2 {
    font-size: 40px;
  }
  .av-oc__btn-wrap .av-primary-btn,
  .av-oc__btn-wrap .av-white-border-btn {
    padding: 10px;
  }
}
@media (max-width: 1200px) {
  .av-oc__left h2 {
    font-size: 35px;
  }
  .av-oc__left p {
    font-size: 16px;
  }
  .av-oc__btn-wrap .av-primary-btn,
  .av-oc__btn-wrap .av-white-border-btn {
    padding: 10px;
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .av-oc__inner {
    grid-template-columns: 1fr;
  }
  .av-oc__left {
    text-align: center;
  }
  .av-oc__left h2 {
    font-size: 30px;
  }
  .av-oc__left p {
    font-size: 16px;
  }
  .av-oc__btn-wrap {
    justify-content: center;
  }
  .av-oc__btn-wrap .av-primary-btn,
  .av-oc__btn-wrap .av-white-border-btn {
    padding: 10px;
    font-size: 14px;
  }
  .av-oc__right {
    display: none;
  }
  .av-oc.awsServiceCta .av-oc__inner {
    grid-template-columns: 1fr;
    background-image: none !important;
    background-color: #000;
  }
}
@media (max-width: 767px) {
  .av-oc__inner {
    border-radius: 12px;
  }
  .av-oc__left h2 {
    font-size: 28px;
  }
  .av-oc__left p {
    font-size: 14px;
  }
  .av-oc__btn-wrap {
    flex-wrap: wrap;
  }
}

/* ── §63 OdooTechStack ────────────────────────────────────────────────────── */
.av-ots {
  padding: 80px 0;
  background-color: #000;
}
.av-ots__main {
  display: grid;
  grid-template-columns: 0.7fr 1fr;
  gap: 60px;
  align-items: center;
}
.av-ots__main h2 {
  font-size: 42px;
  font-weight: 600;
  color: #fff;
  font-family: "Gilroy", Arial, sans-serif;
}
.av-ots__main h2 span {
  color: #e80101;
}
.av-ots__main > p {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  margin: 0;
  font-family: "Gilroy", Arial, sans-serif;
}
.av-ots__listing {
  display: grid;
  grid-template-columns: 0.7fr 1fr;
  gap: 60px;
  align-items: center;
  margin-top: 50px;
}
.av-ots__tabs-wrapper {
  border-right: 1px solid #b7b7b7;
  height: 100%;
  padding: 20px 0;
  display: flex;
  align-items: center;
}
.av-ots__tabs-wrapper ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.av-ots__tabs-wrapper li {
  font-size: 15px;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 50px;
  padding: 5px 20px;
  cursor: pointer;
  transition:
    background 0.2s,
    border-color 0.2s;
}
.av-ots__tabs-wrapper li.active {
  background: #e80101;
  border-color: #e80101;
}
.av-ots__tab-content {
  position: relative;
}
.av-ots__content-grid {
  display: none;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
.av-ots__content-grid.active {
  display: grid;
}
.av-ots__single {
  position: relative;
  background-color: #0b0b0b;
  border-radius: 10px;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 93px;
}
.av-ots__single::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  background: linear-gradient(
    180deg,
    rgba(129, 127, 127, 0.19) 0%,
    #b9b7b7 100%
  );
  border-radius: inherit;
  -webkit-mask:
    conic-gradient(#000 0 0) content-box,
    conic-gradient(#000 0 0);
  mask:
    conic-gradient(#000 0 0) content-box exclude,
    conic-gradient(#000 0 0);
}
.av-ots__single img {
  max-width: 100%;
  max-height: 60px;
  object-fit: contain;
  position: relative;
  z-index: 1;
}
@media (max-width: 991px) {
  .av-ots {
    padding: 60px 0;
  }
  .av-ots__main {
    grid-template-columns: 1fr;
    gap: 10px;
    text-align: center;
  }
  .av-ots__main h2 {
    font-size: 30px;
  }
  .av-ots__main > p {
    font-size: 16px;
  }
  .av-ots__listing {
    grid-template-columns: 0.6fr 1fr;
    gap: 20px;
  }
  .av-ots__tabs-wrapper li {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .av-ots {
    padding: 40px 0;
  }
  .av-ots__main h2 {
    font-size: 28px;
  }
  .av-ots__listing {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 30px;
  }
  .av-ots__tabs-wrapper {
    border: none;
    padding: 0;
  }
  .av-ots__tabs-wrapper ul {
    justify-content: center;
    gap: 10px;
  }
  .av-ots__content-grid.active {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .av-ots__single {
    width: 120px;
    height: 90px;
  }
}

/* ── §64 IndustriesWeSupport ──────────────────────────────────────────────── */
.av-iwsp {
  padding: 80px 0;
  background-color: #fff;
}
.av-iwsp__main {
  text-align: center;
  margin-bottom: 50px;
}
.av-iwsp__main h2 {
  font-size: 42px;
  font-weight: 600;
  color: #333;
  font-family: "Gilroy", Arial, sans-serif;
}
.av-iwsp__main h2 span {
  color: #e80101;
}
.av-iwsp__main > p {
  font-size: 18px;
  font-weight: 500;
  color: #2c2c2c;
  width: 60%;
  margin: auto;
}
.av-iwsp__grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 15px;
  margin-top: 50px;
}
.av-iwsp__single {
  padding: 14px;
  border-radius: 16px;
  width: 240px;
  height: 300px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-end;
  transition: all 0.6s ease-in-out;
  overflow: hidden;
  position: relative;
}
.av-iwsp__single::before {
  content: "";
  background-color: #000;
  position: absolute;
  width: 100%;
  height: 100%;
  transition: all 0.5s ease-in-out;
  left: 0;
  bottom: -100%;
}
.av-iwsp__single:hover::before {
  bottom: 0;
}
.av-iwsp__single:hover .av-iwsp__content {
  opacity: 1;
  height: 80%;
}
.av-iwsp__head {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
  z-index: 1;
}
.av-iwsp__head img {
  flex-shrink: 0;
}
.av-iwsp__head h3 {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  margin: 0;
}
.av-iwsp__content {
  height: 0;
  opacity: 0;
  transition: all 0.6s ease-in-out;
  position: relative;
  z-index: 1;
  margin-top: 10px;
}
.av-iwsp__content p {
  color: #fff;
  font-size: 14px;
  margin: 0;
}
.av-iwsp__double {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
@media (max-width: 1440px) {
  .av-iwsp__main h2 {
    font-size: 40px;
  }
}
@media (max-width: 1400px) {
  .av-iwsp__single {
    width: 200px;
    height: 270px;
  }
}
@media (max-width: 1200px) {
  .av-iwsp__main h2 {
    font-size: 38px;
  }
  .av-iwsp__main > p {
    font-size: 16px;
    width: 100%;
  }
  .av-iwsp__double {
    flex-direction: row;
  }
}
@media (max-width: 991px) {
  .av-iwsp {
    padding: 60px 0;
  }
  .av-iwsp__main h2 {
    font-size: 30px;
  }
  .av-iwsp__main > p {
    font-size: 16px;
    max-width: 100%;
  }
  .av-iwsp__double {
    flex-direction: row;
  }
}
@media (max-width: 767px) {
  .av-iwsp {
    padding: 40px 0;
  }
  .av-iwsp__main h2 {
    font-size: 26px;
  }
  .av-iwsp__main > p {
    font-size: 15px;
  }
}

/* ── §64b IndustriesWeSupport — Grid style modifier ─────────────────────── */
.av-iwsp--grid .av-iwsp__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
}
.av-iwsp--grid .av-iwsp__single {
  height: 280px;
  border-radius: 8px;
  border: 1px solid #999999;
  background-image: none;
  align-items: center;
  justify-content: center;
  width: auto;
}
.av-iwsp--grid .av-iwsp__single::before {
  background-color: #e80101;
}
.av-iwsp--grid .av-iwsp__single:hover .av-iwsp__head h3 {
  color: #fff;
  transition: all 0.5s ease-in-out;
}
.av-iwsp--grid .av-iwsp__single:hover .av-iwsp__head img {
  filter: invert(1) brightness(20);
}
.av-iwsp--grid .av-iwsp__single:hover .av-iwsp__content {
  height: 40%;
}
.av-iwsp--grid .av-iwsp__head {
  flex-direction: column;
  text-align: center;
  gap: 0;
}
.av-iwsp--grid .av-iwsp__head img {
  width: 52px;
  height: 52px;
  transition: all 0.5s ease-in-out;
}
.av-iwsp--grid .av-iwsp__head h3 {
  font-size: 25px;
  font-weight: 600;
  color: #333333;
  margin-top: 10px;
  transition: all 0.5s ease-in-out;
}
.av-iwsp--grid .av-iwsp__content p {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}
@media (max-width: 1200px) {
  .av-iwsp--grid .av-iwsp__head h3 {
    font-size: 22px;
  }
}
@media (max-width: 991px) {
  .av-iwsp--grid .av-iwsp__grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .av-iwsp--grid .av-iwsp__single {
    width: 220px;
  }
  .av-iwsp--grid .av-iwsp__head h3 {
    font-size: 20px;
  }
  .av-iwsp--grid .av-iwsp__content p {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .av-iwsp--grid .av-iwsp__single {
    width: 100%;
  }
}

/* ── §65 Platform TrustedByIndustry ──────────────────────────────────────── */
.ptbi {
  padding: 60px 0 80px;
  background-color: #000;
}
.ptbi.whiteTheme {
  background-color: #fff;
}
.ptbi__main {
  text-align: center;
  margin-bottom: 50px;
}
.ptbi__main h2 {
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 600;
  font-size: 42px;
  color: #fff;
  margin: 0;
}
.ptbi__main h2 span {
  color: #e80101;
}
.ptbi.whiteTheme .ptbi__main h2 {
  color: #333;
}
.ptbi__details {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 30px 0;
}
.ptbi__clutch {
  display: flex;
  align-items: center;
  gap: 5px;
}
.ptbi__clutch p,
.ptbi__rating p,
.ptbi__user p {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  font-family: "Gilroy", Arial, sans-serif;
}
.ptbi.whiteTheme .ptbi__clutch p,
.ptbi.whiteTheme .ptbi__rating p,
.ptbi.whiteTheme .ptbi__user p {
  color: #6e6e6e;
}
.ptbi__clutch p span,
.ptbi__rating p span,
.ptbi__user p span {
  font-weight: 700;
  font-size: 16px;
  color: #fff;
}
.ptbi.whiteTheme .ptbi__clutch p span,
.ptbi.whiteTheme .ptbi__rating p span,
.ptbi.whiteTheme .ptbi__user p span {
  color: #6e6e6e;
}
.ptbi__user {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-left: 15px;
}
.ptbi__para {
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: #fff;
  text-align: center;
  width: 60%;
  margin: 0 auto;
}
.ptbi.whiteTheme .ptbi__para {
  color: #666;
}
/* grid */
.ptbi__grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.ptbi__grid-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 260px;
  height: 110px;
  border: 1px solid #e8e8e8;
  overflow: hidden;
  transition: border-color 0.3s;
}
.ptbi.whiteTheme .ptbi__grid-item {
  border-color: #b9b9b9;
}
.ptbi__grid-item a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.ptbi__grid-item img {
  width: 144px;
  object-fit: contain;
  transition: transform 0.5s;
}
.ptbi__grid-item:hover img {
  transform: scale(1.2);
}
/* marquee */
.ptbi__marquee-row {
  overflow: hidden;
  width: 100%;
}
.ptbi__marquee-row--reverse {
  margin-top: 30px;
}
@keyframes ptbiScrollLeft {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
@keyframes ptbiScrollRight {
  from {
    transform: translateX(-50%);
  }
  to {
    transform: translateX(0);
  }
}
.ptbi__marquee-track {
  display: flex;
  width: max-content;
  animation: ptbiScrollLeft 150s linear infinite;
}
.ptbi__marquee-track--reverse {
  animation: ptbiScrollRight 150s linear infinite;
}
.ptbi__marquee-row:hover .ptbi__marquee-track {
  animation-play-state: paused;
}
.ptbi__slide-item {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.165) 0%,
    rgba(255, 255, 255, 0) 114.08%
  );
  border-radius: 20px;
  border: 1px solid transparent;
  padding: 10px;
  width: 200px;
  height: 100px;
  margin-left: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.ptbi.whiteTheme .ptbi__slide-item {
  border-color: #b9b9b9;
}
.ptbi__slide-item img {
  width: 144px;
  height: 70px;
  object-fit: contain;
}
/* responsive */
@media (max-width: 1440px) {
  .ptbi__main h2 {
    font-size: 40px;
  }
}
@media (max-width: 1200px) {
  .ptbi__main h2 {
    font-size: 38px;
  }
  .ptbi__para {
    font-size: 16px;
    width: 70%;
  }
}
@media (max-width: 991px) {
  .ptbi {
    padding: 60px 0;
  }
  .ptbi__main h2 {
    font-size: 30px;
  }
  .ptbi__para {
    font-size: 16px;
    width: 100%;
  }
  .ptbi__grid-item {
    width: 160px;
    height: 80px;
  }
}
@media (max-width: 767px) {
  .ptbi {
    padding: 40px 0;
  }
  .ptbi__main h2 {
    font-size: 28px;
  }
  .ptbi__para {
    font-size: 14px;
  }
  .ptbi__details {
    flex-wrap: wrap;
  }
  .ptbi__slide-item {
    width: 150px;
    height: 80px;
  }
}

/* ── §66 SitecoreDevServices ──────────────────────────────────────────────── */
.av-sds {
  padding: 60px 0 80px;
}
.av-sds__main {
  margin-bottom: 50px;
}
.av-sds__main h2 {
  font-size: 42px;
  font-weight: 600;
  line-height: 46px;
  color: #333333;
  font-family: "Gilroy", Arial, sans-serif;
  margin-bottom: 20px;
}
.av-sds__main h2 span {
  color: #e80101;
}
.av-sds__main p {
  font-size: 18px;
  font-weight: 500;
  color: #333333;
  margin: 0;
  line-height: 27px;
}
.av-sds__grid-wrapper {
  border-radius: 10px;
  border: 1px solid #333333;
  display: grid;
  grid-template-columns: 0.5fr 1fr;
}
.av-sds__left {
  border-right: 1px solid #333333;
}
.av-sds__tabs ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.av-sds__tabs li {
  padding: 24px 30px;
  font-size: 20px;
  font-weight: 600;
  color: #8f8f8f;
  border-bottom: 1px solid #333333;
  transition: color 0.5s;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
  cursor: pointer;
}
.av-sds__tabs li:last-child {
  border-bottom: 0;
}
.av-sds__tabs li svg {
  transition: opacity 0.5s;
  opacity: 0;
  min-width: 30px;
  max-width: 30px;
  height: 30px;
}
.av-sds__tabs li:hover,
.av-sds__tabs li.active {
  color: #333333;
}
.av-sds__tabs li:hover svg,
.av-sds__tabs li.active svg {
  opacity: 1;
  color: #e80101;
}
.av-sds__tab-content {
  display: none;
}
.av-sds__tab-content.active {
  display: block;
}
.av-sds__head {
  padding: 60px 40px;
  color: #fff;
  border-top-right-radius: 8px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #1a1a1a;
}
.av-sds__head h3 {
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 20px;
}
.av-sds__head p {
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  margin-bottom: 0;
}
.av-sds__bottom-info {
  padding: 40px;
  padding-bottom: 20px;
}
.av-sds__bottom-info h4 {
  font-size: 25px;
  font-weight: 600;
  color: #333333;
  margin-bottom: 20px;
}
.av-sds__bottom-info ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.av-sds__bottom-info li {
  font-size: 18px;
  font-weight: 500;
  color: #333333;
  display: flex;
  align-items: center;
  gap: 8px;
}
/* .av-sds__bottom-info li::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url('../images/platforms/odoo/check.svg');
  background-size: contain;
  background-repeat: no-repeat;
  flex-shrink: 0;
} */
.av-sds__btn-wrap {
  display: flex;
  justify-content: flex-end;
  padding: 0 40px 30px;
}
.av-sds__icon-btn {
  background-color: transparent;
  border: 1px solid #333333;
  border-radius: 50px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition:
    background-color 0.3s,
    border-color 0.3s;
  color: #323232;
}
.av-sds__icon-btn:hover {
  background-color: #e80101;
  border-color: #e80101;
  color: #fff;
}
@media (max-width: 1440px) {
  .av-sds__main h2 {
    font-size: 40px;
  }
}
@media (max-width: 1200px) {
  .av-sds__main h2 {
    font-size: 38px;
  }
  .av-sds__main p {
    font-size: 16px;
  }
  .av-sds__tabs li {
    font-size: 18px;
    padding: 20px;
  }
  .av-sds__head {
    padding: 40px;
  }
  .av-sds__head h3 {
    font-size: 30px;
  }
  .av-sds__head p {
    font-size: 16px;
  }
  .av-sds__bottom-info {
    padding: 20px 40px;
  }
  .av-sds__bottom-info h4 {
    font-size: 22px;
  }
  .av-sds__bottom-info ul {
    gap: 10px;
  }
  .av-sds__bottom-info li {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .av-sds {
    padding: 60px 0;
  }
  .av-sds__main h2 {
    font-size: 30px;
    line-height: 1.2;
  }
  .av-sds__main p {
    font-size: 16px;
  }
  .av-sds__tabs li {
    font-size: 16px;
  }
  .av-sds__head h3 {
    font-size: 26px;
  }
  .av-sds__bottom-info ul {
    grid-template-columns: 1fr;
  }
  .av-sds__bottom-info li {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .av-sds {
    padding: 40px 0;
  }
  .av-sds__main h2 {
    font-size: 28px;
    text-align: center;
  }
  .av-sds__main p {
    text-align: center;
    font-size: 14px;
  }
  .av-sds__grid-wrapper {
    grid-template-columns: 1fr;
  }
  .av-sds__left {
    border-right: none;
  }
  .av-sds__head {
    border-radius: 0;
  }
  .av-sds__btn-wrap {
    margin-bottom: 20px;
    padding-bottom: 0px;
  }
}

/* ── §67 CompanyTrust ─────────────────────────────────────────────────────── */
.av-ct {
  padding: 40px 0;
}
.av-ct.black {
  background-color: #0c0b0c;
}
.av-ct.black .av-ct__main {
  text-align: left;
}
.av-ct.black .av-ct__main h2 {
  color: #fff;
}
.av-ct.black .av-ct__main p {
  color: #fff;
  margin: 0;
  width: 75%;
}
.av-ct.black .av-ct__single {
  border: none;
}
.av-ct.black .av-ct__single h3 {
  color: #fff;
  font-size: 24px;
}
.av-ct.black .av-ct__single p {
  color: #fff;
}
.av-ct__main {
  text-align: center;
}
.av-ct__main h2 {
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 600;
  font-size: 42px;
  color: #333333;
  margin-bottom: 10px;
}
.av-ct__main h2 span {
  color: #e80101;
}
.av-ct__main p {
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: #333333;
  width: 60%;
  margin: auto;
}
.av-ct__listing {
  margin-top: 50px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}
.av-ct__single {
  border: 1px solid #999999;
  padding: 40px 50px;
  border-radius: 7px;
}
.av-ct__icon {
  margin-bottom: 20px;
  background-color: #e80101;
  border-radius: 5px;
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.av-ct__icon img {
  width: 40px;
  height: 40px;
  object-fit: contain;
  filter: brightness(0) invert(1);
}
.av-ct__single h3 {
  font-size: 32px;
  font-weight: 600;
  color: #333333;
  margin-bottom: 20px;
}
.av-ct__single p {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0;
  line-height: 25px;
  color: #000;
}
@media (max-width: 1440px) {
  .av-ct__main h2 {
    font-size: 40px;
  }
}
@media (max-width: 1200px) {
  .av-ct__main h2 {
    font-size: 38px;
    text-align: center;
  }
  .av-ct__main p {
    font-size: 16px;
  }
  .av-ct.black .av-ct__main p {
    margin: auto;
    text-align: center;
  }
  .av-ct__single h3 {
    font-size: 30px;
  }
  .av-ct__single p {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .av-ct__main h2 {
    font-size: 30px;
  }
  .av-ct__main p {
    font-size: 16px;
    width: 100%;
  }
  .av-ct__single {
    padding: 30px;
  }
  .av-ct__single h3 {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  .av-ct__main h2 {
    font-size: 28px;
  }
  .av-ct__main p {
    font-size: 14px;
    width: 100%;
  }
  .av-ct__listing {
    grid-template-columns: 1fr;
  }
  .av-ct__single h3 {
    font-size: 22px;
  }
  .av-ct__single p {
    font-size: 14px;
  }
}

/* ── §68 TechStackGrid ────────────────────────────────────────────────────── */
.av-tsg {
  padding: 80px 0 60px;
  background-color: #fff;
}
.av-tsg.blackTheme {
  background-color: #000;
}
.av-tsg.blackTheme .av-tsg__main h2 {
  color: #fff;
}
.av-tsg.blackTheme .av-tsg__main p {
  color: #fff;
}
.av-tsg.blackTheme .av-tsg__single {
  border-color: #333333;
}
.av-tsg.blackTheme .av-tsg__single p {
  color: #fff;
}
.av-tsg__main {
  margin-bottom: 50px;
  text-align: center;
}
.av-tsg__main h2 {
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 600;
  font-size: 42px;
  color: #333333;
  margin-bottom: 20px;
}
.av-tsg__main h2 span {
  color: #e80101;
}
.av-tsg__main p {
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: #666666;
  width: 60%;
  margin: auto;
}
.av-tsg__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
.av-tsg__single {
  border: 1px solid #333333;
  border-radius: 7px;
  padding: 10px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 170px;
  justify-content: center;
  gap: 20px;
}
.av-tsg__single img {
  object-fit: contain;
  max-width: 100%;
  max-height: 80px;
}
.av-tsg__single p {
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #333333;
  text-align: center;
  margin: 0;
}
@media (max-width: 1440px) {
  .av-tsg__main h2 {
    font-size: 40px;
  }
}
@media (max-width: 1200px) {
  .av-tsg__main h2 {
    font-size: 36px;
  }
  .av-tsg__main p {
    font-size: 16px;
    width: 70%;
  }
}
@media (max-width: 991px) {
  .av-tsg {
    padding: 60px 0;
  }
  .av-tsg__main h2 {
    font-size: 32px;
  }
  .av-tsg__main p {
    font-size: 16px;
    width: 100%;
  }
  .av-tsg__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  .av-tsg {
    padding: 40px 0;
  }
  .av-tsg__main h2 {
    font-size: 28px;
  }
  .av-tsg__main p {
    font-size: 14px;
  }
  .av-tsg__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 500px) {
  .av-tsg__grid {
    grid-template-columns: 1fr;
  }
}

/* ── §69 CommonChallenges ─────────────────────────────────────────────────── */
.av-cc {
  padding: 80px 0 100px;
  background-color: #000;
  background-size: cover;
  background-repeat: no-repeat;
}
.av-cc.whiteTheme {
  background-color: transparent;
}
.av-cc.whiteTheme .av-cc__main h2 {
  color: #333333;
}
.av-cc.whiteTheme .av-cc__main p {
  color: #333333;
}
.av-cc.whiteTheme .av-cc__head {
  color: #333333;
}
.av-cc.whiteTheme .av-cc__head[aria-expanded="true"] {
  color: #fff;
}
.av-cc.whiteTheme .av-cc__body p {
  color: #333333;
}
.av-cc__main h2 {
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 600;
  font-size: 42px;
  color: #fff;
  margin-bottom: 20px;
}
.av-cc__main h2 span {
  color: #e80101;
}
.av-cc__main p {
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: #fff;
}
.av-cc__listing {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  margin-top: 50px;
  align-items: start;
}
.av-cc__item {
  border: 1px solid #999999;
  border-radius: 7px;
  overflow: hidden;
}
.av-cc__head {
  width: 100%;
  background: transparent;
  border: none;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 20px;
  font-family: "Gilroy", Arial, sans-serif;
  font-size: 24px;
  font-weight: 500;
  justify-content: space-between;
  padding: 30px;
  cursor: pointer;
  text-align: left;
  transition:
    background-color 0.3s,
    color 0.3s;
}
.av-cc__item.open .av-cc__head,
.av-cc__head[aria-expanded="true"] {
  background-color: #e80101;
  color: #fff;
}
.av-cc__icon {
  display: flex;
  flex-shrink: 0;
}
.av-cc__icon-minus {
  display: none;
}
.av-cc__item.open .av-cc__icon-plus {
  display: none;
}
.av-cc__item.open .av-cc__icon-minus {
  display: block;
}
.av-cc__body {
  display: none;
  padding: 30px;
  padding-bottom: 20px;
}
.av-cc__item.open .av-cc__body {
  display: block;
}
.av-cc__body p {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  margin: 0;
  line-height: 24px;
}
@media (max-width: 1440px) {
  .av-cc__main h2 {
    font-size: 40px;
  }
}
@media (max-width: 1200px) {
  .av-cc__main h2 {
    font-size: 38px;
  }
  .av-cc__main p {
    font-size: 16px;
  }
  .av-cc__head {
    font-size: 20px;
  }
  .av-cc__body p {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .av-cc {
    padding: 60px 0;
  }
  .av-cc__main h2 {
    font-size: 30px;
  }
  .av-cc__listing {
    grid-template-columns: 1fr;
  }
  .av-cc__head {
    font-size: 18px;
    padding: 20px;
  }
  .av-cc__body {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .av-cc {
    padding: 40px 0;
  }
  .av-cc__main h2 {
    text-align: center;
    font-size: 28px;
  }
  .av-cc__main p {
    text-align: center;
    font-size: 14px;
  }
  .av-cc__head {
    font-size: 16px;
    padding: 20px;
  }
  .av-cc__body p {
    font-size: 14px;
  }
}

/* ── §70 Capabilities ─────────────────────────────────────────────────────── */
.av-cap {
  padding: 80px 0;
  background-color: #000000;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.av-cap.whiteTheme {
  background-color: #fff;
}
.av-cap.whiteTheme .av-cap__left h2 {
  color: #333333;
}
.av-cap.whiteTheme .av-cap__extra-content ul li {
  color: #666666;
}
.av-cap.sitecoreWhite {
  background-color: #fff;
  background-size: cover;
  background-repeat: no-repeat;
}
.av-cap.sitecoreWhite .av-cap__left h2 {
  color: #333333;
}
.av-cap.sitecoreWhite .av-cap__extra-content ul {
  padding: 0;
}
.av-cap.sitecoreWhite .av-cap__extra-content ul li {
  display: flex;
  list-style: none;
  color: #666666;
  align-items: flex-start;
  gap: 8px;
}
.av-cap.sitecoreWhite .av-cap__extra-content ul li::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23e80101' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/%3E%3Cpolyline points='22 4 12 14.01 9 11.01'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  flex-shrink: 0;
  margin-top: 4px;
}
.av-cap__main-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
  height: 550px;
  align-items: center;
}
.sitecoreWhite .av-cap__main-grid {
  height: 100%;
}
.av-cap__left h2 {
  font-size: 42px;
  font-weight: 600;
  color: #fff;
  font-family: "Gilroy", Arial, sans-serif;
}
.av-cap__left h2 span {
  color: #e80101;
}
.av-cap__left p {
  font-size: 18px;
  color: #fff;
  margin-bottom: 20px;
}
.av-cap.whiteTheme .av-cap__left p {
  color: #171717;
}
.sitecoreWhite .av-cap__left p {
  font-size: 16px;
  color: #000;
}
.av-cap__extra-content ul {
  padding-left: 20px;
  margin-top: 30px;
}
.av-cap__extra-content ul li {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  font-family: "Gilroy", Arial, sans-serif;
  list-style: circle;
  margin-bottom: 15px;
}
.av-cap__left .av-primary-btn {
  margin-top: 20px;
  width: fit-content;
}
.av-cap__right {
  text-align: center;
}
.av-cap__right img {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 100%;
  width: auto;
}
.av-cap.whiteTheme .av-cap__right img {
  position: relative;
}
.av-cap.sitecoreWhite .av-cap__right img {
  position: relative;
  /* width: 100%;
  height: auto; */
  width: 465px;
  height: 679px;
}
@media (max-width: 1440px) {
  .av-cap__left h2 {
    font-size: 38px;
  }
  .av-cap__right img {
    width: 45%;
    height: auto;
  }
  .av-cap.sitecoreWhite .av-cap__right img {
    width: auto;
    height: auto;
  }
}
@media (max-width: 1200px) {
  .av-cap__left h2 {
    font-size: 32px;
  }
  .av-cap__extra-content ul li {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .av-cap {
    padding: 60px 0;
  }
  .av-cap__main-grid {
    grid-template-columns: 1fr;
    height: auto;
  }
  .av-cap__left h2 {
    font-size: 30px;
  }
  .av-cap__right {
    text-align: center;
  }
  .av-cap__right img {
    position: relative;
    width: 100%;
    height: auto;
  }
}
@media (max-width: 767px) {
  .av-cap {
    padding: 20px 0;
  }
  .av-cap__main-grid {
    gap: 30px;
  }
  .av-cap__left h2 {
    font-size: 28px;
    text-align: center;
  }
  .av-cap__extra-content ul li {
    font-size: 14px;
  }
  .av-cap__left .av-primary-btn {
    margin: auto;
    display: block;
  }
}

/* ── §71 ReviewSlider ─────────────────────────────────────────────────────── */
.av-rs {
  background-color: #000000;
  padding: 80px 0;
}
.av-rs.whiteTheme {
  background-color: #fff;
}
.av-rs.whiteTheme .av-rs__left h2 {
  color: #333333;
}
.av-rs.whiteTheme .av-rs__left p {
  color: #666666;
}
.av-rs.whiteTheme .av-rs__review-content p {
  color: #333333;
  font-weight: 500;
}
.av-rs.whiteTheme .av-rs__review-info h4 {
  color: #333333;
  font-weight: 500;
}
.av-rs.whiteTheme .av-rs__review-info p {
  color: #666666;
}
.av-rs.whiteTheme .av-rs__nav-buttons {
  border-top-color: #cdcdcd;
}
.av-rs.whiteTheme .av-rs__btn {
  border-color: #333333;
  color: #333333;
}
.av-rs__main-grid {
  display: flex;
  gap: 80px;
  justify-content: space-between;
}
.av-rs__left {
  width: 25%;
}
.av-rs__left h2 {
  font-size: 42px;
  font-weight: 600;
  color: #fff;
  font-family: "Gilroy", Arial, sans-serif;
  margin-bottom: 30px;
}
.av-rs__left h2 span {
  color: #e80101;
}
.av-rs__left p {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  line-height: 24px;
}
.av-rs__right {
  width: 60%;
  padding-left: 70px;
  position: relative;
}
/* .av-rs__right::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 40px;
  background-color: #e80101;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 40'%3E%3Ctext y='38' font-size='60' fill='%23000'%3E%E2%80%9C%3C/text%3E%3C/svg%3E")
    no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 40'%3E%3Ctext y='38' font-size='60' fill='%23000'%3E%E2%80%9C%3C/text%3E%3C/svg%3E")
    no-repeat center / contain;
} */
.av-rs__right::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 40px;
  background: url(/appverticals/wp-content/uploads/2026/04/coma.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.av-rs__review-content p {
  font-size: 34px;
  font-weight: 400;
  color: #fff;
  line-height: 40px;
}
.av-rs__profile-box {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 15px;
}
.av-rs__review-info h4 {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 5px;
  color: #fff;
}
.av-rs__review-info p {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  color: #a2a2a2;
  margin-bottom: 0;
}
.av-rs__nav-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 20px;
  border-top: 1px solid #fff;
  margin-top: 30px;
  padding-top: 30px;
}
.av-rs__btn {
  border: 1px solid #8e8e8e;
  padding: 10px 25px;
  border-radius: 25px;
  cursor: pointer;
  line-height: 1;
  display: flex;
  align-items: center;
  color: #8e8e8e;
  transition:
    border-color 0.3s,
    color 0.3s;
}
.av-rs__btn:hover {
  border-color: #e80101;
  color: #e80101;
}
.av-rs__btn svg {
  font-size: 20px;
}
@media (max-width: 1440px) {
  .av-rs__left h2 {
    font-size: 40px;
  }
  .av-rs__review-content p {
    font-size: 28px;
    line-height: 1.5;
  }
}
@media (max-width: 1200px) {
  .av-rs__left {
    width: 30%;
  }
  .av-rs__left h2 {
    font-size: 36px;
  }
  .av-rs__right {
    width: 65%;
  }
  .av-rs__review-content p {
    font-size: 26px;
    line-height: 1.5;
  }
}
@media (max-width: 991px) {
  .av-rs {
    padding: 60px 0;
  }
  .av-rs__main-grid {
    gap: 50px;
    flex-direction: column;
  }
  .av-rs__left {
    width: 100%;
    text-align: center;
  }
  .av-rs__right {
    width: 100%;
    padding-left: 0;
  }
  .av-rs__right::before {
    content: none;
  }
  .av-rs__review-content p {
    font-size: 26px;
    line-height: 1.5;
    text-align: center;
  }
  .av-rs__profile-box {
    justify-content: center;
  }
  .av-rs__nav-buttons {
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .av-rs {
    padding: 40px 0;
  }
  .av-rs__main-grid {
    gap: 30px;
  }
  .av-rs__left h2 {
    font-size: 28px;
  }
  .av-rs__left p {
    font-size: 16px;
  }
  .av-rs__review-content p {
    font-size: 20px;
  }
}

/* ── §72 MicrosoftConsulting ──────────────────────────────────────────────── */
.av-mc {
  padding: 60px 0;
}
.av-mc__main {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 30px;
}
.av-mc__main h2 {
  font-size: 42px;
  font-weight: 600;
  color: #333;
  margin-bottom: 10px;
  font-family: "Gilroy", Arial, sans-serif;
  line-height: 1.2;
}
.av-mc__main h2 span {
  color: #e80101;
}
.av-mc__main p {
  font-size: 18px;
  font-weight: 500;
  color: #333;
  font-family: "Gilroy", Arial, sans-serif;
}
.av-mc__swiper {
  overflow: hidden;
}
.av-mc__slide {
  position: relative;
}
.av-mc__swiper .swiper-slide {
  height: auto;
}
.av-mc__single {
  height: 400px;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 20px;
  clip-path: shape(
    from 6% 0%,
    hline to 94%,
    arc to 100% 6% of 6% 6% cw small rotate 0deg,
    vline to 70%,
    arc to 90% 80% of 10% 10% cw small rotate 0deg,
    hline to 85%,
    arc to 75% 90% of 10% 10% ccw small rotate 0deg,
    vline to 90%,
    arc to 65% 100% of 10% 10% cw small rotate 0deg,
    hline to 6%,
    arc to 0% 94% of 6% 6% cw small rotate 0deg,
    vline to 6%,
    arc to 6% 0% of 6% 6% cw small rotate 0deg,
    close
  );
  position: relative;
}
.av-mc__single::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.8) 0%,
    rgba(0, 0, 0, 0.5) 45%,
    rgba(0, 0, 0, 0.6) 60%,
    rgba(0, 0, 0, 0) 100%
  );
  z-index: 1;
}
.av-mc__single h3 {
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  width: 80%;
  z-index: 2;
  position: relative;
  font-family: "Gilroy", Arial, sans-serif;
}
.av-mc__content {
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 0.6s ease-in-out;
  position: relative;
  margin-top: 10px;
  z-index: 2;
}
.av-mc__single:hover .av-mc__content {
  opacity: 1;
  height: 40%;
}
.av-mc__content p {
  font-size: 14px;
  color: #fff;
  font-weight: 500;
  width: 80%;
  font-family: "Gilroy", Arial, sans-serif;
}
.av-mc__icon-wrapper {
  position: absolute;
  bottom: 0px;
  right: 0px;
  z-index: 3;
}
.av-mc__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.av-mc__icon svg {
  height: 59px;
  width: 35px;
  padding: 0 12px;
  box-sizing: content-box;
  background-color: #f0f0f0;
  border-radius: 200px;
  fill: #949494;
  transition:
    background-color 0.3s ease,
    fill 0.3s ease;
}
.av-mc__icon:hover svg {
  background-color: #e80101;
  fill: #ffffff;
}
.av-mc__scrollbar.swiper-scrollbar {
  position: relative;
  margin-top: 20px;
  height: 0px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.1);
}
.av-mc__scrollbar .swiper-scrollbar-drag {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 10px;
}
@media (max-width: 1440px) {
  .av-mc__main h2 {
    font-size: 40px;
  }
}
@media (max-width: 1200px) {
  .av-mc__main h2 {
    font-size: 38px;
  }
  .av-mc__main p {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .av-mc__main {
    grid-template-columns: 1fr;
  }
  .av-mc__main h2 {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .av-mc {
    padding: 40px 0;
  }
  .av-mc__main h2 {
    font-size: 28px;
    text-align: center;
  }
  .av-mc__main p {
    font-size: 14px;
    text-align: center;
  }
}

/* ── §73 MicrosoftGrowth ─────────────────────────────────────────────────── */
.av-mg {
  padding: 60px 0;
}
.av-mg__head {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  margin-bottom: 30px;
}
.av-mg__head h2 {
  font-size: 42px;
  font-weight: 600;
  color: #333;
  margin-bottom: 10px;
  font-family: "Gilroy", Arial, sans-serif;
  line-height: 1.2;
}
.av-mg__head h2 span {
  color: #e80101;
}
.av-mg__head p {
  font-size: 18px;
  font-weight: 500;
  color: #333;
  font-family: "Gilroy", Arial, sans-serif;
}
.av-mg__growth-box {
  display: flex;
  flex-direction: column-reverse;
  gap: 30px;
}
.av-mg__main-box {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: flex-end;
  margin: 0 0 15px;
  flex-wrap: wrap;
  row-gap: 0;
  padding-bottom: 10px;
}
.av-mg__tab {
  transition: 0.5s;
  text-align: center;
}
.av-mg__tab span {
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  color: #666;
  margin: 0;
  cursor: pointer;
  padding: 0 10px;
  position: relative;
  font-family: "Gilroy", Arial, sans-serif;
  display: inline-block;
}
.av-mg__tab.active span {
  color: #e80101;
  font-weight: 600;
}
.av-mg__tab.active span::before {
  content: "";
  position: absolute;
  background-color: #e80101;
  width: 100%;
  height: 3px;
  bottom: -9px;
  left: 0;
  right: 0;
  margin: auto;
}
.av-mg__tab-box {
  margin-top: 50px;
}
.av-mg__tab-content {
  display: none;
}
.av-mg__tab-content.active {
  display: block;
}
.av-mg__main-box-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.av-mg__content-wrapper > span {
  font-size: 20px;
  font-weight: 800;
  color: #fff;
  background-color: #e80101;
  display: inline-block;
  padding: 15px 18px;
  border-radius: 200px;
  font-family: "Gilroy", Arial, sans-serif;
}
.av-mg__content-wrapper h3 {
  font-size: 28px;
  font-weight: 600;
  color: #e80101;
  margin: 20px 0;
  font-family: "Gilroy", Arial, sans-serif;
}
.av-mg__body {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  width: 85%;
  font-family: "Gilroy", Arial, sans-serif;
}
.av-mg__body p {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  font-family: "Gilroy", Arial, sans-serif;
}
.av-mg__body ul {
  list-style: none;
  padding: 0;
  margin: 20px 0 0;
}
.av-mg__body ul li {
  display: flex;
  align-items: flex-start;
  color: #000;
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 10px;
}
.av-mg__body ul li::before {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  margin-top: 3px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e80101' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/%3E%3Cpolyline points='22 4 12 14.01 9 11.01'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}
.av-mg__btn-wrapper {
  margin-top: 40px;
}
.av-mg__btn-wrapper .av-primary-btn {
  width: fit-content;
}
.av-mg__img-wrapper {
  text-align: right;
}
.av-mg__img-wrapper img {
  border-radius: 6px;
  width: 100%;
  height: auto;
}
@media (max-width: 1440px) {
  .av-mg__head h2 {
    font-size: 40px;
  }
}
@media (max-width: 1200px) {
  .av-mg__head h2 {
    font-size: 38px;
  }
  .av-mg__head p {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .av-mg__head {
    grid-template-columns: 1fr;
  }
  .av-mg__head h2 {
    font-size: 30px;
    text-align: center;
  }
  .av-mg__head p {
    font-size: 16px;
    text-align: center;
  }
  .av-mg__growth-box {
    flex-direction: column;
  }
  .av-mg__main-box {
    margin-top: 30px;
    justify-content: center;
    gap: 20px;
  }
  .av-mg__tab-box {
    margin-top: 0;
  }
  .av-mg__main-box-inner {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .av-mg__content-wrapper {
    text-align: center;
  }
  .av-mg__body {
    width: 100%;
    text-align: left;
  }
  .av-mg__body ul li {
    text-align: left;
  }
}
@media (max-width: 767px) {
  .av-mg {
    padding: 40px 0;
  }
  .av-mg__head h2 {
    font-size: 28px;
    text-align: center;
  }
  .av-mg__head p {
    font-size: 14px;
    text-align: center;
  }
  .av-mg__main-box {
    gap: 20px;
  }
}
@media (max-width: 575px) {
  .av-mg__main-box {
    flex-direction: column;
    align-items: unset;
  }
  .av-mg__content-wrapper h3 {
    font-size: 24px;
  }
}

/* ── §74 MicrosoftDynamics ───────────────────────────────────────────────── */
.av-md {
  padding: 60px 0;
  background-color: #000;
}
.av-md__head {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  margin-bottom: 30px;
}
.av-md__head h2 {
  font-size: 42px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 10px;
  font-family: "Gilroy", Arial, sans-serif;
  line-height: 1.2;
}
.av-md__head h2 span {
  color: #e80101;
}
.av-md__head p {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  font-family: "Gilroy", Arial, sans-serif;
}
.av-md__single {
  display: flex;
  flex-direction: row;
  gap: 40px;
  align-items: center;
  border-bottom: 1px solid #fff;
  padding: 40px 0;
}
.av-md__single:last-child {
  border-bottom: none;
}
.av-md__single.even {
  flex-direction: row-reverse;
}
.av-md__content-wrapper {
  width: 70%;
}
.av-md__content-wrapper h3 {
  font-size: 32px;
  font-weight: 600;
  color: #fff;
  font-family: "Gilroy", Arial, sans-serif;
}
.av-md__content-wrapper h3 span {
  color: #e80101;
}
.av-md__content-wrapper p {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  width: 80%;
  font-family: "Gilroy", Arial, sans-serif;
}
.av-md__img-wrapper {
  width: 30%;
}
.av-md__img-wrapper img {
  width: 100%;
  height: auto;
}
.av-md__btn-wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: center;
  margin-top: 40px;
}
.av-md__btn-wrapper .av-primary-btn {
  width: fit-content;
}
@media (max-width: 1440px) {
  .av-md__head h2 {
    font-size: 40px;
  }
}
@media (max-width: 1200px) {
  .av-md__head h2 {
    font-size: 38px;
  }
  .av-md__head p {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .av-md__head {
    grid-template-columns: 1fr;
  }
  .av-md__head h2 {
    font-size: 30px;
    text-align: center;
  }
  .av-md__head p {
    font-size: 16px;
    text-align: center;
  }
  .av-md__single {
    flex-direction: column-reverse;
    gap: 10px;
  }
  .av-md__single.even {
    flex-direction: column-reverse;
  }
  .av-md__img-wrapper {
    width: 100%;
    text-align: center;
  }
  .av-md__img-wrapper img {
    width: 40%;
    height: auto;
    display: inline-block;
  }
  .av-md__content-wrapper {
    width: 100%;
    text-align: center;
  }
  .av-md__content-wrapper h3 {
    font-size: 28px;
  }
  .av-md__content-wrapper p {
    width: 100%;
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .av-md {
    padding: 40px 0;
  }
  .av-md__head h2 {
    font-size: 28px;
  }
  .av-md__head p {
    font-size: 14px;
  }
  .av-md__content-wrapper h3 {
    font-size: 22px;
  }
}

/* ── §75 av-tbi (TrustedByIndustry AWS) ────────────────────────────────────── */
.av-tbi {
  padding: 60px 0;
}
.av-tbi__grid-main {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 50px;
}
.av-tbi__left h2 {
  font-size: 42px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 20px;
}
.av-tbi__left p {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  color: #333333;
}
.av-tbi__grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.av-tbi__single {
  width: 250px;
  height: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.av-tbi__single img {
  width: auto;
  height: auto;
  max-width: 100%;
}
@media (max-width: 1440px) {
  .av-tbi__left h2 {
    font-size: 40px;
  }
}
@media (max-width: 1200px) {
  .av-tbi__left h2 {
    font-size: 38px;
  }
  .av-tbi__left p {
    font-size: 16px;
  }
  .av-tbi__single {
    width: 180px;
  }
}
@media (max-width: 991px) {
  .av-tbi__grid-main {
    grid-template-columns: 1fr;
    justify-content: center;
  }
  .av-tbi__left {
    text-align: center;
  }
  .av-tbi__left h2 {
    font-size: 30px;
  }
  .av-tbi__left p {
    font-size: 16px;
    width: 100%;
  }
  .av-tbi__single {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .av-tbi__left h2 {
    font-size: 28px;
  }
  .av-tbi__left p {
    font-size: 14px;
  }
}
@media (max-width: 500px) {
  .av-tbi__grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .av-tbi__single {
    width: 180px;
  }
}

/* ── §76 av-bi (BusinessImpact) ────────────────────────────────────────────── */
.av-bi {
  padding: 60px 0;
}
.av-bi__main {
  text-align: center;
}
.av-bi__main h2 {
  color: #333333;
  font-weight: 600;
  font-size: 42px;
  margin-bottom: 20px;
}
.av-bi__main h2 span {
  color: #e80101;
}
.av-bi__main p {
  font-size: 18px;
  font-weight: 500;
  color: #333333;
  margin: 0 auto;
  width: 70%;
}
.av-bi__grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 20px;
  margin-top: 50px;
}
.av-bi__single {
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  border-radius: 10px;
  gap: 40px;
}
.av-bi__single::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  background: linear-gradient(180deg, #999999 17.79%, #b9b9b9 100%);
  border-radius: inherit;
  -webkit-mask:
    conic-gradient(#000 0 0) content-box,
    conic-gradient(#000 0 0);
  mask:
    conic-gradient(#000 0 0) content-box exclude,
    conic-gradient(#000 0 0);
}
.av-bi__single h3 {
  font-size: 24px;
  color: #333333;
  font-weight: 500;
  width: 80%;
}
.av-bi__single h4 {
  font-size: 70px;
  font-weight: 600;
  color: #e80101;
  text-align: right;
  margin: 0;
}
@media (max-width: 1440px) {
  .av-bi__main h2 {
    font-size: 40px;
  }
}
@media (max-width: 1200px) {
  .av-bi__main h2 {
    font-size: 38px;
  }
  .av-bi__main p {
    font-size: 16px;
  }
  .av-bi__single h3 {
    font-size: 20px;
  }
  .av-bi__single h4 {
    font-size: 60px;
  }
}
@media (max-width: 991px) {
  .av-bi__main h2 {
    font-size: 30px;
  }
  .av-bi__main p {
    font-size: 16px;
    width: 100%;
  }
  .av-bi__grid {
    grid-template-columns: 1fr 1fr;
  }
  .av-bi__single h3 {
    font-size: 18px;
  }
  .av-bi__single h4 {
    font-size: 50px;
  }
}
@media (max-width: 767px) {
  .av-bi__main h2 {
    font-size: 28px;
  }
  .av-bi__main p {
    font-size: 14px;
  }
  .av-bi__grid {
    grid-template-columns: 1fr 1fr;
  }
  .av-bi__single h4 {
    font-size: 40px;
  }
}
@media (max-width: 500px) {
  .av-bi__grid {
    grid-template-columns: 1fr;
  }
  .av-bi__single h3 {
    width: 100%;
  }
  .av-bi__single h4 {
    font-size: 30px;
  }
}

/* ── §77 av-cs (CoreServices) ──────────────────────────────────────────────── */
.av-cs {
  padding: 60px 0;
}
.av-cs__main {
  margin-bottom: 50px;
}
.av-cs__main h2 {
  color: #333333;
  font-weight: 600;
  font-size: 42px;
  margin-bottom: 20px;
}
.av-cs__main h2 span {
  color: #e80101;
}
.av-cs__main p {
  font-size: 18px;
  font-weight: 500;
  color: #333333;
  width: 80%;
}
.av-cs__grid-wrapper {
  display: grid;
  grid-template-columns: 0.8fr 1fr;
  height: 520px;
  border: 1px solid #333333;
  border-radius: 13px;
  overflow: hidden;
}
.av-cs__left {
  height: 100%;
  overflow: auto;
  background-color: #1d1d1d;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.av-cs__left::-webkit-scrollbar {
  width: 6px;
}
.av-cs__left::-webkit-scrollbar-thumb {
  background-color: #e80101;
}
.av-cs__right {
  height: 100%;
  overflow: hidden;
}
.av-cs__tabs ol {
  list-style: none;
  padding: 0 40px 0px 70px;
  margin: 0;
  counter-reset: item;
  position: relative;
}
.av-cs__tab {
  counter-increment: item;
  font-size: 22px;
  font-weight: 500;
  color: #bdbdbd;
  margin: 0;
  border-bottom: 1px solid #fff;
  padding: 20px 0;
  cursor: pointer;
}
.av-cs__tab::before {
  content: counter(item, decimal-leading-zero) ".";
  font-size: 18px;
  position: absolute;
  left: 20px;
  line-height: 2;
}
.av-cs__tab:last-child {
  border-bottom: 0;
}
.av-cs__tab.active {
  font-weight: 600;
  color: #fff;
}
.av-cs__right .av-cs__tab-content {
  display: none;
}
.av-cs__right .av-cs__tab-content.active {
  display: flex;
  height: 100%;
  padding: 80px;
  flex-direction: column;
  justify-content: center;
  overflow-y: auto;
}
.av-cs__tab-content img {
  width: 71px;
  height: 65px;
  object-fit: contain;
  flex-shrink: 0;
  margin-bottom: 20px;
}
.av-cs__tab-content h3 {
  font-size: 30px;
  font-weight: 600;
  color: #333333;
  margin-bottom: 20px;
}
.av-cs__tab-content p {
  font-size: 18px;
  font-weight: 500;
  color: #333333;
  line-height: 25px;
  margin-bottom: 20px;
}
.av-cs__btn {
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid #333333;
  padding: 0;
  color: #333333;
  font-size: 16px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  margin-left: auto;
  border-radius: 0;
}
.av-cs__btn svg {
  color: #333333;
}
@media (max-width: 1440px) {
  .av-cs__main h2 {
    font-size: 40px;
  }
  .av-cs__tabs ol {
    padding: 0 30px 0px 50px;
  }
  .av-cs__tab {
    font-size: 22px;
  }
}
@media (max-width: 1200px) {
  .av-cs__main h2 {
    font-size: 38px;
  }
  .av-cs__main p {
    font-size: 16px;
  }
  .av-cs__tabs ol {
    padding: 0 30px 0px 40px;
  }
  .av-cs__tab {
    font-size: 18px;
  }
  .av-cs__tab-content.active {
    padding: 50px;
  }
  .av-cs__tab-content h3 {
    font-size: 26px;
    margin-bottom: 10px;
  }
  .av-cs__tab-content p {
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 1.5;
  }
}
@media (max-width: 991px) {
  .av-cs__main h2 {
    font-size: 30px;
  }
  .av-cs__main p {
    width: 100%;
    font-size: 16px;
  }
  .av-cs__tabs ol {
    padding: 0 30px 0px 40px;
  }
  .av-cs__tab {
    font-size: 16px;
  }
  .av-cs__tab-content.active {
    padding: 30px;
  }
  .av-cs__tab-content h3 {
    font-size: 22px;
  }
  .av-cs__tab-content p {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .av-cs {
    padding-top: 40px;
  }
  .av-cs__main {
    text-align: center;
  }
  .av-cs__main h2 {
    font-size: 28px;
  }
  .av-cs__main p {
    font-size: 14px;
  }
  .av-cs__grid-wrapper {
    grid-template-columns: 1fr;
    height: auto;
  }
  .av-cs__left {
    height: auto;
    min-height: 300px;
  }
  .av-cs__right {
    height: auto;
  }
  .av-cs__right .av-cs__tab-content.active {
    height: auto;
    min-height: 400px;
  }
  .av-cs__tabs ol {
    padding: 0 30px 0px 40px;
  }
  .av-cs__tab {
    font-size: 16px;
    text-align: center;
  }
  .av-cs__tab-content.active {
    padding: 30px;
  }
  .av-cs__tab-content h3 {
    font-size: 20px;
  }
  .av-cs__tab-content p {
    font-size: 14px;
  }
}

/* ── §78 av-di (DrivesImpact) ──────────────────────────────────────────────── */
.av-di {
  padding: 60px 0;
}
.av-di__main {
  text-align: center;
  margin-bottom: 50px;
}
.av-di__main h2 {
  font-weight: 700;
  font-size: 42px;
  color: #000;
  margin-bottom: 20px;
}
.av-di__main h2 span {
  color: #e80101;
}
.av-di__main p {
  font-weight: 500;
  font-size: 18px;
  color: #000;
  width: 70%;
  margin: auto;
}
.av-di__grid-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 20px;
}
.av-di__single {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.av-di__single--even {
  flex-direction: column-reverse;
}
.av-di__img-wrapper img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  object-fit: cover;
}
.av-di__content {
  background-color: #1d1d1d;
  border-radius: 10px;
  padding: 20px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}
.av-di__arrow-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  width: 35px;
  height: 35px;
  background-color: #ec1c24;
  color: #fff;
  border: 1px solid #ec1c24;
  border-radius: 50px;
  padding: 0;
  cursor: pointer;
  transition:
    background-color 0.3s ease,
    border-color 0.3s ease;
}
.av-di__arrow-btn svg {
  fill: #fff;
  width: 20px;
  height: 20px;
}
.av-di__arrow-btn:hover {
  background-color: transparent;
  border-color: #fff;
}
.av-di__info h3 {
  font-size: 24px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 15px;
}
.av-di__info p {
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  margin: 0;
}
@media (max-width: 1440px) {
  .av-di__main h2 {
    font-size: 40px;
  }
}
@media (max-width: 1200px) {
  .av-di__main h2 {
    font-size: 38px;
  }
  .av-di__main p {
    font-size: 16px;
  }
  .av-di__info h3 {
    font-size: 22px;
  }
  .av-di__info p {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .av-di {
    padding-top: 40px;
  }
  .av-di__main h2 {
    font-size: 30px;
  }
  .av-di__main p {
    width: 100%;
    font-size: 16px;
  }
  .av-di__grid-wrapper {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 767px) {
  .av-di__main h2 {
    font-size: 28px;
  }
  .av-di__main p {
    font-size: 14px;
  }
  .av-di__grid-wrapper {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 576px) {
  .av-di__grid-wrapper {
    grid-template-columns: 1fr;
  }
  .av-di__img-wrapper {
    display: none;
  }
}

/* ── §79 av-dsa (DevelopmentServicesAws) ───────────────────────────────────── */
.av-dsa {
  padding: 60px 0;
  background-color: #000;
  background-size: cover;
  background-repeat: no-repeat;
}
.av-dsa__main-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 100px;
  align-items: center;
}
.av-dsa__left h2 {
  font-size: 46px;
  line-height: 56px;
  color: #fff;
  margin-bottom: 20px;
  font-weight: 600;
}
.av-dsa__left h2 span {
  color: #e80101;
}
.av-dsa__left p {
  font-size: 18px;
  color: #fff;
  line-height: 30px;
  margin-bottom: 20px;
  font-weight: 500;
}
.av-dsa__left .av-primary-btn {
  display: inline-block;
  margin-top: 10px;
  width: auto;
}
.av-dsa__accordion {
  margin-bottom: 20px;
  border: 1px solid #fff;
  border-radius: 7px;
  overflow: hidden;
}
.av-dsa__acc-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 20px;
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.75);
  transition: background-color 0.3s ease;
  user-select: none;
}
.av-dsa__acc-head span {
  flex: 1;
}
.av-dsa__accordion.open .av-dsa__acc-head {
  background-color: #e80101;
}
.av-dsa__acc-minus,
.av-dsa__acc-plus {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  fill: none;
  stroke: #fff;
  stroke-width: 2;
  stroke-linecap: round;
}
.av-dsa__accordion.open .av-dsa__acc-plus {
  display: none;
}
.av-dsa__accordion:not(.open) .av-dsa__acc-minus {
  display: none;
}
.av-dsa__acc-body {
  display: none;
  padding: 30px;
  background-color: rgba(0, 0, 0, 0.75);
}
.av-dsa__accordion.open .av-dsa__acc-body {
  display: block;
}
.av-dsa__acc-body p {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  margin: 0;
  line-height: 24px;
}
@media (max-width: 1440px) {
  .av-dsa__main-grid {
    gap: 80px;
  }
  .av-dsa__left h2 {
    font-size: 40px;
    line-height: 1.2;
  }
  .av-dsa__acc-head {
    font-size: 20px;
  }
  .av-dsa__acc-body p {
    font-size: 16px;
  }
}
@media (max-width: 1200px) {
  .av-dsa__main-grid {
    gap: 80px;
  }
  .av-dsa__left h2 {
    font-size: 38px;
  }
  .av-dsa__left p {
    font-size: 16px;
  }
  .av-dsa__acc-head {
    font-size: 20px;
  }
  .av-dsa__acc-body p {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .av-dsa__main-grid {
    gap: 50px;
    grid-template-columns: 1fr;
  }
  .av-dsa__left {
    text-align: center;
  }
  .av-dsa__left h2 {
    font-size: 30px;
  }
  .av-dsa__left p {
    font-size: 16px;
  }
  .av-dsa__acc-head {
    font-size: 20px;
  }
  .av-dsa__acc-body p {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .av-dsa__left h2 {
    font-size: 28px;
  }
  .av-dsa__left p {
    font-size: 14px;
  }
  .av-dsa__acc-head {
    font-size: 18px;
  }
  .av-dsa__acc-body {
    padding: 20px;
  }
  .av-dsa__acc-body p {
    font-size: 14px;
  }
}

/* ── §80 av-wts (WebAppTechStack) ──────────────────────────────────────────── */
.av-wts {
  padding: 80px 0;
}
.av-wts__main-info {
  padding-bottom: 50px;
  text-align: center;
}
.av-wts__info-box img {
  height: 58px;
  width: auto;
  object-fit: contain;
}
.av-wts__main-info h2 {
  font-size: 42px;
  font-weight: 700;
  color: #333333;
  margin-bottom: 20px;
}
.av-wts__main-info h2 span {
  color: #e80101;
  display: inline;
}
.av-wts__main-info p {
  font-size: 18px;
  font-weight: 500;
  color: #333333;
  width: 70%;
  margin: auto;
}
.av-wts__main-box {
  display: flex;
  align-items: center;
  gap: 30px;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 0;
  border-bottom: 1px solid #333333;
  padding-bottom: 10px;
  margin-bottom: 15px;
}
.av-wts__tab {
  transition: 0.5s;
  text-align: center;
  cursor: pointer;
}
.av-wts__tab h3 {
  font-weight: 500;
  font-size: 16px;
  color: #666666;
  margin: 0;
  padding: 0 10px;
}
.av-wts__tab.active h3 {
  color: #383838;
  position: relative;
}
.av-wts__tab.active h3::before {
  content: "";
  position: absolute;
  background-color: #e80101;
  width: 100%;
  height: 3px;
  bottom: -12px;
  left: 0;
  right: 0;
  margin: auto;
}
.av-wts__tab-content {
  display: none;
}
.av-wts__tab-content.active {
  display: block;
}
.av-wts__tab-flex {
  display: flex;
  list-style: none;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 40px;
}
.av-wts__tab-flex--four-col {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}
.av-wts__tab-flex--four-col .av-wts__single-box {
  flex: 0 0 calc(25% - 15px);
  min-width: 200px;
}
.av-wts__single-box {
  border-radius: 10px;
  padding: 10px 30px;
  display: flex;
  height: 127px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 212px;
  border: 1px solid #b5b5b5;
}
.av-wts__info-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.av-wts__info-box p {
  color: #333333;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  margin: 0;
}
@media (max-width: 1200px) {
  .av-wts__main-info h2 {
    font-size: 38px;
  }
  .av-wts__main-info p {
    font-size: 16px;
  }
  .av-wts__main-box {
    row-gap: 20px;
    justify-content: center;
  }
  .av-wts__tab h3 {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .av-wts {
    padding: 60px 0;
  }
  .av-wts__main-info h2 {
    font-size: 30px;
  }
  .av-wts__main-info p {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .av-wts__main-info h2 {
    font-size: 22px;
  }
  .av-wts__main-box {
    flex-direction: column;
  }
}
@media (max-width: 480px) {
  .av-wts__single-box {
    width: 100px;
    padding: 15px;
    height: auto;
  }
  .av-wts__info-box p {
    font-size: 15px;
  }
}

/* ── §81 av-cst (CaseStudiesTabs + CaseStudiesListCard) ────────────────────── */
.av-cst {
  padding-top: 50px;
  padding-bottom: 80px;
}

/* ── Section heading ── */
.av-cst__head {
  text-align: center;
  margin-bottom: 40px;
}
.av-cst__head h2 {
  font-size: 42px;
  font-weight: 600;
  color: #333333;
  margin-bottom: 20px;
}
.av-cst__head h2 span {
  color: #e80101;
}
.av-cst__head p {
  font-size: 18px;
  font-weight: 500;
  color: #333333;
  width: 70%;
  margin: 0 auto;
}

/* ── Tab wrapper ── */
.av-cst__tabs-wrapper {
  margin-bottom: 50px;
}
.av-cst__outer-tabs {
  background: #ffffff;
  box-shadow: 0px 2px 21px rgba(0, 0, 0, 0.07);
  border-radius: 5px;
  padding: 20px;
  width: 80%;
  margin: 0 auto 30px;
  display: none; /* hidden by design — matches original outerTabs */
}
.av-cst__inner-tabs {
  background: #ffffff;
  box-shadow: 0px 2px 21px rgba(0, 0, 0, 0.07);
  border-radius: 5px;
  padding: 20px;
  width: 50%;
  margin: 0 auto;
}
.av-cst__outer-tabs ul,
.av-cst__inner-tabs ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 20px;
  justify-content: space-evenly;
  flex-wrap: wrap;
}
.av-cst__tab {
  font-size: 18px;
  color: #666666;
  cursor: pointer;
  font-family: "Gilroy", Arial, sans-serif;
}
.av-cst__tab.active {
  color: #e80101;
}

/* ── Card grid ── */
.av-cst__card-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
}

/* ── Load more ── */
.av-cst__load-more-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 50px;
}
.av-cst__load-more-wrapper[hidden] {
  display: none;
}

/* ── CaseStudiesListCard ── */
.visionze_text_mg.overView.av-pov .paraBox p {
  margin-bottom: 20px;
}
.case_study_story_font_38
  .achievementList
  > div:nth-child(3)
  .achievementItem
  p,
.case_study_story_font_38
  .achievementList
  > div:nth-child(4)
  .achievementItem
  p {
  font-size: 38px !important;
  line-height: 1 !important;
}
.case_study_story_font_dark_grey
  .achievementList
  > div:nth-child(4)
  > .achievementItem
  h3 {
  color: #626262 !important;
}

.case_study_story_font_dark_grey
  .achievementList
  > div:nth-child(4)
  > .achievementItem
  p {
  color: #333333 !important;
}
.case_study_story_font_65 .achievementItem > p {
  font-size: 65px !important;
}
.caseStudiesCardSec:nth-child(even) {
  margin-top: 100px;
}
.caseStudiesCardSec.cheval .cardBox .flip-card-front .mainImg img {
  padding-bottom: 20px;
}

.cardBox .flip-card {
  background-color: transparent;
  width: 100%;
  height: 100%;
  min-height: 550px;
  perspective: 1000px;
}
.cardBox .flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  background-size: cover;
}
.cardBox .flip-card:focus {
  outline: 0;
}
.cardBox .flip-card:hover .flip-card-inner,
.cardBox .flip-card:focus .flip-card-inner {
  transform: rotateY(180deg);
}
.cardBox .flip-card-front,
.cardBox .flip-card-back {
  position: absolute;
  width: 100%;
  height: auto;
  background-size: cover;
  padding: 30px 30px 0;
  border-radius: 15px;
  backface-visibility: hidden;
  -moz-backface-visibility: hidden;
}
.cardBox .flip-card-front {
  z-index: 1;
  min-height: 550px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.cardBox .flip-card-front .mainImg img {
  margin: auto;
  display: block;
  width: 100%;
  max-height: 399px;
  object-fit: contain;
}
.cardBox .flip-card-back {
  transform: rotateY(180deg);
  z-index: 2;
  height: 100%;
  min-height: 550px;
}
.cardBox .flip-card-back .logo {
  width: fit-content;
  height: auto;
}
.cardBox .flip-card-back .backHead {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cardBox .flip-card-back .backHead .icons {
  display: flex;
  gap: 15px;
  align-items: center;
}
.cardBox .flip-card-back .backInfo {
  margin-top: 20px;
}
.cardBox .flip-card-back .backInfo h3 {
  font-weight: 600;
  color: #fff;
  font-size: 40px;
}
.cardBox .flip-card-back .backInfo > p {
  font-size: 18px;
  color: #fff;
}
.cardBox .flip-card-back .backInfo .stats {
  display: flex;
  gap: 20px;
}
.cardBox .flip-card-back .backInfo .stats .statsInfo h4 {
  font-weight: 600;
  color: #fff;
  font-size: 44px;
}
.cardBox .flip-card-back .backInfo .stats .statsInfo p {
  font-size: 16px;
  color: #fff;
  line-height: 1;
}
.cardBox .cardInfo {
  border-left: 1px solid #e80101;
  padding-left: 30px;
  margin-left: 10px;
  margin-top: 20px;
}
.cardBox .cardInfo h4 {
  font-size: 36px;
  font-weight: 600;
}
.cardBox .cardInfo ul {
  display: flex;
  gap: 30px;
  padding-left: 20px;
  list-style: disc;
}
.cardBox .cardInfo ul li {
  color: #666666;
  font-size: 18px;
}
.cardBox .cardInfo ul li::marker {
  color: #e80101;
}
.cardBox .cardInfo p {
  font-size: 18px;
  color: #2c2c2c;
  width: 80%;
  margin-bottom: 30px;
}

/* ── Responsive: tablet ── */
@media (max-width: 1199px) {
  .caseStudiesCardSec.cheval .cardBox .flip-card-front .mainImg img {
    width: 70%;
  }
  .caseStudiesCardSec.amaya .cardBox .flip-card-front .mainImg img {
    width: 85%;
  }
  .caseStudiesCardSec.birds .cardBox .flip-card-front .mainImg img {
    width: 80%;
  }
  .caseStudiesCardSec.fishfin .cardBox .flip-card-front .mainImg img {
    width: 75%;
  }
  .caseStudiesCardSec.glee .cardBox .flip-card-front .mainImg img {
    width: 75%;
  }
  .caseStudiesCardSec.stance .cardBox .flip-card-front .mainImg img {
    width: 55%;
  }
  .caseStudiesCardSec.obituary .cardBox .flip-card-front .mainImg img {
    width: 65%;
  }
  .caseStudiesCardSec.enqueue .cardBox .flip-card-front .mainImg img {
    width: 75%;
  }
  .cardBox .flip-card {
    min-height: 440px;
  }
  .cardBox .flip-card-front,
  .cardBox .flip-card-back {
    min-height: 440px;
  }
  .cardBox .flip-card-front .mainImg img {
    width: 90%;
    height: 100%;
  }
  .cardBox .flip-card-back .backInfo h3 {
    font-size: 32px;
  }
  .cardBox .flip-card-back .backInfo > p {
    font-size: 16px;
  }
  .cardBox .flip-card-back .backInfo .stats .statsInfo h4 {
    font-size: 32px;
  }
  .cardBox .cardInfo h4 {
    font-size: 32px;
  }
  .cardBox .cardInfo ul li {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .av-cst__outer-tabs {
    width: 100%;
  }
  .av-cst__inner-tabs {
    width: 80%;
  }
  .av-cst__tab {
    font-size: 16px;
  }
  .av-cst__card-list {
    grid-template-columns: 1fr;
  }
  .caseStudiesCardSec:nth-child(even) {
    margin-top: 0;
  }
  .caseStudiesCardSec.cheval .cardBox .flip-card-front .mainImg img,
  .caseStudiesCardSec.stance .cardBox .flip-card-front .mainImg img,
  .caseStudiesCardSec.glee .cardBox .flip-card-front .mainImg img,
  .caseStudiesCardSec.amaya .cardBox .flip-card-front .mainImg img,
  .caseStudiesCardSec.birds .cardBox .flip-card-front .mainImg img,
  .caseStudiesCardSec.obituary .cardBox .flip-card-front .mainImg img {
    width: fit-content;
  }
  .caseStudiesCardSec.fishfin .cardBox .flip-card-front .mainImg img,
  .caseStudiesCardSec.enqueue .cardBox .flip-card-front .mainImg img {
    width: 50%;
  }
  .cardBox .flip-card {
    min-height: 480px;
  }
  .cardBox .flip-card-front,
  .cardBox .flip-card-back {
    min-height: 480px;
  }
  .cardBox .flip-card-front .mainImg img {
    width: fit-content;
  }
  .cardBox .flip-card-back .backInfo h3 {
    font-size: 28px;
  }
  .cardBox .flip-card-back .backInfo > p {
    font-size: 16px;
  }
  .cardBox .flip-card-back .backInfo .stats {
    gap: 20px;
  }
  .cardBox .flip-card-back .backInfo .stats .statsInfo h4 {
    font-size: 28px;
  }
  .cardBox .cardInfo h4 {
    font-size: 28px;
  }
  .cardBox .cardInfo ul li {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .av-cst__inner-tabs {
    width: 100%;
  }
  .av-cst__tab {
    font-size: 14px;
  }
  .caseStudiesCardSec.fishfin .cardBox .flip-card-front .mainImg img {
    width: 95%;
  }
  .caseStudiesCardSec.enqueue .cardBox .flip-card-front .mainImg img {
    width: 75%;
  }
  .caseStudiesCardSec.cheval .cardBox .flip-card-front .mainImg img,
  .caseStudiesCardSec.stance .cardBox .flip-card-front .mainImg img,
  .caseStudiesCardSec.glee .cardBox .flip-card-front .mainImg img,
  .caseStudiesCardSec.amaya .cardBox .flip-card-front .mainImg img,
  .caseStudiesCardSec.birds .cardBox .flip-card-front .mainImg img,
  .caseStudiesCardSec.obituary .cardBox .flip-card-front .mainImg img {
    width: 60%;
  }
  .cardBox .flip-card {
    min-height: 420px;
  }
  .cardBox .flip-card-front,
  .cardBox .flip-card-back {
    min-height: 420px;
  }
  .cardBox .flip-card-front .mainImg img {
    width: 100%;
    max-height: 330px;
  }
  .cardBox .flip-card-back .backInfo h3 {
    font-size: 26px;
  }
  .cardBox .flip-card-back .backInfo > p {
    font-size: 14px;
  }
  .cardBox .flip-card-back .backInfo .stats {
    gap: 10px;
  }
  .cardBox .flip-card-back .backInfo .stats .statsInfo h4 {
    font-size: 26px;
  }
  .cardBox .flip-card-back .backInfo .stats .statsInfo p {
    font-size: 15px;
  }
  .cardBox .cardInfo {
    padding-left: 0;
    text-align: center;
    margin-left: 0;
    border: 0;
  }
  .cardBox .cardInfo h4 {
    font-size: 26px;
  }
  .cardBox .cardInfo p {
    width: 100%;
    font-size: 15px;
  }
  .cardBox .cardInfo ul {
    justify-content: center;
  }
  .cardBox .cardInfo ul li {
    font-size: 15px;
  }
  .cardBox .cardInfo a {
    margin-top: 30px;
    font-size: 14px;
    padding: 12px 20px;
  }
}
@media (max-width: 575px) {
  .caseStudiesCardSec.enqueue .cardBox .flip-card-front .mainImg img {
    width: 60%;
  }
  .caseStudiesCardSec.glee .cardBox .flip-card-front .mainImg img {
    width: 70%;
  }
  .caseStudiesCardSec.amaya .cardBox .flip-card-front .mainImg img {
    width: 85%;
  }
  .caseStudiesCardSec.birds .cardBox .flip-card-front .mainImg img {
    width: 80%;
  }
  .caseStudiesCardSec.obituary .cardBox .flip-card-front .mainImg img {
    width: 80%;
  }
  .caseStudiesCardSec.cheval .cardBox .flip-card-front .mainImg img,
  .caseStudiesCardSec.stance .cardBox .flip-card-front .mainImg img {
    width: 55%;
  }
  .cardBox .flip-card:hover .flip-card-inner,
  .cardBox .flip-card:focus .flip-card-inner {
    transform: unset;
  }
  .cardBox .flip-card {
    min-height: 510px;
  }
  .cardBox .flip-card-front {
    min-height: 510px;
  }
  .cardBox .flip-card-back {
    min-height: 510px;
  }
  .cardBox .flip-card-back .backInfo h3 {
    text-align: center;
  }
  .cardBox .flip-card-back .backInfo > p {
    text-align: center;
  }
  .cardBox .flip-card-back .backInfo .stats {
    flex-direction: column;
    align-items: center;
  }
  .cardBox .flip-card-back .backInfo .stats .statsInfo h4 {
    text-align: center;
  }
  .cardBox .flip-card-back .backInfo .stats .statsInfo p {
    text-align: center;
  }
}
@media (max-width: 480px) {
  .cardBox .flip-card {
    min-height: 400px;
  }
  .cardBox .flip-card-front {
    min-height: 400px;
  }
  .cardBox .flip-card-front .mainImg img {
    width: 100%;
    max-height: 300px;
  }
}
@media (max-width: 400px) {
  .cardBox .flip-card {
    min-height: 330px;
  }
  .cardBox .flip-card-front {
    min-height: 330px;
  }
  .cardBox .flip-card-front .mainImg img {
    max-height: 250px;
  }
}
@media (max-width: 320px) {
  .cardBox .flip-card {
    min-height: 300px;
  }
  .cardBox .flip-card-front {
    min-height: 300px;
  }
  .cardBox .flip-card-back {
    min-height: 300px;
  }
  .cardBox .flip-card-back .backHead {
    flex-direction: column;
    gap: 15px;
  }
}

/* ─────────────────────────────────────────────────────────────
   82. CASE BANNER (.bannerSec / .av-cb)
   ───────────────────────────────────────────────────────────── */
.bannerSec.av-cb {
  line-height: 0;
}
.bannerSec.av-cb img {
  width: 100%;
  height: 100%;
  display: block;
}

/* ─────────────────────────────────────────────────────────────
   83. SERVICES PROVIDER (.serviceSec / .av-sp)
   ───────────────────────────────────────────────────────────── */
.serviceSec.av-sp {
  padding: 80px 0;
}
.serviceSec.av-sp .gridWrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 100px;
  align-items: center;
}
.serviceSec.av-sp .leftSide h2 {
  font-family: "Gilroy", Arial, sans-serif;
  font-size: 47px;
  color: #333333;
  font-weight: 600;
}
.serviceSec.av-sp .leftSide > p {
  font-size: 18px;
  color: #666666;
  line-height: 25px;
  font-family: "Gilroy", Arial, sans-serif;
}
.serviceSec.av-sp .serviceList {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-top: 40px;
}
.serviceSec.av-sp .listWrapper {
  display: flex;
  gap: 15px;
  align-items: center;
}
.serviceSec.av-sp .listInfo h4 {
  font-size: 20px;
  font-weight: 600;
  font-family: "Gilroy", Arial, sans-serif;
  color: #333333;
  margin: 0;
}
.serviceSec.av-sp .listInfo p {
  font-size: 18px;
  color: #666666;
  line-height: 25px;
  font-family: "Gilroy", Arial, sans-serif;
  margin: 0;
}
.serviceSec.av-sp .rightSide img {
  width: auto;
  height: 100%;
  object-fit: contain;
}
@media (max-width: 1400px) {
  .serviceSec.av-sp .leftSide h2 {
    font-size: 40px;
  }
  .serviceSec.av-sp .listInfo h4 {
    font-size: 18px;
  }
}
@media (max-width: 1200px) {
  .serviceSec.av-sp .gridWrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 50px;
  }
  .serviceSec.av-sp .leftSide h2 {
    font-size: 35px;
    text-align: center;
  }
  .serviceSec.av-sp .leftSide > p {
    text-align: center;
  }
  .serviceSec.av-sp .serviceList {
    justify-items: center;
  }
  .serviceSec.av-sp .listWrapper {
    width: 50%;
  }
  .serviceSec.av-sp .listWrapper img {
    width: 60px;
    height: 60px;
  }
  .serviceSec.av-sp .listInfo h4 {
    font-size: 18px;
  }
  .serviceSec.av-sp .listInfo p {
    text-align: left;
  }
  .serviceSec.av-sp .rightSide img {
    width: fit-content;
    margin: auto;
  }
}
@media (max-width: 991px) {
  .serviceSec.av-sp .leftSide h2 {
    font-size: 30px;
  }
  .serviceSec.av-sp .leftSide > p {
    font-size: 16px;
  }
  .serviceSec.av-sp .listWrapper {
    width: 70%;
  }
  .serviceSec.av-sp .listInfo h4 {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .serviceSec.av-sp .gridWrapper {
    grid-template-columns: 1fr;
  }
  .serviceSec.av-sp .leftSide h2 {
    font-size: 28px;
    text-align: center;
  }
  .serviceSec.av-sp .leftSide > p {
    font-size: 16px;
    text-align: center;
  }
  .serviceSec.av-sp .listWrapper {
    width: 100%;
  }
  .serviceSec.av-sp .listInfo h4 {
    font-size: 16px;
  }
  .serviceSec.av-sp .rightSide img {
    width: 100%;
  }
}
@media (max-width: 576px) {
  .serviceSec.av-sp .serviceList {
    grid-template-columns: 1fr;
  }
  .serviceSec.av-sp .listWrapper {
    flex-direction: column;
    text-align: center;
  }
  .serviceSec.av-sp .listInfo p {
    text-align: center;
  }
}

/* ─────────────────────────────────────────────────────────────
   84. ABOUT CLIENT (.aboutClientSec / .av-ac)
   ───────────────────────────────────────────────────────────── */
.aboutClientSec.av-ac {
  padding: 40px 0;
}
.aboutClientSec.av-ac .main {
  text-align: center;
  width: 70%;
  margin: auto;
}
.aboutClientSec.av-ac .main h2 {
  font-size: 47px;
  font-weight: 600;
  font-family: "Gilroy", Arial, sans-serif;
  color: #333333;
}
.aboutClientSec.av-ac .main p {
  font-size: 18px;
  color: #666666;
  font-family: "Gilroy", Arial, sans-serif;
}
.aboutClientSec.av-ac .aboutClientBox {
  background-color: #e80318;
  padding: 40px;
  border-radius: 34px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 50px;
  margin-top: 60px;
  position: relative;
  overflow: hidden;
}
.aboutClientSec.av-ac .aboutClientBox::after {
  content: "";
  background-color: #ff2438a8;
  width: 700px;
  height: 700px;
  position: absolute;
  border-radius: 100%;
  left: -5%;
}
.aboutClientSec.av-ac .aboutClientBox .leftSide {
  position: relative;
  z-index: 1;
}
.aboutClientSec.av-ac .aboutClientBox .leftSide h2 {
  font-size: 47px;
  font-weight: 600;
  font-family: "Gilroy", Arial, sans-serif;
  color: #fff;
}
.aboutClientSec.av-ac .aboutClientBox .leftSide p {
  font-size: 18px;
  color: #fff;
  font-family: "Gilroy", Arial, sans-serif;
}
.aboutClientSec.av-ac .aboutClientBox .rightSide {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  position: relative;
  z-index: 1;
}
.aboutClientSec.av-ac .infoBox {
  padding: 20px;
  background-color: #fff;
  border-radius: 15px;
  text-align: center;
}
.aboutClientSec.av-ac .infoBox img {
  margin: 0 auto;
}
.aboutClientSec.av-ac .infoBox h4 {
  font-size: 18px;
  color: #666666;
  font-family: "Gilroy", Arial, sans-serif;
}
.aboutClientSec.av-ac .infoBox h5 {
  font-size: 14px;
  color: #a9a9a9;
  font-family: "Gilroy", Arial, sans-serif;
  margin: 6px 0;
}
.aboutClientSec.av-ac.spruce .aboutClientBox {
  background-color: #0a6365;
}
.aboutClientSec.av-ac.spruce .aboutClientBox::after {
  background-color: #2d6d6e;
}
.aboutClientSec.av-ac.cptns .aboutClientBox {
  background-color: #00aacc;
}
.aboutClientSec.av-ac.cptns .aboutClientBox::after {
  background-color: #2eb9d5;
}
.aboutClientSec.av-ac.parentPass .aboutClientBox {
  background-color: #225f77;
}
.aboutClientSec.av-ac.parentPass .aboutClientBox::after {
  background-color: #4a7c8f;
}
.aboutClientSec.av-ac.enqueue .aboutClientBox {
  background-color: #e20001;
}
.aboutClientSec.av-ac.enqueue .aboutClientBox::after {
  background-color: #e72e2f;
}
.aboutClientSec.av-ac.hip2save .aboutClientBox {
  background-color: #ff8201;
}
.aboutClientSec.av-ac.hip2save .aboutClientBox::after {
  background-color: #ff982f;
}
.aboutClientSec.av-ac.mycheval .aboutClientBox {
  background-color: #052823;
}
.aboutClientSec.av-ac.mycheval .aboutClientBox::after {
  background-color: #324f4b;
}
.aboutClientSec.av-ac.glee .aboutClientBox {
  background-color: #1e0347;
}
.aboutClientSec.av-ac.glee .aboutClientBox::after {
  background-color: #463068;
}
.aboutClientSec.av-ac.fish-fin .aboutClientBox {
  background-color: #42a0d0;
}
.aboutClientSec.av-ac.fish-fin .aboutClientBox::after {
  background-color: #64b1d8;
}
.aboutClientSec.av-ac.obituary .aboutClientBox {
  background-color: #0f6297;
}
.aboutClientSec.av-ac.obituary .aboutClientBox::after {
  background-color: #3a7ea9;
}
.aboutClientSec.av-ac.stance .aboutClientBox {
  background-color: #181a1e;
}
.aboutClientSec.av-ac.stance .aboutClientBox::after {
  background-color: #424346;
}
.aboutClientSec.av-ac.amaya .aboutClientBox {
  background-color: #e3784a;
}
.aboutClientSec.av-ac.amaya .aboutClientBox::after {
  background-color: #e8906b;
}
.aboutClientSec.av-ac.birds .aboutClientBox {
  background-color: #d02531;
}
.aboutClientSec.av-ac.birds .aboutClientBox::after {
  background-color: #d84c56;
}
.aboutClientSec.av-ac.inkdrop .aboutClientBox {
  background-color: #a84dc4;
}
.aboutClientSec.av-ac.inkdrop .aboutClientBox::after {
  background-color: #b86dcf;
}
.aboutClientSec.av-ac.budget .aboutClientBox {
  background-color: #083d7a;
}
.aboutClientSec.av-ac.budget .aboutClientBox::after {
  background-color: #346092;
}
.aboutClientSec.av-ac.baloTech .aboutClientBox {
  background-color: #000000;
}
.aboutClientSec.av-ac.baloTech .aboutClientBox::after {
  background-color: #2e2e2e;
}
.aboutClientSec.av-ac.shopLocal .aboutClientBox {
  background-color: #01538e;
}
.aboutClientSec.av-ac.shopLocal .aboutClientBox::after {
  background-color: #2f72a1;
}
@media (max-width: 1400px) {
  .aboutClientSec.av-ac .main h2 {
    font-size: 40px;
  }
  .aboutClientSec.av-ac .aboutClientBox .leftSide h2 {
    font-size: 40px;
  }
}
@media (max-width: 1200px) {
  .aboutClientSec.av-ac .main h2 {
    font-size: 35px;
  }
  .aboutClientSec.av-ac .aboutClientBox .leftSide h2 {
    font-size: 35px;
  }
}
@media (max-width: 1024px) {
  .aboutClientSec.av-ac .main {
    width: 100%;
  }
  .aboutClientSec.av-ac .main h2 {
    font-size: 30px;
  }
  .aboutClientSec.av-ac .main p {
    font-size: 16px;
  }
  .aboutClientSec.av-ac .aboutClientBox {
    gap: 30px;
  }
  .aboutClientSec.av-ac .aboutClientBox .leftSide h2 {
    font-size: 30px;
  }
  .aboutClientSec.av-ac .aboutClientBox .leftSide p {
    font-size: 16px;
  }
  .aboutClientSec.av-ac .infoBox h4 {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .aboutClientSec.av-ac .aboutClientBox {
    grid-template-columns: 1fr;
  }
  .aboutClientSec.av-ac .aboutClientBox .leftSide {
    text-align: center;
  }
  .aboutClientSec.av-ac .aboutClientBox .leftSide h2 {
    font-size: 30px;
  }
  .aboutClientSec.av-ac .aboutClientBox .leftSide p {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .aboutClientSec.av-ac .main h2 {
    font-size: 28px;
  }
  .aboutClientSec.av-ac .aboutClientBox .leftSide h2 {
    font-size: 28px;
  }
  .aboutClientSec.av-ac .infoBox {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
@media (max-width: 500px) {
  .aboutClientSec.av-ac .aboutClientBox .rightSide {
    grid-template-columns: 1fr;
  }
}

/* ─────────────────────────────────────────────────────────────
   85. PROJECT GOAL (.projectGoalSec / .av-pg)
   ───────────────────────────────────────────────────────────── */
.projectGoalSec.av-pg {
  padding: 80px 0;
  position: relative;
}
.projectGoalSec.av-pg::before {
  content: "";
  background-image: var(--pg-dec-url, none);
  position: absolute;
  top: 0;
  left: 0;
  width: 20%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top left;
  pointer-events: none;
}
.projectGoalSec.av-pg::after {
  content: "";
  background-image: var(--pg-dec-url, none);
  position: absolute;
  top: 0;
  right: 0;
  width: 20%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top left;
  transform: scaleX(-1);
  pointer-events: none;
}
.projectGoalSec.av-pg .mainWrapper {
  text-align: center;
}
.projectGoalSec.av-pg .mainWrapper h2 {
  font-size: 47px;
  font-weight: 600;
  color: #333333;
  font-family: "Gilroy", Arial, sans-serif;
}
.projectGoalSec.av-pg .mainWrapper p {
  font-size: 18px;
  font-weight: 400;
  color: #666666;
  font-family: "Gilroy", Arial, sans-serif;
}
.projectGoalSec.av-pg .projectGoal {
  margin-top: 100px;
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  align-items: center;
  justify-content: center;
  background-position: center;
  position: relative;
  height: 720px;
  width: 720px;
  margin-left: auto;
  margin-right: auto;
}

.projectGoalSec.av-pg .projectGoal img {
  object-fit: cover;
  width: 359px;
  height: 502px;
}
.projectGoalSec.av-pg .projectGoalBox {
  border: 0.71px solid #c9c9c9;
  box-shadow: 3.54px 2.84px 24.81px 0px #00000017;
  background-color: #fafafa;
  padding: 10px;
  border-radius: 25px;
  width: 180px;
  height: 160px;
  text-align: center;
  display: flex;
  align-items: center;
  z-index: 1;
}
.projectGoalSec.av-pg .projectGoalBox p {
  font-size: 12px;
  font-weight: 400;
  color: #212529;
  font-family: "Gilroy", Arial, sans-serif;
  margin: 0;
}
.projectGoalSec.av-pg .projectGoalBox:nth-child(1) {
  position: absolute;
  top: -50px;
  left: 0;
  right: 0;
  margin: auto;
}
.projectGoalSec.av-pg .projectGoalBox:nth-child(2) {
  position: absolute;
  top: 0;
  right: -50px;
  bottom: 0;
  margin: auto;
}
.projectGoalSec.av-pg .projectGoalBox:nth-child(3) {
  position: absolute;
  bottom: -50px;
  left: 0;
  right: 0;
  margin: auto;
}
.projectGoalSec.av-pg .projectGoalBox:nth-child(4) {
  position: absolute;
  top: 0;
  left: -50px;
  bottom: 0;
  margin: auto;
}
@media (max-width: 1400px) {
  .projectGoalSec.av-pg .mainWrapper h2 {
    font-size: 40px;
  }
}
@media (max-width: 1200px) {
  .projectGoalSec.av-pg .mainWrapper h2 {
    font-size: 35px;
  }
}
@media (max-width: 991px) {
  .projectGoalSec.av-pg .mainWrapper h2 {
    font-size: 30px;
  }
  .projectGoalSec.av-pg .projectGoal {
    width: 100%;
    height: auto;
    margin-top: 50px;
  }
  .projectGoalSec.av-pg .projectGoal img {
    display: none;
  }
  .projectGoalSec.av-pg .projectGoalContent {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    padding: 40px 0;
  }
  .projectGoalSec.av-pg .projectGoalBox {
    position: static !important;
  }
}
@media (max-width: 767px) {
  .projectGoalSec.av-pg {
    padding: 40px 0;
  }
  .projectGoalSec.av-pg .mainWrapper h2 {
    font-size: 28px;
    position: relative;
    z-index: 1;
  }
  .projectGoalSec.av-pg .mainWrapper p {
    font-size: 16px;
  }
  .projectGoalSec.av-pg .projectGoalBox {
    width: 230px;
  }
  .projectGoalSec.av-pg .projectGoalBox p {
    font-size: 14px;
  }
}
@media (max-width: 500px) {
  .projectGoalSec.av-pg::before {
    background-size: cover;
    background-position: top;
  }
  .projectGoalSec.av-pg::after {
    background-size: cover;
    background-position: top;
  }
  .projectGoalSec.av-pg .projectGoalContent {
    display: flex;
    flex-wrap: wrap;
  }
}

/* ─────────────────────────────────────────────────────────────
   86. CHALLENGES (.challenges / .av-ch)
   ───────────────────────────────────────────────────────────── */
.challenges.av-ch {
  padding: 80px 0;
  position: relative;
  overflow: hidden;
}
.challenges.av-ch .mainWrapper {
  background-color: #e80318;
  border-radius: 34px;
  padding: 50px;
  position: relative;
}
.challenges.av-ch .mainWrapper::before {
  content: "";
  position: absolute;
  top: -20%;
  left: -5%;
  width: 100%;
  height: 100%;
  background-image: var(--ch-dec-url, none);
  background-repeat: no-repeat;
  pointer-events: none;
}
.challenges.av-ch .mainWrapper::after {
  content: "";
  position: absolute;
  bottom: -25%;
  right: -10%;
  width: 100%;
  height: 100%;
  background-image: var(--ch-dec-url, none);
  background-repeat: no-repeat;
  background-position: top left;
  pointer-events: none;
  rotate: 180deg;
}
.challenges.av-ch .mainHeading h2 {
  font-size: 47px;
  font-weight: 600;
  color: #fff;
  font-family: "Gilroy", Arial, sans-serif;
  text-align: center;
}
.challenges.av-ch .mainHeading p {
  font-size: 18px;
  line-height: 24px;
  color: #fff;
  font-family: "Gilroy", Arial, sans-serif;
  text-align: center;
}
.challenges.av-ch .grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-top: 40px;
  margin-bottom: 20px;
}
.challenges.av-ch .challengeBox {
  background-color: #fff;
  border-radius: 28px;
  padding: 40px 30px;
}
.challenges.av-ch .challengeBox p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #314252;
  font-family: "Gilroy", Arial, sans-serif;
  margin: 0;
}
.challenges.av-ch .imgTitle {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 15px;
}
.challenges.av-ch .imgTitle h3 {
  font-size: 24px;
  font-weight: 600;
  color: #333333;
  font-family: "Gilroy", Arial, sans-serif;
  margin: 0;
}
.challenges.av-ch.spruce .mainWrapper {
  background-color: #0a6365;
}
.challenges.av-ch.cptns .mainWrapper {
  background-color: #00aacc;
}
.challenges.av-ch.parentPass .mainWrapper {
  background-color: #225f77;
}
.challenges.av-ch.enqueue .mainWrapper {
  background-color: #e10001;
}
.challenges.av-ch.hipSave .mainWrapper {
  background-color: #ff8201;
}
.challenges.av-ch.mycheval .mainWrapper {
  background-color: #052823;
}
.challenges.av-ch.glee .mainWrapper {
  background-color: #1e0347;
}
.challenges.av-ch.fish-fin .mainWrapper {
  background-color: #42a0d0;
}
.challenges.av-ch.obituary .mainWrapper {
  background-color: #0f6297;
}
.challenges.av-ch.stance .mainWrapper {
  background-color: #181a1e;
}
.challenges.av-ch.amaya .mainWrapper {
  background-color: #e3784a;
}
.challenges.av-ch.birds .mainWrapper {
  background-color: #d02531;
}
.challenges.av-ch.inkdrop .mainWrapper {
  background-color: #a84dc4;
}
.challenges.av-ch.budget .mainWrapper {
  background-color: #083d7a;
}
.challenges.av-ch.baloTech .mainWrapper {
  background-color: #000000;
}
.challenges.av-ch.shopLocal .mainWrapper {
  background-color: #01538e;
}
@media (max-width: 1400px) {
  .challenges.av-ch .mainHeading h2 {
    font-size: 40px;
  }
}
@media (max-width: 1200px) {
  .challenges.av-ch .mainHeading h2 {
    font-size: 35px;
  }
}
@media (max-width: 991px) {
  .challenges.av-ch .mainHeading h2 {
    font-size: 30px;
  }
  .challenges.av-ch .mainHeading p {
    font-size: 16px;
  }
  .challenges.av-ch .imgTitle img {
    width: 50px;
    height: 50px;
  }
  .challenges.av-ch .imgTitle h3 {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .challenges.av-ch .mainWrapper {
    padding: 50px 30px;
  }
  .challenges.av-ch .mainHeading h2 {
    font-size: 28px;
  }
  .challenges.av-ch .grid {
    grid-template-columns: 1fr;
  }
}

/* ─────────────────────────────────────────────────────────────
   87. THE SOLUTION (.theSolution / .av-sol)
   ───────────────────────────────────────────────────────────── */
.theSolution.av-sol {
  padding-bottom: 80px;
}
.theSolution.av-sol .mainHeading h2 {
  font-size: 47px;
  font-weight: 600;
  color: #000;
  font-family: "Gilroy", Arial, sans-serif;
  text-align: center;
  margin-bottom: 20px;
}
.theSolution.av-sol .mainHeading p {
  font-size: 18px;
  line-height: 24px;
  color: #000;
  font-family: "Gilroy", Arial, sans-serif;
  text-align: center;
  margin-bottom: 40px;
}
.theSolution.av-sol .contentGrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  align-items: center;
}
.theSolution.av-sol .featuresSection {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.theSolution.av-sol .featureBox {
  display: flex;
  align-items: center;
  gap: 15px;
  border-radius: 14px;
  padding: 10px 15px;
  border: 1px solid #c9c9c9;
  box-shadow: 0px 5px 15px 0px #0000000d;
}
.theSolution.av-sol .featureBox h2 {
  font-size: 26px;
  font-weight: 600;
  color: #626262;
  font-family: "Gilroy", Arial, sans-serif;
  margin: 0;
}
.theSolution.av-sol .imgWrapper {
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 15px;
  background-position: center;
  height: 410px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.theSolution.av-sol .imgWrapper img {
  object-fit: contain;
  width: 406px;
  height: 433px;
}
@media (max-width: 1400px) {
  .theSolution.av-sol .mainHeading h2 {
    font-size: 40px;
  }
}
@media (max-width: 1200px) {
  .theSolution.av-sol .mainHeading h2 {
    font-size: 35px;
  }
  .theSolution.av-sol .featureBox h2 {
    font-size: 22px;
  }
  .theSolution.av-sol .featureBox img {
    width: 55px;
    height: 55px;
  }
}
@media (max-width: 991px) {
  .theSolution.av-sol .mainHeading h2 {
    font-size: 30px;
  }
  .theSolution.av-sol .mainHeading p {
    font-size: 16px;
  }
  .theSolution.av-sol .contentGrid {
    grid-template-columns: 1fr;
    gap: 50px;
  }
}
@media (max-width: 767px) {
  .theSolution.av-sol .mainHeading h2 {
    font-size: 28px;
  }
  .theSolution.av-sol .featureBox h2 {
    font-size: 20px;
  }
}
@media (max-width: 400px) {
  .theSolution.av-sol .imgWrapper {
    height: auto;
  }
  .theSolution.av-sol .imgWrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

/* ─────────────────────────────────────────────────────────────
   88. PROCESS BREAKDOWN (.processBreakdown / .av-pb)
   ───────────────────────────────────────────────────────────── */
.processBreakdown.av-pb {
  padding-bottom: 80px;
  padding-top: 40px;
}
.processBreakdown.av-pb .mainWrapper {
  background-color: #e80318;
  border-radius: 34px;
  padding: 50px 30px;
  position: relative;
  overflow: hidden;
}
.processBreakdown.av-pb .mainWrapper::before {
  content: "";
  background-image: var(--pb-before-url, none);
  position: absolute;
  top: -20px;
  left: -90px;
  width: 100%;
  height: 100%;
  background-position: top left;
  background-repeat: no-repeat;
  pointer-events: none;
}
.processBreakdown.av-pb .mainWrapper::after {
  content: "";
  background-image: var(--pb-after-url, none);
  position: absolute;
  top: 0;
  right: -30px;
  width: 50%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 100% 20%;
  background-size: auto;
  pointer-events: none;
}
.processBreakdown.av-pb .mainHeading {
  text-align: center;
}
.processBreakdown.av-pb .mainHeading h2 {
  font-size: 47px;
  font-weight: 600;
  color: #fff;
  font-family: "Gilroy", Arial, sans-serif;
}
.processBreakdown.av-pb .mainHeading p {
  font-size: 18px;
  color: #fff;
  font-family: "Gilroy", Arial, sans-serif;
}
.processBreakdown.av-pb .processList {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
  margin-top: 40px;
}
.processBreakdown.av-pb .processItem {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.processBreakdown.av-pb .processItem h2 {
  font-size: 28px;
  font-weight: 500;
  color: #fff;
  font-family: "Gilroy", Arial, sans-serif;
  text-align: center;
}
.processBreakdown.av-pb .borderWrapper {
  border: 2px dashed #ffffff;
  padding: 10px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
}
.processBreakdown.av-pb .processIcon {
  background-color: #fff;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.processBreakdown.av-pb.mycheval .processList,
.processBreakdown.av-pb.glee .processList,
.processBreakdown.av-pb.fish-fin .processList,
.processBreakdown.av-pb.obituary .processList,
.processBreakdown.av-pb.stance .processList,
.processBreakdown.av-pb.amaya .processList {
  grid-template-columns: repeat(4, 1fr);
}
.processBreakdown.av-pb.spruce .mainWrapper {
  background-color: #0a6365;
}
.processBreakdown.av-pb.cptns .mainWrapper {
  background-color: #00aacc;
}
.processBreakdown.av-pb.parentPass .mainWrapper {
  background-color: #225f77;
}
.processBreakdown.av-pb.enqueue .mainWrapper {
  background-color: #e10001;
}
.processBreakdown.av-pb.hip2save .mainWrapper {
  background-color: #ff8201;
}
.processBreakdown.av-pb.mycheval .mainWrapper {
  background-color: #052823;
}
.processBreakdown.av-pb.glee .mainWrapper {
  background-color: #1e0347;
}
.processBreakdown.av-pb.fish-fin .mainWrapper {
  background-color: #42a0d0;
}
.processBreakdown.av-pb.obituary .mainWrapper {
  background-color: #0f6297;
}
.processBreakdown.av-pb.stance .mainWrapper {
  background-color: #181a1e;
}
.processBreakdown.av-pb.amaya .mainWrapper {
  background-color: #e3784a;
}
.processBreakdown.av-pb.birds .mainWrapper {
  background-color: #d02531;
}
.processBreakdown.av-pb.inkdrop .mainWrapper {
  background-color: #a84dc4;
}
.processBreakdown.av-pb.budget .mainWrapper {
  background-color: #083d7a;
}
.processBreakdown.av-pb.baloTech .mainWrapper {
  background-color: #000000;
}
.processBreakdown.av-pb.shopLocal .mainWrapper {
  background-color: #01538e;
}
@media (max-width: 1400px) {
  .processBreakdown.av-pb .mainHeading h2 {
    font-size: 40px;
  }
  .processBreakdown.av-pb .processItem h2 {
    font-size: 24px;
  }
  .processBreakdown.av-pb .borderWrapper {
    width: 100%;
    height: 100%;
  }
  .processBreakdown.av-pb .processIcon {
    padding: 45px;
  }
}
@media (max-width: 1200px) {
  .processBreakdown.av-pb .mainHeading h2 {
    font-size: 35px;
  }
  .processBreakdown.av-pb .processItem h2 {
    font-size: 22px;
  }
}
@media (max-width: 1199px) {
  .processBreakdown.av-pb .processItem h2 {
    font-size: 20px;
  }
  .processBreakdown.av-pb .processIcon {
    padding: 40px;
  }
  .processBreakdown.av-pb .processIcon img {
    width: 55px;
    height: 55px;
  }
}
@media (max-width: 1024px) {
  .processBreakdown.av-pb .mainHeading h2 {
    font-size: 30px;
  }
  .processBreakdown.av-pb .mainHeading p {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .processBreakdown.av-pb .processList {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .processBreakdown.av-pb .mainHeading h2 {
    font-size: 28px;
  }
  .processBreakdown.av-pb .processItem h2 {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .processBreakdown.av-pb .mainWrapper::after {
    display: none;
  }
}

/* ─────────────────────────────────────────────────────────────
   89. ACHIEVEMENTS (.achievementSec / .av-ach)
   ───────────────────────────────────────────────────────────── */
.achievementSec.av-ach {
  padding: 40px 0;
}
.achievementSec.av-ach .mainWrapper {
  text-align: center;
}
.achievementSec.av-ach .mainHeading h2 {
  font-size: 47px;
  font-weight: 600;
  color: #333333;
  font-family: "Gilroy", Arial, sans-serif;
}
.achievementSec.av-ach .mainHeading p {
  font-size: 18px;
  color: #666666;
  font-family: "Gilroy", Arial, sans-serif;
}
.achievementSec.av-ach .achievementList {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-top: 40px;
}
.achievementSec.av-ach .achievementGrid {
  display: flex;
  gap: 20px;
}
.achievementSec.av-ach .achievementImage {
  width: 49%;
}
.achievementSec.av-ach .achievementImage img {
  border-radius: 15px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.achievementSec.av-ach .achievementItem {
  width: 49%;
  border-radius: 15px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.achievementSec.av-ach .achievementItem h3 {
  font-size: 28px;
  font-weight: 400;
  font-family: "Gilroy", Arial, sans-serif;
  color: #626262;
}
.achievementSec.av-ach .achievementItem p {
  color: #333333;
  font-size: 90px;
  font-weight: 500;
  font-family: "Gilroy", Arial, sans-serif;
  line-height: 0.6;
  margin: 0;
}
.achievementSec.av-ach .achievementGrid:nth-child(2) .achievementItem h3,
.achievementSec.av-ach .achievementGrid:nth-child(3) .achievementItem h3 {
  color: #fff;
}
.achievementSec.av-ach .achievementGrid:nth-child(2) .achievementItem p,
.achievementSec.av-ach .achievementGrid:nth-child(3) .achievementItem p {
  color: #fff;
}
.achievementSec.av-ach.spruce .achievementGrid:nth-child(4) .achievementItem h3,
.achievementSec.av-ach.spruce .achievementGrid:nth-child(4) .achievementItem p {
  color: #fff;
}
.achievementSec.av-ach.parentPass .achievementItem p {
  font-size: 75px;
  text-align: center;
}
.achievementSec.av-ach.parentPass
  .achievementGrid:nth-child(4)
  .achievementItem
  h3,
.achievementSec.av-ach.parentPass
  .achievementGrid:nth-child(4)
  .achievementItem
  p {
  color: #fff;
}
.achievementSec.av-ach.enqueue .achievementItem p {
  font-size: 75px;
}
.achievementSec.av-ach.enqueue
  .achievementGrid:nth-child(2)
  .achievementItem
  p {
  font-size: 53px;
  line-height: 1;
}
.achievementSec.av-ach.enqueue
  .achievementGrid:nth-child(4)
  .achievementItem
  h3,
.achievementSec.av-ach.enqueue
  .achievementGrid:nth-child(4)
  .achievementItem
  p {
  color: #fff;
}
.achievementSec.av-ach.my-cheval .achievementItem p {
  font-size: 75px;
}
.achievementSec.av-ach.my-cheval
  .achievementGrid:nth-child(4)
  .achievementItem
  h3,
.achievementSec.av-ach.my-cheval
  .achievementGrid:nth-child(4)
  .achievementItem
  p {
  color: #fff;
}
.achievementSec.av-ach.birds .achievementGrid:nth-child(1) .achievementItem h3 {
  color: #333333;
}
.achievementSec.av-ach.birds .achievementGrid:nth-child(1) .achievementItem p {
  color: #333333;
  font-size: 55px;
  text-align: left;
  line-height: 1;
}
.achievementSec.av-ach.birds .achievementGrid:nth-child(2) .achievementItem p {
  font-size: 48px;
  text-align: left;
  line-height: 1;
}
.achievementSec.av-ach.birds .achievementGrid:nth-child(3) .achievementItem p {
  font-size: 65px;
  text-align: left;
  line-height: 1;
}
.achievementSec.av-ach.birds .achievementGrid:nth-child(4) .achievementItem p {
  font-size: 55px;
  text-align: left;
  line-height: 1;
}
@media (max-width: 1400px) {
  .achievementSec.av-ach .mainHeading h2 {
    font-size: 40px;
  }
  .achievementSec.av-ach .achievementItem p {
    font-size: 70px;
  }
}
@media (max-width: 1300px) {
  .achievementSec.av-ach .achievementItem h3 {
    font-size: 24px;
  }
  .achievementSec.av-ach .achievementItem p {
    font-size: 70px;
  }
}
@media (max-width: 1200px) {
  .achievementSec.av-ach .mainHeading h2 {
    font-size: 35px;
  }
  .achievementSec.av-ach .achievementItem h3 {
    font-size: 22px;
  }
  .achievementSec.av-ach .achievementItem p {
    font-size: 60px;
  }
}
@media (max-width: 991px) {
  .achievementSec.av-ach .mainHeading h2 {
    font-size: 30px;
  }
  .achievementSec.av-ach .mainHeading p {
    font-size: 16px;
  }
  .achievementSec.av-ach .achievementList {
    grid-template-columns: 1fr;
  }
  .achievementSec.av-ach .achievementItem h3 {
    font-size: 24px;
  }
  .achievementSec.av-ach .achievementItem p {
    font-size: 100px;
  }
}
@media (max-width: 767px) {
  .achievementSec.av-ach .mainHeading h2 {
    font-size: 28px;
  }
  .achievementSec.av-ach .achievementItem h3 {
    font-size: 22px;
  }
  .achievementSec.av-ach .achievementItem p {
    font-size: 50px;
  }
}
@media (max-width: 500px) {
  .achievementSec.av-ach .achievementItem h3 {
    font-size: 20px;
  }
  .achievementSec.av-ach .achievementItem p {
    font-size: 40px;
  }
}

/* ─────────────────────────────────────────────────────────────
   90. CASE TECH STACK (.techStack / .av-cts)
   ───────────────────────────────────────────────────────────── */
.techStack.av-cts {
  padding: 80px 0;
  background-color: #fff;
}
.techStack.av-cts .main-info {
  padding-bottom: 30px;
}
.techStack.av-cts .main-info h2 {
  font-family: "Gilroy", Arial, sans-serif;
  font-size: 42px;
  font-weight: 700;
  color: #333333;
  text-align: center;
}
.techStack.av-cts .main-info h2 span {
  color: #e80101;
}
.techStack.av-cts .main-info p {
  font-family: "Gilroy", Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #666666;
  text-align: center;
}
.techStack.av-cts .MainBox {
  display: flex;
  align-items: center;
  gap: 30px;
  justify-content: space-evenly;
  margin: 0 0 15px;
  flex-wrap: wrap;
  row-gap: 0;
  border-bottom: 1px solid #bababa;
  padding-bottom: 10px;
}
.techStack.av-cts .Tab {
  transition: 0.5s;
  text-align: center;
  cursor: pointer;
}
.techStack.av-cts .Tab h6 {
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  color: #666666;
  margin: 0;
  cursor: pointer;
  font-family: "Gilroy", Arial, sans-serif;
}
.techStack.av-cts .Tab.active h6 {
  color: #e80101;
  position: relative;
}
.techStack.av-cts .Tab.active h6::before {
  content: "";
  position: absolute;
  background-color: #e80101;
  width: 100%;
  height: 3px;
  bottom: -12px;
  left: 0;
  right: 0;
  margin: auto;
}
.techStack.av-cts .tab-content {
  display: none;
}
.techStack.av-cts .tab-content.active {
  display: block;
}
.techStack.av-cts .tabFlex {
  display: flex;
  list-style: none;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  padding: 0;
  margin: 0;
}
.techStack.av-cts .singleBox {
  border-radius: 10px;
  padding: 25px 50px;
  transition: 0.5s;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.techStack.av-cts .imageBox {
  height: 111px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.techStack.av-cts .imageBox img {
  object-fit: contain;
}
.techStack.av-cts .singleBox h4 {
  color: #000;
  font-size: 18px;
  font-weight: 500;
  padding-top: 15px;
  text-align: center;
  font-family: "Gilroy", Arial, sans-serif;
}
.techStack.av-cts.cptns .Tab.active h6 {
  color: #00aacc;
}
.techStack.av-cts.cptns .Tab.active h6::before {
  background-color: #00aacc;
}
.techStack.av-cts.enqueue .Tab.active h6 {
  color: #e20809;
}
.techStack.av-cts.enqueue .Tab.active h6::before {
  background-color: #e20809;
}
.techStack.av-cts.birds .Tab.active h6 {
  color: #d02531;
}
.techStack.av-cts.birds .Tab.active h6::before {
  background-color: #d02531;
}
.techStack.av-cts.budget .Tab.active h6 {
  color: #083d7a;
}
.techStack.av-cts.budget .Tab.active h6::before {
  background-color: #083d7a;
}
.techStack.av-cts.amaya .Tab.active h6 {
  color: #e3784a;
}
.techStack.av-cts.amaya .Tab.active h6::before {
  background-color: #e3784a;
}
.techStack.av-cts.glee .Tab.active h6 {
  color: #1e0347;
}
.techStack.av-cts.glee .Tab.active h6::before {
  background-color: #1e0347;
}
.techStack.av-cts.hipSave .Tab.active h6 {
  color: #0a6365;
}
.techStack.av-cts.hipSave .Tab.active h6::before {
  background-color: #0a6365;
}
.techStack.av-cts.fish-fin .Tab.active h6 {
  color: #42a0d0;
}
.techStack.av-cts.fish-fin .Tab.active h6::before {
  background-color: #42a0d0;
}
.techStack.av-cts.obituary .Tab.active h6 {
  color: #0f6297;
}
.techStack.av-cts.obituary .Tab.active h6::before {
  background-color: #0f6297;
}
.techStack.av-cts.baloTech .Tab.active h6 {
  color: #000;
}
.techStack.av-cts.baloTech .Tab.active h6::before {
  background-color: #000;
}
.techStack.av-cts.shopLocal .Tab.active h6 {
  color: #01538e;
}
.techStack.av-cts.shopLocal .Tab.active h6::before {
  background-color: #01538e;
}
@media (max-width: 1200px) {
  .techStack.av-cts .main-info h2 {
    font-size: 38px;
  }
  .techStack.av-cts .MainBox {
    row-gap: 20px;
  }
}
@media (max-width: 575px) {
  .techStack.av-cts .main-info h2 {
    font-size: 28px;
  }
  .techStack.av-cts .MainBox {
    flex-direction: column;
  }
}
@media (max-width: 480px) {
  .techStack.av-cts .singleBox {
    padding: 15px;
    height: auto;
  }
  .techStack.av-cts .singleBox img {
    width: 75%;
    height: auto;
  }
  .techStack.av-cts .singleBox h4 {
    font-size: 15px;
  }
}
@media (max-width: 320px) {
  .techStack.av-cts .main-info h2 {
    font-size: 22px;
  }
}

/* ─────────────────────────────────────────────────────────────
   91. CLIENT TESTIMONIALS (.testimonialsSec / .av-ctm)
   ───────────────────────────────────────────────────────────── */
.testimonialsSec.av-ctm {
  padding-bottom: 80px;
}
.testimonialsSec.av-ctm .mainHeading {
  text-align: center;
}
.testimonialsSec.av-ctm .mainHeading h2 {
  font-size: 47px;
  font-weight: 600;
  font-family: "Gilroy", Arial, sans-serif;
  color: #333333;
}
.testimonialsSec.av-ctm .mainHeading p {
  font-size: 18px;
  font-family: "Gilroy", Arial, sans-serif;
  color: #666666;
}
.testimonialsSec.av-ctm .testimonialBox {
  margin-top: 40px;
  padding: 40px;
  background-color: #f1f1f1;
  border-radius: 24px;
}
.testimonialsSec.av-ctm .testimonialGrid {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 100px;
  align-items: center;
}
.testimonialsSec.av-ctm .leftSide {
  width: 90%;
}
.testimonialsSec.av-ctm .leftSide .rating {
  margin-bottom: 20px;
  display: flex;
  gap: 4px;
  align-items: center;
}
.testimonialsSec.av-ctm .av-ctm__star {
  flex-shrink: 0;
}
.testimonialsSec.av-ctm .av-ctm__star--active {
  color: #ffd700;
}
.testimonialsSec.av-ctm .av-ctm__star--inactive {
  color: #ffd700;
  opacity: 0.3;
}
.testimonialsSec.av-ctm .leftSide > p {
  font-size: 28px;
  font-family: "Gilroy", Arial, sans-serif;
  color: #333333;
  line-height: 1.3;
}
.testimonialsSec.av-ctm .info {
  margin-top: 30px;
}
.testimonialsSec.av-ctm .info h4 {
  font-size: 18px;
  font-family: "Gilroy", Arial, sans-serif;
  color: #333333;
  margin: 0;
}
.testimonialsSec.av-ctm .info h5 {
  font-size: 16px;
  font-family: "Gilroy", Arial, sans-serif;
  color: #666666b2;
}
.testimonialsSec.av-ctm .rightSide img {
  border-radius: 24px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 1400px) {
  .testimonialsSec.av-ctm .mainHeading h2 {
    font-size: 40px;
  }
}
@media (max-width: 1200px) {
  .testimonialsSec.av-ctm .mainHeading h2 {
    font-size: 35px;
  }
  .testimonialsSec.av-ctm .testimonialGrid {
    gap: 80px;
  }
  .testimonialsSec.av-ctm .leftSide > p {
    font-size: 24px;
  }
}
@media (max-width: 991px) {
  .testimonialsSec.av-ctm .mainHeading h2 {
    font-size: 30px;
  }
  .testimonialsSec.av-ctm .testimonialGrid {
    grid-template-columns: 1fr;
    gap: 50px;
  }
  .testimonialsSec.av-ctm .leftSide {
    width: 100%;
    text-align: center;
  }
  .testimonialsSec.av-ctm .leftSide > p {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .testimonialsSec.av-ctm {
    padding-bottom: 40px;
  }
  .testimonialsSec.av-ctm .mainHeading h2 {
    font-size: 28px;
  }
  .testimonialsSec.av-ctm .testimonialGrid {
    gap: 30px;
  }
}

/* ─────────────────────────────────────────────────────────────
   92. APP CTA (.appCtaSec / .av-acta)
   ───────────────────────────────────────────────────────────── */
.appCtaSec.av-acta {
  padding-top: 80px;
  padding-bottom: 120px;
}
.appCtaSec.av-acta .appCtaGrid {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: 100px;
  align-items: center;
  position: relative;
  background-size: cover;
  border-radius: 32px;
  height: 560px;
  padding: 40px;
}
.appCtaSec.av-acta .leftSide {
  position: relative;
  width: 100%;
  height: 100%;
}
.appCtaSec.av-acta .leftSide img {
  height: auto;
  position: absolute;
  top: -10px;
  right: 0;
  bottom: 0;
  margin: auto;
}
.appCtaSec.av-acta .rightSide h2 {
  font-size: 47px;
  font-weight: 600;
  color: #fff;
  font-family: "Gilroy", Arial, sans-serif;
}
.appCtaSec.av-acta .rightSide p {
  font-size: 25px;
  font-weight: 400;
  color: #fff;
  font-family: "Gilroy", Arial, sans-serif;
}
.av-acta__btn {
  background-color: #fff;
  color: #e80101;
  border: none;
  padding: 10px 40px;
  border-radius: 5px;
  cursor: pointer;
  font-family: "Gilroy", Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  text-decoration: none;
}
.appCtaSec.av-acta.spruce .appCtaGrid {
  background-color: #045d65;
}
.appCtaSec.av-acta.spruce .av-acta__btn {
  color: #045d65;
}
.appCtaSec.av-acta.cptns .appCtaGrid {
  background-color: #00aacc;
}
.appCtaSec.av-acta.cptns .av-acta__btn {
  color: #00aacc;
}
.appCtaSec.av-acta.parentPass .appCtaGrid {
  background-color: #225f77;
}
.appCtaSec.av-acta.parentPass .av-acta__btn {
  color: #225f77;
}
.appCtaSec.av-acta.enqueue .appCtaGrid {
  background-color: #e20809;
}
.appCtaSec.av-acta.enqueue .av-acta__btn {
  color: #e20809;
}
.appCtaSec.av-acta.hipSave .appCtaGrid {
  background-color: #ff8201;
}
.appCtaSec.av-acta.hipSave .av-acta__btn {
  color: #ff8201;
}
.appCtaSec.av-acta.mycheval .appCtaGrid {
  background-color: #052823;
}
.appCtaSec.av-acta.mycheval .av-acta__btn {
  color: #052823;
}
.appCtaSec.av-acta.glee .appCtaGrid {
  background-color: #1e0347;
}
.appCtaSec.av-acta.glee .av-acta__btn {
  color: #1e0347;
}
.appCtaSec.av-acta.fish-fin .appCtaGrid {
  background-color: #42a0d0;
}
.appCtaSec.av-acta.fish-fin .av-acta__btn {
  color: #42a0d0;
}
.appCtaSec.av-acta.obituary .appCtaGrid {
  background-color: #0f6297;
}
.appCtaSec.av-acta.obituary .av-acta__btn {
  color: #0f6297;
}
.appCtaSec.av-acta.stance .appCtaGrid {
  background-color: #181a1e;
}
.appCtaSec.av-acta.stance .av-acta__btn {
  color: #181a1e;
}
.appCtaSec.av-acta.amaya .appCtaGrid {
  background-color: #e37d4e;
}
.appCtaSec.av-acta.amaya .av-acta__btn {
  color: #e37d4e;
}
.appCtaSec.av-acta.birds .appCtaGrid {
  background-color: #d02531;
}
.appCtaSec.av-acta.birds .av-acta__btn {
  color: #d02531;
}
.appCtaSec.av-acta.inkdrop .appCtaGrid {
  background-color: #a84dc4;
}
.appCtaSec.av-acta.inkdrop .av-acta__btn {
  color: #a84dc4;
}
.appCtaSec.av-acta.budget .appCtaGrid {
  background-color: #083d7a;
}
.appCtaSec.av-acta.budget .av-acta__btn {
  color: #083d7a;
}
.appCtaSec.av-acta.baloTech .appCtaGrid {
  background-color: #000;
}
.appCtaSec.av-acta.baloTech .av-acta__btn {
  color: #000;
}
.appCtaSec.av-acta.shopLocal .appCtaGrid {
  background-color: #01538e;
}
.appCtaSec.av-acta.shopLocal .av-acta__btn {
  color: #01538e;
}
@media (max-width: 1400px) {
  .appCtaSec.av-acta .rightSide h2 {
    font-size: 40px;
  }
  .appCtaSec.av-acta .rightSide p {
    font-size: 24px;
  }
}
@media (max-width: 1300px) {
  .appCtaSec.av-acta .leftSide img {
    right: -10px;
  }
}
@media (max-width: 1199px) {
  .appCtaSec.av-acta .leftSide img {
    width: 100%;
  }
  .appCtaSec.av-acta .rightSide h2 {
    font-size: 35px;
  }
  .appCtaSec.av-acta .rightSide p {
    font-size: 22px;
  }
}
@media (max-width: 1024px) {
  .appCtaSec.av-acta .rightSide h2 {
    font-size: 30px;
  }
  .appCtaSec.av-acta .rightSide p {
    font-size: 20px;
  }
}
@media (max-width: 991px) {
  .appCtaSec.av-acta {
    padding-top: 40px;
    padding-bottom: 60px;
  }
  .appCtaSec.av-acta .appCtaGrid {
    height: 350px;
    background-position: center;
    grid-template-columns: 1fr;
  }
  .appCtaSec.av-acta .leftSide {
    display: none;
  }
  .appCtaSec.av-acta .rightSide {
    text-align: center;
  }
  .appCtaSec.av-acta .rightSide h2 {
    font-size: 30px;
  }
  .appCtaSec.av-acta .rightSide p {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .appCtaSec.av-acta .rightSide h2 {
    font-size: 28px;
  }
  .appCtaSec.av-acta .rightSide p {
    font-size: 18px;
  }
}
@media (max-width: 425px) {
  .appCtaSec.av-acta .rightSide h2 {
    font-size: 22px;
  }
}

/* ─────────────────────────────────────────────────────────────────────
   93. WEB CASE STUDY BANNER (.mobileAppBanner / .av-wcb)
   ───────────────────────────────────────────────────────────────────── */
.mobileAppBanner.av-wcb {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 100px 0;
}
.mobileAppBanner.av-wcb .main {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.mobileAppBanner.av-wcb .left h1 {
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 700;
  font-size: 42px;
  color: #000;
}
.mobileAppBanner.av-wcb .left p {
  font-family: "Gilroy", Arial, sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #2c2c2c;
  padding: 20px 0 30px;
  margin: 0;
}
.mobileAppBanner.av-wcb .btnWrapper {
  width: 75%;
}
.mobileAppBanner.av-wcb .av-wcb__btn {
  font-family: "Gilroy", Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  padding: 15px;
  width: 50%;
  border: 2px solid var(--wcb-btn-bg, #ffffff);
  border-radius: 8px;
  cursor: pointer;
  background-color: var(--wcb-btn-bg, #ffffff);
  color: var(--wcb-btn-color, #0c2f6f);
  transition:
    background-color 0.3s ease,
    color 0.3s ease;
}
.mobileAppBanner.av-wcb .av-wcb__btn:hover {
  background-color: transparent;
  color: var(--wcb-btn-bg, #ffffff);
}
.mobileAppBanner.av-wcb.nokia {
  padding: 250px 0;
}
.mobileAppBanner.av-wcb.nokia .left h1 {
  color: #fff;
  width: 75%;
}
.mobileAppBanner.av-wcb.nokia .left p {
  color: #fff;
  width: 70%;
}
.mobileAppBanner.av-wcb.rustamani {
  padding: 320px 0;
  background-position: top center;
}
.mobileAppBanner.av-wcb.rustamani .left h1 {
  color: #fff;
  width: 75%;
  margin-bottom: 30px;
}
.mobileAppBanner.av-wcb.visionze {
  padding: 250px 0;
}
.mobileAppBanner.av-wcb.visionze .left h1 {
  color: #fff;
  width: 75%;
}
.mobileAppBanner.av-wcb.visionze .left p {
  color: #fff;
  width: 70%;
}
.mobileAppBanner.av-wcb.cargobarn {
  padding: 250px 0;
}
.mobileAppBanner.av-wcb.cargobarn .left h1 {
  color: #fff;
  width: 75%;
}
.mobileAppBanner.av-wcb.cargobarn .left p {
  color: #fff;
  width: 70%;
}
.mobileAppBanner.av-wcb.cargobarn .av-wcb__btn {
  color: #42b58a;
}
@media (max-width: 1920px) {
  .mobileAppBanner.av-wcb {
    padding: 180px 0;
  }
}
@media (max-width: 1600px) {
  .mobileAppBanner.av-wcb {
    padding: 100px 0;
  }
}
@media (max-width: 1400px) {
  .mobileAppBanner.av-wcb .left p br {
    display: none;
  }
  .mobileAppBanner.av-wcb .btnWrapper {
    width: 82%;
  }
  .mobileAppBanner.av-wcb.nokia,
  .mobileAppBanner.av-wcb.visionze,
  .mobileAppBanner.av-wcb.cargobarn {
    padding: 150px 0;
  }
}
@media (max-width: 1200px) {
  .mobileAppBanner.av-wcb .left h1 {
    font-size: 38px;
  }
  .mobileAppBanner.av-wcb .left h1 br {
    display: none;
  }
  .mobileAppBanner.av-wcb .left p {
    font-size: 16px;
  }
  .mobileAppBanner.av-wcb .btnWrapper {
    width: 100%;
  }
}
@media (max-width: 1199px) {
  .mobileAppBanner.av-wcb.nokia,
  .mobileAppBanner.av-wcb.visionze,
  .mobileAppBanner.av-wcb.cargobarn {
    padding: 100px 0;
  }
}
@media (max-width: 1024px) {
  .mobileAppBanner.av-wcb.nokia,
  .mobileAppBanner.av-wcb.visionze,
  .mobileAppBanner.av-wcb.cargobarn {
    padding: 80px 0;
  }
}
@media (max-width: 991px) {
  .mobileAppBanner.av-wcb {
    background-image: none !important;
    background-color: #f7f7f7 !important;
  }
  .mobileAppBanner.av-wcb .main {
    grid-template-columns: 1fr;
    text-align: center;
  }
  .mobileAppBanner.av-wcb .left h1 {
    font-size: 35px;
  }
  .mobileAppBanner.av-wcb .btnWrapper {
    justify-content: center;
  }
  .mobileAppBanner.av-wcb.visionze {
    background-image: none !important;
    background-color: #152733 !important;
  }
  .mobileAppBanner.av-wcb.cargobarn {
    background-image: none !important;
    background-color: #3d3b3b !important;
  }
  .mobileAppBanner.av-wcb.nokia .left h1,
  .mobileAppBanner.av-wcb.nokia .left p,
  .mobileAppBanner.av-wcb.visionze .left h1,
  .mobileAppBanner.av-wcb.visionze .left p,
  .mobileAppBanner.av-wcb.cargobarn .left h1,
  .mobileAppBanner.av-wcb.cargobarn .left p {
    width: 100%;
  }
  .mobileAppBanner.av-wcb .av-wcb__btn {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .mobileAppBanner.av-wcb .left h1 {
    font-size: 26px;
  }
}
@media (max-width: 480px) {
  .mobileAppBanner.av-wcb .btnWrapper {
    flex-direction: column;
  }
  .mobileAppBanner.av-wcb .av-wcb__btn {
    font-size: 14px;
  }
}

/* ─────────────────────────────────────────────────────────────────────
   94. INFO SECTION (.infoSection / .av-is)
   ───────────────────────────────────────────────────────────────────── */
.infoSection.av-is {
  padding: 100px 0 80px;
}
.infoSection.av-is .mainBox {
  border: 1px solid #666666;
  border-radius: 24px;
}
.infoSection.av-is .contentBox {
  display: grid;
  grid-template-columns: 65% 35%;
  border-bottom: 1px solid #666666;
}
.infoSection.av-is .content {
  padding: 20px;
  border-right: 1px solid #666666;
  display: flex;
  align-items: center;
}
.infoSection.av-is .content p {
  color: #666666;
  font-weight: 500;
  font-family: "Gilroy", Arial, sans-serif;
  font-size: 24px;
  margin: 0;
}
.infoSection.av-is .info {
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
}
.infoSection.av-is .information {
  width: 50%;
}
.infoSection.av-is .information h6 {
  color: #000000;
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 700;
  font-size: 25px;
}
.infoSection.av-is .information p {
  color: #666666;
  font-weight: 500;
  font-family: "Gilroy", Arial, sans-serif;
  font-size: 18px;
}
.infoSection.av-is .websiteFull {
  padding: 20px;
}
.infoSection.av-is .background {
  background-color: #0c2f6f;
  padding: 20px 20px 0;
  display: grid;
  grid-template-columns: 10% 80% 10%;
  width: 100%;
  overflow-x: hidden;
  align-items: center;
  border-radius: 15px;
  text-align: center;
}
.infoSection.av-is .background > p {
  font-family: "Gilroy", Arial, sans-serif;
  font-size: 47px;
  color: #ffffff94;
  font-weight: 500;
  height: fit-content;
  rotate: 270deg;
  position: relative;
  top: 15%;
}
.infoSection.av-is .image {
  height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
}
.infoSection.av-is .image img {
  width: 100%;
  height: auto;
  display: block;
}
.infoSection.av-is .image::-webkit-scrollbar {
  display: none;
}
.infoSection.av-is.rustamani .background {
  background-color: #1fa3e5;
}
.infoSection.av-is.edgeq .background {
  background-color: #f68521;
}
@media (max-width: 1366px) {
  .infoSection.av-is {
    padding: 80px 0 40px;
  }
  .infoSection.av-is .contentBox {
    grid-template-columns: 60% 40%;
  }
  .infoSection.av-is .content p {
    font-size: 20px;
  }
  .infoSection.av-is .information h6 {
    font-size: 22px;
  }
  .infoSection.av-is .information p {
    font-size: 16px;
  }
  .infoSection.av-is .image img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 991px) {
  .infoSection.av-is .contentBox {
    grid-template-columns: 1fr;
  }
  .infoSection.av-is .content {
    border-right: none;
    text-align: center;
  }
  .infoSection.av-is .information {
    text-align: center;
  }
}
@media (max-width: 575px) {
  .infoSection.av-is .background {
    grid-template-columns: 1fr;
  }
  .infoSection.av-is .background > p {
    display: none;
  }
}

/* ─────────────────────────────────────────────────────────────────────
   95. CASE STUDY OVERVIEW (.overView / .av-ov)
   ───────────────────────────────────────────────────────────────────── */
.overView.av-ov {
  padding: 60px 0;
}
.overView.av-ov .text {
  margin: 0 0 50px;
}
.overView.av-ov .text h5 {
  font-family: "Gilroy", Arial, sans-serif;
  color: #666666;
  font-size: 21px;
  font-weight: 400;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.overView.av-ov .text h5 .av-dot-icon {
  fill: #0c2f6f;
}
.overView.av-ov .text h2 {
  font-family: "Gilroy", Arial, sans-serif;
  color: #333333;
  font-size: 47px;
  font-weight: 700;
  text-align: center;
}
.overView.av-ov .text p {
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: #333333;
  text-align: center;
}
.overView.av-ov .boxes {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin: 0 0 20px;
}
.overView.av-ov .boxes .left {
  background-color: #0c2f6f;
  padding: 30px 40px;
  border-radius: 15px;
}
.overView.av-ov .boxes .left h3 {
  color: #fff;
  font-weight: 700;
  font-family: "Gilroy", Arial, sans-serif;
  font-size: 47px;
}
.overView.av-ov .boxes .left p {
  font-family: "Gilroy", Arial, sans-serif;
  color: #fff;
  font-size: 20px;
  font-weight: 400;
}
.overView.av-ov .boxes .left p ul,
.overView.av-ov .boxes .left ul {
  text-align: left;
  list-style: disc;
  padding-left: 22px;
  margin-top: 10px;
}
.overView.av-ov .boxes .left p ul li,
.overView.av-ov .boxes .left ul li {
  color: #fff;
  font-family: "Gilroy", Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 8px;
  line-height: 1.5;
  list-style: disc;
}
.overView.av-ov .boxes .right img {
  border-radius: 15px;
  width: 100%;
  height: auto;
}
.overView.av-ov .bottom img {
  border-radius: 15px;
  width: 100%;
  height: auto;
}
.overView.av-ov.rustamani .text h5 .av-dot-icon {
  fill: #1fa3e5;
}
.overView.av-ov.rustamani .boxes .left {
  background-color: #1fa3e5;
}
.overView.av-ov.edgeq .text h5 .av-dot-icon {
  fill: #f68521;
}
.overView.av-ov.edgeq .boxes .left {
  background-color: #f68521;
}
@media (max-width: 1600px) {
  .overView.av-ov .boxes .left h3 {
    font-size: 40px;
  }
  .overView.av-ov .boxes .left p {
    font-size: 18px;
  }
}
@media (max-width: 1199px) {
  .overView.av-ov .text h2 {
    font-size: 32px;
  }
  .overView.av-ov .boxes {
    grid-template-columns: 1fr;
  }
  .overView.av-ov .boxes .left {
    text-align: center;
  }
}
@media (max-width: 480px) {
  .overView.av-ov .boxes .left {
    padding: 15px;
  }
  .overView.av-ov .boxes .left h3 {
    font-size: 30px;
  }
}

/* ─────────────────────────────────────────────────────────────────────
   96. WEB CHALLENGES (.challenges / .av-wch)
   ───────────────────────────────────────────────────────────────────── */
.challenges.av-wch {
  padding: 80px 0;
}
.challenges.av-wch .text {
  margin: 0 0 50px;
}
.challenges.av-wch .text h5 {
  font-family: "Gilroy", Arial, sans-serif;
  color: #666666;
  font-size: 21px;
  font-weight: 400;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.challenges.av-wch .text h5 .av-dot-icon {
  fill: #0c2f6f;
}
.challenges.av-wch .text h2 {
  font-family: "Gilroy", Arial, sans-serif;
  color: #333333;
  font-size: 47px;
  font-weight: 700;
  text-align: center;
}
.challenges.av-wch .listing {
  border: 1px solid #666666;
  border-radius: 24px;
}
.challenges.av-wch .textBox {
  display: grid;
  grid-template-columns: 5% 35% 60%;
  align-items: center;
  border-bottom: 1px solid #666666;
  padding: 15px 20px;
}
.challenges.av-wch .textBox:last-child {
  border-bottom: none;
}
.challenges.av-wch .av-wch__arrow {
  color: #0945a7;
  flex-shrink: 0;
}
.challenges.av-wch .textBox h5 {
  font-family: "Gilroy", Arial, sans-serif;
  color: #333333;
  font-weight: 600;
  font-size: 30px;
  width: 75%;
}
.challenges.av-wch .textBox p {
  font-family: "Gilroy", Arial, sans-serif;
  color: #333333;
  font-weight: 500;
  font-size: 20px;
}
.challenges.av-wch.rustamani .text h5 .av-dot-icon {
  fill: #1fa3e5;
}
.challenges.av-wch.rustamani .av-wch__arrow {
  color: #1fa3e5;
}
.challenges.av-wch.edgeq .text h5 .av-dot-icon {
  fill: #f68521;
}
.challenges.av-wch.edgeq .av-wch__arrow {
  color: #f68521;
}
@media (max-width: 1366px) {
  .challenges.av-wch .textBox h5 {
    font-size: 25px;
  }
}
@media (max-width: 1199px) {
  .challenges.av-wch {
    padding: 40px 0;
  }
  .challenges.av-wch .text h2 {
    font-size: 32px;
  }
  .challenges.av-wch .textBox {
    grid-template-columns: 30% 70%;
  }
  .challenges.av-wch .av-wch__arrow {
    display: none;
  }
}
@media (max-width: 991px) {
  .challenges.av-wch .textBox {
    grid-template-columns: 40% 60%;
  }
}
@media (max-width: 575px) {
  .challenges.av-wch .textBox {
    grid-template-columns: 1fr;
    text-align: center;
  }
  .challenges.av-wch .textBox h5 {
    font-size: 20px;
    width: 100%;
  }
}

/* ─────────────────────────────────────────────────────────────────────
   97. INNER PAGES GALLERY (.innerPages / .av-ip)
   ───────────────────────────────────────────────────────────────────── */
.innerPages.av-ip {
  padding: 40px 0;
}
.innerPages.av-ip .text {
  margin: 0 0 50px;
}
.innerPages.av-ip .text h2 {
  font-family: "Gilroy", Arial, sans-serif;
  color: #333333;
  font-size: 47px;
  font-weight: 700;
  text-align: center;
}
.innerPages.av-ip .pages {
  display: flex;
  gap: 20px;
  justify-content: center;
}
.innerPages.av-ip .listing img {
  /* border-radius: 12px; */
  display: block;
}
@media (max-width: 1200px) {
  .innerPages.av-ip .pages {
    padding: 0 20px;
  }
  .innerPages.av-ip .listing img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 1199px) {
  .innerPages.av-ip .text h2 {
    font-size: 32px;
  }
}
@media (max-width: 575px) {
  .innerPages.av-ip .pages {
    flex-direction: column;
  }
}

/* ─────────────────────────────────────────────────────────────────────
   98. CASE STUDY RESULTS (.results / .av-res)
   ───────────────────────────────────────────────────────────────────── */
.results.av-res {
  padding: 40px 0;
}
.results.av-res .text {
  margin: 0 0 50px;
}
.results.av-res .text h5 {
  font-family: "Gilroy", Arial, sans-serif;
  color: #666666;
  font-size: 21px;
  font-weight: 400;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.results.av-res .text h5 .av-dot-icon {
  fill: #0c2f6f;
}
.results.av-res .text h2 {
  font-family: "Gilroy", Arial, sans-serif;
  color: #333333;
  font-size: 47px;
  font-weight: 700;
  text-align: center;
}
.results.av-res .listing {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}
.results.av-res .single {
  border: 1px solid #c7bfff;
  padding: 30px 30px 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 15px;
  background-color: #fbfbfc;
  gap: 40px;
}
.results.av-res .single h5 {
  font-family: "Gilroy", Arial, sans-serif;
  color: #333333;
  font-size: 24px;
  font-weight: 600;
}
.results.av-res.rustamani .text h5 .av-dot-icon {
  fill: #1fa3e5;
}
.results.av-res.edgeq .text h5 .av-dot-icon {
  fill: #f68521;
}
@media (max-width: 1440px) {
  .results.av-res .single h5 {
    font-size: 30px;
  }
}
@media (max-width: 1366px) {
  .results.av-res .single h5 {
    font-size: 25px;
  }
}
@media (max-width: 1199px) {
  .results.av-res .text h2 {
    font-size: 32px;
  }
  .results.av-res .single h5 {
    font-size: 22px;
  }
}
@media (max-width: 991px) {
  .results.av-res .single {
    align-items: center;
    text-align: center;
  }
}
@media (max-width: 575px) {
  .results.av-res .listing {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 480px) {
  .results.av-res .listing {
    grid-template-columns: 1fr;
    padding: 0 40px;
  }
}

/* ─────────────────────────────────────────────────────────────────────
   99. TWO IMAGES (.twoImages / .av-ti)
   ───────────────────────────────────────────────────────────────────── */
.twoImages.av-ti {
  padding: 80px 0;
}
.twoImages.av-ti .images {
  display: flex;
  gap: 20px;
}
.twoImages.av-ti .images img {
  border-radius: 15px;
  width: calc(50% - 10px);
  height: auto;
  object-fit: cover;
  flex-shrink: 0;
}
@media (max-width: 1200px) {
  .twoImages.av-ti .images img {
    width: calc(50% - 10px);
    height: auto;
  }
}
@media (max-width: 1199px) {
  .twoImages.av-ti {
    padding: 40px 0;
  }
}
@media (max-width: 575px) {
  .twoImages.av-ti .images {
    flex-direction: column;
    align-items: center;
  }
  .twoImages.av-ti .images img {
    width: 100%;
    flex: none;
  }
}

/* ─────────────────────────────────────────────────────────────────────
   100. NUMBER SUCCESS (.numberSuccess / .av-ns)
   ───────────────────────────────────────────────────────────────────── */
.numberSuccess.av-ns {
  padding: 40px 0;
}
.numberSuccess.av-ns .text {
  margin: 0 0 50px;
}
.numberSuccess.av-ns .text h5 {
  font-family: "Gilroy", Arial, sans-serif;
  color: #666666;
  font-size: 21px;
  font-weight: 400;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.numberSuccess.av-ns .text h5 .av-dot-icon {
  fill: #0c2f6f;
}
.numberSuccess.av-ns .text h2 {
  font-family: "Gilroy", Arial, sans-serif;
  color: #333333;
  font-size: 47px;
  font-weight: 700;
  text-align: center;
}
.numberSuccess.av-ns .boxes {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: flex-end;
}
.numberSuccess.av-ns .single {
  background-color: #044cc3;
  padding: 20px;
  width: 300px;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.numberSuccess.av-ns .single img {
  border-radius: 15px;
}
.numberSuccess.av-ns .single h3 {
  color: #fff;
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 600;
  font-size: 95px;
  text-align: center;
  margin: 0;
}
.numberSuccess.av-ns .single p {
  color: #fff;
  font-family: "Gilroy", Arial, sans-serif;
  font-size: 21px;
  text-align: center;
  margin: 0;
}
.numberSuccess.av-ns .single.boxOne {
  height: 406px;
}
.numberSuccess.av-ns .single.boxTwo {
  height: 294px;
}
.numberSuccess.av-ns .single.boxThree {
  height: 378px;
  flex-direction: column-reverse;
}
.numberSuccess.av-ns .single.boxFour {
  height: 507px;
}
.numberSuccess.av-ns.rustamani .text h5 .av-dot-icon {
  fill: #1fa3e5;
}
.numberSuccess.av-ns.rustamani .single h3 {
  font-size: 85px;
}
.numberSuccess.av-ns.edgeq .text h5 .av-dot-icon {
  fill: #f68521;
}
.numberSuccess.av-ns.edgeq .single h3 {
  font-size: 85px;
}
@media (max-width: 1366px) {
  .numberSuccess.av-ns .single h3 {
    font-size: 60px;
  }
  .numberSuccess.av-ns .single p {
    font-size: 18px;
  }
}
@media (max-width: 1199px) {
  .numberSuccess.av-ns {
    padding: 40px 0;
  }
  .numberSuccess.av-ns .text h2 {
    font-size: 32px;
  }
  .numberSuccess.av-ns .boxes {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .numberSuccess.av-ns .single {
    width: 100%;
    align-items: center;
  }
  .numberSuccess.av-ns .single.boxOne,
  .numberSuccess.av-ns .single.boxTwo,
  .numberSuccess.av-ns .single.boxThree,
  .numberSuccess.av-ns .single.boxFour {
    height: 350px;
  }
}
@media (max-width: 575px) {
  .numberSuccess.av-ns .boxes {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .numberSuccess.av-ns .single {
    width: 100%;
    align-items: center;
  }
  .numberSuccess.av-ns .single img {
    width: 100%;
    height: auto;
  }
  .numberSuccess.av-ns .single.boxThree {
    justify-content: flex-start;
  }
}
@media (max-width: 480px) {
  .numberSuccess.av-ns .boxes {
    grid-template-columns: 1fr;
  }
  .numberSuccess.av-ns .single.boxOne,
  .numberSuccess.av-ns .single.boxThree {
    height: fit-content;
  }
  .numberSuccess.av-ns .single.boxTwo,
  .numberSuccess.av-ns .single.boxFour {
    height: 400px;
  }
}

/* ─────────────────────────────────────────────────────────────────────
   101. WEB TESTIMONIAL (.testimonial / .av-wt)
   ───────────────────────────────────────────────────────────────────── */
.testimonial.av-wt {
  padding: 40px 0 80px;
}
.testimonial.av-wt .text {
  margin: 0 0 50px;
}
.testimonial.av-wt .text h5 {
  font-family: "Gilroy", Arial, sans-serif;
  color: #666666;
  font-size: 21px;
  font-weight: 400;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.testimonial.av-wt .text h5 .av-dot-icon {
  fill: #0c2f6f;
}
.testimonial.av-wt .text h2 {
  font-family: "Gilroy", Arial, sans-serif;
  color: #333333;
  font-size: 47px;
  font-weight: 700;
  text-align: center;
}
.testimonial.av-wt .review {
  text-align: center;
}
.testimonial.av-wt .av-wt__stars {
  display: flex;
  gap: 6px;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.testimonial.av-wt .av-wt__star--active {
  color: #ffd700;
}
.testimonial.av-wt .av-wt__star--inactive {
  color: #ffd700;
  opacity: 0.3;
}
.testimonial.av-wt .review p {
  font-family: "Gilroy", Arial, sans-serif;
  color: #666666;
  font-weight: 500;
  font-size: 28px;
  margin: 0 0 20px;
}
.testimonial.av-wt.rustamani .text h5 .av-dot-icon {
  fill: #1fa3e5;
}
.testimonial.av-wt.edgeq .text h5 .av-dot-icon {
  fill: #f68521;
}
@media (max-width: 1199px) {
  .testimonial.av-wt .text {
    margin: 0 0 30px;
  }
  .testimonial.av-wt .text h2 {
    font-size: 32px;
  }
  .testimonial.av-wt .review p {
    font-size: 18px;
  }
}

/* ══════════════════════════════════════════════════════════════
   §102 — ProjectOverview (.overView.av-pov)
   ══════════════════════════════════════════════════════════════ */
.overView.av-pov {
  padding: 80px 0;
  position: relative;
}
.overView.av-pov::before {
  content: "";
  position: absolute;
  background-image: var(--pov-ribbon-url, none);
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: -1;
  pointer-events: none;
}
.overView.av-pov .main {
  padding: 40px 25px 20px;
  border-radius: 14px;
  z-index: 2;
}
.overView.av-pov .main h4 {
  display: inline;
  background-color: #005470;
  border-radius: 8px;
  color: #ffffff;
  font-family: var(--font-gilroy, sans-serif);
  font-size: 18px;
  padding: 15px;
  margin-bottom: 40px;
}
.overView.av-pov .paraBox {
  margin-top: 20px;
}
.overView.av-pov .paraBox p {
  font-family: var(--font-gilroy, sans-serif);
  font-weight: 400;
  font-size: 30px;
  color: #333333;
  margin: 0;
}
.overView.av-pov .flexBox {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 10px;
}
.overView.av-pov .flexBox .left .list {
  display: flex;
  flex-direction: column;
}
.overView.av-pov .flexBox .left .list p {
  margin: 0;
  font-family: var(--font-gilroy, sans-serif);
  font-weight: 400;
  font-size: 18px;
  color: #666666;
  padding: 0;
}
.overView.av-pov .flexBox .right {
  display: flex;
  align-items: flex-end;
}
.overView.av-pov .flexBox .right .tags {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.overView.av-pov .flexBox .right .tags p {
  background-color: #dde9f3;
  padding: 8px;
  font-family: var(--font-gilroy, sans-serif);
  font-weight: 400;
  font-size: 18px;
  color: #666666;
  border-radius: 30px;
  margin: 0;
}
.overView.av-pov .imageSection {
  padding: 100px 0 60px;
}
.overView.av-pov .imageSection img {
  width: 100%;
  height: auto;
  display: block;
}
/* cpcg variant */
.overView.av-pov.cpcg .main {
  background-color: rgba(63, 73, 103, 0.75);
}
.overView.av-pov.cpcg .main h4 {
  background-color: #eb7601;
}
.overView.av-pov.cpcg .paraBox p {
  color: #ffffff;
}
.overView.av-pov.cpcg .flexBox .left .list p {
  color: #ffffff;
}
.overView.av-pov.cpcg .flexBox .right .tags p {
  background-color: #ffa54b;
  color: #ffffff;
}
@media (max-width: 1200px) {
  .overView.av-pov .paraBox p {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .overView.av-pov .main {
    text-align: center;
  }
  .overView.av-pov .paraBox p {
    text-align: center;
  }
  .overView.av-pov .flexBox {
    flex-direction: column;
    gap: 20px;
    align-items: center;
  }
  .overView.av-pov .flexBox .left .list {
    align-items: center;
  }
  .overView.av-pov .flexBox .right .tags {
    flex-direction: column;
  }
}

/* ══════════════════════════════════════════════════════════════
   §103 — TechStack Software (.techStack.av-swts)
   ══════════════════════════════════════════════════════════════ */
.techStack.av-swts {
  padding: 80px 0;
  background-color: #0c1228;
  background-image: none;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.techStack.av-swts .main {
  margin-bottom: 30px;
}
.techStack.av-swts .main h2 {
  color: #ffffff;
  font-family: var(--font-gilroy, sans-serif);
  font-size: 47px;
  text-align: center;
  font-weight: 700;
}
.techStack.av-swts .MainBox {
  display: flex;
  align-items: center;
  gap: 30px;
  justify-content: space-evenly;
  margin: 0 0 15px;
  flex-wrap: wrap;
  row-gap: 20px;
  border-bottom: 1px solid #bababa;
  padding-bottom: 10px;
}
.techStack.av-swts .MainBox .Tab {
  transition: 0.5s;
  text-align: center;
  cursor: pointer;
}
.techStack.av-swts .MainBox .Tab h6 {
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  color: #ffffff;
  margin: 0;
  cursor: pointer;
  font-family: var(--font-gilroy, sans-serif);
}
.techStack.av-swts .MainBox .Tab.active h6 {
  color: #29abe2;
  position: relative;
}
.techStack.av-swts .MainBox .Tab.active h6::before {
  content: "";
  position: absolute;
  background-color: #29abe2;
  width: 100%;
  height: 3px;
  bottom: -12px;
  left: 0;
  right: 0;
  margin: auto;
}
.techStack.av-swts .TabBox .tab-content {
  display: none;
}
.techStack.av-swts .TabBox .tab-content.active {
  display: block;
}
.techStack.av-swts .TabBox .tabFlex {
  display: flex;
  list-style: none;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  padding: 20px 0 0;
}
.techStack.av-swts .singleBox {
  border-radius: 10px;
  padding: 25px 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: 0.5s;
}
.techStack.av-swts .singleBox .imageBox {
  height: 111px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.techStack.av-swts .singleBox .imageBox img {
  object-fit: contain;
  max-height: 111px;
  width: auto;
}
.techStack.av-swts .singleBox h4 {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  padding-top: 15px;
  text-align: center;
  font-family: var(--font-gilroy, sans-serif);
  margin: 0;
}
/* Variants */
.techStack.av-swts.cpcg {
  background-color: #09112a;
}
.techStack.av-swts.oasis {
  background-color: #122a4f;
}
.techStack.av-swts.lulu {
  background-color: #eb9411;
}
.techStack.av-swts.lulu .MainBox .Tab.active h6 {
  color: #fff;
}
.techStack.av-swts.lulu .MainBox .Tab.active h6::before {
  background-color: #f2cf9e;
}
.techStack.av-swts.raha {
  background-color: #4b0872;
}
.techStack.av-swts.raha .MainBox .Tab.active h6 {
  color: #d48cfd;
}
.techStack.av-swts.raha .MainBox .Tab.active h6::before {
  background-color: #d48cfd;
}
.techStack.av-swts.casita {
  background-color: #0a477f;
}
.techStack.av-swts.openhouse {
  background-color: #161414;
}
.techStack.av-swts.openhouse .MainBox .Tab.active h6 {
  color: #bf0a30;
}
.techStack.av-swts.openhouse .MainBox .Tab.active h6::before {
  background-color: #bf0a30;
}
.techStack.av-swts.cargobarn {
  background-color: #2b2b2b;
}
.techStack.av-swts.cargobarn .MainBox .Tab.active h6 {
  color: #42b489;
}
.techStack.av-swts.cargobarn .MainBox .Tab.active h6::before {
  background-color: #42b489;
}
@media (max-width: 1199px) {
  .techStack.av-swts .main h2 {
    font-size: 32px;
  }
  .techStack.av-swts .singleBox {
    padding: 20px 30px;
  }
}
@media (max-width: 575px) {
  .techStack.av-swts .MainBox {
    gap: 15px;
  }
  .techStack.av-swts .singleBox {
    padding: 15px 20px;
  }
}

/* ══════════════════════════════════════════════════════════════
   §104 — ProblemChallenge (.problemChallenge.av-pc)
   ══════════════════════════════════════════════════════════════ */
.problemChallenge.av-pc {
  margin: 100px 0;
  padding: 200px 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  /* background-color: #005470; */
}
/* .problemChallenge.av-pc.cpcg {
  background-color: #09112a;
} */
.problemChallenge.av-pc .imgBox {
  overflow: visible;
}
.problemChallenge.av-pc .imgBox img {
  width: 100%;
  height: auto;
  display: block;
}
.problemChallenge.av-pc .twoBoxes {
  display: flex;
  gap: 20px;
  margin-top: -60px;
}
.problemChallenge.av-pc .twoBoxes .single {
  flex: 1;
  /* background-color: rgba(0, 84, 112, 0.6); */
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 20px;
  min-height: 200px;
}
/* .problemChallenge.av-pc.cpcg .twoBoxes .single {
  background-color: rgba(9, 17, 42, 0.8);
} */
.problemChallenge.av-pc .twoBoxes .single .imageHead {
  display: flex;
  align-items: center;
  gap: 20px;
  margin: 20px 0;
}
.problemChallenge.av-pc .twoBoxes .single .imageHead img {
  width: auto;
  height: auto;
  flex-shrink: 0;
}
.problemChallenge.av-pc .twoBoxes .single .imageHead h5 {
  margin: 0;
  font-family: var(--font-gilroy, sans-serif);
  font-size: 34px;
  color: #ffffff;
  font-weight: 600;
}
.problemChallenge.av-pc .twoBoxes .single p {
  color: #ffffff;
  font-family: var(--font-gilroy, sans-serif);
  font-size: 16px;
  line-height: 1.7;
  margin: 0;
}
.problemChallenge.av-pc .head {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin: 80px 0 30px;
}
.problemChallenge.av-pc .head h3 {
  font-family: var(--font-gilroy, sans-serif);
  font-size: 34px;
  font-weight: 600;
  color: #ffffff;
  margin: 0;
}
.problemChallenge.av-pc .head p {
  font-family: var(--font-gilroy, sans-serif);
  font-weight: 500;
  font-size: 18px;
  color: #ffffff;
  margin: 0;
}
.problemChallenge.av-pc .fourBoxes {
  display: flex;
  gap: 15px;
}
.problemChallenge.av-pc .fourBoxes .singleBox {
  flex: 1;
  padding: 20px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 200px;
}
.problemChallenge.av-pc .fourBoxes .singleBox h4 {
  color: #ffffff;
  font-family: var(--font-gilroy, sans-serif);
  font-weight: 700;
  font-size: 20px;
  margin: 0 0 12px;
}
.problemChallenge.av-pc .fourBoxes .singleBox p {
  font-family: var(--font-gilroy, sans-serif);
  font-weight: 500;
  font-size: 18px;
  color: #ffffff;
  margin: 0;
  flex: 1;
}
.problemChallenge.av-pc .fourBoxes .singleBox img {
  width: auto;
  height: auto;
  align-self: flex-start;
  margin-top: 16px;
}
@media (max-width: 1366px) {
  .problemChallenge.av-pc .imgBox img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 991px) {
  .problemChallenge.av-pc {
    background-size: cover;
    padding: 50px 0;
  }
  .problemChallenge.av-pc .twoBoxes {
    margin-top: 20px;
    flex-direction: column;
  }
  .problemChallenge.av-pc .head {
    grid-template-columns: 1fr;
  }
  .problemChallenge.av-pc .fourBoxes {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 768px) {
  .problemChallenge.av-pc .head {
    text-align: center;
  }
  .problemChallenge.av-pc .head h3 br {
    display: none;
  }
}
@media (max-width: 575px) {
  .problemChallenge.av-pc .twoBoxes .single .imageHead h5 {
    font-size: 28px;
  }
  .problemChallenge.av-pc .fourBoxes {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 480px) {
  .problemChallenge.av-pc {
    background-image: none !important;
    margin: 80px 0 0;
    padding: 40px 0 80px;
  }
}

/* ══════════════════════════════════════════════════════════════
   §105 — Results Software (.results.av-swr)
   ══════════════════════════════════════════════════════════════ */
.results.av-swr {
  padding: 40px 0;
  background-repeat: no-repeat;
  background-size: cover;
}
.results.av-swr .text {
  margin: 0 0 50px;
}
.results.av-swr .text h5 {
  font-family: var(--font-gilroy, sans-serif);
  color: #666666;
  font-size: 21px;
  font-weight: 400;
  text-align: center;
  margin: 0;
}
.results.av-swr .text h2 {
  font-family: var(--font-gilroy, sans-serif);
  color: #333333;
  font-size: 47px;
  font-weight: 700;
  text-align: center;
  margin: 0;
}
/* padding-top gives headroom for the floating icons (margin-top:-80px) */
.results.av-swr .listing {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 40px;
  padding-top: 80px;
}
.results.av-swr .listing .single {
  padding: 30px 30px 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 15px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  gap: 40px;
  margin-top: 20px;
  text-align: center;
  overflow: visible;
}
/* notch-card is an unstyled block wrapper — no flex, no special layout */
.results.av-swr .listing .single .notch-card {
  display: block;
}
/* icon floats above card; inline-block so text-align:center from .single centers it */
.results.av-swr .listing .single .notch-card img {
  margin-top: -80px;
  display: inline-block;
  width: auto;
  height: auto;
}
.results.av-swr .listing .single .notch-card h5 {
  font-family: var(--font-gilroy, sans-serif);
  color: #333333;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  margin: 16px 0 0;
}
.results.av-swr .listing .single .notch-card p {
  font-family: var(--font-gilroy, sans-serif);
  color: #555555;
  font-size: 16px;
  line-height: 1.6;
  text-align: center;
  margin: 12px 0 0;
}
/* fallback when no card bg image set — light border so cards are visible */
.results.av-swr .listing .single:not([style*="background-image"]) {
  border: 1px solid #e0e0e0;
  background-color: #ffffff;
}
/* cpcg / any variant that wants bordered white cards */
.results.av-swr.cpcg .listing .single {
  /* border: 1px solid #C7BFFF;
  background-image: none !important; */
  background-color: #ffffff;
}
@media (max-width: 1440px) {
  .results.av-swr .listing .single .notch-card h5 {
    font-size: 30px;
  }
}
@media (max-width: 1366px) {
  .results.av-swr .listing .single .notch-card h5 {
    font-size: 25px;
  }
}
@media (max-width: 1199px) {
  .results.av-swr .text h2 {
    font-size: 32px;
  }
  .results.av-swr .listing .single .notch-card h5 {
    font-size: 22px;
  }
}
@media (max-width: 991px) {
  .results.av-swr .listing {
    grid-template-columns: 1fr 1fr;
  }
  .results.av-swr .listing .single {
    align-items: center;
  }
}
@media (max-width: 575px) {
  .results.av-swr .listing {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 480px) {
  .results.av-swr .listing {
    grid-template-columns: 1fr;
    padding: 80px 20px 0;
  }
}

/* ══════════════════════════════════════════════════════════════
   §106 — DashboardSlider (.dashboardSlider.av-ds)
   ══════════════════════════════════════════════════════════════ */
.dashboardSlider.av-ds {
  margin: 100px 0 0;
  padding: 200px 0;
  /* background-color: #0c1228; */
  background-image: url("/wp-content/themes/appvertical/assets/images/case-studies/cpcg/dashboard-bg.webp");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
}
.dashboardSlider.av-ds.cpcg {
  /* background-color: #09112A; */
  background-image: url("/wp-content/themes/appvertical/assets/images/case-studies/cpcg/dashboard-bg.webp");
  margin-bottom: 0;
  padding-bottom: 150px;
}
.dashboardSlider.av-ds .head {
  margin-bottom: 60px;
}
.dashboardSlider.av-ds .head h2 {
  color: #ffffff;
  font-family: var(--font-gilroy, sans-serif);
  font-size: 47px;
  text-align: left;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 12px;
  text-decoration-thickness: 1px;
  margin: 0;
}
.dashboardSlider.av-ds .topSlider {
  margin-bottom: 30px;
  overflow: visible;
}
.dashboardSlider.av-ds .btmSlider {
  overflow: visible;
}
.dashboardSlider.av-ds .swiper-wrapper {
  transition-timing-function: linear;
}
.dashboardSlider.av-ds .swiper-slide {
  height: auto;
}
.dashboardSlider.av-ds .swiper-slide img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  display: block;
}
@media (max-width: 1199px) {
  .dashboardSlider.av-ds {
    padding: 80px 0;
    margin-bottom: 20px;
  }
  .dashboardSlider.av-ds .head h2 {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .dashboardSlider.av-ds {
    padding: 60px 0;
  }
}

/* ══════════════════════════════════════════════════════════════
   §107 — CtaSection (.ctaSection.av-ctas)
   ══════════════════════════════════════════════════════════════ */
.ctaSection.av-ctas {
  padding: 80px 0;
  position: relative;
}
.ctaSection.av-ctas::before {
  content: "";
  position: absolute;
  background-image: url("/appverticals/wp-content/themes/appvertical/assets/images/case-studies/visionze/ribbon.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 905px;
  height: 891px;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: -1;
}
.ctaSection.av-ctas .main {
  background-color: #00546f;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  border-radius: 14px;
  padding: 80px 30px 80px 0;
  position: relative;
  gap: 30px;
}
.ctaSection.av-ctas .main .left img {
  position: absolute;
  bottom: 0;
  left: -10px;
  width: 50%;
  height: auto;
}
.ctaSection.av-ctas .main .right h2 {
  color: #ffffff;
  font-family: var(--font-gilroy, sans-serif);
  font-size: 48px;
  font-weight: 700;
  margin-bottom: 20px;
}
.ctaSection.av-ctas .main .right p {
  font-family: var(--font-gilroy, sans-serif);
  color: #ffffff;
  font-weight: 400;
  font-size: 25px;
  margin-bottom: 30px;
}
.ctaSection.av-ctas .main .right .av-btn {
  display: inline-block;
  background-color: #e80101;
  color: #ffffff;
  font-family: var(--font-gilroy, sans-serif);
  font-size: 16px;
  font-weight: 600;
  padding: 10px 40px;
  border-radius: 5px;
  border: 1px solid #e80101;
  cursor: pointer;
  transition: 0.5s;
  text-decoration: none;
}
.ctaSection.av-ctas .main .right .av-btn:hover {
  background-color: transparent;
  color: #e80101;
}
.ctaSection.av-ctas .main .right .av-btn.visionze {
  background: #ffffff;
  color: #00546f;
  border: 1px solid #ffffff;
}
.ctaSection.av-ctas .main .right .av-btn.visionze:hover {
  background-color: transparent;
  color: #ffffff;
}
.ctaSection.av-ctas .main .right .av-btn.oasis {
  background: #ffffff;
  color: #071c3e;
  border: 1px solid #ffffff;
}
.ctaSection.av-ctas .main .right .av-btn.oasis:hover {
  background-color: transparent;
  color: #ffffff;
}
.ctaSection.av-ctas .main .right .av-btn.casitaCta {
  background: #ffffff;
  color: #0a477f;
  border: 1px solid #ffffff;
}
.ctaSection.av-ctas .main .right .av-btn.casitaCta:hover {
  background-color: transparent;
  color: #ffffff;
  border-color: #ffffff;
}
.ctaSection.av-ctas .main .right .av-btn.openCta {
  background: #bf0a30;
  color: #ffffff;
  border: 1px solid #bf0a30;
}
.ctaSection.av-ctas .main .right .av-btn.openCta:hover {
  background-color: transparent;
  color: #ffffff;
  border-color: #ffffff;
}
.ctaSection.av-ctas .main .right .av-btn.gtsCta {
  background: #00a69e;
  color: #ffffff;
  border: 1px solid #00a69e;
}
.ctaSection.av-ctas .main .right .av-btn.gtsCta:hover {
  background-color: transparent;
  color: #ffffff;
  border-color: #ffffff;
}
.ctaSection.av-ctas .main .right .av-btn.luluCta {
  background: #eeb563;
  color: #ffffff;
  border: 1px solid #eeb563;
}
.ctaSection.av-ctas .main .right .av-btn.luluCta:hover {
  background-color: transparent;
  color: #ffffff;
  border-color: #ffffff;
}
.ctaSection.av-ctas .main .right .av-btn.rahaCta {
  background: #986cb1;
  color: #ffffff;
  border: 1px solid #986cb1;
}
.ctaSection.av-ctas .main .right .av-btn.rahaCta:hover {
  background-color: transparent;
  color: #ffffff;
  border-color: #ffffff;
}
/* Variants */
.ctaSection.av-ctas.cpcg .main {
  background-color: #09112a;
}
.ctaSection.av-ctas.oasis .main {
  background-color: #002059;
}
.ctaSection.av-ctas.oasis .main .left img {
  bottom: -30px;
}
.ctaSection.av-ctas.cargobarn .main {
  background-color: #2b2b2b;
}
.ctaSection.av-ctas.cargobarn .main .left img {
  bottom: -30px;
}
.ctaSection.av-ctas.cargobarn .main .right .av-btn {
  background-color: #00a69e;
  border-color: #00a69e;
}
.ctaSection.av-ctas.openhouse .main {
  background-color: #131516;
}
.ctaSection.av-ctas.openhouse .main .left img {
  bottom: -30px;
}
.ctaSection.av-ctas.casita .main {
  background-color: #0a477f;
}
.ctaSection.av-ctas.casita .main .left img {
  bottom: 0;
  width: 55%;
  left: -90px;
}
.ctaSection.av-ctas.lulu .main {
  background-color: #ea9413;
}
.ctaSection.av-ctas.lulu .main .left img {
  bottom: 0;
  width: 55%;
  left: -90px;
}
.ctaSection.av-ctas.raha .main {
  background-color: #4b0872;
}
.ctaSection.av-ctas.raha .main .left img {
  bottom: 0;
  width: 55%;
  left: -90px;
}
@media (max-width: 1024px) {
  .ctaSection.av-ctas .main .right h2 {
    font-size: 35px;
  }
  .ctaSection.av-ctas .main .right p {
    font-size: 20px;
  }
}
@media (max-width: 991px) {
  .ctaSection.av-ctas::before {
    display: none;
  }
  .ctaSection.av-ctas .main {
    grid-template-columns: 1fr;
    padding: 50px;
    justify-content: center;
  }
  .ctaSection.av-ctas .main .left {
    display: none;
  }
  .ctaSection.av-ctas .main .right {
    text-align: center;
  }
}
@media (max-width: 575px) {
  .ctaSection.av-ctas .main .right h2 {
    font-size: 28px;
  }
  .ctaSection.av-ctas .main .right p {
    font-size: 20px;
  }
}

/* =============================================================
   ClientLogos — contact_client_logos layout
   Duplicated from contact.css so flexible-page template loads it.
   contact.css keeps its copy unchanged (contact page uses that).
   ============================================================= */

.clientLogos {
  padding: 80px 0;
  width: 100%;
  overflow-x: hidden;
}

.clientLogos .main h2 {
  font-weight: 700;
  font-size: 42px;
  color: #000;
  text-align: center;
  text-transform: capitalize;
}

.clientLogos .main h2 span {
  color: #e80101;
}

.cll-details {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  padding: 30px 0;
}

.cll-clutch {
  display: flex;
  align-items: center;
  gap: 5px;
}

.cll-clutch p,
.cll-rating p,
.cll-user p {
  margin: 0;
  font-weight: 500;
  color: #6e6e6e;
}

.cll-clutch p span,
.cll-rating p span,
.cll-user p span {
  font-weight: 700;
  color: #6e6e6e;
  font-size: 16px;
}

.cll-user {
  display: flex;
  align-items: center;
  gap: 5px;
}

.cll-images {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 30px 0;
}

.cll-single {
  width: 12.5%;
  text-align: center;
  position: relative;
}

.cll-single img {
  max-width: 100%;
  object-fit: cover;
}

.cll-single a {
  display: block;
  text-decoration: none;
}

.cll-badge {
  display: block;
  padding: 0.25em 0.5em;
  color: #2c2c2c;
  background-color: #f9b7b8;
  font-size: 10px;
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 600;
  border-radius: 6px;
  width: fit-content;
  margin: 6px auto 0;
}

.cll-infoSec {
  background-color: #fff;
  border: 1px solid #e6e8ec;
  z-index: 99;
  opacity: 0;
  padding: 12px;
  pointer-events: none;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 200%;
  transition:
    opacity 0.15s ease-out,
    transform 0.25s ease-out;
  position: absolute;
  inset: auto auto 0% -50%;
  overflow: hidden;
  transform: translateY(0);
}

.cll-single:hover .cll-infoSec {
  opacity: 1;
  transform: translateY(-50%);
}

.cll-infoSec img {
  margin-bottom: 10px;
  max-width: 100%;
}

.cll-infoSec p {
  font-size: 12px;
  text-align: left;
  font-family: "Gilroy", Arial, sans-serif;
  color: #2c2c2c;
  margin: 0;
}

@media (max-width: 1200px) {
  .clientLogos .main h2 {
    font-size: 38px;
  }
}
@media (max-width: 1199px) {
  .cll-images {
    justify-content: center;
  }
  .cll-single {
    width: 22.5%;
  }
}
@media (max-width: 767px) {
  .clientLogos {
    padding: 40px 0;
  }
  .cll-details {
    gap: 20px;
  }
  .cll-single {
    width: 30%;
  }
}
@media (max-width: 575px) {
  .cll-single {
    width: 30%;
  }
}
@media (max-width: 480px) {
  .clientLogos .main h2 {
    font-size: 28px;
  }
  .cll-details {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
  }
  .cll-single {
    width: 35%;
  }
  .cll-single img {
    width: 80%;
    height: auto;
  }
}
@media (max-width: 380px) {
  .cll-single {
    width: 45%;
  }
  .cll-single img {
    width: 80%;
    height: auto;
  }
}

/* ── §75 MicrosoftImplementation ─────────────────────────────────────────── */
.av-mi {
  padding: 30px 0 60px;
  overflow-x: hidden;
}
.av-mi__main {
  text-align: center;
  margin-bottom: 40px;
}
.av-mi__main h2 {
  font-family: var(--font-gilroy, sans-serif);
  font-weight: 600;
  font-size: 42px;
  color: #333333;
}
.av-mi__main h2 span {
  color: #e80101;
}
.av-mi__main > p {
  font-family: var(--font-gilroy, sans-serif);
  font-weight: 500;
  font-size: 18px;
  color: #2c2c2c;
  margin: 0 auto;
  width: 60%;
}
.av-mi__slider-wrapper {
  margin-top: 30px;
  width: 100%;
}
.av-mi__swiper {
  width: 100%;
  overflow: visible !important;
  padding: 40px 10px !important;
}
.av-mi__single {
  border: 1px solid #b9b9b9;
  padding: 40px 30px;
  border-radius: 7px;
  height: 250px;
}
.av-mi__single h3 {
  font-family: var(--font-gilroy, sans-serif);
  font-weight: 600;
  font-size: 28px;
  color: #e80101;
  margin-bottom: 12px;
}
.av-mi__single p {
  font-family: var(--font-gilroy, sans-serif);
  font-weight: 500;
  font-size: 16px;
  color: #333333;
  width: 85%;
  margin: 0;
}
@media (max-width: 1440px) {
  .av-mi__main h2 {
    font-size: 40px;
  }
}
@media (max-width: 1366px) {
  .av-mi__single h3 {
    font-size: 24px;
  }
  .av-mi__single p {
    width: 100%;
  }
}
@media (max-width: 1200px) {
  .av-mi__main h2 {
    font-size: 38px;
  }
  .av-mi__main > p {
    font-size: 16px;
    width: 100%;
  }
}
@media (max-width: 991px) {
  .av-mi__main h2 {
    font-size: 30px;
  }
  .av-mi__main > p {
    font-size: 16px;
  }
  .av-mi__single {
    height: 200px;
  }
}
@media (max-width: 767px) {
  .av-mi__main h2 {
    font-size: 28px;
  }
  .av-mi__main h2 br {
    display: none;
  }
  .av-mi__main > p {
    font-size: 14px;
  }
}
@media (max-width: 575px) {
  .av-mi__single {
    height: 250px;
  }
  .av-mi__single h3 {
    font-size: 22px;
    text-align: center;
  }
  .av-mi__single p {
    text-align: center;
  }
}
@media (max-width: 400px) {
  .av-mi__single {
    height: 300px;
  }
}

/* §76 Image CTA (av-imgcta) ────────────────────────────────────── */
.av-imgcta {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 80px 0;
  position: relative;
}
.av-imgcta::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
}
.av-imgcta .container {
  position: relative;
  z-index: 1;
}
.av-imgcta__inner {
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}
.av-imgcta__inner h2 {
  font-family: var(--font-gilroy, sans-serif);
  font-weight: 700;
  font-size: 42px;
  color: #ffffff;
  margin-bottom: 30px;
  line-height: 1.2;
}
.av-imgcta__inner h2 span {
  color: #e80101;
}
@media (max-width: 991px) {
  .av-imgcta {
    padding: 60px 0;
  }
  .av-imgcta__inner h2 {
    font-size: 34px;
  }
}
@media (max-width: 767px) {
  .av-imgcta {
    padding: 50px 0;
  }
  .av-imgcta__inner h2 {
    font-size: 28px;
    margin-bottom: 24px;
  }
}

/* §77 Estimate Form (App Cost Calculator) ─────────────────────── */
.av-estimate-form {
  padding: 50px 0;
  font-family: var(--font-gilroy, sans-serif);
  background-image: url("../images/estimate-form/bg.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.av-estimate-form .heading {
  text-align: center;
}
.av-estimate-form .heading h1 {
  font-size: 60px;
  font-weight: 700;
  color: #101010;
  margin-bottom: 0;
}
.av-estimate-form .heading h1 span {
  color: #e80101;
}
.av-estimate-form .heading p {
  font-size: 22px;
  color: #313131;
  font-weight: 600;
}
.av-estimate-form .heading h5 {
  display: none;
  font-size: 22px;
  color: #313131;
  font-weight: 600;
}
.av-estimate-form .progressBar {
  margin: 30px 0;
  position: relative;
}
.av-estimate-form .estimateSteps {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 1;
  padding: 0;
  list-style: none;
  margin: 0;
}
.av-estimate-form .estimateSteps li {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}
.av-estimate-form .estimateSteps li span {
  color: #fff;
  background-color: #000;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition:
    background-color 0.45s ease,
    transform 0.35s ease;
  font-size: 16px;
  font-weight: 800;
}
.av-estimate-form .estimateSteps li.active span {
  transform: scale(1.05);
  box-shadow: 0 0 0 4px rgba(232, 1, 1, 0.18);
}
.av-estimate-form .estimateSteps li p {
  font-size: 16px;
  color: #313131;
  font-weight: 600;
  width: max-content;
  margin: 0;
}
.av-estimate-form .estimateSteps li.completed span,
.av-estimate-form .estimateSteps li.active span {
  background-color: #e80101;
}
.av-estimate-form .redBar {
  position: absolute;
  width: 96%;
  top: 26%;
  z-index: 0;
  left: 2%;
  height: 4px;
  background: #fff;
  border-radius: 2px;
  overflow: hidden;
}
.av-estimate-form .redBar__fill {
  height: 100%;
  background: #e80101;
  transition: width 0.6s cubic-bezier(0.65, 0, 0.35, 1);
  will-change: width;
}
.av-estimate-form .content {
  display: grid;
  gap: 40px;
  grid-template-columns: repeat(5, 1fr);
}
.av-estimate-form .roughEstimatefields {
  grid-area: 1 / 1 / 2 / 3;
}
.av-estimate-form .estimatebox {
  background-image: url("../images/estimate-form/bg-2.webp");
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  padding: 45px 30px;
  height: 100%;
}
.av-estimate-form .estimatebox h2 {
  font-size: 55px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 20px;
}
.av-estimate-form .estimatebox h2 span {
  color: #e80101;
}
.av-estimate-form .blurrdfields {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.av-estimate-form .blurrdfields .field {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.av-estimate-form .blurrdfields .field label {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
}
.av-estimate-form .blurrdfields .field input {
  background-color: #d9d9d9;
  width: 100%;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 15px;
  pointer-events: none;
  filter: blur(3px);
  border: 0;
}
.av-estimate-form .roughEstimateform {
  grid-area: 1 / 3 / 2 / 6;
}
.av-estimate-form .FormBtns {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  margin-top: 50px;
}
.av-estimate-form .FormBtns .av-btn {
  padding: 13px 40px;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  border: 1px solid #000;
  background: #fff;
  color: #000;
}
.av-estimate-form .FormBtns .red-btn {
  background: #e80101;
  border-color: #e80101;
  color: #fff;
}
.av-estimate-form .Step {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 30px;
}
.av-estimate-form .Step.Step2,
.av-estimate-form .Step.Step3,
.av-estimate-form .Step.Step5 {
  grid-template-columns: 1fr 1fr 1fr;
}
.av-estimate-form .Step.Step6,
.av-estimate-form .Step.Step7 {
  grid-template-columns: 1fr 1fr;
}
.av-estimate-form .ef-box {
  height: 130px;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.16);
  border-radius: 10px;
  background: #fff;
  transition:
    background-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  opacity: 1;
}
.av-estimate-form .ef-step.ef-step-active .ef-box {
  animation: avEfBoxIn 0.4s ease forwards;
}
@keyframes avEfBoxIn {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.av-estimate-form .ef-heading-wrap.ef-fade-in {
  animation: avEfFadeIn 0.4s ease both;
}
@keyframes avEfFadeIn {
  0% {
    opacity: 0;
    transform: translateY(6px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.av-estimate-form .ef-box label {
  border-radius: 10px;
  height: 100%;
  font-size: 16px;
  line-height: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 18px 14px;
  text-align: center;
  cursor: pointer;
  color: #000;
  font-weight: 700;
  text-transform: capitalize;
  position: relative;
}
.av-estimate-form .ef-box .ef-default {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  height: 100%;
}
.av-estimate-form .ef-box label img {
  height: 100px;
  width: 50px;
  object-fit: contain;
  filter: brightness(0);
  margin: 0 auto;
}
.av-estimate-form .ef-box label img.img-fdex {
  width: 70px !important;
}
.av-estimate-form .ef-box input {
  display: none;
}
.av-estimate-form .ef-box input:checked ~ label {
  background: #ec1c24;
  color: #fff;
}
.av-estimate-form .ef-box input:checked ~ label img {
  filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(106deg)
    brightness(200%) contrast(125%);
}
.av-estimate-form .ef-box .flipbox {
  display: none;
}
.av-estimate-form .ef-box.ef-active-other label {
  background: #ec1c24;
  color: #fff;
}
.av-estimate-form .ef-box.ef-active-other .ef-default {
  display: none;
}
.av-estimate-form .ef-box.ef-active-other .flipbox {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  position: relative;
}
.av-estimate-form .ef-box.ef-active-other .ef-other-input {
  display: block;
  background: #fff;
  width: 100%;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 15px;
  border: 0;
  color: #292929;
}
.av-estimate-form .ef-box.ef-active-other .ef-other-input::placeholder {
  color: #292929;
}
.av-estimate-form .ef-box.ef-active-other .ef-close {
  position: absolute;
  bottom: 0;
  right: 6px;
  cursor: pointer;
  font-size: 22px;
  line-height: 1;
  color: #fff;
  pointer-events: all;
}
@media (max-width: 1300px) {
  .av-estimate-form .heading h1 {
    font-size: 50px;
  }
  .av-estimate-form .heading p {
    font-size: 20px;
  }
  .av-estimate-form .estimateSteps li p {
    font-size: 20px;
  }
  .av-estimate-form .content {
    gap: 30px;
  }
  .av-estimate-form .estimatebox {
    padding: 30px;
  }
  .av-estimate-form .estimatebox h2 {
    font-size: 40px;
  }
  .av-estimate-form .Step {
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
  }
  .av-estimate-form .Step.Step6,
  .av-estimate-form .Step.Step7 {
    grid-template-columns: 1fr 1fr;
  }
  .av-estimate-form .ef-box label {
    font-size: 18px;
  }
}
@media (max-width: 1199px) {
  .av-estimate-form .heading h1 {
    font-size: 40px;
  }
  .av-estimate-form .heading p {
    font-size: 18px;
  }
  .av-estimate-form .estimateSteps li p {
    font-size: 18px;
  }
  .av-estimate-form .estimatebox h2 {
    font-size: 35px;
  }
  .av-estimate-form .ef-box label {
    font-size: 17px;
  }
}
@media (max-width: 991px) {
  .av-estimate-form .heading h5 {
    display: block;
  }
  .av-estimate-form .estimateSteps li span {
    width: 40px;
    height: 40px;
    font-size: 14px;
  }
  .av-estimate-form .estimateSteps li p {
    display: none;
  }
  .av-estimate-form .content {
    display: flex;
    flex-direction: column-reverse;
    gap: 20px;
  }
  .av-estimate-form .roughEstimatefields {
    width: 100%;
    order: 1;
  }
  .av-estimate-form .estimatebox {
    height: auto;
    padding: 35px 30px;
  }
  .av-estimate-form .roughEstimateform {
    width: 100%;
    order: 3;
  }
  .av-estimate-form .FormBtns {
    order: 2;
    margin: 20px 0;
  }
}
@media (max-width: 767px) {
  .av-estimate-form .heading h1 {
    font-size: 35px;
  }
  .av-estimate-form .ef-box {
    height: 120px;
  }
  .av-estimate-form .ef-box label {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .av-estimate-form .heading h1 {
    font-size: 30px;
  }
  .av-estimate-form .estimateSteps li span {
    width: 35px;
    height: 35px;
    font-size: 14px;
    border: 3px solid #fff;
  }
  .av-estimate-form .estimatebox {
    padding: 20px;
  }
  .av-estimate-form .estimatebox h2 {
    font-size: 30px;
  }
  .av-estimate-form .blurrdfields .field label {
    font-size: 16px;
  }
  .av-estimate-form .Step,
  .av-estimate-form .Step.Step6,
  .av-estimate-form .Step.Step7 {
    grid-template-columns: 1fr 1fr;
  }
  .av-estimate-form .FormBtns {
    gap: 15px;
    margin-top: 30px;
  }
  .av-estimate-form .FormBtns .av-btn {
    padding: 13px 30px;
  }
  .av-estimate-form .ef-box label {
    font-size: 16px;
  }
}
@media (max-width: 320px) {
  .av-estimate-form .heading h1 {
    font-size: 25px;
  }
  .av-estimate-form .heading p {
    font-size: 16px;
  }
  .av-estimate-form .estimatebox h2 {
    font-size: 25px;
  }
  .av-estimate-form .Step,
  .av-estimate-form .Step.Step6,
  .av-estimate-form .Step.Step7 {
    grid-template-columns: 1fr;
  }
  .av-estimate-form .FormBtns {
    flex-direction: column;
    gap: 15px;
  }
  .av-estimate-form .FormBtns .av-btn {
    width: 100%;
    padding: 13px 30px;
  }
}

/* §77b Estimate Popup (lead form on Finish) ───────────────────── */
.av-estimate-form .ef-popup {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.av-estimate-form .ef-popup.is-open {
  display: flex;
}
.av-estimate-form .ef-popup__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  cursor: pointer;
}
.av-estimate-form .ef-popup__dialog {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1000px;
  max-height: 92vh;
  overflow-y: auto;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
  animation: avEfPopupIn 0.35s ease both;
}
@keyframes avEfPopupIn {
  0% {
    opacity: 0;
    transform: translateY(20px) scale(0.97);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.av-estimate-form .ef-popup__close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 0;
  background: #f2f2f2;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
  z-index: 2;
  color: #333;
}
.av-estimate-form .ef-popup__close:hover {
  background: #e80101;
  color: #fff;
}
.av-estimate-form .EstimatePopupForm {
  padding: 50px;
  font-family: var(--font-gilroy, sans-serif);
  background-color: #f7f7f7;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 14px;
}
.av-estimate-form .EstimatePopupForm .form-contain {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  position: relative;
  z-index: 1;
}
.av-estimate-form .EstimatePopupForm .form-contain h2 {
  font-size: 52px;
  font-weight: 700;
  line-height: 1.1;
  color: #000;
  text-align: center;
  letter-spacing: -1px;
  margin: 0;
}
.av-estimate-form .EstimatePopupForm .form-contain h2 span {
  color: #e80101;
}
.av-estimate-form .ef-popup__form {
  width: 100%;
}
.av-estimate-form .ef-popup__row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}
.av-estimate-form .ef-popup__col-3 {
  grid-column: span 1;
}
.av-estimate-form .ef-popup__col-12 {
  grid-column: 1 / -1;
}
.av-estimate-form .ef-popup__form .inputdiv input,
.av-estimate-form .ef-popup__form .phoneinputdiv input,
.av-estimate-form .ef-popup__form .desc textarea {
  width: 100%;
  background: #fff;
  border-radius: 10px;
  padding: 18px 20px;
  font-size: 16px;
  letter-spacing: 0.02em;
  color: #000;
  box-shadow: 0 3px 28px rgba(18, 18, 19, 0.1);
  border: 1px solid #fff;
  font-weight: 500;
  font-family: inherit;
}
.av-estimate-form .ef-popup__form .desc textarea {
  height: 120px;
  resize: none;
}
.av-estimate-form .ef-popup__form input::placeholder,
.av-estimate-form .ef-popup__form textarea::placeholder {
  color: #555;
  font-weight: 500;
}
.av-estimate-form .ef-popup__form .submit-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.av-estimate-form .ef-popup__submit {
  background: #e80101;
  color: #fff;
  border: 1px solid #e80101;
  border-radius: 8px;
  padding: 14px 50px;
  font-weight: 700;
  font-size: 16px;
  cursor: pointer;
  transition:
    background 0.25s ease,
    color 0.25s ease;
}
.av-estimate-form .ef-popup__submit:hover {
  background: #fff;
  color: #e80101;
}
.av-estimate-form .ef-popup__submit:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
.av-estimate-form .ef-popup__msg {
  margin-top: 6px;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  min-height: 20px;
}
.av-estimate-form .ef-popup__msg--ok {
  color: #1b8a3a;
}
.av-estimate-form .ef-popup__msg--err {
  color: #c00;
}

@media (max-width: 991px) {
  .av-estimate-form .EstimatePopupForm {
    padding: 40px;
  }
  .av-estimate-form .EstimatePopupForm .form-contain h2 {
    font-size: 35px;
  }
}
@media (max-width: 767px) {
  .av-estimate-form .ef-popup__row {
    grid-template-columns: 1fr;
  }
  .av-estimate-form .EstimatePopupForm .form-contain h2 {
    font-size: 28px;
  }
  .av-estimate-form .EstimatePopupForm {
    padding: 30px;
  }
}
@media (max-width: 575px) {
  .av-estimate-form .ef-popup__close {
    top: 8px;
    right: 8px;
  }
  .av-estimate-form .EstimatePopupForm .form-contain h2 {
    font-size: 24px;
  }
  .av-estimate-form .EstimatePopupForm {
    padding: 26px 18px;
  }
}

/* §78 IndustrySpecific (cards grid + View More) ───────────────── */
.industrySpecific {
  padding: 60px 0;
}
.industrySpecific .main {
  text-align: center;
}
.industrySpecific .main h2 {
  font-family: var(--font-gilroy, sans-serif);
  font-weight: 700;
  font-size: 42px;
  color: #000;
  margin: 0 auto 20px;
  width: 80%;
}
.industrySpecific .main h2 span {
  color: #e80101;
}
.industrySpecific .main p {
  font-family: var(--font-gilroy, sans-serif);
  font-weight: 500;
  font-size: 18px;
  color: #000;
  margin-bottom: 0;
}
.industrySpecific .listing {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 30px 20px;
  margin-top: 50px;
}
.industrySpecific .listing .item {
  background-color: #f9f9f9;
  padding: 20px;
  border-radius: 10px;
}
.industrySpecific .listing .item .iconWrapper {
  width: 73px;
  height: 73px;
  background-color: #e80101;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-bottom: 15px;
}
.industrySpecific .listing .item .iconWrapper img {
  display: block;
  max-width: 60%;
  height: auto;
}

.industrySpecific .listing .item h3 {
  color: #000;
  font-size: 34px;
  font-weight: 600;
  margin-bottom: 15px;
}
.industrySpecific .listing .item .subHead {
  font-size: 18px;
  font-weight: 600;
  color: #2c2c2c;
  margin: 15px 0;
}
.industrySpecific .listing .item p {
  font-size: 18px;
  font-weight: 500;
  color: #2c2c2c;
  line-height: 26px;
  margin-bottom: 0;
}
.industrySpecific .listing .item p a {
  text-decoration: underline;
  color: inherit;
}
.industrySpecific .listing .item p a:hover {
  color: #e80101;
}
.industrySpecific .viewMoreWrapper {
  text-align: center;
  margin-top: 40px;
}
@media (max-width: 1440px) {
  .industrySpecific .listing .item h3 {
    font-size: 28px;
  }
}
@media (max-width: 1200px) {
  .industrySpecific .main h2 {
    font-size: 38px;
  }
  .industrySpecific .main p {
    font-size: 16px;
  }
  .industrySpecific .listing .item h3 {
    font-size: 26px;
  }
  .industrySpecific .listing .item .subHead {
    font-size: 16px;
  }
  .industrySpecific .listing .item p {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .industrySpecific .main h2 {
    font-size: 30px;
    width: 100%;
  }
  .industrySpecific .main p {
    font-size: 16px;
  }
  .industrySpecific .listing {
    grid-template-columns: 1fr 1fr;
  }
  .industrySpecific .listing .item h3 {
    font-size: 22px;
  }
  .industrySpecific .listing .item .subHead {
    font-size: 16px;
  }
  .industrySpecific .listing .item p {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .industrySpecific {
    padding: 40px 0;
  }
  .industrySpecific .main h2 {
    font-size: 28px;
  }
  .industrySpecific .main p {
    font-size: 14px;
  }
  .industrySpecific .listing {
    grid-template-columns: 1fr;
  }
  .industrySpecific .listing .item h3 {
    font-size: 20px;
  }
  .industrySpecific .listing .item .subHead {
    font-size: 14px;
  }
  .industrySpecific .listing .item p {
    font-size: 14px;
    line-height: 1.5;
  }
  .industrySpecific .viewMoreWrapper button {
    font-size: 14px;
  }
}
@media (max-width: 576px) {
  .industrySpecific .main h2 {
    font-size: 22px;
  }
}

/* §79 Apptalk / Podcast components ─────────────────────────────── */
.apptalkBanner {
  padding: 80px 0 40px;
  background-color: #fbfbfb;
  min-height: 750px;
  display: flex;
  align-items: flex-end;
}
.apptalkBanner .main {
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  position: relative;
}
.apptalkBanner .main .text {
  font-size: 18px;
  font-weight: 600;
}
.apptalkBanner .main .tagsWrapper {
  margin-top: 10px;
}
.apptalkBanner .main .tagsWrapper ul {
  list-style: none;
  padding-left: 0;
  display: flex;
  gap: 10px;
  margin-bottom: 0;
}
.apptalkBanner .main .tagsWrapper ul li {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  background-color: #e80101;
  padding: 4px 12px;
  border-radius: 50px;
}
.apptalkBanner .main h1 {
  font-size: 130px;
  font-weight: 600;
  color: #e80101;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
  line-height: 1.05;
  margin: 0;
}
.apptalkBanner .main h1 span {
  color: #333;
  -webkit-text-stroke: 1px #fff;
  -webkit-text-fill-color: #333;
}
.apptalkBanner .main p {
  margin-top: 40px;
  font-size: 26px;
  color: #333;
  font-weight: 500;
  text-transform: capitalize;
  text-align: center;
}
.apptalkBanner .main .imgWrapper {
  position: absolute;
  top: 44%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.8s ease;
  opacity: 0;
}
.apptalkBanner .main .imgWrapper.micShow {
  opacity: 1;
  animation: atbFadeInDown 0.8s ease forwards;
}
.apptalkBanner .main .imgWrapper.micHide {
  opacity: 0;
  animation: atbFadeOutUp 0.8s ease forwards;
}
@keyframes atbFadeInDown {
  from {
    opacity: 0;
    transform: translate(-50%, -150%);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}
@keyframes atbFadeOutUp {
  from {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
  to {
    opacity: 0;
    transform: translate(-50%, -150%);
  }
}
.apptalkBanner .communityWrapper {
  margin-top: 80px;
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 20px;
}
.apptalkBanner .communityWrapper .av-primary-btn {
  background-color: #333;
  border: 1px solid #333;
  border-radius: 50px;
  font-size: 20px;
  padding: 10px 20px;
  color: #fff;
}
.apptalkBanner .communityWrapper .itemWrapper {
  display: flex;
}
.apptalkBanner .communityWrapper .itemWrapper .item {
  margin-left: -10px;
}
@media (max-width: 1440px) {
  .apptalkBanner .main h1 {
    font-size: 110px;
  }
  .apptalkBanner .main p {
    font-size: 24px;
  }
}
@media (max-width: 1200px) {
  .apptalkBanner .main h1 {
    font-size: 100px;
  }
  .apptalkBanner .main p {
    font-size: 22px;
  }
}
@media (max-width: 991px) {
  .apptalkBanner {
    min-height: 650px;
  }
  .apptalkBanner .main h1 {
    font-size: 70px;
  }
  .apptalkBanner .main p {
    font-size: 18px;
    margin-top: 20px;
  }
  .apptalkBanner .main .imgWrapper {
    left: 70%;
  }
  .apptalkBanner .main .imgWrapper img {
    width: 100%;
    height: auto;
  }
  .apptalkBanner .communityWrapper {
    justify-content: center;
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .apptalkBanner {
    min-height: 100%;
    padding: 80px 0;
  }
  .apptalkBanner .main {
    text-align: center;
  }
  .apptalkBanner .main h1 {
    font-size: 50px;
  }
  .apptalkBanner .main h1 span {
    -webkit-text-stroke: 0;
  }
  .apptalkBanner .main .tagsWrapper ul {
    justify-content: center;
    margin-bottom: 10px;
  }
  .apptalkBanner .main p {
    font-size: 16px;
    margin-top: 20px;
  }
  .apptalkBanner .main .imgWrapper {
    display: none;
  }
  .apptalkBanner .communityWrapper {
    justify-content: center;
    margin-top: 20px;
  }
}
@media (max-width: 500px) {
  .apptalkBanner .main h1 {
    font-size: 40px;
  }
  .apptalkBanner .communityWrapper {
    flex-direction: column;
    gap: 15px;
  }
}

.ourGuests {
  padding: 80px 0;
  overflow: hidden;
}
.ourGuests .main {
  display: flex;
  gap: 100px;
  align-items: center;
  margin-bottom: 50px;
}
.ourGuests .main .left h2 {
  font-size: 42px;
  font-weight: 600;
  color: #000;
  margin-bottom: 10px;
}
.ourGuests .main .left h2 span {
  color: #e80101;
}
.ourGuests .main .left p {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  color: #333;
  margin-bottom: 0;
}
.ourGuests .main .right .founder-slider-nav {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 30px;
}
.ourGuests .main .right .atog-nav-btn {
  border: 1px solid #333;
  padding: 6px 20px;
  border-radius: 25px;
  cursor: pointer;
  line-height: 1;
  font-size: 20px;
  user-select: none;
  background: transparent;
  color: #333;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.ourGuests .main .right .atog-nav-btn:hover {
  background: #333;
  color: #fff;
}
.ourGuests .main .right .atog-nav-btn svg {
  display: block;
  width: 1.4em;
  height: 1.4em;
}
.ourGuests .sliderWrapper .slider-info .iconWrapper svg {
  display: block;
  width: 1em;
  height: 1em;
}
.ourGuests .sliderWrapper {
  position: relative;
  margin: 50px auto 0;
  width: 70%;
}
.ourGuests .sliderWrapper .guestSlider {
  overflow: visible;
}
.ourGuests .sliderWrapper .slider-info {
  border-radius: 20px;
  border: 1px solid #d6d6d6;
  backdrop-filter: blur(7px);
  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition: 0.5s;
}
.ourGuests .sliderWrapper .slider-info::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(144, 144, 144, 0) 43.88%, #222 100%);
  border-radius: 18px;
  z-index: 1;
  pointer-events: none;
}
.ourGuests .sliderWrapper .slider-info img {
  width: 100%;
  object-fit: cover;
  border-radius: 20px;
  transition: 0.5s;
  display: block;
}
.ourGuests .sliderWrapper .slider-info:hover img {
  transform: scale(1.1);
}
.ourGuests .sliderWrapper .slider-info .iconWrapper {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #e80101;
  border-radius: 50px;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
  z-index: 2;
  font-size: 20px;
}
.ourGuests .sliderWrapper .slider-info:hover .iconWrapper {
  opacity: 1;
  visibility: visible;
}
.ourGuests .sliderWrapper .slider-info .info-content {
  position: absolute;
  z-index: 2;
  bottom: 0;
  padding: 20px;
}
.ourGuests .sliderWrapper .slider-info .info-content p {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  margin: 0;
}
.ourGuests .sliderWrapper .slider-info .info-content h3 {
  font-size: 30px;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0;
  color: #fff;
  text-align: left;
}
.ourGuests .atog-iframe-popup {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.ourGuests .atog-iframe-popup[hidden] {
  display: none !important;
}
.ourGuests .atog-iframe-popup.is-open {
  display: flex;
}
.ourGuests .atog-iframe-popup__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.7);
}
.ourGuests .atog-iframe-popup__inner {
  position: relative;
  width: 100%;
  max-width: 960px;
  aspect-ratio: 16 / 9;
  background: #000;
  border-radius: 12px;
  overflow: hidden;
}
.ourGuests .atog-iframe-popup__close {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 2;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 0;
  background: rgba(255, 255, 255, 0.9);
  cursor: pointer;
  font-size: 22px;
  line-height: 1;
}
.ourGuests .atog-iframe-popup iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}
@media (max-width: 1200px) {
  .ourGuests .main .left h2 {
    font-size: 38px;
  }
  .ourGuests .main .left p {
    font-size: 16px;
  }
  .ourGuests .sliderWrapper {
    width: 80%;
  }
}
@media (max-width: 991px) {
  .ourGuests {
    padding: 60px 0;
  }
  .ourGuests .main .left h2 {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .ourGuests {
    padding: 40px 0;
  }
  .ourGuests .main {
    flex-direction: column;
    gap: 10px;
  }
  .ourGuests .main .left {
    text-align: center;
  }
  .ourGuests .main .left h2 {
    font-size: 28px;
  }
}

.weAreApptalk {
  margin: 60px 0;
}
.weAreApptalk .main {
  width: 80%;
  margin-left: auto;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  gap: 50px;
}
.weAreApptalk .main .left {
  /* flex-shrink: 0;
  width: 480px; */
  margin-left: -80px;
}
/* .weAreApptalk .main .left img {
  display: block;
  width: 100%;
  height: auto;
  transform: scale(1.03);
  transform-origin: center;
} */
.weAreApptalk .main .left img {
  display: block;
  /* width: 100%; */
  /* height: auto; */
  transform: scale(1.03);
  transform-origin: center;
  width: 234px !important;
  height: auto;
}
.weAreApptalk .main .right {
  width: 80%;
}
.weAreApptalk .main .right h2 {
  font-size: 54px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 20px;
}
.weAreApptalk .main .right p {
  font-size: 30px;
  font-weight: 500;
  color: #fff;
  line-height: 44px;
}
@media (max-width: 1440px) {
  .weAreApptalk .main .right {
    width: 75%;
  }
  .weAreApptalk .main .right h2 {
    font-size: 45px;
  }
  .weAreApptalk .main .right p {
    font-size: 26px;
  }
}
@media (max-width: 1300px) {
  .weAreApptalk .main {
    width: 90%;
  }
}
@media (max-width: 1200px) {
  .weAreApptalk .main .right h2 {
    font-size: 38px;
  }
  .weAreApptalk .main .right p {
    font-size: 22px;
    line-height: 1.5;
  }
}
@media (max-width: 991px) {
  .weAreApptalk .main {
    gap: 20px;
  }
  .weAreApptalk .main .left {
    margin-left: -60px;
  }
  .weAreApptalk .main .left img {
    height: 350px;
    width: auto;
  }
  .weAreApptalk .main .right h2 {
    font-size: 30px;
  }
  .weAreApptalk .main .right p {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .weAreApptalk {
    margin: 40px 0;
  }
  .weAreApptalk .main {
    gap: 20px;
    width: 100%;
    padding: 40px 30px;
  }
  .weAreApptalk .main .left {
    display: none;
  }
  .weAreApptalk .main .right {
    width: 100%;
    text-align: center;
  }
  .weAreApptalk .main .right h2 {
    font-size: 28px;
  }
  .weAreApptalk .main .right p {
    font-size: 16px;
  }
}

.featuredApptalk {
  padding: 80px 0;
}
.featuredApptalk .maingrid {
  display: flex;
}
.featuredApptalk .content-left {
  width: 35%;
}
.featuredApptalk .content-left .left {
  margin-left: 30%;
  display: flex;
  flex-direction: column;
}
.featuredApptalk .content-left .info h2 {
  font-size: 52px;
  font-weight: 600;
  color: #333;
  margin-bottom: 20px;
}
.featuredApptalk .content-left .info p {
  font-size: 20px;
  font-weight: 500;
  color: #333;
  margin-bottom: 20px;
}
.featuredApptalk .right {
  width: 60%;
  margin-left: auto;
}
.featuredApptalk .right .sliderItem {
  position: relative;
  isolation: isolate;
}
.featuredApptalk .right .sliderItem .imgWrapper {
  overflow: hidden;
  position: relative;
  border-radius: 15px;
  aspect-ratio: 642 / 367;
  transition: border-radius 0.4s ease-in-out;
  z-index: 1;
  background: #f4f4f4;
}
.featuredApptalk .right .sliderItem .imgWrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease-in-out;
  display: block;
}
.featuredApptalk .right .sliderItem .atf-arrow-btn {
  width: 46px;
  height: 46px;
  padding: 0;
  border-radius: 40px;
  position: absolute;
  left: 0;
  margin-top: -50px;
  z-index: -1;
  background: #e80101;
  color: #fff;
  border: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.featuredApptalk .right .sliderItem:hover .imgWrapper {
  border-bottom-left-radius: 150px;
}
.featuredApptalk .right .sliderItem:hover .imgWrapper img {
  transform: scale(1.2);
}
.featuredApptalk .right .sliderItem .sliderContent {
  padding-top: 20px;
}
.featuredApptalk .right .sliderItem .sliderContent h4,
.featuredApptalk .right .sliderItem .sliderContent h3 {
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
  color: #a7a7a7;
  margin: 0 0 5px;
}
.featuredApptalk .right .sliderItem .sliderContent p {
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2;
  color: #333;
  margin: 0 0 5px;
}
.featuredApptalk .bottomBtn {
  display: none;
}
.featuredApptalk .left .btn {
  text-align: left;
  padding: 0px;
}
.featuredApptalk .left .btn:focus {
  outline: none;
}
@media (max-width: 1440px) {
  .featuredApptalk .content-left .info h2 {
    font-size: 45px;
  }
  .featuredApptalk .right .sliderItem .imgWrapper img {
    height: 300px;
  }
}
@media (max-width: 1200px) {
  .featuredApptalk .content-left .info h2 {
    font-size: 35px;
  }
}
@media (max-width: 1100px) {
  .featuredApptalk .content-left {
    width: 45%;
  }
  .featuredApptalk .right {
    width: 50%;
  }
}
@media (max-width: 991px) {
  .featuredApptalk .content-left .info h2 {
    font-size: 30px;
    margin-bottom: 30px;
  }
  .featuredApptalk .content-left .info p {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .featuredApptalk {
    padding: 40px 0;
  }
  .featuredApptalk .maingrid {
    flex-direction: column;
    gap: 20px;
  }
  .featuredApptalk .content-left {
    width: 90%;
    margin: auto;
  }
  .featuredApptalk .content-left .left {
    margin-left: 0;
    text-align: center;
  }
  .featuredApptalk .content-left .info h2 {
    font-size: 28px;
  }
  .featuredApptalk .content-left .btn {
    display: none;
  }
  .featuredApptalk .right {
    width: 90%;
    margin: auto;
  }
  .featuredApptalk .bottomBtn {
    display: block;
    margin-top: 30px;
    text-align: center;
  }
}

.apptalkCta {
  padding: 80px 0;
}
.apptalkCta .mainGrid {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right;
  border-radius: 18px;
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  align-items: center;
  gap: 50px;
  padding: 80px 40px;
}
.apptalkCta .mainGrid .left h2 {
  font-size: 50px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 10px;
}
.apptalkCta .mainGrid .left p {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  line-height: 24px;
}
.apptalkCta .mainGrid .left .btnWrapper {
  margin-top: 20px;
  display: flex;
  gap: 20px;
  align-items: center;
}
.apptalkCta .mainGrid .left .btnWrapper .av-primary-btn.whiteBorderBtn {
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
}
@media (max-width: 1440px) {
  .apptalkCta .mainGrid .left h2 {
    font-size: 40px;
  }
}
@media (max-width: 1200px) {
  .apptalkCta {
    padding: 60px 0;
  }
  .apptalkCta .mainGrid .left h2 {
    font-size: 35px;
  }
  .apptalkCta .mainGrid .left p {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .apptalkCta .mainGrid {
    grid-template-columns: 1fr;
    background-image: none !important;
    background-color: #000;
  }
  .apptalkCta .mainGrid .left {
    text-align: center;
  }
  .apptalkCta .mainGrid .left h2 {
    font-size: 30px;
  }
  .apptalkCta .mainGrid .left .btnWrapper {
    justify-content: center;
  }
  .apptalkCta .mainGrid .right {
    display: none;
  }
}
@media (max-width: 767px) {
  .apptalkCta .mainGrid {
    padding: 60px 20px;
  }
  .apptalkCta .mainGrid .left h2 {
    font-size: 28px;
  }
  .apptalkCta .mainGrid .left p {
    font-size: 14px;
  }
  .apptalkCta .mainGrid .left .btnWrapper {
    flex-wrap: wrap;
  }
}
.listenEverywhere .single img {
  width: 62px;
  height: 62px;
  object-fit: contain;
}
.listenEverywhere {
  padding: 40px 0 80px;
}
.listenEverywhere .main {
  text-align: center;
}
.listenEverywhere .main h2 {
  font-size: 42px;
  font-weight: 600;
  color: #000;
  margin-bottom: 10px;
}
.listenEverywhere .main h2 span {
  color: #e80101;
}
.listenEverywhere .main p {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  color: #333;
  margin: auto;
  width: 60%;
}
.listenEverywhere .gridList {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  width: 70%;
  margin: 50px auto 0;
  /* gap: 20px; */
}
.listenEverywhere .gridList a {
  text-decoration: none;
}
.listenEverywhere .gridList .single {
  border: 1px solid #e8e8e8;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 20px;
  height: 170px;
  border-radius: 10px;
  background: #fff;
  transition: box-shadow 0.25s ease;
}
.listenEverywhere .gridList .single:hover {
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08);
}
.listenEverywhere .gridList .single h3 {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  margin: 0;
}
@media (max-width: 1200px) {
  .listenEverywhere .main h2 {
    font-size: 38px;
  }
}
@media (max-width: 991px) {
  .listenEverywhere .main h2 {
    font-size: 30px;
  }
  .listenEverywhere .main p {
    width: 100%;
  }
  .listenEverywhere .gridList {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .listenEverywhere {
    padding: 0 0 50px;
  }
  .listenEverywhere .main h2 {
    font-size: 28px;
  }
}
@media (max-width: 600px) {
  .listenEverywhere .gridList {
    grid-template-columns: 1fr 1fr;
  }
}