/* Auspian Elite main stylesheet
 * Keep it lean: mostly CSS variables + layout utilities + small overrides.
 */

:root {

  /* ============================= */
  /* Brand / Primary Colors */
  /* ============================= */

  --ausp-color-primary: #FFF2F3;
  /* Primary */
  --ausp-color-secondary: #31091C;
  /* Secondary / Dark */
  --ausp-color-dark-pink: #FD5F68;
  /* Dark Pink */
  --ausp-color-hot-pink: #DB2C5E;
  /* Hot Pink */

  /* ============================= */
  /* Text Colors */
  /* ============================= */

  --ausp-color-heading: #000000;
  /* Heading Black */
  --ausp-color-text: #333333;
  /* Faint Black */
  --ausp-color-subheading: #8C8C8C;
  /* Subheading Gray */
  --ausp-color-paragraph: #858585;
  /* Paragraph Gray */
  --ausp-color-muted: #6B7280;
  /* Muted (existing – 
    optional use) */
  /* New Color  added 5 mar 2026*/
  --ausp-color-gray-light: #A9A9A9;
  /* Light Gray Variant */

  /* ============================= */
  /* Utility / Base Colors */
  /* ============================= */

  --ausp-color-white: #FFFFFF;
  --ausp-color-gray-border: #DFDFDF;
  /* Border Gray */

  /* ============================= */
  /* Accent Colors */
  /* ============================= */

  --ausp-color-blue: #4E61FE;
  --ausp-color-yellow: #FEC403;
  --ausp-color-orange: #FF6601;
  /* New Global Color */
  --ausp-color-soft-lavender: #F1EDFF;


  /* ============================= */
  /* Gradients */
  /* ============================= */

  --ausp-gradient-primary: linear-gradient(90deg,
      #DB2C5E 0%,
      #FD5F68 100%);

  /* Typography (example using clamp for headings) added on 18 dec 2025 */
  /* --ausp-h1: clamp(2.4rem, 2vw + 2rem, 3.2rem);
  --ausp-h2: clamp(1.8rem, 1.5vw + 1.4rem, 2.4rem);
  --ausp-h3: clamp(1.4rem, 1.2vw + 1rem, 1.8rem); */
  /* ============================= */
  /* Font Family */
  /* ============================= */
  --ausp-font-primary: 'Poppins', sans-serif;

  /* ============================= */
  /* Font Weights */
  /* ============================= */
  --ausp-fw-regular: 400;
  --ausp-fw-medium: 500;
  --ausp-fw-semibold: 600;
  --ausp-fw-bold: 700;

  /* ============================= */
  /* Font Sizes (Fluid – clamp) */
  /* ============================= */
  /* Extra large handwritten heading */

  --ausp-fs-hero: clamp(1.8rem, 4vw + 0.8rem, 4.7rem);
  /* 48 → 75px */
  --ausp-fs-section: clamp(2rem, 4vw, 3.4rem);
  /* 35 → 55px */
  --ausp-fs-card-heading: clamp(1.5rem, 2.5vw, 2.2rem);
  /* 26 → 35px */
  --ausp-fs-6xl: clamp(2rem, 5.5vw, 4.375rem);
  ;
  /* NEW added 7 Feb 2026*/
  --ausp-fs-lg: clamp(1.125rem, 1.6vw, 1.56rem);
  /* 18 → 25px */
  --ausp-fs-md: clamp(1rem, 1.2vw + 0.8rem, 1.25rem);
  /* 20px */
  --ausp-fs-sm: 1rem;
  /* 16px */
  --ausp-fs-xs: 0.75rem;
  /* 12px */
  --ausp-fs-7xl: clamp(4rem, 8vw, 6.875rem);
  /* 64 → 110px */
  --ausp-fs-8xl: clamp(3.5rem, 5vw + 2rem, 7.5rem);
  /* ============================= */
  /* Line Heights */
  /* ============================= */

  --ausp-lh-hero: 1.2;
  /* ~90px on 75px */
  --ausp-lh-heading: 1.25;
  --ausp-lh-body: 1.6;
  --ausp-lh-tight: 1.1;

  /* Layout */
  --ausp-max-width: 1200px;
  --ausp-section-padding-block: 4rem;

  /* ============================= */
  /* Text Alignment */
  /* ============================= */
  --ausp-text-align: center;
  --asp-text-align-left: left;

  --ausp-fs-counter: clamp(2rem, 1.5rem + 1.25vw, 3.4375rem);
  --ausp-lh-counter: clamp(2rem, 1.75rem + 0.75vw, 2.75rem);

  --fs-counter-text: clamp(0.75rem, 0.6875rem + 0.3125vw, 0.875rem);
  /* 12px → 14px */
  --lh-counter-text: clamp(1.375rem, 1.25rem + 0.625vw, 1.5625rem);
  /* 22px → 25px */


}

/* Global body styling */
body {
  background-color: var(--ausp-color-bg);
  /* color: var(--ausp-color-white); */
  padding: 20px;
  
}

html,
body {
    overflow-x: hidden;
}

body {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    border: 20px solid #fff;
    pointer-events: none;
    box-sizing: border-box;
    z-index: 9999;
}
p, h3, h4, h5, h6, div, a, time {
    font-weight: 400;
}
.aus-author-info{
  width : auto !important;
  display : flex !important;
}
.aus-author-info .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow{
  
  display : flex !important;
  align-items: center !important;
  gap : 10px !important;
}
.aus-author-info .wp-block-post-author-name{
  margin : 0px !important;
}
/* Disable Selection Except Form Fields*/
/* body {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

input,
textarea,
select,
[contenteditable="true"] {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
} */

/*css classes fro font sizes added 18 dec 2025*/
/* ============================= */
/* Headings */
/* ============================= */

.heading-hero {
  font-family: var(--ausp-font-primary);
  font-size: var(--ausp-fs-hero);
  font-weight: var(--ausp-fw-bold);
  line-height: var(--ausp-lh-hero);
  color: var(--ausp-color-heading);
}

.heading-section {
  font-family: var(--ausp-font-primary);
  font-size: var(--ausp-fs-section);
  font-weight: var(--ausp-fw-bold);
  line-height: var(--ausp-lh-heading);
  color: var(--ausp-color-heading);
}

.heading-card {
  font-family: var(--ausp-font-primary);
  font-size: var(--ausp-fs-card-heading);
  font-weight: var(--ausp-fw-bold);
  line-height: var(--ausp-lh-tight);
}

.sub-heading {
  font-family: var(--ausp-font-primary);
  font-size: var(--ausp-fs-lg);
  font-weight: var(--ausp-fw-regular);
  line-height: var(--ausp-lh-tight);
  color: var(--ausp-color-subheading);
}

/*===================================*/
/* Margins For the Headings */
/*===================================*/
.heading-mb {
  margin-bottom: clamp(1.875rem, 1.4rem + 1vw, 2.94rem);
}

/* ============================= */
/* Text */
/* ============================= */

.text-lg {
  font-size: var(--ausp-fs-lg);
  line-height: 1.6;
}

.text-md {
  font-size: var(--ausp-fs-md);
  line-height: var(--ausp-lh-body);
}

.text-md-fw {
  font-weight: var(--ausp-fw-medium);
}

.text-mb {
    margin-bottom: clamp(1.25rem, 0.8rem + 2vw, 4.06rem);
}

.text-dark {
  color: var(--ausp-color-heading);
}

.text-seconday {
  color: var(--ausp-color-text);
}

.text-para {
  color: var(--ausp-color-paragraph);
}

.text-subhead {
  color: var(--ausp-color-subheading);
}

.text-sm {
  font-size: var(--ausp-fs-sm);
  line-height: var(--ausp-lh-body);
}

/* ============================= */
/* Buttons */
/* ============================= */

.btn-text {
  text-transform: uppercase;
}

.btn-txt-style {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 0.875rem;
  /* 14px */
  line-height: 1.5;
  /* scalable */
  letter-spacing: 0.2em;
  /* 20% from Figma */
  text-transform: uppercase;
}

/* Simple layout utilities */
.ausp-header,
.ausp-footer,
.ausp-hero,
.ausp-home-work {
  max-width: var(--ausp-max-width);
  margin-inline: auto;
  padding-inline: 1.5rem;
}

.ausp-header-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-block: 1rem;
}


.ausp-hero {
  padding-block: var(--ausp-section-padding-block);
}

.ausp-hero-inner h1 {
  font-size: var(--ausp-h1);
  margin-bottom: 1rem;
}

.ausp-hero-inner p {
  max-width: 600px;
  margin-bottom: 1.5rem;
  color: var(--ausp-color-muted);
}

.ausp-hero-buttons .wp-block-button__link {
  border-radius: 999px;
}

/* Home work section */
.ausp-home-work {
  padding-block: var(--ausp-section-padding-block);
}

.ausp-home-work-header h2 {
  font-size: var(--ausp-h2);
  margin-bottom: 0.5rem;
}

.ausp-home-work-header p {
  color: var(--ausp-color-muted);
}

.ausp-home-work-grid {
  margin-top: 2rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 1.75rem;
}

.ausp-home-work-card {
  background-color: var(--ausp-color-surface);
  border-radius: 0.75rem;
  padding: 1rem;
}

.ausp-home-work-card h3 {
  font-size: var(--ausp-h3);
  margin-top: 0.75rem;
}

.ausp-home-work-card p {
  color: var(--ausp-color-muted);
}

/* Footer */
.ausp-footer {
  padding-block: 2rem;
  text-align: center;
  color: var(--ausp-color-muted);
  font-size: 0.85rem;
}

/* css added by aarya*/
/* css classes for margin added 19 dec 2025*/
/* .mrg-rl{
margin: 0px 20px 0px 20px !important;
} */
.mrg-trbl {
  /* margin:20px !important; */
  padding: 20px;
}

/* .mrg-trl{
margin: 20px 20px 0px 20px !important;
} */
/* .mrg-rbl{
margin:0px 20px 20px 20px !important;
} */
.mrg-tb {
  padding: 20px 0px 20px 0px !important;
}

.hero-mrg {
  margin: 20px 20px -125px 20px !important;
}

.flex-btn a {
  display: flex !important;
  flex-direction: row !important;
  gap: 10px !important;
}

.flex-btn a :hover {
  display: flex !important;
  flex-direction: row !important;
  gap: 15px !important;
}

.hide-block {
  display: none !important;
}

/* Popup menu hidden state */
.home-popup-menu {
  position: fixed;
  inset: 0;
  /* background-color: rgba(0, 0, 0, 0.95); */
  /* color: white; */
  /* display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; */
  transform: translateY(-100%);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: transform 0.45s ease, opacity 0.3s ease, visibility 0.3s ease;
}

/* Show menu when body has 'home-menu-open' */
/* body.home-menu-open .home-popup-menu {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  z-index: 999;
} edited on 20 dec 2025 fo renable scoll on mobile*/
body.home-menu-open .home-popup-menu {
  transform: translateY(0) !important;
  opacity: 1 !important;
  visibility: visible;
  pointer-events: auto;
  z-index: 999;
  overflow-y: auto;
  /* allow internal scrolling */
  max-height: 100vh;
  /* ensure it fits the viewport */
  -webkit-overflow-scrolling: touch;
  /* smoother on iOS */
}

.menu-toggle-home,
.menu-close-home {
  background: none;
  border: none;
  /* color: white; */
  font-size: 1rem !important;
  cursor: pointer;
}

/* Disable page scroll when menu open */
body.home-menu-open {
  overflow: hidden;
}

.ausp-nav {
  text-decoration: none !important;

}

.ausp-nav:hover {
  color: var(--ausp-color-dark-pink) !important;
  text-decoration: none !important;
}

.txt-dec a {
  text-decoration: none !important;
}

.txt-dec:hover {
  text-decoration: none;
}

.txt-dec a:hover {
  text-decoration: none !important;
}

.accordian-head a:hover {
  text-decoration: none !important;
}

.nobrdr a {
  border: none !important;
}

.wht-txt {
  color: var(--ausp-color-white) !important;
}

.srv-mrgn-btm {
  margin: 0px 20px 100px 20px;
}

.hero-title {
  background: linear-gradient(90deg, #DB2C5E, #FD5F68);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  /* Firefox with flag */
  color: transparent;
  /* fallback */
}

/* =============================
   HERO IMAGE POSITIONING ONLY
   ============================= */

/* LEFT SHAPE IMAGE */
/* .hro-asset-left { */
/* position: absolute;
    bottom: 20px;
    left: 170px;
    width: 17em;
    z-index: 1 !important;
    pointer-events: none;
    right: 100; */
/* } */
/* RIGHT GRADIENT CIRCLE */
/* .hro-asset-right { */
/* position: absolute;
    right: 222px;
    top: -224px;
    width: 447px;
    height: 301px;
    pointer-events: none; */
/* } */

/* ============================= */
/* Fade In Up Animation */
/* ============================= */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(50px);
  }

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

/* ============================= */
/* LEFT SHAPE IMAGE */
/* ============================= */
.hro-asset-left {
  position: absolute;
  bottom: 20px;
  left: 170px;
  width: 17em;
  z-index: 1;
  pointer-events: none;

  /* Animation */
  opacity: 0;
  animation: fadeInUp 1.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  animation-delay: 0.3s;

  will-change: transform, opacity;
}

/* ============================= */
/* RIGHT GRADIENT CIRCLE */
/* ============================= */
.hro-asset-right {
  position: absolute;
  right: 222px;
  top: -224px;
  width: 447px;
  height: 301px;
  pointer-events: none;

  /* Animation */
  opacity: 0;
  animation: fadeInUp 2.2s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  animation-delay: 0.6s;

  will-change: transform, opacity;
}

/* ============================= */
/* Accessibility – Reduced Motion */
/* ============================= */
@media (prefers-reduced-motion: reduce) {

  .hro-asset-left,
  .hro-asset-right {
    animation: none;
    opacity: 1;
    transform: none;
  }
}

.srvc-item {
  position: relative;
  transition: background-color 0.4s ease;
}

.srvc-item:hover {
  background-color: #31091C;
}

/* Learn More button text must NOT change */
.srvc-item .btn-text a {
  color: inherit;
  transition: color 0.3s ease;
}

/* Prevent override */
.srvc-item:hover .btn-text a {
  color: inherit;
}

.srvc-media {
  position: relative;
  overflow: hidden;
}

.srvc-overlay-btn {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: scale(0.9);
  transition: opacity 0.4s ease, transform 0.4s ease;
  pointer-events: none;
}

.srvc-item:hover .srvc-overlay-btn {
  opacity: 1;
  transform: scale(1);
  pointer-events: auto;
}

.srvc-text {
  transition: color 0.3s ease;
}

.srvc-item:hover .srvc-text {
  color: #ffffff !important;
}

/* Pink dot utility */
.has-pink-dot span.pink-dot {
  color: var(--wp--preset--color--pink, #FD5F68);
}

/*======================================*/
/*client marquee*/
.client-logo-marquee {
  overflow: hidden;
  width: 100%;
  padding: 2rem 0;
}

.client-logo-marquee .logo-track {
  display: flex;
  align-items: center;
  gap: 8rem;
  width: max-content;
  animation: marquee 25s linear infinite;
  will-change: transform;
}

.client-logo-marquee:hover .logo-track {
  animation-play-state: paused;
}

.client-logo-marquee img {
  height: 80px;
  width: auto;
  max-width: none;
  object-fit: contain;
}

/* Animation */
@keyframes marquee {
  from {
    transform: translateX(0);
  }

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

/* Tablet */
@media (max-width: 1024px) {
  .client-logo-marquee img {
    height: 60px;
  }

  .client-logo-marquee .logo-track {
    gap: 3rem;
  }
}

/* Mobile */
@media (max-width: 640px) {

  .client-logo-marquee img {
    height: 52px;
  }

  .client-logo-marquee .logo-track {
    gap: 2rem;
  }
}

/*css for features cards slider*/
.features-text p {
  font-size: 1rem;
}

.features-nav {
  display: flex;
  gap: 0.5rem;
}

.feature-title {
  font-size: 1.563rem;
  margin-top: 2rem;
  margin-bottom: 1rem
}

.feature-desc {
  font-size: 1rem;
}

.slider-nav {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  background-color: #eee;
  font-weight: bold;
}

/* ================= SLIDER ================= */
.ausp-slider-track,
.ausp-slider-track * {
  user-select: none;
  -webkit-user-select: none;
}

.ausp-feature-slider {
  overflow: hidden;
  width: 100%;
  background-color: #FFF2F3;
}

.ausp-slider-track {
  display: flex;
  gap: 1rem;
  overflow-x: hidden;
  scroll-behavior: smooth;
  background-color: #FFF2F3;
  cursor: grab;
  scroll-snap-type: x mandatory;
  overflow-x: auto;
  overflow-y: hidden;
  /* Hide scrollbar */
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y pan-x;
}

.ausp-slider-track:active {
  cursor: grabbing;
}

.ausp-slider-track::-webkit-scrollbar {
  display: none;
}


/* CARD */
.feature-card {
  flex: 0 0 calc(25% - 0.75rem);
  /* desktop base */
  background: #31091C;
  color: #fff;
  padding: 30px;
  border-radius: 0px;
  min-height: 325px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  font-family: var(--ausp-font-primary);
  font-weight: 400;
  text-align: left;
  flex-direction: column;
  row-gap: 0px !important;
  scroll-snap-align: start;
}


/* PARTIAL CARD 70% VISIBLE ON DESKTOP */
@media (min-width: 1025px) {
  .feature-card {
    flex: 0 0 25%;
  }

}

/* TABLET */
@media (max-width: 1024px) {
  .feature-card {
    flex: 0 0 50%;
  }
}

/* MOBILE */
@media (max-width: 640px) {
  .features-header {
    grid-template-columns: 1fr;
    gap: 0.5rem;
  }

  .feature-card {
    flex: 0 0 100%;
  }
}



/*css for features cards slider ends here*/

/*blog cards slider css added 30 dec 2025*/
/* Force Query Loop to behave as slider track */
/* ===== Slider viewport ===== */
/* ===== BLOG SLIDER FINAL ===== */

/* Slider viewport */
.blog-slider {
  overflow: hidden;
}

/* Scrolling track */
.blog-slider-track>ul.wp-block-post-template {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 2rem;
  overflow-x: auto;
  scroll-behavior: smooth;
  padding-bottom: 1rem;


  /* hide scrollbar */
  scrollbar-width: none;
}

.blog-slider-track>ul::-webkit-scrollbar {
  display: none;
}

/*blog image aspect ratio and position*/
.blog-img {
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

.blog-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* fill & crop */
  object-position: center;
  /* center center */
  display: block;
}


/* Desktop – exactly 3 FULL cards */
.blog-slider-track li.wp-block-post {
  flex: 0 0 calc((100% - 4rem) / 3);
}

.blog-slider-track>ul.wp-block-post-template {
  overscroll-behavior-x: contain;
  overscroll-behavior-y: none;
  touch-action: pan-x;
  scroll-snap-type: x mandatory;
  /*snap */
}

.blog-slider-track li.wp-block-post {
  scroll-snap-align: start;
}

/* Tablet – exactly 2 FULL cards */
@media (max-width: 1024px) {
  .blog-slider-track li.wp-block-post {
    flex: 0 0 calc((100% - 2rem) / 2);
  }
}

/* Mobile – exactly 1 FULL card */
@media (max-width: 640px) {
  .blog-slider-track li.wp-block-post {
    flex: 0 0 100%;
  }
}

.review-prev:where(.wp-site-blocks :focus) {
  outline-style: none !important;
  outline-width: 0px !important;
}

.review-next:where(.wp-site-blocks :focus) {
  outline-style: none !important;
  outline-width: 0px !important;
}

/*About Us Page*/
/*overlay css for team banner image added 5 feb 2026*/
.team-banner {
  position: relative;
  overflow: hidden;
}

.team-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #333333;
  opacity: 0.3;
  /* adjust overlay strength */
  z-index: 1;
  pointer-events: none;
}

/* Ensure content stays above overlay */
.team-banner * {
  position: relative;
  z-index: 2;
}

/*Team fetaure heaidng pattern css*/
.section-heading {
  display: inline-flex;
  align-items: center;
  /* NOT flex-start */
  gap: 0px;
  /* tighter like Figma */
}

.section-heading h3 {
  margin: 0;
  font-family: var(--ausp-font-primary);
  font-size: 25px;
  font-weight: 500;
  line-height: 44px;
  color: #333333;
}

.section-heading .heading-icon {
  display: flex;
  align-items: center;
  transform: translateY(-14px);
  /* optical correction */
}

.section-heading .heading-icon img {
  width: 16px;
  /* Figma visual size */
  height: 16px;
  display: block;
}

.team-fea-two {
  text-align: center !important;
}

.team-fea-three {
  text-align: right !important;
}

/*team grid*/
/*about us page our design partner gradient heading style*/
.abt-gardient-heading {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 2.188rem;
  line-height: 2.5rem;
  letter-spacing: 0.23em;
  /* 23% */
  text-transform: uppercase;
  text-align: center;

  background: linear-gradient(90deg,
      #FBDDDD 0%,
      #FFDBB1 48.5%,
      #FF868D 100%);

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  /* fallback */
}

.design-partner {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

/*mission and vision section css*/
.vision-col-wrp {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(1.5rem, 3vw, 3rem);
  align-items: center;
}

/* SVG Divider */
.vision-col-wrp::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 15%;
  bottom: 15%;
  width: 20px;
  /* controls thickness */
  transform: translateX(-50%);

  background: url('https://seashell-mouse-114543.hostingersite.com/wp-content/uploads/2026/02/about-divider.svg') no-repeat center;
  background-size: contain;
  height: 25rem
}

/*team grid*/
.team-grid {
  gap: 1.5rem !important;
}

/* Star base style */
.icon-star-rotate {
  display: inline-flex;
  transition: transform 1.1s ease-in-out;
  transform-origin: center;
}

/* Hover directly on star */
.icon-star-rotate:hover {
  transform: rotate(300deg) scale(1.03);
}

/* Hover anywhere on card */
.card-hover-animate:hover .icon-star-rotate {
  transform: rotate(300deg) scale(1.03);
}


/*services page css starts here*/
/* Card base */
.service-card {
  position: relative;
  overflow: hidden;
}

/* Overlay that hides decorative background */
.service-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  /* same as card background */
  transition: opacity 0.4s ease;
  z-index: -1;
}


/* Remove overlay on hover */
.service-card:hover::after {
  opacity: 0;
}

/* Keep main content above overlay */
.service-card .wp-block-columns {
  position: relative;
  z-index: 3;
}

/* Button hidden without reserving space */
.service-btn-wrap {
  position: absolute;
  /* removes from layout */
  bottom: 20px;
  /* adjust if needed */
  left: 20px;
  /* aligned left (not centered) */
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.4s ease, transform 0.4s ease;
  z-index: 3;
}

/* Show button on hover */
.service-card:hover .service-btn-wrap {
  opacity: 1;
  transform: translateY(0);
}

/*services page css ends here*/

/*services details style*/
.wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {
  text-decoration: none !important;
}

/*services details cappabilities card image hover*/
.capabilities-card {
  position: relative;
  overflow: hidden;
}



/* keep card content above */

.capabilities-card>* {
  position: relative;
  z-index: 2;
}

/*impact card hover*
/* Impact Card Base */
.impact-card {
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

/* Hover Effect */
.impact-card:hover {
  box-shadow: 4px 15px 21px 6px #0000001A;
  transform: translateY(-4px);
}

/* grid */
.tech-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  max-width: 1239px;
  margin: 0 auto;
  width : 100% !important;
  
}

/* card */
.tech-item {
  background: #F6EAEA;
  padding: 30px 10px;
  text-align: center;
  width: 150px;
  margin-top: 0rem;
}

/* icon */
.tech-item img {
  height: 40px;
  margin-bottom: 10px;
}

/* tablet */
@media (max-width:1024px) {

  .tech-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .tech-item:nth-child(n+4) {
    transform: translateX(0px) !important;
  }

  .tech-item:nth-child(-n+3) {
    transform: translateX(0px) !important;
  }
}

/* mobile */
@media (max-width:600px) {

  .tech-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }

  .tech-item {
    padding: 20px 10px;
  }

}

/* desktop stagger layout */
@media (min-width:1025px) {

  .tech-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0px;
    max-width: 900px;
    margin: auto;
  }

  /* shift entire first row to the right */
  .tech-item:nth-child(-n+3) {
    transform: translateX(95px);
  }

  /* shift second row to left */
  .tech-item:nth-child(n+4) {
    transform: translateX(-55px);
  }

}

.pink-bullet-list li {
  color: #333333;
  /* text color */
}

.pink-bullet-list li::marker {
  color: #DB2C5E;
  /* bullet color */
}

.pink-heading {
  color: #DB2C5E !important;
}

/*capabilities top margin*/
.capabilitis-margin-list {
  margin-top: -100px !important;
}

/*fix header and banner services details*/
.hdr-wrapper {
  position: absolute;
  top: 25px;
  left: 0;
  width: 100%;
  z-index: 50;
}

.srvc-det-ban-wrp {
  position: relative;
  z-index: 1;
}


/*css to rmeove outline onfocus which created border onclick blocks added 18 mar 2026*/
/* Remove default focus only for clickable elements */
*:focus {
  outline: none !important;
  box-shadow: none !important;
}

*:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

/*css for technologies grid section for service details pages*/
/* ===================== */
/* FORCE GRID FIX */
/* ===================== */

.tech-grid {
  display: grid !important;
  gap: 30px;
}

/* ===================== */
/* 6 GRID */
/* ===================== */

.tech-grid:not(.tech-grid-7):not(.tech-grid-8) {
  grid-template-columns: repeat(3, 1fr) ;
}

/* remove default + */
.wp-block-accordion-heading__toggle-icon {
  font-size: 0;
  position: relative;
  width: 20px;
  height: 20px;
  display: inline-block;
}

/* ===================== */
/* 7 GRID FINAL FIX */
/* ===================== */

@media (min-width:1025px) {

  .tech-grid-7 {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 0px;
    justify-items: center;

    /* OVERRIDE GUTENBERG */

    width: 100% !important;
  }

  /* make items behave properly */
  .tech-grid-7>.tech-item {
    max-width: 155px;
    width: 100%;
  }

  /* shift entire first row to the right */
  .tech-item:nth-child(-n+3) {
    transform: translateX(95px);
  }

  /* place first 3 items centered */
  .tech-grid-7>.tech-item:nth-child(1) {
    grid-column: 2;
  }

  .tech-grid-7>.tech-item:nth-child(2) {
    grid-column: 3;
  }

  .tech-grid-7>.tech-item:nth-child(3) {
    grid-column: 4;
  }

  /* stagger */
  .tech-grid-7>.tech-item:nth-child(-n+3) {
    transform: translateX(-130px);
  }

  .tech-grid-7>.tech-item:nth-child(n+4) {
    transform: translateX(25px);
  }

}

/* ===================== */
/* 7 GRID - TABLET & MOBILE */
/* ===================== */

@media (max-width:1024px) {

  .tech-grid-7 {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 30px;
  }

  /* RESET EVERYTHING */
  .tech-grid-7>.tech-item {
    transform: none !important;
    grid-column: auto !important;
    max-width: 100%;
    width: 100%;
  }

}

/* ===================== */
/* 8 GRID */
/* ===================== */

@media (min-width:1025px) {

  .tech-grid.tech-grid-8 {
    grid-template-columns: repeat(4, 1fr) !important;
    column-gap: 145px;
  }

  /* FIX: Gutenberg stretching issue */
  .tech-grid.tech-grid-8 .tech-item {
    max-width: 160px;
    margin: 0 auto;
  }

  /* TOP → RIGHT */
  .tech-grid.tech-grid-8 .tech-item:nth-child(-n+4) {
    transform: translateX(80px) !important;
  }

  /* BOTTOM → LEFT */
  .tech-grid.tech-grid-8 .tech-item:nth-child(n+5) {
    transform: translateX(-66px) !important;
  }

}

.tech-grid.tech-grid-8 .tech-item:nth-child(-n+4) {
  transform: translateX(28px) !important;
}

.tech-grid.tech-grid-8 .tech-item:nth-child(n+5) {
  transform: translateX(-118px) !important;
}

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

@media (max-width:1024px) {

  .tech-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .tech-grid.tech-grid-8 .tech-item:nth-child(-n+4) {
    transform: translateX(0px) !important;
  }

  .tech-grid.tech-grid-8 .tech-item:nth-child(n+5) {
    transform: translateX(0px) !important;
  }

  /* RESET */
  .tech-grid .tech-item {
    transform: none !important;
    grid-column: auto !important;
    max-width: 100%;
  }

}

/*FAQ accordian style css as per figma*/

/* CLOSED state → show OPEN icon */
.wp-block-accordion-heading__toggle-icon::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background: url("https://seashell-mouse-114543.hostingersite.com/wp-content/uploads/2026/03/accordian-open.svg") no-repeat center;
  background-size: contain;
}

/* OPEN state → show CLOSE icon */
.wp-block-accordion-heading__toggle[aria-expanded="true"] .wp-block-accordion-heading__toggle-icon::before {
  background: url("https://seashell-mouse-114543.hostingersite.com/wp-content/uploads/2026/03/accordian-close.svg") no-repeat center;
  background-size: contain;
}

/* remove default + */
.wp-block-accordion-heading__toggle-icon {
  font-size: 0;
  position: relative;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* icon base (accordion CLOSED) */
.wp-block-accordion-heading__toggle-icon::before {
  content: "";
  width: 18px;
  height: 18px;
  display: block;
  background: url("https://seashell-mouse-114543.hostingersite.com/wp-content/uploads/2026/03/accordian-close.svg") no-repeat center;
  background-size: contain;
  transition: transform .3s ease;
  transform-origin: center;
}

/* when accordion opens */
.wp-block-accordion-heading__toggle[aria-expanded="true"] .wp-block-accordion-heading__toggle-icon::before {
  background: url("https://seashell-mouse-114543.hostingersite.com/wp-content/uploads/2026/03/accordian-open.svg") no-repeat center;
  background-size: contain;
  transform: rotate(315deg);
}

/*style css for bullet list with dark pink bullet points*/
.pink-bullet-list li {
  color: #333333;
  /* text color */
}

.pink-bullet-list li::marker {
  color: #DB2C5E;
  /* bullet color */
}

.pink-heading {
  color: #DB2C5E !important;
}

/*capabilities top margin*/
.capabilitis-margin-list {
  margin-top: -100px !important;
}

/*============================= */
/* Framework Card */
/* Frosted Glass Hover Effect */
/* ============================= */

.framework-card {
  position: relative;
  overflow: hidden;
  background: transparent;
  transition: box-shadow .35s ease, transform .35s ease;
}

/* glass layer */

.framework-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #FFFFFF1A;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  opacity: 0;
  transition: opacity .35s ease;
}

/* hover effect */

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

.framework-card:hover {
  box-shadow: 13px 11px 33px 1px #00000026;
  transform: translateY(-4px);
}

/* keep content above glass layer */

.framework-card>* {
  position: relative;
  z-index: 1;
}

/*fix header and banner services details*/
.hdr-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 50;
}

.srvc-det-ban-wrp {
  position: relative;
  z-index: 1;
}

/*home page reviews slider css*/
/* =========================
   WRAPPER
========================= */
.reviews-slider-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  cursor: grab;
  overflow-x: auto;
  overflow-y: hidden;
touch-action: pan-y pan-x;
  scrollbar-width: none;
  -ms-overflow-style: none;

  -webkit-overflow-scrolling: touch;
}

.reviews-slider::-webkit-scrollbar {
  display: none;
}

.reviews-slider * {
  -webkit-user-drag: none;
  user-select: none;
}

/* Desktop only: 3 full + 70–80% of 4th */
@media (min-width: 1025px) {
  .reviews-slider-wrapper {
    max-width: calc(400px * 3 + 400px * 0.75 + 20px * 3);
  }
}

/* =========================
   SLIDER TRACK
========================= */
.reviews-slider {
  display: flex;
  gap: 20px;
  /* transition: transform 0.5s ease;
  will-change: transform; */
}

.reviews-slider {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  /* ✅ KEY CHANGE */
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}

/* Hide scrollbar */
.reviews-slider::-webkit-scrollbar {
  display: none;
}

.reviews-slider {
  scrollbar-width: none;
  cursor: grab;
}

.reviews-slider {
  overscroll-behavior-x: contain;
  overscroll-behavior-y: auto;
  /*allow page scroll */
}

/* =========================
   NAVIGATION
========================= */
.reviews-nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-bottom: 20px;
  max-width: 1240px;
}

.reviews-nav button {
  background: transparent;
  border: none;
  cursor: pointer;
}

/* =========================
   CARD STYLES
========================= */
.review-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding : 20px !important;
  flex: 0 0 400px;
  height: 514px;

  background: #F1EDFF;
  box-sizing: border-box;
}

.review-card:hover {
  border-radius: 0px 150px 0px 0px;
}

.review-card.even {
  background: #FFF2F3;
}

.reviewer-img-wrap{
    width:120px;
    height:80px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}

.reviewer-img{
    max-width:100%;
    max-height:100%;
    width:auto;
    height:auto;
    object-fit:contain;
    display:block;
}
.reviews-slider .review-card {
  pointer-events: auto;
  overflow: hidden;
}

/* =========================
   REVIEW TEXT
========================= */

.review-text {
  font-family: Poppins;
  font-weight: 400;
  color: #333333;
  padding: 73px 20px 0px 20px;
  font-size: clamp(0.9375rem, 0.9rem + 0.2vw, 1.1rem);
  line-height: 1.5;
}

/* =========================
   REVIEWER INFO
========================= */
.reviewer-info {
  display: flex;
  align-items: center;
  gap: 70px;
  padding: 0px;
}

/* .reviewer-img {
  width: 100px;
  height: 100px;
  border-top-right-radius: 100px;
  object-fit: cover;
  object-position: center;
  display: block;
} */

.reviewer-details {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.reviewer-name {
  font-family: Poppins;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  color: #000000;
}

.reviewer-position {
  font-family: Poppins;
  font-weight: 400;
  font-size: 15px;
  line-height: 100%;
  color: #727272;
}

.reviews-slider {
  overflow-x: auto;
  scroll-behavior: smooth;

  /* Disable all manual interaction */
  pointer-events: auto;
}

.reviews-slider .review-card {
  pointer-events: auto;
  /* keep buttons/links inside cards clickable */
}

/* REVIEWER ROW (NO CHANGE TO EXISTING STRUCTURE) */


/* PUSH BUTTON RIGHT */
.review-play-btn {
  margin-left: auto;
}

/* WHITE PLAY BUTTON */
.review-play-btn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #fff;
  border: none;
  cursor: pointer;

  display: flex;
  align-items: center;
  justify-content: center;

  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
}

.review-play-btn:hover {
  transform: scale(1.1);
}

/* TRIANGLE */
.play-icon {
  width: 0;
  height: 0;
  border-left: 12px solid #000;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  margin-left: 3px;
}

/* LIGHTBOX */
.review-video-modal {
  position: fixed;
  inset: 0;
  display: none;
  z-index: 9999;
}

.review-video-modal.active {
  display: block;
}

.review-video-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.85);
}

.review-video-content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 650px;
  transform: translate(-50%, -50%);
}

.review-video-content iframe {
  width: 100%;
  height: 450px;
  background: #000;
}

/* CLOSE BUTTON */
.review-video-close {
  position: absolute;
  top: -45px;
  right: 0;

  width: 36px;
  height: 36px;

  display: flex;
  align-items: center;
  justify-content: center;

  background: #fff;
  color: #000;
  font-size: 30px;

  border-radius: 50%;
  cursor: pointer;

  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

/* =========================
   TABLET: 2 CARDS
========================= */
@media (max-width: 1024px) and (min-width: 768px) {
  .reviews-slider-wrapper {
    max-width: 100%;
  }

  .review-card {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .reviews-nav {
    display: flex;
    align-items: center !important;
    justify-content: center !important;
    padding-bottom: 20px;
    max-width: 1240px;
  }
}

/* =========================
   MOBILE: 1 CARD
========================= */
@media (min-width: 300px) and (max-width: 639px) {
  .reviews-slider-wrapper {
    max-width: 100%;
  }

 .review-card {
        flex: 0 0 100%;
        max-width: 100%;
        height: 100%;
        min-height: 500px;
    }
  .review-text {
    font-size: 18px;
    line-height: 30px;
    padding: 40px 24px 0 24px;
    max-width: 370px;
  }

  .reviews-nav {
    justify-content: center !important;
  }

  /* =========================
   VIDEO MODAL FIX (RESPONSIVE)
========================= */

  /* Container */
  .review-video-content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 650px;
    transform: translate(-50%, -50%);
  }

  /* ✅ Responsive video wrapper */
  .review-video-content video {
    width: 100%;
    height: auto;
    max-height: 80vh;
    /* prevents overflow */
    background: #000;

  }

  /* Close button fix for mobile */
  .review-video-close {
    top: -40px;
    right: 0;
  }

  /* =========================
   MOBILE FIX
========================= */
  @media (max-width: 768px) {

    body {
      padding: 0px;
    }

    .review-video-content {
      width: 95%;
      max-width: 100%;
    }

    .review-video-content video {
      width: 100%;
      height: auto;
      max-height: 70vh;
    }

    .review-video-close {
      top: -35px;
      right: 5px;
      width: 32px;
      height: 32px;
      font-size: 24px;
    }
  }

  /*single case study*/
  /*case study gallery slider*/
  /* 1. Hide arrow buttons */
  .asc-slider-area .slick-arrow {
    display: none !important;
  }

  /* 2. Remove parent <p> ONLY if it contains arrows */
  .asc-slider-area p:has(.slick-arrow) {
    display: none !important;
  }

  /* 3. Remove empty paragraphs inside slides */
  .asc-slider-area .asc-slide>p:empty {
    display: none;
  }

  /* 4. Remove unwanted <br> */
  .asc-slider-area br {
    display: none;
  }

}



@media (min-width: 640px) and (max-width:768px) {
  .review-card {
        flex: 0 0 100%;
        max-width: 100%;
        height: 100%;
        min-height: 500px;
    }

  .reviews-nav {
    justify-content: center !important;
  }
}

:where(.wp-site-blocks)>* {
  margin-block-start: 0 !important;
}

/* =========================
   HOME PAGE WORK SLIDER CSS
========================= */

/* SECTION */
.solution-slider-section {
  width: 100%;
  overflow: hidden;
  position: relative;
}

/* SLIDER */
.solution-slider {
  display: flex;
  flex-wrap: nowrap;
  overflow: visible;
  cursor: grab;
  touch-action: pan-y;
  will-change: transform;
  transform: translate3d(0, 0, 0);
}

.solution-slider:active {
  cursor: grabbing;
}

/* CARD */
.solution-card {
  position: relative;
  flex: 0 0 1580px;
  flex-shrink: 0;
  height: 800px;

  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;

  will-change: transform;
  transform-origin: center center;
  backface-visibility: hidden;
}

/* GRADIENT */
.solution-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top,
      rgba(0, 0, 0, 0.45) 0%,
      rgba(0, 0, 0, 0.15) 35%,
      rgba(0, 0, 0, 0) 70%);
  z-index: 1;
}

/* BOTTOM CONTENT */
.card-bottom {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 60px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 40px;
  z-index: 2;
}

/* CONTENT */
.solution-content {
  width: 60%;
  color: #fff;
}

.project-title {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: clamp(28px, 4vw, 55px);
  margin-bottom: 16px;
}

.project-desc {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: clamp(15px, 1.8vw, 20px);
  max-width: 650px;
}

/* TAGS */
.project-tags {
  width: 30%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 16px 20px;
}

.project-tags span {
  padding: 10px 22px;
  border-radius: 50px;
  border: 1px solid rgba(255, 255, 255, .8);
  background: rgba(255, 255, 255, .12);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-size: clamp(14px, 1.2vw, 16px);
  white-space: nowrap;
}

/* CURSOR FOLLOW BUTTON */
.view-project-btn {
  left: 0;
  top: 0;
}

/* Hide the cursor-follow button the instant a real drag starts,
   so it doesn't sit there looking clickable mid-slide */
.solution-slider.is-dragging .view-project-btn {
  opacity: 0 !important;
  pointer-events: none !important;
}




.view-project-btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;

  transform: translate(-50%, -50%);
  border-radius: 50%;

  background:
    linear-gradient(135deg, #DB2C5E, #FD5F68);

  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;

  box-shadow:
    0 15px 50px rgba(219, 44, 94, .4);

  opacity: 0;
  z-index: 20;
}
/* 
.view-project-btn span::after {
  content: "↗";
  font-size: 12px;
  font-weight: 300;
} */


.view-project-btn span {
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height : 12px;
  text-align: center;
}

.solution-card:hover .view-project-btn {
  opacity: 1;
  pointer-events: auto;
}

/* =========================
   TABLET
========================= */
@media (max-width:1024px) {

  .solution-slider-section {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
  }

  .solution-slider {
    display: flex;
    flex-wrap: nowrap;
    overflow: visible;
  }

  .solution-card {
    flex: 0 0 100vw;
    height: 650px;
  }

  .card-bottom {
    padding: 40px;
  }

  .solution-content {
    width: 65%;
  }

  .project-tags {
    width: 35%;
  }

}

/* =========================
   MOBILE
========================= */
@media (max-width:768px) {

  .solution-slider-section {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
  }

  .solution-slider {
    display: flex;
    flex-wrap: nowrap;
    overflow: visible;
  }

  .solution-card {
    flex: 0 0 100vw;
    height: 500px;
  }

  .card-bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding: 30px;
  }

  .solution-content {
    width: 100%;
  }

  .project-tags {
    width: 100%;
    justify-content: flex-start;
  }

  .view-project-btn {
    display: none;
  }

}

/* SMALL MOBILE */
@media (max-width:480px) {

  .solution-card {
    height: 500px;
  }

  .project-title {
    font-size: 26px;
  }

  .project-desc {
    font-size: 14px;
  }

}

/*knowledge built through experience home page slider*/
/* RESET */
* {
  box-sizing: border-box;
}

/* ==============================
   SLIDER WRAPPER
============================== */

.view-project-btn {
  left: 0;
  top: 0;
}

.work-slider-track.is-dragging .view-project-btn {
  opacity: 0 !important;
  pointer-events: none !important;
}


.work-slider-track * {
  -webkit-user-drag: none;
  user-drag: none
}

.work-slider {
  position: relative;

}

.work-slider-viewport {
  overflow: hidden;
  width: 100%;
}

/* 
.work-slider-track {
  display: flex;
  gap: 30px;
  transition: transform 0.4s ease;
} */
.work-slider-viewport {
  overflow: hidden;
  width: 100%;
}

.work-slider-track {
  display: flex;
  gap: 30px;
  overflow: visible;
  /* was overflow-x: auto */
  cursor: grab;
  touch-action: pan-y;
  /* allow vertical page scroll, GSAP owns horizontal */
  will-change: transform;
  transform: translate3d(0, 0, 0);
}

/* Hide scrollbar */
.work-slider-track::-webkit-scrollbar {
  display: none;
}

.work-slider-track {
  scrollbar-width: none;
  cursor: grab;
}

/* ==============================
   WORK CARD
============================== */
.work-card {
  flex: 0 0 76%;
    /* Desktop: 1 full + 30% next
      Use clamp(min, preferred, max) so height scales between mobile
      and large-desktop. The preferred formula yields 430px at 1440px.
      min: 360px (mobile), preferred: calc(6.25vw + 340px), max: 684px */
  min-height: clamp(430px, calc(52.92vw - 332px), 684px);
  border-radius: 25px;
  padding: 40px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  color: #ffffff;
  position: relative;

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

}

/* Optional dark overlay for readability */
.work-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg,
      rgba(0, 0, 0, 0.1),
      rgba(0, 0, 0, 0.6));
  border-radius: 25px;
  z-index: 0;
}

/* Keep content above overlay */
.work-card>* {
  position: relative;
  z-index: 1;
}

/* ==============================
   LEFT CONTENT (BOTTOM LEFT)
============================== */
.work-left {
  max-width: 70% !important;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: auto;
  /* push to bottom */
}

.work-meta {
  font-family: Poppins, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
}

.work-title {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: clamp(24px, calc(1.8vw + 18px), 55px);
  line-height: clamp(28px, calc(1.8vw + 22px), 60px);
  letter-spacing: 0;
  margin: 0;
}


.work-desc {
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
}

/* ==============================
   RIGHT TAGS (BOTTOM RIGHT)
============================== */
.work-right {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  max-width: 30% !important;
  justify-content: flex-end;
  align-content: flex-end;
  margin-top: auto;
}

.work-tag {
  border: 1px solid #ffffff;
  border-radius: 25px;
  padding: 6px 14px;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  white-space: nowrap;
}


.work-card {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.work-btn {
  left: 0;
  top: 0;
}

/* Hide the cursor-follow button the instant a real drag starts,
   so it doesn't sit there looking clickable mid-slide */



.solution-card:hover .work-btn {
  opacity: 1;
  pointer-events: auto;
}

.work-btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;

  transform: translate(-50%, -50%);
  border-radius: 50%;

  background:
    linear-gradient(135deg, #DB2C5E, #FD5F68);

  color: #fff;
  font-size: 10px;
  font-weight: 600;
  text-decoration: none;
  line-height :12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;

  box-shadow:
    0 15px 50px rgba(219, 44, 94, .4);

  opacity: 0;
  z-index: 20;
}

/* .work-btn::before {
  content: "↗";
  font-size: 12px;
  font-weight: 300;
} */

.work-slider-track.is-dragging .work-btn {
  opacity: 0 !important;
}


/* ==============================
   TABLET (1 FULL CARD)
============================== */
@media (max-width: 1024px) {
  .work-card {
    flex: 0 0 100%;
  }

  .work-title {
    font-size: 42px;
    line-height: 48px;
  }

  .work-left {
    max-width: 100% !important;
  }

  .work-slider {
    position: relative;
    padding: 20px;
  }

  .work-card {
    flex: 0 0 100%;
    height: 500px;
    border-radius: 25px;
    padding: 30px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    color: #ffffff;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    flex-direction: column;
  }

  .work-right {
    max-width: 100% !important;
    margin-top: 20px;
  }
}

/* ==============================
   MOBILE (1 FULL CARD)
============================== */
@media (min-width: 300px) and (max-width: 640px) {
  .work-card {
    flex: 0 0 100%;
    height: auto;
    padding: 24px;
  }

  .work-left {
    max-width: 100% !important;
    gap: 5px !important;
  }

  .work-title {
    font-size: 28px;
    line-height: 34px;
  }

  .work-slider {
    padding: 10px 10px 10px 10px !important;
  }

  .work-card {
    display: flex;
    flex-direction: column !important;
  }

  .work-right {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    max-width: 100% !important;
    justify-content: flex-start !important;
    align-content: flex-end;
    margin-top: 20px;
  }

  .work-desc {
    margin: 5px !important;
  }
}

@media (min-width: 200px) and (max-width: 380px) {
  .review-text {
    max-width: 350px !important;
  }
}

@media (min-width: 1281px) and (max-width: 1400px) {
  .work-title {
    font-size: 40px;
    line-height: 50px;
  }
}

@media (min-width: 640px) and (max-width:768px) {
  .work-card {
    flex: 0 0 100% !important;
    height: 400px !important;
    min-height: unset !important;
  }
}

/*css for aria label html for services list home page*/
/* .service-link {
  position: relative;
  color: var(--ausp-color-dark-pink);
  text-decoration: none; */

/* typography */
/* font-family: var(--ausp-font-primary);
  font-weight: var(--ausp-fw-medium);
  font-size: var(--ausp-fs-sm);
} */

/* underline animation */
/* .service-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 1px;
  background-color: var(--ausp-color-dark-pink);
  transition: width 0.3s ease, opacity 0.3s ease;
  opacity: 0.7;
}

.service-link:hover::after {
  width: 100%;
  opacity: 1;
} */
.srvc-btn {
  color: var(--ausp-color-dark-pink);
  color: var(--ausp-color-dark-pink);
  text-decoration: none;
  /* typography */
  font-family: var(--ausp-font-primary);
  font-weight: var(--ausp-fw-medium);
  font-size: var(--ausp-fs-sm);
}

.srvc-grid:hover {
  border: none !important;
}

.link-underline {
  position: relative;
  text-decoration: none;
}

.link-underline::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 1px;
  background-color: currentColor;
  transition: width 0.3s ease, opacity 0.3s ease;
  opacity: 0.7;
}

.link-underline:hover::after {
  width: 100%;
  opacity: 1;
}

a:where(:not(.wp-element-button)) {
  text-decoration: none !important;
}

/*system slider css services details page*/
/* ===== SYSTEM SLIDER ===== */

.ausp-system-slider {
  width: 100%;
  overflow: hidden;
}

.ausp-system-track {
  display: flex;
  gap: 32px;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
}

.ausp-system-track::-webkit-scrollbar {
  display: none;
}

/* ===== DESKTOP / LAPTOP ===== */
/* 3 full cards + 80% 4th */


.system-card {
  flex: 0 0 calc((100% - -230px) / 4.4);
  height: 400px;
  background: #F3F3F3;

  padding: 50px;
  padding-right: 140px;

  position: relative;

  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}





/* QUESTION MARK */

.system-qmark {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 95px;
  opacity: 1;
  pointer-events: none;
}

/* TITLE */

.system-title {
  font-family: Poppins;
  font-weight: 600;
  font-size: var(--ausp-fs-lg);
  line-height: 44px;
  color: #333;
  margin-bottom: 20px;
}

/* TEXT */

.system-desc {
  font-family: Poppins;
  font-weight: 400;
  font-size: var(--ausp-fs-md);
  line-height: 35px;
  color: #555;
}

.system-card {
  flex: 0 0 calc((100% - -230px) / 4.4);
}

/* ===== TABLET (640 – 1024) ===== */
/* 2 full cards */

/* TABLET (640–1024) */
@media (min-width:640px) and (max-width:1024px) {

  .system-card {
    flex: 0 0 calc((50% - 40px) / 2);
    height: 300px;
    padding-right: 123px;
  }

  .system-qmark {
    width: 30px !important;
    opacity: 1 !important;
  }

  .system-title {
    margin: 0px;
  }

  .system-desc {
    margin: 0px;
  }
}

/* ===== MOBILE (0 – 639) ===== */
@media (max-width:639px) {

  .system-card {
    flex: 0 0 calc((100% - -40px) / 2);
    height: 200px;
    /* as you specified */
    padding: 35px;
    padding-right: 120px;
  }

  .system-qmark {
    width: 70px;

  }

  .system-title {
    margin: 0px;
    line-height: 30px;

  }

  .system-desc {
    margin: 0px;
    line-height: 30px
  }
}

/*case study details gallery slider*/
/* wrapper */
/* MAIN WRAPPER */
.asc-slider-area {
  position: relative;
  /* anchor for arrows */
  overflow: hidden;
}

/* TRACK */
.asc-slider-track {
  display: flex;
  transition: transform 0.5s ease;
}

/* SLIDE */
.asc-slide {
  min-width: 100%;

}

/* IMAGE */
/* .project-inner-thumb img {
  width: 100%;
  height: auto;
  /* responsive */
  /* aspect-ratio: 1240 / 660; */
  /* maintain Frisk ratio 
  object-fit: cover;
  display: block;
} */

.project-inner-thumb {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 12px; /* Optional */
    aspect-ratio: 16 / 9; /* Change if needed */
}

.project-inner-thumb a {
    display: block;
    width: 100%;
    height: 100%;
}

.project-inner-thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.4s ease;
}

.project-inner-thumb:hover img {
    transform: scale(1.05);
}

/* =========================
   SLICK ARROW STYLE (FRISK)
========================= */
.slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);

  display: flex;
  align-items: center;
  justify-content: center;

  width: clamp(45px, 6vw, 80px);
  height: clamp(45px, 6vw, 80px);

  background: #fff;
  color: #111;

  border-radius: 50%;
  border: none;

  z-index: 2;
  cursor: pointer;
}

.slick-arrow svg {
  width: 25px !important;
  height: 25px !important;
  display: block;
}

/* LEFT */
.asc-prev {
  left: clamp(10px, 2vw, 40px);
}

/* RIGHT */
.asc-next {
  right: clamp(10px, 2vw, 40px);
}

/* HOVER EFFECT */
.slick-arrow:hover {
  background-color: #000;
  color: #fff;
}

.asc-lightbox-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.asc-lightbox-img {
  max-width: 90%;
  max-height: 90%;
}

.asc-close {
  position: absolute;
  top: 30px;
  right: 40px;
  font-size: 40px;
  color: #fff;
  cursor: pointer;
}

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

/* Desktop */
.slick-arrow {
  width: 60px;
  height: 60px;
}

/* Tablet */
@media (max-width: 1024px) {
  .slick-arrow {
    width: 60px;
    height: 60px;
  }

  .asc-prev {
    left: 30px;
  }

  .asc-next {
    right: 30px;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .slick-arrow {
    width: 50px;
    height: 50px;
    top: 45%;
  }
  .tech-item {
    width: 15rem !important;
    padding: 20px 10px !important;
  }


  .asc-prev {
    left: 10px;
  }

  .asc-next {
    right: 10px;
  }
}

/*case studies content subheading*/
.ats-cs-subhead {
  font-size: var(-- --ausp-fs-lg);
  color: var(--ausp-color-heading);
  font-weight: var(--ausp-fw-medium);
}

.ats-cs-subhead a {
  font-size: var(-- --ausp-fs-lg);
  color: var(--ausp-color-heading);
  font-weight: var(--ausp-fw-medium);

}

.cs-breadcrumb,
.cs-breadcrumb span {
  color: var(--ausp-color-heading) !important;
  text-align: center !important;
}

.cs-sidebar-meta {
  font-family: var(--ausp-font-primary);
  font-size: var(--ausp-fs-sm);
  color: var(--ausp-color-heading);
  font-weight: 600;
  margin-top: 0rem !important;
}

.cs-cat-hd {
  font-family: var(--ausp-font-primary);
  font-size: var(--ausp-fs-6x);
  color: var(--ausp-color-heading) !important;
  font-weight: 700;
  margin-top: 0rem !important;
  visibility: visible !important;
}

.cs-cat-thumb {
  width: 825px;
  height: auto;
  overflow: hidden;
}

.cs-cat-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.cs-archive-cta {
  font-family: var(--ausp-font-primary);
  font-size: var(--ausp-fs-6x);
  color: var(--ausp-color-white) !important;
  font-weight: 700;
  margin-top: 0rem !important;
  visibility: visible !important;
}

.cs-arch-breadcrumb ol {
  justify-content: center !important;
}

.cs-breadcrumb,
.cs-breadcrumb a {
  font-size: var(--ausp-fs-sm);
  color: var(--ausp-color-heading);
  font-weight: var(--ausp-fw-regular);
  text-decoration: none;
  font-family: var(--ausp-font-primary);
  text-align: center;
}

.wp-block-breadcrumbs li,
.wp-block-breadcrumbs ol {
  align-items: center;
  display: flex;
  margin: 0;
  padding: 0;
  justify-content: center;
  align-content: center;
}

/*blog page srech bar style css*/
:root :where(.wp-block-search .wp-block-search__input) {
  padding-right: 0rem !important;
  padding-left: 0rem !important;
  --slider-peek: 80px;
}

/* :root :where(.wp-element-button, .wp-block-button__link) {
        padding: 0rem 0rem 0.5rem 0rem!important;
}
  */
/* Remove native clear (X) button - Chrome, Edge, Safari */
.custom-search input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
  display: none;
}

/* Also remove extra search decorations (just in case) */
.custom-search input[type="search"]::-webkit-search-decoration,
.custom-search input[type="search"]::-webkit-search-results-button,
.custom-search input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

/* pagination for case study archeive*/
/* =========================
   REMOVE DEFAULT TEXT
========================= */
.case-archive .wp-block-query-pagination-next,
.case-archive .wp-block-query-pagination-previous {
  font-size: 0;
  /* hides text */
}

/* remove arrow span also */
.case-archive .wp-block-query-pagination-next span,
.case-archive .wp-block-query-pagination-previous span {
  display: none;
}

/* =========================
   BASE BUTTON STYLE
========================= */
.case-archive .wp-block-query-pagination-next,
.case-archive .wp-block-query-pagination-previous {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 45px;
  height: 45px;

  border: 1px solid #e5e5e5;
  border-radius: 6px;
  margin-left: 0rem;
  text-decoration: none;

  position: relative;
  transition: all 0.3s ease;
}

/* =========================
   PREVIOUS ICON
========================= */
.case-archive .wp-block-query-pagination-previous::before {
  content: "‹";
  font-size: 20px;

}

.case-archive .wp-block-query-pagination-previous {
  border-radius: 100px;
}

/* =========================
   NEXT ICON
========================= */
.case-archive .wp-block-query-pagination-next::before {
  content: "›";
  font-size: 20px;
}

.case-archive .wp-block-query-pagination-next {
  border-radius: 100px;
}

/* =========================
   HOVER EFFECT
========================= */
.case-archive .wp-block-query-pagination-next:hover,
.case-archive .wp-block-query-pagination-previous:hover {
  background: #000;
  color: #fff;
  border-color: #000;
}

/*case study archieve card style*/
/* =========================
   SCOPE (SAFE)
========================= */
.case-archive .wp-block-post {
  overflow: hidden;
  cursor: pointer;
}

/* Gutenberg wrapper fix */
.case-archive .wp-block-post>.wp-block-group {
  position: relative;
}

/* =========================
   IMAGE
========================= */
.case-archive .case-media img {
  width: 100%;
  height: 660px;
  object-fit: cover;
  display: block;

  transition: transform 0.6s ease;
}

/* image slight move (premium feel) */
.case-archive .wp-block-

/* IMAGE BASE */
.case-archive .case-media img {
  width: 100%;
  height: 660px;
  object-fit: cover;
  display: block;

  transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

/* 🔥 PREMIUM HOVER (SUBTLE RIGHT SLIDE) */
.case-archive .wp-block-post:hover .case-media img {
  transform: scale(1.05) translateX(15px);
}

/* =========================
   OVERLAY
========================= */
.case-archive .case-hover-overlay {
  position: absolute;
  inset: 0;

  background: linear-gradient(to top,
      rgba(0, 0, 0, 0.85) 0%,
      rgba(0, 0, 0, 0.5) 50%,
      rgba(0, 0, 0, 0.0) 100%);

  opacity: 0;
  transition: opacity 0.4s ease;

  z-index: 1;
  pointer-events: none;
  /* 🔥 keeps links clickable */
}

/* show overlay */
.case-archive .wp-block-post:hover .case-hover-overlay {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* Ensure each post is the hover context and overlays are absolutely positioned
   so they only appear for the specific hovered card. */
.case-archive .wp-block-post {
  position: relative;
  overflow: hidden;
}

.case-archive .case-media {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

/* Some templates use a WP group with the same helper class — target both. */
.case-archive .case-hover-overlay,
.case-archive .wp-block-group.case-hover-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.32s ease, transform 0.32s ease;
  z-index: 999;
  pointer-events: none;
}

.case-archive li.wp-block-post:hover .case-hover-overlay,
.case-archive li.wp-block-post:hover .wp-block-group.case-hover-overlay {
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
  pointer-events: auto !important;
}

/* =========================
   CONTENT POSITION + ANIMATION
========================= */
.case-archive .overlay-inner {
  position: absolute;
  bottom: 30px;
  left: 30px;
  right: 30px;

  display: flex;
  justify-content: space-between;
  align-items: flex-end;

  z-index: 2;

  /* animation */
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.4s ease 0.15s;
}

/* show content */
.case-archive .wp-block-post:hover .overlay-inner {
  opacity: 1;
  transform: translateY(0);
}

/* =========================
   KEEP LINKS WORKING
========================= */
.case-archive .overlay-inner a,
.case-archive .case-cta {
  pointer-events: auto;
}

/* =========================
   RESPONSIVE
========================= */
@media (max-width: 1024px) {
  .case-archive .case-media img {
    height: 500px;
  }
}

@media (max-width: 768px) {
  .case-archive .case-media img {
    height: 400px;
  }

  .case-archive .overlay-inner {
    flex-direction: column;
    align-items: flex-start;

  }
}

.case-archive .wp-block-post-terms__separator {
  display: inline !important;
  color: var(--ausp-color-white) !important;

}

/*case study single page category css styl eto match frisk theme*/
/* RESET LIST */
.cs-categories {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* EACH ITEM */
.cs-categories li {
  display: flex;
  justify-content: space-between;
  align-items: center;


}

/* LAST ITEM NO BORDER */
.cs-categories li:last-child {
  border-bottom: none;
}

/* CATEGORY LINK */
.cs-categories li a {
  color: #111;
  text-decoration: none;
  font-size: 16px;
  transition: all 0.3s ease;
}

/* COUNT */
.cs-categories li span {
  color: #777;

}

/* HOVER EFFECT */
.cs-categories li a:hover {
  color: #000;

}

.cs-categories li a {
  text-transform: uppercase;
}

.cs-categories li span {
  display: inline-block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.cs-categories li {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* Push count to right */
.cs-categories li a {
  flex: 1;
}

/*case study single page tags css to match frisk theme*/
/* TAG WRAPPER */
.cs-tagcloud {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

/* TAG LINKS */
.cs-tagcloud a {
  display: inline-block;
  font-size: var(--ausp-fs-sm) !important;
  line-height: 1;
  padding: 8px 14px;
  background: #F6F5F3;
  color: #111;
  text-decoration: none;
  border-radius: 4px;
  transition: all 0.3s ease;
}

/* REMOVE WP INLINE FONT SIZE */
.cs-tagcloud a[style] {
  font-size: 14px !important;
}

/* HOVER EFFECT */
.cs-tagcloud a:hover {
  background: #000;
  color: #fff;
}

span.wp-block-post-terms__separator {
  display: none;
}

.taxonomy-case_study_category .wp-block-post-terms__separator {
  color: var(--ausp-color-white) !important;
}

/* case study categories archive css added 30 mar 2026*/
/* CARD */
.cs-card {
  position: relative;
  overflow: hidden;

}

/* IMAGE WRAPPER (FIXED HEIGHT like Frisk) */
.portfolio-thumb {
  position: relative;
  width: 100%;
  height: 660px;
  /* KEY FIX */
  overflow: hidden;
}

/* IMAGE */
.portfolio-thumb img {
  position: absolute;
  top: 0;
  left: 0%;
  /* start slightly left */

  width: 100%;
  /* bigger than container */
  height: 100%;
  object-fit: cover;

  transition: transform 0.6s ease;
}

/* HOVER SLIDE RIGHT */
.cs-card:hover .portfolio-thumb img {
  transform: translateX(5%);
}

/* Remove default separator */
.cs-terms .wp-block-post-terms__separator {
  display: none !important;
}

/* Add custom separator */
.cs-terms a::after {
  content: " /";
  margin-left: 0px;
  color: var(--ausp-color-text);
}

/* Remove last separator */
.cs-terms a:last-child::after {
  content: "";
}

/* Apply your theme color */
.cs-terms a {
  color: var(--ausp-color-text);
  text-decoration: none;

}

/* Optional hover */
.cs-terms a:hover {
  color: var(--ausp-color-heading);
}

.wp-block-breadcrumbs span {
  color: var(--ausp-color-heading) !important;
}

/* ============================= */
/* CONTACT FORM - SHARP UI */
/* ============================= */

#divContactForm {
  font-family: var(--ausp-font-primary);
}

/* Form group */
#divContactForm .form-group {
  margin-bottom: 0px;
}

/* Ensure full width */
#divContactForm .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}

/* INPUT + TEXTAREA */
.ausp-input,
.ausp-textarea {
  width: 100% !important;
  display: block;
  padding: 14px 16px;
  font-size: 15px;
  font-family: var(--ausp-font-primary);
  color: var(--ausp-color-text);
  border: 1px solid var(--ausp-color-gray-border);
  background: var(--ausp-color-white);
  border-radius: 0 !important;
  /* 🔴 removed */
  outline: none;
  transition: all 0.25s ease;
}

/* TEXTAREA */
.ausp-textarea {
  min-height: 140px;
  resize: none;
}

/* FOCUS */
.ausp-input:focus,
.ausp-textarea:focus {
  border-color: var(--ausp-color-hot-pink);
  box-shadow: none;
}

/* BUTTON */
.ausp-btn {
  width: 100%;
  padding: 14px;
  font-size: 16px;
  font-weight: 600;
  font-family: var(--ausp-font-primary);
  color: var(--ausp-color-white);
  background: var(--ausp-gradient-primary);
  border: none;
  border-radius: 0 !important;
  /* 🔴 removed
 */
  margin-top: 20px !important;
  cursor: pointer;
  transition: all 0.25s ease;
}

.g-recaptcha-wrap {
  padding: 0px !important;
}

/* BUTTON HOVER */
.ausp-btn:hover {
  opacity: 0.9;
}

/* FORCE REMOVE ANY THEME RADIUS */
#divContactForm input,
#divContactForm textarea,
#divContactForm button {
  border-radius: 0 !important;
}

/* ERROR */
.reqerr {
  display: none;
  font-size: 13px;
  color: #fff;
  background: #dc3545;
  padding: 6px 10px;
  margin-top: 6px;
  border-radius: 0 !important;
  /* 🔴 removed */
}

/* CF7 ERROR FIX */
.wpcf7-not-valid-tip {
  display: none !important;
}

.wpcf7-not-valid {
  border-color: #dc3545 !important;
}

/* SHOW ERROR */
.wpcf7-not-valid+.reqerr {
  display: block;
}

/* SUCCESS MESSAGE */
.wpcf7-response-output {
  border-radius: 0 !important;
  color: var(--ausp-color-heading);
}

#divContactForm .form-group p {

  margin: 0px !important;
}

/* Blog Section on Home page */
/* Blog Section on Home page */

.elite-blog-section {
  width: 100%;
}

.elite-blog-grid {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  gap: 1.5rem;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-x;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.elite-blog-grid::-webkit-scrollbar {
  display: none;
}

.elite-blog-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  flex: 0 0 calc((100% - 3rem) / 3);
  max-width: calc((100% - 3rem) / 3);
  min-width: 0;
  scroll-snap-align: start;
}

.elite-blog-card__image-wrap {
  display: block;
  overflow: hidden;
}

.elite-blog-card__image {
  width: 100%;
  aspect-ratio: 16/10;
  object-fit: cover;
  display: block;
  transition: transform .4s ease;
}

.elite-blog-card__content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding-top: 20px;
}

.elite-blog-card__meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;

  color: #858585;
  font-family: Poppins, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 25px;
}

.elite-blog-card__title {
  margin: 8px 0 20px;

  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 100%;
  color: #000;

  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;

  min-height: 40px;
}

.elite-blog-card__title a {
  color: #000;
  text-decoration: none;
}

.elite-blog-card__author {
  margin-top: auto;

  display: flex;
  align-items: center;
  gap: 12px;
}

.elite-blog-card__avatar img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
}

.elite-blog-card__author-text {
  font-family: Poppins, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 25px;
}

.elite-blog-card__author-text span {
  color: #858585;
}

.elite-blog-card__author-text strong {
  color: #000;
  font-weight: 500;
}

/* Hover Effects */

@media (hover:hover) {

  .elite-blog-card {
    transition: all .3s ease;
  }

  .elite-blog-card:hover {
    transform: translateY(-5px);
  }

  .elite-blog-card:hover .elite-blog-card__image {
    transform: scale(1.05);
  }
}


/* Solution Single Page */
.ausp-industry-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin: 40px 0;
}

.ausp-industry-card {
  background: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 0px;
  padding: 30px;
  transition: all .3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.ausp-industry-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.ausp-industry-title {
  margin: 0 0 12px;
  font-family: 'Poppins', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
  color: #333333;
}

.ausp-industry-desc {
  margin: 0;
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
  color: #333333;
}

/* Tablet */
@media (max-width: 1024px) {

  .ausp-industry-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }

  .ausp-industry-card {
    padding: 24px;
  }

  .ausp-industry-title {
    font-size: 22px;
  }

  .ausp-industry-desc {
    font-size: 16px;
  }
}

/* Mobile */
@media (max-width: 767px) {

  .ausp-industry-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .ausp-industry-card {
    padding: 20px;

  }

  .ausp-industry-title {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .ausp-industry-desc {
    font-size: 14px;
    line-height: 1.6;
  }
}


/* ===================================
   Tablet & Mobile Slider Layout
=================================== */

@media (max-width:1279px) {

  .elite-blog-grid {
    cursor: grab;
  }

  .elite-blog-grid.dragging {
    cursor: grabbing;
    scroll-behavior: auto;
  }

  .elite-blog-card {
    flex: 0 0 calc((100% - 1.5rem) / 2);
    max-width: calc((100% - 1.5rem) / 2);
  }

  .elite-blog-card * {
    user-select: none;
  }
}

/* Tablet */

@media (max-width:1024px) {

  .elite-blog-card__title {
    font-size: 18px;
  }
}

/* Mobile */

@media (max-width:767px) {

  .elite-blog-card {
    flex: 0 0 100%;
    width: 100%;
  }

  /* Allow page vertical scrolling when touching the blog slider on small devices */
  .elite-blog-grid {
    touch-action: pan-y;
  }

  .elite-blog-card__content {
    padding-top: 16px;
  }

  .elite-blog-card__title {
    font-size: 18px;
    margin: 8px 0 16px;
  }

  .elite-blog-card__meta {
    font-size: 11px;
    line-height: 20px;
  }

  .elite-blog-card__author-text {
    font-size: 11px;
    line-height: 20px;
  }

  .elite-blog-card__avatar img {
    width: 36px;
    height: 36px;
  }
}

@media (max-width : 576px){
  .elite-blog-card {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100% !important;
  }
}

/* Mobile */


/* 
 /* ============================= */
/*Media queries*/
/* ============================= */
/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) and (max-width:1400px) {

  /* CSS */
  .body.home-menu-open .home-popup-menu {
    max-height: 80vh !important;
    overflow-x: hidden !important;
  }

  .txtgrprght {
    padding-top: 7.75rem !important;
    padding-left: 3rem !important;
  }

  .popup-banner {
    min-height: 40vh !important;
  }

  .popup-left {
    min-height: 93vh !important;
  }

  .popup-right {
    min-height: 93vh !important;
  }

  .srvc-outer {
    padding-top: 6.25rem !important;
  }

  .bus-chlng {
    padding-top: 4rem !important;
    padding-bottom: 8rem !important;
  }

  .apprch-outer {
    padding-top: 4rem !important;
    padding-bottom: 2rem !important;
  }

  .apprch-inner {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  .prj-intro {
    padding-top: 3rem !important;
    padding-bottom: var(--wp--preset--spacing--70);
  }

  .blog-wrapper {
    padding-top: 4rem !important;
    padding-left: 4rem !important;
  }

  .post-para {
    padding-bottom: 0.625rem !important;
  }

  .client-slider {
    padding-left: 0rem !important;
  }

  .fea-sld {
    padding-left: 3rem !important;
  }

  .sldr-left {
    padding-left: 2.5rem !important;
  }

  .work-slider {
    padding: 0px 0px 50px 0px !important;
    ;
  }

  .rev-intr-wrp {
    padding-top: 4rem !important;
    padding-bottom: 0rem !important;
  }

  .exp-wrk {
    padding-top: 0rem !important;
    padding-bottom: 3rem !important;
  }

  /*work card home page slider*/
  .solution-card {
    flex: 0 0 100% !important;
    height: 660px !important;
  }

  /*********About Us Page Styles Starts************/
  /*banner*/
  .abt-ban-hd {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .abt-ban-para {
    margin-top: 1rem !important;
  }

  .aprch-wrp {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;

  }

  .abt-cntr-wrp {
    padding-bottom: 3rem !important;
  }

  .abt-ban-ovrl {
    margin-top: -17.5rem !important;
  }

  .abt-ban-ovrl {
    min-height: 30rem !important;
  }

  .abt-banner-cvr {
    min-height: 28.125rem !important;
  }

  .trnsp-bx {
    min-height: 508px !important;
  }

  /*vision section*/

  /*our team*/
  .our-team-wrp {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }

  /*cta*/
  .abt-cta {
    padding-top: 0rem !important;
    padding-bottom: 3rem !important;
  }

  /*services page css*/
  /*banner*/
  .srv-ban-txt-wrp {
    padding-top: 12rem !important;
  }

  .ser-lst-wrp {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }

  .srvc-cta {
    padding-top: 3rem !important;
  }

  .srvc-feat-wrp {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }

  /*services details style starts here*/
  /*services details banner*/
  .srvc-det-ban-left,
  .srvc-det-ban-right {
    flex-basis: 50% !important;
  }

  .srvc-ban-1 {
    min-height: 28.125rem !important;
  }

  .srv-ban-3 {
    min-height: 9.375rem !important;
  }

  .srvc-det-banner-img {
    min-height: 37.5rem !important;
  }

  .srvc-det-banner-img img {
    object-fit: fill !important;
  }

  /*software google font*/
  .software-font-para {
    margin-bottom: 1rem !important;
    margin-top: 0.5rem !important;
  }

  /*capabilities*/
  .capabilities-cover {
    min-height: 31.25rem !important;
  }

  .capabilities-card {
    min-height: 21.875rem !important;
    /*350px*/
  }

  .capabilities-icon {
    height: 5rem !important;
    width: 5rem !important;
  }

  .bus-imp-wrp {
    padding-top: 5rem !important
      /*services details style ends here*/
  }

  .impact-intro {
    padding-bottom: 2rem !important;
    padding-bottom: 2rem !important;

  }

  .imapact-spn-heading {
    padding-top: 3rem !important;
  }

  .technology-sec {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }

  .framework-heading {
    padding-bottom: 2rem !important;
  }

  .framework-cta {
    padding-top: 2rem !important;
  }

  /*services landing*/
  .industries-wrp {
    padding-top: 5rem !important;
    padding-bottom: 0rem !important;
  }

  /*single case study styles*/
  /*Breadcrumb*/
  .cs-breadcrumb-wrp {
    padding-left: 3rem !important;
  }

  /*gallery slider*/
  .cs-gallery-slider {
    padding-top: 2.5rem !important;
    padding-right: 0rem !important;
    padding-left: 0rem !important;
  }

  /* REMOVE paragraph from layout completely */
  .asc-slider-area>p {
    display: contents !important;
  }

  /* remove all <br> globally inside slider */
  .asc-slider-area br {
    display: none !important;
  }

  .cs-details-wrp {
    padding-top: 2.5rem !important;
    padding-bottom: 5rem !important;
  }

  /*case study archive*/
  .cs-archv-wrp {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }

  /*case study category archieve*/
  .cs-cat-arch-hd {
    margin-top: 0.625rem !important;
  }

  .cs-grid {
    gap: 2.5rem !important;
  }

  /*case study archieve card category and tag archieve*/
  .portfolio-thumb img {
    left: 0% !important;
  }

  /*review slider lightbox*/
  .review-video-content {
    width: 100% !important;
    max-width: 650px !important;
    font-size: 31px !important;
  }

  .review-video-overlay {
    top: -20px !important;
  }

  /*contact page css*/
  .contact-card {
    min-height: 41.5rem !important;
  }
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {

  /* CSS */
  .our-clients {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }

  .prj-intro {
    padding-top: 3rem !important;
  }

  .apprch-outer {
    padding-top: 4rem !important;
    padding-bottom: 2rem !important;
  }

  .apprch-inner {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  .bus-chlng {
    padding-top: 3.31rem !important;
    padding-bottom: 6rem !important;
  }

  .blog-wrapper {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }

  .post-para {
    padding-bottom: 0.625rem !important;
  }

  .client-slider {
    padding-left: 0rem !important;
  }

  .fea-wrp {
    padding-bottom: 0rem !important;
  }

  .sldr-left {
    padding-left: 1rem !important;
  }

  /*team-grid*/
  .team-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }

  /*about-us banner*/
  .abt-banner-ellipse {
    background-position: 11% 19% !important;
    background-size: cover !important;
  }

  /*services page css*/
  /*banner*/
  .srv-ban-txt-wrp {
    padding-top: 12rem !important;
  }

  /*services list*/
  .ser-lst-wrp {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }

  .srvc-cta {
    padding-top: 4rem !important;
  }

  /*services details style starts here*/
  /*services details banner*/
  .srvc-det-ban-left,
  .srvc-det-ban-right {
    flex-basis: 50% !important;
  }

  .srvc-ban-1 {
    min-height: 28.125rem !important;
  }

  .srv-ban-3 {
    min-height: 9.375rem !important;
  }

  .srvc-det-banner-img {
    min-height: 37.5rem !important;
  }

  .srvc-det-banner-img img {
    object-fit: fill !important;
  }

  /* Responsive fix: remove fixed banner height on tablet/mobile
     and make the banner image fluid so it scales with width. */
  @media (max-width: 1024px) {
    .srvc-det-banner-img {
      min-height: auto !important;
      height: auto !important;
    }

    .srvc-det-banner-img img {
      width: 100% !important;
      height: auto !important;
      object-fit: cover !important;
      display: block !important;
      max-width: 100% !important;
    }
  }

  .capabilities-icon {
    height: 5rem !important;
    width: 5rem !important;
  }

  .technology-sec {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }

  .tech-item {
    width: 15.625rem !important;
  }

  /*contact page css*/
  .contact-card {
    min-height: 41.5rem !important;
  }

  /*services details style ends here*/

  /*case study archieve pagination*/
  .case-archive .wp-block-query-pagination-next,
  .case-archive .wp-block-query-pagination-previous {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    margin-left: 0rem;
    text-decoration: none;
    position: relative;
    transition: all 0.3s ease;
    align-content: center;

  }

  /*case study archieve card category and tag archieve*/
  .portfolio-thumb img {
    left: 0% !important;
  }

  .review-video-overlay {
    top: -20px !important;
  }
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {

  /* CSS */
  .popup-right {
    min-height: 60vh !important;
    padding-right: 0px !important;
    background-position: 0% 100% !important;
  }

  .txtgrprght {
    padding-right: 10px !important;
    padding-top: 50px !important;
    padding-left: 15px !important;
  }

  .popup-left-col {
    flex-basis: 50% !important;
  }

  .popup-right-col {
    flex-basis: 50% !important;
  }

  .srvc-outer {
    padding-top: 6.25rem !important;
  }

  .popup-left {
    min-height: 60vh !important;
    padding-top: 100px !important;
    padding-left: 50px !important;
    background-position: 100% 2% !important;
  }

  .info-row {
    flex-wrap: wrap !important;
    align-items: center !important;
  }

  .ftr-logo {
    text-align: var(--ausp-text-align);
  }

  .cntr-txt {
    text-align: var(--ausp-text-align) !important;
  }

  .algn-cntr {
    display: flex !important;
    align-content: center !important;
    justify-content: center !important;
    align-items: center !important;
  }

  .ftr-wrapper {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .ftr-cta {
    padding-top: 3.125rem !important;
    padding-bottom: 3.125rem !important;
  }

  .our-wrk {
    padding-top: 3.38rem !important;
    padding-bottom: 3.38rem !important;
  }

  .our-clients {
    padding-top: 3rem !important;
    padding-bottom: 2rem !important;
  }

  .no-mrg-mob {
    margin-top: 0.625rem !important;
  }

  .wrk-flex {
    gap: 0.625rem !important;
  }

  .abt-us-cvr {
    min-height: 30rem !important;
  }

  .ftr-intro {
    padding-top: 2.25rem !important;
    padding-bottom: 2.25rem !important;
  }

  .justify-center {
    display: flex;
    justify-content: center !important;
  }

  .apprch-outer {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  .apprch-inner {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }

  .prj-intro {
    padding-top: 3rem !important;
  }

  .blog-wrapper {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .post-para {
    padding-bottom: 0.625rem !important;
  }

  .reviews-wrapper {
    padding-left: 0rem !important;
  }

  .client-slider {
    padding-left: 0rem !important;

  }

  .fea-sld {
    padding: 0rem 1rem !important;
  }

  .wrk-slider {
    padding-left: 0rem !important;
  }

  .fea-sld {
    padding-bottom: 3rem !important;
  }

  .fea-wrp {
    padding-bottom: 0rem !important;
  }

  .exp-wrk {
    padding-top: 1rem !important;
    padding-bottom: 3rem !important;
  }

  /*********About Us Page Styles Starts************/
  .aprch-wrp {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;

  }

  .abt-banner-cvr {
    padding-top: 3.125rem !important;
    min-height: 25rem !important;
  }

  .abt-ban-ovrl-wrp {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-content: center !important;
    justify-content: center !important;
    align-items: center !important;
    padding-top: 1rem !important;
  }

  .abt-ban-ovrl {
    min-height: 20rem !important;
    width: 90% !important;

  }

  /*vision and mission section*/
  .abt-aprchflx-wrp {
    display: flex !important;
    flex-direction: column !important;
  }

  img.wp-image-1527 {
    width: 500px !important;

  }

  img.wp-image-1545 {
    width: 500px !important;
  }

  .trnsp-bx {
    min-height: 530px !important;
  }

  .clnt-fcs {
    min-height: 330px !important;
  }

  /*counter*/
  .abt-cntr-wrp {
    padding-bottom: 3rem !important;
  }

  .abt-counter-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }

  /*vision*/
  .vision-col-wrp {
    padding: 0rem 5rem !important;
    ;
  }

  .vision-col-1 {
    flex-basis: 49% !important;
  }

  .vision-col-2 {
    flex-basis: 1% !important;
  }

  .vision-col-3 {
    flex-basis: 49% !important;
  }

  /*vision and mission section*/
  /*our team*/
  .our-team-wrp {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .team-intro {
    margin-bottom: 2rem !important;
  }

  .team-banner {
    min-height: 18.75rem !important;
  }

  /*team-grid*/
  .team-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }

  /*about us banner*/
  .abt-banner-ellipse {
    background-position: 10% 0% !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
  }

  .abt-ban-ovrl {
    min-height: 20rem !important;
  }

  .abt-cta {
    padding-top: 1rem !important;
    padding-bottom: 3rem !important;
  }

  .vision-col-wrp::after {
    transform: rotate(90deg) !important;
    left: 43% !important;
    top: -8% !important;
  }

  /*********About Us Page Styles Ends************/
  /*services page css*/
  /*banner*/
  .srv-ban-txt-wrp {
    padding-top: 12rem !important;
  }

  /*services list*/
  .srv-lst-hd {
    margin-bottom: 0.5rem !important;
  }

  .ser-lst-wrp {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }

  .srvc-cta {
    padding-top: 2rem !important;
  }

  .srvc-lst-subhd {
    margin-top: 0.5rem !important;
  }

  /*services list grid*/
  .srvc-feat-wrp {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }

  .srv-lst-feat-grd {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }

  /*services details style starts here*/
  /*services details banner*/
  .srvc-det-ban-left,
  .srvc-det-ban-right {
    flex-basis: 50% !important;
  }

  .srvc-ban-1 {
    min-height: 28.125rem !important;
  }

  .srv-ban-3 {
    min-height: 9.375rem !important;
  }

  /* .srvc-det-banner-img {
    min-height: 37.5rem !important;
  } */

  /* .srvc-det-banner-img img {
    object-fit: fill !important;
  } */

  .ftr-cta-txt-left {
    border: 0px !important;
  }

  .statement-wrp {
    padding-top: 2rem !important;
  }

  .srvc-det-stmnt {
    margin-bottom: 0rem !important;
  }

  .statement-contnt-row {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.5rem !important;
  }

  .srvc-det-stmnt {
    margin-bottom: 0rem !important;
  }

  .statement-contnt-row {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.5rem !important;
  }

  /*FAQ accordian*/
  .accordian-head {
    padding-bottom: 1rem !important;
  }

  .accordian-para p {
    padding-bottom: 1rem !important;
  }

  /*capabilities*/
  .capabilities-cover {
    min-height: 32rem !important;
  }

  .capabilities-card {
    min-height: 18.75rem !important;
    padding-top: 2rem !important;
    padding-right: 3rem !important;
    padding-bottom: 2rem !important;
    padding-left: 3rem !important;
  }

  .capabilities-icon {
    height: 5rem !important;
    width: 5rem !important;
  }

  .impact-card-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .impact-card {
    min-height: 15rem !important;
    padding-top: 2rem !important;
    padding-right: 2rem !important;
    padding-bottom: 2rem !important;
    padding-left: 2rem !important;
  }

  .impact-title {
    flex-basis: 70% !important;
  }

  .impact-img {
    flex-basis: 30% !important;
  }
.imapact-spn-heading {
    padding-top: clamp(2rem, 4vw, 3.44rem); /* 32px → 55px */
}
  .technology-sec {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }

  .tech-item {
    width: 20rem !important;
  }

  .tech-grid {
    column-gap: 0px !important;
  }

  /*framework*/
  .framework-wrp {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }

  .framework-heading {
    padding-bottom: 1rem !important;
  }

  .framework-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .framework-cta {
    padding-top: 1rem !important;
  }

  .framework-card {
    padding-top: 2rem !important;
    padding-right: 1rem !important;
    padding-bottom: 2rem !important;
    padding-left: 1rem !important;
    height: 18rem !important;
  }

  /*services details style ends here*/
  /*services landing*/
  .industries-wrp {
    padding-top: 5rem !important;
    padding-bottom: 0rem !important;
  }

  .technology-hd {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  /*single case study styles*/
  /*Breadcrumb*/
  .cs-breadcrumb-wrp {
    padding-left: 1rem !important;
  }

  /*gallery slider*/
  .cs-gallery-slider {
    padding-top: 2rem !important;
    padding-right: 0rem !important;
    padding-left: 0rem !important;
  }

  /* REMOVE paragraph from layout completely */
  .asc-slider-area>p {
    display: contents !important;
  }

  /* remove all <br> globally inside slider */
  .asc-slider-area br {
    display: none !important;
  }

  .cs-head {
    margin-bottom: 0rem !important;
  }

  .cs-details {
    margin-top: 0rem !important;
  }

  .cs-details p {
    margin-top: 0.5rem !important;
  }

  .cs-details-wrp {
    padding-top: 1.25rem !important;
    padding-bottom: 3.75rem !important;
  }

  /*case study archive page*/
  .cs-arch-ban {
    min-height: 13rem !important;
  }

  .cs-arch-ban-hd {
    min-height: 15rem !important;
    padding-top: 7rem !important;
  }

  /*case study cards*/
  .cs-archv-wrp {
    padding-top: 3.125rem !important;
    padding-bottom: 3.125rem !important;
  }

  /*case study categories archieve*/
  .portfolio-thumb {
    height: 350px !important;
  }

  .cs-grid {
    gap: 1rem !important;
  }

  .cs-cat-arch-hd {
    margin-top: 0.625rem !important;
  }

  .cs-terms {
    margin-top: 0.25rem !important;
  }

  /*blog post card*/
  .blog-content {
    margin-top: 0.5rem !important;
  }

  .review-video-close {
    font-size: 31px !important;
  }

  .reviewer-info {
    gap: 30px !important;
  }

  .contact-card {
    min-height: 30rem !important;
    padding-top: 2rem !important;
    padding-right: 1rem !important;
    padding-bottom: 2rem !important;
    padding-left: 1rem !important;

  }

  .contact-asset {
    margin-top: 2rem !important;
  }


}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .srvc-outer {
    padding-top: 6.25rem !important;
  }

  /* CSS */
  .popup-right {
    min-height: 500px !important;
    padding-right: 0px !important;
    background-position: 0% 100% !important;
    padding-top : 100px;
  }

  .txtgrprght {
    padding-right: 10px !important;
    padding-top: 50px !important;
    padding-left: 15px !important;
  }

  .popup-left-col {
    flex-basis: 50% !important;

  }

  .popup-right-col {
    flex-basis: 50% !important;
  }


  .popup-left {
    min-height: 500px !important;
    padding-top: 100px !important;
    padding-left: 50px !important;
    background-position: 100% 2% !important;
  }

  .info-row {
    flex-wrap: wrap !important;
    align-items: center !important;
  }

  .ftr-logo {
    text-align: var(--ausp-text-align);
  }

  .cntr-txt {
    text-align: var(--ausp-text-align) !important;
  }

  .algn-cntr {
    display: flex !important;
    align-content: center !important;
    justify-content: center !important;
    align-items: center !important;
  }

  .ftr-wrapper {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .ftr-cta {
    padding-top: 3.125rem !important;
    padding-bottom: 3.125rem !important;
  }

  .our-wrk {
    padding-top: 3.38rem !important;
    padding-bottom: 3.38rem !important;
  }

  .our-clients {
    padding-top: 3rem !important;
    padding-bottom: 0rem !important;
  }

  .no-mrg-mob {
    margin-top: 0.625rem !important;
  }

  .wrk-flex {
    gap: 0.625rem !important;
  }

  .abt-us-cvr {
    min-height: 30rem !important;
  }

  .ftr-intro {
    padding-top: 2.25rem !important;
    padding-bottom: 2.25rem !important;
  }

  .justify-center {
    display: flex;
    justify-content: center !important;
  }

  .apprch-outer {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  .apprch-inner {
    padding-top: 2.25rem !important;
    padding-bottom: 2.25rem !important;
  }

  .prj-intro {
    padding-top: 3rem !important;
  }

  .blog-wrapper {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }

  .post-para {
    padding-bottom: 0.625rem !important;
  }

  .hro-left {
    padding-top: 1.25rem !important;
    padding-bottom: 3.125rem !important;
    padding-left: 1.25rem !important;
    flex-basis: 50% !important;
  }

  .hro-rght {
    flex-basis: 50% !important;
  }

  .ausp-feature-slider {
    padding-bottom: 3rem !important;
  }

  .client-slider {
    padding-left: 0rem !important;
  }

  .reviews-wrapper {
    padding-left: 0rem !important;
  }

  .fea-sld {
    padding: 0rem 1rem !important;
  }

  /*work slider*/
  .wrk-slider {
    padding-left: 0rem !important;
  }

  .wrk-nav-row {
    display: flex !important;
    flex-direction: column !important;
  }

  .fea-sld {
    padding-bottom: 3rem !important;
  }

  .fea-wrp {
    padding-bottom: 0rem !important;
  }

  .exp-wrk {
    padding-top: 1rem !important;
    padding-bottom: 3rem !important;
  }

  .trnsp-bx {
    min-height: 530px !important;
  }

  .clnt-fcs {
    min-height: 330px !important;
  }

  /*********About Us Page Styles Starts************/
  .abt-banner-cvr {
    padding-top: 3.125rem !important;
    min-height: 25rem !important;
  }

  .abt-ban-ovrl-wrp {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-content: center !important;
    justify-content: center !important;
    align-items: center !important;
    padding-top: 1rem !important;
  }

  .abt-ban-ovrl {
    min-height: 20rem !important;
    width: 90% !important;

  }

  .aprch-wrp {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;

  }

  /*counter*/
  .abt-cntr-wrp {
    padding-bottom: 3rem !important;
  }

  .abt-counter-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }

  /*our team*/
  .our-team-wrp {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .team-intro {
    margin-bottom: 2rem !important;
  }

  .team-banner {
    min-height: 18.75rem !important;
  }

  /*about us banner*/
  .abt-banner-ellipse {
    background-position: 10% 0% !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
  }

  .abt-banner-cvr {
    padding-top: 3.125rem !important;
    min-height: 25rem !important;
  }

  .abt-ban-ovrl-wrp {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-content: center !important;
    justify-content: center !important;
    align-items: center !important;
    padding-top: 1rem !important;
  }

  .abt-ban-ovrl {
    min-height: 20rem !important;
    width: 90% !important;

  }

  /*vision and mission section*/

  /*cta*/
  .abt-cta {
    padding-top: 1rem !important;
    padding-bottom: 3rem !important;
  }

  /*********About Us Page Styles Ends************/
  /*services page css*/
  /*banner*/
  .srv-ban-txt-wrp {
    padding-top: 12rem !important;
  }

  /*services list*/
  .srv-lst-hd {
    margin-bottom: 0.5rem !important;
  }

  .ser-lst-wrp {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }

  .srvc-cta {
    padding-top: 2rem !important;
  }

  .srvc-lst-subhd {
    margin-top: 0.5rem !important;
  }

  /*services list grid*/
  .srvc-feat-wrp {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }

  .srv-lst-feat-grd {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }

  /*services details style starts here*/
  /*services details banner*/
  .srvc-det-ban-left,
  .srvc-det-ban-right {
    flex-basis: 50% !important;
  }

  .srvc-ban-1 {
    min-height: 28.125rem !important;
  }

  .srv-ban-3 {
    min-height: 9.375rem !important;
  }

  /* .srvc-det-banner-img {
    min-height: 37.5rem !important;
  } */

  /* .srvc-det-banner-img img {
    object-fit: fill !important;
  } */

  .ftr-cta-txt-left {
    border: 0px !important;
  }

  .statement-wrp {
    padding-top: 2rem !important;
  }

  .srvc-det-stmnt {
    margin-bottom: 0rem !important;
  }

  .statement-contnt-row {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.5rem !important;
  }

  .srvc-det-stmnt {
    margin-bottom: 0rem !important;
  }

  .statement-contnt-row {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.5rem !important;
  }

  /*FAQ accordian*/
  .accordian-head {
    padding-bottom: 1rem !important;
  }

  .accordian-para p {
    padding-bottom: 1rem !important;
  }

  /*capabilities*/

  /*capabilities*/
  .capabilities-cover {
    min-height: 32rem !important;
  }

  .capabilities-card {
    min-height: 18.75rem !important;
    padding-top: 2rem !important;
    padding-right: 3rem !important;
    padding-bottom: 2rem !important;
    padding-left: 3rem !important;
  }

  .capabilities-icon img {
    height: 5rem !important;
    width: 5rem !important;
  }

  .impact-card-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .impact-card {
    min-height: 15rem !important;
    padding-top: 2rem !important;
    padding-right: 2rem !important;
    padding-bottom: 2rem !important;
    padding-left: 2rem !important;
  }

  .impact-title {
    flex-basis: 70% !important;
  }

  .impact-img {
    flex-basis: 30% !important;
  }

  .technology-sec {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }

  .tech-item {
    width: 20rem !important;
  }

  .tech-grid {
    column-gap: 0px !important;
  }

  /*framework*/
  .framework-wrp {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }

  .framework-heading {
    padding-bottom: 1rem !important;
  }

  .framework-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .framework-cta {
    padding-top: 1rem !important;
  }

  .framework-card {
    padding-top: 2rem !important;
    padding-right: 1rem !important;
    padding-bottom: 2rem !important;
    padding-left: 1rem !important;
    height: 20rem !important;
  }

  .srvc-det-ban-left,
  .srvc-det-ban-right {
    flex-basis: 50% !important;
  }

  .srvc-ban-1 {
    min-height: 18rem !important;
  }

  .srv-ban-3 {
    min-height: 6.25rem !important;
  }

  /* .srvc-det-banner-img {
    min-height: 37.5rem !important;
  } */

  /* .srvc-det-banner-img img {
    object-fit: fill !important;
  } */

  /*services details style ends here*/
  /*services landing*/
  .industries-wrp {
    padding-top: 5rem !important;
    padding-bottom: 0rem !important;
  }

  .technology-hd {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  /*single case study styles*/
  /*Breadcrumb*/
  .cs-breadcrumb-wrp {
    padding-left: 1rem !important;
  }

  /*gallery slider*/
  .cs-gallery-slider {
    padding-top: 2rem !important;
    padding-right: 0rem !important;
    padding-left: 0rem !important;
  }

  /* REMOVE paragraph from layout completely */
  .asc-slider-area>p {
    display: contents !important;
  }

  /* remove all <br> globally inside slider */
  .asc-slider-area br {
    display: none !important;
  }

  .cs-head {
    margin-bottom: 0rem !important;
  }

  .cs-details {
    margin-top: 0rem !important;
  }

  .cs-details p {
    margin-top: 0.5rem !important;
  }

  .cs-details-wrp {
    padding-top: 1.25rem !important;
    padding-bottom: 3.75rem !important;
  }

  /*case study archive page*/
  .cs-arch-ban {
    min-height: 13rem !important;
  }

  .cs-arch-ban-hd {
    min-height: 15rem !important;
    padding-top: 7rem !important;
  }

  /*case study cards*/
  .cs-archv-wrp {
    padding-top: 3.125rem !important;
    padding-bottom: 3.125rem !important;
  }

  /*case study categories archieve*/
  .portfolio-thumb {
    height: 350px !important;
  }

  .cs-grid {
    gap: 1rem !important;
  }

  .cs-cat-arch-hd {
    margin-top: 0.625rem !important;
  }

  .cs-terms {
    margin-top: 0.25rem !important;
  }

  /*blog post card*/
  .blog-content {
    margin-top: 0.5rem !important;
  }

  .reviewer-info {
    gap: 30px !important;
  }

  .review-video-overlay {
    top: -20px !important;
  }

  .contact-card {
    min-height: 30rem !important;
    padding-top: 2rem !important;
    padding-right: 1rem !important;
    padding-bottom: 2rem !important;
    padding-left: 1rem !important;
  }

  .contact-asset {
    margin-top: 2rem !important;
  }
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {

  /* CSS */
  .srvc-outer {
    padding-top: 6.25rem !important;
  }

  .popup-right {
    padding-right: 0px !important;
    min-height: 40vh !important;
    padding-bottom: 20px !important;
  }

  .popup-left {
    min-height: 40vh !important;
    padding-top: 50px !important;
    padding-left: 10px !important;
    padding-bottom: 50px !important;
  }

  .close-btn {
    height: 50px !important;
  }

  .popup-wrapper {
    display: flex !important;
    flex-direction: column-reverse !important;
  }

  .txtgrprght {
    padding-top: 10px !important;
    padding-left: 10px !important;
  }

  .info-row {
    flex-wrap: wrap;
    align-items: center;
  }

  .home-header {
    padding: 10px !important;
  }

  .footer-menu {
    display: flex;
    flex-direction: column !important;

  }

  .footer-logo {
    display: flex;
    flex-direction: column !important;
    align-items: center !important;
  }

  .cntr-txt {
    text-align: var(--ausp-text-align) !important;
  }

  .ftr-wrapper {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  .ftr-wrapper {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .srv-mrgn-btm {
    margin: 0px 0px 50px 0px !important;
  }

  .srvc-grid {
    display: grid !important;
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    gap: 0.625rem !important;
  }

  .srvc-media {
    align-items: flex-start !important;
  }

  .srvc-btn {
    margin-block-start: 0rem;
  }

  .our-wrk {
    padding-top: 2.38rem !important;
    padding-bottom: 2.38rem !important;
  }

  .our-clients {
    padding-top: 3rem !important;
    padding-bottom: 0rem !important;
    display: flex;
    flex-direction: column;
    row-gap: 0rem !important;
  }

  .no-mrg-mob {
    margin-top: 0.625rem !important;
  }

  .wrk-flex {
    gap: 0.625rem !important;
  }

  .abt-us-cvr {
    min-height: 25rem !important;
  }

  .ftr-intro {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  .apprch-outer {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  .apprch-inner {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }

  .justify-center {
    display: flex;
    justify-content: center !important;
  }

  .prj-intro {
    padding-top: 3rem !important;
  }

  .ftr-cta {
    padding-top: 3.125rem !important;
    padding-bottom: 3.125rem !important;

  }

  .blog-wrapper {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .post-para {
    padding-bottom: 0.625rem !important;
  }

  .srvc-outer {
    padding-top: 4rem !important;
    padding-bottom: 0rem !important;
  }

  .srv-mrgn-btm {
    margin: 0px 0px 50px 0px;
  }

  /* .hdr-wrapper{
  padding: 1.25rem!important;
} */
  .client-logo-marquee {
    padding: 0rem !important;
  }

  .ausp-slider-nav {
    justify-content: center !important;
  }

  .ausp-feature-slider {
    padding-bottom: 3rem !important;
  }

  .ausp-feature-slider {
    padding-bottom: 3rem !important;
  }

  .client-slider {
    padding-left: 0rem !important;
    padding-bottom: 3rem !important;
  }

  .reviews-wrapper {
    padding-left: 0rem !important;
  }

  .fea-sld {
    padding: 0rem 1rem !important;
  }

  /*work slider*/
  .wrk-slider {
    padding-left: 0 rem !important;
  }

  .wrk-nav-row {
    display: flex !important;
    flex-direction: column !important;
  }

  .fea-sld {
    padding-bottom: 3rem !important;
  }

  .fea-wrp {
    padding-bottom: 0rem !important;
  }

  .rev-intr-wrp {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .rev {
    padding-bottom: 3rem !important;
  }

  .exp-wrk {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  /*********About Us Page Styles Starts************/
  .aprch-wrp {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .abt-aprchflx-wrp {
    display: flex !important;
    flex-direction: column !important;
  }

  .abt-banner-cvr {
    padding-top: 3.125rem !important;
    min-height: 25rem !important;
  }

  .abt-ban-ovrl-wrp {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-content: center !important;
    justify-content: center !important;
    align-items: center !important;
    padding-top: 1rem !important;
  }

  .abt-ban-ovrl {
    min-height: 20rem !important;
    width: 90% !important;
  }

  .abt-ban-ovrl img {
    object-fit: fill !important;
  }

  img.flx-img {
    width: 500px !important;
  }

  .abt-aprchflx-rgt {
    display: flex !important;
    flex-direction: column !important;
  }

  .abt-aprchflx-lft {
    display: flex !important;
    flex-direction: column !important;
  }

  .flx-box {
    min-height: 350px !important;
  }

  .abt-cntr-wrp {
    padding-bottom: 3rem !important;
  }

  .abt-counter-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 2rem !important;
  }

  .vision-col-wrp {
    padding-top: 0rem !important;
  }

  .vision-col-wrp {
    display: flex !important;
    flex-direction: column !important;
    gap: 4rem !important;
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }

  .vision-upper img {
    background-size: cover !important;
  }

  .vision-upper {
    background-size: cover !important;
    padding-top: 4rem !important;
    min-height: 700px !important;
  }

  .vision-lower {
    background-position: -74% 0% !important;
    min-height: 0px !important;
  }

  .vision-col-wrp::after {
    transform: rotate(90deg) !important;
    left: 43% !important;
    top: -3% !important;
  }

  .vision-wrp {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }

  .vision-intro-col {
    padding-bottom: 1rem !important;
  }

  .team-banner {
    border-top-left-radius: 4rem !important;
    border-bottom-right-radius: 3rem !important;
    min-height: 15rem !important;
  }

  /*our team*/
  .our-team-wrp {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .team-intro {
    margin-bottom: 2rem !important;
  }

  .team-banner {
    border-top-left-radius: 4rem !important;
    border-bottom-right-radius: 3rem !important;
    min-height: 12.5rem !important;
  }

  .team-feat {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.5rem !important;
  }

  .team-fea-one,
  .team-fea-two,
  .team-fea-three {
    text-align: center !important;
  }

  .team-fea-wrp {
    padding-top: 0rem !important;
    padding-bottom: 2rem !important;
  }

  /*team-grid*/
  .team-grid {
    display: grid !important;
    grid-template-columns: repeat(1, 1fr) !important;
    gap: 2rem !important;
    padding-top: 1rem !important;
  }

  .team-mem-img {
    object-fit: cover;
    width: 100%;
  }

  .team-mem-img img {
    height: 21.875rem !important;
    /*350px*/
  }

  .arrow-svg {
    object-fit: cover;
    object-fit: cover;
    width: 140px !important;
    height: 80px !important;
    transform: rotate(90deg) !important;
  }

  .design-partner {
    min-height: 350px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 1rem !important;
  }

  .abt-gardient-heading {
    margin: 0rem !important;
  }

  /*about us banner*/
  .abt-banner-ellipse {
    background-position: 30% 13% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
  }

  .abt-ban-ovrl {
    min-height: 20rem !important;
  }

  img.wp-image-1925 {
    height: 80px !important;
  }

  /*cta*/
  .abt-cta {
    padding-top: 0rem !important;
    padding-bottom: 2rem !important;
  }

  .abt-cta-btn {
    margin-top: 1.5rem !important;
  }

  /*********About Us Page Styles Ends************/
  /*services page style*/
  /*banner*/
  .srv-ban-txt-wrp {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }

  .abt-ban-hd {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .abt-ban-para {
    margin-top: 0.5rem !important;
  }

  .ser-ban-row {
    display: flex;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 1rem !important;
  }

  /*vision and mission section*/
  .vision-col-wrp {
    display: flex !important;
    flex-direction: column !important;
    gap: 4rem !important;
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }

  .vision-upper {
    min-height: 700px !important;
    padding-top: 4rem !important;
    padding-bottom: 0 !important;
    background-position: 50% 65% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
  }

  .vision-lower {
    background-position: -74% 0% !important;
    min-height: 0px !important;
    background-size: cover !important;
  }

  .vision-col-wrp::after {
    transform: rotate(90deg) !important;
    left: 40% !important;
    top: 14% !important;
    /* width: 80%; */
    height: 23rem;
  }

  .vision-wrp {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }

  .vision-intro-col {
    padding-bottom: 1rem !important;
  }

  /*services list*/
  .ser-lst-wrp {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }

  .srv-lst-hd {
    margin-bottom: 0rem !important;
  }

  .service-img-bottom {
    padding-bottom: 6rem !important;
  }

  .service-btn-wrap {
    left: 50%;
    transform: translate(-50%, 20px);
  }

  .service-card:hover .service-btn-wrap {
    transform: translate(-50%, 0);
  }

  .btn-txt-style {
    width: 280px !important;
  }

  .srvc-cta {
    padding-top: 0rem !important;
  }

  /*services list grid*/
  .srvc-feat-wrp {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .srv-lst-feat-grd {
    display: grid !important;
    grid-template-columns: repeat(1, 1fr) !important;
  }

  .srv-feat-card {
    min-height: 100px !important;
  }

  .feat-card-flx {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    align-content: center !important;
    gap: 5rem !important;
    flex-direction: row-reverse !important;
  }

  /*service details page style starts here*/
  /*services details banner*/
  .srvc-det-ban-wrp {
    display: flex !important;
    flex-direction: column !important;
    gap: 0rem !important;
  }

  .srvc-det-ban-left,
  .srvc-det-ban-right {
    display: contents;
  }

  .srvc-ban-1 {
    order: 1;
  }

  .srvc-det-banner-img {
    order: 2;
  }

  .srv-ban-3 {
    order: 3;
    min-height: 6.25rem !important;
  }

  /* .srvc-det-banner-img {
    min-height: 200px !important;
    height: 100% !important;
  } */

  /* .srvc-det-banner-img img {
    object-fit: fill !important;
  } */

  .ats-white-logo {
    width: 9.375rem !important;
  }

  .srvc-ban-1 {
    min-height: 25rem !important;
    padding-top: 4rem !important;
  }

  .srvc-ban-3 {
    min-height: 6.25rem !important;
  }

  .mob-cntr {
    text-align: center !important;
  }

  /*services details banner style ends here*/
  /*statement section*/
  .statement-wrp {
    padding-top: 0rem !important;
  }

  .srvc-det-stmnt {
    margin-bottom: 0rem !important;
  }

  .statement-contnt-row {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.5rem !important;
  }

  /*FAQ accordian*/
  .accordian-head {
    padding-bottom: 0rem !important;
  }

  .accordian-para p {
    padding-bottom: 0rem !important;
  }

  .accordion-item {
    padding-bottom: 0rem !important;
  }

  /*systems slider*/
  .system-col-wrp {
    padding-top: 2rem !important;
    padding-bottom: 0rem !important;
  }

  .sw-font-wrp {
    padding-top: 0rem !important;
    padding-bottom: 2rem !important;
  }

  .software-font-para {
    margin-bottom: 1rem !important;
  }

  .capabilities-cover {
    min-height: 31.25rem !important;
  }

  .capabilities-card {
    min-height: 25rem !important;
    padding-top: 1rem !important;
    padding-right: 1rem !important;
    padding-bottom: 1rem !important;
    padding-left: 1rem !important;
  }

  .capabilities-icon {
    height: 5rem !important;
    width: 5rem !important;
  }

  /*business impacts*/
  .bus-imp-wrp {
    padding-top: 3rem !important;
  }

  .impact-intro {
    padding-bottom: 0.5rem !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
  }

  .impact-card-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr) !important;
  }

  .impact-card {
    min-height: 10rem !important;
    padding-top: 2rem !important;
    padding-right: 2rem !important;
    padding-bottom: 2rem !important;
    padding-left: 2rem !important;
  }

  .impact-title {
    flex-basis: 60% !important;
  }

  .impact-img {
    flex-basis: 40% !important;
  }

  .imapact-spn-heading {
    padding-top: 2rem !important;
  }

  .impact-grp {
    padding-bottom: 3rem !important;
  }

  .impact-para {
    margin-top: 0.5rem !important;
  }

  /*technology*/
  .technology-sec {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .technology-cta {
    padding-top: 0rem !important;
  }

  
  /*framework*/
  .framework-wrp {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .framework-heading {
    padding-bottom: 1rem !important;
  }

  .framework-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr) !important;
    gap: 0rem !important;
  }

  .framework-cta {
    padding-top: 1rem !important;
  }

  .framework-card {
    padding-top: 2rem !important;
    padding-right: 1rem !important;
    padding-bottom: 2rem !important;
    padding-left: 1rem !important;
    height: 16rem !important;
  }

  /*FAQ*/
  .accordian-item-para {
    padding-bottom: 1rem !important;
  }

  .accordian-head .wp-block-accordion-heading__toggle {
    padding-bottom: 0.5rem !important;
  }

  /*services landing*/
  .industries-wrp {
    padding-top: 3rem !important;
    padding-bottom: 0rem !important;
  }

  .technology-hd {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  /*single case study styles*/
  /*Breadcrumb*/
  .cs-breadcrumb-wrp {
    padding-left: 1rem !important;
  }

  /*gallery slider*/
  .cs-gallery-slider {
    padding-top: 1rem !important;
    padding-right: 0rem !important;
    padding-left: 0rem !important;
  }

  /* REMOVE paragraph from layout completely */
  .asc-slider-area>p {
    display: contents !important;
  }

  /* remove all <br> globally inside slider */
  .asc-slider-area br {
    display: none !important;
  }

  .cs-head {
    margin-bottom: 0rem !important;
  }

  .cs-details {
    margin-top: 0rem !important;
  }

  .cs-details p {
    margin-top: 0.5rem !important;
  }

  .cs-details-wrp {
    padding-top: 1.25rem !important;
    padding-bottom: 3.75rem !important;
  }

  /*case study archive page*/
  .cs-arch-ban {
    min-height: 13rem !important;
  }

  .cs-arch-ban-hd {
    min-height: 13rem !important;
    padding-top: 7rem !important;
  }

  /*case study cards*/
  .cs-archv-wrp {
    padding-top: 3.125rem !important;
    padding-bottom: 3.125rem !important;
  }

  .case-archive .case-hover-overlay {
    transform: scale(1.05) translateX(15px);
  }

  /*case study categories archieve*/
  .portfolio-thumb {
    height: 300px !important;
  }

  .cs-grid {
    gap: 1rem !important;
  }

  .cs-cat-arch-hd {
    margin-top: 0.625rem !important;
  }

  .cs-terms {
    margin-top: 0.313rem !important;
  }

  /*case study archieve card category and tag archieve*/
  .portfolio-thumb img {
    left: 0% !important;
  }

  /*blog post card*/
  .blog-content {
    margin-top: 0.5rem !important;
  }

  .reviewer-info {
    gap: 30px !important;
  }

  .review-video-close {
    top: -45px !important;
  }

  .review-video-overlay {
    top: -20px !important;
  }

  /*contact us page*/
  .contact-card {
    min-height: 30rem !important;
    padding-top: 2.5rem !important;
    padding-right: 1.5rem !important;
    padding-bottom: 1rem !important;
    padding-left: 2rem !important;
  }

  .contact-asset {
    margin-top: 1rem !important;
  }

  .contact-icon {
    width: 70px !important;
    height: 70px !important;
  }
}


/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {

  /* CSS */
  .popup-right {
    padding-right: 0px !important;
    min-height: 40vh !important;
    padding-bottom: 20px !important;
  }

  .popup-left {
    min-height: 35vh !important;
    padding-top: 50px !important;
    padding-left: 10px !important;
    padding-bottom: 50px !important;
  }

  .close-btn {
    height: 50px !important;
  }

  .popup-wrapper {
    display: flex !important;
    flex-direction: column-reverse !important;
  }

  .txtgrprght {
    padding-top: 10px !important;
    padding-left: 10px !important;
  }

  .info-row {
    flex-wrap: wrap !important;
    align-items: center !important;
  }

  .home-header {
    padding: 10px !important;
  }

  .footer-menu {
    display: flex;
    flex-direction: column !important;

  }

  .footer-logo {
    display: flex;
    flex-direction: column !important;
    align-items: center !important;
  }

  .cntr-txt {
    text-align: var(--ausp-text-align) !important;
  }

  .ftr-wrapper {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  .srv-mrgn-btm {
    margin: 0px 0px 50px 0px !important;
  }

  .srvc-grid {
    display: grid !important;
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    gap: 0.313rem !important;
  }

  .srvc-media {
    align-items: flex-start !important;
  }

  .srvc-btn {
    margin-block-start: 0rem !important;
  }

  .our-wrk {
    padding-top: 2.38rem !important;
    padding-bottom: 2.38rem !important;
  }

  .our-clients {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
    display: flex;
    flex-direction: column;
    row-gap: 0rem !important;
  }

  .no-mrg-mob {
    margin-top: 0.625rem !important;
  }

  /*work slider*/
  .wrk-flex {
    gap: 0.625rem !important;
  }

  .wrk-nav-row {
    display: flex !important;
    flex-direction: column !important;
  }

  .abt-us-cvr {
    min-height: 25rem !important;
  }

  .ftr-intro {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  .apprch-outer {
    padding-top: 2rem !important;
    padding-bottom: 2.5rem !important;
  }

  .apprch-inner {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }

  .justify-center {
    justify-content: center !important;
  }

  .aprch-row {
    display: flex !important;
    flex-direction: column !important;
  }

  .prj-intro {
    padding-top: 3rem !important;
  }

  .ftr-cta {
    padding-top: 3.125rem !important;
    padding-bottom: 3.125rem !important;

  }

  .blog-wrapper {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .post-para {
    padding-bottom: 0.625rem !important;
  }

  .hro-left {
    padding-top: 3.125rem !important;
    padding-bottom: 3.125rem !important;
    padding-left: 1.25rem !important;

  }

  .hro-wrapper {
    padding-top: 3.125rem !important;
    padding-bottom: 3.125rem !important;
  }

  .hro-rght {
    padding-top: 12.5rem !important;
  }

  .srvc-outer {
    padding-top: 8rem !important;
    padding-bottom: 0rem !important;
  }

  /* .hdr-wrapper{
  padding: 1.25rem!important;
} */
  .client-logo-marquee {
    padding: 0rem !important;
  }

  .ausp-slider-nav {
    justify-content: center !important;
  }

  .ausp-feature-slider {
    padding-bottom: 1rem !important;
  }

  .client-slider {
    padding-left: 0rem !important;
  }

  .reviews-wrapper {
    padding-left: 0rem !important;
  }

  .fea-sld {
    padding: 0rem 1rem !important;
  }

  .wrk-slider {
    padding-left: 0rem !important;
  }

  .fea-sld {
    padding-bottom: 2rem !important;
  }

  .fea-wrp {
    padding-bottom: 0rem !important;
  }

  .rev-intr-wrp {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .rev {
    padding-bottom: 3rem !important;
  }

  .exp-wrk {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  /*********About Us Page Styles Starts************/
  .aprch-wrp {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;

  }

  .abt-banner-cvr {
    padding-top: 3.125rem !important;
    min-height: 25rem !important;
  }

  .abt-ban-ovrl-wrp {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-content: center !important;
    justify-content: center !important;
    align-items: center !important;
    padding-top: 1rem !important;
  }

  .abt-ban-ovrl {
    min-height: 20rem !important;
    width: 90% !important;

  }

  .abt-ban-ovrl img {
    object-fit: fill !important;
  }

  .abt-aprchflx-wrp {
    display: flex !important;
    flex-direction: column !important;
  }

  .abt-aprchflx-rgt {
    display: flex !important;
    flex-direction: column !important;
  }

  .abt-aprchflx-lft {
    display: flex !important;
    flex-direction: column !important;
  }

  .flx-box {
    min-height: 350px !important;
  }

  .abt-cntr-wrp {
    padding-bottom: 3rem !important;
  }

  .abt-counter-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 2rem !important;
  }

  .vision-col-wrp {
    padding-top: 0rem !important;
  }

  /*our team*/
  .our-team-wrp {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .team-intro {
    margin-bottom: 2rem !important;
  }

  .team-banner {
    border-top-left-radius: 4rem !important;
    border-bottom-right-radius: 3rem !important;
    min-height: 12.5rem !important;
  }

  .team-feat {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.5rem !important;
  }

  .team-fea-one,
  .team-fea-two,
  .team-fea-three {
    text-align: center !important;
  }

  .team-fea-wrp {
    padding-top: 0rem !important;
    padding-bottom: 2rem !important;
  }

  /*team-grid*/
  .team-grid {
    display: grid !important;
    grid-template-columns: repeat(1, 1fr) !important;
    gap: 2rem !important;
    padding-top: 1rem !important;
  }

  .team-mem-img {
    object-fit: cover;
    width: 100%;
  }

  .team-mem-img img {
    height: 21.875rem !important;
    /*350px*/
  }

  .arrow-svg {
    object-fit: cover;
    object-fit: cover;
    width: 140px !important;
    height: 80px !important;
    transform: rotate(90deg) !important;
  }

  .design-partner {
    min-height: 350px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 1rem !important;
  }

  .abt-gardient-heading {
    margin: 0rem !important;
  }

  /*about us banner*/
  .abt-banner-ellipse {
    background-position: 30% 13% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
  }

  .abt-ban-ovrl {
    min-height: 20rem !important;
  }

  img.wp-image-1925 {
    height: 80px !important;
  }

  /*cta*/
  .abt-cta {
    padding-top: 1rem !important;
    padding-bottom: 2rem !important;
  }

  .abt-cta-btn {
    margin-top: 1.5rem !important;
  }

  /*vision and mission section*/
  .vision-col-wrp {
    display: flex !important;
    flex-direction: column !important;
    gap: 4rem !important;
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }

  .vision-upper {

    min-height: 700px !important;
    padding-top: 4rem !important;
    padding-bottom: 0 !important;
    background-position: 50% 65% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;


  }

  .vision-lower {
    background-position: -74% 0% !important;
    min-height: 0px !important;
    background-size: cover !important;
  }

  .vision-col-wrp::after {
    transform: rotate(90deg) !important;
    left: 40% !important;
    top: 11% !important;
    /* width: 80%; */
    height: 23rem;
  }

  .vision-wrp {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }

  .vision-intro-col {
    padding-bottom: 1rem !important;
  }

  /*********About Us Page Styles Ends************/
  /*services page style*/
  /*banner*/
  .srv-ban-txt-wrp {
    padding-top: 8rem !important;
    padding-bottom: 4rem !important;
  }

  .abt-ban-hd {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .abt-ban-para {
    margin-top: 0.5rem !important;
  }

  .ser-ban-row {
    display: flex;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 1rem !important;
  }

  /*services list*/
  .ser-lst-wrp {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }

  .srv-lst-hd {
    margin-bottom: 0rem !important;
  }

  .service-img-bottom {
    padding-bottom: 6rem !important;
  }

  .service-btn-wrap {
    left: 50%;
    transform: translate(-50%, 20px);
  }

  .service-card:hover .service-btn-wrap {
    transform: translate(-50%, 0);
  }

  .btn-txt-style {
    width: 280px !important;
  }

  .srvc-cta {
    padding-top: 0rem !important;
  }

  /*services list grid*/
  .srvc-feat-wrp {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .srv-lst-feat-grd {
    display: grid !important;
    grid-template-columns: repeat(1, 1fr) !important;
  }

  /*services list feature cards*/
  .srv-feat-card {
    min-height: 100px !important;

  }

  .feat-card-flx {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    align-content: center !important;
    flex-direction: row-reverse !important;
    gap: 5rem !important;
  }

  /*service details page style starts here*/
  /*services details banner*/
  .srvc-det-ban-wrp {
    display: flex !important;
    flex-direction: column !important;
  }

  .srvc-det-ban-left,
  .srvc-det-ban-right {
    display: contents;
  }

  .srvc-ban-1 {
    order: 1;
  }

  .srvc-det-banner-img {
    order: 2;
  }

  .srv-ban-3 {
    order: 3;
    min-height: 6.25rem !important;
  }

  /* .srvc-det-banner-img {
    min-height: 200px !important;
    height: 100% !important;
  } */

  /* .srvc-det-banner-img img {
    object-fit: fill !important;
  } */

  .srvc-ban-1 {
    min-height: 25rem !important;
    padding-top: 4rem !important;
  }

  .ats-white-logo {
    width: 9.375rem !important;
  }

  .srvc-ban-3 {
    min-height: 6.25rem !important;
  }

  .mob-cntr {
    text-align: center !important;
  }

  /*services details banner style ends here*/
  /*statement section*/
  .statement-wrp {
    padding-top: 0rem !important;
  }

  .srvc-det-stmnt {
    margin-bottom: 0rem !important;
  }

  .statement-contnt-row {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.5rem !important;
  }

  /*FAQ accordian*/
  .span.accordian-head {
    padding-bottom: 0rem !important;
  }

  .accordian-para {
    padding-bottom: 0rem !important;
  }

  .accordion-item {
    padding-bottom: 0rem !important;
  }

  /*systems slider*/
  .system-col-wrp {
    padding-top: 2rem !important;
    padding-bottom: 0rem !important;
  }

  .sw-font-wrp {
    padding-top: 0rem !important;
    padding-bottom: 2rem !important;
  }

  .software-font-para {
    margin-bottom: 1rem !important;
  }

  .capabilities-cover {
    min-height: 31.25rem !important;
  }

  .capabilitis-margin-list {
    display: flex !important;
    flex-direction: column !important;
    align-content: center !important;
    justify-content: center !important;
    align-items: center !important;
  }

  .capabilities-card {
    min-height: 25rem !important;
    padding-top: 2rem !important;
    padding-right: 1rem !important;
    padding-bottom: 1rem !important;
    padding-left: 2rem !important;
    /* width: 300px; */
  }

  .capabilities-icon {
    height: 5rem !important;
    width: 5rem !important;
  }

  /*business impacts*/
  .bus-imp-wrp {
    padding-top: 3rem !important;
  }

  .impact-intro {
    padding-bottom: 0.5rem !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
  }

  .impact-card-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr) !important;
  }

  .impact-card {
    min-height: 10rem !important;
    padding-top: 2rem !important;
    padding-right: 2rem !important;
    padding-bottom: 2rem !important;
    padding-left: 2rem !important;
  }

  .impact-title {
    flex-basis: 70% !important;
  }

  .impact-img {
    flex-basis: 30% !important;
  }

  .imapact-spn-heading {
    padding-top: 2rem !important;
  }

  .impact-grp {
    padding-bottom: 3rem !important;
  }

  .impact-para {
    margin-top: 0.5rem !important;
  }

  /*technology*/
  .technology-sec {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .technology-cta {
    padding-top: 0rem !important;
  }

  .tech-item {
    width: 10rem !important;
    padding: 20px 10px !important;
  }

  /*framework*/
  .framework-wrp {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .framework-heading {
    padding-bottom: 1rem !important;
  }

  .framework-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr) !important;
    gap: 0rem !important;
  }

  .framework-cta {
    padding-top: 1rem !important;
  }

  .framework-card {
    padding-top: 2rem !important;
    padding-right: 1rem !important;
    padding-bottom: 2rem !important;
    padding-left: 1rem !important;
    height: 16rem !important;
  }

  /*FAQ*/
  .accordian-item-para {
    padding-bottom: 1rem !important;
  }

  .accordian-head .wp-block-accordion-heading__toggle {
    padding-bottom: 0.5rem !important;
  }

  /*services landing*/
  .industries-wrp {
    padding-top: 3rem !important;
    padding-bottom: 0rem !important;
  }

  .technology-hd {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  /*single case study styles*/
  /*Breadcrumb*/
  .cs-breadcrumb-wrp {
    padding-left: 1rem !important;
  }

  /*gallery slider*/
  .cs-gallery-slider {
    padding-top: 1rem !important;
    padding-right: 0rem !important;
    padding-left: 0rem !important;
  }

  /* REMOVE paragraph from layout completely */
  .asc-slider-area>p {
    display: contents !important;
  }

  /* remove all <br> globally inside slider */
  .asc-slider-area br {
    display: none !important;
  }

  .cs-head {
    margin-bottom: 0rem !important;
  }

  .cs-details {
    margin-top: 0rem !important;
  }

  .cs-details p {
    margin-top: 0.5rem !important;
  }

  .cs-details-wrp {
    padding-top: 1.25rem !important;
    padding-bottom: 3.75rem !important;
  }

  /*case study archive page*/
  .cs-arch-ban {
    min-height: 13rem !important;
  }

  .cs-arch-ban-hd {
    min-height: 13rem !important;
    padding-top: 7rem !important;
  }

  /*case study cards*/
  .cs-archv-wrp {
    padding-top: 3.125rem !important;
    padding-bottom: 3.125rem !important;
  }

  .case-archive .case-hover-overlay {
    transform: scale(1.05) translateX(15px);
  }

  /*case study categories archieve*/
  .portfolio-thumb {
    height: 300px !important;
  }

  .cs-grid {
    gap: 1rem !important;
  }

  .cs-cat-arch-hd {
    margin-top: 0.625rem !important;
  }

  .cs-terms {
    margin-top: 0.313rem !important;
  }

  /*case study archieve card category and tag archieve*/
  .portfolio-thumb img {
    left: 0% !important;
  }

  /*blog post card*/
  .blog-content {
    margin-top: 0.5rem !important;
  }

  .reviewer-info {
    gap: 30px !important;
  }

  .review-video-close {
    top: -45px !important;
  }

  .review-video-overlay {
    top: -20px !important;
  }

  /*contact us page*/
  .contact-card {
    min-height: 30rem !important;
    padding-top: 2.5rem !important;
    padding-right: 1.5rem !important;
    padding-bottom: 1rem !important;
    padding-left: 1.5rem !important;
  }

  .contact-asset {
    margin-top: 1rem !important;
  }

  .contact-icon {
    width: 70px !important;
    height: 70px !important;
  }
}




@media (min-width: 800px) and (max-width: 1024px) {
  .algn-left {
    text-align: var(--asp-text-align-left) !important;
  }

  /*********About Us Page Styles Starts************/
  .clnt-fcs {
    min-height: 320px !important;
  }

  .trnsp-bx {
    min-height: 555px !important;
  }

  /*********About Us Page Styles Ends************/

}

@media screen and (min-width: 1360px) and (max-width: 1370px) {
  .bus-chlng {
    padding-top: 4rem !important;
    padding-bottom: 8rem !important;
  }
}

/*media query for blog section cards slider added on 31 december 2025*/
@media (min-width: 640px) and (max-width:767px) {
  .reviewer-info {
    gap: 30px !important;
  }

  .popup-right {
    padding-right: 0px !important;
    min-height: 35vh !important;
  }

  .txtgrprght {
    padding-top: 10px !important;
    padding-left: 50px !important;
  }

  .popup-left {
    min-height: 50vh !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
  }

  .popup-left {
    min-height: 50vh !important;
    padding-top: 50px !important;
    padding-left: 50px !important;
    padding-bottom: 50px !important;
  }

  .blg-container {
    flex-basis: 90% !important;
  }

  .blg-prev {
    flex-basis: 5% !important;
  }

  .blg-nxt {
    flex-basis: 5% !important;
  }

  .wrk-slider {
    padding-left: 0rem !important;
  }

  /*********About Us Page Styles Starts************/
  /*banner*/
  .abt-ban-hd {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .aprch-wrp {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;

  }

  .abt-aprchflx-wrp {
    display: flex !important;
    flex-direction: column !important;
  }

  .abt-banner-cvr {
    padding-top: 3.125rem !important;
    min-height: 25rem !important;
  }

  .abt-ban-ovrl-wrp {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-content: center !important;
    justify-content: center !important;
    align-items: center !important;
    padding-top: 1rem !important;
  }

  .abt-ban-ovrl {
    min-height: 20rem !important;
    width: 90% !important;

  }

  /*vision and mission section*/
  .vision-col-wrp {
    display: flex !important;
    flex-direction: column !important;
    gap: 4rem !important;
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }

  .vision-upper img {
    background-size: initial !important;
  }

  .vision-upper {
    background-size: initial !important;
    padding-top: 4rem !important;
  }

  .vision-lower {
    background-position: -74% 0% !important;
    min-height: 0px !important;
  }

  .vision-col-wrp::after {
    transform: rotate(90deg) !important;
    left: 43% !important;
    top: -3% !important;
  }

  .vision-wrp {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }

  .vision-intro-col {
    padding-bottom: 1rem !important;
  }

  .team-banner {
    border-top-left-radius: 4rem !important;
    border-bottom-right-radius: 3rem !important;
    min-height: 15rem !important;
  }

  /*********About Us Page Styles Ends************/
  /*services page css*/
  /*banner*/
  .srv-ban-txt-wrp {
    padding-top: 12rem !important;
  }

  .abt-ban-para {
    margin-top: 1rem !important;
  }

  /*services details style starts here*/
  /*services details banner*/
  .srvc-det-ban-left,
  .srvc-det-ban-right {
    flex-basis: 50% !important;
  }

  .srvc-ban-1 {
    min-height: 20rem !important;
    padding-top: 3rem !important;
  }

  .srv-ban-3 {
    min-height: 6.25rem !important;
  }

  /* .srvc-det-banner-img {
    min-height: 200px !important;
    height: 100% !important;
  } */

  /* .srvc-det-banner-img img {
    object-fit: fill !important;
  } */

  .ftr-cta-txt-left {
    border: 0px !important;
  }

  /*statement section*/
  .statement-wrp {
    padding-top: 0rem !important;
  }

  .srvc-det-stmnt {
    margin-bottom: 0rem !important;
  }

  .statement-contnt-row {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.5rem !important;
  }

  /*FAQ accordian*/
  .accordian-head {
    padding-bottom: 0rem !important;
  }

  .accordian-para {
    padding-bottom: 0rem !important;
  }

  /*capabilities*/
  .capabilities-cover {
    min-height: 32rem !important;
  }

  .capabilities-card {
    min-height: 18.75rem !important;
    padding-top: 2rem !important;
    padding-right: 3rem !important;
    padding-bottom: 2rem !important;
    padding-left: 3rem !important;
  }

  .capabilities-icon img {
    height: 5rem !important;
    width: 5rem !important;
  }

  /*business impact section*/
  .bus-imp-wrp {
    padding-top: 3rem !important;
  }

  .impact-intro {
    padding-bottom: 1rem !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0rem !important;
  }

  .impact-card-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .impact-card {
    min-height: 15rem !important;
    padding-top: 2rem !important;
    padding-right: 2rem !important;
    padding-bottom: 2rem !important;
    padding-left: 2rem !important;
  }

  .impact-title {
    flex-basis: 70% !important;
  }

  .impact-img {
    flex-basis: 30% !important;
  }

  .technology-sec {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }

  .tech-item {
    width: 16rem !important;
  }

  .framework-card {
    flex-basis: 40% !important;
  }

  /*framework*/
  .framework-wrp {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }

  .framework-heading {
    padding-bottom: 1rem !important;
  }

  .framework-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .framework-cta {
    padding-top: 1rem !important;
  }

  .framework-card {
    padding-top: 2rem !important;
    padding-right: 1rem !important;
    padding-bottom: 2rem !important;
    padding-left: 1rem !important;
    height: 20rem !important;
  }

  /*services landing*/
  .industries-wrp {
    padding-top: 3rem !important;
    padding-bottom: 0rem !important;
  }

  /*single case study styles*/
  /*Breadcrumb*/
  .cs-breadcrumb-wrp {
    padding-left: 1rem !important;
  }

  /*gallery slider*/
  .cs-gallery-slider {
    padding-top: 2rem !important;
    padding-right: 0rem !important;
    padding-left: 0rem !important;
  }

  /* REMOVE paragraph from layout completely */
  .asc-slider-area>p {
    display: contents !important;
  }

  /* remove all <br> globally inside slider */
  .asc-slider-area br {
    display: none !important;
  }

  .cs-head {
    margin-bottom: 0rem !important;
  }

  .cs-details {
    margin-top: 0rem !important;
  }

  .cs-details p {
    margin-top: 0.5rem !important;
  }

  .cs-details-wrp {
    padding-top: 1.25rem !important;
    padding-bottom: 3.75rem !important;
  }

  /*case study archive page*/
  .cs-arch-ban {
    min-height: 13rem !important;
  }

  .cs-arch-ban-hd {
    min-height: 15rem !important;
    padding-top: 7rem !important;
  }

  /*case study cards*/
  .cs-archv-wrp {
    padding-top: 3.125rem !important;
    padding-bottom: 3.125rem !important;
  }

  /*case study categories archieve*/
  .portfolio-thumb {
    height: 350px !important;
  }

  .cs-grid {
    gap: 1rem !important;
  }

  .cs-cat-arch-hd {
    margin-top: 0.625rem !important;
  }

  .cs-terms {
    margin-top: 0.25rem !important;
  }

  /*blog post card*/
  .blog-content {
    margin-top: 0.5rem !important;
  }

  /*contact us page*/
  .contact-card {
    min-height: 28rem !important;
    padding-top: 2rem !important;
    padding-right: 1.5rem !important;
    padding-bottom: 1rem !important;
    padding-left: 2rem !important;
  }

  .contact-asset {
    margin-top: 2rem !important;
  }
}

@media (min-width: 320px) and (max-width:640px) {
  .blg-nxt {
    display: none !important;
  }

  .blg-prev {
    display: none !important;
  }

  .blg-container {
    flex-basis: 100% !important;
  }

  .wrk-slider {
    padding-left: 0rem !important;
  }

  img.wp-image-1527 {
    width: 500px !important;
  }

  img.wp-image-1545 {
    width: 500px !important;
  }

}

/* Apply large left padding only on wide desktop screens to avoid
   clipping sliders on smaller viewports */
@media (min-width: 1601px) {
  .sldr-left {
    padding-left: 20rem !important;
  }

  .client-slider {
    padding-left: 20rem !important;
  }

  .exp-wrk {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1024px) {
  .justify-btn {
    display: flex;
    justify-content: flex-start !important;
  }

  .trnsp-bx {
    min-height: 630px !important;
  }

  .clnt-fcs {
    min-height: 260px !important;
  }

  .vision-wrp {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;

  }

  .algn-left {
    text-align: var(--asp-text-align-left) !important;
  }

  .cntr-txt {
    text-align: var(--ausp-text-align) !important;
  }

  .impact-card-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .impact-card {
    min-height: 15rem !important;
    padding-top: 2rem !important;
    padding-right: 2rem !important;
    padding-bottom: 2rem !important;
    padding-left: 2rem !important;
  }

  .impact-title {
    flex-basis: 70% !important;
  }

  .impact-img {
    flex-basis: 30% !important;
  }

  .technology-sec {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }

  .tech-item {
    width: 20rem !important;
  }

  .tech-grid {
    column-gap: 0px !important;
  }

}

@media (min-width: 300px) and (max-width: 399px) {
  .rght-flx-stack {
    min-height: 0px !important;
  }

  img.wp-image-1527 {
    width: 400px !important;
  }

  img.wp-image-1545 {
    width: 400px !important;
  }
}

@media (min-width: 400px) and (max-width: 500px) {

  img.wp-image-1527,
  img.wp-image-1545 {
    width: 400px !important;
    max-width: 100%;
    height: auto;
  }
}

@media (min-width: 910px) and (max-width: 914px) {
  .trnsp-bx {
    min-height: 570px !important;
  }

  .clnt-fcs {
    min-height: 300px !important;
  }

  .invt-bx {
    min-height: 540px !important;
  }
}

@media (min-width: 966px) and (max-width: 968px) {
  .trnsp-bx {
    min-height: 590px !important;
  }

  .clnt-fcs {
    min-height: 280px !important;
  }
}

@media screen and (min-width: 600px) and (max-width: 766px) {

  img.wp-image-1527 {
    width: 700px !important;
  }

  img.wp-image-1545 {
    width: 700px !important;
  }

}

@media (min-width: 540px) and (max-width:767px) {
  .abt-counter-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .team-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .arrow-svg {
    transform: none !important;
  }

  .team-mem-img img {
    height: 18.75rem !important;
    /*300px*/
  }
}

@media (min-width: 1920px) {
  .abt-banner-ellipse {
    background-position: 98% 13% !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;

  }
}

/* Tablet only: 768px to 1023px */
@media (min-width: 768px) and (max-width: 1023px) {

  .vision-col-wrp {
    display: flex !important;
    flex-direction: column !important;
    gap: 4rem !important;
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }

  .vision-upper img {
    background-size: initial !important;
  }

  .vision-upper {
    background-size: initial !important;
    padding-top: 4rem !important;
  }

  .vision-lower {
    background-position: -74% 0% !important;
    min-height: 0px !important;
  }

  .vision-col-wrp::after {
    transform: rotate(90deg) !important;
    left: 43% !important;
    top: -3% !important;
  }

  .vision-wrp {
    padding-top: 8rem !important;
    padding-bottom: 6rem !important;
  }

  .vision-intro-col {
    padding-bottom: 1rem !important;
  }

}


.faq-accordion {
  max-width: 100%;
}

.faq-item {
  border-bottom: 1px solid #e5e5e5;
}

.faq-question {
  margin: 0;
  padding: 10px 0;
  font-family: "Poppins", sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.4;
  color: #333333;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  transition: all .3s ease;
}

.faq-icon {
  font-size: 28px;
  line-height: 1;
  transition: transform .3s ease;
}

.faq-answer {
  display: none;
  padding-bottom: 20px;
}

.faq-answer p {
  margin: 0;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 1.8;
  color: #333333;
}

.faq-item.active .faq-answer {
  display: block;
}

.faq-item.active .faq-icon {
  transform: rotate(45deg);
}

.suggested-links {
  margin-top: 40px;
}

.suggested-links h3 {
  font-family: "Poppins", sans-serif;
  color: #333333;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
}

.suggested-links ul {
  margin: 0;
  padding-left: 20px;
}

.suggested-links li {
  margin-bottom: 12px;
  font-family: "Poppins", sans-serif;
  color: #333333;
}

.suggested-links a {
  background: linear-gradient(90deg, #DB2C5E, #FD5F68);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

.suggested-links a:hover {
  background: #333333;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}



@media (max-width: 767px) {
  .faq-question {
    font-size: 18px;
  }

  .faq-answer p {
    font-size: 15px;
  }

  .single-post .wp-block-post {
    padding: 0px 20px !important;
  }
}

/* Single Post CSS */
.aus-post-subhead {
  font-family: "Poppins", sans-serif;
  font-size: 20px !important;
  font-weight: 600;
}

.asp-post-para-1 {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  color: #333333;
  line-height: 24px;
  margin-top: 20px !important;
  margin-bottom: 10px !important;
  line-height: 28px;
}

.asp-post-para-2 {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  color: #333333;
  line-height: 24px;
  margin-bottom: 20px !important;
}

.asp-post-para-3 {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  color: #333333;
  line-height: 24px;
  margin-bottom: 10px !important;
}

.asp-post-list {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  color: #333333;
  line-height: 24px;
  margin-bottom: 10px !important;
}

@media (max-width: 768px) {
  .aus-post-subhead {
    font-size: 18px !important;
    line-height: 26px;
  }

  .asp-post-para-1 {
    line-height: 20px;
    font-size: 14px;

  }

  .asp-post-para-2 {
    line-height: 20px;
    font-size: 14px;
  }

  .asp-post-para-3 {
    line-height: 20px;
    font-size: 14px;
  }
}


/* solution Archive */

.solution-showcase {
  display: flex;
  flex-direction: column;
  gap: clamp(4rem, 8vw, 8rem);
}

.solution-case {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(2rem, 5vw, 6rem);
}

.solution-case.reverse .solution-case__image {
  order: 2;
}

.solution-case.reverse .solution-case__content {
  order: 1;
}

.solution-case__image {
  overflow: hidden;
  border-radius: 2rem;
}

.solution-case__image img {
  width: 100%;
  display: block;
  /* aspect-ratio: 16/10; */
  object-fit: cover;
}

.solution-case__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.solution-case__tags {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin-bottom: 1.5rem;
}

.solution-case__tags span {
  padding: .75rem 1.25rem;
  border: 1px solid #ececec;
  border-radius: 100px;

  font-family: Poppins, sans-serif;
  font-size: clamp(.8125rem, .75rem + .2vw, .9375rem);
  color: #333333;
}

.solution-case__title {
  font-family: Poppins, sans-serif;
  font-weight: 700;
  line-height: 1.2;
  color: #333333;

  font-size: clamp(1.75rem, 1.2rem + 1vw, 2.1875rem);
}

.solution-case__desc {
  margin-bottom: 2rem;

  font-family: Poppins, sans-serif;
  font-size: clamp(1rem, .95rem + .3vw, 1.125rem);
  line-height: 1.8;
  color: #333333;
}

.solution-case__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 3.75rem;
  padding: 1rem 2rem;

  border-radius: 100px;
  text-decoration: none;

  background: linear-gradient(90deg, #DB2C5E 0%, #FD5F68 100%);
  color: #fff;

  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;

  transition: .3s ease;
}

.solution-case__btn:hover {
  transform: translateY(-4px);
}

@media (max-width:991px) {

  .solution-case,
  .solution-case.reverse {
    grid-template-columns: 1fr;
  }

  .solution-case.reverse .solution-case__image,
  .solution-case.reverse .solution-case__content {
    order: unset;
  }
}

@media (max-width:767px) {

  .solution-case__image {
    border-radius: 1.5rem;
  }

  .solution-case__tags {
    gap: .5rem;
  }

  .solution-case__btn {
    width: 100%;
  }
}



/* Home Page Baner CSS */
.row {

  display: flex !important;
  flex-wrap: wrap !important;


}

.col-left {
  flex-basis: 70% !important;
  width: 100% !important;

}

.col-right {
  flex-basis: 28% !important;
  width: 100% !important;


}

/* Contact Form */

.solution-contact-form {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.solution-contact-form__field {
  width: 100%;
}

.solution-contact-form__field input,
.solution-contact-form__field textarea {
  width: 100%;
  padding: 1rem 1.5rem;

  border: 1px solid #DFDFDF;
  border-radius: 1rem;
  background: #fff;
  outline: none;

  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: #333333;

  transition: border-color .3s ease, box-shadow .3s ease;
}

.solution-contact-form__field textarea {
  min-height: 180px;
  resize: vertical;
}

.solution-contact-form__field input::placeholder,
.solution-contact-form__field textarea::placeholder {
  color: #00000070;
  opacity: 1;
}

.solution-contact-form__field input:focus,
.solution-contact-form__field textarea:focus {
  border-color: #DB2C5E;
  box-shadow: 0 0 0 4px rgba(219, 44, 94, .1);
}

.solution-contact-form__actions {
  margin-top: .5rem;
}

.solution-contact-form__actions button {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 60px;
  padding: 1rem 2.5rem;

  border: none;
  border-radius: 100px;
  cursor: pointer;

  background: linear-gradient(90deg, #DB2C5E 0%, #FD5F68 100%);
  color: #fff;

  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;

  transition: transform .3s ease;
}

.solution-contact-form__actions button:hover {
  transform: translateY(-2px);
}

/* Pop- Up CSS */

.atf-popup-header {
  padding: 0px;
  position: relative;
  border: none;
  height: 0px;
}

button.atf-popup-close {
  position: absolute;
  right: 20px;
  top: 10px;
}

.ftr-cta p {
  text-align: center;
}

button.atf-form-button {
  background: linear-gradient(90deg, #DB2C5E 0%, #FD5F68 100%);
  border: none;
  outline: none;
  padding: clamp(0.875rem, 0.8rem + 0.4vw, 1rem) clamp(1.5rem, 1.2rem + 1vw, 2rem);
  font-size: clamp(0.875rem, 0.82rem + 0.2vw, 1rem);
  font-family: 'Poppins', sans-serif;
  color: #fff;
  text-transform: uppercase;
  line-height: 1.2;
  cursor: pointer;
  margin-top: 20px;
}


.hro-inner button.atf-form-button,
.aus-about-cta button.atf-form-button {
  background: linear-gradient(90deg, #DB2C5E 0%, #FD5F68 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  font-weight: 500;
  border: none;
  outline: none;
  padding: 0;
  font-size: clamp(0.875rem, 0.82rem + 0.2vw, 1rem);
  font-family: 'Poppins', sans-serif;
  text-transform: uppercase;
  line-height: 1.2;
  cursor: pointer;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;

  position: relative;
  transition: all 0.3s ease;
  margin-top: 20px;
}

.aus-about-cta .atf-form-button {
  margin-top: 0px !important;
}

.hro-inner button.atf-form-button::before,
.aus-about-cta button.atf-form-button::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 0;
  height: 1px;
  background: #FD5F68;
  transition: width 0.3s ease;
}

.hro-inner button.atf-form-button::after,
.aus-about-cta button.atf-form-button::after {
  content: "";
  width: 1em;
  height: 1em;
  background: url('/wp-content/uploads/2025/12/right-arrow.svg') center/contain no-repeat;
  flex-shrink: 0;
  transition: transform 0.3s ease;
}

.hro-inner button.atf-form-button:hover::after,
.aus-about-cta button.atf-form-button :hover::after {
  transform: translateX(4px);
}

.solution-contact-popup__header h2 {
  margin: 0 0 0.75rem;
  font-size: clamp(1.75rem, 1.4rem + 1vw, 2.5rem);
  line-height: 1.1;
  font-weight: 600;
  color: #1B1B1B;
}

.solution-contact-popup__header p {
  margin: 0;
  font-size: clamp(0.9375rem, 0.85rem + 0.3vw, 1rem);
  line-height: 1.7;
  color: #6A6A6A;
  max-width: 48ch;
  margin-bottom: 20px;
}

@media (max-width:767px) {

  .solution-contact-form__actions button {
    width: 100%;
  }

}

/* Contact Us */

.map-wrapper {
  width: 100%;
  overflow: hidden;

}

.map-wrapper iframe {
  width: 100%;
  height: 500px;
  border: 0;
  display: block;
}

.page-id-40 .wp-block-column.is-style-default.ftr-cta.is-layout-flow.wp-container-core-column-is-layout-4a0e65ef.wp-block-column-is-layout-flow {
  display: none;
}




/* .hero-svg-scene{
  position:absolute;
  top:0; right:0;
  width:54%;
  height:100%;
  pointer-events:none;
}

.hero-content{
  position:relative;
  z-index:10;
  padding:64px 56px;
  max-width:520px;
}

.hero-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:rgba(219,44,94,0.1);
  border:1px solid rgba(219,44,94,0.2);
  border-radius:100px;
  padding:5px 14px;
  margin-bottom:28px;
}
.hero-eyebrow span{
  font-size:11px;
  font-weight:500;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:#FD5F68;
}
.hero-eyebrow-dot{
  width:5px;height:5px;
  border-radius:50%;
  background:#FD5F68;
  animation:pulse-dot 2s ease-in-out infinite;
}
@keyframes pulse-dot{
  0%,100%{opacity:1;transform:scale(1)}
  50%{opacity:0.4;transform:scale(0.7)}
} */




/* New CSS for for inline CSS */
.aus-main-heading {
  font-size: clamp(2.5rem, 1.5rem + 3vw, 4.69rem);
  line-height: 1.05;
  margin-bottom: clamp(1rem, 0.5rem + 1vw, 1.5rem);
  font-weight: 700;
  color: #333333;
}

.aus-para-bold {
  font-size: clamp(1rem, 0.95rem + 0.3vw, 1.125rem);
  /* 16px → 18px */
  font-weight: 500;
  line-height: 1.5;
  color: #333333;
}

.aus-sec-subhead a {
  color: #8C8C8C;
  font-size: clamp(1rem, 0.95rem + 0.5vw, 1.25rem);
  /* 16px → 20px */
  font-weight: 400;
  line-height: 1.5;
  /* ~30px at 20px font size */
  letter-spacing: -0.01em;
  margin: 0 0 clamp(1.25rem, 1rem + 0.8vw, 1.875rem);
  /* 20px → 30px */
}

.aus-sec-heading {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: clamp(2.25rem, 1.75rem + 1.8vw, 3.4375rem);
  /* 36px → 55px */
  line-height: 1.1;
  letter-spacing: 0;
  color: #000000;
  margin: 0 0 clamp(1.25rem, 1rem + 0.8vw, 1.875rem);
  /* 20px → 30px */
}

.aus-sec-desc {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: clamp(1rem, 0.95rem + 0.5vw, 1.25rem);
  /* 16px → 20px */
  line-height: 1.4;
  /* ~28px at 20px */
  letter-spacing: 0;
  color: #858585;
  margin: 0;
}


.aus-card-heading {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: clamp(1.75rem, 1.5rem + 0.8vw, 2.1875rem);
  /* 28px → 35px */
  line-height: 1.1;
  letter-spacing: 0;
  color: #333333;
  margin: 0 0 clamp(1.5rem, 1.25rem + 0.8vw, 2.5rem);
  /* 24px → 40px */
}

.white-text {
  color: #fff !important;
}

.aus-para-large {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(1.125rem, 1rem + 0.8vw, 1.5625rem);
  /* 18px → 25px */
  line-height: 1.6;
  /* 40px at 25px */
  letter-spacing: 0;
  color: #333333;
  /* Change if needed */
  margin: 0;
}

.aus-small-heading {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: clamp(1.75rem, 1.5rem + 0.8vw, 2.1875rem);
  /* 28px → 35px */
  line-height: 1.1;
  letter-spacing: 0;
  color: #333333;
  margin: 0;
}

.aus-para {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(0.9375rem, 0.9rem + 0.2vw, 1rem);
  /* 15px → 16px */
  line-height: 1.56;
  /* 25px at 16px */
  letter-spacing: 0;
  color: #858585;
  margin: 0;
}

span.aus-dot {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: clamp(2.25rem, 1.75rem + 1.8vw, 3.4375rem);
  /* 36px → 55px */
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
  color: #FD5F68;
}

.aus-display-heading {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  /* ExtraLight */
  font-style: normal;
  font-size: clamp(2.5rem, 1.8rem + 2.8vw, 4.125rem);
  /* 40px → 66px */
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
  text-transform: capitalize;
  color: #000000;
  margin: clamp(1.5rem, 1.2rem + 0.8vw, 2.125rem) 0 clamp(2rem, 1.5rem + 1vw, 3.0625rem);
  /* 24px→34px top, 32px→49px bottom */
}

.mg-bottom {
  margin: 0 0 clamp(1.5rem, 1.2rem + 0.8vw, 2.125rem);
}

/* Block structures CSS */
.hro-wrapper {
  /* Mobile */
  padding: 3.125rem 0;
  /* 50px top & bottom */
}

.hro-inner {
  padding-top: 3.4375rem;
  /* 55px */
}

.hro-left {
    padding:
        clamp(3.125rem, 2.5rem + 1.5vw, 4.875rem)
        1rem
        clamp(3.125rem, 2.5rem + 1.75vw, 5rem)
        clamp(1.25rem, 1rem + 0.5vw, 1.875rem);

    flex-basis: 100%;
}


.aus-service-sec {
  padding:
    clamp(2rem, 0.75rem + 0.5vw, 2.5rem)
    /* top: 16px → 40px (matches bottom on mobile) */
    1rem
    /* right: 16px */
    clamp(1rem, 0.75rem + 0.5vw, 1.5rem)
    /* bottom: 16px → 24px */
    1rem !important;
  /* left: 16px */
}

.services-col {
  flex: 1 1 70rem;
  max-width: 100%;
}

.srvc-grid {
  border-bottom: 1px solid #dfdfdf;
  padding-top: clamp(1rem, 0.9rem + 0.5vw, 1.25rem);
  /* 16px → 20px */
  padding-bottom: clamp(0.25rem, 0.2rem + 0.2vw, 0.5rem);
  /* 4px → 8px */
}

.border-none {
  margin-top: clamp(0.75rem, 0.5rem + 0.5vw, 1.25rem);
  /* 12px → 20px */
  padding-top: 0;
  padding-bottom: 0;
  border: none;
}

.our-wrk {
  padding-top: clamp(5rem, 3.5rem + 3vw, 9.375rem);
  /* 80px → 150px */
  padding-bottom: clamp(3.125rem, 2.5rem + 1vw, 4.375rem);
  /* 50px → 70px */

  background-image: url("/auspian-elite/wp-content/uploads/2025/12/work-overlay.svg");
  background-position: left 14%;
  background-repeat: no-repeat;
  background-size: contain;
}

.client-slider {
  padding-top: clamp(2.5rem, 2rem + 1vw, 3.75rem);
  /* 40px → 60px */
  padding-bottom: clamp(2.5rem, 2rem + 1vw, 3.75rem);
  /* 40px → 60px */
  padding-left: clamp(1rem, -3rem + 20vw, 25rem);
  /* 16px → 400px */
}

.fea-wrp.mrg-rl {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: clamp(3rem, 2.5rem + 1vw, 5rem);
}

.extra-sec-margin {
  margin: 0px !important;
}

.apprch-outer {
  margin-block: 0;
  padding-block-start: clamp(2.5rem, 2rem + 1vw, 4rem);
  padding-block-end: clamp(1.5rem, 1.25rem + 0.5vw, 2.5rem);
}

.apprch-inner {
  padding-top: clamp(3.75rem, 3rem + 1.5vw, 5.25rem);
  /* 60px → 84px */
  padding-bottom: clamp(5rem, 4rem + 2vw, 7.5625rem);
  /* 80px → 121px */
}

.apprch-inner {
  padding-block:
    clamp(3.75rem, 3rem + 1.5vw, 5.25rem) clamp(5rem, 4rem + 2vw, 7.5625rem);
}

.rev-intr-wrp {
  padding-top: clamp(3.75rem, 3rem + 1.5vw, 5.375rem);
  /* 60px → 86px */
  padding-bottom: clamp(2rem, 1.5rem + 1vw, 3.125rem);
  /* 32px → 50px */
}

.prj-intro {
  padding-top: clamp(5rem, 3.5rem + 3vw, 9.375rem);
  /* 80px → 150px */
  padding-bottom: clamp(3.125rem, 2.5rem + 1vw, 4.375rem);
  /* 50px → 70px */
}

.wrk-slider {
  margin-block: 0;
  padding-top: 0;
  padding-left: clamp(1rem, -3rem + 20vw, 25rem);
  /* 16px → 400px */
}

.fea-sld.sldr-left {
  padding-left: clamp(1rem, calc(-10.714rem + 29.286vw), 25rem);
}

.exp-wrk {
  margin-block: 0;
  padding-top: clamp(2.5rem, 2rem + 1vw, 3.9375rem);
  /* 40px → 63px */
  padding-bottom: clamp(4.5rem, 3.5rem + 2vw, 7.0625rem);
  /* 72px → 113px */
}

.blog-wrapper {
  padding-top: clamp(5rem, 3.5rem + 3vw, 9.4375rem);
  /* 80px → 151px */
  padding-bottom: clamp(4rem, 3rem + 2vw, 6.25rem);
  /* 64px → 100px */
}

.abt-us-cvr {
  padding-block: 0;
  min-height: clamp(25rem, 20rem + 10vw, 37.5rem);
  /* 400px → 600px */
  aspect-ratio: auto;
}

.bus-chlng.our-wrk {
  padding-top: clamp(2rem, 1.5rem + 1.5vw, 3.31rem);
  padding-bottom: clamp(5rem, 3rem + 5vw, 12.31rem);
}

@media (min-width: 768px) {
  .hro-wrapper {
    padding-top: 5.625rem;
    /* 90px */
    padding-bottom: 0;
  }
}


/* Hero Image Home Animation */
.svg-wrap {
  width: min(100%, 31.25rem);
  /* 500px */
  aspect-ratio: 697 / 627;
  margin-inline: auto;
}

.svg-wrap svg {
  width: 100%;
  height: auto;
  overflow: visible;
}

@media(min-width : 768px) and (max-width : 1400px) {
  .col-left {
    flex-basis: 50% !important;
    width: 100% !important;
  }
}


@media (max-width : 768px) {
  .srvc-item {

    margin-bottom: 30px !important;

  }

  .card-head {
    display: flex;
    justify-content: space-between;
    align-items: end;
    margin-bottom: 1.2rem !important;
  }

  .aus-card-heading {
    margin-bottom: 0px !important;
    width: 100% !important;

  }
  .srvc-grid .services-img {
    width: 100% !important;
  }

  .srvc-grid a {
    width: 100% !important;
  }

  .srvc-grid .services-img img {
    width: 100% !important;
  }

  .aus-sec-desc {
    margin-bottom: 20px !important;
  }

}

/* Services Page */

.counter-number {
  font-family: "Poppins", sans-serif;
  font-weight: 700 !important;
  font-size: var(--ausp-fs-counter);
  line-height: 30px;
  letter-spacing: 0;
  color: #333333;
  margin-bottom: 10px;
}
.counter-head {
  margin-bottom: 10px;
}

.counter-text {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: var(--fs-counter-text);
  line-height: var(--lh-counter-text);
  letter-spacing: 0;
  color: #858585;
}

.service-card-heading {
  font-family: var(--ausp-font-primary);
  font-weight: var(--ausp-fw-bold);
  font-size: var(--ausp-fs-section);
  line-height: var(--ausp-lh-heading);
  letter-spacing: 0;
  color: var(--ausp-color-text);
}

.servives-description {
  font-family: var(--ausp-font-primary);
  font-weight: var(--ausp-fw-regular);
  font-size: var(--ausp-fs-sm);
  /* 16px */
  line-height: var(--ausp-lh-body);
  /* 1.6 ≈ 25.6px */
  letter-spacing: 0;
  color: var(--ausp-color-text);
}

.service-sub-heading {
  margin-top: 0.625rem;
  /* 10px */
  font-family: var(--ausp-font-primary);
  font-weight: var(--ausp-fw-medium);
  font-size: var(--ausp-fs-md);
  /* 20px */
  line-height: 1.75;
  /* 35px */
  letter-spacing: 0;
  color: var(--ausp-color-text);
  /* #333333 */
}

.service-mb {
  margin-bottom: 20px;
}

.why-choose-col {
  flex: 1 1 clamp(10rem, 20vw, 12.5rem);
  /* 160px → 200px */
}

.why-service {
  font-family: var(--ausp-font-primary);
  font-weight: var(--ausp-fw-regular);
  font-size: var(--ausp-fs-lg);
  /* 18px → 25px */
  line-height: 1;
  /* 100% */
  letter-spacing: 0;
  color: var(--ausp-color-heading);
  /* #000000 */
}

.service-schedual-btn {

  text-align: center;

}

.aus-btn {
  border-radius: 0;
  font-family: var(--ausp-font-primary);
  font-weight: var(--ausp-fw-semibold);
  line-height: 1.5;
  letter-spacing: 0.2em;
  /* 20% ≈ 0.2em */
  color: var(--ausp-color-white);
}


/* =========================
   SERVICE HERO
========================= */

.aus-service-hero {
  min-height: clamp(28rem, 32vw, 36.94rem);
  padding-inline: 0;
  background-image: url('/wp-content/uploads/2026/01/abt-banner-ellipse.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.aus-service-hero-inner {
  min-height: clamp(28rem, 32vw, 36.94rem);
  padding : clamp(4rem, 8vw, 8rem) 1.5rem clamp(3rem, 6vw, 4rem );
  background-image: url('/wp-content/uploads/2026/02/about-us-banner-top.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}


/* =========================
   COUNTER SECTION
========================= */

.aus-counter-sec {
  padding-top: clamp(2.5rem, 4vw, 3.88rem);
  padding-bottom: clamp(4rem, 8vw, 8rem);
}


/* =========================
   SERVICES SECTION
========================= */

.aus-servicc-sec {
  padding-top: clamp(5rem, 9vw, 9.38rem);
  padding-bottom: clamp(4.5rem, 8vw, 8.25rem);
}


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

.service-card {
  min-height: clamp(18rem, 25vw, 22.13rem);
}

/* Service Page */
/* =========================
   SERVICE IMAGE BOTTOM
========================= */

.service-img-bottom {
  min-height: clamp(18rem, 25vw, 22.13rem);
  padding: clamp(2rem, 4vw, 3.75rem) clamp(1.5rem, 3vw, 2.5rem);
  background-image: url('/wp-content/uploads/2026/02/srvc-lst-btm-bg.png');
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: contain;
}


/* =========================
   CTA SECTION
========================= */

.service-page-cta {
  padding-top: clamp(4rem, 6vw, 5.75rem);
}


/* =========================
   INDUSTRIES
========================= */

.industries-wrp {
  padding-top: clamp(4rem, 7vw, 6rem);
  padding-bottom: 0;
}


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

.capabilities-card {
  min-height: clamp(17rem, 23vw, 20rem);
  padding-top: clamp(2rem, 4vw, 3.56rem);
  padding-right: clamp(1.5rem, 3vw, 2.5rem);
  padding-bottom: clamp(1.5rem, 3vw, 2rem);
  padding-left: clamp(1.75rem, 4vw, 3.13rem);
}


/* =========================
   PINK BULLET LIST
========================= */

/* Pink Bullet List */
.pink-bullet-list {
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
}

.pink-bullet-list li {
  padding-top: clamp(0.75rem, 1.5vw, var(--wp--preset--spacing--30));
  padding-bottom: clamp(0.75rem, 1.5vw, var(--wp--preset--spacing--30));
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  /* 16px → 20px */
  font-weight: 500;
  line-height: 1.5;
  /* 30px at 20px font size */
  color: #333333;
}

.capabilities-icon img {
  width: auto;
  height: clamp(4rem, 6vw, 6.25rem);
  object-fit: contain;
  display: block;
}

/* =========================
   WHY CHOOSE US
========================= */

.aus-why-choose {
  padding-top: clamp(3.5rem, 6vw, 5rem);
  padding-bottom: clamp(5rem, 10vw, 10.31rem);
}


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

.srv-feat-card {
  padding: clamp(1rem, 2vw, 1.25rem);
  min-height: clamp(13rem, 20vw, 15.94rem);
  /* 255px */
  aspect-ratio: unset;
}

/* Solution Archiv */
/* =========================
   SOLUTION HERO
========================= */

.aus-solution-hero {
  min-height: clamp(28rem, 32vw, 36.94rem);
  padding-inline: 0;
  background-image: url('/wp-content/uploads/2026/01/abt-banner-ellipse.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}


/* =========================
   SOLUTION HERO INNER
========================= */

.aus-solution-hero-inner {
  min-height: inherit;
  padding-top: clamp(5rem, 8vw, 8rem);
  padding-bottom: clamp(4rem, 6vw, 6rem);
  background-image: url('/wp-content/uploads/2026/02/about-us-banner-top.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


/* =========================
   SOLUTIONS SECTION
========================= */

.aus-solution-wrapper {
  padding-top: clamp(5rem, 9vw, 9.38rem);
  padding-bottom: clamp(4.5rem, 8vw, 8.25rem);
}

/* Contact Us Page */



/* =========================
   CONTACT HERO
========================= */

.contact-wrp {
  gap: clamp(1rem, 2vw, 1.875rem);
  /* 16px → 30px */
}

.aus-contact-hero {
  padding-top: clamp(4rem, 8vw, 6.25rem);
  /* 64px → 100px */
  padding-bottom: clamp(4rem, 8vw, 6.25rem);
  /* 64px → 100px */
}


/* =========================
   CONTACT ASSET
========================= */

.contact-asset {
  margin-top: clamp(4rem, 7vw, 8rem);
  /* 64px → 128px */
}

/* Our Work . Case Study */
/* =========================
   OUR WORK HERO
========================= */

.aus-our-work-hero,
.aus-hero-sec,
.aus-blog-banner {
  min-height: clamp(14rem, 20vw, 20rem);
  padding-inline: 0;

  background-image: url('/wp-content/uploads/2026/01/abt-banner-ellipse.png');
  background-position: right 2%;
  background-repeat: no-repeat;
  background-size: contain;
}

.aus-our-work-inner,
.aus-hero-inner,
.aus-blog-main {
  min-height: clamp(14rem, 20vw, 20rem);
  padding-top: clamp(4rem, 8vw, 8rem);
   
  background-image: url('/wp-content/uploads/2026/02/about-us-banner-top.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.aus-our-work-hero-inner,
.aus-hero-main,
.aus-blog-inner {
  min-height: clamp(14rem, 20vw, 20rem);
}

.cs-breadcrumb-wrp {
  padding-block: 0;
  padding-inline-start: clamp(1rem, 2vw, 1.75rem);
}

/* .cs-breadcrumb-wrp.arch-wrp{
    margin-top: 0;
    padding-block: clamp(1.5rem, 3vw, var(--wp--preset--spacing--50));
    padding-inline-start: clamp(1rem, 2vw, 1.75rem);
    padding-inline-end: 0;
} */
.cs-breadcrumb {
  font: normal 400 clamp(0.875rem, 0.8rem + 0.3vw, 1rem)/1.5 inherit;
  text-transform: capitalize;
  padding-block: 1rem;
  --separator: ">";
}


/* Blog Template */
/* =========================
   BLOG CONTENT SECTION
========================= */

.aus-blog-content {
  padding-top: clamp(4rem, 6vw, 6.25rem);
  padding-right: 0;
  padding-bottom: clamp(4rem, 6vw, 6.25rem);
  padding-left: 0;
}

/* =========================
   BLOG LAYOUT
========================= */

.aus-blog-left {
  flex: 0 1 70% !important;
}

.aus-blog-right {
  flex: 0 1 30% !important;
}


/* =========================
   BLOG SEARCH
========================= */

.custom-search {
  margin-top: 0;
  margin-left: 0;
  margin-bottom: clamp(1.5rem, 3vw, var(--wp--preset--spacing--50));
}

.custom-search .wp-block-search__label {
  font-weight: 400;
  font-style: normal;
}

.custom-search .wp-block-search__inside-wrapper {
  width: 100%;
  border: 0;
  border-bottom: 1px solid var(--wp--preset--color--heading);
  padding-bottom: clamp(.5rem, 1vw, .75rem);
  display: flex;
  align-items: center;
  gap: .5rem;
}

.custom-search .wp-block-search__input {
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  padding: .5rem 0;
  font-size: clamp(.9375rem, .9rem + .2vw, 1rem);
  font-weight: 400;
  font-style: normal;
}

.custom-search .wp-block-search__input:focus {
  outline: none;
  box-shadow: none;
}

.custom-search .wp-block-search__input::placeholder {
  color: #666;
  opacity: 1;
}

.custom-search .wp-block-search__button {
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  color: var(--wp--preset--color--heading);
  font-weight: 400;
  font-style: normal;
  cursor: pointer;
  transition: opacity .3s ease;
}

.custom-search .wp-block-search__button:hover {
  opacity: .7;
}

.custom-search .search-icon {
  width: clamp(1.125rem, 1vw + 1rem, 1.5rem);
  height: clamp(1.125rem, 1vw + 1rem, 1.5rem);
  fill: currentColor;
}

/* =========================
   BLOG CATEGORY
========================= */

.aus-category {
  margin-bottom: clamp(0.5rem, 1vw, 0.625rem);
  /* 8px → 10px */

  font-style: normal;
  font-weight: 400;
  font-size: clamp(1rem, 0.95rem + 0.2vw, 1.125rem);
  /* 16px → 18px */
  line-height: 1.5;
  color: #000;
}

.cs-categories,
.aus-recent-blog {
  padding-inline: 0;
  margin-inline: 0;
  margin-bottom: clamp(1rem, 1.5vw, 1.25rem);
  /* 16px → 20px */

  font-style: normal;
  font-weight: 600;
  font-size: clamp(1rem, 0.95rem + 0.2vw, 1.125rem);
  /* 16px → 18px */
  line-height: 1.5;
  color: #000;
}

/* =========================
   BLOG GRID
========================= */

.aus-blog-wrap {
  gap: clamp(1rem, 2vw, 1.875rem);
  /* 16px → 30px */
}

/* =========================
   BLOG POST CARD
========================= */

.aus-post-card {
  flex: 1 1 clamp(20rem, 30vw, 25rem);
  /* 320px → 400px */
}


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

.aus-blog-img {
  padding-bottom: clamp(1rem, 2vw, var(--wp--preset--spacing--40));
}


/* =========================
   BLOG TITLE
========================= */

.aus-blog-title {
  font-style: normal;
  font-weight: 300;
  font-size: clamp(1.25rem, 1.1rem + 0.5vw, 1.5rem);
  /* 20px → 24px */
  line-height: 1.5;
  color: #000;
}


/* =========================
   AUTHOR TEXT
========================= */

.aus-author-by,
.aus-author-name {
  font-style: normal;
  font-weight: 500;
  font-size: clamp(0.875rem, 0.8rem + 0.3vw, 1rem);
  /* 14px → 16px */
  line-height: 1.5;
  color: #333;
}

/* =========================
   RECENT BLOG LAYOUT
========================= */

.aus-recent-blog-left {
  flex-basis: 30%;
  flex-basis: unset !important;
}

.aus-recent-blog-left {
  flex: 0 0 30% !important;
}

.aus-recent-blog-right {
  flex: 0 0 70% !important;
}


/* =========================
   RECENT FEATURED IMAGE
========================= */

.aus-recent-featured {
  width: clamp(4rem, 5vw, 5.625rem);
  /* 64px → 90px */
  height: clamp(4rem, 5vw, 5.625rem);
  /* 64px → 90px */
  aspect-ratio: 1;
  object-fit: cover;
  flex-shrink: 0;
}

.aus-recent-featured img {
  height: 100% !important;
}

/* =========================
   FEATURED BLOG TITLE
========================= */

.aus-recent-featured {
  font-style: normal;
  font-weight: 300;
  line-height: 1.5;
  color: #000;
}

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

.aus-blog-card {
  flex: 1 1 clamp(20rem, 30vw, 25rem);
  /* 320px → 400px */
}


/* =========================
   FEATURED IMAGE WRAPPER
========================= */

.aus-blog-featured {
  padding-bottom: clamp(0.5rem, 1vw, 0.64rem);
  /* 8px → 10.22px */
}


/* =========================
   BLOG DATE
========================= */

.aus-blog-date {
  margin-inline: 0;
  line-height: 1.5;
}


/* =========================
   BLOG TITLE
========================= */

.aus-blog-title {
  font-style: normal;
  font-weight: 300;
  line-height: 1.5;
}


.aus-search-heading {
  font-style: normal;
  font-weight: 600;
  margin-top: clamp(1rem, 1.5vw, 1.25rem);
  /* 16px → 20px */
  line-height: 1.5;
}


/* =========================
   AUTHOR AVATAR
========================= */

.aus-auother-avatar img {
  border-radius: 50%;
  width: clamp(2.5rem, 4vw, 3.125rem);
  /* 40px → 50px */
  height: clamp(2.5rem, 4vw, 3.125rem);
  object-fit: cover;
  flex-shrink: 0;
}


/* =========================
   AUTHOR TEXT
========================= */

.aus-author-by,
.aus-author-name {
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
}

/* Tablet & Mobile */
@media (max-width: 991px) {

  .aus-blog-left,
  .aus-blog-right {
    flex: 0 0 100% !important;
  }

  .aus-recent-blog-left,
  .aus-recent-blog-right {
    width: 100%;
    flex: 0 0 100%;
  }
}

/*Single  Solution Page */
.solution-template.single-solution h1 {

  text-align: left;

}

/* =========================
   SOLUTION INFO SECTION
========================= */

.aus-solution-info {

  padding-top: clamp(2.5rem, 5vw, 3.75rem);
  /* 40px → 60px */
  padding-right: clamp(1rem, 2vw, 0.9375rem);
  /* ~15px */
  padding-bottom: clamp(2.5rem, 5vw, 3.75rem);
  /* 40px → 60px */
  padding-left: clamp(1rem, 2vw, 0.9375rem);
}


/* =========================
   SOLUTION DESCRIPTION
========================= */

.aus-solution-description {
  font-size: clamp(0.875rem, 0.875rem + ((1vw - 3.2px) * 0.256), 1.125rem);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
}


/* =========================
   SOLUTION INFO INNER
========================= */

.aus-solution-info-inner {
  padding-top: clamp(2.5rem, 5vw, 3.875rem);
  /* 40px → 62px */
  padding-bottom: clamp(0.75rem, 2vw, 0.9375rem);
  /* 12px → 15px */
}

.aus-impact {
  background-color: #fff !important;
}


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

.aus-solution-card {
  padding-top: clamp(1rem, 2vw, 1.25rem);
  /* 16px → 20px */
  padding-right: clamp(1rem, 2vw, 1.25rem);
  padding-bottom: clamp(1rem, 2vw, 1.25rem);
  padding-left: 0;
}


/* =========================
   SOLUTION CARD HEADING
========================= */

.aus-solutioncard-heading {
  font-size: clamp(0.984rem, 0.984rem + ((1vw - 0.2rem) * 0.529), 1.5rem);
  line-height: 1.4;
}


/* =========================
   SOLUTION CARD DESCRIPTION
========================= */

.aus-solutioncard-description {
  font-size: clamp(0.875rem, 0.875rem + ((1vw - 3.2px) * 0.128), 1rem);
  line-height: 1.5;
}


/* =========================
   SOLUTION INFO OUTER
========================= */

.aus-solution-info-outer {
  padding-top: clamp(0.75rem, 2vw, 0.9375rem);
  /* 12px → 15px */
  padding-bottom: clamp(2.5rem, 5vw, 3.75rem);
  /* 40px → 60px */
}

/* =========================
   SOLUTION INNER RIGHT
========================= */

.solution-inner-right {
  flex: 0 0 40%;
}

.aus-solution-list {
  font-size: clamp(1rem, 0.95rem + 0.2vw, 1.125rem);
  /* 16px → 18px */
  line-height: 1.5;
}

.aus-solution-sub {
  font-size: clamp(1.5rem, 1.25rem + 1vw, 2rem);
  /* 24px → 32px */
  line-height: 1.3;
}

/* Tablet & Mobile */
@media (max-width: 991px) {
  .solution-inner-right {
    flex: 0 0 100%;
  }
}


/* About Us Page */
/* =========================
   ABOUT HERO
========================= */

.aus-about-hero {
  min-height: clamp(22rem, 35vw, 31.25rem);
  /* 352px → 500px */
  background: url('/wp-content/uploads/2026/01/abt-banner-ellipse.png') no-repeat 89% 13% / contain;
}

.aus-about-hero-inner {
  min-height: clamp(22rem, 35vw, 31.25rem);
  background: url('/wp-content/uploads/2026/01/abt-banner-bg-e1771825718737.png') no-repeat 25% 24% / cover;
}

.aus-about-hero-main {
  min-height: clamp(22rem, 35vw, 31.25rem);
  padding-top: clamp(2rem, 5vw, 3.2rem);
  padding-bottom: clamp(6rem, 12vw, 14.38rem);
  background: url('/wp-content/uploads/2026/02/about-us-banner-top.png') no-repeat 10% 19% / cover;
}

.aus-about-content {
  min-height: clamp(22rem, 35vw, 31.25rem);
}

.aus-about-hero-img {
  margin-top: clamp(-15.625rem, -12vw, -8rem);
  /* -250px → -128px */
}


/* =========================
   VALUES SECTION
========================= */

.aus-about-values {
  padding-top: clamp(3rem, 6vw, 5rem);
  padding-bottom: clamp(4rem, 8vw, 7.94rem);
  background: url('/wp-content/uploads/2025/12/pg-overlay.svg') no-repeat 87% 15% / cover;
}

.aus-about-core-head,
.aus-about-core-description {
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
}


/* =========================
   VISION SECTION
========================= */

.aus-about-vision {
  padding-top: clamp(5rem, 10vw, 9.38rem);
  padding-bottom: clamp(3rem, 6vw, 5rem);
}

.aus-about-vision-inner {
  padding-bottom: clamp(1.5rem, 4vw, 3rem);
}


/* =========================
   TEAM SECTION
========================= */

.aus-out-team {
  padding-top: clamp(5rem, 9vw, 8.63rem);
  padding-bottom: clamp(2rem, 5vw, 3.13rem);
  background: url('/wp-content/uploads/2025/12/pg-overlay.svg') no-repeat 7% 16% / cover;
}

.aus-out-team-inner {
  margin-bottom: clamp(2.5rem, 6vw, 5.125rem);
}


/* =========================
   TEAM BANNER
========================= */

.team-banner {
  min-height: clamp(20rem, 30vw, 31.25rem);
  border-top-left-radius: clamp(4rem, 10vw, 9.38rem);
  border-bottom-right-radius: clamp(1.5rem, 4vw, 3.13rem);
  background: url('/wp-content/uploads/2026/02/Team-banner.webp') center / cover no-repeat;
}


/* =========================
   TEAM FEATURES
========================= */

.team-fea-wrp {
  border-bottom: 1px solid #e8e8e8;
  padding-top: clamp(1.5rem, 4vw, 2.56rem);
  padding-bottom: clamp(2rem, 5vw, 3.13rem);
}

.aus-team-grid {
  padding-top: clamp(2rem, 5vw, 3.13rem);
}


/* =========================
   ABOUT CTA
========================= */

.aus-about-cta-bottom {
  padding-top: clamp(3rem, 6vw, 4.56rem);
  padding-bottom: clamp(4rem, 8vw, 7.75rem);
}

.aus-about-cta-inner {
  text-align: center;
}

/* Single Services */


.srvc-det-ban-left {
  flex-basis: 60% !important;
}

.srvc-det-ban-right {
  flex-basis: 40% !important;
}

.aus-srvc-cover-1 {
  min-height: clamp(20rem, 25vw, 31.25rem);
  /* 320px → 500px */
  aspect-ratio: unset;
}

.aus-srvc-cover-2 {
  min-height: clamp(6.25rem, 10vw, 9.375rem);
  /* 100px → 150px */
  aspect-ratio: unset;
}

.aus-srvc-cover-3 {
  min-height: clamp(28rem, 40vw, 43.75rem);
  /* 448px → 700px */
  aspect-ratio: unset;
}

.aus-single-srvc-details {
  padding-top: clamp(2rem, 4vw, 3.13rem);
  /* 32px → 50px */
}

.aus-single-srvc-details-inner {
  border-bottom: 2px solid #cdcdcd;
}

.statement-contnt-row {
  margin-bottom: clamp(1.5rem, 4vw, 3rem) !important;
  /* 24px → 48px */
}


/* Large Desktop */
.system-card {
  flex: 0 0 28% !important;
}


.section-heading {
    display: inline-flex;
    align-items: center; /* NOT flex-start */
    gap: 0px; /* tighter like Figma */
}

.section-heading h3 {
    margin: 0;
    font-family: 'Poppins', sans-serif;
    font-size: 25px;
    font-weight: 500;
    line-height: 44px;
    color: #333333;
}

.section-heading .heading-icon {
    display: flex;
    align-items: center;
    transform: translateY(-14px); /* optical correction */
}

.section-heading .heading-icon img {
    width: 16px; /* Figma visual size */
    height: 16px;
    display: block;
}
.section-heading {
    display: inline-flex;
    align-items: center; /* NOT flex-start */
    gap: 0px; /* tighter like Figma */
}

.section-heading h3 {
    margin: 0;
    font-family: 'Poppins', sans-serif;
    font-size: 25px;
    font-weight: 500;
    line-height: 44px;
    color: #333333;
}

.section-heading .heading-icon {
    display: flex;
    align-items: center;
    transform: translateY(-14px); /* optical correction */
}

.section-heading .heading-icon img {
    width: 16px; /* Figma visual size */
    height: 16px;
    display: block;
}
.section-heading {
    display: inline-flex;
    align-items: center; /* NOT flex-start */
    gap: 0px; /* tighter like Figma */
}

.section-heading h3 {
    margin: 0;
    font-family: 'Poppins', sans-serif;
    font-size: 25px;
    font-weight: 500;
    line-height: 44px;
    color: #333333;
}

.section-heading .heading-icon {
    display: flex;
    align-items: center;
    transform: translateY(-14px); /* optical correction */
}

.section-heading .heading-icon img {
    width: 16px; /* Figma visual size */
    height: 16px;
    display: block;
}

/* ==========================================
   About Hero
========================================== */

.aus-about-hero-img-cover{
    min-height: clamp(20rem, 45vw, 30.69rem); /* 320px → 491px */
    aspect-ratio: unset;
}


/* ==========================================
   About Approach
========================================== */

.aus-about-approch-info{
    flex: 0 0 70%;
    max-width: 70%;
}


/* ==========================================
   Values Section
========================================== */

.aus-about-values-cover-1{
    min-height: clamp(15rem, 24vw, 17.5rem); /* 240px → 280px */
    aspect-ratio: unset;
}

.aus-about-values-cover-2{
    padding-top: clamp(1.25rem, 3vw, 1.88rem);
    min-height: clamp(24rem, 45vw, 32.19rem); /* 384px → 515px */
    aspect-ratio: unset;
}

.aus-about-values-img-1{
    min-height: clamp(20rem, 42vw, 31.25rem); /* 320px → 500px */
}

.aus-about-values-cover-3{
    padding-top: clamp(1.25rem, 2vw, 1.7rem);
    padding-right: clamp(1rem, 3vw, 2.31rem);
    padding-left: clamp(1rem, 2vw, 1.56rem);
    min-height: clamp(10rem, 18vw, 12.5rem); /* 160px → 200px */
    aspect-ratio: unset;
}

.icon-star-rotate img{
    object-fit: cover;
    width: clamp(3rem, 6vw, 4.375rem); /* 48px → 70px */
    height: clamp(3rem, 6vw, 4.375rem);
}

.aus-about-values-cover-4{
    min-height: clamp(14rem, 22vw, 16.25rem); /* 224px → 260px */
    aspect-ratio: unset;
}

.aus-about-values-cover-5{
    padding-top: clamp(1.25rem, 3vw, 1.88rem);
    min-height: clamp(25rem, 46vw, 33.25rem); /* 400px → 532px */
    aspect-ratio: unset;
}

.aus-about-values-img-2{
    min-height: clamp(20rem, 42vw, 31.25rem);
}

.aus-about-values-cover-6{
    border-radius: 25px;
    padding-top: clamp(1.25rem, 3vw, 1.88rem);
    padding-right: clamp(1rem, 3vw, 2.31rem);
    padding-left: clamp(1rem, 2vw, 1.56rem);
    min-height: clamp(18rem, 30vw, 21.88rem); /* 288px → 350px */
    aspect-ratio: unset;
}


/* ==========================================
   Vision Section
========================================== */

.aus-about-vision-wrap{
    min-height: clamp(24rem, 42vw, 31.25rem); /* 384px → 500px */
}

.aus-about-vision-wrap-inner{
    min-height: clamp(24rem, 42vw, 31.25rem);
    padding-top: clamp(3rem, 6vw, 6.25rem);
    padding-bottom: 0;
}

.aus-about-vision-col{
    padding-top: clamp(1.5rem, 3vw, 2rem);
    padding-right: clamp(1rem, 3vw, 2rem);
    padding-left: clamp(1.5rem, 5vw, 4rem);
}

.aus-about-vision-col-1{
    flex: 0 0 49.5%;
    max-width: 49.5%;
}

.aus-about-vision-col-2{
    flex: 0 0 49%;
    max-width: 49%;
}


/* ==========================================
   Typography
========================================== */

.aus-about-innovate-heading{
    font-style: normal;
    font-weight: 700;
    line-height: 1.5;
}

.aus-about-innovate-para{
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
}


/* ==========================================
   Team
========================================== */

.aus-about-team-img{
    margin-bottom: clamp(0.75rem, 2vw, 1.125rem);
}

.design-partner{
    min-height: clamp(24rem, 42vw, 31.25rem);
}

.aus-about-team-arrow img{
    object-fit: cover;
    width: clamp(6rem, 12vw, 9.75rem); /* 96px → 156px */
    height: clamp(3.2rem, 7vw, 5.19rem); /* 51px → 83px */
}

.aus-about-team-desc{
    font-style: normal;
    font-weight: 400;
    line-height: 1;
}


/* Hide Team Column */

.team-col{
    display: none;
}





/* ==========================================
   Tablet
========================================== */

@media (max-width:991px){

    .aus-about-approch-info,
    .aus-about-vision-col-1,
    .aus-about-vision-col-2{
        flex: 0 0 100%;
        max-width: 100%;
    }

    .aus-about-vision-col{
        padding: 2rem;
    }

}


/* ==========================================
   Mobile
========================================== */

@media (max-width:767px){

    .aus-about-vision-col{
        padding: 1.5rem;
    }

    .aus-about-values-cover-3,
    .aus-about-values-cover-6{
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .aus-about-team-arrow img{
        width: 100px;
        height: auto;
    }

}



/* Laptop */
@media (max-width: 1440px) {
  .system-card {
    flex: 0 0 40% !important;
  }
}

/* Tablet Landscape */
@media (max-width: 1024px) {
  .system-card {
    flex: 0 0 45% !important;
  }
}

/* Tablet Portrait */
@media (max-width: 768px) {
  .system-card {
    flex: 0 0 70% !important;
  }
}

/* Mobile */
@media (max-width: 576px) {
  .system-card {
    flex: 0 0 100% !important;
  }
}

.system-qmark {
  width: clamp(3rem, 5vw, 5rem);
  height: auto;
}

.system-title {
  margin: 0;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: clamp(1.25rem, 1.2vw + 0.9rem, 2rem);
  line-height: 1.3;
  letter-spacing: -0.02em;
}

.system-desc {
  margin: 0;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: clamp(0.875rem, 0.5vw + 0.75rem, 1.125rem);
  line-height: 1.7;
}

/* ===== SYSTEM SLIDER ===== */

.ausp-system-slider {
  width: 100%;
  overflow: hidden;
}

.ausp-system-track {
  display: flex;
  gap: 32px;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
}

.ausp-system-track::-webkit-scrollbar {
  display: none;
}

/* ===== DESKTOP / LAPTOP ===== */
/* 3 full cards + 80% 4th */

.system-card {
  .system-card {
    flex: 0 0 calc((100% - -230px) / 4.4);
  }

  height:400px;
  background:#F3F3F3;

  padding:50px;
  padding-right:140px;

  position:relative;

  display:flex;
  flex-direction:column;
  justify-content:flex-start;

}

/* QUESTION MARK */

.system-qmark {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 95px;
  opacity: 1;
  pointer-events: none;
}

/* TITLE */

.system-title {
  font-family: Poppins;
  font-weight: 600;
  font-size: var(--ausp-fs-lg);
  line-height: 44px;
  color: #333;
  margin-bottom: 20px;
}



.ausp-system-track {
  gap: clamp(1rem, 2vw, 2rem);
}

.aus-services-slider-intro {
  margin-top: 0;
  margin-bottom: 0;
}

.aus-services-info {
  padding-top: clamp(3rem, 6vw, 6.25rem);
  /* 48px → 100px */
  padding-bottom: clamp(1rem, 2vw, 1.63rem);
  /* 16px → 26px */
}
.aus-services-info-2 {
  padding-top: clamp(3rem, 6vw, 6.25rem);
  /* 48px → 100px */
  padding-bottom: clamp(1rem, 2vw, 1.63rem);
  /* 16px → 26px */
}
.aus-services-slider {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: clamp(2.5rem, 5vw, 5rem);
  /* 40px → 80px */
}

.aus-srvc-slider {
  padding-left: clamp(1rem, 8vw, 25rem);
}

.aus-srvc-software {
  padding-top: 0;
  padding-bottom: clamp(2.5rem, 5vw, 4.25rem);
  /* 40px → 68px */
}

.software-font-para {
  margin-bottom: clamp(2rem, 5vw, 4.375rem);
  /* 32px → 70px */
  font-style: normal;
  font-weight: 400;
  font-size: clamp(1rem, 0.5vw + 0.9rem, 1.125rem);
  line-height: 1.7;
}

.aus-services-img img {
  width: clamp(1rem, 1.5vw, 1.4375rem);
  /* 16px → 23px */
  height: auto;
  display: block;
}

.aus-capabilities-cover {
  border: none;
  min-height: clamp(22rem, 40vw, 37.5rem);
  /* 352px → 600px */
  aspect-ratio: unset;
}

.aus-capabilities-list {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: clamp(3rem, 7vw, 8.19rem);
  /* 48px → 131px */
}

.aus-capabilities-list-inner {
  background-color: #ffffff00
}

.aus-capabilities-card {
  min-height: clamp(18rem, 25vw, 22rem);
  /* 288px → 352px */
  padding-top: clamp(2rem, 4vw, 3.56rem);
  /* 32px → 57px */
  padding-right: clamp(1.5rem, 3vw, 2.5rem);
  /* 24px → 40px */
  padding-bottom: clamp(1.5rem, 3vw, 2rem);
  /* 24px → 32px */
  padding-left: clamp(1.5rem, 4vw, 3.13rem);
  /* 24px → 50px */
}

.aus-cap-head {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: clamp(1.5rem, 1vw + 1.2rem, 2.25rem);
  line-height: 1.5;
}

.aus-cap-subhead {
  color: #db2c5e;
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: clamp(0.875rem, 0.3vw + 0.8rem, 1rem);
  /* 14px → 16px */
  line-height: 1.5;
}

.aus-cap-para {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: clamp(0.9375rem, 0.3vw + 0.85rem, 1rem);
  /* 15px → 16px */
  line-height: 1.7;
}

.aus-business-impact {
  padding-top: clamp(3rem, 7vw, 6.94rem);
  /* 48px → 111px */
}

.aus-business-impact-inner {
  border-bottom: 1px solid #c3c3c3;
  padding-bottom: clamp(2.5rem, 5vw, 4.5rem);
  /* 40px → 72px */
}

.aus-impact-intro {
  padding-bottom: clamp(2rem, 5vw, 4.69rem);
  /* 32px → 75px */
}

.impact-card.aus-impact-card {
  border: 1px solid #dfdfdf;
  min-height: clamp(18rem, 24vw, 22rem);
  /* 288px → 352px */
  padding-top: clamp(2rem, 4vw, 3.56rem);
  /* 32px → 57px */
  padding-right: clamp(1.5rem, 3vw, 3.13rem);
  /* 24px → 50px */
  padding-bottom: clamp(2rem, 4vw, 3.56rem);
  /* 32px → 57px */
  padding-left: clamp(1.5rem, 3vw, 3.13rem);
  /* 24px → 50px */
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.impact-card.aus-impact-card:hover {
  box-shadow: 4px 15px 21px 6px #0000001A;
  transform: translateY(-4px);
}

.impact-title {
  flex-basis: 70% !important;
}

.impact-img {
  flex-basis: 30% !important;
}

.aus-impact-head {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: clamp(1.25rem, 0.8vw + 1rem, 2rem);
      line-height: 1.5;
    word-wrap: normal;
    word-break: normal;
}

.aus-technology-sec {
  padding-top: clamp(3rem, 6vw, 6.25rem);
  /* 48px → 100px */
  padding-bottom: 70px;
}

.aus-technology-intro {
  margin-bottom: clamp(1rem, 2vw, 1.875rem) !important;
  /* 16px → 30px */
}

.aus-tech-footer {
    padding-top: clamp(1.5rem, 4vw, 3.44rem);
    padding-bottom: clamp(1.5rem, 4vw, 3.44rem);
}
.aus-faq-sec {
  padding-top: clamp(2.5rem, 5vw, 4rem);
  /* 40px → 64px */
  padding-bottom: clamp(3rem, 6vw, 5.63rem);
  /* 48px → 90px */
}

.accordian-item {
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 1px solid var(--wp--preset--color--gray-light);
}

.accordian-head {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: clamp(1rem, 0.5vw + 0.9rem, 1.375rem);
  line-height: 1.5;
}
.accordian-head button {
    padding: 0.25rem 0 clamp(1rem, 2vw, 1.5rem) 0;
  }

.accordian-item-para {
  padding-top: 0;
  padding-bottom: clamp(1.25rem, 3vw, 2.13rem);
  /* 20px → 34px */
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: clamp(0.9375rem, 0.3vw + 0.85rem, 1rem);
  line-height: 1.7;
}

.aus-fram-wrap {
    padding-top: clamp(3rem, 6vw, 6rem);      /* 48px → 96px */
    padding-bottom: clamp(3rem, 6vw, 6rem);   /* 48px → 96px */
    background-image: url('http://localhost/auspian-elite/wp-content/uploads/2026/03/framework-bg.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.framework-card {
    padding-top: clamp(2rem, 4vw, 4rem);          /* 32px → 64px */
    padding-right: clamp(1rem, 2vw, 1.38rem);     /* 16px → 22px */
    padding-bottom: clamp(1.75rem, 3vw, 2.81rem); /* 28px → 45px */
    padding-left: clamp(1rem, 2vw, 1.06rem);      /* 16px → 17px */
}

.aus-frame-number {
    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-weight: 200;
    font-size: clamp(2rem, 3vw + 1rem, 4rem);
    line-height: 1;
}

.aus-frame-head {
    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: clamp(1.125rem, 0.8vw + 1rem, 1.75rem);
    line-height: 1.5;
}

.framework-cta {
    padding-top: clamp(1.5rem, 4vw, 3.44rem); /* 24px → 55px */
}

.aus-single-srvc-hero-desc {
    font-size: clamp(1rem, 1rem + ((1vw - 0.2rem) * 0.557), 1.56rem);
    line-height: 1.7;
}

.aus-services-slider-intro {
    margin-top: 0;
    margin-bottom: 0;
}

.system-prev a.wp-block-button__link.has-heading-color.has-text-color.has-link-color.wp-element-button,
.system-next a.wp-block-button__link.has-heading-color.has-text-color.has-link-color.wp-element-button {
    padding: 0px;
}

.capabilities-icon img {
    width: auto;
    height: clamp(3.75rem, 8vw, 6.25rem); /* 60px → 100px */
    object-fit: contain;
}

.aus-srvc-faq-heading {
    line-height: 1.4;
}

.has-ausp-primary-gradient-background {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.3s ease;
    border-radius: 0px !important;
}

.imapact-spn-heading {
    padding-top: clamp(1.5rem, 4vw, 3.44rem); /* 24px → 55px */
}

.aus-srvc-details-sec {
    padding-top: 0;
    padding-bottom: clamp(2.5rem, 5vw, 4.25rem); /* 40px → 68px */
}

.aus-srvc-details-sec-sub-head {
    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: clamp(1rem, 0.5vw + 0.9rem, 1.125rem); /* 16px → 18px */
    line-height: 1.7;
}

.aus-srvc-details-desc {
    margin-bottom: clamp(2rem, 5vw, 4.375rem); /* 32px → 70px */
    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: clamp(1rem, 0.5vw + 0.9rem, 1.125rem); /* 16px → 18px */
    line-height: 1.7;
}
.aus-backend-tech{
  padding: 2rem 0rem;
}


@media (max-width: 767px) {

  .srvc-det-ban-left,
  .srvc-det-ban-right {
    flex-basis: 100% !important;
  }

  .system-card {
    min-height: 250px;
    padding: 1.5rem;
    height: 100%;
  }

  .system-qmark {
    width: 3rem;
  }

  .system-title {
    font-size: 1.25rem !important;
    line-height: 1.35 !important;
    width: 85%;
  }

  .aus-srvc-slider {
    padding-left: 0;
    padding-right: 0;
  }

  .aus-srvc-software {
    padding-bottom: 2.5rem;
  }

  .software-font-para {
    margin-bottom: 2rem;
  }

  .aus-services-img img {
    width: 1rem;
  }

  .aus-capabilities-cover {
    min-height: 22rem;
  }

  .aus-capabilities-list {
    padding-bottom: 3rem;
  }

  .aus-capabilities-card {
    min-height: auto;
    padding: 1.75rem;
  }

  .aus-business-impact {
    padding-top: 3rem;
  }

  .aus-business-impact-inner {
    padding-bottom: 2.5rem;
  }

  .aus-impact-intro {
    padding-bottom: 2rem;
  }

  .impact-card.aus-impact-card {
    min-height: auto;
    padding: 1.75rem;
  }

  .impact-title,
  .impact-img {
    flex-basis: 100% !important;
  }

  .impact-img {
    margin-top: 1rem;
  }

  .aus-technology-sec {
    padding: 3rem 0rem;
  }

  .aus-technology-intro {
    margin-bottom: 1rem;
  }

  

  .aus-tech-footer {
    padding-top: 1.5rem;
  }

  .aus-faq-sec {
    padding-top: 2.5rem;
    padding-bottom: 3rem;
  }

  .accordian-head {
    font-size: 1rem;
    line-height: 1.4;
  }

  .accordian-item-para {
    padding-bottom: 1.25rem;
  }

  .aus-fram-wrap {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .framework-card {
        padding: 1.5rem;
    }

    .framework-cta {
        padding-top: 1.5rem;
    }

    .aus-single-srvc-hero-desc {
        line-height: 1.6;
    }

    .capabilities-icon img {
        height: 4rem; /* 64px */
    }

    .aus-srvc-faq-heading {
        line-height: 1.3;
    }
    .aus-services-info-2 {
        padding-top: 0;
    }
     .aus-srvc-details-sec {
        padding-bottom: 2.5rem;
    }

    .aus-srvc-details-desc {
        margin-bottom: 2rem;
    }

}

/* Header */
header .has-ausp-primary-gradient-background{
  justify-content: start !important;
}

/* ======================================================
   HEADER WRAPPER
====================================================== */

.aus-header-container{
    background-color:transparent;
    margin-top:0;
    margin-bottom:0;
    padding-top:2px;
    padding-right:55px;
    padding-bottom:20px;
    padding-left:28px;
}

.aus-header-row{
    padding-top:var(--wp--preset--spacing--70);
    padding-right:.5rem;
    padding-bottom:var(--wp--preset--spacing--50);
    padding-left:.5rem;
}

.aus-header-bar{
    margin-top:0;
    margin-bottom:0;
    padding:0;
}

.menu-toggle-home{
    padding:0;
}

.aus-header-bar a{
    padding:0;
}

/* ======================================================
   POPUP COVER
====================================================== */

.aus-header-cover{
    min-height:50vh;
    aspect-ratio:unset;
    padding:0;
}

/* ======================================================
   POPUP COLUMNS
====================================================== */

.aus-header-pop-left{
    flex: 0 0 60% !important;
    padding-bottom:0;
}

.aus-header-pop-right{
    flex: 0 0 40% !important;
    padding:0;
    /* position : relative !important; */
}

/* ======================================================
   LEFT PANEL
====================================================== */

.aus-header-pop-inner-left{
    min-height:95vh;
    padding-top:124px;
    padding-left:134px;
}

/* ======================================================
   RIGHT PANEL
====================================================== */

.aus-header-pop-inner-right{
    min-height:95vh;
    padding-right:5px;
}

/* ======================================================
   CLOSE BUTTON
====================================================== */
.aus-header-pop-right {
    position: relative;
}

.close-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 9999;
    width: auto;
}

/* ======================================================
   RIGHT CONTENT
====================================================== */

.aus-header-text-right{
    padding-top:233px;
    padding-left:134px;
}

/* ======================================================
   CONTACT INFO
====================================================== */

.aus-header-info-1{
    padding-left:0;
    padding-right:0;
}

.aus-header-info-inner-col-1{
    flex: 0 0 10% !important;
    padding-left:0;
    padding-right:0;
    border-bottom:2px solid var(--wp--preset--color--white);
}

.aus-info-header-contact{
    margin-bottom:var(--wp--preset--spacing--20);
}

.aus-header-info-inner-col-2{
    flex: 0 0 90% !important;
    padding-left:0;
    padding-right:0;
}

.aus-header-contact-info{
    padding-left:0;
    padding-right:0;
}

.aus-header-info-inner-col-3{
    flex: 0 0 15% !important;
    padding-left:0;
    padding-right:0;
    border-bottom:2px solid var(--wp--preset--color--white);
}

.aus-header-info-inner-col-4{
    flex: 0 0 85% !important;
    padding-left:0;
    padding-right:0;
}



/* ===========================
   Tablet
=========================== */

@media (max-width:1024px){

    .aus-header-container{
        padding-right:40px;
        padding-left:24px;
    }

    .aus-header-pop-inner-left,
    .aus-header-text-right{
        padding-top:90px;
        padding-left:70px;
    }

}

/* ===========================
   Mobile
=========================== */

@media (max-width:767px){

    .aus-header-container{
        padding:10px 20px 15px;
    }

    .aus-header-pop-inner-left,
    .aus-header-text-right{
        padding-top:60px;
        padding-left:24px;
        padding-right:24px;
    }

    .aus-header-pop-inner-right{
        padding-right:0;
    }

}
/* ===========================
   Large Tablet
=========================== */

@media (max-width: 1024px){

    .aus-header-pop-left{
        flex: 0 0 55% !important;
        max-width: 55%;
        min-height : 500px !important;
    }

    .aus-header-pop-right{
        flex: 0 0 45% !important;
        max-width: 45%;
        min-height : 500px !important;
    }

}

/* ===========================
   Tablet
=========================== */

@media (max-width: 768px){

    .aus-header-pop-left{
        flex: 0 0 100% !important;
        max-width: 100%;
    }

    .aus-header-pop-right{
        flex: 0 0 100% !important;
        max-width: 100%;
        min-height : 100% !important;
    }
    .hro-left.col-right{
      display : none !important;
    }

}

/* ===========================
   Mobile
=========================== */

@media (max-width: 576px){

    .popup-wrapper{
        gap: 0;
    }

    .aus-header-pop-left,
    .aus-header-pop-right{
        flex: 0 0 100% !important;
        max-width: 100%;
    }

}


/* Footer */
/* ==========================
   Footer Wrapper
========================== */

.aus-footer-wrap{
    border: none;
    margin: 0;
    padding-block: clamp(3.5rem, 6vw, 6.25rem);
}


/* ==========================
   Footer Column 1
========================== */

.aus-footer-col-1,
.aus-footer-col-1-inner{
    padding-top: clamp(4rem, 8vw, 7.8125rem);      /* 64px → 125px */
    padding-bottom: clamp(3.5rem, 6vw, 6.25rem);   /* 56px → 100px */
}


/* ==========================
   Footer Heading
========================== */

.aus-footer-col-1-head{
    font-style: normal;
    font-weight: 600;
}


/* ==========================
   Footer Second Row
========================== */

.aus-footer-col-2-left{
    flex: 0 0 33.333%;
    max-width: 33.333%;
}

.aus-footer-col-2-right{
    flex: 0 0 66.667%;
    max-width: 66.667%;
}

.aus-footer-col-2-txt{
    margin-top: clamp(0.75rem, 2vw, 1.25rem); /* 12px → 20px */
}


/* ==========================
   Footer Links
========================== */

.aus-footer-links{
    font-style: normal;
    font-weight: 600;
}


/* ==========================
   Footer Bottom
========================== */

.aus-footer-bottom-col-1{
    flex: 0 0 20%;
    max-width: 20%;
}

.aus-footer-bottom-col-2{
    flex: 0 0 40%;
    max-width: 40%;
}

.aus-footer-bottom-col-3{
    flex: 0 0 40%;
    max-width: 40%;
}


/* ==========================
   Brand Heading
========================== */

.aus-footer-brand-head{
    font-style: normal;
    font-weight: 300;
}


/* ==========================
   Tablet
========================== */

@media (max-width: 991px){

  html,
body {
    overflow-x: revert !important;
}


    .aus-footer-wrap{
        padding-block: 4rem;
    }

    .aus-footer-col-1,
    .aus-footer-col-1-inner{
        padding-top: 5rem;
        padding-bottom: 4rem;
    }

    .aus-footer-col-2-left,
    .aus-footer-col-2-right{
        flex: 0 0 100%;
        max-width: 100%;
    }

    .aus-footer-bottom-col-1,
    .aus-footer-bottom-col-2,
    .aus-footer-bottom-col-3{
        flex: 0 0 100%;
        max-width: 100%;
    }
}


/* ==========================
   Mobile
========================== */

@media (max-width: 767px){

    .aus-footer-wrap{
        padding-block: 3rem;
    }

    .aus-footer-col-1,
    .aus-footer-col-1-inner{
        padding-top: 3.5rem;
        padding-bottom: 3rem;
    }

    .aus-footer-col-2-txt{
        margin-top: 1rem;
    }
    .aus-footer-bottom-col-2-inner{
      justify-content: center !important;
    }
    .aus-footer-bottom-col-3{
      display : flex;
      justify-content: center;

    }
    .aus-footer-bottom-col-3 .wp-block-group.is-content-justification-right.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-3e2b038e.wp-block-group-is-layout-flex{
      width : 100%;
    }
    .aus-footer-brand-head{
      line-height: 1.5;
      width : 48% !important;
    }
    .aus-footer-brand-head a{
      font-weight: 600 !important;
      color : #000 !important;
      display: block !important;
    }
}

/* Case Stuyd */
.aus-case-study-list {
    padding-top: clamp(4.375rem, 2.5rem + 4vw, 6.25rem);
    padding-bottom: clamp(4.375rem, 2.5rem + 4vw, 6.25rem);
}

.case-archive .case-media::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.6),
        rgba(0, 0, 0, 0.1)
    );
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
    pointer-events: none;
}

.case-archive .case-media:hover::before {
    opacity: 1;
}


/* New Optimize CSS */

.hro-outer {
    position: relative;
    overflow: hidden;
}

.hro-outer::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("/wp-content/uploads/2025/12/lotus-right.png");
    background-position: 0% 0%;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.25; /* Only the image opacity */
    pointer-events: none;
    z-index: 0;
}

.hro-outer > * {
    position: relative;
    z-index: 1;
}

.aus-service-learn-cta{

  display : none

}

.srv-mrgn-btm {
    margin-top: 19.2px;
}
.counter-desc {
    margin: 5px 0px 0px 0px;
}
#solutionSlider {
    touch-action: pan-y;
    user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}

.service-card::after{
  opacity: 0 !important;
}

.aus-home-approch-col-1{

  padding-right : 30px

}
@media(max-width : 768px){
.aus-home-approch-col-1{

  padding-right : 0px

}
}



@media (max-width: 1024px) {
    body::before {
        border-width: 10px;
    }
}

/* Tablet */
@media (max-width: 991px) {
    .svg-wrap {
        width: min(100%, 26rem);
        aspect-ratio: 1 / 1;
    }
}
/*Mobile */
@media (max-width : 768px){
  body::before {
        border-width: 6px;
    }

  .hro-left {
        padding:
            2rem      /* Top: 32px */
            1rem      /* Right: 16px */
            2rem      /* Bottom: 32px */
            1.25rem;  /* Left: 20px */
    }
.hro-wrapper{
  padding : 0px !important;
}
  .aus-service-learn-cta{
  
    display : block;
    padding-bottom : 20px;
  
  }
  .svg-wrap {
        width: min(100%, 18rem);
        aspect-ratio: 1 / 1;
    }
    .hro-left.col-right{
      padding: 0px !important;
    
    }
    .hro-left.col-left {
        padding-bottom: 70px !important;
        padding-top: 70px !important;
    }
    .aus-home-approch-col-2{
      padding-top : 20px !important;
    }
     .counter-number {
      font-size: 24px !important;
  line-height: 24px !important;
  margin-bottom: 10px;
  font-weight: 600;
}
.counter-head {
  font-size: 24px !important;
  line-height: 24px !important;
  margin-bottom: 10px;
  font-weight: 600;
}
.aprch-row {
    margin-top: 5px;
}
 .justify-text {
        text-align: justify;
        text-justify: inter-word;
        text-align-last: center;
        hyphens: auto;
        line-height: 1.7;
    }
    .aus-home-challenge-sec{
      padding-left: 16px;
      padding-right: 16px;
    }
    .solution-card {
    background-repeat: no-repeat;
    height: 445px;
}

}
@media (max-width: 480px) {
    body::before {
        border-width: 4px;
    }
    .solution-card {
    background-size: contain;
    height: 235px;
}
.work-card {
    flex: 0 0 100%;
    height: clamp(175px, 55vw, 225px);
    padding: 24px 10px 5px;
    min-height: unset !important;
}
span.work-meta {
    display: none;
}
p.work-desc {
    display: none;
}
.work-title {
        font-size: clamp(18px, calc(8px + 3.125vw), 22px);
        line-height: clamp(24px, calc(12px + 3.75vw), 30px);
    }
}

.aus-case-category {

  margin : 5px 0px !important;

}
.aus-case-category a{

  color : #000	;
  cursor : none;
  font-size : 16px;
  font-weight : 500;
  margin : 0px !important;
}

/* Desktop */
@media (min-width: 768px) {
    .aus-filter-btn {
        display: none !important;
    }

    .sider-bar-toggle-content {
        display: block !important;
        position: static;
        transform: none;
        opacity: 1;
        visibility: visible;
    }
    button.sidebar-close-btn {
    display: none;
}

p.txt-dec.aus-footer-links.has-heading-color.has-text-color.has-link-color.has-base-font-size.wp-elements-d941fe4bea413f5d951120f965832269.wp-block-paragraph {
    display: none;
}

}



/* Mobile */
@media (max-width:767px){

    body.sidebar-open{
        overflow:hidden;
    }

    .sidebar-overlay{
        position:fixed;
        inset:0;
        background:rgba(0,0,0,.55);
        opacity:0;
        visibility:hidden;
        pointer-events:none;
        transition:.3s;
        z-index:9998;
    }

    .sidebar-overlay.is-active{
        opacity:1;
        visibility:visible;
        pointer-events:auto;
    }

    .sider-bar-toggle-content{
        position:fixed;
        top:0;
        left:0;
        width: 100%;
        padding: 40px 20px 20px 20px;;
        height:100vh;
        overflow-y:auto;
        background:#fff;
        transform:translateX(-100%);
        transition:transform .35s ease;
        z-index:9999;
    }

    .sider-bar-toggle-content.is-open{
        transform:translateX(0);
    }

    .sidebar-close-btn{
        position:absolute;
        top:20px;
        right:20px;
        z-index:1;
        border:none;
        background:none;
        font-size:32px;
        cursor:pointer;
    }
    .aus-blog-content{
      padding-right: 20px;
      padding-left: 20px;
    }
    .aus-blog-main{
      padding-bottom : 30px !important;
    }
    p.txt-dec.aus-footer-links.has-heading-color.has-text-color.has-link-color.has-base-font-size.wp-elements-d941fe4bea413f5d951120f965832269.wp-block-paragraph {
    display: none;
}
}


/* ===========================
   Terms / Privacy Page
=========================== */

.policy-content{
    max-width: 1200px;
    margin: 0 auto;
    padding: clamp(60px,8vw,100px) 20px;
    color:#333333;
    font-family:'Poppins',sans-serif;
}

.policy-content h2{
    font-size:clamp(24px,3vw,35px);
    font-weight:700;
    line-height:1.2;
    color:#333333;
    margin:70px 0 25px;
}

.policy-content h2:first-of-type{
    margin-top:0;
}

.policy-content h3{
    font-size:clamp(26px,3vw,35px);
    font-weight:700;
    line-height:1.3;
    color:#333333;
    margin:45px 0 20px;
}

.policy-content p{
    font-size:16px;
    font-weight:400;
    line-height:25px;
    color:#333333;
    margin-bottom:18px;
}

.policy-content a{
    color:#FD5F68;
    text-decoration:none;
    transition:.3s;
}

.policy-content a:hover{
    text-decoration:underline;
}

.policy-content ul,
.policy-content ol{
    margin:15px 0 25px 30px;
    padding:0;
}

.policy-content li{
    font-size:16px;
    line-height:25px;
    color:#333333;
    margin-bottom:10px;
}

.policy-content li::marker{
    color:#FD5F68;
}

.policy-content strong{
    font-weight:600;
}

.policy-meta{
    margin-bottom:40px;
}

.policy-meta p{
    margin:6px 0;
}

@media (max-width:767px){

    .policy-content{
        padding:60px 20px;
    }

    .policy-content h2{
        margin:50px 0 20px;
    }

    .policy-content h3{
        margin:35px 0 18px;
    }

    .policy-content ul,
    .policy-content ol{
        margin-left:22px;
    }

}


/*& Close Button */
.close-btn {
    position: absolute;
    top: 20px;
    z-index: 9999;
    width: auto;
}

/* 200px - 424px */
@media (max-width: 424px) {
    .close-btn {
        right: -10%;
    }
}

/* 425px - 599px */
@media (min-width: 425px) and (max-width: 599px) {
    .close-btn {
        right: -10%;
    }
}

/* 600px - 767px */
@media (min-width: 600px) and (max-width: 767px) {
    .close-btn {
        right: -60%;
    }
}

/* 768px - 990px */
@media (min-width: 768px) and (max-width: 990px) {
    .close-btn {
        right: -5%;
    }
}

/* 991px - 1023px */
@media (min-width: 991px) and (max-width: 1023px) {
    .close-btn {
        right: -25%;
    }
}

/* 1024px - 1279px */
@media (min-width: 1024px) and (max-width: 1279px) {
    .close-btn {
        right: 0%;
    }
}

/* 1280px - 1399px */
@media (min-width: 1280px) and (max-width: 1399px) {
    .close-btn {
        right: -25%;
    }
}

/* 1400px - 1599px */
@media (min-width: 1400px) and (max-width: 1599px) {
    .close-btn {
        right: -10%;
    }
}

/* 1600px - 1999px */
@media (min-width: 1600px) and (max-width: 1999px) {
    .close-btn {
        right: -25%;
    }
}

/* 2000px and above */
@media (min-width: 2000px) {
    .close-btn {
        right: -50%;
    }
}

@media (max-width : 1280px) and (min-width : 991px){

  .aus-header-text-right {
    padding-top: 130px;
    padding-left: 60px;
}

}


@media (max-width : 576px){
  .aus-technology-intro{
    padding: 0px 16px;
  }
  .tech-grid{
    padding : 0px 16PX;
            grid-template-columns: repeat(1, 1fr) !important;
  }
  .tech-item {
    width: 100% !important;
    padding: 20px 10px !important;
  }

}
.wp-block-heading.has-text-align-center.heading-mb{
   color : #000;
}

@media(max-width : 768px){
   .aus-srvc-cover-3{
    min-height: 100% !important;
    height: 100% !important;
    fill: contain !important;
    padding : 0px !important;
   }
   .srvc-det-banner-img img{
    position: static !important;
    height: 100% !important;
    width: 100% !important;
    object-fit: contain !important;
   }
   .blog-meta-row{
    margin-bottom : 20px !important;
   }
}

@media (max-width : 576px){
.aus-author-info{
  margin-bottom: 20px !important;
   }

  }

/* Single Solution Page */

@media(max-width : 768px){
.aus-hero-main h1{
  font-size : 32px !important
}
}

.aus-single-solution-row{

  display : flex;
  flex-direction : column;

}
.aus-single-solution-row figure.wp-block-image.aligncenter.size-large{

  width : 100% !important;
  height : 100% !important;
  margin : 0px 0px !important;
}
.aus-single-solution-row img{

  width : 100% !important;
  height : 100% !important;
  margin : 0px 0px 20px 0px !important;
}