/* white you custom css code here. only css code will work */
@media only screen and (max-width: 991px) {
    .header-style-03.header-variant-07 .responsive-mobile-menu:after {
        right: 38% !important;
        top: -20px !important;

    }
}
.header-style-03.header-variant-07 .responsive-mobile-menu:after {
    top: -3px !important;
}

.breadcrumb-area:before {
    background-color: rgb(153, 184, 51, 0.3) !important;
}
.navbar-variant-03 .industry-top-right-list li a:hover {
    color: white !important;
}

.navbar-variant-03 .industry-top-right-list li a {
    color: white !important;
}

 /* ---- Videos ---- */

 :root{
    --cream:#FAF5E9;
    --paper:#FFFDF8;
    --leaf:#4B7A2E;
    --leaf-deep:#2E4A1C;
    --hibiscus:#B7282E;
    --hibiscus-deep:#7E1418;
    --gold:#C39A52;
    --ink:#332B22;
    --ink-soft:#6B6053;
    --line: rgba(51,43,34,0.12);
  }

  /* ---- Social feeds (YouTube, Facebook, Instagram) ---- */
  .social-section{ margin-top:2rem; }
  .social-heading{ text-align:center; margin-bottom:1.4rem; }
  .social-heading .section-label{
    font-size:0.7rem; letter-spacing:0.3em; text-transform:uppercase;
    color:var(--leaf-deep); font-weight:600; margin:0 0 0.5rem;
  }
  .social-heading h2{
    font-family:'Fraunces', serif; font-weight:500;
    font-size:clamp(1.5rem,3.4vw,2rem); color:var(--hibiscus-deep);
    margin:0 0 0.5rem; line-height:1.25;
  }
  .social-heading p{
    max-width:520px; margin:0 auto; font-size:0.96rem; color:var(--ink-soft); line-height:1.7;
  }
  .social-card{
    background:var(--paper);
    border-radius:28px;
    padding:clamp(1.5rem,4vw,2rem);
    box-shadow:0 30px 80px -30px rgba(51,43,34,0.18);
    border:1px solid var(--line);
    text-align:center;
    height:100%;
    display:flex; flex-direction:column;
  }
  .social-card .section-label{
    font-size:0.7rem; letter-spacing:0.3em; text-transform:uppercase;
    color:var(--leaf-deep); font-weight:600; margin:0 0 0.5rem;
    display:flex; align-items:center; justify-content:center; gap:0.4rem;
  }
  .social-card h2{
    font-family:'Fraunces', serif; font-weight:500;
    font-size:clamp(1.2rem,2.6vw,1.5rem); color:var(--hibiscus-deep);
    margin:0 0 0.5rem; line-height:1.25;
  }
  .social-card > p{
    font-size:0.9rem; color:var(--ink-soft); line-height:1.65; margin:0 0 1.2rem;
  }
  .fb-embed-wrap{
    flex:1; border-radius:16px; overflow:hidden; border:1px solid var(--line);
    display:flex; align-items:center; justify-content:center; min-height:280px;
    background:rgba(75,122,46,0.04);
  }
  .fb-embed-wrap iframe{ width:100%; border:0; min-height:280px; }
 
  .video-embed-wrap{
    position:relative;
    flex:1; min-height:280px;
    border-radius:16px; overflow:hidden; border:1px solid var(--line);
  }
  .video-embed-wrap iframe{
    position:absolute; inset:0; width:100%; height:100%; border:0;
  }
 
  .insta-visual{
    flex:1; border-radius:16px; overflow:hidden; border:1px solid var(--line);
    min-height:280px;
    background:
      radial-gradient(circle at 25% 20%, #FEDA75, transparent 45%),
      radial-gradient(circle at 65% 15%, #FA7E1E, transparent 50%),
      radial-gradient(circle at 80% 55%, #D62976, transparent 55%),
      radial-gradient(circle at 40% 80%, #962FBF, transparent 55%),
      radial-gradient(circle at 15% 75%, #4F5BD5, transparent 50%);
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    gap:0.8rem; color:#fff;
    text-shadow:0 2px 8px rgba(0,0,0,0.25);
  }
  .insta-visual svg{ width:54px; height:54px; }
  .insta-visual span{ font-weight:600; font-size:0.95rem; letter-spacing:0.02em; }
 
  .social-cta{
    margin-top:1.4rem;
    display:inline-flex; align-items:center; justify-content:center; gap:0.5rem;
    padding:0.7rem 1.5rem; border-radius:999px;
    text-decoration:none; font-weight:600; font-size:0.88rem;
    transition:transform .2s ease, box-shadow .2s ease;
  }
  .social-cta:hover{ transform:translateY(-2px); }
  .social-cta.fb{
    background:#1877F2; color:#fff;
    box-shadow:0 14px 30px -14px rgba(24,119,242,0.6);
  }
  .social-cta.yt{
    background:#FF0000; color:#fff;
    box-shadow:0 14px 30px -14px rgba(255,0,0,0.55);
  }
  .social-cta.insta{
    background:linear-gradient(45deg,#FEDA75,#FA7E1E,#D62976,#962FBF,#4F5BD5);
    color:#fff;
    box-shadow:0 14px 30px -14px rgba(214,41,118,0.55);
  }