:root {
      --bg: #EFE8E2;
      --gold: #d5a749;
      --dark: #3F3027;
      --muted: #565656;
      --card-bg: #f2f2f2;
      --white: #ffffff;
      --nav-dark: #1a1610;
      --ease: cubic-bezier(0.16,1,0.3,1);
      /* Equal section padding — clamp shrinks on short screens */
      /* --sec-pad: clamp(32px, 10vh, 200px); */
      --sec-pad: clamp(32px,8vh, 200px);
    }

    *, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
   
    h1,h2,h3,h4,h5,h6 {
      font-family: 'Cormorant Garamond', serif;
      font-style: italic;
      color: var(--dark);
    }
    a { text-decoration: none; color: inherit; }
    p{
      margin-top: 0;
      margin-bottom: 0;
  
    
    }
    ol,ul{
        padding: 0;

    }

    .mean-heading{
      font-size:clamp(26px,3vw,46px);line-height:1.1;
    }
    .para{
      font-size:14px;color:var(--muted);
    }
    .section-heading-margin{
      margin-bottom: 40px;
    }

    /* ─── FULLPAGE WRAPPER ─── */
    #fp-wrapper {
      height: 100vh;
      overflow-y: scroll;
      scroll-snap-type: y mandatory;
      scroll-behavior: smooth;
    }
    .fp-section {
      height: 100vh;
      width: 100%;
      scroll-snap-align: start;
      position: relative;
      display: flex;
      flex-direction: column;
      /* Prevent content overflow from escaping section bounds */
      overflow: hidden;
    }

    /* ─── DOT INDICATOR ─── */
    #dot-nav {
      position: fixed;
      right: 24px;
      top: 50%;
      transform: translateY(-50%);
      z-index: 9000;
      display: flex;
      flex-direction: column;
      gap: 10px;
    }
    .dot-item {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      border: 1.5px solid var(--gold);
      background: transparent;
      cursor: pointer;
      transition: all 0.3s ease;
      position: relative;
    }
    .dot-item.active {
      background: var(--gold);
      transform: scale(1.3);
    }
    .dot-item:hover::after {
      content: attr(data-label);
      position: absolute;
      right: 20px;
      top: 50%;
      transform: translateY(-50%);
      background: var(--nav-dark);
      color: var(--white);
      font-size: 11px;
      font-family: 'Nunito Sans', sans-serif;
      letter-spacing: 0.05em;
      padding: 4px 10px;
      border-radius: 4px;
      white-space: nowrap;
    }

    /* ─── OFFCANVAS NAV ─── */

    .offcanvas-close{
  position:absolute;
  top:20px;
  right:20px;
  background:none;
  border:none;
  font-size:35px;
  cursor:pointer;
  z-index:1000;
  line-height:1;

  color: var(--gold);
}
    .offcanvas-overlay {
      position: fixed; inset:0;
      background: rgba(10,8,5,0.65);
      z-index: 1000;
      opacity:0; visibility:hidden;
      transition: opacity 0.5s ease, visibility 0.5s ease;
      backdrop-filter: blur(2px);
    }
    .offcanvas-overlay.is-open { opacity:1; visibility:visible; }

    .offcanvas-panel {
      position: fixed;
      top:0; right:0;
      width: min(480px, 100vw);
      height: 100vh;
      background: var(--nav-dark);
      z-index: 1050;
      overflow: hidden;
      transform: translateX(100%);
      transition: transform 0.72s var(--ease);
      display: flex; flex-direction: column;
    }
    .offcanvas-panel.is-open { transform: translateX(0); }

    .offcanvas-bg-logo {
      position:absolute; inset:0;
      display:flex; align-items:center; justify-content:center;
      pointer-events:none; z-index:0;
    }
    .offcanvas-bg-logo img { width:80%; opacity:0.06; filter:blur(5px); }

    .offcanvas-inner {
      position:relative; z-index:2;
      padding: 2.5rem 3rem;
      display:flex; flex-direction:column;
    }
    .offcanvas-eyebrow {
      font-family: 'Cormorant Garamond', serif;
      font-size:13px; letter-spacing:0.25em;
      color: var(--gold); text-transform:uppercase;
      opacity:0; transform:translateY(-10px);
      transition: opacity 0.45s ease 0.18s, transform 0.45s var(--ease) 0.18s;
    }
    .offcanvas-panel.is-open .offcanvas-eyebrow { opacity:1; transform:translateY(0); }

    .offcanvas-divider {
      height:0.5px;
      background: linear-gradient(to right, transparent, var(--gold), transparent);
      margin: 1.4rem 0;
      opacity:0; transform:scaleX(0);
      transition: opacity 0.5s, transform 0.6s var(--ease);
      transform-origin: left;
    }
    .offcanvas-panel.is-open .offcanvas-divider { opacity:1; transform:scaleX(1); transition-delay:0.35s; }

    /* .offcanvas-nav { list-style:none; flex:1; display:flex; flex-direction:column; justify-content:center; gap:0.15rem; } */
    .offcanvas-nav li { overflow:hidden; }
    .offcanvas-nav a {
      display:flex; align-items:baseline; gap:0.9rem;
      color: var(--white);
      font-family: 'Cormorant Garamond', serif;
      font-weight:300; font-size:clamp(1.7rem,3.5vw,2.1rem);
      padding: 0.45rem 0;
      transform: translateY(60px); opacity:0;
      transition: color 0.3s, transform 0.55s var(--ease), opacity 0.45s;
      cursor: pointer;
    }
    .offcanvas-panel.is-open .offcanvas-nav a { transform:translateY(0); opacity:1; }
    .offcanvas-panel.is-open .offcanvas-nav li:nth-child(1) a { transition-delay:0.22s; }
    .offcanvas-panel.is-open .offcanvas-nav li:nth-child(2) a { transition-delay:0.28s; }
    .offcanvas-panel.is-open .offcanvas-nav li:nth-child(3) a { transition-delay:0.34s; }
    .offcanvas-panel.is-open .offcanvas-nav li:nth-child(4) a { transition-delay:0.40s; }
    .offcanvas-panel.is-open .offcanvas-nav li:nth-child(5) a { transition-delay:0.46s; }
    .offcanvas-panel.is-open .offcanvas-nav li:nth-child(6) a { transition-delay:0.52s; }
    .offcanvas-panel.is-open .offcanvas-nav li:nth-child(7) a { transition-delay:0.58s; }

    .nav-num { font-size:0.8rem; letter-spacing:0.1em; color:var(--gold); opacity:0.7; }
    .offcanvas-nav a:hover { color: var(--gold); }

    .offcanvas-footer {
      border-top: 0.5px solid rgba(184,149,63,0.2);
      padding-top:1.4rem;
      opacity:0; transform:translateY(20px);
      transition: opacity 0.5s 0.7s, transform 0.5s var(--ease) 0.7s;
    }
    .offcanvas-panel.is-open .offcanvas-footer { opacity:1; transform:translateY(0); }

    /* ─── MAIN NAVBAR ─── */
    .main-navbar {
      position: relative;
      z-index: 800;
      padding: 0 40px;
      height: 80px;
      display: flex; align-items: center; justify-content: space-between;
      background: rgba(254,248,219,0.97);
      backdrop-filter: blur(8px);
      border-bottom: 0.5px solid rgba(213,167,73,0.15);
      width: 100%;
      flex-shrink: 0;
    }
    .nav-logo img { height: 70px; width: auto; }

    .nav-links { display:flex; list-style:none; gap:32px; align-items:center; padding:0; margin:0; }
    .nav-links a { font-size:15px; color:var(--dark); position:relative;  }
    .nav-links a::after {
      content:''; position:absolute; left:0; bottom:0;
      width:0; height:1.5px; background:var(--gold);
      transition: width 0.3s ease;
    }
    .nav-links a:hover::after { width:100%; }
    .nav-links a.active::after { width:100%; }

    .nav-right-area { display:flex; align-items:center; gap:24px; }
    .tata-support { display:flex; flex-direction:column; align-items:flex-end; }
    .tata-support span { font-size:11px; color:var(--muted); letter-spacing:0.05em; }
    .tata-support img { height: 14px; width:auto; margin-top:2px; }

    .menu-toggle {
      background:none; border:none; cursor:pointer;
       display:flex; flex-direction:column; gap:5px;
      position:relative; z-index:1100;
    
    }
    .menu-toggle span {
      display:block; width:28px; height:1.5px; background:var(--dark);
      transition: transform 0.45s var(--ease), opacity 0.3s, width 0.4s var(--ease);
      transform-origin:center;
    }

    .menu-toggle.is-open span:nth-child(1){
  transform: translateY(7px) rotate(45deg);
}

.menu-toggle.is-open span:nth-child(3){
  transform: translateY(-7px) rotate(-45deg);
}
    .menu-toggle span:nth-child(2) { width:20px; }
    .menu-toggle.is-open span:nth-child(1) { transform:translateY(6.5px) rotate(45deg); width:28px; }
    .menu-toggle.is-open span:nth-child(2) { opacity:0; transform:scaleX(0); }
    .menu-toggle.is-open span:nth-child(3) { transform:translateY(-6.5px) rotate(-45deg); width:28px; }
    .menu-bar {
      display: none;
      align-items: center;
    }


    /* ─── SERVICES DROPDOWN ─── */
    .custom-dropdown{
      position: absolute;
      top: 100%;
      left: 50%;
      transform: translateX(-50%) translateY(15px);
      min-width: 280px;
      padding: 14px 0;
      background-color: var(--dark);
      border-radius: 14px;
      list-style: none;
      border: 1px solid rgba(255,255,255,.08);
      box-shadow: 0 15px 40px rgba(0,0,0,.18), 0 5px 15px rgba(0,0,0,.1);
      opacity: 0;
      visibility: hidden;
      transition: all .35s ease;
      z-index: 999;
    }
    .dropdown-menu-parent { position: relative; }
    .dropdown-menu-parent:hover .custom-dropdown{
      opacity: 1;
      visibility: visible;
      transform: translateX(-50%) translateY(8px);
    }
    .custom-dropdown::before{
      content:"";
      position:absolute;
      top:-8px;
      left:50%;
      width:16px;
      height:16px;
      background:var(--dark);
      transform:translateX(-50%) rotate(45deg);
    }
    .custom-dropdown li a{
      display:flex;
      align-items:center;
      gap:12px;
      padding:14px 22px;
      color:#F7F0EA;
      font-size:14px;
      letter-spacing:.3px;
      transition:.3s;
    }
    .custom-dropdown li a::before{
      content:"✦";
      color:#D5A749;
      font-size:8px;
      transition:.3s;
    }
    .custom-dropdown li{
      border-bottom: 1px solid rgba(213, 166, 73, 0.192);
    }
    .custom-dropdown li:last-child{ border-bottom: none; }
    .custom-dropdown li a:hover{
      background:rgba(255,255,255,.06);
      padding-left:30px;
    }
    .custom-dropdown li a:hover::before{ transform:rotate(180deg); }

        .dropdown-link{
  display:flex;
  align-items:center;
  gap:5px;
}

.dropdown-arrow{
  transition:transform .3s ease;
}

.dropdown-menu-parent:hover .dropdown-arrow{
  transform:rotate(180deg);
}

    /* ════════════════════════════════════════
       SECTION CONTENT WRAPPER — equal top/bottom padding
       that shrinks automatically on short screens
    ════════════════════════════════════════ */
    .sec-content {
      flex: 1;               /* fills remaining height after navbar */
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding-top: var(--sec-pad);
      padding-bottom: var(--sec-pad);
      min-height: 0;         /* allow flex children to shrink */
      overflow: hidden;
    }

    /* ─── SECTION 1: HERO ─── */
    #sec-hero {
      background-image: url('../images/shesrig010A8945.jpeg');
      background-size:cover; background-position:center;
    }
    #sec-hero .main-navbar {
      background: var(--bg);
      border-bottom: 0.5px solid rgba(213,167,73,0.2);
    }
    #sec-hero .main-navbar .tata-support span { color: var(--dark); }

    .hero-overlay {
      flex: 1;
      display:flex; flex-direction:column;
      align-items:center; justify-content:center;
      background: rgba(0,0,0,0.38);
      position: relative;
    }
    .hero-content { text-align:center; color:var(--white); padding:0 20px; }
    .hero-content h1 {
      color:var(--white);
      font-size: clamp(32px, 5vw, 80px);
      line-height:1.1; margin-bottom:20px;
    }
    .hero-content p {
      font-size:clamp(14px,1.5vw,18px); color:rgba(255,255,255,0.78);
      max-width:600px; margin:0 auto 36px;
      line-height:1.7;
    }

    /* ─── BUTTON ─── */
    .bookmarkBtn {
      width: fit-content;
      padding: 13px 15px 13px 11px;
      border-radius: 40px;
      border: none;
      background-color: var(--gold);
      display: inline-flex;
      align-items: center;
      cursor: pointer;
      overflow: hidden;
      position: relative;
      box-shadow: 0 4px 10px rgba(0,0,0,0.08), 0 8px 25px rgba(213,167,73,0.35);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      font-family: 'Nunito Sans', sans-serif;
      min-width: 150px;
    }
    .bookmarkBtn:hover { box-shadow: 0 6px 18px rgba(213,167,73,0.45); }
    .bookmarkBtn:active { transform: scale(0.95); }

    .IconContainer {
      width: 32px; height: 32px;
      background-color: var(--bg);
      border-radius: 50px;
      display: flex; align-items: center; justify-content: center;
      overflow: hidden; z-index: 2;
      transition: width 0.35s var(--ease);
      position: absolute; left: 8px; flex-shrink: 0;
    }
    .IconContainer img { height: 22px; object-fit: cover; }
    .bookmarkBtn .bk-text {
      color: #fff; font-size: 13px; letter-spacing: 0.03em;
      z-index: 1; margin-left: 42px; white-space: nowrap;
      transition: opacity 0.2s ease, margin-left 0.35s var(--ease);
    }
    .bookmarkBtn:hover .IconContainer { width: calc(100% - 16px); }
    .bookmarkBtn:hover .bk-text { opacity: 0; }

    .hero-scroll-hint {
      position:absolute; bottom:30px; left:50%;
      transform:translateX(-50%);
      display:flex; flex-direction:column; align-items:center; gap:6px;
    }
    .hero-scroll-hint span { font-size:11px; color:rgba(255,255,255,0.5); letter-spacing:0.15em; text-transform:uppercase; }
    .scroll-line {
      width:1px; height:40px;
      background: linear-gradient(to bottom, rgba(255,255,255,0.4), transparent);
      animation: scrollPulse 2s infinite;
    }
    @keyframes scrollPulse { 0%,100%{opacity:0.4;transform:scaleY(1)} 50%{opacity:1;transform:scaleY(1.3)} }

    /* ─── SECTION 2: ABOUT ─── */
    #sec-about { background: var(--bg); }

    .about-grid {
      display:grid; grid-template-columns:1fr 1fr;
      gap:60px; align-items:stretch;
      flex: 1; min-height: 0;
    }
    .about-img-wrap {
      position:relative;
      min-height: 0;    /* crucial — lets it shrink */
    }
    .about-img-wrap img { width:100%; height:100%; object-fit:cover; border-radius:8px; }
    .about-img-accent {
      position:absolute; top:-20px; left:-20px;
      width:120px; height:120px;
      border-top: 2px solid var(--gold);
      border-left: 2px solid var(--gold);
      border-radius:4px;
    }
    .about-text-side { display:flex; flex-direction:column; justify-content:center; }
     .about-text-side h2{
      margin-bottom: 24px;
     }
     .about-text-side p{
      margin-bottom: 32px;
     }
    .section-eyebrow { font-size:11px; letter-spacing:0.25em; color:var(--gold); text-transform:uppercase; margin-bottom:12px; }
    .section-heading { font-size:clamp(36px,3.5vw,47px); line-height:1.05; }
    .section-para { font-size:clamp(13px,1.2vw,15px); color:var(--muted); line-height:1.85; }

    /* ─── SECTION 3: SERVICES ─── */
    #sec-services { background: var(--bg); }

    .services-header-strip {
      /* padding: 0px 0px 16px 0px; */
      display:flex; align-items:center; justify-content:space-between;
      flex-shrink: 0;
    }

    /* ── SERVICES GRID — equal width flex, hover expands ── */
    .services-grid {
      display: flex;
      gap: 12px;
      flex: 1;
      min-height: 0;
    }
    .service-item {
      /* Each card starts at equal flex share */
      flex: 1;
      min-width: 0;
      position: relative;
      overflow: hidden;
      border-radius: 8px;
      cursor: pointer;
      transition: flex 0.55s var(--ease);
    }
    /* Hover: expand hovered, shrink siblings */
    .services-grid:hover .service-item {
      flex: 0.6;
    }
    .services-grid .service-item:hover {
      flex: 2.2;
    }

    .service-item img {
      width:100%; height:100%; object-fit:cover;
      transition: transform 0.7s ease;
    }
    .service-item:hover img { transform:scale(1.05); }

    .service-overlay {
      position:absolute; inset:0;
      background: linear-gradient(to top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.1) 50%, transparent 100%);
      display:flex; flex-direction:column; justify-content:flex-end;
      padding:28px; transition: background 0.4s;
      border-radius: 8px;
    }
    .service-item:hover .service-overlay { background: linear-gradient(to top, rgba(0,0,0,0.82) 0%, rgba(0,0,0,0.2) 60%, transparent 100%); }

    .service-num { font-size:12px; letter-spacing:0.2em; color:var(--gold); margin-bottom:8px; }
    .service-name {
      font-family:'Cormorant Garamond',serif; font-style:italic;
      font-size:clamp(20px,2vw,32px); color:var(--white); margin-bottom:10px;
      white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    }
    .service-item:hover .service-name { white-space: normal; }
    .service-desc {
      font-size:13px; color:rgba(255,255,255,0.72); line-height:1.7;
      max-width:380px;
      max-height:0; overflow:hidden;
      transition: max-height 0.4s ease, opacity 0.4s ease;
      opacity:0;
    }
    .service-item:hover .service-desc { max-height:120px; opacity:1; }

    .service-link-btn {
      margin-top:14px;
      display:inline-flex; align-items:center; gap:8px;
      font-size:12px; letter-spacing:0.15em; text-transform:uppercase;
      color:var(--gold); border-bottom:1px solid var(--gold);
      padding-bottom:3px; width:fit-content;
      opacity:0; transform:translateY(10px);
      transition: opacity 0.3s 0.1s, transform 0.3s 0.1s;
      white-space: nowrap;
    }
    .service-item:hover .service-link-btn { opacity:1; transform:translateY(0); }

    .services-inner {
      display: flex;
      flex-direction: column;
      flex: 1;
      min-height: 0;
    }

    .strip {
      display:flex; align-items:center; justify-content:end;
      padding-top:16px; border-top:1px solid #929292;
      margin-top:16px; flex-shrink: 0;
    }
    .strip-cta {
      font-size:14px; letter-spacing:0.1em; background:none; border:none;
      border-bottom:1px solid var(--dark); padding-bottom:2px; cursor:pointer;
      transition:color 0.2s, border-color 0.2s;
      color: var(--dark);
    }
    .strip-cta:hover { color:var(--gold); border-color:var(--gold); }

    /* ─── SECTION 4: MEDIA & PUBLICATIONS ─── */
    #sec-media { background: var(--bg); }

    .events-heading { margin-bottom: 20px; text-align: center; flex-shrink: 0; }
    /* .events-heading h2 {
      font-size: clamp(28px, 3.5vw, 56px);
      line-height: 1.1; margin-bottom: 6px;
    } */
    .events-heading p { font-size: 14px; color: var(--muted); }

    .event-section {
      display: flex;
      gap: 40px;
      flex: 1;
      min-height: 0;
    }

    .event-left {
      width: 50%;
      display: flex;
      flex-direction: column;
      min-height: 0;
    }
    .event-right {
      width: 50%;
      display: flex;
      flex-direction: column;
      gap: 0;
      justify-content: space-evenly;
    }

    .event-left-img {
      flex: 1;
      overflow: hidden;
      border-radius: 8px;
      min-height: 0;
    }
    .event-left-img img { height: 100%; width: 100%; object-fit: cover; }

    .event-left .event-card { padding-top: 14px; flex-shrink: 0; }

    .small-heading { font-size: clamp(16px,1.8vw,22px); margin: 8px 0; line-height: 1.25; }
    .event-card h5 { color: var(--gold); font-size: 13px; font-family: 'Nunito Sans', sans-serif; font-style: normal; }
    .date { font-size: 12px; color: var(--muted); }

    .event-card-img {
      display: flex;
      gap: 20px;
      padding-bottom: 14px;
      border-bottom: 1px solid #c8c8c8;
    }
    .event-right .event-card-img:last-child { border-bottom: none; padding-bottom: 0; }

    .event-card-parnet { flex: 1; }
    .event-card-parnet .event-card { padding: 0; }

    .event-right-img {
      width: 160px;
      flex-shrink: 0;
      overflow: hidden;
      border-radius: 6px;
    }
    .event-right-img img { height: 100%; width: 100%; object-fit: cover; }

    .event-button { margin-top: 10px; }

    .txt-btn {
      display: inline-flex; align-items: center; gap: 8px;
      background: none; border: none;
      border-bottom: 1px solid var(--dark);
      font-size: 13px;
      font-family: 'Nunito Sans', sans-serif;
      font-weight: 600; padding-bottom: 2px; cursor: pointer;
      color: var(--dark); letter-spacing: 0.04em;
      transition: color 0.2s, border-color 0.2s;
    }
    .txt-btn:hover { color: var(--gold); border-color: var(--gold); }
    .txt-btn svg { width: 14px; height: 14px; }

    .media-footer {
      display: flex; align-items: center; justify-content: end;
      padding-top: 14px; border-top: 1px solid #929292;
      margin-top: 14px; flex-shrink: 0;
    }
    .media-footer span { font-size: 13px; color: var(--muted); }

    /* ─── SECTION 5: PROJECTS ─── */
    #sec-projects { background: var(--dark); }

    #sec-projects .section-eyebrow { color: var(--gold); }
    #sec-projects .section-heading { color: var(--white); }
    #sec-projects .section-para { color:rgba(255,255,255,0.55); }
    .project-btn{
      color: var(--white);
      border-bottom: 1px solid var(--white);
    }

    .projects-header { display:flex; align-items:flex-end; justify-content:space-between; flex-shrink:0; }

    .owl-carousel .owl-stage-outer { overflow:hidden !important; }

    .pc-card {
      background: #1c1812;
      border:1px solid rgba(255,255,255,0.06);
      border-radius:8px; overflow:hidden;
      cursor:pointer;
      transition: transform 0.4s;
    }
    .pc-card:hover { transform:translateY(-8px); }

    .pc-card-img { height:clamp(160px,20vh,260px); overflow:hidden; position:relative; }
    .pc-card-img img { width:100%; height:100%; object-fit:cover; transition:transform 0.6s ease; }
    .pc-card:hover .pc-card-img img { transform:scale(1.06); }

    .pc-card-overlay {
      position:absolute; inset:0;
      background: linear-gradient(to top, rgba(0,0,0,0.55), transparent 60%);
      opacity:0; transition:opacity 0.4s;
      display:flex; align-items:flex-end; padding:16px;
    }
    .pc-card:hover .pc-card-overlay { opacity:1; }
    .pc-overlay-link { color:var(--white); font-size:11px; letter-spacing:0.2em; text-transform:uppercase; border-bottom:1px solid var(--gold); padding-bottom:2px; }

    .pc-card-body { padding:14px 16px 18px; }
    .pc-card-tag span { font-size:11px; color:var(--gold); letter-spacing:0.1em; }
    .pc-card-title h3 { font-size:clamp(16px,1.6vw,20px); color:var(--white); margin:6px 0; }
    .pc-card-desc p { font-size:13px; color:rgba(255,255,255,0.5); line-height:1.6; }

    .owl-item.center .pc-card { transform:scale(1.03); }
    .owl-nav,.owl-dots { display:none !important; }

    .pc-controls { display:flex; gap:16px; }
    .pc-btn {
      width:44px; height:44px; border-radius:50%;
      background:transparent; border:1px solid rgba(255,255,255,0.2);
      color:var(--white); cursor:pointer;
      display:flex; align-items:center; justify-content:center;
      transition:background 0.2s, border-color 0.2s;
    }
    .pc-btn:hover { background:rgba(255,255,255,0.08); border-color:rgba(255,255,255,0.4); }
    .pc-btn svg { width:16px; height:16px; }

    /* ─── SECTION 6: BLOGS ─── */
    #sec-blogs { background: var(--bg); }

    .blogs-inner {
      display:flex; flex-direction:column;
      flex: 1; min-height: 0;
    }

    .blog-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; flex:1; min-height:0; }

    .blog-card {
      background: #7B5C4B; border-radius:16px; overflow:hidden;
      cursor:pointer; transition:transform 0.35s;
      padding:8px;
      display: flex; flex-direction: column;
    }
    .blog-card:hover { transform:translateY(-8px) scale(1.02); }

    .blog-card-img-wrap {
      border-radius:12px; position:relative;
      flex: 1; min-height: 0; 
    }
    .blog-card-img-wrap img { width:100%; height:100%; object-fit:cover; border-radius: 10px; }

    .blog-logo-badge {
      position:absolute; bottom:-16px; left:16px;
      width:40px; height:40px; border-radius:50%;
      background:var(--white); display:flex; align-items:center; justify-content:center;
      /* z-index: 999; */
    }
    .blog-logo-badge img { width:80%; height:80%; object-fit:cover; }

    .blog-card-body { padding:28px 12px 12px; flex-shrink: 0; }
    .blog-card-body h3 { font-size:clamp(16px,1.5vw,20px); line-height:1.2; margin-bottom:8px; color: var(--white); }
    .blog-card-body p { font-size:13px; color:rgba(255,255,255,0.72);  line-height:1.6; margin-bottom:15px; margin-top: 5px; }

    .blog-author { display:flex; align-items:center; gap:10px; }
    .author-avatar { width:34px; height:34px; border-radius:50%; overflow:hidden; }
    .author-avatar img { width:100%; height:100%; object-fit:cover; }
    .author-info .name { font-size:13px; font-weight:600; color: var(--white); }
    .author-info .date { font-size:11px;  color: rgba(255,255,255,0.72); }
    .blog-card:hover h3 { color:var(--gold); }







      .blog-card-body h3 {
  position: relative;
  display: inline-block;
  transition: color 0.3s ease;
}


.blog-card-body h3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 0%;
  height: 1.5px;
  background: var(--gold);
  transition: width 0.4s ease;
}

.blog-card:hover .blog-card-body h3 {
  color: var(--gold);
}

.blog-card:hover .blog-card-body h3::after {
  width: 100%;
}

    /* ─── SECTION 7: FOOTER ─── */
    #sec-footer {
      background: var(--bg);
      flex-direction: column;
      justify-content: flex-end;
    }

    .footer-wrap {
      background-color: #c0ab9a;
      /* border-top-left-radius: 24px; */
      /* border-top-right-radius: 24px; */
      padding: 40px 0 24px;
    }

    .footer-grid { display:grid; grid-template-columns:1.2fr 1fr 1fr 0.8fr; gap:40px; align-items:start; }

    .footer-logo-col img { height:90px; width:auto; }
    .footer-logo-col .footer-copy { font-size:12px; color:var(--muted); margin-top:14px; }

    .footer-contact-col address { font-style:normal; font-size:14px; color:var(--muted); line-height:1.9; }
    .footer-contact-col .footer-phone { display:flex; align-items:center; gap:6px; margin-top:10px; font-size:14px; color:var(--muted); }
    .footer-social { display:flex; gap:12px; margin-top:14px; }
    .footer-social img { height:20px; }

    .footer-links-col h4 { font-size:20px; color: var(--dark); margin-bottom:14px; }
      .footer-contact-col h4{
      font-size:20px;
      margin-bottom:14px;
  

    }
    .footer-links-col ul { list-style:none; padding: 0 }
    /* .footer-links-col ul li { margin-bottom:8px; } */
    .footer-links-col ul li a { font-size:14px; color:var(--muted); transition:color 0.2s; }
    .footer-links-col ul li a:hover { color:var(--gold); }

    .footer-qr-col h4 { font-size:20px; color:var(--dark); margin-bottom:14px; text-align:left; }
    .footer-qr-col .qr-img { height:120px; width:120px; }
    .footer-qr-col .qr-img img { width:100%; height:100%; object-fit:cover; }

    .footer-divider { height:0.5px; background:#c5c5c5; margin:20px 0 14px; }
    .footer-bottom { display:flex; justify-content:center; align-items:center; }
    .footer-bottom span { font-size:12px; color:var(--muted); }

    /* ─── SECTION HEADER ─── */
    .sec-header { text-align:center;flex-shrink: 0; }
    /* .sec-header .section-eyebrow { margin-bottom:6px; } */
    /* .sec-header .section-heading { font-size:clamp(28px,3.5vw,56px); } */
    /* .sec-header .section-para { font-size:14px; color:var(--muted); max-width:500px; margin:0 auto; } */