/* NATCON '26 — Premium Bootstrap Landing Page */
:root{
  --brown:#5b321d;
  --brown-2:#7a4b30;
  --olive:#68752d;
  --olive-dark:#4e5b20;
  --cream:#f5f0e6;
  --paper:#fbf8f0;
  --gold:#e3b85b;
  --ink:#171713;
  --muted:#68655d;
  --white:#fff;
  --radius:24px;
  --shadow:0 20px 60px rgba(47,31,19,.12);
}
*{scroll-behavior:smooth}
body{
  margin:0;background:var(--cream);color:var(--ink);
  font-family:"DM Sans",sans-serif;overflow-x:hidden;
}
h1,h2,h3,h4,h5{font-weight:700}
.natcon-nav{
  padding:16px 0;transition:.35s ease;
  background:rgba(48,29,18,.18);backdrop-filter:blur(14px);
}
.natcon-nav.scrolled{
  padding:9px 0;background:rgba(60,34,20,.96);
  box-shadow:0 10px 35px rgba(0,0,0,.18);
}
.navbar-brand{line-height:1}
.navbar-brand strong{display:block;font-size:1rem;letter-spacing:.05em}
.navbar-brand small{display:block;font-size:.58rem;opacity:.72;margin-top:4px}
.brand-mark{
  width:43px;height:43px;border:1px solid rgba(255,255,255,.6);
  border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:.82rem;
}
.brand-mark span{font-size:.56rem;margin-left:1px}
.nav-link{font-size:.82rem;font-weight:600;color:rgba(255,255,255,.84)!important;padding:9px 13px!important}
.nav-link:hover{color:#fff!important}
.btn-gold{
  background:var(--gold);border:0;color:#2d1a0e;font-weight:800;
  box-shadow:0 8px 22px rgba(227,184,91,.25);transition:.3s;
}
.btn-gold:hover{background:#f0ca73;color:#25160d;transform:translateY(-2px)}
.scroll-progress{position:fixed;z-index:2000;top:0;left:0;width:0;height:3px;background:var(--gold)}

.hero-section{
  min-height:100vh;position:relative;overflow:hidden;color:#fff;
  background:
    linear-gradient(115deg,rgba(55,31,18,.96),rgba(88,54,33,.88) 46%,rgba(80,93,38,.92)),
    url("natcon-cover.jpg") center/cover;
}
.hero-section:after{
  content:"";position:absolute;inset:0;
  background:radial-gradient(circle at 70% 20%,rgba(255,255,255,.12),transparent 25%),
             linear-gradient(180deg,transparent 65%,rgba(30,18,11,.35));
  pointer-events:none;
}
.hero-orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.25}
.orb-1{width:380px;height:380px;right:-130px;top:15%;background:var(--gold)}
.orb-2{width:240px;height:240px;left:-100px;bottom:8%;background:#9aa65b}
.hero-leaf{position:absolute;border-radius:100% 0 100% 0;opacity:.18;transform:rotate(28deg)}
.leaf-a{width:300px;height:110px;background:#cda878;right:3%;bottom:8%}
.leaf-b{width:260px;height:100px;background:#8c684f;left:-80px;top:32%}
.z-2{z-index:2}
.eyebrow,.section-kicker{
  display:inline-block;font-size:.73rem;letter-spacing:.18em;font-weight:800;
  color:var(--olive);margin-bottom:12px;
}
.hero-section .eyebrow{color:#ead39d}
.hero-title{
  font-family:"Playfair Display",serif;font-size:clamp(4rem,9vw,8.2rem);
  line-height:.84;margin:0;letter-spacing:-.05em;
}
.hero-title span{color:#e6c26d}
.hero-subtitle{
  font-size:clamp(1.1rem,2vw,1.65rem);font-weight:600;letter-spacing:.08em;
  margin:20px 0 25px;color:rgba(255,255,255,.9)
}
.theme-chip{
  display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.38);
  background:rgba(255,255,255,.08);padding:9px 15px;border-radius:100px;
  font-weight:800;font-size:.75rem;letter-spacing:.14em;backdrop-filter:blur(8px)
}
.theme-chip i{color:#d5e080}
.theme-line{
  font-family:"Playfair Display",serif;font-size:1.35rem;margin:12px 0 25px;color:#f3d990
}
.hero-meta{display:flex;flex-wrap:wrap;gap:20px}
.meta-item{display:flex;align-items:center;gap:10px}
.meta-item>i{font-size:1.35rem;color:var(--gold)}
.meta-item small{display:block;font-size:.58rem;letter-spacing:.16em;opacity:.6}
.meta-item strong{display:block;font-size:.76rem;max-width:260px}
.hero-card-wrap{position:relative;max-width:480px;margin:auto}
.hero-card{
  overflow:hidden;border:1px solid rgba(255,255,255,.4);border-radius:30px;
  background:rgba(255,255,255,.12);backdrop-filter:blur(16px);
  box-shadow:0 35px 90px rgba(0,0,0,.3)
}
.hero-card-image{height:390px;position:relative;overflow:hidden}
.hero-card-image img{width:100%;height:100%;object-fit:cover;transition:1s}
.hero-card:hover img{transform:scale(1.05)}
.image-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(36,20,12,.88),transparent 60%)}
.hero-card-content{padding:22px 25px 24px}
.mini-label{font-size:.6rem;letter-spacing:.16em;color:#e5ca86;font-weight:800}
.hero-card h3{font-family:"Playfair Display",serif;margin:5px 0 2px}
.hero-card p{margin:0;color:rgba(255,255,255,.7);font-size:.8rem}
.hero-card-footer{display:flex;flex-wrap:wrap;gap:12px;margin-top:17px;font-size:.62rem;color:rgba(255,255,255,.7)}
.floating-badge{
  position:absolute;background:#fff;color:var(--brown);border-radius:18px;
  box-shadow:0 15px 35px rgba(0,0,0,.22);font-weight:800
}
.badge-date{left:-25px;bottom:115px;padding:11px 14px;display:flex;align-items:center;gap:4px}
.badge-date strong{font-size:1.45rem;line-height:1}.badge-date span{color:#999}.badge-date small{font-size:.55rem;letter-spacing:.1em;margin-left:3px}
.badge-year{right:-18px;top:45px;padding:12px 17px;font-size:.8rem;letter-spacing:.1em}
.scroll-down{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);color:#fff;z-index:3;width:38px;height:38px;border:1px solid rgba(255,255,255,.35);border-radius:50%;display:grid;place-items:center;animation:bounce 1.8s infinite}
@keyframes bounce{50%{transform:translate(-50%,7px)}}

.countdown-strip{background:var(--olive);color:#fff;padding:15px 0}
.countdown-title{font-size:.72rem;letter-spacing:.15em;font-weight:800}
.live-dot{display:inline-block;width:8px;height:8px;background:#e5df9c;border-radius:50%;margin-right:8px;box-shadow:0 0 0 5px rgba(229,223,156,.15)}
.countdown>div{min-width:74px;text-align:center;padding:7px 9px;border-left:1px solid rgba(255,255,255,.18)}
.countdown strong{display:block;font-family:"Playfair Display",serif;font-size:1.45rem}
.countdown small{font-size:.55rem;text-transform:uppercase;letter-spacing:.1em;opacity:.7}

.section-pad{padding:105px 0}
.about-section{background:var(--paper)}
.section-title{font-family:"Playfair Display",serif;font-size:clamp(2.4rem,5vw,4rem);line-height:1.02;margin-bottom:18px}
.section-title em{color:var(--brown);font-style:normal}
.accent-line{width:60px;height:4px;border-radius:10px;background:var(--gold);margin:25px 0}
.lead-text{font-size:1.05rem;line-height:1.75;color:#37342e}
.about-section p:not(.lead-text){color:var(--muted);line-height:1.8}
.text-link{color:var(--brown);font-weight:800;text-decoration:none}
.text-link i{transition:.2s}.text-link:hover i{margin-left:6px}
.about-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:15px}
.about-panel{
  background:#fff;border:1px solid #e8e0d2;border-radius:var(--radius);padding:27px;
  box-shadow:0 12px 35px rgba(71,47,28,.06);transition:.3s
}
.about-panel:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.about-panel i{font-size:1.7rem;color:var(--olive)}
.about-panel h4{font-size:1rem;margin:15px 0 8px}.about-panel p{font-size:.78rem!important;line-height:1.6!important;margin:0}
.panel-main{grid-row:span 2;background:linear-gradient(145deg,#eee8da,#fff);display:flex;flex-direction:column;justify-content:center}

.highlights-section{background:linear-gradient(180deg,#eee9dd,#f7f3eb)}
.section-heading{text-align:center}
.section-heading>p{color:var(--muted);font-size:.85rem}
.feature-card{
  height:100%;background:rgba(255,255,255,.85);border:1px solid #ddd4c5;border-radius:var(--radius);
  padding:27px;box-shadow:0 12px 35px rgba(50,30,16,.06);transition:.35s;position:relative;overflow:hidden
}
.feature-card:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:var(--olive);transform:scaleY(0);transform-origin:bottom;transition:.35s}
.feature-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.feature-card:hover:before{transform:scaleY(1)}
.feature-icon{font-size:1.8rem;margin-bottom:12px}.feature-card h4{font-size:1.05rem}.feature-card p{color:var(--muted);font-size:.8rem;line-height:1.7}
.feature-tag{display:inline-block;background:#e9ecd9;color:var(--olive-dark);font-size:.56rem;font-weight:800;letter-spacing:.08em;padding:6px 10px;border-radius:100px}
.feature-wide{display:flex;gap:20px;align-items:flex-start}.feature-wide .feature-icon{flex:0 0 auto}
.cultural-banner{
  border-radius:20px;background:var(--olive-dark);color:#fff;padding:18px 25px;
  display:flex;align-items:center;justify-content:center;gap:18px;text-align:center
}
.cultural-banner strong{display:block;font-size:1rem}.cultural-banner small{display:block;opacity:.72;font-size:.65rem;margin-top:3px}

.fees-section{background:var(--paper)}
.deadline-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:100px;background:#e9ecd9;color:var(--olive-dark);font-size:.62rem;font-weight:800;margin:3px}
.deadline-pill.late{background:#eee1d6;color:var(--brown)}
.table-shell{background:#fff;border:1px solid #ddd3c4;border-radius:25px;padding:8px;box-shadow:var(--shadow);overflow:hidden}
.fee-table th{background:var(--brown);color:#fff;padding:16px 18px;border:0;font-size:.7rem;letter-spacing:.08em}
.fee-table th:first-child{border-radius:17px 0 0 0}.fee-table th:last-child{border-radius:0 17px 0 0}
.fee-table td{padding:17px 18px;border-color:#eee7dd;font-size:.8rem}
.fee-table tbody tr:hover{background:#faf8f3}.fee-table td:first-child{font-weight:700}.fee-table td:not(:first-child){font-weight:800;color:var(--brown)}

.programme-section{background:#e9e4d8}
.programme-tabs .nav-link{
  background:#fff;color:var(--brown)!important;border:1px solid #d8ccba;border-radius:100px;
  font-weight:800;padding:12px 24px!important
}
.programme-tabs .nav-link.active{background:var(--brown);color:#fff!important;border-color:var(--brown)}
.programme-tabs .nav-link span{display:block;font-size:.55rem;opacity:.7;margin-top:3px}
.session-list{display:grid;gap:10px}
.session-item{
  display:flex;gap:17px;align-items:flex-start;background:#fff;border-radius:18px;padding:20px;
  border:1px solid #ded4c5;transition:.25s
}
.session-item:hover{transform:translateX(5px);box-shadow:0 10px 30px rgba(50,30,15,.07)}
.session-no{font-family:"Playfair Display",serif;font-size:1.3rem;color:#a99d8b;min-width:34px}
.session-item h5{font-size:.9rem;margin:0 0 5px}.session-item p{margin:0;color:var(--muted);font-size:.72rem;line-height:1.55}
.workshop-box{background:var(--olive-dark);color:#fff;border-radius:22px;padding:25px 28px}
.workshop-label{font-size:.57rem;letter-spacing:.14em;font-weight:800;color:#e8dfae}
.workshop-box h4{font-family:"Playfair Display",serif;margin:9px 0;font-size:1.35rem}
.workshop-box p{font-size:.72rem;opacity:.78;margin:0}
.day2-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.day2-card{background:#fff;padding:30px;border-radius:20px;border:1px solid #ded4c5}
.day2-card i{font-size:1.8rem;color:var(--olive)}.day2-card h4{font-size:1.05rem;margin:12px 0 5px}.day2-card p{font-size:.76rem;color:var(--muted)}
.panel-box,.quiz-box{background:#fff;border-radius:22px;padding:27px;border:1px solid #ded4c5}
.panel-box h3,.quiz-box h3{font-family:"Playfair Display",serif;margin:7px 0;font-size:1.35rem;color:var(--brown)}
.panel-box>p,.quiz-box>p{font-size:.75rem;color:var(--muted)}
.panelist-grid{display:flex;flex-wrap:wrap;gap:8px}
.panelist-grid span{padding:7px 10px;border-radius:100px;background:#eef0e1;color:#536022;font-size:.62rem;font-weight:700}
.moderator{margin-top:17px;padding-top:14px;border-top:1px solid #eee1d5;font-size:.7rem;color:var(--brown)}
.quiz-box{background:#fff4c9;border-color:#e3c45c}.prizes{display:flex;flex-wrap:wrap;gap:10px}.prizes span{background:#fff;padding:9px 14px;border-radius:100px;font-size:.7rem;font-weight:800}

.committee-section{background:var(--paper)}
.committee-card{height:100%;padding:24px;background:#fff;border:1px solid #e0d6c7;border-radius:20px;transition:.3s}
.committee-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.committee-card.featured{background:var(--brown);color:#fff;border-color:var(--brown)}
.role{font-size:.56rem;letter-spacing:.15em;font-weight:800;color:var(--olive)}
.featured .role{color:#e7cb83}
.committee-card h4{font-family:"Playfair Display",serif;font-size:1.1rem;margin:8px 0}
.committee-card p{font-size:.7rem;line-height:1.6;margin:0;opacity:.72}
.committee-groups{display:grid;gap:8px}
.committee-groups>div{display:flex;flex-wrap:wrap;gap:15px;align-items:center;padding:14px 18px;border:1px solid #ded4c5;border-radius:14px;background:#fff;font-size:.7rem}
.committee-groups strong{min-width:180px;color:var(--brown)}.committee-groups span{color:var(--muted)}

.tvpm-section{background:#ece6d9}
.place-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}
.place-list span{padding:8px 11px;border-radius:100px;background:#fff;border:1px solid #ddd3c3;font-size:.62rem;font-weight:700}
.tvpm-image{border-radius:28px;overflow:hidden;box-shadow:var(--shadow);border:7px solid #fff}
.tvpm-image img{width:100%;display:block}

.final-cta{position:relative;overflow:hidden;background:linear-gradient(120deg,#4b2817,#6d482f 55%,#566020);padding:100px 0;color:#fff;text-align:center}
.final-cta h2{font-family:"Playfair Display",serif;font-size:clamp(2.5rem,6vw,5rem);line-height:1;margin:15px 0}
.final-cta h2 em{color:#e7c775;font-style:normal}.final-cta p{max-width:650px;margin:0 auto 28px;color:rgba(255,255,255,.7);font-size:.9rem}
.section-kicker.light{color:#e4cb83}
.cta-pattern{position:absolute;inset:0;opacity:.13;background-image:radial-gradient(circle at 15% 40%,#fff 0 2px,transparent 3px),radial-gradient(circle at 85% 70%,#fff 0 2px,transparent 3px);background-size:38px 38px}

.footer{background:#29170d;color:#fff;padding:45px 0 22px}
.footer-brand{font-family:"Playfair Display",serif;font-size:2rem;font-weight:800}.footer-brand span{color:#e4c16e}
.footer p,.footer small,.footer div{color:rgba(255,255,255,.65);font-size:.7rem}
.footer a{color:#e6c77b;text-decoration:none;font-size:.75rem}
.footer hr{border-color:rgba(255,255,255,.1);margin:25px 0}

.mobile-register{display:none}
.reveal{opacity:0;transform:translateY(25px);animation:reveal .8s ease forwards}
.delay-1{animation-delay:.12s}.delay-2{animation-delay:.22s}.delay-3{animation-delay:.34s}.delay-4{animation-delay:.46s}
@keyframes reveal{to{opacity:1;transform:none}}

@media(max-width:991.98px){
  .natcon-nav{background:rgba(60,34,20,.94)}
  .hero-section{min-height:auto}.hero-section .row{min-height:auto;padding-top:125px!important;padding-bottom:85px!important}
  .hero-card-wrap{margin-top:15px}.hero-card-image{height:330px}
  .about-grid{grid-template-columns:1fr 1fr}.panel-main{grid-row:auto}
  .feature-wide{grid-column:span 2}
}
@media(max-width:767.98px){
  .section-pad{padding:75px 0}.hero-title{font-size:4.1rem}
  .hero-subtitle{font-size:1rem}.theme-line{font-size:1.1rem}
  .hero-meta{display:grid;gap:13px}.meta-item strong{max-width:240px}
  .badge-date{left:-8px;bottom:90px}.badge-year{right:-6px;top:30px}
  .about-grid{grid-template-columns:1fr}.feature-wide{grid-column:auto;display:block}
  .deadline-pill{margin-top:5px}.table-shell{border-radius:17px}
  .fee-table{min-width:650px}
  .day2-grid{grid-template-columns:1fr}
  .programme-tabs .nav-link{padding:10px 17px!important;font-size:.7rem}
  .committee-groups>div{display:block}.committee-groups strong{display:block;margin-bottom:5px}
  .mobile-register{
    display:flex;position:fixed;z-index:1500;bottom:15px;left:15px;right:15px;
    justify-content:center;align-items:center;gap:8px;background:var(--gold);color:#2b180d;
    padding:13px;border-radius:100px;font-size:.78rem;font-weight:800;text-decoration:none;
    box-shadow:0 12px 30px rgba(0,0,0,.25)
  }
  .footer{padding-bottom:90px}
}

.natcon-logo {
    width: 52px;
    height: 52px;
    object-fit: contain;
    display: block;
}
@media (max-width: 767.98px) {

    .natcon-logo {
        width: 44px;
        height: 44px;
    }

}

/* =========================================================
   NATCON PREMIUM FOOTER
========================================================= */

.natcon-footer {
    background: #24140b;
    color: #fff;
    position: relative;
    overflow: hidden;
}


/* =========================================================
   CTA
========================================================= */

.footer-cta {
    padding: 65px 0 45px;
    background: #2b190f;
}

.footer-cta-box {
    position: relative;
    min-height: 355px;
    border: 2px solid #c8922e;
    border-radius: 25px;
    overflow: hidden;

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.94),
            rgba(255,255,255,.86)
        );

    display: flex;
    align-items: center;
    justify-content: center;

    box-shadow:
        0 25px 60px rgba(0,0,0,.35),
        inset 0 0 50px rgba(210,160,80,.08);
}


/* decorative golden curves */

.footer-cta-box::before {
    content: "";
    position: absolute;

    width: 450px;
    height: 450px;

    left: -180px;
    top: -280px;

    border-radius: 50%;

    background: rgba(205,155,77,.18);
}


.footer-cta-box::after {
    content: "";
    position: absolute;

    width: 420px;
    height: 420px;

    right: -200px;
    bottom: -270px;

    border-radius: 50%;

    background: rgba(205,155,77,.12);
}


/* CTA content */

.footer-cta-content {
    position: relative;
    z-index: 2;
    text-align: center;
    color: #351d10;
}


.footer-cta-content h2 {
    font-family: "Playfair Display", serif;
    font-size: clamp(2rem, 4vw, 3.4rem);
    margin: 0 0 15px;
    font-weight: 800;
}


.footer-cta-content p {
    font-size: 1rem;
    line-height: 1.7;
    color: #27221e;
    margin-bottom: 28px;
}


/* gold line */

.footer-cta-line {
    width: 90px;
    height: 3px;
    display: block;
    margin: 0 auto 20px;

    background: #c58a24;
}


/* register button */

.footer-register-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 18px;

    min-width: 350px;

    padding: 17px 30px;

    border-radius: 50px;

    background: linear-gradient(
        135deg,
        #b87913,
        #d49b32
    );

    color: #fff;

    text-decoration: none;

    font-size: 1rem;
    font-weight: 800;
    letter-spacing: .08em;

    box-shadow:
        0 12px 30px rgba(159,103,14,.3);

    transition: all .3s ease;
}


.footer-register-btn i {
    font-size: 1.35rem;
}


.footer-register-btn:hover {
    color: #fff;

    transform: translateY(-4px);

    box-shadow:
        0 18px 38px rgba(159,103,14,.4);
}


/* =========================================================
   MAIN FOOTER
========================================================= */

.footer-main {
    padding: 60px 0 45px;

    background:
        radial-gradient(
            circle at 15% 30%,
            rgba(120,76,40,.14),
            transparent 30%
        ),
        #24140b;

    border-top: 1px solid rgba(216,165,71,.55);
}


/* =========================================================
   BRAND
========================================================= */

.footer-brand-area {
    display: flex;
    align-items: center;
    gap: 20px;
}


.footer-brand-logo img {
    width: 135px;
    height: 135px;
    object-fit: contain;
}


.footer-brand-text h2 {
    font-family: "Playfair Display", serif;

    font-size: 2.7rem;

    line-height: 1;

    margin: 0 0 10px;

    color: #fff;
}


.footer-brand-text p {
    color: #ead8ae;

    font-size: .95rem;

    line-height: 1.5;

    margin: 0;
}


.footer-gold-line {
    width: 95px;
    height: 3px;

    background: #c99436;

    margin: 24px 0;
}


.footer-theme strong {
    display: block;

    color: #d6a346;

    font-size: .9rem;

    letter-spacing: .16em;

    margin-bottom: 5px;
}


.footer-theme em {
    display: block;

    color: #f3ead5;

    font-family: "Playfair Display", serif;

    font-size: 1rem;
}


/* =========================================================
   ORGANIZATION LOGOS
========================================================= */

.footer-logos {
    display: flex;
    align-items: center;

    gap: 22px;

    margin-top: 35px;
}


.footer-logo-item {
    width: 105px;
    height: 105px;

    border-radius: 50%;

    background: #fff;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 7px;

    overflow: hidden;

    transition: all .35s ease;

    box-shadow:
        0 10px 25px rgba(0,0,0,.25);
}


.footer-logo-item img {
    width: 100%;
    height: 100%;

    object-fit: contain;

    border-radius: 50%;
}


.footer-logo-item:hover {
    transform: translateY(-8px) scale(1.05);

    box-shadow:
        0 18px 35px rgba(204,151,55,.2);
}


/* =========================================================
   FOOTER COLUMNS
========================================================= */

.footer-column {
    height: 100%;
}


.footer-column h4 {
    color: #d8a447;

    font-size: 1.05rem;

    letter-spacing: .08em;

    margin: 0 0 25px;

    font-weight: 800;
}


/* =========================================================
   QUICK LINKS
========================================================= */

.footer-column ul {
    padding: 0;
    margin: 0;

    list-style: none;
}


.footer-column ul li {
    margin-bottom: 14px;
}


.footer-column ul li a {
    display: inline-flex;
    align-items: center;

    gap: 9px;

    color: rgba(255,255,255,.82);

    text-decoration: none;

    font-size: .85rem;

    transition: all .25s ease;
}


.footer-column ul li a i {
    font-size: .62rem;
    color: #d3a044;
}


.footer-column ul li a:hover {
    color: #e2b45b;
    transform: translateX(5px);
}


/* =========================================================
   IMPORTANT DATES
========================================================= */

.footer-date {
    display: flex;

    gap: 15px;

    padding: 0 0 17px;

    margin-bottom: 17px;

    border-bottom: 1px solid rgba(215,168,81,.28);
}


.date-icon {
    flex: 0 0 38px;

    color: #dda945;

    font-size: 1.7rem;
}


.footer-date span {
    display: block;

    color: rgba(255,255,255,.78);

    font-size: .76rem;

    line-height: 1.4;
}


.footer-date strong {
    display: block;

    color: #fff;

    font-size: .78rem;

    font-weight: 500;

    line-height: 1.5;

    margin-top: 2px;
}


/* =========================================================
   CONTACT
========================================================= */

.footer-contact {
    display: flex;

    align-items: flex-start;

    gap: 15px;

    margin-bottom: 23px;
}


.contact-icon {
    flex: 0 0 32px;

    color: #dda945;

    font-size: 1.25rem;
}


.footer-contact p {
    color: rgba(255,255,255,.78);

    font-size: .8rem;

    line-height: 1.65;

    margin: 0;
}


.footer-contact a {
    color: rgba(255,255,255,.82);

    text-decoration: none;

    font-size: .8rem;

    transition: .25s;
}


.footer-contact a:hover {
    color: #e1b45c;
}


/* =========================================================
   SOCIAL MEDIA
========================================================= */

.footer-social {
    display: flex;

    gap: 12px;

    margin-top: 25px;
}


.footer-social a {
    width: 46px;
    height: 46px;

    border: 1px solid #b98a35;

    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #dca948;

    text-decoration: none;

    font-size: 1.1rem;

    transition: all .3s ease;
}


.footer-social a:hover {
    background: #d49b35;

    border-color: #d49b35;

    color: #25140b;

    transform: translateY(-5px);
}


/* =========================================================
   COPYRIGHT
========================================================= */

.footer-bottom {
    background: #392015;

    border-top: 1px solid rgba(216,165,71,.25);

    padding: 20px 0;
}


.footer-bottom-content {
    display: flex;

    justify-content: center;
    align-items: center;

    flex-wrap: wrap;

    gap: 20px;

    text-align: center;

    color: rgba(255,255,255,.72);

    font-size: .75rem;
}


.footer-divider {
    width: 1px;
    height: 18px;

    background: rgba(255,255,255,.35);
}


.footer-bottom-content i {
    color: #dca447;
    margin: 0 3px;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 991.98px) {

    .footer-brand-area {
        justify-content: flex-start;
    }

    .footer-main {
        padding-top: 50px;
    }

}


@media (max-width: 767.98px) {

    .footer-cta {
        padding: 40px 15px 30px;
    }


    .footer-cta-box {
        min-height: 330px;

        padding: 30px 20px;

        border-radius: 20px;
    }


    .footer-cta-content h2 {
        font-size: 2rem;
    }


    .footer-cta-content p {
        font-size: .82rem;
    }


    .footer-register-btn {
        min-width: auto;
        width: 100%;

        padding: 14px 20px;

        font-size: .78rem;
    }


    .footer-main {
        padding: 45px 0 30px;
    }


    .footer-brand-area {
        gap: 12px;
    }


    .footer-brand-logo img {
        width: 90px;
        height: 90px;
    }


    .footer-brand-text h2 {
        font-size: 2rem;
    }


    .footer-brand-text p {
        font-size: .75rem;
    }


    .footer-logos {
        justify-content: center;
        gap: 12px;
    }


    .footer-logo-item {
        width: 82px;
        height: 82px;
    }


    .footer-bottom-content {
        flex-direction: column;
        gap: 8px;
    }


    .footer-divider {
        display: none;
    }

}

/* ==========================================================
   Registration Page start
========================================================== */

/*registrationpage start */

/* STEP BOX */
.step-box{
background:#fff;
padding:25px;
border-radius:16px;
box-shadow:0 10px 30px rgba(0,0,0,0.08);
margin-bottom:20px;
}

/* CARDS */
.selectable,.price-card{
cursor:pointer;
border-radius:12px;
transition:0.3s;
}

.selectable{
background:#e6f6f7;
padding:20px;
font-weight:600;
text-align:center;
}

.selectable:hover{
transform:translateY(-3px);
box-shadow:0 10px 25px rgba(13,110,253,0.15);
}

.selected{
border:2px solid #0d6efd !important;
background:linear-gradient(135deg,#e7f0ff,#dbe8ff);
}

.price-card{
border:2px solid #eee;
padding:20px;
background:linear-gradient(135deg,#ffffff,#f8f9ff);
}

.price-card:hover{
transform:translateY(-4px);
box-shadow:0 12px 30px rgba(0,0,0,0.1);
}

.price-card p{
font-size:20px;
color:#0d6efd;
}


/* BREAKDOWN */
.breakdown{
background:linear-gradient(135deg,#f8fbff,#eef4ff);
padding:20px;
border-radius:12px;
border:1px solid #e0e8ff;
}

#totalFee{
font-size:22px;
color:#198754;
}

/* BUTTONS */
.btn-primary{
background:linear-gradient(135deg,#0d6efd,#3a8bfd);
border:none;
border-radius:10px;
}

.btn-success{
background:linear-gradient(135deg,#198754,#34c38f);
border:none;
border-radius:10px;
}

/* HEADER */
h3{
background:linear-gradient(90deg,#0d6efd,#6610f2);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
font-weight:800;
}

/* QR */
#step4 img{
border:8px solid #fff;
border-radius:12px;
box-shadow:0 10px 25px rgba(0,0,0,0.1);
}

.form-control,.form-select{
border-radius:10px;
}
/*registrationpage e */
/* ==========================================================
   Registration Page end
========================================================== */