:root {
      --bs-primary: #FF9933;
      --bs-secondary: #22409A;
      --bs-success: #138808;
      --bs-light: #f8f5f0;
      --maroon: #800000;      /* Deep maroon */
      --saffron: #FF9933;      /*	saffron */
      --turmeric: #EFB700;    /* Turmeric yellow */
      --indigo: #3F51B5;      /* Indigo */
      --peacock: #138808;     /* Peacock green */
      --ivory: #F8F5F0;       /* Ivory */
      --muted: #6b4b4b;
      --glass: rgba(255,255,255,0.06);
      --radius-lg: 16px;
      --radius-xl: 28px;
     
       --height: 420px;
      --transition: 600ms cubic-bezier(.22,.9,.2,1);
    }
    html, body {
  overflow-x: hidden;
  overflow-y: auto;
}
     *{box-sizing:border-box}
    body {
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
      background-color: var(--bs-light);
      overflow:hidden;
      
    }
    .bgprimary {background: linear-gradient(90deg,var(--maroon),var(--bs-primary),var(--bs-success));}
    a{ transition: color var(--trans), transform var(--trans); }
	.btnbg{
			color: #fff;
		  background-color: #ff4d07;
		  border-color: #ff4d07;
		  border-radius: 12px;
	}
    .bg-turmeric{
        background-color: var(--turmeric);
    }
    .topbar {
      background: linear-gradient(90deg,#e27979c4,var(--bs-primary),#6ced60);
      /*border-radius: 36px 8px 36px 8px/60px 8px 60px 8px;*/
      padding: 15px 22px;
      margin:0px;
      align-items:center;gap:12px;box-shadow:0 12px 30px rgba(10,10,10,0.08);
    }
    .nav-link{font-size:18px;}
    .member-actions { margin-left:auto; display:flex; gap:8px; align-items:center; }
    .btn-pill { border-radius:999px; font-weight:800; padding:.45rem .9rem; }
    .site-logo { display:flex; gap:12px; align-items:center; color:#fff; font-weight:700; }
    .site-logo img { height:80px; border-radius:10px; object-fit:cover; }
    .idiom { display:inline-block; padding:8px 12px; border-radius:10px; background:rgba(0,0,0,0.45); color:#fff; font-weight:600; margin-top:12px; }

    .navbar-custom { background: linear-gradient(90deg, #FF9933, #138808); }
    .navbar-brand, .nav-link {  font-weight: 600; }
  section{ padding:24px 18px; }
  .copyright .color-blue {
  color: #46A4B5;
  font-size: 17px;
}
.copyright .color-orange {
  color: #F7971E;
  font-size: 17px;
}
    /* Hero */
    .carousel-item {
      height: 60vh; min-height: 520px;
      background-position: center;
      background-size: cover;
      position: relative;
    }
   
    .carousel-caption h1 { text-shadow: 2px 2px 6px rgba(0,0,0,0.6); font-size: 3rem; }

    /* Section title */
    .section-title {
      margin-bottom: 2rem;
      font-weight: bold;
      position: relative;
      font-size:2rem!important;
    }
    .section-title::after {
      content: ""; display: block; width: 60%; height: 3px;
      background-color: var(--bs-success);
      margin: 0.3rem auto 0; border-radius: 2px;
    }

    /* Flip Cards */
    .flip-card { background: transparent; width: 100%; height: 450px; perspective: 1000px; }
    .flip-card-inner { position: relative; width: 100%; height: 100%; transition: transform 5s; transform-style: preserve-3d; }
    .flip-card img{min-height:350px;max-height:350px;border-radius:20px;}
    .flip-card-front, .flip-card-back { position: absolute; width: 100%; height: 100%; backface-visibility: hidden; border-radius: 24px; box-shadow: 0 6px 18px rgba(0,0,0,0.15); background: #fff; }
    .flip-card-back { background:#f19849; color: #111; transform: rotateY(180deg); }
  /*about*/
  .image-stack {
  position: relative;
  width: 300px; /* set your desired width */
  height: auto;
}

.image-stack img {
  width: 100%;
  border-radius: 10px; /* optional for rounded corners */
  box-shadow: 0 4px 6px rgba(0,0,0,0.2); /* optional for depth */
}

.top-image {
  position: relative;
  z-index: 2;
  top: 0;
  left: 0;
  height:250px;
}

.bottom-image {
  position: absolute;
  z-index: 2;
  top: 35%;
  left: 50%;
  border-radius: 50px 0px 30px 0px !important;
}
.wrap{
      width:100%;
      max-width:var(--max-width);
      height:var(--height);
      position:relative;
      margin:auto;
      padding:16px 10px;
    }
.overlaybg{background:rgba(0,0,0,0.45);}
    .gcarousel{
      height:100%;
      position:relative;
      perspective:2000px; /* depth for 3D */
      overflow:visible;
    }

    /* slide card */
    .gslide{
      position:absolute;
      left:50%;
      top:50%;
      transform:translate(-50%,-50%);
      width:60%;
      height:78%;
      border-radius:18px;
      overflow:hidden;
      background-size:cover;
      background-position:center;
      box-shadow: 0 18px 45px rgba(10,20,40,0.15);
      transition: transform var(--transition), opacity 300ms ease, filter 300ms ease;
      will-change: transform, opacity;
      cursor: pointer;
      user-select:none;
      -webkit-user-drag: none;
      outline: none;
      border: 6px solid rgba(255,255,255,0.6);
      backdrop-filter: blur(2px);
    }

    /* subtle dark gradient at bottom for text/icons */
    .gslide::after{
      content:"";
      position:absolute;
      left:0;right:0;bottom:0;
      height:28%;
      background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.35) 100%);
      pointer-events:none;
    }

    /* styling for distant slides */
    .gslide.dim{
      filter: grayscale(10%) brightness(.85);
      opacity:.9;
      box-shadow: 0 10px 30px rgba(10,20,40,0.08);
    }

    /* center highlight */
    .gslide.center{
      box-shadow: 0 30px 70px rgba(10,20,40,0.25);
      border-color: rgba(255,255,255,0.85);
      transform-origin: center center;
    }

    /* controls */
    .gcontrols{
      position:absolute;
      left:50%;
      bottom: -18px;
      transform:translateX(-50%);
      display:flex;
      gap:14px;
      align-items:center;
    }
    .gbtn{
      width:46px;
      height:46px;
      border-radius:50%;
      border:1px solid rgba(0,0,0,0.08);
      background:#fff;
      display:grid;
      place-items:center;
      font-size:20px;
      cursor:pointer;
      box-shadow: 0 6px 20px rgba(0,0,0,0.06);
    }
    .gbtn:active{transform:scale(.98)}

    /* pagination dots */
    .dots{
      display:flex;
      gap:8px;
      padding-left:6px;
    }
    .dot{
      width:10px;height:10px;border-radius:50%;
      background: rgba(0,0,0,0.1);
      cursor:pointer;
      transition: transform 200ms, background 200ms;
    }
    .dot.active{ background:#111; transform:scale(1.2) }

    /* responsive tweaks */
    @media (max-width: 1000px){
     #news{background-attachment: inherit;}
      .gslide{ width:72%; height:76% }
    }
    @media (max-width: 700px){
    .flip-card{height:410px;}
      #news{background-attachment: inherit!important;}
      .wrap{ padding:24px 12px; --height:420px }
      .gslide{ width:86% ; height:78% }
      .bottom-image{position:relative!important;top:0;left:0;margin-top:20px;
          box-shadow:10px 4px 6px rgba(0,0,0,0.25);
        }
      .slide img{width:100%;}
      
    }
    @media (max-width:480px){
      :root{ --height:360px }
      .gslide{ width:94%; height:82% }
      /* hide side slides on small screens (we will keep only center visible) */
    }

    /* accessibility focus */
    .gslide:focus{ box-shadow: 0 0 0 4px rgba(0,120,255,0.12) }
    
    /* News */
    #news{background-image:url(../img/bgmandala.png);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;}
    #news .container{padding:40px 20px;border-radius:24px;}
    .news-card { padding: 18px;
      border-radius: 24px;
      border-left: 6px solid var(--maroon);
      background: #fff;
      color: #000;
      border-top: 1px solid #fff;
      border-right: 1px solid #fff;
      border-bottom: 1px solid #fff;
      }
      #news .section-title::after{background-color:#fff;}
  .news-card p{font-weight:bold;}
 
  /* ---------- SPONSORS auto-scroll ---------- */
     .sponsors-section {
      background: #deb30ff7;
      border-radius: 24px;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
      padding: 60px 30px;
      max-width: 1200px;
      margin: 60px auto;
      text-align: center;
    }

    .sponsor-logo {
      background: #fff;
      border-radius: 16px;
      padding: 20px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
      transition: all 0.4s ease;
      filter: grayscale(100%);
      opacity: 0.8;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 120px;
    }

    .sponsor-logo img {
      max-width: 100%;
      max-height: 80px;
      object-fit: contain;
    }

    .sponsor-logo:hover {
      transform: translateY(-5px) scale(1.05);
      filter: grayscale(0%);
      opacity: 1;
      box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);
    }

    /* Footer */
    /* Footer */
    footer{background:#882020;color:#fff;}
    footer a{color:var(#000);text-decoration:none}
    footer a:hover{text-decoration:underline}
   .custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,102,203, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.custom-toggler.navbar-toggler {
  border-color: rgb(255,131,103);
} 
/*about*/
.aboutintro img{
    border-top-left-radius:22px;
    border-bottom-right-radius:22px;
}
.ourmission .card{border-radius:22px;}
/*Committee*/
.team-style-01 {
    cursor: pointer;
    
}
.hover-box * {
    -webkit-transition: all .5s 
cubic-bezier(.5, 1, .89, 1);
    transition: all .5s 
cubic-bezier(.5, 1, .89, 1);
    will-change: transform;
}
.z-index-1{
  z-index: 1;
}
.overflow-hidden {
    overflow: hidden !important;
}
.box-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .4s 
cubic-bezier(.5, 1, .89, 1);
    transition: all .4s 
cubic-bezier(.5, 1, .89, 1);
}
.box-shadow-quadruple-large, .box-shadow-quadruple-large-hover:hover {
    -webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, .08);
    box-shadow: 0 20px 60px rgba(0, 0, 0, .08);
    -webkit-transition: all 350ms 
cubic-bezier(.37, 0, .63, 1);
    transition: all 350ms 
cubic-bezier(.37, 0, .63, 1);
}
.hover-box {
    filter: grayscale(1);
    z-index:1;
}
.hover-box:hover {
    filter: grayscale(0);
}
.hover-box:hover .box-overlay {
    opacity: 1;
    visibility: visible;
}
.team-style-01 figure figcaption {
    position: absolute;
    bottom: -1px;
  
}
.team-style-01 figure{
  border-radius: 22px; /* Or any desired radius */
      overflow: hidden;
      }
.p-10px {
    padding: 10px !important;
}
.team-style-01 figure:hover figcaption .social-icon {
    margin-bottom: 0 !important;
}
.hover-box p {
    line-height: 1.5;
}
.fw-600 {
    font-weight: 600 !important;
}
.lh-24 {
    line-height: 24px;
}
.fs-18 {
    font-size: 18px;
}
.team-style-01 figure figcaption .social-icon {
    display: block !important;
    height: auto !important;
    margin-bottom: -50px !important;
    overflow: visible !important;
    -webkit-transition: .4s;
    transition: .4s;
}
.mt-20px {
    margin-top: 20px !important;
}
.team-style-01 figure figcaption .social-icon a {
    margin: 0 7px;
}
.team-style-01 figure figcaption .social-icon a:last-child {
    margin-right: 0;
}
.social-icon i {
    font-size: 22px;
}
.border-style-01{
      border-radius:22px;
      border:5px solid #ec967f!important;
      }
  .sponsorslist .card,  .sponsorslist .card img{border-radius:24px!important;}
  .bg-login{
		background-color:#b86d2b;
		}
        .newsletterhero{height:40vh;background:#d1a420;}
         .img-hover-pulse {
      transition: transform 0.3s ease-in-out;
    }

    .img-hover-pulse:hover {
      animation: pulse 1s infinite;
    }

    @keyframes pulse {
      0% { transform: scale(1); }
      50% { transform: scale(1.05); }
      100% { transform: scale(1); }
    }
    .icon-01{
        padding: 10px 15px;
        border-radius: 50px;
        background-color: #d76106de!important;
    }
    .contacthero{height:30vh;background-image:url('../img/banner/contactus.png');
				background-repeat:no-repeat;
				background-size:cover;
				background-position:top center;}
  .contactusform{border-radius:24px;}
  .overlay{background: rgba(0,0,0,0.5)};
    @media (max-width: 700px){
    .icon-01{
        padding: 10px 13px;
        border-radius: 50px;
        background-color: #d76106de!important;
      }
      .carousel-caption h1{
        font-size:2rem;
      }
    }