/* =========================================================
   ICAIMEST – COMMON CSS (All Pages)
   ========================================================= */

/* ===== ROOT VARIABLES ===== */
:root{
  --blue:#1e88e5;
  --green:#43a047;
  --dark:#0b132b;
   --primary:#1e73d8;
  --dark:#0b132b;
  --light:#f7f9fc;
}

body{font-family:'Poppins',sans-serif}

/* ===== INTRO BOX ===== */
.intro-box{
  background:#f3f7ff;
  border-left:6px solid var(--primary);
  padding:25px;
  border-radius:12px;
  margin-bottom:40px;
}

/* ===== TABLE ===== */
.table thead th{
  background:var(--primary);
  color:#fff;
  
}
.table td{
  vertical-align:middle;
 
}

/* ===== SECTION TITLE ===== */
.section-title{
  margin-bottom:30px;
}
.section-title h3{
  font-weight:700;
  color:var(--primary);
  border-left:5px solid var(--primary);
  padding-left:15px;
}

/* ===== NOTE BOX ===== */
.note-box{
  background:#fff;
  border-radius:14px;
  padding:30px;
  box-shadow:0 12px 35px rgba(0,0,0,.08);
  margin-bottom:30px;
}
.note-box h5{
  color:var(--primary);
  font-weight:600;
  margin-bottom:15px;
}
.note-box ul{
  padding-left:18px;
}
.note-box li{
  margin-bottom:8px;
}

/* ================= COUNTDOWN ================= */
.count-box{
  background:#fff;
  border-radius:14px;
  padding:35px;
  box-shadow:0 10px 25px rgba(0,0,0,.08)
}

/* ================= AI BACKGROUND ================= */
.ai-bg{
  background:
  radial-gradient(circle at 20% 20%,rgba(30,136,229,.12),transparent),
  radial-gradient(circle at 80% 80%,rgba(67,160,71,.12),transparent);
}

/* ================= STATS ================= */
.stats{
  background:var(--blue);
  color:#fff;
}
.stats h2{font-weight:700}

/* ================= TRACKS ================= */
.track{
  background:linear-gradient(135deg,var(--blue),var(--green));
  color:#fff;
  border-radius:16px;
  padding:35px;
  transition:.3s;
}
.track:hover{transform:translateY(-10px)}

/* ================= SPEAKERS ================= */
.speaker img{
  width:180px;
  height:180px;
  border-radius:50%;
  object-fit:cover;
  transition:.3s;
}
.speaker:hover img{transform:scale(1.08)}

/* ================= TOP BAR ================= */
.top-bar{
  background:var(--blue);
  color:#fff;
  font-size:14px;
}
.top-bar a{color:#fff;text-decoration:none}



/* ================= SLIDER ================= */
.carousel-item{height:90vh}
.carousel-item img{height:100%;width:100%;object-fit:cover}
.hero-overlay{
  position:absolute;inset:0;
  background:rgba(0,0,0,.55)
}
.hero-content{
  position:absolute;
  top:50%;left:50%;
  transform:translate(-50%,-50%);
  color:#fff;
  width:85%;
}

/* ================= SECTIONS ================= */
.section{padding:90px 0}
.section-title{
  font-weight:700;
  
  margin-bottom:45px
}

/* ================= COUNTDOWN ================= */
.count-box{
  background:#fff;
  border-radius:14px;
  padding:35px;
  box-shadow:0 10px 25px rgba(0,0,0,.08)
}

/* ================= AI BACKGROUND ================= */
.ai-bg{
  background:
  radial-gradient(circle at 20% 20%,rgba(30,136,229,.12),transparent),
  radial-gradient(circle at 80% 80%,rgba(67,160,71,.12),transparent);
}

/* ================= STATS ================= */
.stats{
  background:var(--blue);
  color:#fff;
}
.stats h2{font-weight:700}

/* ================= TRACKS ================= */
.track{
  background:linear-gradient(135deg,var(--blue),var(--green));
  color:#fff;
  border-radius:16px;
  padding:35px;
  transition:.3s;
}
.track:hover{transform:translateY(-10px)}

/* ================= SPEAKERS ================= */
.speaker img{
width: 250px;
  height: 250px;
  border-radius: 50%;
  object-fit: cover;
  transition: .3s;
  margin-left: 55px;
}
.speaker:hover img{transform:scale(1.08)}

/* ================= FOOTER ================= */
footer{background:#1c1c1c;color:#ccc}
footer h5{
  color:#fff;
  border-bottom:2px solid var(--blue);
  display:inline-block;
  padding-bottom:6px
}
.footer-links li{margin-bottom:10px}
.footer-links a{
  color:#ccc;
  text-decoration:none;
  position:relative;
  padding-left:14px;
  transition:.3s;
}
.footer-links a::before{
  content:"›";
  position:absolute;
  left:0;
  opacity:0;
  transition:.3s;
  color:var(--blue);
}
.footer-links a:hover{
  color:#fff;
  padding-left:20px;
}
.footer-links a:hover::before{opacity:1}

.footer-bottom{
  background:#111;
  font-size:13px
}

/* ===== RESET & BASE ===== */
*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

body{
  font-family:'Poppins', sans-serif;
  background:#fff;
  color:var(--text);
  line-height:1.7;
}

a{
  text-decoration:none;
  transition:.3s ease;
}

img{
  max-width:100%;
  display:block;
}

section{
  padding:80px 0;
}

/* ===== TOP INFO BAR ===== */
.top-bar{
  background:var(--blue);
  color:#fff;
  font-size:14px;
}
.top-bar a{
  color:#fff;
  margin-right:20px;
}
.top-bar i{
  margin-right:6px;
}



/* ===== SECTION TITLES ===== */
.section-title{
  
  margin-bottom:50px;
}
.section-title h2{
  font-weight:700;
  margin-bottom:10px;
}
.section-title span{
  width:70px;
  height:3px;
  background:var(--blue);
  display:block;
  margin:0 auto;
}

/* ===== BUTTONS ===== */
.btn-primary{
  background:var(--blue);
  border:none;
  padding:10px 26px;
  border-radius:8px;
}
.btn-primary:hover{
  background:#155bb5;
}

.btn-outline-primary{
  border:2px solid var(--blue);
  color:var(--blue);
}
.btn-outline-primary:hover{
  background:var(--blue);
  color:#fff;
}

/* ===== CARDS ===== */
.card-box{
  background:#fff;
  border-radius:var(--radius);
  padding:30px;
  box-shadow:0 15px 40px rgba(0,0,0,.08);
  transition:.3s;
}
.card-box:hover{
  transform:translateY(-6px);
}

/* ===== HERO / SLIDER ===== */
.hero-slider{
  height:80vh;
  position:relative;
}
.hero-slider img{
  height:80vh;
  width:100%;
  object-fit:cover;
}
.hero-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(0,0,0,.75),rgba(0,0,0,.3));
  display:flex;
  align-items:center;
}
.hero-content{
  color:#fff;
  padding-left: 29px;
}
.hero-content h1{
  font-weight:700;
  line-height:1.3;
}
.hero-content h1 span{
  color:#6fd1ff;
}

/* ===== COUNTDOWN ===== */
.countdown-box{
  background:#fff;
  border-radius:14px;
  padding:25px;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
}
.countdown-number{
  font-size:42px;
  font-weight:700;
  color:var(--blue);
}
.countdown-label{
  font-size:14px;
  color:var(--muted);
}

/* ===== STATISTICS BAR ===== */
.stats-bar{
  background:var(--blue);
  color:#fff;
}
.stats-item{
  text-align:center;
}
.stats-item h3{
  font-weight:700;
  margin-bottom:5px;
}

/* ===== TRACKS ===== */
.track-card{
  background:#fff;
  border-radius:14px;
  padding:25px;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
  
}
.track-card:hover{
  background:var(--light);
}

/* ===== IMPORTANT DATES ===== */
.date-card{
  background:#fff;
  border-radius:14px;
  padding:22px;
  box-shadow:0 10px 25px rgba(0,0,0,.08);
  text-align:center;
}
.date-card h6{
  font-weight:600;
  margin-bottom:8px;
}
.date-card span{
  color:var(--blue);
  font-weight:600;
}

/* ===== SPEAKERS ===== */
.speaker-card{
  background:#fff;
  border-radius:16px;
  padding:25px;
  box-shadow:0 12px 30px rgba(0,0,0,.08);
  text-align:center;
}
.speaker-card img{
  width:130px;
  height:130px;
  object-fit:cover;
  border-radius:50%;
  margin-bottom:15px;
}
.speaker-card h6{
  font-weight:600;
}

/* ===== CONTACT ===== */
.contact-card{
  background:#fff;
  padding:35px 25px;
  border-radius:16px;
  box-shadow:0 12px 35px rgba(0,0,0,.08);
  text-align:center;
}
.contact-icon{
  width:70px;
  height:70px;
  background:var(--blue);
  color:#fff;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:26px;
  margin:0 auto 15px;
}

/* ===== FORMS ===== */
.form-control{
  border-radius:10px;
  padding:12px;
}

/* ===== FOOTER ===== */
footer{
  background:#111;
  color:#bbb;
  padding:60px 0 20px;
}
footer h5{
  color:#fff;
  margin-bottom:15px;
}
footer a{
  color:#bbb;
  display:block;
  margin-bottom:8px;
}
footer a:hover{
  color:#fff;
  padding-left:5px;
}
.footer-bottom{
  border-top:1px solid #333;
  padding-top:15px;
  margin-top:30px;
  text-align:center;
  font-size:14px;
}

/* ===== RESPONSIVE ===== */
@media(max-width:768px){
  section{
    padding:60px 0;
  }
  .hero-slider,
  .hero-slider img{
    height:65vh;
  }
}
/* Header */
.page-header{
  background:linear-gradient(120deg,#1e6fd9,#20b26b);
  color:#fff;
  padding:90px 0;
  text-align:center;
}
.page-header h1{
  font-weight:700;
}

/* Section */
.section{
  padding:70px 0;
}
.section-title{
  font-weight:700;
  margin-bottom:25px;
}
.section p{
  color:#444;
  line-height:1.8;
}

/* Highlight Box */
.highlight{
  background:#f3f7ff;
  border-left:6px solid var(--primary);
  padding:25px;
  border-radius:10px;
  margin:40px 0;
}

/* Pillars */
.pillar-card{
  background:#fff;
  padding:25px;
  border-radius:16px;
  height:100%;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
  transition:.3s;
}
.pillar-card:hover{
  transform:translateY(-8px);
}
.pillar-card h5{
  color:var(--primary);
  font-weight:600;
}

/* Stats */
.stats{
  background:var(--primary);
  color:#fff;
  padding:60px 0;
}
.stats h2{
  font-weight:700;
}


/* Section */
.section{
  padding:70px 0;
}
.section-title{
  font-weight:700;
  margin-bottom:20px;
}
.section-sub{
  max-width:900px;
  margin:auto;
  color:#555;
}

/* Track Cards */
.track-card{
  background:#fff;
  border-radius:16px;
  padding:25px;
  height:100%;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
  transition:.3s;
}
.track-card:hover{
  transform:translateY(-8px);
}
.track-card h5{
  color:var(--primary);
  font-weight:600;
}

/* CTA */
.cta{
  background:var(--dark);
  color:#fff;
  padding:60px 0;
  text-align:center;
}
.cta .btn{
  padding:12px 30px;
  font-weight:600;
}

/* Page Header */
.page-header{
  background:linear-gradient(120deg,#1e6fd9,#20b26b);
  color:#fff;
  padding:90px 0;
  text-align:center;
}
.page-header h1{
  font-weight:700;
}
/* DATES TABLE */
.dates-table{
  max-width:800px;
  margin:auto;
}
.dates-table th{
  background:linear-gradient(90deg,var(--blue),var(--green));
  color:#fff;
  text-align:left;
}
.dates-table td{
  background:#fff;
}
/* INTRO BOX */
.intro-box{
  background:#f3f7ff;
  border-left:6px solid var(--blue);
  padding:25px;
  border-radius:10px;
  max-width:1000px;
  margin:0 auto 40px auto;
  line-height:1.8;
}

/* ===== SECTION TITLE ===== */
.section-title{
  
  margin-bottom:40px;
}
.section-title h2{
  font-weight:700;
}
.section-title span{
  display:block;
  width:70px;
  height:3px;
  background:var(--primary);
  margin:10px auto 0;
}

/* ===== CONTACT CARDS ===== */
.contact-card{
  background:#fff;
  padding:35px 25px;
  border-radius:16px;
  box-shadow:0 12px 35px rgba(0,0,0,.08);
  text-align:center;
  transition:.3s;
}
.contact-card:hover{
  transform:translateY(-8px);
}
.contact-icon{
  width:70px;
  height:70px;
  background:var(--primary);
  color:#fff;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:26px;
  margin:0 auto 15px;
}

/* ===== RESPONSIVE ===== */
@media(max-width:768px){
  .page-header{
    padding:70px 0;
  }
  .table{
    font-size:14px;
  }
}

/* Top Bar */
.top-bar {
  background: #0d6efd;
  color: #fff;
  font-size: 14px;
}
.top-bar a {
  color: #fff;
  text-decoration: none;
}

/* Navbar */
.navbar-nav .nav-link {
  padding: 10px 15px;
  font-weight: 500;
}

/* Mobile dropdown spacing */
@media (max-width: 991px) {
  .dropdown-menu {
    border: none;
    box-shadow: none;
    padding-left: 15px;
  }

  .dropdown-item {
    padding: 8px 15px;
  }
}

/* =====================================================
   MOBILE FIXES – ICAIMEST (DO NOT REMOVE)
   ===================================================== */

@media (max-width: 991px) {

  /* ===== TOP BAR ===== */
  .top-bar .container {
    flex-direction: column;
    text-align: center;
    gap: 5px;
  }

  /* ===== NAVBAR ===== */
  .navbar {
    padding: 10px 0;
  }

  .navbar-nav {
    background: #fff;
    padding: 10px 0;
  }

  .navbar-nav .nav-link {
    padding: 12px 20px;
    margin: 0;
    border-bottom: 1px solid #eee;
  }

  .navbar-nav .nav-link::after {
    display: none; /* remove underline animation on mobile */
  }

  /* Disable hover dropdown on mobile */

  /* Dropdown menu mobile */
  .dropdown-menu {
    position: static;
    float: none;
    box-shadow: none;
    padding-left: 20px;
    background: #f9f9f9;
  }

  .dropdown-item {
    padding: 10px 15px;
    font-size: 14px;
  }

  /* ===== HERO / SLIDER ===== */
  .carousel-item,
  .hero-slider,
  .hero-slider img {
    height: 60vh;
  }

  .hero-content {
    padding: 15px;
    text-align: center;
  }

  .hero-content h1 {
    font-size: 22px;
    line-height: 1.3;
  }

  /* ===== SECTIONS ===== */
  section,
  .section {
    padding: 50px 0;
  }

  /* ===== COUNTDOWN ===== */
  .count-box,
  .countdown-box {
    padding: 20px;
    text-align: center;
  }

  .countdown-number {
    font-size: 30px;
  }

  /* ===== STATS ===== */
  .stats .col-md-3,
  .stats-bar .stats-item {
    margin-bottom: 20px;
  }

  /* ===== TRACKS ===== */
  .track,
  .track-card {
    padding: 20px;
    text-align: center;
  }

  /* ===== SPEAKERS ===== */
  .speaker img,
  .speaker-card img {
    width: 120px;
    height: 120px;
    margin: 0 auto 15px auto; /* FIXED */
  }

  /* REMOVE BAD MARGIN */
  .speaker img {
    margin-left: 0 !important;
  }

  /* ===== TABLES ===== */
  .table {
    font-size: 13px;
  }

  /* ===== PAGE HEADER ===== */
  .page-header {
    padding: 60px 15px;
  }

  .page-header h1 {
    font-size: 26px;
  }

  /* ===== FOOTER ===== */
  footer {
    text-align: center;
  }

  footer .col-md-4,
  footer .col-md-3 {
    margin-bottom: 30px;
  }
}
/* ===== BOOTSTRAP DROPDOWN FIX ===== */
.navbar {
  z-index: 1050;
}

.dropdown-menu {
  border-radius: 10px;
}

/* Mobile dropdown spacing */
@media (max-width: 991px) {
  .dropdown-menu {
    position: static;
    box-shadow: none;
    margin-left: 15px;
  }
}
:root{
  --blue:#1e88e5;
  --green:#43a047;
  --dark:#0b132b;
}

body{font-family:'Poppins',sans-serif}

/* ================= TOP BAR ================= */
.top-bar{
  background:var(--blue);
  color:#fff;
  font-size:14px;
}
.top-bar a{color:#fff;text-decoration:none}

/* ================= NAVBAR ================= */
.navbar{
  background:#fff;
  padding:18px 0;
  box-shadow:0 4px 12px rgba(0,0,0,.08)
}
.navbar-brand img{height:46px}

.nav-link{
  font-weight:600;
  position:relative;
  margin:0 05px;
  color:#000;
}
.nav-link::after{
  content:'';
  position:absolute;
  width:0;
  height:2px;
  background:var(--blue);
  left:0;
  bottom:-6px;
  transition:.3s;
}
.nav-link:hover::after{width:100%}
.nav-link:hover{color:var(--blue)}


.navbar {
  z-index: 1050;
}

/* ===== BOOTSTRAP DROPDOWN FIX ===== */

/* Bootstrap controls visibility via .show */
.dropdown-menu {
  border: none;
  border-radius: 10px;
  box-shadow: 0 8px 20px rgba(0,0,0,.12);
}

/* Mobile dropdown layout */
@media (max-width: 991px) {
  .dropdown-menu {
    position: static;
    float: none;
    box-shadow: none;
    margin-left: 15px;
  }
}





/* ================= SLIDER ================= */
.carousel-item{height:90vh}
.carousel-item img{height:100%;width:100%;object-fit:cover}
.hero-overlay{
  position:absolute;inset:0;
  background:rgba(0,0,0,.55)
}
.hero-content{
  position:absolute;
  top:50%;left:50%;
  transform:translate(-50%,-50%);
  color:#fff;
  width:85%;
}
/* ================= BOOTSTRAP DROPDOWN HARD FIX ================= */

/* Reset dropdown to Bootstrap default */


/* Bootstrap controls visibility using .show */
.dropdown-menu.show {
  display: block;
}

/* Mobile spacing */
@media (max-width: 991px) {
  .dropdown-menu {
    position: static;
    float: none;
    box-shadow: none;
    margin-left: 15px;
  }
}
/* ================= DROPDOWN FIX (DESKTOP + MOBILE) ================= */



/* Bootstrap controls visibility */
.dropdown-menu.show {
  display: block;
}

/* Mobile styling */
@media (max-width: 991px) {
  .dropdown-menu {
    position: static;
    float: none;
    box-shadow: none;
    margin-left: 15px;
  }
}