/* ================= VIDEO + LOGO SECTION ================= */
.video-logo-section{
  width:100%;
  background:#ffffff;
  padding:20px 0 0;     /* 🔥 overall gap kam */
}

/* MAIN WRAPPER */
.video-logo-wrapper{
  max-width:1100px;     /* 🔥 thoda narrow */
  margin:auto;

  display:grid;
  grid-template-columns:1.6fr 0.7fr; /* 🔥 compact ratio */
  gap:16px;             /* 🔥 chipka hua look */
  align-items:stretch;
}

/* ================= VIDEO ================= */
.video-box{
  position:relative;
  border-radius:18px;
  overflow:hidden;

  box-shadow:0 12px 28px rgba(0,0,0,0.18);
}

.video-box video{
  width:100%;
  height:100%;
  min-height:260px;     /* 🔥 pehle 360 tha */
  object-fit:cover;
  display:block;
}

/* ================= LOGO SIDE ================= */
.logo-box{
  display:flex;
  align-items:center;
  justify-content:center;

  background:linear-gradient(
    135deg,
    #fff6e5,
    #ffe2b8,
    #fff6e5
  );

  border-radius:18px;

  box-shadow:
    inset 0 0 0 1.5px rgba(218,165,32,0.45),
    0 12px 28px rgba(0,0,0,0.12);
}

.logo-box img{
  max-width:260px;   /* 🔥 chhota logo */
  width:100%;
}

/* ================= THIN BANNER FIX ================= */
.thin-banner{
  max-width:1200px;
  margin:14px auto 0;
  padding:0 16px;          /* 🔥 LEFT–RIGHT GAP */
}

.thin-banner img{
  width:100%;
  height:auto;
  display:block;
  border-radius:14px;
}



/* ================= RESPONSIVE ================= */
@media(max-width:900px){
  .video-logo-wrapper{
    grid-template-columns:1fr;
    gap:14px;
  }

  .video-box video{
    min-height:220px;
  }

  .logo-box{
    padding:20px 0;
  }

  .logo-box img{
    max-width:120px;
  }

  .thin-banner img{
    max-height:60px;
  }
}