html,
  body,
  div,
  span,
  applet,
  object,
  iframe,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  blockquote,
  pre,
  a,
  abbr,
  acronym,
  address,
  big,
  cite,
  code,
  del,
  dfn,
  em,
  font,
  img,
  ins,
  kbd,
  q,
  s,
  samp,
  small,
  strike,
  strong,
  sub,
  sup,
  tt,
  var,
  dl,
  dt,
  dd,
  ol,
  ul,
  li,
  fieldset,
  form,
  label,
  legend,
  table,
  caption,
  tbody,
  tfoot,
  thead,
  tr,
  th,
  td {
    margin: 0;
    padding: 0px;
    border: 0;
    outline: 0;
  }
  html {
      overflow-y: scroll;
  }

  body {
      overflow-x: clip;
  }

  header.header.is-sticky {
          position: sticky !important;
      top: 0 !important;
  }
  body {
    color: #16203A;
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 18px;
    background: #fff;
  }

  a {
    font-size: 14px;
    font-family: 'Montserrat';
    font-weight: 700;
    text-decoration: none;
  }

  a:hover {
    color: #BA7533;
  }

  :root {
    --blue: #2b3f6d;
    --brown: #ba7533;
    --grey: #6c6d6d;
    --cream: #f5efe8;
    --white: #fff;
    --black: #000000;
  }

  h1 {
    font-family: 'Sorts Mill Goudy';
    font-size: 74px;
    font-weight: 400;
    position: relative;
    color: var(--white);
    line-height: 1.06;
    letter-spacing: 0.01em;
    margin: 0;
  }

  h2 {
    font-family: 'Sorts Mill Goudy';
    font-size: 50px;
    font-weight: 400;
    line-height: 1.14;
    letter-spacing: 0.2px;
    position: relative;
    color: var(--blue);
    margin: 0;
  }

  h3 {
    font-family: 'Sorts Mill Goudy';
    position: relative;
  }

  h4 {
    font-family: 'Sorts Mill Goudy';
    font-weight: bold;
    position: relative;
    color: var(--white);
  }

  h5 {
    font-family: 'Sorts Mill Goudy';
    position: relative;
    font-size: 24px;
    color: var(--white);
  }

  h6 {
    position: relative;
  }

  p {
    margin-bottom: 30px;
  }

  .container {
    max-width: 1280px !important;
  }

  /*---------------------------
          Header
  ---------------------------*/

  header {
    position: sticky;
    top: 0px;
    background: rgb(245, 239, 232);
    border-bottom: 3px solid var(--brown);
    transition: box-shadow 0.4s, background 0.4s;
    z-index: 9999;
  }

  header.header.is-sticky {
      box-shadow: 0 8px 20px rgba(0,0,0,0.1);
  }

  .header-top {
    background: linear-gradient(rgba(27, 41, 66, 0.82), rgba(22, 32, 58, 0.92)) center center / cover, url(../images/qaulity-bg.png) center center / cover;
    background-size: cover;
    background-position: center;
  }

  .header-right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 25px;
  }

  .header-top .social-icons {
    width: auto !important;
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .header-right h6 {
    margin: 0 !important;
    line-height: 1;
    font-size: 16px;
    color: var(--brown);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
  }

  .phone-div {
    display: flex !important;
    align-items: baseline !important;
    gap: 6px;
    white-space: nowrap !important;
  }

  .phone-div a {
    color: var(--white);
    text-decoration: none;
    font-weight: 700;
    transition: all 0.3s ease-in-out;
    font-size: 20px;
  }

  .phone-div a:hover {
    color: var(--brown);
  }

  .social-icons img {
    height: 25px;
  }

  .top-text {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #fff;
  }

  .top-text::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('/wp-content/uploads/2026/07/shield.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0;
  }

  .top-text p {
    margin: 0;
  }

  .top-nav {
    display: flex;
    align-items: center;
    max-width: 1280px;
    margin: 0 auto;
    justify-content: space-between;
    padding: 15px 0;
  }

  .main-div {
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
  }

  .footer-brand-logo {
    width: 160px;
    height: auto;
  }

  .logo-div img {
    width: 215px;
    height: auto;
  }

  .main-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .mega-menu-item .mega-menu-link {
    margin: 0 3px !important;
  }

  .phone-div img {
    height: 20px;
  }

  .phone-div:hover i {
    color: var(--blue);
  }

  .main-nav ul.mega-menu li.mega-menu-item>ul.mega-sub-menu {
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 16%) !important;
  }

  .mega-gold-btn.gold-btn {
    margin-left: 10px !important;
  }

  .mega-gold-btn.gold-btn a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px;
    padding: 15px 24px !important;
    background: var(--brown) !important;
    color: rgb(255, 255, 255) !important;
    font-family: var(--sans) !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    letter-spacing: 0.07em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
  }

  .mega-gold-btn.gold-btn a:hover {
    color: var(--white) !important;
    background: var(--blue) !important;
    transform: translateY(-2px) !important;
  }

  /* ==========================================================
    GOLD BUTTON FIX (UNICODE ESCAPE FOR ARROW)
    ========================================================== */
  .contact-form-wrapper .gform_button,
  .gold-btn {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 15px 24px;
    background: var(--brown);
    color: rgb(255, 255, 255);
    font-family: var(--sans);
    font-weight: 600;
    font-size: 12.5px;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    text-decoration: none;
    transition: background 0.25s, transform 0.25s;
  }
  .inner-hero-section .inner-hero-content-inner h2 {
      color: #ffffff;
      font-size: clamp(36px, 4vw, 58px);
      line-height: 1.15;
      font-weight: 400;
      margin: 0 0 16px 0;
  }
  .contact-form-wrapper .gform_button:hover,
  .gold-btn:hover {
    color: var(--white);
    background: var(--blue);
    transform: translateY(-2px);
  }

  .mega-gold-btn.gold-btn a::after,
  .gold-btn::after {
    content: "\2192" !important;
    display: inline-block !important;
    transition: transform 0.25s !important;
  }

  .mega-gold-btn.gold-btn::after {
    display: none !important;
  }

  .mega-gold-btn.gold-btn a:hover::after,
  .gold-btn:hover::after {
    transform: translateX(4px) !important;
  }

  /*---------------------------
          Hero Area
  ---------------------------*/
  .hero-section {
    position: relative;
    min-height: 630px;
    padding: 0;
    overflow: hidden;
    background-color: var(--blue, #111a2e);
  }

  .hero-container {
    display: flex;
    width: 100%;
    align-items: stretch;
  }

  /* --- Left Column: Content --- */
  .hero-content-col {
    width: 55%;
    flex-shrink: 0;
    padding: 80px 80px 60px 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    text-align: left;
    position: relative;
    z-index: 10;
    box-sizing: border-box;
  }

  .hero-content-col::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(rgba(27, 41, 66, 0.82), rgba(22, 32, 58, 0.92)) center/cover,
      url('../images/qaulity-bg.png') center/cover;
    z-index: -1;
    clip-path: polygon(0 0, 100% 0, 91% 100%, 0 100%);
  }

  .hero-content-col::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -2;
    clip-path: polygon(0 0, 100.5% 0, 91.5% 100%, 0 100%);
  }

  .eyebrow-text strong {
    font-family: var(--sans);
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.2em;
    color: var(--brown, #cfa872);
    display: inline-flex;
    align-items: center;
    gap: 12px;
    text-transform: uppercase;
    margin-bottom: 18px;
  }

  .eyebrow-text strong::before {
    content: "";
    width: 9px;
    height: 9px;
    background-color: var(--brown, #cfa872);
    transform: rotate(45deg);
    flex-shrink: 0;
  }

  .hero-title h1 {
    color: #ffffff;
    font-size: clamp(36px, 4vw, 58px);
    line-height: 1.15;
    font-weight: 400;
    margin: 0 0 16px 0;
  }

  .hero-description {
    font-family: var(--sans);
    font-weight: 400;
    font-size: 15px;
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.8);
    max-width: 880px;
  }

  .hero-description p {
    margin-top: 0;
    margin-bottom: 12px;
  }

  .hero-description p:last-child {
    margin-bottom: 0;
  }

  /* --- Badges Grid --- */
  .hero-badges-grid {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 25px;
    margin-bottom: 35px;
    gap: 12px;
  }

  .badge-item {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
    position: relative;
    padding: 0 10px;
  }

  .badge-item:not(:last-child)::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 32px;
    width: 1px;
    background: rgba(245, 239, 232, 0.14);
  }

  .badge-item:first-child {
    padding-left: 0;
  }

  .badge-item:last-child {
    padding-right: 0;
  }

  .badge-icon {
    width: 32px;
    height: 32px;
    color: var(--brown, #cfa872);
    flex-shrink: 0;
  }

  .badge-text-block {
    font-family: var(--sans);
    color: #ffffff;
    font-size: clamp(12px, 1vw, 13px);
    font-weight: 500;
    line-height: 1.3;
    /* Allow natural multi-line breaking from 1 string in ACF */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  /* --- Button Group --- */
  .hero-btn-group {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    width: 100%;
  }

  .hero-btn-group a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px 24px;
    font-family: var(--sans);
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.2s ease;
    white-space: nowrap;
  }

  .btn-icon {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
  }

  .gold-btn {
    background: var(--brown, #cfa872);
    color: #ffffff !important;
  }

  .gold-btn:hover {
    background: var(--blue, #111a2e);
    transform: translateY(-1px);
  }

  .transparent-btn {
    background: transparent;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.3);
  }

  .transparent-btn:hover {
    border-color: var(--brown, #cfa872);
    color: var(--brown, #cfa872);
    transform: translateY(-1px);
  }

  /* --- Right Column: Slider --- */
  .hero-slider-col {
    flex-grow: 1;
    margin-left: -6%;
    position: relative;
    overflow: hidden;
    z-index: 5;
    display: flex;
  }

  .hero-overlay-gradient {
    position: absolute;
    inset: 0;
    opacity: 0.4;
    background: linear-gradient(90deg, rgba(13, 20, 36, 0.9) 0%, rgba(13, 20, 36, 0) 40%);
    z-index: 5;
    pointer-events: none;
  }

  .hero-overlay-dark {
    position: absolute;
    inset: 0;
    background: rgba(15, 21, 35, 0.15);
    z-index: 6;
    pointer-events: none;
  }

  .hero-slider .owl-stage-outer,
  .hero-slider .owl-stage,
  .hero-slider .owl-item,
  .hero-slide-item {
    height: 100%;
    width: 100%;
  }

  .hero-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .hero-slider .owl-item.active .hero-img {
    animation: smoothZoomEffect 7500ms ease-in-out forwards;
  }

  @keyframes smoothZoomEffect {
    from {
      transform: scale(1);
    }

    to {
      transform: scale(1.08);
    }
  }

  .hero-slider-col .owl-dots {
    position: absolute;
    bottom: 24px;
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
    z-index: 999 !important;
    margin: 0 auto;
    left: 0;
    right: 0;
  }

  .hero-slider-col .owl-dot span {
    height: 4px;
    width: 12px;
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.4);
    display: block;
    transition: all 0.3s ease;
    z-index: 999 !important;
  }

  .hero-slider-col .owl-dot.active span {
    width: 30px;
    background: var(--brown, #cfa872) !important;
  }



  /*---------------------------
          content-area
  ---------------------------*/

  .about-section {
    position: relative;
    background: url(../images/about-bg.png) left center / cover no-repeat rgb(245, 239, 232);
    padding: 120px 75px;
  }

  .about-content {
    padding-right: 50px;
  }

  .about-content h2 {
    margin-bottom: 64px;
  }

  .page-id-1597 .about-content h3 {
      font-family: 'Sorts Mill Goudy';
      position: relative;
      color: var(--brown, #cfa872);
      font-size: 36px;
      margin-bottom: 15px;
  }

  .list-section .list-content.intro-content ul li {
      border-bottom: none;
      padding: 0 0 0 24px;
  }

  .list-section .list-content.intro-content ul li::before {
      top: 0;
  }

  .about-content h2::after {
    content: '';
    display: block;
    width: 64px;
    height: 2px;
    background: var(--brown);
    margin: clamp(22px, 2.6vw, 32px) 0px;
    position: absolute;
    left: 0;
    bottom: -60px;
  }

  .about-content h6 {
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    font-family: 'Montserrat';
    text-transform: uppercase;
    color: var(--brown);
    gap: 11px;
    margin-bottom: 18px;
  }

  .about-content h6::before {
    content: "";
    width: 9px;
    height: 9px;
    background-color: var(--brown);
    transform: rotate(45deg);
  }

  .about-content h5 {
    font-family: 'Sacramento';
    font-size: 48px;
    font-weight: 500;
    color: var(--brown);
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .about-content h5 strong {
    font-family: 'Montserrat';
    display: block;
    font-size: 12px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #16203A;
    font-weight: 700;
  }

  .about-card {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    min-height: 280px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: clamp(24px, 3.5vw, 40px) clamp(20px, 3vw, 35px);
    text-align: center;
    background: transparent;
  }


  .card-bg-frame {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    pointer-events: none;
  }

  .card-bg-frame polygon {
    fill: #ffff;
    stroke: var(--brown);
    stroke-width: 1px;
    vector-effect: non-scaling-stroke;
  }

  .card-inner-content {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: clamp(12px, 1.5vw, 18px);
    font-weight: 600;
    font-size: 11px;
    line-height: 1.7;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--blue);
    width: 100%;
    margin: 0;
    word-wrap: break-word;
  }


  .about-card .icon {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 4px;
  }

  .about-card .icon svg {
    width: clamp(34px, 3.8vw, 42px);
    height: clamp(34px, 3.8vw, 42px);
    stroke: var(--brown);
    fill: none;
    stroke-width: 1.3;
    stroke-linecap: round;
    stroke-linejoin: round;
    display: block;
    margin: 0 auto;
  }

  .about-card .icon::after {
    content: '';
    display: block;
    width: 40px;
    height: 1px;
    background: var(--brown);
    opacity: 0.5;
    margin-top: 14px;
  }

  .card-inner-content h3 {
    font-weight: 400;
    font-size: 24px;
    line-height: 1.2;
    color: var(--brown);
    width: 100%;
  }

  .quality-section {
    background: linear-gradient(rgba(22, 30, 52, 0.8), rgba(16, 22, 38, 0.82)) center center / cover, url(../images/qaulity-bg.png) center center / cover;
    padding: clamp(64px, 7vw, 108px) 0;
  }

  .content-area.contact .tiles-section .eyebrow-text strong,
  .page-template-services .services-section .eyebrow-text strong,
  .full-width-section .eyebrow-text strong,
  .quality-section .eyebrow-text strong {
    display: inline-flex;
    align-items: center;
    gap: 11px;
  }

  .content-area.contact .tiles-section .eyebrow-text strong::before,
  .content-area.contact .tiles-section .eyebrow-text strong::after,
  .page-template-services .services-section .eyebrow-text strong::before,
  .page-template-services .services-section .eyebrow-text strong::after,
  .full-width-section .eyebrow-text strong::before,
  .full-width-section .eyebrow-text strong::after,
  .quality-section .eyebrow-text strong::before,
  .quality-section .eyebrow-text strong::after {
    content: "";
    width: 26px;
    height: 2px;
    background-color: var(--brown);
    transform: none;
  }

  .quality-section h2 {
    color: #fff;
  }

  .row.g-4>[class*="col-"] {
    display: flex;
  }

  .feature-card {
    position: relative;
    overflow: hidden;
    width: 100%;
    min-height: clamp(420px, 46vw, 560px);
    /* height ki jagah min-height */
    display: flex;
    flex-direction: column;
  }

  .feature-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    inset: 0;
    transition: transform 0.7s cubic-bezier(0.25, 1, 0.5, 1);
  }

  .feature-card:hover .feature-img {
    transform: scale(1.06);
  }

  .feature-content-box {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 20px;
    padding: clamp(20px, 2vw, 30px);
    background: linear-gradient(180deg, rgba(14, 20, 34, 0.45) 0%, rgba(20, 28, 46, 0.75) 100%);
    backdrop-filter: blur(16px) saturate(125%);
    -webkit-backdrop-filter: blur(16px) saturate(125%);
    box-shadow: inset 0 1px 0 rgba(245, 239, 232, 0.15);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    z-index: 2;
    margin-top: auto;
  }

  .feature-content-box h3 {
    font-weight: 400;
    font-size: clamp(22px, 2vw, 28px);
    line-height: 1.2;
    color: #ffffff;
    margin: 0 0 15px 0;
    padding-bottom: 12px;
    position: relative;
  }

  .feature-content-box h3::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 38px;
    height: 2px;
    background-color: var(--brown, #cfa872);
  }

  .feature-content-box {
    font-family: var(--sans);
    font-size: 14px;
    line-height: 1.65;
    color: rgba(245, 239, 232, 0.85);
    margin: 0 0 10px 0;
    min-height: 236px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
  }

  .feature-content-box p:last-child {
    margin-bottom: 0;
  }

  .services-section {
    scroll-margin-top: 88px;
    background: linear-gradient(rgba(27, 41, 66, 0.82), rgba(22, 32, 58, 0.92)) center center / cover, url("../images/qaulity-bg.png") center center / cover;
    padding: 120px 0;
    position: relative;
  }

  .services-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 28px;
    margin-bottom: 60px;
  }

  .trust-section.inner .transparent-btn {
      color: var(--blue);
      border-color: var(--blue);
  }

  .trust-section.inner .transparent-btn:hover {
    background: var(--blue);
    color: #fff;
  }

  .services-header .services-header-left {
      max-width: 850px;
    color: rgba(255, 255, 255, 0.78);
  }

  .trust-section.inner .services-header .services-header-left {
    color: var(--grey);
  }

  .services-header .services-header-left h2 {
      margin-bottom: 20px;
  }

  .content-area.career-layouts .services-section.inner h2,
  .trust-section.inner .services-header .services-header-left h2 {
      color: var(--blue) !important;
  }

  .header-left-col {
    max-width: 950px;
    color: rgba(255, 255, 255, 0.78);
  }

  .page-template-our-work .trust-section {
      padding-top: 60px;
  }

  .page-template-services .services-section.inner .services-header {
      justify-content: center !important;
      text-align: center !important;
      flex-direction: column !important;
      align-items: center !important;
      gap: 30px !important;
  }

  .content-area.career-layouts .services-section.inner {
      background: linear-gradient(rgba(245, 239, 232, 0.7), rgba(245, 239, 232, 0.7)), url(../images/process-bg.png) center center / cover no-repeat;
  }

  .services-section.inner .services-header-left {
      color: var(--grey);
  }

  .services-header h2,
  .header-left-col h2 {
    color: #ffffff;
    margin: 0 0 15px 0;
    line-height: 1.1;
  }

  .single-service .services-header-left
  {
      color: rgba(245, 239, 232, 0.66);
  }

  .header-left-col p {
    font-family: var(--sans-font);
    font-size: 16px;
    line-height: 1.7;
    color: rgba(245, 239, 232, 0.62);
    margin: 0;
  }

  .transparent-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 15px 30px;
    background: transparent;
    font-weight: 600;
    font-size: 12.5px;
    letter-spacing: 0.07em;
    text-decoration: none;
    border: 1.5px solid rgba(245, 239, 232, 0.14);
    transition: all 0.25s ease;
    text-transform: uppercase;
    color: #ffffff;
  }

  .transparent-btn:hover {
    background: var(--white, #ffffff);
    border-color: var(--white, #ffffff);
    color: var(--blue, #111a2e);
  }

 /* Owl Carousel Structure Fix */
.services-section .owl-stage {
  display: flex !important;
}

.services-section .owl-item {
  display: flex !important;
  height: auto !important;
}

.related-services-carousel .item,
.services-grid > [class*="col-"] {
  display: flex !important;
  flex-direction: column !important;
/*   width: 100%; */
}

/* Card Container */
.service-card {
  display: flex !important;
  flex-direction: column !important;
  background-color: rgb(245, 239, 232);
  box-shadow: 0 -2px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.05);
  height: 100% !important;
  width: 100%;
  overflow: hidden; 
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.related-services-carousel .service-card {
  background: #fff;
}

/* Image Wrapper */
.service-img-wrapper {
  height: 260px;
  flex-shrink: 0; /* Image ko crush hone se rokay ga */
  overflow: hidden;
}

.service-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.7s cubic-bezier(0.25, 1, 0.5, 1);
}

/* Card Body & Text Placement */
.service-card-body {
  padding: 30px;
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
}

.service-card-text {
  flex-grow: 1 !important;
  display: flex;
  flex-direction: column;
}

.service-card-body h3 {
  font-weight: 400;
  font-size: 31px;
  line-height: 1.1;
  color: var(--blue);
  margin: 0 0 18px 0;
  padding-bottom: 18px;
  position: relative;
}

.service-card-body h3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 48px;
  height: 2px;
  background-color: var(--brown);
}

.service-card-body p {
  font-size: 15px;
  line-height: 1.7;
  color: #555555;
  margin: 0 0 15px 0;
}

/* Button / Footer Lock */
.service-card-footer {
  margin-top: auto !important; /* Forces footer to sit at bottom */
  padding-top: 15px;
  flex-shrink: 0; /* Ensures footer is never cut off */
}

.service-card-link {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.08em;
  color: var(--brown);
  text-decoration: none;
  text-transform: uppercase;
  transition: color 0.2s ease;
margin-top: auto;
}

.service-card-link::after {
  content: "\2192";
  display: inline-block;
  transition: transform 0.2s ease;
}

.service-card-link:hover {
  color: var(--blue, #16203A);
}

.service-card-link:hover::after {
  transform: translateX(4px);
}
/* Owl Dots Alignment */
.services-section .owl-stage-outer {
    padding-bottom: 15px;
}

.services-section .owl-dots {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 36px !important;
}

.services-section .owl-carousel .owl-dot {
    height: 4px;
    border-radius: 3px;
    border: 0;
    padding: 0 !important;
    cursor: pointer;
    background: rgba(245, 239, 232, 0.3) !important;
    transition: all 0.25s ease;
    width: 15px;
}

.services-section.inner .owl-dot {
    background: var(--grey) !important;
}

.services-section .owl-carousel .owl-dot.active {
    width: 28px;
    background: var(--brown) !important;
}

.owl-theme .owl-dots .owl-dot span {
    display: none !important;
}

  .process-section {
      scroll-margin-top: 88px;
      position: relative;
      background: linear-gradient(rgba(245, 239, 232, 0.7), rgba(245, 239, 232, 0.7)), url(../images/process-bg.png) center center / cover no-repeat;
      padding: 120px 0;
  }

  .process-section.right-image.bg-color,
  .process-section.left-image.bg-color {
      background: linear-gradient(rgba(27, 41, 66, 0.75), rgba(22, 32, 58, 0.85)) center center / cover, url(/wp-content/uploads/2026/08/qaulity-bg.png) center center / cover;
  }

  .process-section.right-image.bg-color h2,
  .process-section.left-image.bg-color h2 {
    color: #fff;
  }

  .process-section.right-image.bg-color .process-content-wrapper>p,
  .process-section.left-image.bg-color .process-content-wrapper>p {
    color: rgba(245, 239, 232, 0.66);
  }

  .process-section.right-image.bg-color .step-body,
  .process-section.left-image.bg-color .step-body {
    color: rgba(245, 239, 232, 0.66);
  }

  .process-section.right-image.bg-color .step-body h3,
  .process-section.left-image.bg-color .step-body h3 {
    color: #fff;
  }

  .process-section.right-image.bg-image ,
  .process-section.left-image.bg-image {
      background: linear-gradient(rgba(245, 239, 232, 0.7), rgba(245, 239, 232, 0.7)), url(../images/process-bg.png) center center / cover no-repeat;
  }

  .process-section.right-image.bg-image h2,
  .process-section.left-image.bg-image h2 {
    color: var(--blue);
  }

  .process-section.right-image.bg-image .process-content-wrapper>p,
  .process-section.left-image.bg-image .process-content-wrapper>p {
    color: var(--grey);
  }

  .process-section.right-image.bg-image .step-body,
  .process-section.left-image.bg-image .step-body {
    color: var(--grey);
  }

  .process-section.right-image.bg-image .step-body h3,
  .process-section.left-image.bg-image .step-body h3 {
    color: var(--blue);
  }

  .postid-589 .process-section.right-image.bg-color, .postid-588 .process-section.right-image.bg-color, .postid-536 .process-section.right-image.bg-color {
      background: linear-gradient(rgba(22, 30, 52, 0.8), rgba(16, 22, 38, 0.82)) center center / cover, url(../images/qaulity-bg.png) center center / cover;
      background-repeat: no-repeat;
  }

  .process-grid-holder {
    margin: 0 auto;
  }

  .process-row-gap {
    row-gap: 48px;
  }

  .process-section .process-row-gap .col-lg-6 {
      position: sticky;
      top: 130px;
  }

  .process-image-wrapper {
    position: relative;
    margin-top: 34px;
    margin-right: clamp(10px, 4vw, 40px);
  }

  .owner-img::after,
  .process-image-wrapper::after {
    content: "";
    position: absolute;
    left: -18px;
    bottom: -18px;
    width: 120px;
    height: 120px;
    background-color: var(--brown);
    z-index: 0;
  }
  .process-img {
      position: relative;
      z-index: 1;
      width: 100%;
      height: 100%;
      object-fit: cover;
      box-shadow: rgba(22, 32, 58, 0.3) 0px 30px 70px;
  }
  .process-content-wrapper {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding-top: 25px;
  }

  .process-subtitle {
    font-family: var(--sans-font);
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.2em;
    color: var(--brown);
    display: inline-flex;
    align-items: center;
    gap: 12px;
    text-transform: uppercase;
    margin-bottom: 20px;
  }

  .process-subtitle::before {
    content: "";
    width: 9px;
    height: 9px;
    background-color: var(--brown);
    transform: rotate(45deg);
  }

  .process-content-wrapper>h2 {
    font-weight: 400;
    color: var(--blue);
    font-size: clamp(30px, 3.6vw, 46px);
    line-height: 1.1;
    margin: 0 0 18px 0;
  }

  .process-content-wrapper>p {
    font-family: var(--sans-font);
    font-size: 16px;
    line-height: 1.7;
    color: var(--blue);
    margin: 0 0 34px 0;
    max-width: 520px;
  }

  .process-steps-stack {
    display: flex;
    flex-direction: column;
    gap: 22px;
    margin-bottom: 36px;
    width: 100%;
  }

  .process-step-item {
    display: flex;
    gap: 18px;
    align-items: flex-start;
  }

  .step-number {
    flex: 0 0 auto;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background-color: rgba(186, 117, 51, 0.08);
    color: var(--brown);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Sorts Mill Goudy', serif;
    font-size: 21px;
    border: 1px solid rgba(186, 117, 51, 0.32) !important;
  }

  .step-number-active {
    background-color: var(--brown);
    color: #ffffff;
    border: none !important;
  }

  .step-body {
    padding-top: 4px;
  }

  .step-body h3 {
    font-weight: 400;
    font-size: 21px;
    color: var(--blue);
    margin: 0 0 5px 0;
  }

  .step-body {
    font-family: var(--sans-font);
    font-size: 14.5px;
    line-height: 1.6;
    color: var(--grey, #666666);
    margin: 0;
  }

  .process-bottom-text {
      margin-top: -30px;
    font-size: 16px;
    color: var(--grey);
  }

  .process-bottom-text strong {
    color: var(--brown);
  }

  .full-width-section {
    position: relative;
    overflow: hidden;
    min-height: clamp(420px, 56vh, 620px);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-attachment: fixed;
  }

  .full-width-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(16, 22, 38, 0.6), rgba(16, 22, 38, 0.74));
    z-index: 1;
  }

  .full-width-section .z-1 {
    position: relative;
    z-index: 2;
  }

  .brand-inner-border {
    position: absolute;
    inset: 18px;
    border: 1px solid rgba(245, 239, 232, 0.14);
    pointer-events: none;
    z-index: 1;
  }

  .brand-band-container {
    position: relative;
    z-index: 2;
    max-width: 1025px;
    padding: 80px clamp(24px, 5vw, 48px);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .brand-tagline::after {
    content: "";
    width: 26px;
    height: 2px;
    background-color: var(--brown);
  }

  .brand-band-container>p {
    font-family: 'Sorts Mill Goudy', serif;
    font-style: italic;
    font-weight: 400;
    color: #ffffff;
    font-size: clamp(30px, 4.4vw, 58px);
    line-height: 1.18;
    margin: 0;
    text-shadow: rgba(0, 0, 0, 0.45) 0px 2px 36px;
  }

  .brand-action {
    margin-top: 36px;
    display: flex;
    justify-content: center;
  }

  .work-section {
    scroll-margin-top: 88px;
    background: linear-gradient(rgba(22, 30, 52, 0.9), rgba(16, 22, 38, 0.95)) center center / cover, url(../images/qaulity-bg.png) no-repeat;
    padding: clamp(74px, 9vw, 130px) 0;
    background-size: cover;
  }

  .work-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    gap: 24px;
    margin-bottom: clamp(40px, 5vw, 60px);
  }

  .work-header-left {
    max-width: 950px;
  }

  .work-header-left h2 {
    font-weight: 400;
    color: rgb(245, 239, 232);
    font-size: clamp(30px, 3.6vw, 46px);
    line-height: 1.1;
    margin: 0 0 16px 0;
  }

  .work-header-left {
    font-family: var(--sans-font);
    font-size: 16px;
    line-height: 1.7;
    color: rgba(245, 239, 232, 0.66);

  }

  .work-header-left p {
    margin: 0;
  }

  .project-slide-card {
    position: relative;
    width: 100%;
    height: clamp(360px, 42vw, 480px);
    overflow: hidden;
  }

  .project-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.7s ease;
  }

  .project-slide-card:hover .project-img {
    transform: scale(1.05);
  }

  .project-card-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(12, 17, 29, 0.86) 0%, rgba(12, 17, 29, 0.34) 36%, rgba(12, 17, 29, 0) 64%);
    pointer-events: none;
    z-index: 1;
  }

  .project-card-meta {
    position: absolute;
    left: clamp(24px, 3vw, 40px);
    right: clamp(24px, 3vw, 40px);
    bottom: clamp(24px, 3vw, 36px);
    z-index: 2;
  }

  .project-location-tag {
    display: flex;
    align-items: center;
    gap: 9px;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: var(--brown);
    margin-bottom: 12px;
  }

  .project-location-tag i {
    display: block;
    flex: 0 0 auto;
    fill: var(--brown);
  }

  .project-cat {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 9px;
  }

  .project-cat::after {
    content: "";
    width: 1px;
    height: 12px;
    background-color: var(--brown);
    opacity: 0.55;
    display: inline-block;
  }

  .custom-carousel-dots {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 32px;
  }

  .custom-dot {
    height: 4px;
    border-radius: 3px;
    border: 0;
    padding: 0;
    cursor: pointer;
    background: rgba(245, 239, 232, 0.3);
    transition: background 0.25s, width 0.25s;
    width: 10px;
  }

  .custom-dot.dot-active {
    width: 28px;
    background-color: var(--brown);
  }

  .work-section .owl-dots {
    display: none !important;
  }

  /* --- Section Base --- */
  .repair-section {
    position: relative;
    overflow: hidden;
    padding: clamp(70px, 8vw, 116px) 80px;
    z-index: 1;
  }

  .repair-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(105deg, rgba(16, 22, 38, 0.94) 0%, rgba(16, 22, 38, 0.68) 52%, rgba(16, 22, 38, 0.34) 100%);
    z-index: 2;
    pointer-events: none;
  }

  .repair-section>* {
    position: relative;
    z-index: 3;
  }

  /* --- Info Panel Direct Cascade Targets --- */
  .repair-info-panel h2 {
    font-weight: 400;
    color: rgb(255, 255, 255);
    font-size: clamp(30px, 3.7vw, 48px);
    line-height: 1.08;
    margin: 0 0 18px;
  }

  /* Direct Paragraph Target (Replaces .repair-description) */
  .repair-info-panel>p {
    font-family: var(--sans);
    font-size: 16.5px;
    line-height: 1.7;
    color: rgba(245, 239, 232, 0.82);
    margin: 0 0 32px;
  }

  /* --- Action Group Buttons --- */
  .repair-action-group {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: center;
  }

  .repair-action-group .gold-btn::after {
    content: "→";
    display: inline-block;
    transition: transform 0.25s;
  }

  .repair-action-group .gold-btn:hover::after {
    transform: translateX(4px);
  }

  .hero-btn-group .transparent-btn:last-child::before,
  .footer-btns .transparent-btn::before,
  .repair-action-group .transparent-btn::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background: currentColor;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") center center / contain no-repeat;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") center center / contain no-repeat;
  }

  .hero-btn-group .transparent-btn:last-child::after,
  .footer-btns .transparent-btn::after,
  .repair-action-group .transparent-btn::after {
    display: none;
  }

  .inner-hero-section .hero-btn-group .transparent-btn:last-child::before {
    display: none;
  }

  .inner-hero-section .hero-btn-group .transparent-btn:last-child::after {
    display: block;
  }

  /* --- Feature Card & Row Items --- */
  .repair-feature-card {
    min-width: 290px;
    background: rgb(245, 239, 232);
    border-top: 3px solid var(--brown);
    box-shadow: rgba(0, 0, 0, 0.5) 0px 40px 80px;
    padding: 36px 40px;
  }

  .feature-row-item {
    display: flex;
    gap: 18px;
    align-items: flex-start;
    padding: 22px 0;
  }

  .feature-row-item:first-child {
    padding-top: 0;
  }

  .feature-row-item:last-child {
    padding-bottom: 0;
  }

  .feature-row-item:not(:first-child) {
    border-top: 1px solid rgba(186, 117, 51, 0.32);
  }

  .feature-text-block {
    flex: 1 1 auto;
  }

  /* Feature Item Direct Cascade Targets */
  .feature-text-block h3 {
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 17px;
    color: var(--blue);
    line-height: 1.2;
    margin: 0 0 5px 0;
  }

  .feature-text-block {
    font-family: var(--sans);
    font-size: 14.5px;
    color: var(--grey);
    line-height: 1.55;
  }

  .feature-text-block p {
    margin: 0;
  }

  .feature-icon-box {
    display: block;
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    margin-top: 2px;
  }

  .feature-icon-box img {
    /* SVG ko brown color me tint karne ke liye filter */
    filter: brightness(0) saturate(100%) invert(51%) sepia(29%) saturate(1462%) hue-rotate(349deg) brightness(91%) contrast(87%);
  }

  .icon-stopwatch {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='var(--brown)' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 2.5h5M12 5.4V2.5'/%3E%3Ccircle cx='12' cy='14' r='7'/%3E%3Cpath d='M12 14V10M18.7 7.6l1.3-1.3'/%3E%3C/svg%3E") center center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='var(--brown)' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 2.5h5M12 5.4V2.5'/%3E%3Ccircle cx='12' cy='14' r='7'/%3E%3Cpath d='M12 14V10M18.7 7.6l1.3-1.3'/%3E%3C/svg%3E") center center / contain no-repeat;
  }

  .icon-document {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='var(--brown)' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='4' width='14' height='17' rx='2'/%3E%3Cpath d='M9 4v-.8A1.2 1.2 0 0 1 10.2 2h3.6A1.2 1.2 0 0 1 15 3.2V4M8.6 10.2l.9.9 1.5-1.6M13 10h3M8.6 14.7l.9.9 1.5-1.6M13 14.5h3'/%3E%3C/svg%3E") center center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='var(--brown)' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='4' width='14' height='17' rx='2'/%3E%3Cpath d='M9 4v-.8A1.2 1.2 0 0 1 10.2 2h3.6A1.2 1.2 0 0 1 15 3.2V4M8.6 10.2l.9.9 1.5-1.6M13 10h3M8.6 14.7l.9.9 1.5-1.6M13 14.5h3'/%3E%3C/svg%3E") center center / contain no-repeat;
  }

  .icon-shield {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='var(--brown)' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 5 5.8v4.7c0 4.3 3 7.4 7 8.7 4-1.3 7-4.4 7-8.7V5.8L12 3Z'/%3E%3Cpath d='M9.2 11.7l2 2L15 10'/%3E%3C/svg%3E") center center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='var(--brown)' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 5 5.8v4.7c0 4.3 3 7.4 7 8.7 4-1.3 7-4.4 7-8.7V5.8L12 3Z'/%3E%3Cpath d='M9.2 11.7l2 2L15 10'/%3E%3C/svg%3E") center center / contain no-repeat;
  }

  /* --- Section Base --- */
  .testimonials-section {
    scroll-margin-top: 88px;
    background: linear-gradient(rgba(27, 41, 66, 0.82), rgba(22, 32, 58, 0.92)) center center / cover, url("../images/qaulity-bg.png") center center / cover;
    padding: clamp(74px, 9vw, 130px) 0;
  }

  .testimonials-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    gap: 28px;
    margin-bottom: clamp(46px, 5vw, 62px);
  }

  .testimonials-header-left {
    max-width: 950px;
  }

  .testimonials-header-left h2 {
    font-weight: 400;
    color: rgb(245, 239, 232);
    font-size: clamp(30px, 3.6vw, 46px);
    line-height: 1.1;
    margin-bottom: 16px;
  }

  .testimonials-header-left p {
    color: rgba(245, 239, 232, 0.66);
    line-height: 1.6;
    margin: 0;
  }

  .transparent-btn::after {
    content: "\2192" !important;
    display: inline-block;
    transition: transform 0.25s;
  }

  .transparent-btn:hover::after {
    transform: translateX(4px);
  }

  .testimonials-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 26px;
    align-items: stretch;
  }

  .testimonial-card {
    border: 1px solid rgba(245, 239, 232, 0.14);
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .card-featured {
    flex: 1.4 1 420px;
    min-width: 300px;
    background: linear-gradient(150deg, var(--blue) 0%, #16203A 100%);
    padding: clamp(34px, 3.6vw, 54px);
  }

  .card-featured {
    font-style: italic;
    font-size: clamp(22px, 2.3vw, 30px);
    line-height: 1.4;
    color: rgb(245, 239, 232);
    font-family: 'Sorts Mill Goudy';
  }

  .card-featured p {
    margin-bottom: 26px;
  }

  .card-featured .author-name {
    font-size: 28px;
}

  .card-featured .author-project-tag {
    font-size: 13px;
  }

  .testimonials-stack-panel {
    flex: 1 1 280px;
    min-width: 260px;
    display: flex;
    flex-direction: column;
    gap: 26px;
  }

  .card-compact {
    flex: 1 1 0%;
    background: var(--blue);
    padding: 30px;
  }

  .card-compact>p {
    font-style: italic;
    font-size: 18px;
    line-height: 1.5;
    color: rgba(245, 239, 232, 0.9);
    margin: 0 0 18px 0;
    font-family: 'Sorts Mill Goudy';
  }

  .quote-giant-mark {
    font-size: 80px;
    line-height: 0.5;
    color: var(--brown);
    height: 34px;
  }

  .star-rating-row {
    color: var(--brown);
    font-size: 16px;
    letter-spacing: 3px;
    margin: 18px 0 14px;
  }

  .compact-stars {
    font-size: 13px;
    letter-spacing: 2px;
    margin: 0 0 14px 0;
  }

  .testimonial-author-row {
    display: flex;
    align-items: center;
    gap: 14px;
  }

  .author-meta-block {
    display: block;
  }

  .author-avatar {
    border-radius: 50%;
    color: rgb(255, 255, 255);
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
  }

/*   .avatar-primary {
    width: 50px;
    height: 50px;
    background: var(--brown);
    font-size: 18px;
    font-family: 'Sorts Mill Goudy';
    padding-top: 5px;
  } */

  .avatar-secondary {
    width: 42px;
    height: 42px;
    background: rgba(255, 255, 255, 0.1);
    font-size: 15px;
    border: 1px solid rgba(245, 239, 232, 0.14);
  }

  .author-name {
    font-family: var(--sans);
    font-weight: 600;
  }

  .author-project-tag {
    font-family: var(--sans);
    font-size: 12px;
    color: var(--brown);
  }

  .areas-section {
      scroll-margin-top: 88px;
      position: relative;
      overflow: hidden;
      padding: clamp(60px, 7vw, 104px) 80px;
      z-index: 1;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
  }

  .areas-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(16, 22, 38, 0.82) 0%, rgba(16, 22, 38, 0.5) 46%, rgba(16, 22, 38, 0.3) 100%);
    z-index: 2;
    pointer-events: none;
  }

  .areas-section>* {
    position: relative;
    z-index: 3;
  }

  .areas-container {
    max-width: var(--wrap);
    margin: 0 auto;
    padding: 0 clamp(20px, 4vw, 56px);
  }

  .areas-info-card {
    max-width: 950px;
    background: linear-gradient(rgba(245, 239, 232, 0.96), rgba(245, 239, 232, 0.96)) 0% 0% / 300px, url(../images/info-card-bg.png) no-repeat;
    background-size: cover;
    padding: clamp(32px, 3.4vw, 52px);
    box-shadow: rgba(0, 0, 0, 0.5) 0px 40px 90px;
    border-top: 3px solid var(--brown);
  }

  .areas-info-card h3 {
      color: var(--blue);
      font-size: 22px;
  }

  .areas-info-card .eyebrow-text {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 18px;
  }

  .areas-info-card .eyebrow-text strong {
    margin-bottom: 0;
  }

  .areas-info-card .eyebrow-text strong::before {
    display: none;
  }

  .areas-info-card .location-marker-icon {
    color: var(--brown);
    font-size: 15px;
    display: block;
    flex: 0 0 auto;
  }

  .areas-info-card h2 {
    font-weight: 400;
    font-size: 40px;
    color: var(--blue);
    line-height: 1.1;
    margin: 0 0 16px 0;
  }

  .areas-info-card>p {
    font-family: var(--sans);
    font-size: 15px;
    line-height: 1.7;
    color: var(--grey);
    margin: 0 0 24px 0;
  }

  .areas-badges-grid {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin: 0 0 28px 0;
  }

  .areas-badges-grid li {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 5px 0px;
    font-family: var(--sans);
    font-size: 13px;
    font-weight: 500;
    color: var(--blue);
  }

  .areas-badges-grid li i {
    color: var(--brown);
    font-size: 11px;
    flex: 0 0 auto;
  }

  .areas-badges-grid li:last-child {
    background: var(--cream);
    font-weight: 600;
    color: var(--brown);
    padding: 5px 10px;
  }

  .blue-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 15px 28px;
    background: var(--blue);
    color: rgb(255, 255, 255);
    font-family: var(--sans);
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    text-decoration: none;
    border: none;
    transition: background 0.25s, transform 0.25s;
  }

  .blue-btn::after {
    content: "\2192" !important;
    display: inline-block;
    transition: transform 0.25s;
  }

  .blue-btn:hover {
    background: var(--brown);
    color: rgb(255, 255, 255);
  }

  .blue-btn:hover::after {
    transform: translateX(4px);
  }

  /* --- Base Section --- */
  .team-section {
    background: linear-gradient(rgba(27, 41, 66, 0.82), rgba(22, 32, 58, 0.92)) center center / cover, url("../images/qaulity-bg.png") center center / cover;
    padding: 100px 0;
    color: #ffffff;
    font-family: sans-serif;
	display: none;
  }

  .team-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    gap: 28px;
    margin-bottom: clamp(46px, 5vw, 62px);
    font-family: 'Montserrat';
  }

  .team-header-left {
    max-width: 950px;
    color: rgba(245, 239, 232, 0.66);
    line-height: 1.6;
  }

  .team-header-left h2 {
    letter-spacing: -0.01em;
    font-weight: 400;
    color: rgb(245, 239, 232);
    font-size: clamp(30px, 3.6vw, 46px);
    line-height: 1.1;
    margin-bottom: 16px;
  }

  .team-header-left p {
    margin: 0;
  }

  .founder-card {
    display: flex;
    border: 1px solid rgba(245, 239, 232, .14);
    height: 100%;
    background: linear-gradient(150deg, var(--blue) 0%, #16203A 100%);
  }

  .founder-image-box {
    width: 50%;
    min-height: 400px;
  }

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

  .founder-info-box {
    width: 50%;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-left: 1px solid rgba(255, 255, 255, 0.08);
  }

  .founder-info-box h3 {
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 4px;
  }

  .role-badge {
    color: var(--brown);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 8px;
    font-family: 'Montserrat';
  }

  .member-sub-role {
    position: relative;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
    letter-spacing: 0.08em;
    margin-bottom: 20px;
    font-family: 'Montserrat';
    padding-bottom: 16px;
    display: inline-block;
  }

  .member-sub-role::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background: var(--brown);
    width: 30px;
    height: 2px;
  }

  .quote-wrapper {
    position: relative;
    margin-bottom: 20px;
  }

  .quote-mark {
    display: none;
  }

  .signature-box {
    display: none;
  }

  .quote-wrapper {
    font-size: 14px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.8);
    font-style: italic;
    font-family: 'Montserrat';
  }

  .quote-wrapper p {
    margin-bottom: 0;
  }

  .signature-box span {
    position: relative;
    font-size: 42px;
    color: var(--brown);
    display: inline-block;
    font-weight: 400;
    line-height: 1;
    opacity: 0.9;
    user-select: none;
    font-family: 'Sacramento';
    font-style: italic;
    padding-top: 25px;
  }

  .signature-box span::before {
    content: "";
    position: absolute;
    background: var(--brown);
    width: 50px;
    height: 2px;
    left: 0;
    top: 0;
  }

  .member-card-stacked {
    display: flex;
    background-color: var(--blue);
    border: 1px solid rgba(245, 239, 232, .14);
    align-items: center;
    transition: transform 0.3s ease;
  }

  .member-card-stacked:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4);
  }

  .member-img-wrap {
    width: 190px;
    height: 100%;
    flex-shrink: 0;
    overflow: hidden;
  }

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

  .member-stacked-info {
    padding: 25px 30px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .member-stacked-info h3 {
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 4px;
  }

  .member-stacked-info .member-sub-role {
    margin-bottom: 0;
  }

  .team-footer-bar {
    margin-top: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    flex-wrap: wrap;
    font-family: 'Montserrat';
  }

  .trust-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.08em;
    color: rgba(255, 255, 255, 0.5);
  }

  .trust-svg {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: var(--brown);
    stroke-width: 1.5;
  }

  .divider-line {
    width: 1px;
    height: 20px;
    background-color: rgba(255, 255, 255, 0.15);
  }

  .cta-section {
    scroll-margin-top: 88px;
    position: relative;
    overflow: visible;
    background: linear-gradient(90deg, rgba(14, 19, 32, 0.9) 0%, rgba(15, 20, 33, 0.6) 44%, rgba(30, 18, 8, 0.28) 100%) center center / cover fixed,
      url("/wp-content/uploads/2026/09/Bargerstock-Home-Construction.png") no-repeat;
    background-size: cover;
    background-position: center;
    padding: clamp(74px, 9vw, 130px) 0;
  }

  .cta-section .row.cta-main-row {
    align-items: flex-start;
    overflow: visible !important;
  }

  .cta-section .row.cta-main-row .col-lg-6:first-child {
    position: sticky;
    top: 180px;
    align-self: flex-start;
    height: fit-content;
  }

  .cta-info-column h2 {
    font-weight: 400;
    color: #ffffff;
    font-size: clamp(32px, 4vw, 54px);
    line-height: 1.06;
    margin: 0 0 20px;
  }

  .cta-info-column {
    font-family: var(--sans);
    font-size: 17px;
    line-height: 1.7;
    color: rgba(245, 239, 232, 0.82);
    max-width: 630px;
  }

  .cta-info-column p {
    margin: 0 0 34px;
  }

  .cta-channels-stack {
    display: flex;
    flex-direction: column;
    gap: 18px;
  }

  .cta-channel-item {
    display: inline-flex;
    align-items: flex-start;
    gap: 15px;
    text-decoration: none;
  }

  .cta-icon-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    color: var(--brown);
    font-size: 22px;
  }

  .cta-channel-label {
    display: block;
    font-family: var(--sans);
    font-size: 11px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--brown);
    margin-bottom: 2px;
    font-weight: 800;
  }

  .cta-channel-value {
    font-family: var(--sans);
    font-weight: 500;
    font-size: 17px;
    color: #ffffff;
  }

  /* ==========================================================
    CTA FORM CARD - GRAVITY FORMS OVERRIDES
    ========================================================== */

  .cta-form-card {
    width: 100%;
    min-width: 400px;
    background: rgb(245, 239, 232);
    border-top: 3px solid var(--brown);
    padding: clamp(28px, 3vw, 40px);
    box-shadow: rgba(0, 0, 0, 0.5) 0px 40px 80px;
  }

  .cta-form-card h3 {
    color: var(--blue);
    text-align: center;
    font-size: 32px;
    margin: 0 0 4px 0;
  }

  .cta-form-card>p {
    font-family: var(--sans);
    font-size: 17px;
    color: var(--grey);
    text-align: center;
    margin: 2px 0 20px;
  }

  /* --- Gravity Forms Layout Fixes --- */

  .cta-form-card .gform_wrapper .gfield {
    margin-bottom: 1rem !important;
    padding: 0 !important;
  }

  .cta-form-card fieldset.gfield {
    border: none !important;
    padding: 0 !important;
    margin: 0 0 1rem 0 !important;
  }

  .cta-form-card .gfield_label,
  .cta-form-card .gform-field-label {
    font-family: var(--sans) !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    letter-spacing: 0.04em !important;
    color: #16203A !important;
    margin-bottom: 6px !important;
    display: block !important;
  }

  .cta-form-card .gfield_required {
    color: #dc3545;
    font-weight: normal;
  }

  .cta-form-card .hidden_sub_label,
  .cta-form-card .screen-reader-text {
    display: none !important;
  }

  .cta-form-card input[type="text"],
  .cta-form-card input[type="tel"],
  .cta-form-card input[type="email"],
  .cta-form-card input[type="file"],
  .cta-form-card select,
  .cta-form-card textarea {
    width: 100% !important;
    font-size: 15px !important;
    padding: 13px 15px !important;
    border: 1px solid rgba(186, 117, 51, 0.32) !important;
    background-color: #ffffff !important;
    color: var(--blue) !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    outline: none !important;
  }

  .cta-form-card input[type="file"] {
    padding: 9px 15px !important;
  }

  .cta-form-card .gfield_description.gform_fileupload_rules {
    font-size: 11px;
    color: #6c757d;
    margin-top: 4px;
  }

  .cta-form-card input:focus,
  .cta-form-card select:focus,
  .cta-form-card textarea:focus {
    border-color: var(--brown) !important;
    box-shadow: 0 0 0 0.2rem rgba(186, 117, 51, 0.15) !important;
  }

  .cta-form-card .gform_fields {
    display: flex !important;
    flex-wrap: wrap !important;
    margin-left: -8px !important;
    margin-right: -8px !important;
  }

  .cta-form-card .gfield {
    width: 100% !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    box-sizing: border-box !important;
  }

  /* ==========================================================
    CTA FORM CARD - COMPLETE GRAVITY FORMS OVERRIDES
    ========================================================== */

  /* Main Card Container */
  .cta-form-card {
    width: 100%;
    min-width: 400px;
    background: rgb(245, 239, 232);
    border-top: 3px solid var(--brown);
    padding: clamp(28px, 3vw, 40px);
  }

  .cta-form-card h3 {
    color: var(--blue);
    text-align: center;
    font-size: 32px;
    margin: 0 0 4px 0;
  }

  .cta-form-card>p {
    font-family: var(--sans);
    font-size: 17px;
    color: var(--grey);
    text-align: center;
    margin: 2px 0 20px;
  }

  /* ----------------------------------------------------------
    1. GRID & FLEXBOX LAYOUT (2-COLUMN FIX)
    ---------------------------------------------------------- */

  .cta-form-card .gform_wrapper .gform_fields {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 16px !important;
  }

  .cta-form-card .gfield {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
    float: none !important;
    grid-column: auto !important;
    box-sizing: border-box !important;
    clear: none !important;
  }

  .cta-form-card .gfield::before,
  .cta-form-card .gfield::after {
    display: none !important;
  }

  .cta-form-card .gfield--width-half,
  .cta-form-card #field_1_3,
  .cta-form-card #field_1_4,
  .cta-form-card #field_1_8,
  .cta-form-card #field_1_9 {
    width: calc(50% - 8px) !important;
    max-width: calc(50% - 8px) !important;
    flex: 0 0 calc(50% - 8px) !important;
  }

  .cta-form-card #field_1_5 {
    border: none !important;
  }

  .cta-form-card .ginput_container_address {
    display: flex !important;
    justify-content: space-between !important;
    width: 100% !important;
    gap: 9px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .cta-form-card .ginput_container_address .address_line_1,
  .cta-form-card .ginput_container_address .address_city {
    width: calc(50% - 8px) !important;
    max-width: calc(50% - 8px) !important;
    flex: 0 0 calc(50% - 8px) !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .cta-form-card .gfield_label,
  .cta-form-card .gform-field-label,
  .cta-form-card .ginput_container_address label {
    font-family: var(--sans) !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    letter-spacing: 0.04em !important;
    color: var(--blue) !important;
    margin-bottom: 6px !important;
    display: block !important;
  }

  .cta-form-card .gfield_required {
    color: #dc3545 !important;
    font-weight: 400 !important;
    margin-left: 3px;
  }



  .cta-form-card input[type="text"],
  .cta-form-card input[type="tel"],
  .cta-form-card input[type="email"],
  .cta-form-card input[type="file"],
  .cta-form-card select,
  .cta-form-card textarea {
    width: 100% !important;
    font-size: 15px !important;
    padding: 13px 15px !important;
    border: 1px solid rgba(186, 117, 51, 0.32) !important;
    background-color: #ffffff !important;
    color: var(--blue) !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    outline: none !important;
    font-family: var(--sans) !important;
  }

  .cta-form-card input:focus,
  .cta-form-card select:focus,
  .cta-form-card textarea:focus {
    border-color: var(--brown) !important;
    box-shadow: 0 0 0 0.2rem rgba(186, 117, 51, 0.15) !important;
  }

  .cta-form-card input[type="file"] {
    padding: 9px 15px !important;
  }

  .cta-form-card .gfield_description.gform_fileupload_rules {
    font-size: 11px !important;
    color: #6c757d !important;
    margin-top: 4px !important;
  }

  .cta-form-card .gform_footer {
    margin-top: 10px !important;
    padding: 0 !important;
    width: 100% !important;
  }

  .cta-form-card .gform_button {
    width: 100% !important;
    padding: 17px 28px !important;
    background: var(--brown) !important;
    color: #ffffff !important;
    font-family: var(--sans) !important;
    font-weight: 700 !important;
    font-size: 13.5px !important;
    letter-spacing: 0.07em !important;
    text-transform: uppercase !important;
    border: 0 !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    transition: background 0.25s, transform 0.25s !important;
	  justify-content: center !important;
  }

  .cta-form-card .gform_button:hover {
    background: var(--blue) !important;
    color: #ffffff !important;
    opacity: 0.9 !important;
    transform: translateY(-1px) !important;
  }


  .blog-section {
    scroll-margin-top: 88px;
    background: linear-gradient(rgba(245, 239, 232, 0.7), rgba(245, 239, 232, 0.7)), url(../images/process-bg.png) center center / cover no-repeat;
    padding: clamp(74px, 9vw, 130px) 0;
  }

  .blog-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    gap: 24px;
    margin-bottom: clamp(40px, 5vw, 58px);
  }

  .blog-header-left {
    max-width: 950px;
    color: #555555;
    line-height: 1.6;
  }

  .blog-header-left h2 {
    font-weight: 400;
    color: var(--blue);
    font-size: clamp(30px, 3.6vw, 46px);
    line-height: 1.1;
    margin: 0 0 16px 0;
  }

  .blog-header-left p {
    margin: 0;
  }

  .blog-header .transparent-btn {
    color: var(--blue);
    border-color: var(--blue);
    margin-bottom: 5px;
  }

  /* ==========================================================
    BLOG CARD - CMS HTML SUPPORTED STYLES
    ========================================================== */

  .blog-card {
    text-decoration: none;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border: 1px solid rgba(186, 117, 51, 0.32) !important;
    overflow: hidden;
    height: 100%;
    width: 100%;
    transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s;
    position: relative;
  }

  .blog-card:hover {
    transform: translateY(-4px);
    border-color: rgba(186, 117, 51, 0.5) !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
  }

  .blog-image-wrapper {
    overflow: hidden;
    aspect-ratio: 3 / 2;
  }

  .blog-image-wrapper a {
    display: block;
    width: 100%;
    height: 100%;
  }

  .blog-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease-in-out;
    display: block;
  }

  .blog-card:hover .blog-image-wrapper img {
    transform: scale(1.05);
  }

  .blog-meta-row {
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 500;
  }

  .blog-category,
  .blog-category a {
    font-family: var(--sans);
    font-weight: 700;
    font-size: 11px;
    letter-spacing: 0.13em;
    text-transform: uppercase;
    color: var(--brown) !important;
    text-decoration: none;
  }

  .blog-meta-divider {
    width: 4px;
    height: 4px;
    background: rgb(24 36 63);
    transform: rotate(45deg);
  }

  .blog-date {
    font-family: var(--sans);
    font-size: 12px;
    color: rgb(24 35 62);
  }

  .blog-card-body {
    padding: 24px 26px 28px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1 1 auto;
  }

  .blog-card-body h3 {
    font-weight: 600;
    font-size: 28px;
    line-height: 1.25;
    margin: 0;
    flex: 1 1 0%;
    color: var(--blue) !important;
    transition: color 0.25s;
  }

  .blog-card:hover .blog-card-body h3 {
    color: var(--brown) !important;
  }

  .blog-card-body p {
    font-family: var(--sans);
    font-size: 16px;
    line-height: 1.6;
    color: #555555;
    font-weight: 400;
    margin: 0;
  }

  .read-more {
    font-weight: 700;
    font-size: 11.5px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--brown) !important;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: auto;
    text-decoration: none;
    transition: all 0.25s ease-in-out;
    width: fit-content;
  }

  .read-more::after {
    content: "→";
    color: var(--brown);
    display: inline-block;
    transition: transform 0.25s;
  }

  .blog-card:hover .read-more::after {
    transform: translateX(4px);
  }

  .faq-section {
    scroll-margin-top: 88px;
    position: relative;
    background: linear-gradient(rgba(27, 41, 66, 0.82), rgba(22, 32, 58, 0.92)) center center / cover, url(../images/qaulity-bg.png) center center / cover;
    padding: clamp(74px, 9vw, 130px) clamp(20px, 4vw, 56px);
  }

  .faq-header {
    max-width: 1150px;
    margin: 0 auto;
    color: rgba(245, 239, 232, 0.66);
    font-size: 16px;
    line-height: 1.6;
  }

  .faq-header h2 {
    color: rgb(245, 239, 232);
    font-weight: 500;
    text-transform: capitalize;
    letter-spacing: 0.05em;
    margin-bottom: 15px !important;
    font-size: 46px !important;
    line-height: 1.15;
  }

  .faq-header p {
    margin-bottom: 15px;
  }

  /* ==========================================================
    EASY ACCORDION - CUSTOM OVERRIDE STYLES
    ========================================================== */

  .sp-ea-one.sp-easy-accordion .ea-card.sp-ea-single {
    border: 1px solid rgba(245, 239, 232, 0.14) !important;
    border-radius: 0 !important;
    background: var(--blue) !important;
    padding: 0 20px !important;
    margin-bottom: 15px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    box-shadow: none !important;
  }

  .sp-ea-one.sp-easy-accordion .ea-header a {
    color: #ffffff !important;
    background-color: transparent !important;
    box-shadow: none !important;
    padding: 20px 0 !important;
    display: flex !important;
    align-items: center !important;
    text-align: left !important;
    font-family: 'Sorts Mill Goudy';
    font-size: 20px !important;
    font-weight: 500 !important;
    text-transform: capitalize !important;
    text-decoration: none !important;
    border: none !important;
    width: 100% !important;
    position: relative !important;
  }

  .sp-ea-one.sp-easy-accordion .ea-header a i.ea-expand-icon {
    order: 2 !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.1) !important;
    font-size: 12px !important;
    border: 1px solid rgba(245, 239, 232, 0.14) !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease-in-out !important;
    flex-shrink: 0 !important;
  }

  .sp-ea-one.sp-easy-accordion .ea-header a i.ea-expand-icon {
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    display: inline-flex !important;
  }

  .sp-ea-one.sp-easy-accordion .ea-card.ea-expand .ea-header a i.ea-expand-icon,
  .sp-ea-one.sp-easy-accordion .ea-header a:not(.collapsed) i.ea-expand-icon {
    transform: rotate(180deg) !important;
  }

  .sp-ea-one.sp-easy-accordion .ea-header a.collapsed i.ea-expand-icon {
    transform: rotate(0deg) !important;
  }

  .sp-ea-one.sp-easy-accordion .ea-body {
    background-color: transparent !important;
    padding: 0 10px 20px 8px !important;
    border-top: none !important;
  }

  .sp-ea-one.sp-easy-accordion .ea-body p,
  .sp-ea-one.sp-easy-accordion .accordion-body {
    color: rgba(245, 239, 232, 0.66) !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    margin-bottom: 0 !important;
  }

  .sp-ea-one.sp-easy-accordion .ea-body .accordion-item,
  .sp-ea-one.sp-easy-accordion .ea-body .accordion-body {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .sp-ea-one.sp-easy-accordion {
    counter-reset: faq-counter 0;
  }

.sp-ea-one.sp-easy-accordion .ea-header a {
    display: inline-flex;
    align-items: center;
    gap: 12px;
  }

  .sp-ea-one.sp-easy-accordion .ea-card.sp-ea-single .ea-header a::before {
    content: "";
    width: 9px;
    height: 9px;
    background-color: var(--brown, #cfa872);
    transform: rotate(45deg);
    flex-shrink: 0;
  } 


  /*---------------------------
            Footer
  ---------------------------*/

  .main-footer {
    position: relative;
    background: url(../images/about-bg.png) left center / cover no-repeat rgb(245, 239, 232);
  }

  .main-footer h5 {
    font-size: 36px;
    font-weight: 500;
    color: var(--blue);
  }

  .main-footer h6 {
    font-family: var(--sans);
    font-weight: 700;
    font-size: 15px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--brown);
    margin-bottom: 18px;
  }

  .footer-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 45px 0 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid rgba(43, 63, 109, 0.18);
}

  .footer-btns {
    display: flex;
    gap: 15px;
    justify-content: space-between;
    width: 45%;
  }

  .footer-btns a {
    justify-content: center;
    width: 100%;
  }

  .footer-widgets-row {
    row-gap: 40px;
  }

  .footer-widget-column {
    font-family: var(--sans);
    font-size: 16px;
    color: var(--grey);
  }

  .footer-logo-box {
    margin-bottom: 5px;
  }

.footer-widget-column p {
    margin-bottom: 5px;
}

  .footer-contact-channels {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding-right: 40px;
  }

.contractor-number-box,
  .footer-contact-channels a,
  .footer-contact-channels strong {
    font-family: var(--sans);
    font-size: 16px;
    color: var(--grey);
    text-decoration: none;
    display: inline-flex;
    align-items: flex-start;
    gap: 8px;
    font-weight: 500;
    margin-bottom: 0;
  }

  .footer-channel-svg {
    width: 20px;
    height: 20px;
    min-width: 20px;
    fill: none;
    stroke: var(--brown);
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    display: inline-block;
    vertical-align: middle;
  }


.menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 29px;
}

  .main-footer .acf-nav-menu .menu {
    gap: 5px !important;
  }

  .main-footer .acf-nav-menu ul#menu-company-menu li {
    position: relative;
    padding: 0 0 0 20px;
    align-items: center;
    display: inline-flex;
  }

  .main-footer .acf-nav-menu ul#menu-company-menu li::before {
    content: "";
    position: absolute;
    width: 9px;
    height: 9px;
    left: 0;
    background-color: var(--blue);
    transform: rotate(45deg);
  }

  .menu a {
    font-family: var(--sans);
    font-size: 16px;
    color: var(--grey);
    text-decoration: none;
    transition: color 0.2s, padding-left 0.2s;
    font-weight: 400;
    display: block;
  }

  .menu a:hover {
    color: var(--brown);
    padding-left: 4px;
  }

  .acf-nav-menu ul#menu-services-menu {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    column-gap: 24px !important;
    row-gap: 5px !important;
    padding-left: 0 !important;
    list-style: none !important;
    margin: 0 !important;
  }

  .acf-nav-menu ul#menu-services-menu li {
    margin-bottom: 0 !important;
    position: relative;
    padding: 0 0 0 20px;
    align-items: center;
    display: inline-flex;
  }

  .acf-nav-menu ul#menu-services-menu li:before {
    content: "";
    position: absolute;
    width: 9px;
    height: 9px;
    left: 0;
    background-color: var(--blue);
    transform: rotate(45deg);
  }

  .acf-nav-menu ul#menu-services-menu li a {
    display: inline-block;
    text-decoration: none;
  }

  @media (max-width: 575px) {
    .acf-nav-menu ul#menu-services-menu {
      grid-template-columns: 1fr !important;
    }
  }

  .social-div .social-icons {
    margin: 15px 0 !important;
    gap: 10px !important;
    display: flex;
  }

  .footer-btns .transparent-btn,
  .footer-widgets-row .transparent-btn {
    width: 100%;
    justify-content: center;
    border-color: var(--blue);
    color: var(--blue);
  }

  .footer-btns .transparent-btn:hover,
  .footer-widgets-row .transparent-btn:hover {
    background: var(--blue);
    color: var(--white);
  }

  .social-div .social-icons a img {
    filter: brightness(0) saturate(100%) invert(21%) sepia(38%) saturate(1638%) hue-rotate(193deg) brightness(96%) contrast(92%);
    transition: filter 0.3s ease;
  }

  .social-div .social-icons a:hover img {
    opacity: 0.8;
  }

  /* Bottom Sub-Footer / Copyright Row */
  .footer-sub-basement-row {
    margin-top: 60px;
    padding: 24px 0;
    border-top: 1px solid rgba(43, 63, 109, 0.18);
  }

  .copy-right-div strong {
    font-family: var(--sans);
    font-size: 14.5px;
    color: var(--grey);
    font-weight: 400;
  }

  .right-div {
    color: var(--grey);
    font-size: 16px;
  }

  .right-div a {
    font-family: var(--sans);
    font-size: 14.5px;
    color: var(--grey);
    text-decoration: none;
    transition: color 0.2s;
    font-weight: 400;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid var(--grey);
  }

  .right-div a:hover {
    color: var(--brown);
  }

  .right-div a:last-child {
    border: none;
    padding-right: 0;
    margin-right: 0;
  }

  .right-div strong {
    font-size: 14.5px;
    font-weight: 400;
  }



  /* ==========================================================================
    1. Inner Hero Layout & Wrapper
    ========================================================================== */
  .inner-hero-section {
    position: relative;
    background: var(--blue);
    overflow: hidden;
}

.inner-hero-wrapper {
  position: relative;
  display: flex;
  overflow: hidden;
}

.inner-hero-image {
    width: 61%;
    margin-left: -210px;
}

.inner-hero-content {
    width: 50%;
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 90px 160px 90px 70px;
    background: transparent;
	z-index: 99;
	justify-content: center;

}

.inner-hero-content::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    background: var(--brown); 
    clip-path: polygon(0 0, 78% 0, 100% 50%, 100% 50%, 78% 100%, 0 100%);
}

.inner-hero-content::after {
    content: '';
    position: absolute;
    inset: 0 2px 0 0;
    z-index: -1;
    background: linear-gradient(rgba(27, 41, 66, 0.82), rgba(22, 32, 58, 0.92)) center / cover, url(../images/qaulity-bg.png) center / cover no-repeat;
    clip-path: polygon(0 0, 78% 0, 100% 50%, 100% 50%, 78% 100%, 0 100%);
}

.inner-hero-content > strong {
  display: block;
  font-family: var(--sans);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--brown);
  margin-bottom: 18px;
}

.inner-hero-content h1 {
  font-size: clamp(34px, 4vw, 52px);
  font-weight: 500;
  color: #ffffff;
  line-height: 1.15;
  margin-bottom: 22px;
}

.inner-hero-content p {
  font-family: var(--sans);
  font-size: 16px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.85);
  margin-bottom: 16px;
}

.inner-hero-content p:last-of-type {
  margin-bottom: 0;
}

.hero-btn-group {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: 36px;
}

  .inner-hero-trust {
      background: var(--blue);
      padding: 10px 0;
  }

  .badge-item {
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .badge-item div {
    display: flex;
    flex-direction: column;
  }

  .badge-item div strong {
    font-family: var(--sans);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.25;
    color: #ffffff;
  }

  /* ==========================================================================
    Intro Section Base Styles
    ========================================================================== */
  .intro-section {
    position: relative;
    padding: 120px 0;
    background: url(../images/about-bg.png) left center / cover no-repeat rgb(245, 239, 232);
    overflow: hidden;
  }

.content-div.default-page .intro-section {
    background: rgb(245, 239, 232);
}

.content-div.default-page .intro-section .intro-text h2 {
    margin-bottom: 15px;
}

.content-div.default-page .intro-section .intro-text h3 {
    font-family: 'Sorts Mill Goudy';
    position: relative;
    line-height: 1.14;
    font-size: 32px;
    letter-spacing: 0.2px;
    color: var(--blue);
    font-weight: 400;
    margin-bottom: 7px;
}

.content-div.default-page .intro-section .intro-text ul {
    list-style: none;
    margin-bottom: 30px;
    padding-left: 10px;
}

.content-div.default-page .intro-section .intro-text ul li {
    position: relative;
    padding: 6px 0 0px 24px;
    font-family: var(--sans);
    font-size: 14.5px;
    font-weight: 500;
    line-height: 1.5;
}

.content-div.default-page .intro-section .intro-text ul li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 5px;
    transform: none;
    color: var(--brown);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.7;
}

.content-div.default-page .intro-section .intro-text {
    color: var(--grey);
}

.content-div.default-page .intro-section .intro-text a:hover {
    color: var(--blue, #16203A);
}

.content-div.default-page .intro-section .intro-text a {
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.08em;
    color: var(--brown);
    text-decoration: none;
}

.page-id-3 .content-div.default-page .intro-section .intro-text p:has(> strong:only-child) {
    margin-bottom: 0;
}

.content-div.default-page .intro-section .intro-text p > strong:only-child {
    display: block;
    margin-bottom: 20px;
}

  .career-layouts > section.intro-section.right-image.bg-image:nth-of-type(3) {
      background: linear-gradient(rgba(245, 239, 232, 0.7), rgba(245, 239, 232, 0.7)), url(../images/process-bg.png) center center / cover no-repeat;
  }

  .intro-content {
    max-width: 620px;
    padding-right: 70px;
  }

  .intro-content h2 {
    font-size: clamp(28px, 3.5vw, 42px);
    font-weight: 600;
    color: var(--blue);
    line-height: 1.2;
    margin-bottom: 20px;
  }

  .intro-content {
    font-family: var(--sans);
    font-size: 16px;
    line-height: 1.65;
    color: var(--grey);
  }

  .intro-content p {
    margin-bottom: 16px;
  }

  .intro-content p:last-of-type {
    margin-bottom: 28px;
  }

  .intro-content .gold-btn {
    margin-top: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 240px;
  }

  .intro-image {
    position: relative;
    height: 720px;
    padding: 0;
  }

  /* .intro-image::before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--brown);
    clip-path: polygon(
      0 0,
      82% 0,
      100% 26%,
      100% 100%,
      0 100%
    );
  } */

  .intro-image img {
    position: absolute;
    inset: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    object-fit: cover;
    box-shadow: rgba(22, 32, 58, 0.3) 0px 30px 70px;
    z-index: 1;
    /* clip-path: polygon(
      0 0,
      82% 0,
      100% 26%,
      100% 100%,
      0 100%
    ); */
  }

  .intro-image::after {
    content: "";
    position: absolute;
    left: -18px;
    bottom: -18px;
    width: 120px;
    height: 120px;
    background-color: var(--brown);
    z-index: 0;
  }

  /* .intro-image::after {
    content: "";
    position: absolute;
    inset: 2px;
    background: linear-gradient(rgba(10,20,35,.08), rgba(10,20,35,.18));
    clip-path: polygon(
      0 0,
      82% 0,
      100% 26%,
      100% 100%,
      0 100%
    );
    pointer-events: none;
  } */

  /* ==========================================================================
    Left Image Variant Styles
    ========================================================================== */
  .intro-section.left-image {
      background: linear-gradient(rgba(27, 41, 66, 0.75), rgba(22, 32, 58, 0.85)) center center / cover, url(../images/qaulity-bg.png) center center / cover;
      color: rgba(255, 255, 255, 0.78);
  }

  .intro-section.left-image .row {
    flex-direction: row-reverse;
  }
  .intro-section.left-image.bg-image .intro-content {
      color: var(--grey);
  } 
  .intro-section.left-image .intro-content {
    max-width: 740px;
    padding-left: 70px;
    padding-right: 0 !important;
    color: rgba(245, 239, 232, 0.62);
  }

  .intro-section.left-image h2 {
    color: #ffffff;
  }
  .intro-section.left-image.bg-image h2 {
      color: var(--blue);
  }  
  section.intro-section.left-image.bg-image {
      background: linear-gradient(rgba(245, 239, 232, 0.7), rgba(245, 239, 232, 0.7)), url(../images/process-bg.png) center center / cover no-repeat;
      background-size: cover;
  } 

  .single-service .intro-section.left-image {
      background: url(../images/about-bg.png) left center / cover no-repeat rgb(245, 239, 232);
  }

  .single-service .intro-section.left-image h2 {
    color: var(--blue);
  }

  .single-service .intro-section.left-image .intro-content {
      color: var(--grey);
  }

  .single-service .intro-section.bg-color {
      background: linear-gradient(rgba(27, 41, 66, 0.75), rgba(22, 32, 58, 0.85)) center center / cover, url(/wp-content/uploads/2026/08/qaulity-bg.png) center center / cover;
  }

  .single-service .intro-section.bg-color .intro-content h2 {
    color: #fff;
  }

  .single-service .intro-section.bg-color .intro-content {
    color: rgba(245, 239, 232, 0.66) !important;
  }  

  .single-service .services-section.inner {
    background: url(../images/about-bg.png) left center / cover no-repeat rgb(245, 239, 232);
  }

  .approach-section {
      position: relative;
      padding: 120px 0;
      background: linear-gradient(rgba(27, 41, 66, 0.82), rgba(22, 32, 58, 0.92)) center center / cover, url(../images/qaulity-bg.png) center center / cover;
      overflow: hidden;
  }

  .approach-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url("../images/quality-bg.png") center / cover no-repeat;
    opacity: 0.06;
    pointer-events: none;
  }

  .approach-content {
    max-width: 760px;
    margin-left: auto;
    padding-right: 70px;
    position: relative;
    z-index: 2;
  }

  .approach-content h2 {
    color: #fff;
    margin-bottom: 15px;
  }

  .approach-content .gold-divider {
    justify-content: center;
    margin: 22px 0 34px;
  }

  .approach-content .gold-divider .line-center {
    width: 110px;
  }

  .approach-text {
    color: rgba(255, 255, 255, 0.88);
    font-size: 15px;
    line-height: 1.8;
  }

  .approach-content ul {
    position: relative;
    margin-bottom: 25px;
    list-style: none;
    padding-left: 0;
  }

  .approach-content ul li {
    position: relative;
    display: flex;
    align-items: center;
    gap: 22px;
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.55;
    color: var(--white);
    font-family: var(--sans);
    padding-left: 30px;
  }

  .approach-content ul li:last-child {
    margin-bottom: 0;
  }

  .approach-content ul li::before {
    content: "\f00c";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 2px;
    color: var(--brown);
    font-size: 16px;
  }

  .approach-quote {
    margin-top: 40px;
    border: 1px solid rgba(198, 155, 84, 0.6);
    padding: 34px 42px;
    display: flex;
    gap: 26px;
    align-items: flex-start;
    position: relative;
    overflow: hidden;
  }

  .approach-quote::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: var(--brown);
  }

  .approach-quote i {
    color: var(--brown);
    font-size: 40px;
    line-height: 1;
    flex-shrink: 0;
  }

  .approach-quote p {
    margin: 0;
    color: var(--white);
    font-size: 15px;
    line-height: 1.6;
  }

  .approach-image {
    position: relative;
    height: 780px;
  }

  .approach-image::after {
    content: "";
    position: absolute;
    left: -18px;
    bottom: -18px;
    width: 120px;
    height: 120px;
    background-color: var(--brown);
    z-index: 0;
  }

  /* .approach-image::before,
  .approach-image img,
  .approach-image::after {
    clip-path: polygon(
      0 0,
      75% 0,
      100% 16%,
      100% 100%,
      0 100%
    );
  }

  .approach-image::before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--brown);
  } */

  .approach-image img {
    position: absolute;
    inset: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    object-fit: cover;
    box-shadow: rgba(22, 32, 58, 0.3) 0px 30px 70px;
    z-index: 1;
  }

  /* .approach-image::after {
    content: "";
    position: absolute;
    inset: 2px;
    background: linear-gradient(rgba(10, 20, 35, 0.05), rgba(10, 20, 35, 0.22));
    pointer-events: none;
  } */

  .trust-section {
    position: relative;
    padding: 120px 0;
    background: linear-gradient(rgba(245, 239, 232, 0.7), rgba(245, 239, 232, 0.7)), url(../images/process-bg.png) center center / cover no-repeat;
    overflow: hidden;
  }

  .trust-section h2 {
    margin-bottom: 60px;
  }



  .trust-section.inner.bg-color {
      background: linear-gradient(rgba(27, 41, 66, 0.75), rgba(22, 32, 58, 0.85)) center center / cover, url(../images/qaulity-bg.png) center center / cover;
      background-repeat: no-repeat;
  }

  .trust-section.inner.bg-color .services-header .services-header-left h2 {
    color: #fff !important;
  }

  .trust-section.inner.bg-color  .services-header-left {
      color: rgba(245, 239, 232, 0.66);
  }

  .trust-section.inner.bg-color  .services-header-btn .transparent-btn {
    border-color: rgba(245, 239, 232, 0.14);
    color: #fff;
  }

  .trust-section.inner.bg-color  .services-header-btn .transparent-btn:hover {
    background: #fff;
    color: var(--blue);
  }

  .trust-section.inner.bg-color .trust-card {
      background: rgb(245, 239, 232) !important;
  }

  .trust-card {
    position: relative;
    border-top: 2px solid var(--brown);
    background: #fff;
    padding: 40px 35px;
    text-align: left;
    transition: .35s;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .12);
    overflow: visible;
    font-family: var(--sans);
    font-size: 16px;
    line-height: 1.6;
    color: #555555;
    font-weight: 400;
  }

  .trust-section.team .trust-card {
      background: rgb(245, 239, 232);
  }

  .trust-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 28px 55px rgba(0, 0, 0, .18);
  }

  /* .trust-card::after {
      content: "";
      position: absolute;
      left: 50%;
      bottom: 28px;
      width: 70px;
      height: 2px;
      background: var(--brown);
      transform: translateX(-50%);
  } */

  .trust-card-icon {
    margin-bottom: 15px;
  }

  .trust-card-icon img {
    width: 50px !important;
    height: 50px !important;
  }

  .owner-section {
    scroll-margin-top: 88px;
    background: linear-gradient(rgba(27, 41, 66, 0.82), rgba(22, 32, 58, 0.92)) center center / cover, url(../images/qaulity-bg.png) center center / cover;
    padding: 100px 0;
    position: relative;
  }

  .owner-img {
    position: relative;
  }

  .owner-img img {
    height: 860px;
    width: 100%;
    object-fit: cover;
    z-index: 1;
    position: relative;
  }

  .owner-text {
    color: rgba(245, 239, 232, 0.62);
    font-size: 16px;
  }

  .owner-text h2 {
    color: #fff;
    margin-bottom: 15px;
  }

  .owner-text h3 {
    font-size: 24px;
    color: #fff;
  }

  .credentials-badges-strip {
    list-style: none;
    padding: 0;
    margin: 25px 0 35px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 12px;
  }

  .credentials-badges-strip .badge-item {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
    position: relative;
    padding: 0 10px;
  }

  .credentials-badges-strip .badge-item:not(:last-child)::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 32px;
    width: 1px;
    background: rgba(186, 117, 51, 0.25);
  }

  .credentials-badges-strip .badge-item:first-child {
    padding-left: 0;
  }

  .credentials-badges-strip .badge-item:last-child {
    padding-right: 0;
  }

  .credentials-badges-strip .badge-icon {
    width: 32px;
    height: 32px;
    color: var(--brown);
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }

  .credentials-badges-strip .badge-icon img,
  .credentials-badges-strip .badge-icon svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .credentials-badges-strip .badge-text-block {
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .team-section-inner {
    scroll-margin-top: 88px;
    position: relative;
    background: linear-gradient(rgba(245, 239, 232, 0.7), rgba(245, 239, 232, 0.7)), url(../images/process-bg.png) center center / cover no-repeat;
    padding: clamp(74px, 9vw, 130px) clamp(20px, 4vw, 56px);
  }

  .team-header.inner {
    line-height: 1.6;
    color: var(--grey, #666666);
    display: block;
  }

  .team-header h2 {
    margin-bottom: 15px;
  }

  .team-header p {
    margin: 0;
  }

  .team-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    align-items: stretch;
  }

  .team-card {
    background: #fff;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(186, 117, 51, 0.15);
    display: flex;
    flex-direction: column;
    height: 100%;
  }

  .team-photo-wrap {
    width: 100%;
    height: 450px;
    background-color: #e2e8f0;
    flex-shrink: 0;
  }

  .team-photo-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
  }

  .team-info {
    padding: 25px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    /* Pushes button footer to bottom naturally */
  }

  .team-info h3 {
    font-size: 30px;
    color: var(--blue);
    margin: 0 0 5px 0;
  }

  .team-title-wrap {
    font-size: 14px;
    font-weight: 600;
    color: var(--brown, #ba7533);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 15px;
  }

  .team-title-wrap p {
    margin: 0;
  }

  .team-bio {
    font-size: 14px;
    color: #555555;
    line-height: 1.6;
  }

  .team-bio p {
    margin-top: 0;
    margin-bottom: 12px;
  }

  .team-bio p:last-child {
    margin-bottom: 0;
  }

  .team-expandable {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
  }

  .team-expandable.is-open {
    grid-template-rows: 1fr;
  }

  .expandable-content {
    min-height: 0;
    transition: opacity 0.3s ease;
    opacity: 0;
    padding-top: 0;
  }

  .team-expandable.is-open .expandable-content {
    opacity: 1;
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px dashed rgba(186, 117, 51, 0.25);
  }

  .expandable-content p {
    font-size: 14px;
    color: #555555;
    line-height: 1.6;
    margin-top: 0;
    margin-bottom: 12px;
  }

  .team-meta {
    margin-top: 15px;
    font-size: 14px;
    color: #555555;
    line-height: 1.6;
  }

  .team-meta h4 {
    font-size: 16px;
    color: var(--blue);
    margin: 15px 0 8px 0;
    text-transform: capitalize;
    letter-spacing: 0.3px;
  }

  .team-meta ul {
    list-style: none;
    padding: 0;
    margin: 0 0 15px 0;
  }

  .team-meta li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 6px;
  }

  .team-meta li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 9px;
    width: 6px;
    height: 6px;
    background-color: var(--brown, #ba7533);
    border-radius: 50%;
  }

  .team-meta p {
    margin: 0;
  }

  .team-card-footer {
    margin-top: auto;
    padding-top: 15px;
  }

  .read-more-trigger {
    background: transparent;
    border: none;
    padding: 0;
    color: var(--brown, #ba7533);
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    outline: none;
    transition: color 0.2s ease;
  }

  .read-more-trigger svg {
    transition: transform 0.3s ease;
  }

  .team-card.is-expanded .read-more-trigger svg {
    transform: rotate(180deg);
  }

  .trust-section.team {
    background: linear-gradient(rgba(27, 41, 66, 0.82), rgba(22, 32, 58, 0.92)) center center / cover, url(../images/qaulity-bg.png) center center / cover;
  }

  .trust-section.team h2 {
    color: #fff;
  }
  .trust-section.team h3 {
      color: var(--blue);
      font-size: 24px;
      margin: 20px 0 15px;
  }

  .trust-section.team i {
    font-size: 40px;
    color: var(--brown);
  }

  .full-width-section.inner h2 {
    color: #fff;
    margin-bottom: 15px;
  }

  .full-width-section.inner .brand-band-container>p {
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 400;
      color: #ffffff;
      font-size: 16px;
      line-height: 1.6;
      margin-bottom: 20px;
  }

  .services-section.inner .services-header {
    display: block;
  }

  .process-flipped {
    background: linear-gradient(rgba(27, 41, 66, 0.82), rgba(22, 32, 58, 0.92)) center center / cover, url(../images/qaulity-bg.png) center center / cover;
  }

  .process-flipped h3,
  .process-flipped h2 {
    color: #fff;
  }

  .process-flipped .process-step-item .step-body {
    color: rgba(245, 239, 232, 0.66);
    ;
  }

  .process-flipped .process-image-wrapper {
    margin-right: 0;
    margin-left: 35px;
  }

  /* ==========================================
    Blogs
    ========================================== */
  .blogs-area {
      padding: 100px 0 100px 0;
  }
  .blogs-left h3, .sidebar h3 {
      font-size: 30px !important;
      color: var(--blue) !important;
      padding-bottom: 20px;
      border-bottom: 3px solid var(--brown);
      margin-bottom: 40px;
      text-transform: uppercase;
      line-height: 120%;
      font-weight: 600 !important;
      text-align: center;
  }
  .blogs-tab {
      box-shadow: 0px 0px 17px -7px rgba(0, 0, 0, 0.25);
      margin-bottom: 30px;
  }
  .blogs-tab.row {
      cursor: pointer !important;
  }
  .blogs-text a {
      color: var(--blue);
      font-weight: 500;
  }
  .blogs-img {
      position: relative;
      overflow: hidden;
  }
  .blogs-img {
      position: relative;
      overflow: hidden;
  }
  .blogs-img::after {
      position: absolute;
      content: "";
      background: var(--blue);
      width: 20px;
      height: 100%;
      right: 0;
      top: 0;
  }
  .blogs-tab:hover .blogs-img img {
      transform: scale(1.1);
      transition: all 0.4s ease-in-out;
  }
  .blogs-img img {
      max-width: 100%;
      width: 100%;
      height: 360px;
      object-fit: cover;
      transition: all 0.3s ease-in-out;
  }
  .blogs-tab:hover .blogs-text {
      background: var(--blue);
      transition: all 0.4s ease-in-out;
  }
  .blogs-tab:hover .blogs-text a {
      color: var(--white);
  }
  .blogs-tab:hover .blogs-text h3 {
      color: var(--white);
  }
  .blogs-text h3 {
    font-weight: 600 !important;
      padding-bottom: 15px;
      font-size: 28px !important;
      color: var(--blue);
      line-height: 1.1;
      margin-bottom: 18px;
  }
  .blogs-text .addtoany_shortcode {
      margin-top: 20px;
  }
  .page-numbers, a.page-numbers {
      background: var(--brown);
      color: #fff;
      padding: 10px 12px;
      transition: all 0.3s ease-in-out;
      display: inline-flex;
      height: 40px;
      width: 40px;
      align-items: center;
      justify-content: center;
  }
  .page-numbers:hover, a.page-numbers:hover {
      background: var(--blue);
      color: var(--white);
  }
  .sidebar {
      padding-left: 50px;
  }
  .sidebar-img {
      position: relative;
      margin-bottom: 15px;
      transition: all 0.3s ease-in-out;
      overflow: hidden;
  }
  .sidebar-inner .sidebar-img img {
      transition: all 0.3s ease-in-out;
      width: 100% !important;
      height: 200px;
      object-fit: cover;
  }
  .sidebar-text {
      position: absolute;
      left: 0;
      right: 0;
      top: 50%;
      z-index: 1;
      transform: translateY(-50%);
  }
  .sidebar-text h4 {
      color: var(--white);
      font-size: 28px;
      text-align: center;
      font-weight: 600;
      margin-bottom: 0;
  } 
  .sidebar-img::after {
      position: absolute;
      content: "";
      background: rgba(0, 0, 0, 0.3);
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
  }
  .sidebar-inner a:hover .sidebar-img img {
      transform: scale(1.1);
      transition: all 0.3s ease-in-out;
  }
  .direct-contact-top strong {
      letter-spacing: 0.2em;
      color: var(--brown, #cfa872);
      text-transform: uppercase;
  }
  .direct-contact-top a.gold-btn {
      display: flex;
      text-align: center;
      align-items: center;
      justify-content: center;
  }
  .direct-contact-top a.gold-btn:hover {
      background: var(--brown);
      opacity: 90%;
  }
  input#gform_submit_button_5,
  .gform_wrapper.gravity-theme .gform_footer input#gform_submit_button_2 {
      background: var(--brown) !important;
      color: #ffffff !important;
      font-size: 14px !important;
  }
  input#gform_submit_button_5:hover,
  .gform_wrapper.gravity-theme .gform_footer input#gform_submit_button_2:hover {
      background: var(--blue) !important;
  }
  .deck-special-header .main-div {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .deck-special-header .header-right-actions {
    display: flex;
    align-items: center;
    gap: 20px;
  }
  .hero-section.deck-hero-section .hero-badges-grid {
      flex-wrap: wrap;
      width: 90%;
  }
  .deck-special-header .phone-link {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      text-decoration: none;
      color: #2b3f6d;
  }
  .gfield--input-type-html p {
      font-size: 12px !important;
      color: var(--grey) !important;
      line-height: 1.4 !important;
  }
  .direct-contact-top a {
      color: #fff;
      transition: all 0.3s ease-in-out;
  }
  .direct-contact-top a:hover{
    color: var(--brown);
  }
  .four-o-four {
      text-align: center;
      padding: 80px 0;
  }
  .four-o-four h4 {
      color: var(--brown);
  }
  .gform-footer.gform_footer.top_label input#gform_submit_button_3 {
      background: var(--brown) !important;
      color: #ffffff !important;
      font-size: 14px !important;
  }
  .gform-footer.gform_footer.top_label input#gform_submit_button_3:hover {
      background: var(--blue) !important;
  }
  
  .single-service .services-section.inner .services-header-left h2 {
      color: var(--blue);
  } 
  .single-service .services-section.inner .services-header-left {
      color: var(--grey);
  } 
  .services-section.inner .services-header .transparent-btn {
      color: var(--blue);
      border-color: var(--blue);
  } 
  .services-section.inner .services-header .transparent-btn:hover {
      color: #fff;
      border-color: var(--blue);
  background: var(--blue);
  }
  .testimonial-card p {
      font-size: 22px;
  }
  .testimonial-card.card-featured p {
      font-size: 22px;
  } 
  .author-name {
      font-size: 28px;
      font-style: normal;
      color: var(--blue);
      font-family: 'Sorts Mill Goudy';
      margin-bottom: 10px;
  }
  .testimonials-section.inner .testimonials-grid {
    justify-content: center;
  }
  .testimonial-card.card-featured.h-100 p {
    font-size: 22px;
    margin-bottom: 15px;
}

  .testimonial-card.card-featured.h-100 span.author-avatar.avatar-primary {
      width: 42px;
      height: 42px;
      background: rgba(255, 255, 255, 0.1);
      font-size: 15px;
      border: 1px solid rgba(245, 239, 232, 0.14);
  }
  .testimonial-card.card-featured.h-100 .star-rating-row {
      font-style: normal;
      font-size: 13px;
      margin-bottom: 14px;
      margin-top: 0;
  }
  .author-location {
      font-family: 'Montserrat';
      font-weight: 700;
      font-style: normal;
      color: var(--brown);
      font-size: 16px;
      display: block;
      margin-bottom: -10px;
  }
  .author-location::before {
      content: "\f3c5"; 
      font-family: "Font Awesome 6 Free", "Font Awesome 5 Free"; 
      font-weight: 900;
      color: var(--brown);
      font-size: 16px;
      margin-right: 8px; 
      display: inline-block;
  }

  .testimonial-card.card-featured.h-100 {
      padding: 30px;
      background: var(--blue);
      display: flex;
      flex-direction: column;
  }

  .quote-giant-mark {
      margin-bottom: 5px;
      line-height: 1;
  }

  .testimonial-content-text {
      flex-grow: 1;
      margin-bottom: 20px;
  }

  .testimonial-content-text p {
      margin-bottom: 0;
  }

  .testimonial-category {
      font-family: 'Montserrat';
      font-style: normal;
      font-size: 18px;
      color: #fff;
      margin-top: auto;
      margin-bottom: 1rem;
  }

  .testimonial-author-row {
      display: flex;
      align-items: center;
      gap: 12px;
  }
  p.gform_required_legend {
      display: none;
  }
  .gchoice.gchoice_4_15_0 {
      display: flex;
      align-items: center !important;
      gap: 10px;
  }
  legend.gfield_label.gform-field-label {
      font-size: 13px !important;
      font-weight: 700 !important;
      color: var(--blue);
  }
  .gchoice.gchoice_4_15_1 {
      display: flex;
      align-items: center !important;
      gap: 10px;
  }
  .gchoice.gchoice_4_15_2 {
      display: flex;
      align-items: center !important;
      gap: 10px;
  }
  .ginput_container.ginput_container_radio div#input_4_15 {
      display: flex;
      flex-direction: column;
      gap: 10px;
  }
  .gform_wrapper.gravity-theme .gfield-choice-input+label {
    margin-bottom: 0 !important;
  }
  fieldset#field_4_15 {
      border: 1px dashed rgba(186, 117, 51, 0.5) !important;
      background: #ffffff !important;
      padding: 16px !important;
      text-align: left;
      height: 100%;
  }
  label#label_4_15_0 {
      font-size: 15px !important;
      font-weight: 400 !important;
      color: #16203A !important;
  } 
  label#label_4_15_1 {
    font-size: 15px !important;
      font-weight: 400 !important;
      color: #16203A !important;
  }
  label#label_4_15_2 {
      font-size: 15px !important;
      font-weight: 400 !important;
      color: #16203A !important;
  }
  legend.gfield_label.gform-field-label {
      margin-bottom: 15px !important;
  }
  .detail-video iframe {
      width: 100%;
  }
  /* Author Box Tabs */
  .abh_box .abh_tabs {
      display: flex !important;
      align-items: flex-end !important;
      gap: 2px !important;
      margin: 0 !important;
      padding: 0 0 24px 0 !important;
      list-style: none !important;
      border-bottom: 1px solid #ccc!important;
  }

  /* Individual tabs */
  .abh_box .abh_tabs li {
      margin: 0 !important;
      padding: 0 !important;
      border: 0 !important;
  }

  /* Hover */
  .abh_box .abh_tabs li a:hover {
      background: var(--brown) !important;
      color: #fff !important;
      border: 1px solid var(--brown) !important;
      padding: 10px 20px !important;
      font-size: 18px !important;
      line-height: 1 !important;
      font-weight: 400 !important;
      box-sizing: border-box !important;
  }

  /* All buttons */
  .abh_box .abh_tabs li a {
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      padding: 10px 20px !important;

      background: #fff !important;
      color: #2b3f6d !important;

      border: 1px solid var(--brown) !important;
      border-radius: 0 !important;

      text-decoration: none !important;
      font-size: 18px !important;
      line-height: 1 !important;
      font-weight: 400 !important;

      box-sizing: border-box !important;
      transition: all 0.3s ease-in-out !important;
  }

  /* Active button */
  /* Active button */
  .abh_box .abh_tabs li.abh_active a,
  .abh_box .abh_tabs li.abh_active a:hover {
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;

      padding: 10px 20px !important;

      background: var(--brown) !important;
      color: #fff !important;

      border: 1px solid var(--brown) !important;
      border-radius: 0 !important;

      font-size: 18px !important;
      line-height: 1 !important;
      font-weight: 400 !important;

      box-sizing: border-box !important;
      text-decoration: none !important;
  }
  .abh_tab_content .abh_text a {
        color: var(--brown) !important;
  }
  .post-content.single-image {
      position: relative;
      overflow: hidden;
  }

  .post-content.single-image .detail-image {
      position: relative;
      width: 100%;
      height: 100%;
  }

  .post-content.single-image .detail-image img {
      display: block;
      width: 100%;
      height: 500px;
      object-fit: cover;
  }

  /* Black overlay */
  .post-content.single-image .detail-image::after {
      content: "";
      position: absolute;
      inset: 0;
      background: rgba(0, 0, 0, 0.5);
      z-index: 1;
  }

  /* Content over image */
  .post-div .post-image-caption {
      position: absolute;
      right: 45%;
      top: 500px;
      z-index: 2;
      padding: 40px;
      margin: 0;
      max-width: 700px;
  }

  /* Text */
  .post-div .post-image-caption p {
      position: relative;
      margin: 0;
      color: #fff;
      font-style: italic;
      font-size: 20px;
      line-height: 1.6;
      max-width: 700px;
  }

  /* Quote icon */
  .post-div .post-image-caption p::before {
      content: "\201C";
      display: block;
      margin-bottom: 10px;
      color: #fff;
      font-family: Georgia, serif;
      font-size: 120px;
      font-style: normal;
      line-height: .6;
      height: 40px;
  }
  /* ==========================================
                  Gallery-Section
    ========================================== */
  .featured-projects-section,
  .project-gallery-section {
      padding: 120px 0 !important;
      background: linear-gradient(rgba(27, 41, 66, 0.82), rgba(22, 32, 58, 0.92)) center center / cover, url(../images/qaulity-bg.png) center center / cover;
  }

  .featured-projects-section h2,
  .project-gallery-section h2 {
    position: relative;
    text-align: center;
    margin-bottom: 50px;
    color: #fff;
  }
  .project-card {
      border-radius: 0 !important;
      border: none !important;
      background: rgb(245, 239, 232) !important;
  }
  .project-content a.btn-project-details {
    border-radius: 0 !important;
    position: relative !important;
    display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 8px !important;
      padding: 14px 24px !important;
      font-family: var(--sans) !important;
      font-weight: 600 !important;
      font-size: 13px !important;
      letter-spacing: 0.05em !important;
      text-transform: uppercase !important;
      text-decoration: none !important;
      transition: all 0.2s ease !important;
      white-space: nowrap !important;
          background: var(--brown, #cfa872) !important;
      color: #ffffff !important;
    margin-top: auto !important;
  }
  .project-content a.btn-project-details:hover {
      background: var(--blue, #111a2e) !important;
      transform: translateY(-1px) !important;
  }
  a.btn-project-details::after {
      content: "→";
      margin-left: 10px;
      font-size: 18px;
      display: inline-block;
      transition: transform 0.3s ease;
  }
  .project-excerpt {
      margin-bottom: 15px;
  }

  a.btn-project-details:hover::after {
      transform: translateX(5px);
  }
  .project-card span.project-type {
      color: var(--brown) !important;
      font-size: 14px;
  }
  .content-area.our-work .services-section.inner .service-card {
      background: rgb(245, 239, 232);
  }
  .project-content {
      color: var(--grey) !important;
      font-size: 15px;
      padding: 30px !important;
  }
  .project-meta {
      margin-bottom: 15px !important;
      font-weight: 600;
  }
  h3.project-title a {
      font-size: 24px;
      font-weight: 600;
      color: var(--blue) !important;
      transition: all 0.3s ease-in-out !important;
      font-family: 'Sorts Mill Goudy';
      text-transform: capitalize;
  }
  h3.project-title a:hover {
    color: var(--brown) !important;
  }
  h3.project-title {
      margin-bottom: 15px !important;
  }
  .project-services strong {
      font-size: 15px !important;
      margin-bottom: 15px !important;
      color: var(--grey) !important;
  }
  .project-services ul li {
      list-style: none;
      font-size: 15px;
      padding-bottom: 8px;
      position: relative;
      padding-left: 24px;
      line-height: 1.5; 
  }

  .project-services ul li::before {
      content: "✓";
      position: absolute;
      left: 0;
      top: 0; 
      transform: none;
      color: var(--brown);
      font-size: 13px;
      font-weight: 700;
      line-height: 1.7; 
  }
  .project-services ul {
      padding: 0 !important;
      margin-top: 15px;
  }
  .project-image {
      position: relative;
      overflow: hidden;
  }
  .project-image a {
      display: block;
      width: 100%;
      height: 100%;
      overflow: hidden;
  }
  .project-image a img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transition:
          transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1),
          filter 0.6s ease;
  }
  .project-image::after {
      content: "";
      position: absolute;
      inset: 0;

      background: linear-gradient(
          135deg,
          rgba(7, 26, 47, 0.45),
          rgba(0, 0, 0, 0.05) 60%
      );
      opacity: 0;
      pointer-events: none;

      transition: opacity 0.5s ease;
  }
  .project-image:hover a img {
      transform: scale(1.08);
      filter: brightness(0.78);
  }

  .project-image:hover::after {
      opacity: 1;
  }

  /* ==========================================================
    Single Project Detail & Featured Projects Section Styles
    ========================================================== */

  .single-project-detail {
      padding: 80px 0 60px;
      background: #ffffff;
  }

  .single-project-detail h1,
  .single-project-detail h2,
  .single-project-detail h3,
  .featured-projects-section h3 {
      color: var(--blue);
  }

  .single-project-detail h1 {
      font-size: 48px;
      margin-bottom: 25px;
  }

  .project-summary-box {
      background: #f8f9fa;
      padding: 0 25px;
      border-left: 4px solid var(--brown);
      margin-bottom: 30px;
      border-radius: 0 6px 6px 0;
      color: var(--grey);
  }

  .project-summary-box h3 {
      margin-top: 0;
      font-size: 24px;
      margin-bottom: 15px;
  }

  .project-summary-box p {
      line-height: 1.6;
      font-size: 16px;
      margin: 0;
  }

  .project-details-grid {
      margin-bottom: 25px;
      color: var(--grey);
  }

  .project-details-grid h3 {
      font-size: 24px;
      margin-bottom: 15px;
  }

  .project-details-grid p {
      margin: 8px 0;
      font-size: 16px;
  }

  .project-details-grid strong {
      color: var(--brown);
  }

  .project-featured-image img {
      width: 100%;
      height: auto;
      object-fit: cover;
  }

  /* ==========================================================
    Featured Project Cards Styling (Matched to Service Card Design)
    ========================================================== */

  .featured-projects-section {
      padding-bottom: 80px;
  }


  .featured-projects-section h2 {
    margin-bottom: 50px;
  }

  .featured-projects-grid {
      display: flex;
      justify-content: space-between;
      gap: 40px;
  }

  .featured-project-card {
    display: flex;
    flex-direction: column;
    background-color: rgb(245, 239, 232);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 40px;
    height: 100%;
    width: 100%;
    border: none !important;
    border-radius: 0 !important;
    overflow: hidden;
  }

  .featured-project-card .featured-image {
    height: 260px;
    overflow: hidden;
    background: #f4f4f4;
  }

  .featured-project-card .featured-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.7s cubic-bezier(0.25, 1, 0.5, 1);
  }

  .featured-project-card:hover .featured-image img {
    transform: scale(1.06);
  }

  .featured-project-card .featured-content {
    padding: 30px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
  }

  .featured-content .project-location {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--brown);
    margin-bottom: 8px;
  }

  .featured-content h3 a {
    font-family: 'Sorts Mill Goudy';
      font-weight: 400;
      font-size: 28px;
      line-height: 1.1;
      color: var(--blue);
      margin: 0;
      text-decoration: none;
  }

  .featured-content h3 {
    position: relative;
    margin-bottom: 18px;
    padding-bottom: 18px;
  }

  .featured-content h3::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 48px;
    height: 2px;
    background-color: var(--brown);
  }

  .featured-content .project-excerpt {
    font-size: 15px;
    line-height: 1.7;
    color: var(--grey);
    margin: 0 0 20px 0;
  }

  .featured-content .services-wrapper {
    margin-top: auto;
    margin-bottom: 20px;
    font-size: 14px;
    color: var(--grey);
    line-height: 1.6;
  }

  .featured-content .services-wrapper strong {
    color: var(--blue);
    display: block;
    margin-bottom: 6px;
    font-size: 14px;
  }

  .featured-content .services-wrapper ul {
    list-style: none; 
    padding-left: 0;
    margin: 0;
  }

  .featured-content .services-wrapper ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 6px;
    font-size: 14px;
    color: var(--grey);
    line-height: 1.5;
  }

  .featured-content .services-wrapper ul li::before {
    content: "\f00c";
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free";
    position: absolute;
    left: 0;
    top: 0;
    color: var(--brown); 
    font-weight: 900;
    font-size: 13px;
  }

  .featured-content .card-ctas {
    margin-top: auto;
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: space-between;
  }

  .featured-content .project-card-link {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.08em;
    color: var(--brown);
    text-decoration: none;
    text-transform: uppercase;
    margin-top: auto;
    transition: color 0.2s ease;
  }

  .featured-content .project-card-link::after {
    content: "\2192"; 
    display: inline-block;
    transition: transform 0.2s ease;
  }

  .featured-content .project-card-link:hover {
    color: var(--blue, #16203A);
  }

  .featured-content .project-card-link:hover::after {
    transform: translateX(4px);
  }

  /* .tiles-section .tiles-grid-container {
      border: 1px solid rgba(255, 255, 255, 0.15);
      border-radius: 2px;
      background: linear-gradient(150deg, var(--blue) 0%, #16203A 100%);
  } */
  .tiles-section .tile-col {
  }
  section.cards-area .tile-card,
  .content-area.contact .tiles-section .tile-card {
      position: relative;
      background: rgb(245, 239, 232) !important;
      border-top: 2px solid var(--brown) !important;
      padding: 40px 35px !important;
      text-align: left !important;
      transition: .35s;
      box-shadow: 0 18px 45px rgba(0, 0, 0, .12) !important;
      overflow: visible;
      font-family: var(--sans);
      font-size: 16px;
      line-height: 1.6;
      color: #555555;
      font-weight: 400;
  }
  section.cards-area .tile-card .tile-content,
  .content-area.contact .tiles-section .tile-card .tile-content {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
  }
  section.cards-area .tile-card{
    padding: 40px 20px !important;
    background: #fff !important;
  }
  section.cards-area .tile-card h3.tile-title,
  .content-area.contact .tiles-section .tile-card h3.tile-title {
      color: var(--blue) !important;
      font-size: 24px !important;
      margin: 15px 0 !important;
  }

  .content-area.contact .tiles-section .tile-card .gold-btn {
      margin-top: auto;
      justify-content: center;
  }
  .tiles-section .tile-card {
      background-color: var(--blue) !important;
      border-radius: 0 !important;
      box-shadow: none !important;
      text-align: left !important;
      padding: 40px 35px !important;
      border: 1px solid rgba(255, 255, 255, 0.15);
  } 

  .tiles-section .tile-card:hover {
    transform: none !important;
    box-shadow: none !important;
  }

  /* Desktop: 3 columns */

  @media (min-width: 992px) {
    .tiles-section .tile-col:nth-child(1) .tile-card,
    .tiles-section .tile-col:nth-child(2) .tile-card,
    .tiles-section .tile-col:nth-child(4) .tile-card,
    .tiles-section .tile-col:nth-child(5) .tile-card {
      border-right: none !important;
    }
    .tiles-section .tile-col:last-child .tile-card {
      border-right: 1px solid rgba(255, 255, 255, 0.15) !important;
  }
    .tiles-section .tile-col:nth-child(4) .tile-card,
    .tiles-section .tile-col:nth-child(5) .tile-card,
    .tiles-section .tile-col:last-child .tile-card {
      border-top: none !important;
    }
  } 


  /* Tablet: 2 columns */
  @media (min-width: 768px) and (max-width: 991px) {
    .tiles-section .tile-col:nth-child(2n) .tile-card {
      border-right: none !important;
    }
    .tiles-section .tile-col:nth-last-child(-n+2) .tile-card {
      border-bottom: none !important;
    }
  }

  /* Mobile: 1 column */
  @media (max-width: 767px) {
    .tiles-section .tile-card {
      border-right: none !important;
    }
    .tiles-section .tile-col:last-child .tile-card {
      border-bottom: none !important;
    }
  }
  section.cards-area .tile-icon-wrapper,
  .tiles-section .tile-icon-wrapper {
    background: transparent !important;
    border-radius: 0 !important;
    width: auto !important;
    height: auto !important;
    margin: 0 0 10px 0 !important;
    display: block !important;
  }
  section.cards-area .tile-icon-wrapper img.tile-icon,
  .tiles-section .tile-icon-wrapper img.tile-icon {
      width: 50px !important;
      max-width: 50px !important;
      height: 50px !important;
      filter: none !important;
      object-fit: contain;
  }
  .tiles-section .tile-title {
    color: #ffffff !important;
    font-family: 'Times New Roman', serif !important;
    font-size: 20px !important;
    margin-bottom: 12px !important;
  }

  .tiles-section .tile-desc {
    color: #aeb4c6 !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    margin-bottom: 0 !important;
  } 

.content-area.thanks-page-layouts .tiles-section .tile-desc {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    min-height: 190px;
}

.content-area.thanks-page-layouts .tile-card .transparent-btn {
    margin-top: auto;
}

  .communities-section {
      background: linear-gradient(rgba(27, 41, 66, 0.82), rgba(22, 32, 58, 0.92)) center center / cover, url(../images/qaulity-bg.png) center center / cover;
      background-repeat: no-repeat;
      padding: 120px 0;
  }
  .communities-header {
      color: rgba(255, 255, 255, 0.85);
      max-width: 900px;
      margin: 0 auto;
  }
  .communities-header h2 {
    color: #fff;
  }
  .search-box {
      position: relative;
      width: 100%;
      max-width: 560px;
      margin: 0 auto;
  }
  .search-box i {
      position: absolute;
      left: 15px;
      top: 50%;
      transform: translateY(-50%);
      color: var(--brown);
  }
  .search-box input {
      width: 100%;
      padding: 12px 15px 12px 40px;
      border: 1px solid rgba(255, 255, 255, 0.15);
      background: var(--blue);
      color: #fff !important;
      outline: none;
      font-size: 14px;
  }
  #community-search::placeholder {
      color: #ffffff;
      opacity: 1;
  }
  .communities-count {
      color: var(--brown); 
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 1px;
      text-transform: uppercase;
  }
  .communities-grid {
      border: 1px solid rgba(186, 117, 51, 0.32);
  }
  .community-item {
      border-right: 1px solid rgba(186, 117, 51, 0.2);
      border-bottom: 1px solid rgba(186, 117, 51, 0.2);
      background: rgb(245, 239, 232);
      transition: background-color 0.3s ease;
  }
  .community-accordion-header {
      padding: 25px 20px;
      cursor: pointer;
      background: rgb(245, 239, 232);
  }
  .community-title-wrap {
      display: flex;
      align-items: center;
  }
  .community-number {
      color: var(--brown);
      font-size: 11px;
      font-weight: 700;
      margin-right: 15px;
      min-width: 18px;
  }
  .community-title {
      color: var(--blue);
      font-size: 16px;
      font-weight: 600;
  }
  .view-detail-btn {
    color: var(--blue) !important;
    text-decoration: none;
  }
  .community-toggle {
      width: 22px;
      height: 22px;
      border: 1px solid #E6DACA;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #C18146;
      font-size: 10px;
  }
  .community-accordion-content {
      background: rgb(245, 239, 232);
      padding: 0 20px 25px 20px;
  }
  .community-content-inner p {
      color: #666;
      font-size: 13px;
      line-height: 1.6;
      margin-bottom: 15px;
  }
  .request-estimate-btn {
      color: #C18146;
      font-size: 11px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      text-decoration: none;
      display: inline-block;
  }
  .request-estimate-btn:hover {
      color: #0B1930;
      text-decoration: none;
  }
  .communities-footer {
      margin-top: 30px !important;
  }
  .ask-location-label {
      font-size: 16px;
      font-style: italic;
  }
  .community-item.highlight-active {
      box-shadow: 0 0 12px rgba(193, 129, 70, 0.5);
      border: 1px solid #C18146;
      position: relative;
      z-index: 10;
      transition: all 0.3s ease;
  }
  .community-item.highlight-active .community-accordion-header,
  .community-item.highlight-active .community-accordion-content {
      background-color: #fff9f2;
  } 
  .full-width-section.deck-full-width-section .tile-card {
      padding: 40px 20px !important;
  }
.beer-range {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    height: 100%;
    margin: 0;
    left: -1px;
    width: calc(100% + 2px);
    cursor: pointer;
    opacity: 0;
}
.beer-ready .beer-reveal, .beer-ready .beer-handle {
    opacity: 1;
}
.beer-reveal {
    border-right: 4px solid var(--white);
}
.beer-slider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.beer-slider[data-beer-label]:after, .beer-reveal[data-beer-label]:after {
    top: auto;
    bottom: 0;
    background: transparent;
    color: var(--white);
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
}
.beer-handle {
    width: 40px;
    height: 40px;
    border: 3px solid var(--white);
    margin-left: -3px;
}
.beer-handle:before, .beer-handle:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    top: 50%;
    border-top: solid 2px;
    border-left: solid 2px;
    transform-origin: 0 0;
}
.beer-slider {
    display: inline-block;
    position: relative;
    overflow: hidden;
    color: black;
}
.beer-reveal {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 50%;
    overflow: hidden;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.35s;
}
.beer-slider[data-beer-label]:after, .beer-reveal[data-beer-label]:after {
    content: attr(data-beer-label);
    position: absolute;
    top: 1.5rem;
    line-height: 1;
    padding: 0.5rem;
    border-radius: 0.125rem;
    background: rgba(255, 255, 255, 0.75);
}
.beer-handle {
    position: absolute;
    z-index: 2;
    pointer-events: none;
    opacity: 0;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    color: #000;
    background: rgba(255, 255, 255, 0.5);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0);
    transition: background 0.3s, box-shadow 0.3s, opacity 0.5s 0.25s;
}
.beer-handle {
    width: 40px;
    height: 40px;
    border: 3px solid var(--white);
    margin-left: -3px;
}

.beer-handle:after {
    right: -8px;
}
.beer-handle:after {
    transform: rotate(135deg);
}
.beer-slider[data-beer-label]:after {
    right: -8px !important;
}
.beer-handle:before {
    left: 4px;
    transform: rotate(-45deg);
}
.beer-slider[data-beer-label]:after, .beer-reveal[data-beer-label]:after {
    content: attr(data-beer-label);
    position: absolute;
    top: 1.5rem;
    line-height: 1;
    padding: 0.5rem;
    border-radius: 0.125rem;
    background: rgba(255, 255, 255, 0.75);
}
.beer-reveal[data-beer-label]:after {
    left: 1.5rem;
}
.beer-slider[data-beer-label]:after, .beer-reveal[data-beer-label]:after {
    top: auto;
    bottom: 0;
    background: transparent;
    color: var(--white);
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
}
.beer-reveal[data-beer-label]:after {
    left: 5px !important;
}
.tax-service-category .beer-slider[data-beer-label]:after, .beer-reveal[data-beer-label]:after {
    color: black !important;
}
.default-section.before-after {
    padding: 100px 0;
    background: linear-gradient(rgba(27, 41, 66, 0.75), rgba(22, 32, 58, 0.85)) center center / cover, url(/wp-content/uploads/2026/08/qaulity-bg.png) center center / cover;
    position: relative;
}
.default-text h2 {
    color: #fff;
}
.default-text {
    color: #fff;
    padding-left: 50px;
}
.before-after-slider-div {
    padding-right: 50px;
}
.default-section.before-after li{
	position: relative;
    padding-left: 30px;
    margin-bottom: 7px;
}
.default-section.before-after li:after {
    content: "✓";
    position: absolute;
    left: 0;
    top: 4px;
    transform: none;
    color: var(--brown);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.7;
}
.default-section.before-after ul{
	list-style: none;
	margin-bottom: 30px;
}
  /* ==========================================
    RESPONSIVE STYLES
    ========================================== */

  @media (min-width: 992px) {
    .navbar .nav-item.dropdown:hover .dropdown-menu {
      display: block;
      margin-top: 0;
    }
  }
  /* Mobile Responsive */
  @media (max-width: 868px) {
    .team-grid {
      grid-template-columns: 1fr;
    }
  }

  @media (max-width: 1440px) {
	  .inner-hero-image {
    width: 62%;
    margin-left: -170px;
}
}

  @media (max-width: 1199px) {}

  @media (max-width: 1024px) {}

  @media (max-width: 991px) {
    .hero-container {
      flex-direction: column;
    }

    .hero-content-col,
    .hero-slider-col {
      width: 100%;
    }

    .hero-slider-col {
      height: 400px;
      margin-left: 0;
    }

    .hero-content-col {
      padding: 40px 24px;
    }

    .hero-content-col::before,
    .hero-content-col::after {
      clip-path: none;
    }

    .hero-badges-grid {
      flex-wrap: wrap;
      gap: 16px;
    }

    .badge-item {
      flex: 1 1 auto;
      padding: 0;
    }
    .badge-item:last-child {
          flex: 13 0 auto;
    }

    .badge-item::after {
      display: none;
    }

    .about-card .number {
      font-size: 150px !important;
    }

    .about-card .icon svg {
      width: 100px;
      height: 100%;
    }

    .about-card .card-text {
      font-size: 26px;
    }

    .about-content {
      font-size: 22px !important;
    }

    .about-content h6 {
      font-size: 16px;
    }

    .founder-card {
      flex-direction: column;
    }

    .founder-image-box {
      min-height: 350px;
      height: 270px;
      width: 100%;
    }
    .member-img-wrap img {
      max-width: 140px;
    }
    .member-img-wrap {
      width: 140px;
    }
    .member-stacked-info h3 {
          font-size: 23px;
      }
      .member-sub-role {
        font-size: 10px;
      }
      .member-sub-role {
        bottom: 5px;
        height: 1px;
      }
  .founder-info-box {
    width: 100%;
  }
  .member-sub-role {
            margin-bottom: 5px;
  }
  .founder-info-box h3 {
          font-size: 23px;
      } 
      .quote-wrapper p {
        font-size: 14px;
      }
    .divider-line {
      display: none;
    }

    .team-footer-bar {
      flex-direction: column;
      gap: 15px;
    }

    /* .feature-card,
    .service-img-wrapper,
    .process-img {
      height: auto !important;
    } */

    .project-slide-card {
      height: 550px;
    }
  .process-img {
    height: 700px !important;
  }
    .repair-feature-card {
      max-width: 510px;
    }

    .blog-card-column {
      margin-bottom: 30px;
    }
    .approach-section {
      padding: 60px 0;
    }
    .approach-content {
      padding-right: 40px;
    }
    .trust-section {
      padding: 60px 0;
    }
    .trust-section h2 {
      margin-bottom: 50px;
  }
  .trust-card {
    padding: 30px 25px;
  }
  .trust-card-icon img {
      width: 50px;
      height: 50px;
  } 
  }

  @media (max-width: 767px) {
    .footer-meta-legal-stack {
      justify-content: center;
    }
  }

  @media (max-width: 575px) {
    .feature-card {
      height: 440px;
    }

    .feature-content-box {
      left: 15px;
      right: 15px;
      bottom: 15px;
      padding: 20px;
    }

    .cta-form-card {
      min-width: 100% !important;
      padding: 20px !important;
    }

    .cta-form-card .gfield--width-half,
    .cta-form-card #field_1_3,
    .cta-form-card #field_1_4,
    .cta-form-card #field_1_8,
    .cta-form-card #field_1_9,
    .cta-form-card .ginput_container_address .address_line_1,
    .cta-form-card .ginput_container_address .address_city {
      width: 100% !important;
      max-width: 100% !important;
      flex: 0 0 100% !important;
    }
  }

  @media (max-width: 480px) {
    .member-card-stacked {
      flex-direction: column;
      align-items: flex-start;
    }

    .member-img-wrap {
      width: 100%;
      height: 200px;
    }

    .founder-info-box {
      padding: 25px;
    }
  }

  /* =========================================
    TILES SECTION (FLEXIBLE CONTENT)
    ========================================= */
  .tiles-section {
    background-color: var(--white, #ffffff);
    position: relative;
  }
  .tiles-header {
    margin-bottom: 3rem;
  }
  .tiles-header-left {
      max-width: 850px;
  }

  .content-area.contact .tiles-header h2 {
      color: #fff;
  }
  .tile-card {
      background-color: #f8f9fa;
      border: 1px solid #eef2f5;
      border-radius: 12px;
      padding: 40px 30px;
      text-align: center;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      display: flex;
      flex-direction: column;
  }
  .tile-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(17, 26, 46, 0.08);
  }
  .tile-icon-wrapper {
    width: 70px;
    height: 70px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--gold, #d9a05b);
    border-radius: 50%;
  }
  .tile-icon {
      max-width: 50px;
      max-height: 50px;
      filter: brightness(0) invert(1);
  }
  .tile-title {
    font-size: 22px;
    margin-bottom: 15px;
    color: var(--blue, #111a2e);
  }
  .tile-desc {
    font-size: 16px;
    color: #555;
    margin: 0;
    line-height: 1.6;
  }

  .tiles-section.section-padding {
      padding: 120px 0;
      background: linear-gradient(rgba(27, 41, 66, 0.75), rgba(22, 32, 58, 0.85)) center center / cover, url(../images/qaulity-bg.png) center center / cover;
  }

  .contact-section {
      padding: 100px 0;
      background: linear-gradient(rgba(245, 239, 232, 0.7), rgba(245, 239, 232, 0.7)), url(/wp-content/uploads/2026/08/process-bg.png) center center / cover no-repeat;
  }
  .contact-form-wrapper {
      width: 100%;
      background: rgb(245, 239, 232);
      border-top: 3px solid var(--brown);
      padding: clamp(28px, 3vw, 40px);
      box-shadow: 0 18px 45px rgba(0, 0, 0, .12);
      height: 100%;
  }

  .content-area.career-layouts .contact-section.left-form-area .direct-contact-card {
      position: sticky;
      top: 160px;
      height: fit-content;
  }

  .direct-contact-card {
      background: var(--blue);
      color: #ffffff;
      padding: clamp(28px, 3vw, 40px);
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      box-shadow: 0 18px 45px rgba(0, 0, 0, .12);
      border-top: 3px solid var(--brown);
  }

  .contact-form-wrapper h2 {
      color: var(--blue);
      font-size: 32px;
      margin: 0 0 4px 0;
  }

  .direct-contact-card h2 {
      color: #ffffff;
      font-size: 28px;
      margin-bottom: 8px;
  }

  .contact-form-wrapper p {
      font-family: var(--sans);
      font-size: 16px;
      color: var(--grey);
      margin: 4px 0 24px;
      line-height: 1.5;
  }

  .contact-form-wrapper input, .contact-form-wrapper textarea, .contact-form-wrapper select {
      width: 100% !important;
      font-size: 15px !important;
      padding: 13px 15px !important;
      border: 1px solid rgba(186, 117, 51, 0.32) !important;
      background-color: #ffffff !important;
      color: var(--blue) !important;
      border-radius: 0 !important;
      box-sizing: border-box !important;
      outline: none !important;
      font-family: var(--sans) !important;
  }
  .contact-form-wrapper .gform_wrapper.gravity-theme .gform_validation_errors {
      background: transparent !important;
      border-radius: 0 !important;
      border: 0px !important;
      box-shadow: none !important;
      margin-block-start: 0 !important;
      padding-block: 0 !important;
      padding-inline-end: 0 !important;
      padding-inline-start: 0 !important;
      margin: 0px 10px 16px 40px !important;
          outline: none !important;
  }
  .gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message {
      background: transparent !important;
      border: 0px solid #c02b0a !important;
      font-size: 13px !important;
      padding: 0 !important;
  }
  .contact-form-wrapper .gform_wrapper.gravity-theme .gform_validation_errors>h2 .gform-icon{
        inset-inline-start: -40px !important;
  }
  .contact-form-wrapper .gfield--type-post_image {
      border: 1px dashed rgba(186, 117, 51, 0.5);
      background: #ffffff;
      padding: 16px;
      text-align: center;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
  }
  .author-detials {
      padding: 80px 0 0;
  }
.hero-single-image .contact-form-wrapper .gfield--input-type-fileupload,
  .contact-form-wrapper .gfield--input-type-radio {
      border: 1px dashed rgba(186, 117, 51, 0.5) !important;
      background: #ffffff !important;
      padding: 16px !important;
      text-align: left;
      height: 100%;
  }
.hero-single-image .contact-form-wrapper .gfield--input-type-fileupload input {
    padding: 0 !important;
    border: 0 !important;
}
  .contact-form-wrapper .gform_wrapper.gravity-theme .gfield_label {
      display: block !important;
      font-family: var(--sans) !important;
      font-size: 13px !important;
      color: var(--blue) !important;
      margin-bottom: 10px !important;
      font-weight: 700 !important;
  }
  .contact-form-wrapper .gform_wrapper.gravity-theme .ginput_container_address {
      margin: 0 !important;
  }
  .contact-form-wrapper .gfield-choice-input {
      width: inherit !important;
  }

  .contact-form-wrapper .gfield_radio {
      display: flex;
      gap: 30px;
  }

  .direct-contact-card p {
      font-family: var(--sans);
      font-size: 14px;
      color: rgba(255, 255, 255, 0.8);
      line-height: 1.5;
      margin-bottom: 20px;
  }

  .map-wrapper {
      height: 400px;
  }

  .gform-footer.gform_footer.top_label {
      padding-bottom: 0;
  }

  .map-wrapper img {
      height: 100%;
      object-fit: cover;
      object-position: left;
  }
  .gform_wrapper.gravity-theme .ginput_container_address span {
      flex: 0 0 100% !important;
      padding: 0 !important;
  }
  .cta-section.contact .cta-info-column {
      font-family: var(--sans);
      font-size: 17px;
      line-height: 1.7;
      color: rgba(245, 239, 232, 0.82);
      max-width: 730px;
      text-align: center;
      margin: 0 auto;
  } 
  section.faq-area {
      padding: 120px;
  } 
  .faq-div h2 {
      margin-bottom: 30px;
  }
  .faq-div {
      padding-bottom: 70px;
  }
  .faq-div:last-child {
      padding: 0;
  }

  .content-area.career-layouts .cta-section:first-child {
      background: url(../images/about-bg.png);
      background-size: 100% auto;
      background-position: bottom center;
      background-repeat: no-repeat;
      background-color: #f6f2eb;
  }

  .content-area.career-layouts .cta-section:first-child .cta-info-column {
      color: var(--grey);
  }

  .content-area.career-layouts .cta-section:first-child .cta-info-column h2 {
    color: var(--blue);
  }
  .service-card-body.flex-grow-1.d-flex.flex-column {
/*       min-height: 430px; */
  }
  .testimonial-author-row .author-meta-block .author-name {
            color: var(--brown) !important;
  }
  @media (max-width:1440px) {
    #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link {
      font-size: 12px;
    }
    .mega-gold-btn.gold-btn a {
      font-size: 12px;
      padding: 12px 14px;
    }
    .logo-div img {
      width: 195px;
      height: auto;
  }
  .top-nav {
        padding: 15px 14px;
  }
  .hero-badges-grid {
    gap: 0;
  }
  .badge-text-block {
    font-size: 10px;
  }
  .about-section {
        padding: 120px 14px;
  }
  .quality-section {
    padding: 120px 14px;
  }
  .services-section {
    padding:120px 14px;
  }
    .process-section {
      padding: 120px 14px;
    }
    .process-steps-stack {
      gap: 0;
    }
    .work-section {
      padding: 120px 14px;
    }
    .repair-section {
      padding: 120px 14px;
    }
    .testimonials-section {
      padding: 120px 14px;
    }
    .areas-section {
      padding: 120px 14px;
    }
    .team-section {
      padding: 120px 14px;
    }
    .cta-section {
      padding: 120px 14px;
    }
    .blog-section {
      padding: 120px 14px;
    }
    .faq-section {
      padding: 120px 14px;
    }
    .footer-btns {
      width: 49%;
    }
    /* 1. Mega Menu Container Configuration */
  #mega-sub-menu-750 {
      width: 100vw !important;            /* Full viewport width */
      max-width: 940px !important;       /* Max container limit */
      position: absolute !important;
      left: 0 !important;
      right: 0 !important;
      margin-left: auto !important;
      margin-right: auto !important;
      transform: none !important;         /* Transform remove kar diya taake jump na kare */
      box-sizing: border-box !important;
      padding: 10px !important;
  }

  /* 2. Main Row Layout Fix (Strict 3-Column Grid) */
  #mega-sub-menu-750 .mega-menu-row > ul.mega-sub-menu {
      display: grid !important;
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important; /* Forcefully 3 equal columns */
      gap: 30px !important;
      width: 100% !important;
      padding: 0 !important;
      margin: 0 !important;
  }

  /* 3. Columns & Items Reset */
  #mega-sub-menu-750 .mega-menu-column {
      width: 100% !important;
      max-width: 100% !important;
      flex: none !important;
      padding: 0 !important;
      box-sizing: border-box !important;
  }

  /* 4. Text Wrapping & Icon Fix */
  #mega-sub-menu-750 a.mega-menu-link {
      white-space: normal !important;
      word-wrap: break-word !important;
      display: flex !important;
      align-items: flex-start !important;
      line-height: 1.4 !important;
  }

  /* 5. Icons Flex Shrink Fix (Arrow text ke sath squeeze na ho) */
  #mega-sub-menu-750 a.mega-menu-link::before,
  #mega-sub-menu-750 .dashicons {
      flex-shrink: 0 !important;
      margin-right: 8px !important;
  }
  .intro-image::after {
        left: -6px;
      bottom: -6px;
  }
  .intro-content {
        padding-right: 50px;
  }
  .intro-section.left-image .intro-content {
        padding-left: 50px;
  }
  .approach-content {
    padding-right: 50px;
  }
  .approach-image::after {
        left: -6px;
      bottom: -6px;
  }
  .career-layouts .related-services-carousel .service-card {
    min-height: 720px;
  }
  .sidebar-text h4 {
    font-size: 24px;
  }
  .sidebar-inner .sidebar-img img {
    height: 178px;
  }
  .inner-hero-content-inner {
    padding: 40px 100px 40px 14px;
  }
  }

  @media (max-width:1199px) {
    h2 {
      font-size: 43px;
    }
    #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link {
          font-size: 11px;
          padding: 10px 5px;
    }
    .mega-gold-btn.gold-btn a {
          padding: 12px 10px !important;
          font-size: 12px !important;
    }
      .logo-div img {
      width: 160px;
      height: auto;
  }
  .top-nav {
        padding: 15px 15px;
  }
  .top-text {
        font-size: 17px;
  }
  .eyebrow-text strong {
        font-size: 12px;
  } 
  .hero-title h1 {
        font-size: 50px;
  }
  .hero-badges-grid {
        flex-wrap: wrap;
            gap: 7px;
  }
  .hero-btn-group {
        margin-top: 15px;
  }
  .hero-btn-group a {
          padding: 12px 22px;
          font-size: 12px;
  }
  .transparent-btn {
            padding: 12px 22px;
          font-size: 12px;
  }
  .gold-btn {
              padding: 12px 22px;
          font-size: 12px;
  }
  .blue-btn {
          padding: 12px 22px;
          font-size: 12px;
  }
  .about-section {
        padding: 100px 14px;
  }
  .eyebrow-text strong::before {
        width: 8px;
      height: 8px;
  }
  .about-content h2 {
      margin-bottom: 25px;
  } 
  .about-content h2::after {
        bottom: -39px;  
  }
  .about-card {
    padding: 25px;
  }
  .card-inner-content h3 {
    font-size: 19px;
  }
  .about-card .icon img {
      max-width: 34px;
  }
  .quality-section {
        padding: 100px 14px;
  }
  .feature-content-box h3 {
        margin: 0 0 13px 0;
      padding-bottom: 10px;
  }
  .services-section {
        padding: 100px 14px;
  }
  .service-card-body h3 {
        padding-bottom: 12px;
        font-size: 24px;
        margin-bottom: 12px;
  }
  .member-stacked-info h3 {
    font-size: 26px;
  }
  .service-card-link {
    font-size: 11px;
  }
  .service-card-body {
        padding: 30px 20px;
  }
  .service-card-body p {
    margin: 0;
    margin-bottom: 20px;
  }
  .process-section {
    padding: 100px 14px;
  }
  .step-number {
        width: 42px;
      height: 42px;
          font-size: 20px;
  }
  .process-step-item {
        gap: 13px;
  }
  .process-steps-stack {
        gap: 0;
  }
  .process-steps-stack {
        margin-bottom: 0;
  }
  .work-section {
        padding: 100px 14px;
  }
  .work-header-left h2 {
    font-size: 43px;
  }
  .repair-section {
    padding: 100px 24px;
  }
  .repair-info-panel h2 {
        font-size: 43px;
        line-height: 1.3;
  }
  .repair-feature-card {
        padding: 30px 20px;
  }
  .feature-text-block h3 {
        font-size: 16px;
  }
  .testimonials-section {
    padding: 100px 14px;
  }
  .testimonials-header-left h2 {
        font-size: 43px;
  }
  .card-compact {
    padding: 25px;
  }
  .card-featured {
    font-size: 30px;
  }
  .card-featured {
    padding: 25px;
  }
  .areas-section {
    padding: 100px 24px;
  }
  .areas-info-card {
    max-width: 700px;
  }
  .areas-info-card h2 {
    font-size: 43px;
  }
  .team-section {
    padding: 100px 14px;
  }
  .founder-info-box {
        padding: 40px 20px;
  }
  .member-stacked-info {
        padding: 25px 20px;
  }
  .cta-section {
    padding: 100px 14px;
  }
  .cta-info-column h2 {
    font-size: 43px;
    line-height: 1.2;
  }
  .blog-section {
    padding: 100px 14px;
  }
  .blog-header-left h2 {
    font-size: 43px;
    line-height: 1.2;
  }
  .blog-card-body h3 {
    font-size: 24px;
  }
  .blog-card-body p {
    margin-bottom: 10px;
  }
  .faq-section {
    padding: 100px 14px;
  }
  .sp-ea-one.sp-easy-accordion .ea-header a {
        font-size: 18px !important;
  }
  .footer-top {
        padding: 35px 0;
      margin-bottom: 50px;
  }
  .main-footer h5 {
    font-size: 30px;
  }
  .footer-btns {
        width: 53%;
  }
  .main-footer h6 {
        font-size: 14px;
        margin-bottom: 13px;
  }
  .footer-contact-channels a, .footer-contact-channels strong {
    font-size: 15px;
  }
  /* 1. Mega Menu Container Configuration */
  #mega-sub-menu-750 {
      width: 100vw !important;            /* Full viewport width */
      max-width: 800px !important;       /* Max container limit */
      position: absolute !important;
      left: 0 !important;
      right: 0 !important;
      margin-left: auto !important;
      margin-right: auto !important;
      transform: none !important;         /* Transform remove kar diya taake jump na kare */
      box-sizing: border-box !important;
      padding: 10px !important;
  }

  /* 2. Main Row Layout Fix (Strict 3-Column Grid) */
  #mega-sub-menu-750 .mega-menu-row > ul.mega-sub-menu {
      display: grid !important;
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important; /* Forcefully 3 equal columns */
      gap: 30px !important;
      width: 100% !important;
      padding: 0 !important;
      margin: 0 !important;
  }

  /* 3. Columns & Items Reset */
  #mega-sub-menu-750 .mega-menu-column {
      width: 100% !important;
      max-width: 100% !important;
      flex: none !important;
      padding: 0 !important;
      box-sizing: border-box !important;
  }

  /* 4. Text Wrapping & Icon Fix */
  #mega-sub-menu-750 a.mega-menu-link {
      white-space: normal !important;
      word-wrap: break-word !important;
      display: flex !important;
      align-items: flex-start !important;
      line-height: 1.4 !important;
  }

  /* 5. Icons Flex Shrink Fix (Arrow text ke sath squeeze na ho) */
  #mega-sub-menu-750 a.mega-menu-link::before,
  #mega-sub-menu-750 .dashicons {
      flex-shrink: 0 !important;
      margin-right: 8px !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link {
    padding: 10px 3px;
  }
  li#mega-menu-750-0 li.icon-menu > a.mega-menu-link {
    font-size: 13px;
  }
  li#mega-menu-750-0 li.icon-menu ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    font-size: 13px;
  }
  li#mega-menu-750-0 li.icon-menu ul.mega-sub-menu li.mega-menu-item {
        line-height: 22px !important;
  }
  .inner-hero-content-inner {
    padding: 100px 40px;
    width: 89%;
  }
  .inner-hero-content-inner p {
    font-size: 15px;
  }
  .hero-badges-grid {
    gap: 0;
  }
  .badge-item div strong {
    font-size: 13px;
  }
  .intro-section {
    padding: 100px 0;
  }
  .intro-content .gold-btn {
    margin-top: 0;
  }
  .intro-image::after {
        left: -6px;
      bottom: -6px;
  }
  .intro-section.left-image .intro-content {
        padding-left: 50px;
  }
  .intro-content {
    padding-right: 50px;
  }
  .intro-content h2 {
    font-weight: 500;
  }
  .approach-section {
    padding: 100px 14px;
  }
  .approach-content {
    padding-right: 50px;
  }
  .trust-section {
    padding: 100px 0;
  }
  .trust-card {
        padding: 30px 25px;
  }
  .trust-card-icon img {
      width: 50px;
      height: 50px;
  } 
  .trust-section h2 {
      margin-bottom: 40px;
  }
  .feature-content-box {
        min-height: 254px;
  }
  .service-category-filters {
    flex-wrap: wrap;
    justify-content: center;
  }
  .intro-image {
    height: 590px;
  }
  .trust-card.w-100.h-100.d-flex.flex-column {
      padding: 20px !important;
  }
  .trust-card.w-100.h-100.d-flex.flex-column h3 {
      font-size: 20px !important;
  }
  .trust-card.w-100.h-100.d-flex.flex-column p {
      font-size: 13px !important;
      margin-bottom: 0 !important;
  }
  .trust-card-icon img {
      width: 40px !important;
      height: 40px !important;
  }
  .intro-content ul li {
    font-size: 13px;
  }
  .tiles-section.section-padding {
    padding: 100px 0;
  }
  .career-layouts .related-services-carousel .service-card {
    min-height: 730px;
  } 
  .faq-header h2 {
          font-size: 39px !important;
      }
      .featured-projects-section, .project-gallery-section {
        padding:100px 0 !important;
      }
      .featured-projects-section h2, .project-gallery-section h2 {
        margin-bottom: 30px;
      }
      .page-id-1342 .services-header.mb-5.d-flex.flex-wrap.justify-content-between.align-items-end {
      margin: 0 !important;
  }
  .testimonial-category {
    font-size: 16px;
  }
  .blogs-left h3, .sidebar h3 {
    font-size: 25px !important;
  }
  .sidebar {
      padding-left: 30px;
  }
  .blogs-area {
      padding: 100px 14px;
  }
  .blogs-text h3 {
    font-size: 25px !important;
  }
  .blogs-img::after {
        width: 15px;
  }
  .sidebar-text h4 {
    font-size: 21px;
  }
  .sidebar-inner .sidebar-img img {
    height: 177px;
  }
  .communities-section {
    padding: 100px 0;
  }
  .communities-header h2 {
    margin-bottom: 20px;
  }
  .credentials-badges-strip {
    flex-wrap: wrap;
  } 
  .team-section-inner {
    padding: 100px 0;
  }
  .contact-section.left-form-area {
      padding: 100px 0;
  }
  .direct-contact-card h2 {
    font-size: 25px;
  }
  section.faq-area {
      padding: 100px 60px;
  }
  .faq-div {
      padding-bottom: 50px;
  }
  .content-area.contact .tiles-section .tile-card {
    padding: 25px !important;
  }
  }

  @media (max-width:1024px) {
    h2 {
          font-size: 35px;
    }
    .top-text {
          gap: 6px;
          font-size: 15px;
    }
    .top-text::before {
          width: 22px;
      height: 22px;
    }
    .top-nav {
          padding: 15px 14px;
    }
    .header-right h6 {
          font-size: 14px;
    }
    .social-icons img {
      height: 22px;
  }
  .phone-div a {
        font-size: 17px;
  }
  .logo-div img {
      width: 175px;
      height: auto;
  } 
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link {
        font-size: 11px;
  }
  .mega-gold-btn.gold-btn a {
        padding: 11px 9px !important;
        font-size: 10px !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link {
        padding: 6px 3px;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
        padding: 4px 9px;
        font-size: 12px;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu {
        width: 150px;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
        font-size: 12px;
        display: inline-block;
  }
  li#mega-menu-750-0 li.icon-menu > a.mega-menu-link::before {
        width: 22px !important;
      height: 22px !important;
  }
  li#mega-menu-750-0 li.icon-menu ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
        font-size: 14px !important;
  }
  /* 1. Main Columns ko Unka Original Grid / Flex behavior rehne dein (Do NOT force display: block on columns) */
  #mega-sub-menu-750 .mega-menu-row {
      display: flex !important;
      flex-wrap: wrap;
      width: 100%;
  }

  #mega-sub-menu-750 .mega-menu-column.mega-menu-columns-6-of-12 {
      width: 50% !important; /* Dono main categories ko side-by-side 2 columns mein rakhega */
      box-sizing: border-box;
  }

  /* 2. Har Sub-menu List Container (ul) ko normal vertical flow dein */
  #mega-sub-menu-750 ul.mega-sub-menu {
      display: block !important;
      width: 100%;
      padding: 0;
      margin: 0;
      list-style: none;
  }

  /* 3. Parent Heading Category Li (Jaise: Construction & Contracting) */
  #mega-sub-menu-750 li.mega-icon-menu {
      display: block !important;
      width: 100%;
      margin-bottom: 20px;
  }

  /* 4. Sub-links Li - Har item ALAG LINE par aayega lekin width sirf text jitni hogi */
  #mega-sub-menu-750 ul.mega-sub-menu li.mega-menu-item {
      display: block !important;
      width: fit-content !important;
      clear: both;
  }

  /* 5. Actual Link styling */
  #mega-sub-menu-750 a.mega-menu-link {
      display: inline-block !important;
      padding: 4px 0;
  }
  .eyebrow-text strong {
        font-size: 11px;
  }
  .hero-title h1 {
        font-size: 40px;
  }
  .hero-badges-grid {
        flex-wrap: wrap;
  }
  .badge-text-block {
        font-size: 13px;
  }
  .hero-badges-grid {
    gap: 20px 0;
  }
  .hero-badges-grid {
      margin-bottom: 0;
      margin-top: 0;
      padding: 30px 0; 
  }
  .hero-btn-group a {
        padding: 12px 17px;
        font-size: 12px;
  }
  .transparent-btn {
    padding: 12px 17px;
        font-size: 12px;
  }
  .gold-btn {
    padding: 12px 17px;
        font-size: 12px;
  }
  .blue-btn {
    padding: 12px 17px;
        font-size: 12px;
  }
  .hero-content-col {
        padding: 80px 30px;
  }
  .about-section {
    padding: 80px 14px;
  }
  .eyebrow-text strong::before {
        width: 8px;
      height: 8px;
  }
  .about-content h2 {
      margin-bottom: 20px;
  } 
  .about-content h2::after {
        bottom: -32px;
  }
  .about-card {
        min-height: auto;
        padding: 20px;
  }
  .card-inner-content h3 {
        font-size: 20px;
  }
  .quality-section {
        padding: 80px 14px;
  }
  .feature-content-box h3 {
          font-size: 20px;
  }
  .services-section {
        padding: 80px 14px;
  }
  .services-header {
    margin-bottom: 50px;
  }
  .service-card-body h3 {
        font-size: 26px;
        padding-bottom: 13px;
        margin-bottom: 13px;
  }
  .process-section {
        padding: 80px 14px;
  }
  .process-content-wrapper>h2 {
    font-size: 35px;
    margin: 0 0 15px 0;
  }
  .process-image-wrapper {
        margin-right: 10px;
        margin-top: 0;
  }
  .process-content-wrapper>p {
          font-size: 15px;
          margin: 0 0 30px 0;
  }
  .step-number {
      width: 42px;
      height: 42px;
      font-size: 18px;
  }
  .step-body h3 {
        font-size: 20px;
  }
  .process-steps-stack {
        gap: 0;
  }
  .process-steps-stack {
        margin-bottom: 0;
  }
  .brand-band-container>p {
        font-size: 37px;
  }
  .brand-action {
        margin-top: 26px;
  }
  .work-section {
        padding: 80px 14px;     
  }
  .work-header-left h2 {
        font-size: 35px;
  }
  .custom-carousel-dots {
          gap: 9px;
  }
  .repair-section {
    padding: 80px 24px;
  }
  .repair-info-panel h2 {
        font-size: 35px;
      line-height: 1.2;
  }
  .repair-info-panel>p {
        margin: 0 0 22px;
  }
  .repair-feature-card {
        padding: 30px 20px;
  }
  .feature-row-item {
        gap: 10px;
  }
  .feature-text-block h3 {
        font-size: 16px;
  }
  .testimonials-section {
    padding: 80px 14px;
  }
  .card-compact {
    padding: 20px;
  }
  .card-featured {
        font-size: 28px;
        padding: 30px; 
  }
  .areas-info-card h2 {
        font-size: 35px;
  }
  .areas-section {
        padding: 80px 40px;
  }
  .team-section {
        padding: 80px 14px;
  }
  .team-header-left h2 {
        font-size: 35px;
  }
  .founder-info-box {
        padding: 20px;
  }
  .founder-info-box h3 {
        font-size: 26px;
  }
  .member-sub-role {
        padding-bottom: 13px;
        margin-bottom: 12px;
  }
  .member-stacked-info {
        padding: 5px 20px;
  }
  .member-stacked-info h3 {
    font-size: 26px;
  }
  .cta-section {
        padding: 80px 14px;
  }
  .cta-info-column h2 {
        font-size: 35px;
      line-height: 1.2;
  }
  .cta-channel-value {
        font-size: 15px;
  }
  .blog-section {
        padding: 80px 14px;
  }
  .blog-header-left h2 {
        font-size: 35px;
      line-height: 1.1;
  }
  .blog-card-body {
        padding: 24px 20px 28px;
  }
  .blog-card-body h3 {
        font-size: 22px;
  }
  .blog-category, .blog-category a {
        font-size: 10px;
  }
  .blog-card-body {
        flex: 0 auto;
        gap: 12px;
  }
  .faq-section {
        padding: 80px 14px;
  }
  .faq-header h2 {
        font-size: 35px !important;
  }
  .sp-ea-one.sp-easy-accordion .ea-header a {
          font-size: 18px !important;
  }
  #sp-ea-287.sp-easy-accordion>.sp-ea-single:last-child {
    margin-bottom: 0 !important;
  }
  .main-footer h5 {
        font-size: 28px;
  }
  .footer-btns {
        width: 54%;
  }
  .footer-top {
        padding: 35px 0;
      margin-bottom: 40px;
  }
  .footer-brand-logo {
      width: 120px;
      height: auto;
  }
  .main-footer {
    padding: 0 14px;
  }
  .main-footer h6 {
        font-size: 13px;
        margin-bottom: 15px;
  }
  .footer-channel-svg {
        width: 20px;
      height: 20px;
  }
  .footer-contact-channels a, .footer-contact-channels strong {
    line-height: 19px;
  }
  .footer-sub-basement-row {
        margin-top: 30px;
      padding: 20px 0;
  }
  .copy-right-div p {
    font-size: 14px;
  }
  .right-div a {
    font-size: 14px;
  }
  .inner-hero-content-inner {
    padding: 80px 40px;
    width: 87%;
  }
  .inner-hero-content-inner p {
      font-size: 15px;
  }
  .badge-item div strong {
    font-size: 13px;
  }
  .intro-section {
    padding: 80px 0;
  }
  .intro-content .gold-btn {
    margin-top: 0;
  }
  .intro-content h2 {
    font-size: 33px;
  }
  .intro-content {
    padding-right: 30px;
  }
  .intro-section.left-image .intro-content {
    padding-left: 30px;
  }
  .intro-image::after {
        left: -4px;
      bottom: -4px;
  }
  .process-img {
    height: auto !important;
  }
  .approach-section {
    padding: 80px 0;
  }
  .approach-content {
    padding-right: 50px;
  }
  .trust-section {
    padding: 80px 0;
  }
  .trust-section h2 {
      margin-bottom: 50px;
  }
  .trust-card {
    padding: 30px 25px;
  }
  .trust-card-icon img {
      width: 50px;
      height: 50px;
  }
  .hero-description {
    font-size: 16px;
  }
  .feature-content-box {
    min-height: 276px;
  }
  .service-card-body p {
    margin-bottom: 30px;
    font-size: 17px;
  }
  .repair-feature-card {
    min-width: auto;
  }
  .testimonial-card p {
      font-size: 20px;
  }
  .author-meta-block .author-name {
    color: var(--white);
  }
  .service-category-filters {
    flex-wrap: wrap;
    justify-content: center;
  }
  .row.g-4.services-grid .col-lg-3.col-md-6.d-flex {
      width: 33.333%;
  }
  .trust-card.w-100.h-100.d-flex.flex-column h3 {
      font-size: 20px !important;
  }
  .trust-card.w-100.h-100.d-flex.flex-column p {
      font-size: 15px !important;
  }
  .trust-card-icon img {
      width: 40px !important;
      height: 40px !important;
  }
  .intro-content ul {
        grid-template-columns: repeat(1, 1fr);
  }
  .owner-img::after, .process-image-wrapper::after {
        left: -10px;
      bottom: -10px;
  }
  .tiles-section.section-padding {
    padding: 80px 0;
  }
  .tile-card.w-100.d-flex.flex-column {
      padding: 25px !important;
  }
  .tile-content.mt-3 h3.tile-title {
      font-size: 21px !important;
  }
  .tiles-section .tile-icon-wrapper img.tile-icon  {
    width: 40px !important;
    height: 40px !important;
  }
  .tile-content.mt-3 {
      margin-top: 10px !important;
  }
  .tiles-section .tile-desc {
    font-size: 14px !important;
  }
  .career-layouts .related-services-carousel .service-card {
    min-height: 690px;
  }
  .featured-projects-section, .project-gallery-section {
    padding: 80px 0 !important;
  }
  .featured-projects-section h2, .project-gallery-section h2 {
    margin-bottom: 30px;
  }
  .page-id-1342 .services-header.mb-5.d-flex.flex-wrap.justify-content-between.align-items-end {
      margin: 0 !important;
  }
  .testimonial-category {
    font-size: 16px;
  }
  .blogs-left h3, .sidebar h3 {
    font-size: 21px !important;
  }
  .blogs-area {
      padding: 80px 14px;
  }
  .sidebar {
      padding-left: 30px;
  }
  .sidebar-text h4 {
    font-size: 20px;
  }
  .blogs-text h3 {
    font-size: 23px !important;
  }
  .blogs-img::after {
    width: 15px;
  }
  .blogs-img img {
    height: 280px;
  }
  .blogs-text h3 {
    padding-bottom: 0;
  }
  .sidebar-inner .sidebar-img img {
    height: 137px;
  }
  .communities-section {
    padding: 80px 0;
  }
  .trust-card p {
      margin-bottom: 0;
  }
  .owner-section {
    padding: 80px 0;
  }
  .credentials-badges-strip {
    flex-wrap: wrap;
  }
  .owner-img {
    padding-left: 10px;
  }
  .owner-img::after {
            left: 2px;
          bottom: -8px;
  }
  .team-section-inner {
    padding: 80px 0;
  }
  .intro-section.left-image .row {
    align-items: start !important;
  }
  .page-id-1134 .intro-content p:last-of-type {
      margin-bottom: 0;
  }
  .contact-section.left-form-area {
      padding: 80px 0;
  }
  .direct-contact-card h2 {
    font-size: 22px;
  }
  .direct-contact-card {
    padding: 20px;
  }
  section.faq-area {
      padding: 80px 60px;
  }
  .faq-div {
      padding-bottom: 50px;
  }
  .contact-section {
    padding: 80px 0;
  }
  .content-area.contact .tiles-section .tile-card  {
    padding: 20px !important;
  }
  .tiles-header.text-center.mb-5 {
      margin-bottom: 20px !important;
  }
  .author-meta-block .author-name {
            font-size: 15px;
          margin-bottom: 0;
  }
  .project-services ul li {
    font-size: 14px;
  }
  .filter-btn, .service-filter-btn {
        padding: 10px 20px;
      font-size: 11px;
  }
  .cta-form-card .gform_button {
        padding: 12px 20px !important;
        font-size: 12px !important;
        font-weight: 600 !important;
  }
  input#gform_submit_button_5, .gform_wrapper.gravity-theme .gform_footer input#gform_submit_button_2 {
    font-size: 13px !important;
  }
  .areas-info-card {
      max-width: 100%;
  }
  .project-content a.btn-project-details {
    padding: 8px 19px !important;
    font-size: 12px !important;
  }
.contact-form-wrapper .gform_wrapper.gravity-theme .gfield_label {
      font-size: 12px !important;
}
  }
  @media (max-width: 991px) {
    p {
        font-size: 16px;
      }
    .header-right h6 {
          font-size: 12px;
    }
    .top-text {
          font-size: 13px;
              gap: 6px;
    }
    .top-text::before {
          width: 21px;
      height: 21px;
    }
    
    .social-icons img {
      height: 20px;
  }
  .phone-div a {
        font-size: 13px;
  }
  .top-nav {
    padding: 15px 14px;
  }
  .eyebrow-text strong {
        font-size: 12px;
        gap: 9px;
  }
  .eyebrow-text strong::before {
        width: 7px;
      height: 7px;
  }
  .hero-title h1 {
        font-size: 37px;
  }
  .hero-btn-group {
        margin-top: 0;
  }
  .hero-btn-group a {
        padding: 12px 20px;
            font-size: 12px;
  }
  .transparent-btn {
    padding: 12px 20px;
            font-size: 12px;
  }
  .gold-btn {
    padding: 12px 20px;
            font-size: 12px;
  }
  .hero-content-col {
            padding: 60px 14px;
  }
  h2 {
        font-size: 33px;
  }
  .about-content h2 {
      margin-bottom: 24px;
  }
  .about-content h2::after {
        bottom: -33px;
  }
  .about-content {
          font-size: 18px !important;
      }
      .about-section {
          padding: 60px 14px;
      }  
      .about-content h5 {
        margin-bottom: 30px;
      }
      .card-inner-content h3 {
            font-size: 19px;
      line-height: 1.4;
      }
      .quality-section {
        padding: 60px 14px;
      }
      .services-section {
            padding: 60px 14px;
      }
      .services-header {
            margin-bottom: 50px;
      }
      .service-card-body {
            padding: 30px 20px;
      }
      .service-card-body h3 {
            padding-bottom: 12px;
            margin-bottom: 12px;
            font-size: 26px;
      }
      .service-card-link {
            font-size: 11px;
      }
      .services-section .owl-stage-outer {
      padding-bottom: 0;
  }
  .process-section {
        padding: 60px 14px;
  }
  .process-content-wrapper>h2 {
        font-size: 33px;
  }
  .owner-img::after, .process-image-wrapper::after {
        left: -8px;
        bottom: -8px;
  }
  .process-image-wrapper{
      margin-top: 0;
      margin-right: 0;
  }
  .step-number {
      width: 42px;
      height: 42px;
      font-size: 19px;
  }
  .process-steps-stack {
    gap: 0;
    margin-bottom: 15px;
  }
  .brand-band-container {
        padding: 60px 14px;
  }
  .full-width-section {
        min-height: 380px;
  }
  .work-section {
  padding: 60px 14px;
  }
  .work-header-left h2 {
    font-size: 33px;
  }
  .project-slide-card {
          height: 350px;
      }
      .project-location-tag {
        font-size: 10px;
        margin-bottom: 0;
      }
      .custom-carousel-dots {
        gap: 8px;
      }
      .repair-section {
            padding: 60px 24px;
      }
      .repair-info-panel h2 {
      font-size: 33px;
      line-height: 1.2;
      }
      .repair-info-panel>p {
            margin: 0 0 18px;
            font-size: 15px;
      }
      .repair-feature-card {
          max-width: 400px;
          padding: 30px 20px;
      } 
      .feature-text-block h3 {
            font-size: 14px;
      }
      .repair-section>* {
            --bs-gutter-x: 1rem;
      }
      .testimonials-section {
          padding: 60px 14px;
      }
      .areas-info-card h2 {
            font-size: 33px;
      }
      .blue-btn {
                padding: 12px 20px;
          font-size: 12px;
      }
      .team-section {
            padding: 60px 14px;
      }
    
      .cta-section {
            padding: 60px 14px;
      }
      .cta-section .row.cta-main-row .col-lg-6:first-child {
            position: relative;
            top: 0;
      }
      .cta-info-column h2 {
            font-size: 33px;
      line-height: 1.2;
      }
      .cta-channels-stack {
            flex-direction: row;
            margin-bottom: 30px;
      }
      .cta-info-column p {
      margin: 0 0 20px;
  }
  .blog-section {
        padding: 60px 14px;
  }
  .blog-header-left h2 {
        font-size: 33px;
  }
  .blog-card-body h3 {
        font-size: 22px;
  }
  .blog-card-column:last-child {
          margin-bottom: 0;
      }
      .faq-section {
            padding: 60px 14px;
      }
      .faq-header h2 {
            font-size: 33px !important;
      }
      .faq-header {
        margin-bottom: 0 !important;
      }
      .faq-section .row.g-5 {
            --bs-gutter-y: 1.5rem;
      }
      .sp-ea-one.sp-easy-accordion .ea-header a {
            font-size: 18px !important;
            padding: 17px 0 !important;
      }
      .footer-top {
            padding: 30px 0;
            margin-bottom: 30px;
      }
      .main-footer h5 {
            font-size: 26px;
      }
      .footer-top {
            flex-direction: column;
      }
      .footer-btns {
            width: 80%;
      }
      .main-footer h5 {
            margin-bottom: 20px;
      }
      .copy-right-div.mb-3.mb-md-0.d-flex.align-items-center.justify-content-between {
      display: flex;
      flex-wrap: wrap;
      justify-content: center !important;
      gap: 20px;
  }
  .footer-sub-basement-row {
        margin-top: 20px;
  }
  .inner-hero-image {
    position: relative;
  }
  .inner-hero-wrapper {
    flex-direction: column-reverse;
  } 
  .inner-hero-content-inner {
    position: relative;
    padding: 60px 14px;
  }
  .inner-hero-image {
    width: 100%;
  }
  .inner-hero-shape::after {
    display: none;
  }
  .inner-hero-shape::before {
    clip-path: none;
  }
  .inner-hero-content {
    width: 100%;
  }
  .inner-hero-content-inner p:last-of-type {
    margin-bottom: 20px;
  }
  .hero-badges-grid {
          margin-bottom: 0;
          margin-top: 0;
          padding: 40px 0;
      } 
      .intro-section {
        padding: 60px 0;
      }
      .intro-content h2 {
        font-size: 28px;
        font-weight: 500;
      }
      .intro-content {
        padding-right: 40px;
      }
      .intro-content .gold-btn {
        margin-top: 0;
      }
      .intro-image::after {
            left: -5px;
      bottom: -6px;
      }
      .service-card-body p {
          margin: 0 0 20px;
      } 
      .intro-section.left-image .intro-content {
        padding-left: 40px;
      }
      .inner-hero-content-inner {
        width: 100%;
      }
      .badge-text-block {
          font-size: 13px;
      }
      .hero-badges-grid {
          gap: 10px;
      }
      .card-inner-content p {
      font-size: 14px;
  }
  .feature-content-box p {
      font-size: 14px;
  }
  .brand-band-container>p {
          font-size: 34px;
      }
      .testimonial-card.card-featured p {
      font-size: 22px;
  }
  .testimonials-stack-panel {
    flex-direction: row;
  }
  .areas-info-card {
          max-width: 100%;
      }
      .footer-widgets-row {
      row-gap: 20px;
  }
  .member-stacked-info h3 {
          font-size: 23px;
      }
      .member-sub-role::after {
            bottom: -7px;
            height: 1px;
      }
      .badge-item div strong br {
      display: none;
  }
  .hero-badges-grid {
            padding: 20px 0;
  }
  .service-category-filters {
    flex-wrap: wrap;
    justify-content: center;
  }
  .process-section .process-row-gap .col-lg-6 {
    position: relative;
    top: 0;
  }
  .row.align-items-start.process-row-gap.flex-lg-row-reverse {
      display: flex;
      flex-direction: row-reverse;
  }
  .services-header-btn.mt-4.mt-lg-0 {
      margin-top: 0 !important;
  }
  .tiles-section.section-padding {
    padding: 60px 0;
  }
  .tile-card.w-100.d-flex.flex-column {
      padding: 25px !important;
  }
  .tiles-section .tile-icon-wrapper img.tile-icon {
      width: 40px !important;
      height: 40px !important;
  }
  .tile-content.mt-3 {
      margin-top: 9px !important;
  }
  .tiles-header.d-flex.flex-wrap.justify-content-between.align-items-end.mb-5 {
      margin-bottom: 30px !important;
  }
  .trust-section {
    padding: 60px 0;
  }
  .services-header-btn.mt-4.mt-lg-0 {
      margin-top: 0 !important;
  }
  .trust-card.w-100.h-100.d-flex.flex-column h3 {
      font-size: 23px !important;
  }
  .trust-card.w-100.h-100.d-flex.flex-column p {
      font-size: 15px !important;
  }
  .intro-content ul {
        grid-template-columns: repeat(1, 1fr);
  }
  .intro-content p:last-of-type {
      margin-bottom: 20px;
  }
  .eyebrow-text strong {
    font-size: 11px;
  }
  .process-img {
          height: 870px !important;
      }
      .service-card-body.flex-grow-1.d-flex.flex-column {
/*       min-height: 510px; */
  }
  .featured-projects-section, .project-gallery-section {
    padding: 60px 0 !important;
  }
  .featured-projects-section h2, .project-gallery-section h2 {
    margin-bottom: 30px;
  }
  .page-id-1342 .services-header.mb-5.d-flex.flex-wrap.justify-content-between.align-items-end {
      margin: 0 !important;
  }
  .row.g-4.services-grid .col-lg-3.col-md-6.d-flex {
          width: 50%;
      }
      .testimonials-header {
        margin-bottom: 30px;
      }
          .testimonials-header-left h2 {
          font-size: 33px;
      }
      .testimonials-header {
        margin-bottom: 20px;
      }
      .testimonial-card.card-featured.h-100 {
        padding: 20px;
      }
      .testimonial-category {
        font-size: 15px;
      }
      .testimonial-card.card-featured.h-100 p {
      font-size: 20px;
  }
  .process-img {
          height: 860px !important;
      }
      .intro-content ul {
            grid-template-columns: repeat(1, 1fr);
      }
      .blogs-area {
      padding: 60px 0 60px 0;
  }
  .blogs-left h3, .sidebar h3 {
    font-size: 24px !important;
    border-bottom: 2px solid var(--brown);
  }
  .blogs-img::after {
    width: 15px;
  }
  .blogs-text h3 {
        font-size: 24px !important;
  }
  .blogs-text h3 {
    padding-bottom: 0;
  }
  .blogs-img img {
    height: 290px;
  }
  .sidebar {
      padding-left: 0;
  } 
  .sidebar-inner {
      display: flex;
      flex-wrap: wrap;
      gap: 15px;
  }
  .sidebar-img {
    margin-bottom: 0;
    max-width: 237px;
  }
  .sidebar-text h4 {
    font-size: 18px;
    line-height: 26px;
  }
  .communities-section {
    padding: 60px 0;
  }
  .communities-search-header.mb-5 {
    margin-bottom: 40px !important;
  }
  .community-accordion-header {
    padding: 20px;
  }
  .page-id-1331 img.process-img.img-fluid {
      height: auto !important;
  }
  .approach-section {
          padding: 60px 0;
      }
      .approach-quote {
        padding: 20px;
        gap: 15px;
      }
      .approach-quote p {
        font-size: 13px;
      }
      .approach-content ul li {
        font-size: 14px;
      }
      .approach-text p {
      margin-bottom: 15px;
  }
  .owner-section {
    padding: 60px 0;
  }
  .credentials-badges-strip {
    flex-direction: column;
    align-items: start;
  }
  .owner-img {
      position: sticky;
      top: 100px;
  }
  .team-section-inner {
    padding: 60px 0;
  }
  .team-grid {
          grid-template-columns: repeat(2, 1fr);
      }
  .contact-section.left-form-area {
      padding: 60px 0;
  }
  .intro-section.left-image .row {
    align-items: start !important;
  }

  section.faq-area {
      padding: 60px 40px;
  }
  .faq-div {
      padding-bottom: 40px;
  }
  .content-area.contact .tiles-section .tile-card {
    padding: 30px !important;
  }
  .content-area.contact .tiles-section .tile-card h3.tile-title  {
    margin: 10px 0 !important;
  }
  .contact-section {
    padding: 60px 0;
  }
  .contact-form-wrapper h2 {
    font-size: 28px;
    margin: 0 0 14px 0px;
  }
  .map-wrapper {
      height: auto;
  }
  .author-meta-block .author-name {
          color: var(--white);
          font-size: 15px;
          margin-bottom: 0;
      }
      .row.g-4.team-grid-row .col-lg-5.col-md-6.d-flex.flex-column.gap-4.justify-content-between {
      justify-content: start !important;
  }
  .project-content a.btn-project-details {
        padding: 10px 20px !important;
        font-size: 11px !important;
  }
  .project-content {
    padding: 20px;
  }
/* ---------------------------
      toggle-style 
--------------------------- */
#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle {
    width: auto !important;
    height: auto !important;
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

#mega-menu-wrap-max_mega_menu_1 .mega-toggle-animated {
    width: 50px !important;
    height: 50px !important;
    background: #2b3f6d !important;
    border-radius: 50% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;

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

    overflow: hidden !important;
}

#mega-menu-wrap-max_mega_menu_1 .mega-toggle-animated-box {
    width: 22px !important;
    height: 22px !important;
    position: relative !important;
}

#mega-menu-wrap-max_mega_menu_1 .mega-toggle-animated-inner,
#mega-menu-wrap-max_mega_menu_1 .mega-toggle-animated-inner::before,
#mega-menu-wrap-max_mega_menu_1 .mega-toggle-animated-inner::after {
    width: 22px !important;
    height: 3px !important;
    background-color: #fff !important;
    border-radius: 3px !important;
}
#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle + #mega-menu-max_mega_menu_1 {
          background-color: #2b3f6d;
          padding: 10px 15px;
}
.mega-gold-btn.gold-btn {
    margin-left: 0 !important;
    margin-top: 20px !important;
}
    #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
      background: transparent !important;
      color: var(--brown) !important;
    }
    #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
              color: var(--brown) !important;
        background-color: transparent !important;
    }

  } 
  @media (max-width:767px) {
      p {
          font-size: 15px;
      }
	  
	      #mega-sub-menu-750 .mega-menu-row > ul.mega-sub-menu {
			  display: block !important;
	  }
	  
	  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
    padding-left: 5px;
}
      .hero-title h1 {
              font-size: 34px;
      }
      h2 {
          font-size: 30px;
      }
      .eyebrow-text strong {
              font-size: 10px;
              margin-bottom: 12px;
      }
      .hero-badges-grid {
          flex-direction: column;
          align-items: flex-start;
          margin-bottom: 0;
      }
      .hero-btn-group a {
              padding: 12px 14px;
                  font-size: 11px;
      }
      .about-section {
          padding: 40px 14px;
      }
      .about-content {
      padding-right: 0;
  }
  .about-content h2 {
      margin-bottom: 20px;
  }
  .about-content h2::after {
          bottom: -30px;
              width: 40px;
  }
  .about-content {
          font-size: 17px !important;
      }
      .top-text p {
      margin: 0;
      font-size: 14px;
  }
  .header-right {
          flex-direction: column;
          gap: 13px;
  }
  .top-text {
          margin-bottom: 10px;
  }
  .header-right h6 {
          font-size: 13px;
  }
  .phone-div a {
          font-size: 16px;
  }
  .hero-btn-group {
      margin-top: 0;
  }
  .about-section .col-lg-6 {
      padding: 0;
  }
  .about-content h5 {
          font-size: 35px;
  }
  .signature-div {
      margin-bottom: 30px;
  }
  .card-inner-content h3 {
          font-size: 20px;
  }
  .quality-section {
          padding: 40px 14px;
  }
  .row.justify-content-center.text-center.mb-5 {
      margin-bottom: 20px !important;
  }
  .row.g-4>[class*="col-"] {
      padding: 0;
  }
  .feature-content-box h3 {
          margin: 0 0 8px 0;
      padding-bottom: 5px;
      font-size: 19px;
  }
  .services-section {
          padding: 40px 0;
  }
  .service-card-body {
          padding: 25px 20px;
  }
  .service-card-body h3 {
          font-size: 25px;
          margin-bottom: 10px;
          padding-bottom: 11px;
  }
  .services-section .owl-stage-outer {
      padding-bottom: 0;
  }
  .service-card-link {
          font-size: 11px;
  }
  .process-section {
          padding: 40px 0;
  }
  .process-image-wrapper {
          margin-top: 0;
      margin-right: 0;
  }
  .owner-img::after, .process-image-wrapper::after {
      left: -7px;
  }
  .process-row-gap {
      row-gap: 40px;
  }
  .eyebrow-text strong::before {
          width: 7px;
      height: 7px;
  }
  .eyebrow-text strong {
      gap: 10px;
  }
  .process-steps-stack {
      gap: 10px;
      margin-bottom: 0;
  }
  .step-number {
          width: 38px;
      height: 38px;
      font-size: 19px;
  }
  .step-body h3 {
          font-size: 20px;
  }
  .transparent-btn {
      padding: 12px 14px;
              font-size: 11px;
  }
  .services-header {
      margin-bottom: 50px !important;
  }
  .gold-btn {
  padding: 12px 14px;
              font-size: 11px;
  }
  .process-step-item {
          gap: 15px;
  }
  .brand-band-container {
          padding: 40px 0;
  }
  .brand-band-container>p {
          padding: 0 40px;
              font-size: 24px;
  }
  .brand-action {
          margin-top: 25px;
  }
  .full-width-section {
          min-height: auto;
  }
  .work-section {
          padding: 40px 0;
  }
  .work-header {
          margin-bottom: 30px;
  }
  .project-slide-card {
          height: 260px;
      }
      .custom-carousel-dots {
              gap: 7px;
      margin-top: 25px;
      }
      .repair-section {
              padding: 40px 14px; 
      }
      .repair-info-panel>p {
              font-size: 15px;
                  margin: 0 0 15px;
      }
      .repair-feature-card {
              padding: 30px 20px;
      }
      .repair-section .col-lg-4.col-12 {
      margin-top: 30px;
  }
  .feature-row-item {
          padding: 15px 0;
              gap: 10px
  }
  .feature-text-block h3 {
        font-size: 13px;
  }
  .testimonials-section {
          padding: 40px 0;
  }
  .testimonials-header-left p {
      font-size: 15px;
  }
  .testimonials-header {
          gap: 20px;
      margin-bottom: 30px;
  }
  .card-featured {
          padding: 20px;
  }
  .quote-giant-mark {
          height: 40px;
      margin-top: 0;
  }
  .card-featured p {
          margin-bottom: 20px;
                  font-size: 22px;
  }
  .card-compact>p {
          font-size: 22px;
  }
  .avatar-primary {
          width: 40px;
      height: 40px;
  }
  .card-compact {
      padding: 20px;
  }
  .areas-section {
          padding: 40px 14px;
  }
  .areas-info-card {
          padding: 30px 25px;
  }
  .areas-info-card h2 {
          font-size: 30px;
  }
  .areas-badges-grid {
      margin: 0 0 20px 0;
  }
  .team-section {
      padding: 40px 0;
  }
  .team-header {
          gap: 20px;
      margin-bottom: 30px;
  }
  .founder-image-box {
          min-height: auto;
          width: 100%;
      }
      .row.g-4.team-grid-row {
      padding: 0 14px;
  }
  .founder-info-box {
          padding: 20px;
          width: 100%;
      }
      .founder-info-box h3 {
                  font-size: 25px;
      }
      .member-sub-role {
              padding-bottom: 15px;
                  margin-bottom: 15px;
      }
      .member-stacked-info {
              padding: 20px;
              width: 100%;
      }
      .member-stacked-info h3 {
              font-size: 25px;
      }
      .cta-section {
              padding: 40px 0;
      }
      .cta-info-column h2 {
              font-size: 30px;
                  line-height: 38px;
      }
      .cta-section .row.cta-main-row .col-lg-6:first-child {
              position: relative;
              top: 0;
      }
      .cta-info-column p {
              margin: 0 0 20px;
      }
      .cta-icon-box img {
      width: 20px !important;
      height: 20px !important;
  } 
  .cta-channel-value {
          font-size: 14px;
  }
  .cta-channel-item  {
          gap: 10px;
  }
  .cta-channels-stack {
          flex-direction: row;
              margin-bottom: 30px;
  }
  .cta-form-card h3 {
          font-size: 26px;
              margin: 0 0 18px 0;
  }
  .cta-form-card {
              padding: 30px 20px !important;
  }
  p.gform_required_legend {
      margin-bottom: 20px;
  }
  .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
              line-height: 1;
          min-height: auto;
  }
  .cta-form-card .gform_wrapper .gfield {
          margin-bottom: 13px !important;
  }
  .cta-form-card .gform_button {
          padding: 12px 14px !important;
              font-weight: 600 !important;
      font-size: 11px !important;
  }
  .blog-section {
          padding: 40px 0;
  }
  .blog-header {
      gap: 20px;
      margin-bottom: 30px;
  }
  .blog-card-body {
          padding: 30px 20px;
  }
  .blog-card-body h3 {
          font-size: 24px;
  }
  .blog-card-column:last-child {
      margin-bottom: 0;
  }
  .faq-section {
          padding: 40px 0;
  }
  .faq-header h2 {
          font-size: 30px !important;
  }
  .faq-header.mb-5 {
      margin-bottom: 0 !important;
  }
  .sp-ea-one.sp-easy-accordion .ea-header a {
          font-size: 15px !important;
      font-weight: 400 !important;
          line-height: normal !important;
  }
  .faq-section .col-lg-8 {
      margin-top: 20px;
  } 
  .footer-top {
          flex-direction: column;
          align-items: start;
          padding: 40px 0 25px 0;
          margin-bottom: 20px;
  }
  .footer-brand-logo {
      width: 120px;
  }
  .footer-logo-box {
      margin-bottom: 16px;
  }
  .footer-channel-svg {
      width: 20px;
      height: 20px;
  }
  .footer-contact-channels a {
          font-size: 14px;
          gap: 6px;
  }
  .footer-widgets-row {
      row-gap: 0;
  } 
  .main-footer h6 {
          margin-bottom: 10px;
  }
  .footer-sub-basement-row {
          padding: 24px 0 5px 0;
          margin-top: 0;
  }
  .copy-right-div p {
      text-align: center;
      margin-bottom: 21px;
  }
  .copy-right-div.mb-3.mb-md-0.d-flex.align-items-center.justify-content-between {
      flex-wrap: wrap;
  }
  .right-div a {
          font-size: 14px;
  }
  .right-div {
          flex-wrap: wrap;
      justify-content: center;
      row-gap: 15px;
  }
  .about-card {
          max-width: 330px;
      margin: 0 auto;
  }
  .top-nav {
      flex-direction: column;
  }
  .blue-btn {
      padding: 12px 14px;
      font-size: 11px;
  }
  #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle.mega-menu-open + #mega-menu-max_mega_menu_1 {
              background: #16203A;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
              background-color: #16203A;
  }
  #mega-menu-wrap-max_mega_menu_1.mega-keyboard-navigation #mega-menu-max_mega_menu_1 li.mega-menu-item .mega-menu-link:focus {
          outline-style: none;
  }
  .faq-section .row.g-5 {
      --bs-gutter-x: 0rem;
  }
  .main-footer h5 {
        font-size: 30px;
        margin-bottom: 30px;
        text-align: center;
  }
  .footer-btns {
        flex-wrap: wrap;
        width: 100%;
  }
      .inner-hero-image {
        position: relative;
        width: 100%;
        margin: 0;
    }
  .inner-hero-content-inner {
        padding: 40px 14px;
  }
  .inner-hero-content {
        width: 100%;
        padding: 40px 30px;
    }
  .inner-hero-image img, .inner-hero-image .hero-img {
    height: 300px;
  }
  .inner-hero-content::after {
    clip-path: none;
  }
  .inner-hero-content::before {
    display: none;
  }
  .inner-hero-content-inner p {
    font-size: 15px;
  }
	  .inner-hero-content p:last-of-type {
    margin-bottom: 25px;
}
  .hero-badges-grid {
    margin-top: 0;
  }
  .inner-hero-trust {
      background: #16203A;
      padding-bottom: 0;
      padding-top: 0;
  }
  .badge-item div strong {
    font-size: 12px;
  }
  .badge-icon {
        width: 25px;
      height: 33px;
  }
  .badge-text-block {
          font-size: 12px;
      }
      .intro-section {
        padding: 40px 0;
      }
      .intro-content h2 {
      font-size: 28px;
      font-weight: 500; 
      }
      .intro-content {
        padding-right: 0;
      }
      .intro-content .gold-btn {
            margin-top: 0;
      }
      .intro-image img {
        width: 100%;
        height: 300px;
        position: relative;
      }
      .intro-image::after {
      left: -6px;
      bottom: -10px;
      }
      .intro-image {
        height: auto;
        margin-bottom: 35px;
      }
      section.intro-section.right-image.bg-color .row.align-items-center.g-0 {
      flex-direction: column-reverse;
  }
  section.intro-section.right-image.bg-image .row.align-items-center.g-0 {
      flex-direction: column-reverse;
  }
      .intro-section.left-image .intro-content {
        padding-left: 0;
      }
      .owner-img::after, .process-image-wrapper::after {
            bottom: -9px;
      }
      .process-content-wrapper>h2 {
          font-size: 28px;
          margin-bottom: 20px;
      } 
      .approach-section {
        padding: 40px 0;
      }
      .approach-content {
        padding-right: 0;
      }
      .approach-text p {
      margin-bottom: 18px;
  }
  .approach-image img {
    width: 100%;
    height: 300px;
    position: relative;
  }
  .approach-image {
    position: relative;
    height: auto;
  }
  .approach-image::after {
        left: -5px;
      bottom: -10px;
  }
  .trust-section {
    padding: 40px 0;
  }
  .trust-section h2 {
      margin-bottom: 30px;
  } 
  .row.g-4.trust-cards-row {
      padding: 0 14px;
  }
  .trust-card {
    padding: 30px 20px;
  }
  .trust-card p {
      margin-bottom: 0;
  } 
  .trust-card-icon img {
      width: 50px;
      height: 50px;
  }
  .main-footer {
          padding: 0;
      }
      .inner-hero-content-inner {
        width: 100%; 
      }
      .owner-section {
        padding: 40px 0;
      }
      .owner-img img {
        height: auto;
      }
      .owner-text {
        margin-top: 50px;
      }
      .owner-text p {
      margin-bottom: 15px;
  }
  .credentials-badges-strip {
    flex-direction: column;
    align-items: start;
    gap: 15px;
  }
  .owner-text h3 {
    margin-top: 30px;
  }
  .team-section-inner {
        padding: 40px 0;
  }
  .team-photo-wrap {
    height: 300px;
  }
  .team-info {
        padding: 25px 20px;
  }
  .team-info h3 {
        font-size: 26px;
  }
  .team-title-wrap p {
    font-size: 13px;
  }
  .team-card-footer {
    margin: 0 !important;
  }
  .trust-card-icon img {
          width: 40px;
          height: 40px;
      }
      .trust-section.team h3 {
        margin-bottom: 15px;
      }
      .owner-section .row.g-5 {
      --bs-gutter-y: 0rem;
      --bs-gutter-x: 0;
  }
      .hero-section.deck-hero-section .hero-content-col {
        padding: 40px 20px !important;
        width: 100%;
        min-height: auto;
    }
	     .page-template-deck-special .hero-slider-col {
        height: 1240px;
        margin-left: 0;
    }
	.page-template-deck-special  .tiles-grid {
    display: block;
}
	  section.cards-area {
    padding: 40px 0;
}
	 .page-template-career .contact-section.left-form-area .row {
    flex-direction: column-reverse !important;
}

  .hero-badges-grid {
    padding: 30px 0;
  }
  .feature-card {
    height: auto;
    min-height: 360px;
  }
  .feature-content-box p {
      font-size: 13px;
  }
  .feature-content-box {
    min-height: auto;
  }
  .process-section .process-row-gap .col-lg-6 {
    position: relative;
    top: 0;
  }
  .work-header-left h2 {
          font-size: 30px;
      }
      .repair-info-panel h2 {
          font-size: 30px;
      }
      .testimonials-header-left h2 {
          font-size: 30px;
      }
      .testimonial-card.card-featured p {
      font-size: 20px;
  }
  .team-header-left h2 {
    font-size: 30px;
  }
  .founder-card {
    flex-direction: column;
  }
  .blog-header-left h2 {
          font-size: 30px;
      } 
      .badge-item div strong br {
      display: none;
  }
  .service-category-filters {
    flex-wrap: wrap;
    justify-content: center;
  }
  .filter-btn.active, .filter-btn:hover, .service-filter-btn:hover, .service-filter-btn.active {
        font-size: 15px;
      padding: 8px 19px;
      width: 100%;
  }
  .filter-btn, .service-filter-btn {
    width: 100%;
  }
  .service-img-wrapper {
    height: 230px;
  }
  .process-flipped .process-image-wrapper {
        margin-left: 10px;
  }
  .row.g-4.services-grid {
      padding: 0 14px;
  }
  .services-header-btn.mt-4.mt-lg-0 {
      margin-top: 0 !important;
  }
  .trust-card.w-100.h-100.d-flex.flex-column {
      padding: 20px !important;
  }
  .trust-card.w-100.h-100.d-flex.flex-column h3 {
      font-size: 21px !important;
  }
  .trust-card.w-100.h-100.d-flex.flex-column p {
      font-size: 15px !important;
  }
  .step-body h3 {
      line-height: 25px;
  }
  .process-content-wrapper {
    padding-top: 15px;
  }
  .tiles-section.section-padding {
    padding: 40px 0;
  }
  .tile-content.mt-3 h3.tile-title {
      font-size: 21px !important;
  }
  .tile-content.mt-3 p.tile-desc {
      font-size: 14px !important;
  }
  .tile-content.mt-3 {
      margin-top: 0 !important;
  }
  .tile-icon-wrapper img.tile-icon {
    width: 40px !important;
    height: 40px !important;
  }
  section.services-section.inner {
      padding: 40px 0;
  }
  .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
    height: 45px;
  }
  .tile-card.w-100.d-flex.flex-column {
    padding: 20px !important;
  }
  .intro-section.left-image .row {
      flex-direction: column-reverse;
  }
  .intro-content p:last-of-type {
      margin-bottom: 20px;
  }
  .featured-projects-section, .project-gallery-section {
    padding: 40px 0 !important;
  }
  .featured-projects-section h2, .project-gallery-section h2 {
    margin-bottom: 25px;
  }
  .project-content {
    padding: 30px 20px !important;
  }
  .page-id-1342 .services-header.mb-5.d-flex.flex-wrap.justify-content-between.align-items-end {
      margin: 0 !important;
  }
  .row.g-4.services-grid .col-lg-3.col-md-6.d-flex {
          width: 100%;
      }
      .featured-projects-section h2 {
      margin-bottom: 30px;
  }
  h3.project-title a {
    font-size: 23px;
  }
  .testimonial-category {
    font-size: 14px;
  }
      .testimonial-card.card-featured.h-100 p {
        margin-bottom: 10px;
    }

    .process-img {
        height: 380px !important;
    }
      .inner-hero-content-inner p:last-of-type {
          margin-bottom: 20px;
      }
      .inner-hero-wrapper {
        min-height: auto;
        flex-direction: column-reverse;
      }
      .blogs-area {
      padding: 40px 0 40px 0;
  }
  .blogs-left h3, .sidebar h3 {
    font-size: 20px !important;
    border-bottom: 1.5px solid var(--brown);
  }
  .blogs-tab.row {
    padding: 0 14px;
  }
  .blogs-img img {
    height: 250px;
  }
  .blogs-img::after {
    display: none;
  }
  .blogs-text h3 {
    font-size: 22px !important;
    padding-bottom: 0;
  }
  .sidebar-img {
    max-width: 100%;
  }
  .blogs-text.col-md-6 {
      padding: 0;
  }
  .blogs-img {
    margin-bottom: 25px;
    padding: 0;
  }
  .sidebar {
      padding-left: 0;
  }
  .sidebar-text h4 {
    font-size: 19px;
  }
  .sidebar-inner .sidebar-img img {
    height: 170px;
  }
  .sidebar-inner {
    flex-direction: column;
  }
  .communities-section {
    padding: 40px 0;
  }
  .communities-search-header.mb-5 {
      margin-bottom: 30px !important;
  } 
  .communities-header h2 {
    margin-bottom: 15px;
  }
  .community-accordion-header {
    padding: 20px;
  }
  .page-id-455 .services-section {
    padding: 40px 0;
  }
  .approach-section .row.align-items-center.g-0 {
      flex-direction: column-reverse;
  } 
  .approach-section .row.align-items-center.g-0 .col-lg-5.col-md-6 {
      margin-bottom: 30px;
  }
  .approach-quote {
    margin-top: 30px;
  }
  .approach-quote {
        flex-direction: column;
            padding: 25px;
          gap: 15px;
  }
  .intro-section .row.align-items-center.g-0 {
      flex-direction: column-reverse;
  }
  .process-bottom-text {
    margin-top: 0;
  }
  .process-bottom-text p {
      margin-bottom: 0;
  }
  .contact-section.left-form-area {
      padding: 40px 14px;
  }
  .hero-single-image .contact-form-wrapper {
    top: 0;
    width: 100%;
    right: 0;
    height: auto;
    padding: 20px;
}
	  
	  .contact-form-wrapper .gform_button {
    margin: 0 auto;
}
  .direct-contact-card h2 {
    font-size: 21px;
  }
  .cta-section.contact .cta-info-column .cta-btn-group {
    margin-bottom: 0 !important;
  }
  section.faq-area {
      padding: 40px 0;
  }
  .faq-div h2 {
      margin-bottom: 20px;
  }
  .faq-div {
      padding-bottom: 30px;
  }
  .tiles-header.text-center.mb-5 {
      margin-bottom: 20px !important;
  }
  .page-id-839 .tiles-section.section-padding {
          padding: 40px 14px;
      }
      .content-area.contact .tiles-section .tile-card {
        padding: 30px !important;
      }
      .contact-section {
        padding: 40px 14px;
      }
      .contact-form-wrapper h2 {
        font-size: 24px;
      }
      .contact-form-wrapper p {
        font-size: 15px;
        margin: 4px 0 20px;
      }
      .direct-contact-top strong {
        font-size: 10px;
      }
      .map-wrapper {
      height: auto;
  }
  .testimonials-stack-panel {
          flex-direction: column;
      }
      .author-name {
        font-size: 14px;
        margin-bottom: 0;
      }
      .member-card-stacked {
        flex-direction: column;
      }
      .member-img-wrap img {
          max-width: 100%;
      } 
          .page-id-2 .cta-channels-stack {
          margin-bottom: 0;
      }
  .menu a {
    font-size: 15px;
  }
  .footer-btns a {
    width: auto;
  }
  .footer-btns {
    justify-content: center;
  }
  .footer-btns .transparent-btn {
    width: auto;
  }
  .tile-card.w-100.d-flex.flex-column:first-child {
      border-top: 1px solid rgba(255, 255, 255, 0.15);
      border-bottom: 0;
  }
  .row.g-0.tiles-grid.justify-content-center {
      border-bottom: 1px solid rgba(255, 255, 255, 0.15);
      border-right: 1px solid rgba(255, 255, 255, 0.15);
  }

  }