:root {
    --dygo-red: #C22127;
    --dygo-red-2: #E53E3E;
    --muted: #6c757d;
    --soft-pink: #FFF1F2;
}

/* Common Text Styles */
.text-mute {
    font-size: 18px;
    font-family: Inter, sans-serif;
    color: black;
}

.w-underline {
    text-decoration: none;
}

.hl-red {
    color: var(--dygo-red);
    font-weight: 700;
}

/* Common Layout */
.container {
    width: 85% !important;
    --bs-gutter-x: 0rem !important;
    margin-top: 0px !important;
}

.section-gap {
    padding: 48px 0;
}

.section-title {
    color: var(--dygo-red);
    font-weight: 800;
    margin-bottom: 12px;
    font-size: 1.75rem;
}

.centered-row {
    margin-top: 6% !important;
}

/* Common Hero Section */
.custom-bgs {
   background: url(/v1/images/image3.png) no-repeat center center;
    background-size: 100% 100%!important;
    position: relative;
    min-height: 237px;
    width: 100%;
    display: flex
;
    /* align-items: center; */
    justify-content: center;
    margin-top: 3%;
}



.banner-title {
    font-family: "Inter-Bold", sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 44px;
}

/* Common Card Styles */
.common-card {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, .07);
    transition: all .4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    border: 1px solid #f1f5f9;
    position: relative;
    overflow: hidden;
}

.common-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(194, 33, 39, .03), rgba(244, 163, 174, .08));
    opacity: 0;
    transition: opacity .3s ease;
}

.common-card:hover {
    box-shadow: 0 20px 40px rgba(244, 163, 174, .25);
    transform: translateY(-8px) scale(1.02);
    border-color: rgba(194, 33, 39, .2);
}

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

/* Common Icon Styles */
.icon-circle {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: linear-gradient(135deg, #FFE9E9, #FFF0F0);
    display: grid;
    place-items: center;
    margin: 0 auto;
    transition: all .3s ease;
    box-shadow: 0 4px 12px rgba(194, 33, 39, .15);
}

.common-card:hover .icon-circle {
    background: linear-gradient(135deg, var(--dygo-red), #E53E3E);
    transform: scale(1.1) rotate(5deg);
}

.common-card:hover .icon-circle svg {
    stroke: #fff;
}

.common-card:hover .icon-circle img {
    filter: brightness(0) invert(1);
}

/* Common Section Backgrounds */
.pink-section {
    background: #F8EDEE;
}

/* Common Button Styles */
.btn-primary-dygo {
    background: var(--dygo-red);
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 12px 24px;
    font-weight: 700;
    cursor: pointer;
    transition: all .2s;
    text-decoration: none;
    display: inline-block;
}

.btn-primary-dygo:hover {
    background: #A01D22;
    transform: translateY(-1px);
    color: #fff;
}

.btn-secondary-dygo {
    background: transparent;
    color: var(--dygo-red);
    border: 2px solid var(--dygo-red);
    border-radius: 8px;
    padding: 10px 24px;
    font-weight: 700;
    cursor: pointer;
    transition: all .2s;
    text-decoration: none;
    display: inline-block;
}

.btn-secondary-dygo:hover {
    background: var(--dygo-red);
    color: #fff;
}

/* Common Stats Badge */
.stat-badge {
    color: var(--dygo-red);
    font-weight: 700;
    font-size: 13px;
    background: rgba(194, 33, 39, .1);
    padding: 4px 8px;
    border-radius: 12px;
    display: inline-block;
    transition: all .3s ease;
}

.common-card:hover .stat-badge {
    background: var(--dygo-red);
    color: #fff;
}

/* Common Feature List */
.feature-list {
    text-align: left;
}

.feature-item {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    font-size: 13px;
    color: #4b5563;
    opacity: 0;
    transform: translateY(10px);
    transition: all .3s ease;
}

.common-card:hover .feature-item {
    opacity: 1;
    transform: translateY(0);
}

.common-card:hover .feature-item:nth-child(1) { transition-delay: .1s; }
.common-card:hover .feature-item:nth-child(2) { transition-delay: .2s; }
.common-card:hover .feature-item:nth-child(3) { transition-delay: .3s; }

/* Common Form Styles */
.form-section {
    background: #F8EDEE;
}

.form-wrapper {
    max-width: 700px;
    background: #fff;
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, .1);
}

.form-title {
    color: var(--dygo-red);
    font-weight: 800;
    text-align: center;
    margin-bottom: 8px;
}

.form-subtitle {
    color: #6b7280;
    text-align: center;
    margin-bottom: 32px;
}

.form-control {
    border: 1.5px solid #e5e7eb;
    border-radius: 8px;
    padding: 12px 16px;
    font-size: 14px;
}

.form-control:focus {
    border-color: var(--dygo-red);
    box-shadow: 0 0 0 3px rgba(194, 33, 39, .1);
    outline: none;
}

/* Common CTA Section */
.cta-section {
    background: var(--dygo-red);
    color: #fff;
    padding: 60px 0;
}

.cta-title {
    font-weight: 800;
    margin-bottom: 16px;
}

.cta-text {
    opacity: .9;
    margin-bottom: 32px;
}

.cta-buttons {
    display: flex;
    gap: 16px;
    justify-content: center;
    flex-wrap: wrap;
}

.btn-cta-primary {
    background: #fff;
    color: var(--dygo-red);
    padding: 12px 24px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 700;
    transition: all .2s;
}

.btn-cta-primary:hover {
    background: #f8f9fa;
    transform: translateY(-1px);
    color: var(--dygo-red);
}

.btn-cta-secondary {
    background: transparent;
    color: #fff;
    border: 2px solid #fff;
    padding: 10px 24px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 700;
    transition: all .2s;
}

.btn-cta-secondary:hover {
    background: #fff;
    color: var(--dygo-red);
}

/* Responsive Design */
@media (max-width: 991px) {
    .custom-bgs {
        min-height: 240px;
    }
    
    .banner-title {
        font-size: 28px;
        line-height: 36px;
    }
    
    .cta-buttons {
        flex-direction: column;
        align-items: center;
    }
    
    .text-mute {
        font-size: 16px !important;
    }
    
    .col-lg-6 {
        margin-top: 0 !important;
    }
}

@media (max-width: 768px) {
    .custom-bgs {
        min-height: 200px;
    }
    
    .custom-bgs::before,
    .custom-bgs::after {
        width: 120px;
        height: 120px;
    }
    
    .banner-title {
        font-size: 24px;
        line-height: 32px;
    }
    
    .section-gap {
        padding: 32px 0;
    }
    
    .form-wrapper {
        padding: 24px;
    }
}

/* Page-Specific Overrides */

/* About Us Specific */
.about-hero {
    min-height: 168px;
    background: linear-gradient(90deg, var(--dygo-red), var(--dygo-red-2));
    position: relative;
    overflow: hidden;
    color: #fff;
}

.about-hero::before,
.about-hero::after {
    content: "";
    position: absolute;
    width: 220px;
    height: 120px;
    border: 2px solid rgba(255, 255, 255, .15);
    border-radius: 20px;
    transform: rotate(-12deg);
}

.about-hero::before {
    top: -30px;
    left: 12px;
}

.about-hero::after {
    bottom: -40px;
    right: 12px;
    transform: rotate(12deg);
}

/* Career Page Specific */
.join-card {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 12px 24px rgba(0, 0, 0, .08);
    transition: all .3s ease;
}

.join-card:hover {
    box-shadow: 0 16px 32px rgba(244, 163, 174, .4);
    transform: translateY(-2px);
}

.job-card {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 12px 24px rgba(0, 0, 0, .08);
    transition: all .3s ease;
}

.job-card:hover {
    box-shadow: 0 16px 32px rgba(244, 163, 174, 0.4), 0 4px 16px rgba(244, 163, 174, 0.2);
    transform: translateY(-2px);
}

/* Corporate Wellness Specific */
.solutions-section {
    background: #F8EDEE;
}

.why-choose-section {
    background: #F8EDEE;
}

.industries-section {
    background: #fff;
}

.platform-section {
    background: #fff;
}

.empower-section {
    background: #fff;
}

/* Common Grid Fixes */
.g-4, .gy-4 {
    --bs-gutter-y: 0rem !important;
}

  :root { --dygo-red:#C22127; --dygo-red-2:#E53E3E; --muted:#6b7280; }
  .muted{ color:#6b7280; }

  /* Hero */
  .wellness-hero{ min-height:168px; background:linear-gradient(90deg,var(--dygo-red),var(--dygo-red-2)); color:#fff; position:relative; overflow:hidden; }
  .wellness-hero::before,.wellness-hero::after{ content:""; position:absolute; width:220px;height:120px; border:2px solid rgba(255,255,255,.18); border-radius:20px; }
  .wellness-hero::before{ top:-30px; left:12px; transform:rotate(-12deg); }
  .wellness-hero::after{ bottom:-40px; right:12px; transform:rotate(12deg); }

  /* Empower */
  .empower-text{ color:#333; font-size:16px; line-height:1.7; margin-bottom:16px; }

  /* Solutions */
  .solutions-section{ background:#F8EDEE; }
  .solution-card{ background:#fff; border-radius:14px; box-shadow:0 12px 24px rgba(199, 21, 21, 0.08); transition:all .3s ease; }
  .solution-card:hover{ box-shadow: 1px 10px 12.7px 0px rgba(189, 25, 34, 1),
    -204px 0px 4px 0px rgba(189, 25, 34, 0); transform:translateY(-2px); }
  .solution-icon .icon-circle{ width:60px; height:60px; border-radius:50%; background:#FFE9E9; display:grid; place-items:center; margin:0 auto; }
  .solution-title{ font-weight:700; color:#1f2937; margin-bottom:8px;  font-family: "Inter-SemiBold", sans-serif;
  font-size: 20px;
  line-height: 1.4}
  .solution-desc li{
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 1.7;


  }
  .solution-features{ padding-top:4px!important; }
  .solution-desc{ color:#6b7280; font-size:14px; }

  /* Platform */
  .platform-image-bg{ background:linear-gradient(135deg,#1f2937,#374151); border-radius:20px; padding:20px; position:relative; overflow:hidden; }
  .platform-image{ width:100%; border-radius:12px; }
  .stats-overlay{ position:absolute; bottom:20px; left:20px; right:20px; background:rgba(255,255,255,.95); border-radius:12px; padding:16px; display:flex; justify-content:space-around; }
  .stat-item{ text-align:center; }
  .stat-number{ font-weight:800; color:#1f2937; font-size:18px; }
  .stat-label{ color:#6b7280; font-size:12px; }
  .platform-text{ color:#333; font-size:16px; line-height:1.7; }
  .feature-checks{ width:32px; height:32px; border-radius:50%; background:#E8F5E8; display:grid; place-items:center; flex-shrink:0; }
  .feature-title{ font-weight:700; color:#1f2937; margin-bottom:4px; }
  .feature-desc{ color:#6b7280; font-size:14px; }

  /* Why Choose */
  .why-choose-section{ background:#F8EDEE; }
  .why-card{ 
    background:#fff; 
    border-radius:16px; 
    box-shadow:0 4px 6px rgba(0,0,0,.07); 
    transition:all .4s cubic-bezier(0.175, 0.885, 0.32, 1.275); 
    border:1px solid #f1f5f9;
    position:relative;
    overflow:hidden;
  }
  .why-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:linear-gradient(135deg,rgba(194,33,39,.03),rgba(244,163,174,.08));
    opacity:0;
    transition:opacity .3s ease;
  }
  .why-card:hover{ 
    box-shadow:0 20px 40px rgba(244,163,174,.25); 
    transform:translateY(-8px) scale(1.02); 
    border-color:rgba(194,33,39,.2);
  }
  .why-card:hover::before{
    opacity:1;
  }
  .why-icon{
    display:inline-table;
    
  }
  .why-icon .icon-circle-red{ 
    width:64px; 
    height:64px; 
    border-radius:50%; 
    background:linear-gradient(135deg,var(--dygo-red),#E53E3E); 
    display:grid; 
    place-items:center; 
    margin:0 auto; 
    transition:all .3s ease;
    box-shadow:0 4px 12px rgba(194,33,39,.25);
  }
  .why-card:hover .icon-circle-red{
    transform:scale(1.1) rotate(-5deg);
    box-shadow:0 8px 24px rgba(194,33,39,.4);
  }
  .why-icon .icon-circle-red img{
    filter:brightness(0) invert(1);
    transition:all .3s ease;
  }
  .why-title{ 
    font-weight:700; 
    color:#1f2937; 
    margin-bottom:12px; 
    font-size:16px;
    line-height:1.3;
    transition:color .3s ease;
  }
  .why-card:hover .why-title{
    color:var(--dygo-red);
  }
  .why-desc{ 
    color:#6b7280; 
    font-size:14px; 
    margin-bottom:12px; 
    line-height:1.5;
  }
  .why-stat{ 
    color:var(--dygo-red); 
    font-weight:700; 
    font-size:13px; 
    background:rgba(194,33,39,.1);
    padding:4px 8px;
    border-radius:12px;
    display:inline-block;
    transition:all .3s ease;
  }
  .why-card:hover .why-stat{
    background:var(--dygo-red);
    color:#fff;
  }

  /* Industries */
  .industry-card{ 
    background:#fff; 
    border-radius:16px; 
        box-shadow: var(--shadow-box-shadow, 0px 4px 54px 0px rgba(0, 0, 0, 0.25));
    transition:all .3s ease; 
    border:1px solid #f1f5f9;
    text-align:center;
    position:relative;
    overflow:hidden;
  }
 
  .industry-icon{
    display:flex;
    justify-content:center;
    align-items:center;
  }
  .icon-circle-industry{
    width:64px;
    height:64px;
    border-radius:50%;
    background:linear-gradient(135deg,#FFE9E9,#FFF0F0);
    display:grid;
    place-items:center;
    margin:0 auto;
    transition:all .3s ease;
    box-shadow:0 2px 8px rgba(194,33,39,.1);
  }
  .industry-card:hover .icon-circle-industry{
    
    transform:scale(1.05);
  }
  
  .industry-title{ 
    font-weight:700; 
    color:#C22127; 
    margin-bottom:8px; 
    font-size:16px;
    line-height:1.3;
  }
  .industry-desc{ 
    color:#6b7280; 
    font-size:14px; 
    line-height:1.5;
  }

  /* Form */
  .form-section{ background:#F8EDEE; }
  .form-wrapper{ max-width:700px; background:#fff; border-radius:20px; padding:40px; box-shadow:0 20px 40px rgba(0,0,0,.1); }
  .form-title{ color:var(--dygo-red); font-weight:800; text-align:center; margin-bottom:8px; }
  .form-subtitle{ color:#6b7280; text-align:center; margin-bottom:32px; }
  .form-group-header{ display:flex; align-items:center; gap:12px; font-weight:700; color:var(--dygo-red); margin-bottom:16px; }
  .form-icon{ width:32px; height:32px; border-radius:8px; background:#FFE9E9; display:grid; place-items:center; }
  .form-control{ border:1.5px solid #e5e7eb; border-radius:8px; padding:12px 16px; font-size:14px; }
  .form-control:focus{ border-color:var(--dygo-red); box-shadow:0 0 0 3px rgba(194,33,39,.1); outline:none; }
  .services-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:12px; margin-top:16px; }
  .service-checkbox{ display:flex; align-items:center; gap:8px; cursor:pointer; padding:8px; border-radius:6px; transition:background .2s; }
  .service-checkbox:hover{ background:#f9fafb; }
  .service-checkbox input{ margin:0; }
  .btn-submit{ background:var(--dygo-red); color:#fff; border:none; border-radius:8px; padding:12px 32px; font-weight:700; cursor:pointer; transition:all .2s; }
  .btn-submit:hover{ background:#A01D22; transform:translateY(-1px); }
  .form-note{ font-size:12px; color:#9ca3af; }

  /* CTA */
  .cta-section{ background:var(--dygo-red); color:#fff; padding:60px 0; }
  .cta-title{ font-weight:800; margin-bottom:16px; }
  .cta-text{ opacity:.9; margin-bottom:32px; }
  .cta-buttons{ display:flex; gap:16px; justify-content:center; flex-wrap:wrap; }
  .btn-cta-primary{ background:#fff; color:var(--dygo-red); padding:12px 24px; border-radius:8px; text-decoration:none; font-weight:700; transition:all .2s; }
  .btn-cta-primary:hover{ background:#f8f9fa; transform:translateY(-1px); }
  .btn-cta-secondary{ background:transparent; color:#fff; border:2px solid #fff; padding:10px 24px; border-radius:8px; text-decoration:none; font-weight:700; transition:all .2s; }
  .btn-cta-secondary:hover{ background:#fff; color:var(--dygo-red); }

  @media(max-width:991px){ 
    .platform-image-wrap{ margin-top:32px; }
    .stats-overlay{ position:static; margin-top:16px; }
    .cta-buttons{ flex-direction:column; align-items:center; }
  }
    @media (max-width: 991px) {
        .tech-image-wrap { margin-top: 32px; }
    }

    @media (max-width: 768px) {
          .about-hero { min-height: 140px; }
          .image-container { max-width: 100%; }
          .img-frame { padding: 12px; }
          .ph-a { inset: 0 80px 60px 0; }
          .ph-b { inset: 90px 0 0 100px; }
          .text-mute{
          font-size:16px;
          font-family:Inter, sans-serif;
          color:black;
      }
      .col-lg-6{
        margin-top: -0%!important;
      }
    }
  .container {
      width: 85% !important;
      --bs-gutter-x: 0rem !important;
      margin-top: 0px !important;
  }
  .centered-row{
      margin-top: 6% !important;
  }
  .health-checkups {
    color: #111827;
    text-align: left;
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 20px;
    font-weight: 600;
    position: absolute;
    left: 0px;
    top: 2px;
    width: 236px;
    height: 28px;
  }

    /* About Us Specific Styles */
    .headline-section .banner-title {
        font-size: 37px;
        font-family: 'Meriweather', serif;
    }
    
    .section-title {
        font-size: 2rem;
        font-family: Meriweather, serif;
    }

    .soft-divider {
        border: 0;
        height: 16px;
        background: transparent;
        margin: 32px 0 0;
    }

    /* Image with grid overlay, border handles, and pink glow - exact match to mock */
    .image-container {
        position: relative;
        display: inline-block;
        width: 100%;
        max-width: 584px;
    }
    
    .img-frame {
        position: relative;
        width: 100%;
        padding: 16px; /* space for grid pattern border */
        background: 
            /* Grid pattern overlay */
            repeating-linear-gradient(0deg, #ff9da1 0px, #ff9da1 1px, transparent 1px, transparent 8px),
            repeating-linear-gradient(90deg, #ff9da1 0px, #ff9da1 1px, transparent 1px, transparent 8px),
            /* Soft pink background */
            linear-gradient(135deg, #ffe0e3 0%, #ffc7cc 100%);
        background-size: 8px 8px;
        border-radius: 18px;
        box-shadow: 0 20px 50px rgba(197, 16, 24, 0.22);
    }
    
    /* Blue selection handles at corners */
    .img-frame::before,
    .img-frame::after {
        content: "";
        position: absolute;
        width: 12px;
        height: 12px;
        border: 2.5px solid #4A90E2;
        background: #fff;
        z-index: 3;
    }
    .img-frame::before {
        top: -1px;
        left: 50%;
        transform: translateX(-50%);
        border-radius: 2px;
    }
    .img-frame::after {
        bottom: -1px;
        left: 50%;
        transform: translateX(-50%);
        border-radius: 2px;
    }
    
    /* Side handles */
    .image-container::before,
    .image-container::after {
        content: "";
        position: absolute;
        width: 12px;
        height: 12px;
        border: 2.5px solid #4A90E2;
        background: #fff;
        z-index: 3;
        border-radius: 2px;
    }
    .image-container::before {
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }
    .image-container::after {
        top: 50%;
        right: 0;
        transform: translateY(-50%);
    }
    
    /* Corner handles */
    .img-frame .corner-tl,
    .img-frame .corner-tr,
    .img-frame .corner-bl,
    .img-frame .corner-br {
        position: absolute;
        width: 12px;
        height: 12px;
        border: 2.5px solid #4A90E2;
        background: #fff;
        z-index: 3;
        border-radius: 2px;
    }
    .corner-tl { top: -1px; left: -1px; }
    .corner-tr { top: -1px; right: -1px; }
    .corner-bl { bottom: -1px; left: -1px; }
    .corner-br { bottom: -1px; right: -1px; }
    
    .main-img {
        display: block;
        width: 100%;
        border-radius: 12px;
        position: relative;
        z-index: 2;
    }
    
    /* Dimension label at bottom */
    .image-container::after {
        content: "584 × 584";
        position: absolute;
        bottom: -32px;
        right: 50%;
        transform: translateX(50%);
        background: #4A90E2;
        color: #fff;
        padding: 4px 12px;
        border-radius: 4px;
        font-size: 13px;
        font-weight: 600;
        z-index: 4;
    }

    /* Mini card (exact like mock) */
    .mini-card { background:#fff; border-radius:14px; box-shadow: 0 14px 24px rgba(0,0,0,0.08); padding: 16px 18px; }
    .exact-approach .mini-title { color:#C22127; font-weight:700; font-size:16px; margin: 4px 6px 24px; }
    .mini-heading { font-weight:700; color:#222; font-size:16px; }
    .mini-sub { color:#7a7a7a; font-size:14px; margin-top:8px; }
    .mini-icon svg { display:block; margin-inline:auto; }
    .mini-divider { width:1px; background:#eee; margin: 4px 0; }

    /* Vision section styles to match mock */
    .vision-section { background: #F8EDEE; padding-top: 40px; padding-bottom: 0px; }
    .vision-text { color:#333; }
    .stat-card { background:#fff; border-radius:14px; box-shadow: var(--shadow-box-shadow, 0px 4px 20px rgba(0, 0, 0, 0.25)); padding:20px; border:0; }
    .vision-icon { width:44px; height:44px; border-radius:50%; display:inline-grid; place-items:center; }
    .stat-value { color:#C22127; font-weight:700; font-size:18px; }
    .stat-label { color:#707986; font-size:13px; }

    /* Mission section (cards) */
    .mission-section {  padding-top:44px; padding-bottom:0px; }
    .mission-text { color:#333; }
    .mission-card { background:#fff; border-radius:14px; box-shadow:0 12px 24px rgba(0,0,0,0.08); }
    .micon { width:46px; height:46px; border-radius:50%; background:#fff5f5; display:grid; place-items:center; margin-inline:auto; }
    .m-label { color:#C22127; font-weight:700; font-size:18px; }

    /* Feature cards (unused in infra text section) */
    .feature-card { background:#fff; border:1px solid #f0f0f0; }
    .badge-dot { display:inline-block; width:12px; height:12px; background: var(--dygo-red); border-radius:50%; margin-top: 4px; }

    /* Infra exact styling */
    .infra-section { background:#F8EDEE; padding-top:44px; padding-bottom:0px; }
    .infra-lead { color:#333; }
    .infra-bullets .infra-item { margin-bottom: 10px; }
    .infra-title { color:#4b5563; font-weight:700; font-size:16px; margin-bottom:6px; }
    .infra-desc { color:#6b7280; font-size:14px; line-height:1.6; }

    /* Collage */
    .collage { position: relative; height: 320px; }
    .ph { position:absolute; border-radius:14px; background: linear-gradient(135deg,#fefefe,#f2f2f2); border: 1px solid #f0f0f0; }
    .ph-a { inset: 0 140px 80px 0; box-shadow: 0 16px 40px rgba(197, 16, 24, 0.18); }
    .ph-b { inset: 120px 0 0 160px; box-shadow: 0 16px 40px rgba(197, 16, 24, 0.18); }

    /* List items */
    .list-card { background:#fff; border:1px solid #f0f0f0; }
    .list-icon { width:40px; height:40px; border-radius:50%; background:#FFE9E9; display:grid; place-items:center; font-size:18px; }

    /* Tech section (left text + right image layout) */
    .tech-section { background:#F8EDEE; padding-top:48px; padding-bottom:56px; }
    .tech-lead { color:#333; max-width:920px; }
    .tech-icon-wrap { 
        width:40px; 
        height:40px; 
        border-radius:50%; 
        background:#fff; 
        display:grid; 
        place-items:center; 
        flex-shrink:0;
        box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    }
    .tech-heading { color:#2d3748; font-weight:700; font-size:16px; margin-bottom:4px; }
    .tech-desc { color:#5a6573; font-size:14px; line-height:1.5; }

    /* Professional Expertise Highlights */
    .expertise-highlights {
        margin-top: 24px;
    }
    
    .expertise-item {
        padding: 12px 0;
    }
    
    .expertise-icon {
        width: 36px;
        height: 36px;
        background: #fef7f7;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }
    
    .expertise-item .fw-semibold {
        font-size: 20px;
        color: #1f2937;
    }
    
  
    /* Image with pink rounded background */
    .tech-image-wrap { position:relative; }
    .tech-image-bg {
        background: linear-gradient(135deg, #fdd6d9 0%, #fcb8bf 100%);
        border-radius:24px;
        padding:20px;
        box-shadow: 0 20px 50px rgba(197,16,24,0.16);
    }
    .tech-image {
        display:block;
        width:85%;
        border-radius:16px;
    }
    
    @media (max-width: 991px) {
        .tech-image-wrap { margin-top: 32px; }
    }

    @media (max-width: 768px) {
        .about-hero { min-height: 140px; }
        .image-container { max-width: 100%; }
        .img-frame { padding: 12px; }
        .ph-a { inset: 0 80px 60px 0; }
        .ph-b { inset: 90px 0 0 100px; }
    }
  
  /* Career Page Styles */
  .career-hero{ min-height:168px; background:linear-gradient(90deg,var(--dygo-red),var(--dygo-red-2)); color:#fff; position:relative; overflow:hidden; }
  .career-hero::before,.career-hero::after{ content:""; position:absolute; width:220px;height:120px; border:2px solid rgba(255,255,255,.18); border-radius:20px; }
  .career-hero::before{ top:-30px; left:12px; transform:rotate(-12deg); }
  .career-hero::after{ bottom:-40px; right:12px; transform:rotate(12deg); }

  /* Join */
  .join-text{ color:#333; font-size:16px; line-height:1.7; }
  .join-image-bg{ background:linear-gradient(135deg,#ffd8db,#f9aab1); border-radius:20px; padding:16px; box-shadow:0 18px 48px rgba(194,33,39,.2); }
  .join-image{ width:100%; display:block; border-radius:12px; }

  /* Why cards */
  .why-card{ background:#fff; border-radius:14px; box-shadow:0 12px 24px rgba(0,0,0,.08); }
  .why-icon{ width:44px; height:44px; border-radius:12px; background:#FFE9E9; display:grid; place-items:center; }
  .why-title{ font-weight:700; color:#1f2937; margin-top:6px; }
  .why-desc{ color:#6b7280; font-size:14px; }

  /* Jobs */
  .look-section{ background: #fff;; }
  .job-card{ 
    background:#fff; 
    border-radius:14px; 
    box-shadow:0 12px 24px rgba(0,0,0,.08); 
    transition: all 0.3s ease;
    cursor: pointer;
  }
  .job-card:hover{
    box-shadow: 0 16px 32px rgba(244, 163, 174, 0.4), 0 4px 16px rgba(244, 163, 174, 0.2);
    transform: translateY(-2px);
  }
  .job-title{ font-weight:700; color:#111827; }
  .job-desc{ color:#6b7280; font-size:14px; }
  .btn-apply{ background:#C22127; color:#fff; text-decoration:none; font-weight:600; padding:8px 16px; border-radius:8px; box-shadow:0 8px 18px rgba(194,33,39,.25); }
  .btn-load-more{ background:#C22127; color:#fff; border:none; border-radius:22px; padding:8px 22px; font-weight:700; box-shadow:0 10px 20px rgba(194,33,39,.25); }



  @media(max-width:991px){ .join-image-wrap{ margin-top:24px; }
    .btn-apply{
      padding:7px!important;
       white-space: nowrap;
    }
    .centered-row {
    margin-top: 21% !important;
}
      .text-mute{
            font-size:16px!important;
            font-family:Inter, sans-serif;
            color:black;
        } 
        .col-lg-6{
          margin-top:0!important
        }
        .headline-section .banner-title {
            font-size: 30px!important;
            font-family: 'Meriweather', serif;
        }
    }

     
    .banner-title {
      font-family: "Inter-Bold", sans-serif;
      font-size: 36px;
      font-weight: 700;
      line-height: 44px;
    }
    .w-underline{
        text-decoration: none;
      
    }