html{
    scroll-behavior:smooth;
    scroll-padding-top: 80px;
}
[id]{
    scroll-margin-top: 120px;
}
.logo-top{
    max-height:60px;
    width:auto;
    object-fit:contain;
}
.top-logo-row{
    border-bottom:1px solid #eee;
    padding-bottom:10px;
}

/********************************/

.bg-green{
    background-color:#0d2b0d;
}

.countdown-wrapper{
    display:flex;
    gap:15px;
    justify-content:center;
    flex-wrap:wrap;
}

.countdown-box{
    text-align:center;
}

.countdown-number{
    width:75px;
    height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    font-weight:700;
    color:#04592e;
    background: rgba(4,90,45,0.15);
    box-shadow:0 8px 20px rgba(0,0,0,0.15);
    margin:auto;
    margin-bottom:0 !important;
    border-radius:10%;
}

.countdown-label{
    margin-top:8px !important;
    font-size:13px !important;
    letter-spacing:.5px;
}


.sponsor-panel {
    padding: 28px 28px;
    display: flex; flex-direction: column;
    justify-content: center; gap: 14px;
    border-right: 0.5px solid var(--color-border-tertiary);
  }

  .panel-title {
    font-size: 18px; font-weight: bold;
    letter-spacing: 0.12em; text-transform: uppercase;
    color: var(--color-text-tertiary);
  }

  .scroll-stage {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100px;
  }
  .scroll-stage::before,
  .scroll-stage::after {
    content: ''; position: absolute; top: 0; bottom: 0;
    width: 48px; z-index: 10; pointer-events: none;
  }
  .scroll-stage::before { left: 0;  background: linear-gradient(to right, var(--color-background-primary), transparent); }
  .scroll-stage::after  { right: 0; background: linear-gradient(to left,  var(--color-background-primary), transparent); }

  .pill-row {
    position: absolute; top: 0; left: 0;
    display: flex; align-items: center;
    height: 22px; width: max-content;
  }

  .logo-row {
    position: absolute; top: 30px; left: 0;
    display: flex; align-items: center;
    width: max-content;
  }

  .cat-group {
    display: flex; align-items: center;
    gap: 12px; padding: 0 28px;
    border-right: 1px solid var(--color-border-tertiary);
    flex-shrink: 0;
  }

  .pill-slot {
    position: relative; height: 22px; flex-shrink: 0; overflow: visible;
  }
  .cat-pill {
    position: absolute; top: 0; left: 0;
    font-size: 10px; font-weight: 500;
    padding: 3px 12px; border-radius: 20px; white-space: nowrap;
  }
  .cat-platinum { background: #EEEDFE; color: #3C3489; }
  .cat-gold     { background: #FAEEDA; color: #633806; }
  .cat-silver   { background: #F1EFE8; color: #444441; }
  .cat-partner  { background: #E1F5EE; color: #085041; }

  /* ── Logo card — new design ── */
  .logo-card {
    display: flex; align-items: center; gap: 10px;
    padding: 8px 14px 8px 8px;
    border-radius: var(--border-radius-md);
    border: 0.5px solid var(--color-border-tertiary);
    background: var(--color-background-primary);
    flex-shrink: 0;
    min-width: 0;
  }

  .logo-avatar {
    width: 38px; height: 38px; border-radius: 8px;
    display: flex; align-items: center; justify-content: center;
    font-size: 13px; font-weight: 500;
    flex-shrink: 0; letter-spacing: 0.02em;
  }

  .logo-info { display: flex; flex-direction: column; gap: 2px; }
  .logo-name {
    font-size: 11px; font-weight: 500;
    color: var(--color-text-primary); white-space: nowrap;
  }
  .logo-tag {
    font-size: 9px; font-weight: 500;
    white-space: nowrap; letter-spacing: 0.04em;
    text-transform: uppercase;
  }




.color-theme2{
    color: var(--theme2);
}

.video-slide{
    position: relative;
    overflow: hidden;
}

.hero-bg-video{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.video-slide::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.45);
    z-index:0;
}

.video-slide .container{
    position:relative;
    z-index:2;
}

@media(max-width:767px){
    .hero-bg-video{
        display:none;
    }
    .video-slide{
        background:url('../img/home-1/hero/slide-1.jpg') center/cover no-repeat;
    }
}
.hero-portfolio-revealing-slider{
    transition: transform .25s ease-out;
    transform-style: preserve-3d;
}

.maize-shape img{
    float: inline-end;
}

.visitor_card {
    height: 100%;
}

.visitor_card .card-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 100%;
}


.vp-icon {
    font-size: 28px;
    margin-bottom: 0.5rem;
}

.vp-tile-label {
    min-height: 42px;
    display: flex;
    align-items: center;
}

#ripple{
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    width: 100%;
    height:100%;
}

.hero-portfolio-revealing-slide-content{
    position:relative;
    z-index:2;
}
/*.countdown{
    background:url('../img/home-1/hero/slide-1.jpg') center/cover no-repeat;
}
*/
.hex-wrapper{
    width:100vw;
    height:50vh;
    max-width:1200px;
    overflow:auto;
}

.hex{
    width:180px;
    height:180px;
    clip-path: polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);
    box-shadow:0 10px 25px rgba(0,0,0,.05);
    text-align:center;
    transition:transform 0.3s ease;
}
.green { background-color: #1a5d2e; color: white; }
.orange { background-color: #e67e22; color: white; }
.outline{ background-color: #ccc; color: black;position:relative;z-index:2;}
.mt-n2{
    margin-top:-2rem;
}
.hex-row h6{
    font-size:14px;
}
.hex:hover{
    transform:scale(1.1);
}
@media (max-width:576px){

    .hex-row{
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
    }
    .hex-row h6{
        font-size:13px;
    }

    .hex-row .col-6{
        flex:0 0 50%;
        max-width:50%;
        text-align:center;
    }

    /* every 3rd item center me */
    .hex-row .col-6.single{
        flex:0 0 100%;
        max-width:100%;
        display:flex;
        justify-content:center;
        text-align:center;
    }
    .mt-sm-n2{
        margin-top:-2rem;
    }
    #about-event .col-md-6.ps-5{
        padding-left:0.5rem !important;
    }
}

/*.outline:before{*/
/*    position:absolute;*/
/*    content:"";*/
/*    width:100%;*/
/*    height:100%;*/
/*    clip-path: polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);*/
/*    background:black;*/
/*    transform:scale(1.5);*/
/*    z-index:-1;*/
/*}*/

img.h-65{
    height: 65px;
    width: auto;
}
/* CONTACT */
  .contact-section { padding: 80px 60px; }
  .contact-inner { max-width: 1200px; margin: 0 auto; }



  .contact-card {
    background: white;
    border-radius: 16px;
    padding: 36px;
    box-shadow: 0 4px 24px rgba(0,0,0,0.07);
    border: 1.5px solid rgba(45,106,45,0.1);
  }

  .contact-org {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: var(--green-mid);
    margin-bottom: 4px;
  }

  .contact-name {
    font-family: 'Playfair Display', serif;
    font-size: 22px;
    font-weight: 700;
    color: var(--green-dark);
    margin-bottom: 16px;
  }

  .contact-detail {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    color: var(--text-mid);
    margin-bottom: 10px;
  }

  .contact-detail span:first-child {
    font-size: 16px;
    width: 24px;
  }

  .contact-detail a {
    color: var(--green-mid);
    text-decoration: none;
    font-weight: 500;
  }

  .contact-detail a:hover { color: var(--amber-dark); }
  
  .stricky-header--style1 .main-menu__wrapper{
      max-width:100vw!important;
      display:flex;
      justify-content:center;
  }
.sec-title .sub-title{
    background:unset;
}
.flipped_image{
    transform:rotateY(-180deg);
}

.h-750px{
    height:750px!important;
}
.do-dont-style1__bg{
    background-attachment:fixed;
}
  
  .do-dont-style1__right-bg{
      background-size:cover;
  }
  .do-dont-style1__bg::before,.footer-main::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background:linear-gradient(90deg, rgba(78, 52, 46, 0.5) 0%, rgba(78, 52, 46, 0.5) 50%, rgba(78, 52, 46, 0.5) 80%);
    z-index:1;
  }
  .footer-main *{
      z-index:5;
  }
  
.logo-box{
    display:inline-flex;
    padding:15px 25px;
    border-radius:12px;

    background: rgba(255,255,255,0.5); /* light glass */
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);

    box-shadow: 0 8px 25px rgba(0,0,0,0.25);
}
/*.hero-portfolio-revealing-slide.s-prev {*/
/*    display: none !important;*/
/*}*/
.main-logo{
    width:250px;
    filter: drop-shadow(0 0 8px rgba(255,255,255,0.6));
}
.fixedBtn{
    position: fixed;
    bottom: 30px;
    right: 20px;
    z-index: 9999;
    box-shadow: 0 10px 20px rgba(0,0,0,0.25);
}
.icon-white{
    filter: brightness(0) invert(1);
}
p{
    text-transform:unset!important;
}
.vp-tile-label { font-size: 12px; font-weight: 500; color: var(--color-text-primary); line-height: 1.4;text-align:center; }

.vp-icon { width: 34px; height: 34px; border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 15px; }

  .ic-gov  { background: #E6F1FB; color: #185FA5; }
  .ic-emb  { background: #EAF3DE; color: #3B6D11; }
  .ic-int  { background: #FAEEDA; color: #854F0B; }
  .ic-fin  { background: #FBEAF0; color: #993556; }
  .ic-edu  { background: #EEEDFE; color: #534AB7; }
  .ic-mfg  { background: #FCEBEB; color: #A32D2D; }
  .ic-agi  { background: #EAF3DE; color: #3B6D11; }
  .ic-fpo  { background: #E1F5EE; color: #0F6E56; }
  .ic-dlr  { background: #FAEEDA; color: #854F0B; }
  .ic-trd  { background: #FBEAF0; color: #993556; }
  .ic-ctr  { background: #EEEDFE; color: #534AB7; }
  .ic-fp   { background: #FAECE7; color: #993C1D; }
  
  .header-area { text-align: center; margin-bottom: 40px; }
  .gt-badge {
    display: inline-block;
    background: rgba(74,163,74,0.15);
    color: #6dbe6d;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 6px 18px;
    border-radius: 30px;
    border: 1px solid rgba(74,163,74,0.3);
    margin-bottom: 14px;
  }
  .bg-green-tma{
      background:rgba(112,150,60,0.15);
  }
  .gt-venue-icon {
    width: 46px; height: 46px;
    background: rgba(74,163,74,0.15);
    border-radius: 10px;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
  }
  .gt-venue-icon i{
      color:#04592e;
      fill:#04592e;
  }
  .gt-venue-label { font-size: 11px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: #6dbe6d; margin-bottom: 3px; }
  .gt-venue-name { font-size: 16px; font-weight: 600; color: #04592e; margin-bottom: 2px; }
  .gt-venue-addr { font-size: 13px; color: #04592e; }
  
  .border-green-tma{
      border-top:5px solid #04592e;
  }
  .border-orange-tma{
      border-top:5px solid #e67e22;
  }
  .border-blue-tma{
      border-top:5px solid #2592cb;
  }
  .gt-card-top { display: flex; align-items: center; gap: 14px; margin-bottom: 14px; }
  .gt-card-icon {
    width: 44px; height: 44px; border-radius: 10px;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
  }
  .metro .gt-card-icon { background: rgba(74,159,245,0.15); }
  .plane .gt-card-icon { background: rgba(109,190,109,0.15); }
  .train .gt-card-icon { background: rgba(245,163,74,0.15); }
  
  .gt-card-title { font-size: 17px; font-weight: 700; color: #04592e; }
  .gt-card-subtitle { font-size: 12px; color: #04592e; margin-top: 2px; }
  .gt-card-body { font-size: 13.5px; color: #04592e; line-height: 1.7; }
  .gt-card-link {
    display: inline-flex; align-items: center; gap: 5px;
    margin-top: 14px; font-size: 13px; font-weight: 600;
    color: #04592e; text-decoration: none;
  }
  .gt-card-link:hover { color: #04592e; }
  .metro img,.plane img,.train img{
      max-height:190px;
      width:100%;
  }
  
  .gt-footer {
    background: rgba(74,163,74,0.08);
    border: 1px solid rgba(74,163,74,0.2);
    border-radius: 12px;
    padding: 18px 24px;
    display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
  }
  .gt-footer-icon {
    width: 38px; height: 38px;
    background: rgba(74,163,74,0.15);
    border-radius: 8px;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
  }
  .gt-footer-text { font-size: 13.5px; color: #04592e; }
  .gt-footer-text a { color: #04592e; text-decoration: none; font-weight: 600; }
  .gt-footer-text a:hover { color: #04592e; }
  
  .more-text{
    display:none;
}
.view-more{
    /*color:#007bff;*/
    cursor:pointer;
    font-weight:500;
    padding-top:0.5rem !important;
    padding-bottom:0.5rem !important;
}
  
  @media(min-width:1200px) and (max-width:1300px){
    .logo-top{
        max-height:50px;
    }
    .top-logo-row.py-3{
        padding-top:0.5rem!important;
        padding-bottom:0.5rem!important;
    }
    .header-main .main-menu ul li a{
        font-size:14px;
    }
    .about-wrapper-2 .paddy-image{
        margin-top:-180px;
    }
    .section-padding{
        padding:60px 0;
    }
    .feature-section-2{
        margin-bottom:unset;
    }
    .metro img, .plane img, .train img{
        max-height:140px;
    }
    .gt-card-subtitle{
        font-size:10px;
    }
    .footer-section-2 .right-shape{
        display:block !important;
    }
    .hex-row .col-lg-2.col-6 .hex{
        transform:scale(.9);
    }

}