:root{
  --primary:#0b4d89;
  --secondary:#14315f;
  --accent:#e8b923;
  --light:#f5f8fc;
  --text:#1c2635;
}



*{
  box-sizing:border-box;
}

body{
  margin:0;
  font-family:'Lato',sans-serif;
  color:var(--text);
  background:#fff;
}

.hero-content h1{
    font-family:'Poppins', sans-serif;
    font-weight:800;
    letter-spacing:0;
}

.hero-content h2{
    font-family:'Poppins', sans-serif;
    font-weight:700;
}
html{
  scroll-behavior:smooth;
}

a{
  text-decoration:none;
}

section{
  padding:75px 0;
}

/* =========================
   PREMIUM NAVBAR
========================= */

.navbar{
  background:linear-gradient(
    90deg,
    #ffffff 0%,
    #f8fcff 45%,
    #fff8df 100%
  );
  box-shadow:0 8px 28px rgba(11,77,137,.12);
  border-bottom:1px solid rgba(11,77,137,.08);
  padding:10px 0;
  z-index:999;
  position:relative;
}

/* animated bottom gradient line */
.navbar::before{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:3px;
  background:linear-gradient(
    90deg,
    #0b4d89,
    #00d9ff,
    #ffc107,
    #0b4d89
  );
  background-size:300% 100%;
  animation:navGradient 6s linear infinite;
}

@keyframes navGradient{
  from{
    background-position:0 0;
  }
  to{
    background-position:300% 0;
  }
}

.navbar-brand{
  color:var(--primary)!important;
  font-weight:900;
  font-size:24px;
  letter-spacing:.4px;
  position:relative;
}

.navbar-brand::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-6px;
  width:45px;
  height:3px;
  background:#ffc107;
  border-radius:20px;
}

.navbar-nav{
  align-items:center;
  gap:4px;
}

.nav-link{
  position:relative;
  color:#1c2635!important;
  font-weight:800;
  font-size:14px;
  padding: 10px 6px!important;
  border-radius:30px;
  transition:.3s ease;
}

/* hover gradient */
.nav-link::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:30px;
  background:linear-gradient(
    135deg,
    #0b4d89,
    #00a8ff
  );
  opacity:0;
  transform:scale(.9);
  transition:.3s ease;
  z-index:-1;
}

.nav-link:hover{
  color:#fff!important;
  transform:translateY(-2px);
}

.nav-link:hover::before{
  opacity:1;
  transform:scale(1);
}

/* dropdown */
.dropdown-menu{
  border:0;
  border-radius:16px;
  padding:10px;
  box-shadow:0 18px 45px rgba(11,77,137,.18);
  min-width:270px;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(12px);
  animation:dropdownFade .25s ease;
}

@keyframes dropdownFade{
  from{
    opacity:0;
    transform:translateY(10px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

.dropdown-item{
  font-weight:700;
  font-size:13px;
  padding:10px 14px;
  border-radius:10px;
  color:#1c2635;
  transition:.2s ease;
}

.dropdown-item:hover{
  background:linear-gradient(
    135deg,
    #0b4d89,
    #14315f
  );
  color:#fff;
  transform:translateX(4px);
}

/* Register button */
.navbar .btn-main{
  background:linear-gradient(
    135deg,
    #ffc107,
    #ff9800
  );
  color:#082c50!important;
  border-radius:50px;
  padding:12px 24px!important;
  font-size:16px;
  font-weight:900;
  box-shadow:0 10px 25px rgba(255,152,0,.25);
}

.navbar .btn-main:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 35px rgba(255,152,0,.35);
}

/* mobile */
@media(max-width:991px){
  .navbar-nav{
    align-items:stretch;
    gap:2px;
  }

  .nav-link{
    border-radius:10px;
  }

  .navbar .btn-main{
    width:100%;
    text-align:center;
    margin-top:10px;
  }
}

@media(min-width:992px){
  .dropdown:hover > .dropdown-menu{
    display:block;
  }
}

.dropdown-submenu{
  position:relative;
}

.dropdown-submenu > .dropdown-menu{
  top:0;
  left:100%;
  margin-top:0;
  display:none;
}

.dropdown-submenu:hover > .dropdown-menu{
  display:block;
}

.dropdown-submenu > .dropdown-toggle::after{
  float:right;
  margin-top:8px;
  transform:rotate(-90deg);
}

/* =========================
   BUTTONS
========================= */
.btn-main{
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,#ffc107,#ff9800);
  color:#082c50;
  padding:15px 38px;
  font-size:18px;
  font-weight:900;
  border:none;
  border-radius:50px;
  box-shadow:0 16px 36px rgba(255,152,0,.35);
  transition:.3s ease;
}

.btn-main::before{
  content:"";
  position:absolute;
  top:0;
  left:-80%;
  width:60%;
  height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);
  transform:skewX(-20deg);
  transition:.55s ease;
}

.btn-main:hover{
  transform:translateY(-4px);
  box-shadow:0 20px 42px rgba(255,152,0,.45);
  color:#082c50;
}

.btn-main:hover::before{
  left:120%;
}

/* =========================
   FIXED VIDEO HERO SLIDER
========================= */
.hero-slider{
  position:relative;
  margin-top:0px;
  min-height:720px;
  background:#021633;
  overflow:hidden;
  padding:0;
}

/* Right fixed video */
.hero-video-wrapper{
  position:absolute;
  top:0;
  right:0;
  width:55%;
  height:100%;
  z-index:1;
  overflow:hidden;
}

.hero-video{
  width:100%;
  height:100%;
  object-fit:cover;
}

/* Video overlay */
.hero-video-wrapper::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    90deg,
    rgba(2,22,51,.30),
    rgba(2,22,51,.05),
    rgba(2,22,51,.25)
  );
  z-index:2;
}

/* Left dark area */
.hero-slider::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:56%;
  height:100%;
  background:linear-gradient(
    90deg,
    rgba(2,22,51,.98),
    rgba(2,22,51,.88),
    rgba(2,22,51,.42),
    transparent
  );
  z-index:2;
  pointer-events:none;
}

/* Smooth shine */
.hero-slider::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    120deg,
    transparent,
    rgba(255,255,255,.08),
    transparent
  );
  transform:translateX(-120%);
  animation:heroShine 8s infinite;
  z-index:3;
  pointer-events:none;
}

@keyframes heroShine{
  0%,45%{
    transform:translateX(-120%);
  }
  70%,100%{
    transform:translateX(120%);
  }
}

/* Carousel layer */
#heroSlider{
  position:relative;
  z-index:4;
}

/* Smooth fade */
#heroSlider.carousel-fade .carousel-item{
  opacity:0;
  transition:opacity 1s ease-in-out;
}

#heroSlider.carousel-fade .carousel-item.active{
  opacity:1;
}

/* Hero slide */
.hero-slide{
  min-height:720px;
  display:flex;
  align-items:center;
  position:relative;
  overflow:hidden;
}

.hero-slide::before,
.hero-slide::after{
  display:none;
}

.hero-slide .container{
  max-width:100%;
  padding-left:90px;
  padding-right:20px;
  margin-left:0;
}

/* Content smooth change */
#heroSlider .carousel-item .hero-content{
  opacity:0;
  transform:translateY(25px);
  transition:opacity .9s ease, transform .9s ease;
}

#heroSlider .carousel-item.active .hero-content{
  opacity:1;
  transform:translateY(0);
}

/* Glass content card */
.hero-content{
  position:relative;
  z-index:5;
  max-width:650px;
  padding:45px;
  border-radius:30px;
  background:linear-gradient(
    135deg,
    rgba(255,255,255,.18),
    rgba(255,255,255,.08)
  );
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  border:1px solid rgba(255,255,255,.25);
  box-shadow:0 20px 60px rgba(0,0,0,.35);
  overflow:hidden;
  animation:none!important;
}

.hero-content::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:30px;
  padding:2px;
  background:linear-gradient(135deg,#ffc107,#00d9ff);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
}

.hero-content::after{
  content:"";
  position:absolute;
  width:220px;
  height:220px;
  right:-85px;
  top:-85px;
  background:radial-gradient(circle,rgba(255,201,60,.30),transparent 70%);
  border-radius:50%;
  pointer-events:none;
}

.logo-row{
  display:flex;
  gap:15px;
  align-items:center;
  flex-wrap:wrap;
  margin-bottom:28px;
}

.logo-row img{
  height:95px;
  max-width:160px;
  object-fit:contain;
  background:rgba(255,255,255,.96);
  padding:9px 15px;
  border-radius:14px;
  box-shadow:0 10px 26px rgba(0,0,0,.18);
  transition:.25s ease;
}

.logo-row img:hover{
  transform:translateY(-3px);
}

.hero-content h1{
  font-size:64px;
  line-height:.95;
  font-weight:900;
  color:#fff;
  letter-spacing:-1px;
  text-transform:uppercase;
  margin-bottom:12px;
  text-shadow:0 8px 26px rgba(0,0,0,.28);
}

.hero-content h2{
  font-size:42px;
  font-weight:900;
  color:#ffc93c;
  margin-bottom:16px;
  text-transform:uppercase;
}

.hero-content p{
  color:#f3f8ff;
  font-size:22px;
  font-weight:700;
  margin-bottom:26px;
}

.hero-info{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  max-width:540px;
  margin-bottom:32px;
}

.hero-info span{
  display:flex;
  align-items:center;
  gap:10px;
  width:max-content;
  max-width:100%;
  background:rgba(255,255,255,.16);
  color:#fff;
  padding:14px 20px;
  border-radius:14px;
  font-weight:800;
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 10px 30px rgba(0,0,0,.18);
}

.hero-info i{
  color:#ffc93c;
  font-size:20px;
}

/* Carousel arrows */
.carousel-control-prev,
.carousel-control-next{
  width:58px;
  height:58px;
  top:50%;
  transform:translateY(-50%);
  border-radius:50%;
  background:rgba(255,255,255,.16);
  backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.24);
  opacity:1;
  transition:.25s ease;
  z-index:8;
}

.carousel-control-prev:hover,
.carousel-control-next:hover{
  background:#ffc93c;
}

.carousel-control-prev{
  left:28px;
}

.carousel-control-next{
  right:28px;
}

/* Carousel dots */
.carousel-indicators{
  bottom:24px;
  z-index:8;
}

.carousel-indicators{
  bottom:28px;
  gap:8px;
  margin-bottom:0;
  z-index:8;
}

.carousel-indicators [data-bs-target]{
  width:10px!important;
  height:10px!important;
  border-radius:50%!important;
  border:2px solid rgba(255,255,255,.9)!important;
  background:transparent!important;
  opacity:1!important;
  margin:0!important;
}

.carousel-indicators .active{
  width:32px!important;
  height:10px!important;
  border-radius:30px!important;
  background:#ffc107!important;
  border-color:#ffc107!important;
}

/* =========================
   SECTION BACKGROUNDS
========================= */
.bg-light-section{
  background:var(--light);
}

.bg-pattern{
  background:
    linear-gradient(135deg,rgba(11,77,137,.04),rgba(232,185,35,.08)),
    url("data:image/svg+xml,%3Csvg width='80' height='80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%230b4d89' stroke-opacity='.07'%3E%3Cpath d='M0 40h80M40 0v80'/%3E%3C/g%3E%3C/svg%3E");
}

.bg-gradient-soft{
  background:linear-gradient(135deg,#f7fbff 0%,#eef5fb 50%,#fff8df 100%);
}

.bg-wave{
  background:
    radial-gradient(circle at top left,rgba(11,77,137,.10),transparent 28%),
    radial-gradient(circle at bottom right,rgba(232,185,35,.18),transparent 30%),
    #ffffff;
}

/* =========================
   COMMON SECTIONS
========================= */
.section-title{
  text-align:center;
  margin-bottom:42px;
}

.section-title span{
  color:var(--accent);
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:1px;
}

.section-title h2{
  color:var(--primary);
  font-weight:900;
  font-size:42px;
  margin-top:8px;
  display:inline-block;
  position:relative;
  padding-bottom:12px;
}

.section-title h2::after{
  content:"";
  width:70px;
  height:4px;
  background:var(--accent);
  position:absolute;
  left:50%;
  bottom:0;
  transform:translateX(-50%);
}

.content-card{
  background:#fff;
  padding:30px;
  border:1px solid #e6edf5;
  box-shadow:0 10px 30px rgba(0,0,0,.06);
  height:100%;
  transition:.25s ease;
}

.content-card:hover{
  transform:translateY(-4px);
  box-shadow:0 16px 40px rgba(11,77,137,.14);
}

.content-card h3,
.content-card h4{
  color:var(--primary);
  font-weight:900;
}

.icon-box{
  width:62px;
  height:62px;
  background:var(--primary);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:28px;
  margin-bottom:18px;
  transition:.25s ease;
}

.content-card:hover .icon-box{
  background:var(--accent);
  color:#082c50;
}

.program-card{
  background:#fff;
  border:1px solid #dfe8f2;
  border-left:5px solid var(--primary);
  padding:18px;
  height:100%;
  font-weight:800;
  color:var(--secondary);
  position:relative;
  overflow:hidden;
  transition:.25s ease;
}

.program-card:hover{
  transform:translateY(-4px);
  box-shadow:0 16px 40px rgba(11,77,137,.14);
}

.program-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(232,185,35,.12),transparent);
  opacity:0;
  transition:.25s ease;
}

.program-card:hover::before{
  opacity:1;
}

.table-box{
  background:#fff;
  padding:26px;
  border:1px solid #dfe8f2;
  box-shadow:0 10px 30px rgba(0,0,0,.06);
  margin-bottom:35px;
  transition:.25s ease;
}

.table-box:hover{
  transform:translateY(-4px);
  box-shadow:0 16px 40px rgba(11,77,137,.14);
}

.table-box h4{
  color:var(--primary);
  font-weight:900;
  margin-bottom:18px;
}

.table th{
  background:var(--primary)!important;
  color:#fff!important;
  white-space:nowrap;
}

.table td{
  white-space:nowrap;
}

.deadline-box{
  background:#fff6d6;
  border-left:6px solid var(--accent);
  padding:18px 22px;
  font-size:24px;
  font-weight:900;
  color:#7a5500;
  margin:25px 0;
}

.gallery-card img{
  width:100%;
  height:190px;
  object-fit:cover;
}

.gallery-card h5{
  margin-top:14px;
  color:var(--primary);
  font-weight:900;
}

/* =========================
   FOOTER
========================= */
.footer{
  background:#082c50;
  color:#fff;
  padding:65px 0 25px;
}

.footer .content-card{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.16);
  color:#fff;
}

.footer h4{
  color:var(--accent);
}

/* =========================
   RESPONSIVE
========================= */
@media(max-width:991px){
  .navbar-nav{
    padding-top:15px;
    max-height:80vh;
    overflow-y:auto;
  }

  .dropdown-submenu > .dropdown-menu{
    position:static;
    display:none;
    margin-left:15px;
    box-shadow:none;
    border-left:3px solid var(--primary);
  }

  .dropdown-submenu:hover > .dropdown-menu{
    display:block;
  }

  .hero-video-wrapper{
    width:100%;
    opacity:.38;
  }

  .hero-slider::before{
    width:100%;
    background:rgba(2,22,51,.84);
  }

  .hero-slide .container{
    padding-left:35px;
    padding-right:35px;
  }
}

@media(max-width:768px){
  section{
    padding:55px 0;
  }

  .hero-slider,
  .hero-slide{
    min-height:660px;
  }

  .hero-content{
    padding:28px 24px;
    text-align:center;
    border-radius:22px;
    margin:auto;
  }

  .hero-content h1{
    font-size:38px;
  }

  .hero-content h2{
    font-size:28px;
  }

  .hero-content p{
    font-size:18px;
  }

  .logo-row{
    justify-content:center;
  }

  .logo-row img{
    height:44px;
    max-width:125px;
  }

  .hero-info span{
    width:100%;
    justify-content:center;
  }

  .carousel-control-prev,
  .carousel-control-next{
    width:44px;
    height:44px;
  }

  .section-title h2{
    font-size:32px;
  }
}
    
   .navbar .container-fluid{
    display:flex;
    align-items:center;
    justify-content:space-between!important;
}

.navbar-collapse{
    flex-grow:1!important;
    margin-left:30px;
}

.navbar-nav{
    width:100%;
    justify-content:flex-end;
    align-items:center;
    gap:4px;
}


.quick-info-section{
    background:linear-gradient(
        180deg,
        #ffffff 0%,
        #f8fbff 100%
    );
    padding:70px 0;
}

.quick-card{
    background:#fff;
    border-radius:20px;
    padding:35px 25px;
    text-align:center;
    height:100%;
    border:1px solid #edf2f7;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
    transition:.3s ease;
    position:relative;
    overflow:hidden;
}

.quick-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:linear-gradient(
        90deg,
        #0b4d89,
        #00a8ff,
        #ffc107
    );
}

.quick-card:hover{
    transform:translateY(-6px);
    box-shadow:0 20px 45px rgba(11,77,137,.12);
}

.quick-icon{
    width:75px;
    height:75px;
    margin:auto;
    border-radius:50%;
    background:linear-gradient(
        135deg,
        #0b4d89,
        #14315f
    );
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    margin-bottom:20px;
}

.quick-card h5{
    color:#ffc107;
    font-size:15px;
    font-weight:800;
    text-transform:uppercase;
    margin-bottom:10px;
}

.quick-card h3{
    color:#0b4d89;
    font-size:30px;
    font-weight:900;
    margin-bottom:15px;
}

.quick-card p{
    color:#666;
    font-size:16px;
    line-height:1.7;
    margin-bottom:0;
}


.about-section{
  background:linear-gradient(135deg,#ffffff 0%,#f6fbff 60%,#fff8e4 100%);
  position:relative;
  overflow:hidden;
}

.about-image{
  position:relative;
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 20px 50px rgba(11,77,137,.16);
}

.about-image::before{
  content:"";
  position:absolute;
  inset:0;
  border:8px solid rgba(255,255,255,.65);
  z-index:2;
  pointer-events:none;
}

.about-image img{
  width:100%;
  height:430px;
  object-fit:cover;
}

.about-content{
  background:#fff;
  padding:38px;
  border-radius:24px;
  box-shadow:0 15px 40px rgba(0,0,0,.06);
  border:1px solid #edf2f7;
}

.section-label{
  color:#e8b923;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:1px;
}

.about-content h2{
  color:#0b4d89;
  font-size:42px;
  font-weight:900;
  margin:12px 0 20px;
}

.about-content p{
  color:#555;
  font-size:16px;
  line-height:1.8;
}

.about-points{
  display:grid;
  gap:14px;
  margin-top:24px;
}

.about-points div{
  display:flex;
  align-items:center;
  gap:12px;
  background:#f8fbff;
  padding:14px 16px;
  border-radius:12px;
  border-left:4px solid #0b4d89;
  font-weight:700;
  color:#14315f;
}

.about-points i{
  color:#e8b923;
  font-size:22px;
}

@media(max-width:768px){
  .about-image img{
    height:300px;
  }

  .about-content{
    padding:26px;
  }

  .about-content h2{
    font-size:32px;
  }
}

.about-section{
  background:
    radial-gradient(circle at 8% 18%, rgba(0,168,255,.13), transparent 22%),
    radial-gradient(circle at 92% 82%, rgba(255,193,7,.18), transparent 24%),
    linear-gradient(135deg,#f7fbff 0%,#ffffff 48%,#fff8e4 100%);
  position:relative;
  overflow:hidden;
}

.about-section::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(11,77,137,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(11,77,137,.055) 1px, transparent 1px);
  background-size:42px 42px;
  opacity:.55;
  pointer-events:none;
}

.about-section::after{
  content:"ECHO ASIA 2026";
  position:absolute;
  left:4%;
  bottom:7%;
  font-size:110px;
  font-weight:900;
  color:rgba(11,77,137,.045);
  letter-spacing:4px;
  pointer-events:none;
}

.about-section .container{
  position:relative;
  z-index:2;
}

.about-image{
  position:relative;
}

.about-image::after{
  content:"";
  position:absolute;
  width:85%;
  height:85%;
  left:-18px;
  bottom:-18px;
  background:linear-gradient(135deg,#0b4d89,#00d9ff,#ffc107);
  border-radius:24px;
  z-index:-1;
  opacity:.22;
}


.program-section{
    background:
        linear-gradient(135deg,#ffffff 0%,#f8fbff 50%,#fff8e8 100%);
    position:relative;
    overflow:hidden;
}

.program-section::before{
    content:"";
    position:absolute;
    width:300px;
    height:300px;
    background:rgba(11,77,137,.06);
    border-radius:50%;
    top:-100px;
    right:-100px;
}

.program-box{
    background:#fff;
    border-radius:20px;
    padding:30px;
    text-align:center;
    height:100%;
    border:1px solid #edf2f7;
    box-shadow:0 10px 25px rgba(0,0,0,.05);
    transition:.3s ease;
    position:relative;
    overflow:hidden;
}

.program-box::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:linear-gradient(
        90deg,
        #0b4d89,
        #00a8ff,
        #ffc107
    );
}

.program-box:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 40px rgba(11,77,137,.12);
}

.program-box i{
    font-size:42px;
    color:#0b4d89;
    margin-bottom:18px;
    display:block;
}

.program-box h4{
    font-size:20px;
    font-weight:800;
    color:#14315f;
    margin-bottom:0;
}

.section-title p{
    max-width:650px;
    margin:auto;
    color:#666;
    margin-top:15px;
}

.program-box{
  min-height:125px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.program-box h4{
  font-size:17px;
  line-height:1.55;
}



.welcome-section{
  background:#f6f9fd;
  padding:85px 0;
  position:relative;
  overflow:hidden;
}

.welcome-section::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(11,77,137,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(11,77,137,.035) 1px, transparent 1px);
  background-size:46px 46px;
}

.welcome-section .container{
  position:relative;
  z-index:2;
}

.welcome-panel{
  background:#fff;
  border-radius:26px;
  overflow:hidden;
  box-shadow:0 18px 50px rgba(11,77,137,.10);
  border:1px solid #e7eef6;
}

.welcome-side{
  height:100%;
  background:
    linear-gradient(145deg,rgba(11,77,137,.96),rgba(20,49,95,.98)),
    url("data:image/svg+xml,%3Csvg width='120' height='120' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.08'%3E%3Ccircle cx='60' cy='60' r='42'/%3E%3Cpath d='M0 60h120M60 0v120'/%3E%3C/g%3E%3C/svg%3E");
  padding:45px 35px;
  color:#fff;
}

.side-icon{
  width:78px;
  height:78px;
  border-radius:18px;
  background:#ffc107;
  color:#0b4d89;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:36px;
  margin-bottom:25px;
}

.welcome-side h3{
  font-size:32px;
  font-weight:900;
  margin-bottom:12px;
}

.welcome-side p{
  color:#dcecff;
  font-size:17px;
  line-height:1.7;
}

.side-info{
  margin-top:35px;
  display:grid;
  gap:18px;
}

.side-info div{
  display:flex;
  gap:12px;
  align-items:flex-start;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.12);
  padding:14px;
  border-radius:14px;
}

.side-info i{
  color:#ffc107;
  font-size:20px;
}

.side-info span{
  font-weight:700;
  line-height:1.5;
}

.welcome-text{
  position:relative;
  padding:50px 55px;
}

.quote-mark{
  position:absolute;
  right:45px;
  top:25px;
  font-size:120px;
  line-height:1;
  color:rgba(11,77,137,.07);
  font-weight:900;
}

.welcome-text h3{
  color:#0b4d89;
  font-size:38px;
  font-weight:900;
  margin-bottom:25px;
  padding-right:80px;
}

.welcome-text p{
  color:#404b5a;
  font-size:17px;
  line-height:1.9;
  margin-bottom:18px;
}

.welcome-sign{
  margin-top:30px;
  padding-top:22px;
  border-top:1px solid #e7eef6;
}

.welcome-sign span{
  display:block;
  color:#5d6775;
  margin-bottom:4px;
}

.welcome-sign strong{
  color:#e8b923;
  font-size:22px;
  font-weight:900;
}

@media(max-width:991px){
  .welcome-text{
    padding:35px 28px;
  }

  .welcome-text h3{
    padding-right:0;
    font-size:30px;
  }

  .quote-mark{
    display:none;
  }
}


.welcome-section{
    background:#f8fbff;
}

.welcome-box{
    background:#fff;
    padding:40px;
    border-radius:20px;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
    height:100%;
}

.welcome-box h3{
    color:#0b4d89;
    font-weight:800;
    margin-bottom:20px;
}

.welcome-box p{
    color:#555;
    line-height:1.9;
}

.welcome-sign{
    margin-top:25px;
    padding-top:20px;
    border-top:1px solid #eee;
}

.welcome-sign h4{
    color:#e8b923;
    font-weight:800;
}

.sidebar-box{
    display:flex;
    flex-direction:column;
    gap:20px;
}

.countdown-box{
    background:linear-gradient(135deg,#0b4d89,#14315f);
    color:#fff;
    padding:30px;
    border-radius:20px;
    text-align:center;
}

.countdown-box h4{
    margin-bottom:25px;
    font-weight:800;
}

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

.countdown-timer div{
    background:rgba(255,255,255,.12);
    padding:15px;
    border-radius:12px;
    min-width:80px;
}

.countdown-timer span{
    display:block;
    font-size:28px;
    font-weight:900;
}

.download-box{
    background:#fff;
    padding:25px;
    border-radius:20px;
    text-align:center;
    box-shadow:0 10px 25px rgba(0,0,0,.05);
}

.download-box i{
    font-size:35px;
    color:#0b4d89;
    margin-bottom:15px;
    display:block;
}

.download-box h5{
    font-weight:700;
    margin-bottom:15px;
}


.registration-section{
  background:linear-gradient(135deg,#ffffff 0%,#f8fbff 55%,#fff8e8 100%);
  position:relative;
  overflow:hidden;
}

.reg-tabs{
  gap:12px;
}

.reg-tabs .nav-link{
  border:1px solid #dfe8f2;
  background:#fff;
  color:#0b4d89!important;
  font-weight:800;
  border-radius:50px;
  padding:12px 26px!important;
  box-shadow:0 8px 20px rgba(0,0,0,.04);
}

.reg-tabs .nav-link.active{
  background:linear-gradient(135deg,#0b4d89,#14315f);
  color:#fff!important;
  border-color:#0b4d89;
}

.reg-table-card{
  background:#fff;
  border:1px solid #e6edf5;
  border-radius:24px;
  padding:30px;
  box-shadow:0 15px 40px rgba(11,77,137,.08);
}

.reg-table-card h4{
  color:#0b4d89;
  font-weight:900;
  margin-bottom:22px;
  text-align:center;
}

.reg-table{
  margin-bottom:0;
  border-collapse:separate;
  border-spacing:0;
}

.reg-table thead th{
  background:#0b4d89!important;
  color:#fff!important;
  text-align:center;
  padding:15px;
  font-size:14px;
}

.reg-table tbody td{
  text-align:center;
  padding:15px;
  vertical-align:middle;
  color:#333;
  border-color:#edf2f7;
}

.reg-table tbody td:first-child{
  text-align:left;
  color:#0b4d89;
  background:#f8fbff;
}

.package-card{
  height:100%;
  background:#f8fbff;
  border:1px solid #e4ecf5;
  border-radius:20px;
  padding:30px;
  text-align:center;
}

.package-card.featured{
  background:#0b4d89;
  color:#fff;
}

.package-card h5{
  color:#e8b923;
  font-weight:900;
  text-transform:uppercase;
}

.package-card h3{
  font-size:42px;
  font-weight:900;
  color:#0b4d89;
}

.package-card.featured h3,
.package-card.featured ul,
.package-card.featured p{
  color:#fff;
}

.package-card ul{
  list-style:none;
  padding:0;
  margin:20px 0 0;
  color:#555;
}

.package-card ul li{
  padding:8px 0;
  border-bottom:1px solid rgba(0,0,0,.08);
}

.package-card.featured ul li{
  border-bottom-color:rgba(255,255,255,.15);
}


.abstract-section{
    background:
    radial-gradient(circle at 15% 20%, rgba(0,168,255,.12), transparent 22%),
    radial-gradient(circle at 85% 80%, rgba(255,193,7,.14), transparent 22%),
    linear-gradient(
        135deg,
        #f8fbff 0%,
        #ffffff 45%,
        #fff9ed 100%
    );
    position:relative;
    overflow:hidden;
}

/* subtle pattern */
.abstract-section::before{
    content:"";
    position:absolute;
    inset:0;
    background-image:
      linear-gradient(rgba(11,77,137,.03) 1px, transparent 1px),
      linear-gradient(90deg, rgba(11,77,137,.03) 1px, transparent 1px);
    background-size:45px 45px;
    pointer-events:none;
}

/* floating blur effect */
.abstract-section::after{
    content:"";
    position:absolute;
    width:350px;
    height:350px;
    background:linear-gradient(#00d9ff,#0b4d89);
    border-radius:50%;
    filter:blur(120px);
    opacity:.12;
    top:20%;
    left:10%;
}

.abstract-info-box{
    background:
    linear-gradient(
        135deg,
        rgba(11,77,137,.95),
        rgba(20,49,95,.90)
    );
    
    backdrop-filter:blur(10px);
    color:#fff;
    height:100%;
    padding:40px;
    border-radius:25px;
    box-shadow:0 20px 50px rgba(11,77,137,.18);
    border:1px solid rgba(255,255,255,.08);
}

.abstract-info-box h3{
    font-size:34px;
    font-weight:900;
    margin-bottom:20px;
}

.abstract-info-box p{
    color:#dbe8ff;
    line-height:1.8;
}

.deadline-box{
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.15);
    border-radius:18px;
    padding:20px;
    display:flex;
    align-items:center;
    gap:18px;
    margin-top:25px;
}

.deadline-box i{
    font-size:35px;
    color:#ffc107;
}

.deadline-box small{
    color:#dbe8ff;
}

.deadline-box h4{
    margin:0;
    color:#fff;
    font-weight:900;
}

.category-card{
    background:#fff;
    padding:35px;
    border-radius:25px;
    height:100%;
    box-shadow:0 12px 35px rgba(0,0,0,.05);
    border:1px solid #edf2f7;
}

.category-icon{
    width:70px;
    height:70px;
    border-radius:18px;
    background:linear-gradient(135deg,#0b4d89,#14315f);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    margin-bottom:20px;
}

.category-card h4{
    color:#0b4d89;
    font-weight:800;
    margin-bottom:20px;
}

.category-card ul{
    padding-left:18px;
    margin:0;
}

.category-card ul li{
    margin-bottom:12px;
    color:#555;
    line-height:1.6;
}

.category-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(11,77,137,.12);
}

.venue-section{
    background:
    linear-gradient(
        135deg,
        #ffffff 0%,
        #f8fbff 50%,
        #fff9ed 100%
    );
    position:relative;
}

.venue-image-box{
    position:relative;
    border-radius:25px;
    overflow:hidden;
    box-shadow:0 20px 45px rgba(0,0,0,.12);
}

.venue-image-box img{
    width:100%;
    height:500px;
    object-fit:cover;
}

.venue-badge{
    position:absolute;
    bottom:25px;
    left:25px;
    background:#fff;
    padding:12px 22px;
    border-radius:50px;
    font-weight:700;
    color:#0b4d89;
    box-shadow:0 10px 25px rgba(0,0,0,.15);
}

.venue-badge i{
    color:#ffc107;
    margin-right:8px;
}

.venue-content-box{
    background:#fff;
    padding:40px;
    border-radius:25px;
    box-shadow:0 15px 40px rgba(0,0,0,.06);
}

.venue-content-box h3{
    font-size:36px;
    font-weight:900;
    color:#0b4d89;
    margin-bottom:20px;
}

.venue-content-box p{
    color:#555;
    line-height:1.8;
}

.venue-features{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
    margin-top:25px;
}

.venue-features div{
    background:#f8fbff;
    padding:15px;
    border-radius:14px;
    font-weight:700;
    color:#14315f;
}

.venue-features i{
    color:#ffc107;
    margin-right:10px;
}

.map-box{
    border-radius:25px;
    overflow:hidden;
    box-shadow:0 15px 35px rgba(0,0,0,.08);
}

.map-box iframe{
    width:100%;
    height:350px;
    border:0;
}

@media(max-width:768px){
    .venue-image-box img{
        height:300px;
    }

    .venue-features{
        grid-template-columns:1fr;
    }

    .venue-content-box{
        padding:25px;
    }
}


.tour-section{
    background:
    linear-gradient(
        135deg,
        #ffffff 0%,
        #f8fbff 50%,
        #fff9ed 100%
    );
    position:relative;
    overflow:hidden;
}

.tour-card{
    position:relative;
    border-radius:25px;
    overflow:hidden;
    height:380px;
    box-shadow:0 15px 40px rgba(0,0,0,.10);
}

.tour-card img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.6s ease;
}

.tour-overlay{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    padding:25px;
    background:linear-gradient(
        transparent,
        rgba(0,0,0,.85)
    );
    color:#fff;
    transition:.4s ease;
}

.tour-overlay h4{
    font-weight:800;
    margin-bottom:10px;
}

.tour-overlay p{
    font-size:14px;
    margin:0;
    opacity:.9;
}

.tour-card:hover img{
    transform:scale(1.08);
}

.tour-card:hover .tour-overlay{
    padding-bottom:35px;
}

@media(max-width:768px){
    .tour-card{
        height:300px;
    }
}

.footer-section{
    background:
    linear-gradient(
        135deg,
        #071a35,
        #0b4d89,
        #061325
    );
    color:#fff;
    position:relative;
    overflow:hidden;
    padding-top:80px;
}

.footer-section::before{
    content:"";
    position:absolute;
    width:400px;
    height:400px;
    background:#ffc107;
    border-radius:50%;
    filter:blur(180px);
    opacity:.08;
    top:-100px;
    right:-100px;
}

.footer-cta{
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(10px);
    padding:35px;
    border-radius:25px;
    margin-bottom:60px;
    border:1px solid rgba(255,255,255,.08);
}

.footer-cta h3{
    font-size:32px;
    font-weight:800;
    margin-bottom:10px;
}

.footer-cta p{
    margin:0;
    color:#dbe8ff;
}

.footer-main{
    padding-bottom:40px;
}

.footer-box h4{
    font-weight:800;
    margin-bottom:20px;
    color:#ffc107;
}

.footer-box p{
    color:#dbe8ff;
    line-height:1.8;
}

.footer-social{
    display:flex;
    gap:12px;
    margin-top:20px;
}

.footer-social a{
    width:45px;
    height:45px;
    background:rgba(255,255,255,.08);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    text-decoration:none;
    transition:.3s;
}

.footer-social a:hover{
    background:#ffc107;
    color:#000;
}

.footer-logo{
    max-width:180px;
    margin-top:15px;
}

.footer-bottom{
    border-top:1px solid rgba(255,255,255,.1);
    text-align:center;
    padding:25px 0;
}

.footer-bottom p{
    margin:0;
    color:#dbe8ff;
}

/* ===============================
   TABLET / MEDIUM SCREEN FIX
================================ */

/* Navbar compact on medium screens */
@media (min-width:992px) and (max-width:1280px){

  .navbar-brand{
    font-size:20px;
  }

  .navbar .container-fluid{
    padding-left:14px!important;
    padding-right:14px!important;
  }

  .navbar-collapse{
    margin-left:20px!important;
  }

  .navbar-nav{
    gap:0!important;
  }

  .nav-link{
    font-size:12px!important;
    padding:8px 6px!important;
  }

  .navbar .btn-main{
    font-size:13px!important;
    padding:10px 16px!important;
  }
}

/* Hero fix for laptop/tablet width */
@media (min-width:992px) and (max-width:1280px){

  .hero-slider,
  .hero-slide{
    min-height:620px;
  }

  .hero-video-wrapper{
    width:50%;
  }

  .hero-slider::before{
    width:58%;
  }

  .hero-slide .container{
    padding-left:70px;
    padding-right:0;
  }

  .hero-content{
    max-width:520px;
    padding:34px;
  }

  .hero-content h1{
    font-size:48px;
    line-height:1.05;
  }

  .hero-content h2{
    font-size:30px;
  }

  .hero-content p{
    font-size:18px;
  }

  .logo-row img{
    height:46px;
    max-width:130px;
  }
}

/* Force mobile menu earlier if needed */
@media (max-width:1100px){
  .navbar-expand-lg .navbar-collapse{
    flex-wrap:wrap;
  }
}


/* FINAL NAVBAR + SLIDER RESPONSIVE FIX */

@media(min-width:1200px){
  .navbar .container-fluid{
    position:relative;
    display:flex;
    align-items:center;
  }

  .navbar-brand{
    position:absolute;
    left:24px;
    top:50%;
    transform:translateY(-50%);
    white-space:nowrap;
  }

  .navbar-collapse{
    justify-content:center!important;
    margin-left:0!important;
    flex-grow:1!important;
  }

  .navbar-nav{
    width:auto!important;
    margin:0 auto!important;
    justify-content:center!important;
    gap: 12px!important;
  }

  .register-btn{
    position:absolute;
    right:24px;
    top:50%;
    transform:translateY(-50%);
    white-space:nowrap;
  }

  .nav-link{
    font-size:13px!important;
    padding:9px 7px!important;
    white-space:nowrap;
  }
}

@media(min-width:1200px) and (max-width:1450px){
  .navbar-brand{
    font-size:20px!important;
  }

  .nav-link{
    font-size:12px!important;
    padding:8px 5px!important;
  }

  .navbar .btn-main{
    font-size:13px!important;
    padding:10px 16px!important;
  }
}

/* slider auto fit all desktop sizes */
@media(min-width:1200px) and (max-width:1450px){
  .hero-slider,
  .hero-slide{
    min-height:620px;
  }

  .hero-video-wrapper{
    width:52%;
  }

  .hero-slider::before{
    width:60%;
  }

  .hero-slide .container{
    padding-left:70px!important;
    padding-right:20px!important;
  }

  .hero-content{
    max-width:520px!important;
    padding:34px!important;
  }

  .hero-content h1{
    font-size:48px!important;
    line-height:1.05!important;
  }

  .hero-content h2{
    font-size:32px!important;
  }

  .hero-content p{
    font-size:18px!important;
  }

  .logo-row img{
    height:55px!important;
    max-width:130px!important;
  }
}

/* below 1200 menu becomes hamburger */
@media(max-width:1199px){
  .navbar-collapse{
    margin-left:0!important;
  }

  .navbar-nav{
    width:100%!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
  }

  .register-btn{
    width:100%;
    text-align:center;
    margin-top:12px;
  }

  .hero-slider,
  .hero-slide{
    min-height:650px;
  }
}

/* HERO OVERLAP FINAL FIX */
@media(min-width:1200px){
  .hero-video-wrapper{
    width:58%;
  }

  .hero-slider::before{
    width:50%;
  }

  .hero-slide .container{
    padding-left:70px!important;
    padding-right:0!important;
  }

  .hero-content{
    max-width:520px!important;
    padding:35px!important;
  }

  .hero-content h1{
    font-size:46px!important;
    line-height:1.08!important;
  }

  .hero-content h2{
    font-size:30px!important;
  }

  .hero-content p{
    font-size:17px!important;
    line-height:1.6!important;
  }

  .hero-info span{
    font-size:14px!important;
    padding:12px 16px!important;
  }

  .logo-row img{
    height:48px!important;
    max-width:130px!important;
  }
}

/* Large screen */
@media(min-width:1500px){
  .hero-content{
    max-width:620px!important;
    padding:45px!important;
  }

  .hero-content h1{
    font-size:60px!important;
  }

  .hero-content h2{
    font-size:40px!important;
  }
}

/* Tablet */
@media(min-width:992px) and (max-width:1199px){
  .hero-video-wrapper{
    width:100%;
    opacity:.45;
  }

  .hero-slider::before{
    width:100%;
    background:rgba(2,22,51,.82);
  }

  .hero-content{
    max-width:600px!important;
  }
}

.committee-section{
    padding:90px 0;
    background:
    linear-gradient(
        135deg,
        #f8fbff 0%,
        #ffffff 50%,
        #fffaf0 100%
    );
}

.committee-block{
    margin-bottom:60px;
}

.section-title span{
    color:#ffb21d;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1px;
}

.section-title h2{
    font-size:52px;
    font-weight:800;
    color:#0c4d92;
    margin-top:10px;
}

.section-title p{
    color:#5f6b76;
    margin-top:15px;
    font-size:17px;
}

.committee-heading{
    text-align:center;
    margin-bottom:30px;
}

.committee-heading h3{
    font-size:34px;
    font-weight:800;
    color:#0c4d92;
    display:inline-block;
    position:relative;
    padding-bottom:14px;
}

.committee-heading h3::after{
    content:'';
    position:absolute;
    width:70%;
    height:4px;
    background:#ffb21d;
    left:50%;
    transform:translateX(-50%);
    bottom:0;
    border-radius:10px;
}

.committee-list-card{
    background:#fff;
    border-radius:28px;
    padding:35px;
    box-shadow:0 12px 40px rgba(0,0,0,.07);

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

.multi-column{
    grid-template-columns:repeat(4,1fr);
}

.single-card{
    grid-template-columns:1fr;
    max-width:450px;
    margin:auto;
}

.committee-name{
    background:#f5f9ff;
    border:1px solid #e7eef7;
    border-radius:18px;
    padding:18px 20px;
    text-align:center;
    font-weight:600;
    color:#1d2b36;
    transition:.3s;
}

.committee-name:hover{
    background:#0c4d92;
    color:#fff;
    transform:translateY(-4px);
}

@media(max-width:991px){

    .committee-list-card,
    .multi-column{
        grid-template-columns:repeat(2,1fr);
    }

    .section-title h2{
        font-size:38px;
    }

    .committee-heading h3{
        font-size:28px;
    }

}

@media(max-width:575px){

    .committee-list-card,
    .multi-column{
        grid-template-columns:1fr;
    }

}



/* =========================
INNER BANNER
========================= */

.inner-banner{
    padding:180px 0 90px;
    background:
    linear-gradient(rgba(1,16,38,.82),rgba(1,16,38,.82)),
    url('images/banner.png') center/cover no-repeat;
    position:relative;
    overflow:hidden;
}

.inner-banner::before{
    content:'';
    position:absolute;
    width:450px;
    height:450px;
    background:rgba(13,202,240,.15);
    border-radius:50%;
    right:-120px;
    top:-180px;
}

.inner-banner h1{
    color:#fff;
    font-size:58px;
    font-weight:800;
    margin-bottom:12px;
}

.inner-banner p{
    color:#d7e8ff;
    font-size:18px;
}

/* =========================
COMMITTEE SECTION
========================= */

.committee-section{
    padding:90px 0;
    background:
    linear-gradient(
        135deg,
        #f8fbff 0%,
        #ffffff 50%,
        #fffaf0 100%
    );
}

.section-title{
    margin-bottom:60px;
}

.section-title span{
    color:#ffb21d;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
}

.section-title h2{
    font-size:52px;
    font-weight:800;
    color:#0c4d92;
    margin-top:10px;
}

.section-title p{
    color:#5d6873;
    margin-top:15px;
    font-size:17px;
}

.committee-block{
    margin-top:70px;
}

.committee-heading{
    text-align:center;
    margin-bottom:35px;
}

.committee-heading h3{
    font-size:34px;
    font-weight:800;
    color:#0c4d92;
    position:relative;
    display:inline-block;
    padding-bottom:12px;
}

.committee-heading h3::after{
    content:'';
    position:absolute;
    width:70%;
    height:4px;
    background:#ffb21d;
    left:50%;
    transform:translateX(-50%);
    bottom:0;
    border-radius:10px;
}

.committee-card{
    background:#fff;
    border-radius:28px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.4s ease;
    height:100%;
}

.committee-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 50px rgba(0,0,0,.14);
}

.committee-card img{
    width:100%;
    height:340px;
    object-fit:cover;
}

.committee-info{
    padding:28px;
    text-align:center;
}

.committee-info h4{
    font-size:24px;
    font-weight:800;
    color:#0c4d92;
    margin-bottom:10px;
}

.committee-info span{
    color:#5f6b76;
    line-height:1.7;
    display:block;
    font-weight:500;
}

.main-card{
    border:3px solid rgba(13,110,253,.1);
}

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

@media(max-width:991px){

    .inner-banner{
        padding:150px 0 70px;
        text-align:center;
    }

    .inner-banner h1{
        font-size:40px;
    }

    .section-title h2{
        font-size:38px;
    }

    .committee-heading h3{
        font-size:28px;
    }

    .committee-card img{
        height:300px;
    }

    

}


/* =========================
MESSAGE PAGE
========================= */

.message-page{
    padding:90px 0;
    position:relative;
}

.message-page::before{
    content:'';
    position:absolute;
    width:350px;
    height:350px;
    background:rgba(13,202,240,.08);
    border-radius:50%;
    left:-100px;
    top:100px;
}

.message-page::after{
    content:'';
    position:absolute;
    width:280px;
    height:280px;
    background:rgba(255,176,32,.09);
    border-radius:50%;
    right:100px;
    bottom:60px;
}

.doctor-profile-card{
    background:#fff;
    border-radius:28px;
    overflow:hidden;
    box-shadow:0 15px 45px rgba(0,0,0,.08);
    position:sticky;
    top:110px;
}

.doctor-photo img{
    width:100%;
    height:420px;
    object-fit:cover;
}

.doctor-info{
    padding:35px;
}

.doctor-info h3{
    font-size:30px;
    font-weight:800;
    color:#0c4d92;
    margin-bottom:18px;
}

.doctor-info p{
    color:#5d6873;
    line-height:1.9;
    margin-bottom:18px;
}

.doctor-info span{
    display:inline-block;
    margin-top:10px;
    background:#0c4d92;
    color:#fff;
    padding:14px 20px;
    border-radius:16px;
    font-size:14px;
    font-weight:600;
}

.welcome-message-box{
    background:#fff;
    padding:55px;
    border-radius:30px;
    box-shadow:0 15px 45px rgba(0,0,0,.08);
    position:relative;
    overflow:hidden;
}

.welcome-message-box::before{
    content:'';
    position:absolute;
    width:250px;
    height:250px;
    background:rgba(13,202,240,.06);
    border-radius:50%;
    top:-100px;
    right:-80px;
}

.message-heading{
    margin-bottom:35px;
}

.message-heading span{
    color:#ffb21d;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
}

.message-heading h2{
    font-size:50px;
    font-weight:800;
    color:#0c4d92;
    margin-top:10px;
}

.welcome-message-box p{
    font-size:17px;
    line-height:2;
    color:#44505b;
    margin-bottom:24px;
}

.message-signature{
    margin-top:45px;
    padding-top:25px;
    border-top:1px solid #e6edf6;
}

.message-signature h4{
    font-size:28px;
    color:#0c4d92;
    font-weight:800;
    margin-bottom:10px;
}

.message-signature p{
    margin:0;
    font-weight:600;
}

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

@media(max-width:991px){

    .inner-banner{
        padding:140px 0 70px;
        text-align:center;
    }

    .inner-banner h1{
        font-size:40px;
    }

    .doctor-profile-card{
        position:relative;
        top:0;
    }

    .welcome-message-box{
        padding:35px;
    }

    .message-heading h2{
        font-size:36px;
    }

   

}

/* REMOVE ALL OLD committee-list-card CSS
AND USE ONLY THIS FINAL CSS */

.committee-list-card{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    gap:20px;
}

.committee-name{
    width:260px;
    min-width:260px;
    max-width:260px;
    text-align:center;
}

/* REMOVE THIS OLD CSS */
/*
.committee-list-card .committee-name:last-child:nth-child(odd){
    grid-column:1 / -1;
    max-width:320px;
    margin:auto;
}
*/

.program-page-section{
    padding:90px 0;
    background:
    radial-gradient(circle at 12% 18%, rgba(0,168,255,.10), transparent 22%),
    radial-gradient(circle at 88% 80%, rgba(255,193,7,.13), transparent 22%),
    linear-gradient(135deg,#f8fbff 0%,#ffffff 52%,#fff9ed 100%);
    position:relative;
    overflow:hidden;
}

.program-page-section::before{
    content:"";
    position:absolute;
    inset:0;
    background-image:
    linear-gradient(rgba(11,77,137,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(11,77,137,.035) 1px, transparent 1px);
    background-size:45px 45px;
    pointer-events:none;
}

.program-page-section .container{
    position:relative;
    z-index:2;
}

.program-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:22px;
}

.program-item{
    background:#fff;
    border:1px solid #e7eef7;
    border-radius:22px;
    padding:30px 22px;
    text-align:center;
    min-height:175px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    box-shadow:0 12px 35px rgba(11,77,137,.07);
    position:relative;
    overflow:hidden;
    transition:.35s ease;
}

.program-item::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;
    background:linear-gradient(90deg,#0b4d89,#00a8ff,#ffc107);
}

.program-item:hover{
    transform:translateY(-8px);
    box-shadow:0 22px 45px rgba(11,77,137,.14);
}

.program-item i{
    width:62px;
    height:62px;
    border-radius:18px;
    background:linear-gradient(135deg,#0b4d89,#14315f);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    margin-bottom:18px;
}

.program-item h4{
    font-size:17px;
    font-weight:800;
    color:#14315f;
    line-height:1.55;
    margin:0;
}

@media(max-width:1199px){
    .program-grid{
        grid-template-columns:repeat(3,1fr);
    }
}

@media(max-width:991px){
    .program-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:575px){
    .program-grid{
        grid-template-columns:1fr;
    }

    .program-item{
        min-height:auto;
    }
}


.workshop-section{
  padding:90px 0;
  background:linear-gradient(135deg,#f8fbff 0%,#ffffff 52%,#fff9ed 100%);
}

.workshop-highlight{
  background:#fff;
  border:1px solid #e7eef7;
  border-radius:22px;
  padding:30px;
  text-align:center;
  height:100%;
  box-shadow:0 12px 35px rgba(11,77,137,.07);
}

.workshop-highlight i{
  width:65px;
  height:65px;
  margin:auto auto 18px;
  border-radius:18px;
  background:linear-gradient(135deg,#0b4d89,#14315f);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:30px;
}

.workshop-highlight h4{
  color:#0b4d89;
  font-weight:900;
  text-transform:uppercase;
  font-size:19px;
}

.workshop-card{
  background:#fff;
  border:1px solid #e7eef7;
  border-radius:26px;
  padding:35px;
  box-shadow:0 12px 35px rgba(11,77,137,.07);
}

.workshop-card-title h3{
  text-align:center;
  color:#0b4d89;
  font-weight:900;
  margin-bottom:25px;
}

.workshop-table th{
  background:#0b4d89!important;
  color:#fff!important;
  text-align:center;
  vertical-align:middle;
  padding:16px;
}

.workshop-table td{
  text-align:center;
  vertical-align:middle;
  padding:18px;
  border-color:#edf2f7;
  min-width:210px;
}

.workshop-table td:first-child{
  color:#0b4d89;
  background:#f8fbff;
}

.break-row td{
  background:#fff7df!important;
  color:#7a5500!important;
  font-weight:900;
  text-transform:uppercase;
}

.hemo-row td{
  background:#eaf4ff!important;
  color:#0b4d89!important;
  font-weight:800;
}

.workshop-accordion .accordion-item{
  border:0;
  margin-bottom:18px;
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 12px 35px rgba(11,77,137,.07);
}

.workshop-accordion .accordion-button{
  background:#fff;
  color:#0b4d89;
  font-weight:900;
  font-size:20px;
  padding:22px 28px;
}

.workshop-accordion .accordion-button:not(.collapsed){
  background:linear-gradient(135deg,#0b4d89,#14315f);
  color:#fff;
}

.track-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}

.track-box{
  background:#fff;
  border:1px solid #e7eef7;
  border-radius:20px;
  padding:25px;
}

.track-box h5{
  color:#0b4d89;
  font-weight:900;
}

.workshop-note{
  background:#fff7df;
  color:#7a5500;
  border-radius:18px;
  padding:20px;
  font-size:20px;
}

@media(max-width:991px){
  .track-grid{grid-template-columns:repeat(2,1fr);}
}

@media(max-width:575px){
  .track-grid{grid-template-columns:1fr;}
  .workshop-card{padding:22px;}
}



.faculty-section{
    padding:90px 0;
    background:
    radial-gradient(circle at 12% 18%, rgba(0,168,255,.10), transparent 22%),
    radial-gradient(circle at 88% 80%, rgba(255,193,7,.13), transparent 22%),
    linear-gradient(135deg,#f8fbff 0%,#ffffff 52%,#fff9ed 100%);
    position:relative;
    overflow:hidden;
}

.faculty-section::before{
    content:"";
    position:absolute;
    inset:0;
    background-image:
    linear-gradient(rgba(11,77,137,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(11,77,137,.03) 1px, transparent 1px);
    background-size:45px 45px;
}

.faculty-section .container{
    position:relative;
    z-index:2;
}

.faculty-card{
    background:#fff;
    border-radius:24px;
    overflow:hidden;
    text-align:center;
    padding:18px;
    margin-bottom:28px;
    border:1px solid #e7eef7;
    box-shadow:0 12px 35px rgba(11,77,137,.08);
    transition:.35s ease;
    height:100%;
    position:relative;
}

.faculty-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;
    background:linear-gradient(90deg,#0b4d89,#00a8ff,#ffc107);
}

.faculty-card:hover{
    transform:translateY(-8px);
    box-shadow:0 22px 45px rgba(11,77,137,.15);
}

.faculty-card img{
    width:100%;
    height:320px;
    object-fit:cover;
    border-radius:18px;
    margin-bottom:18px;
}

.faculty-name{
    font-size:20px;
    font-weight:800;
    color:#0b4d89;
    line-height:1.4;
}

.faculty-country{
    color:#666;
    font-weight:600;
    margin-top:6px;
    font-size:15px;
}

@media(max-width:1199px){

    .faculty-card img{
        height:280px;
    }

}

@media(max-width:991px){

    .faculty-card img{
        height:260px;
    }

}

@media(max-width:575px){

    .faculty-card img{
        height:320px;
    }

}

.faculty-card{
    background:#ffffff;
    border-radius:28px;
    overflow:hidden;
    text-align:center;
    padding:28px 22px;
    margin-bottom:30px;
    border:1px solid #edf2f7;
    box-shadow:0 10px 30px rgba(11,77,137,.08);
    transition:.35s ease;
    height:100%;
    position:relative;
}

.faculty-card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 50px rgba(11,77,137,.16);
}

.faculty-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:6px;
    background:linear-gradient(90deg,#0b4d89,#00b4ff,#ffc107);
}

/* IMAGE STYLE */

.faculty-card img{
    width:220px;
    height:220px;
    object-fit:cover;
    border-radius:50%;
    margin:0 auto 24px;
    display:block;

    border:8px solid #fff;
    

    box-shadow:
    0 12px 30px rgba(0,0,0,.12),
    0 0 0 14px rgba(245,138,60,.08);

    transition:.35s ease;
}

.faculty-card:hover img{
    transform:scale(1.04);
}

/* TEXT */

.faculty-name{
    font-size:28px;
    font-weight:800;
    color:#0b4d89;
    line-height:1.35;
    margin-bottom:8px;
    letter-spacing:-0.3px;
}

.faculty-country{
    font-size:17px;
    font-weight:700;
    color:#666;
    margin:0;
}

/* GRID SPACING */

.faculty-main-row{
    row-gap:10px;
}

/* RESPONSIVE */

@media(max-width:1199px){

    .faculty-card img{
        width:190px;
        height:190px;
    }

    .faculty-name{
        font-size:24px;
    }

}

@media(max-width:767px){

    .faculty-card{
        padding:24px 18px;
    }

    .faculty-card img{
        width:180px;
        height:180px;
    }

    .faculty-name{
        font-size:22px;
    }

}

@media(max-width:575px){

    .faculty-card img{
        width:200px;
        height:200px;
    }

}

.abstract-section{
    padding:90px 0;
    background:
    radial-gradient(circle at 12% 18%, rgba(0,168,255,.10), transparent 22%),
    radial-gradient(circle at 88% 80%, rgba(255,193,7,.13), transparent 22%),
    linear-gradient(135deg,#f8fbff 0%,#ffffff 52%,#fff9ed 100%);
    position:relative;
    overflow:hidden;
}

.abstract-section::before{
    content:"";
    position:absolute;
    inset:0;
    background-image:
    linear-gradient(rgba(11,77,137,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(11,77,137,.03) 1px, transparent 1px);
    background-size:45px 45px;
}

.abstract-section .container{
    position:relative;
    z-index:2;
}

/* MAIN CARD */

.abstract-main-card{
    background:linear-gradient(145deg,#0b4d89,#14315f);
    color:#fff;
    border-radius:30px;
    padding:45px;
    height:100%;
    position:relative;
    overflow:hidden;
    box-shadow:0 25px 60px rgba(11,77,137,.20);
}

.abstract-main-card::before{
    content:"";
    position:absolute;
    width:260px;
    height:260px;
    border-radius:50%;
    background:rgba(255,255,255,.06);
    top:-120px;
    right:-100px;
}

.abstract-icon{
    width:80px;
    height:80px;
    border-radius:24px;
    background:rgba(255,255,255,.12);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:38px;
    margin-bottom:25px;
}

.abstract-main-card h3{
    font-size:42px;
    font-weight:900;
    margin-bottom:20px;
}

.abstract-main-card p{
    color:rgba(255,255,255,.88);
    line-height:1.9;
    margin-bottom:18px;
}

/* DEADLINE */

.deadline-box{
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.10);
    border-radius:22px;
    padding:22px;
    display:flex;
    align-items:center;
    gap:18px;
    margin-top:28px;
    margin-bottom:32px;
}

.deadline-icon{
    width:70px;
    height:70px;
    border-radius:18px;
    background:#ffc107;
    color:#0b4d89;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
}

.deadline-box span{
    font-size:15px;
    text-transform:uppercase;
    letter-spacing:1px;
    color:#dfefff;
}

.deadline-box h4{
    font-size:34px;
    font-weight:900;
    margin:5px 0 0;
}

/* BUTTONS */

.btn-abstract{
    background:#ffc107;
    color:#0b4d89;
    padding:16px 34px;
    border-radius:60px;
    font-weight:800;
    font-size:17px;
    display:inline-block;
    text-decoration:none;
    transition:.3s ease;
}

.btn-abstract:hover{
    background:#fff;
    color:#0b4d89;
}

.btn-outline-abstract{
    border:2px solid #0b4d89;
    color:#0b4d89;
    padding:14px 28px;
    border-radius:50px;
    text-decoration:none;
    font-weight:800;
    transition:.3s ease;
    display:inline-block;
}

.btn-outline-abstract:hover{
    background:#0b4d89;
    color:#fff;
}

/* CATEGORY CARD */

.category-card{
    background:#fff;
    border-radius:28px;
    padding:35px;
    border:1px solid #e7eef7;
    box-shadow:0 12px 35px rgba(11,77,137,.07);
    transition:.35s ease;
}

.category-card:hover{
    transform:translateY(-8px);
    box-shadow:0 25px 45px rgba(11,77,137,.13);
}

.category-icon{
    width:70px;
    height:70px;
    border-radius:20px;
    background:linear-gradient(135deg,#0b4d89,#14315f);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:32px;
    margin-bottom:25px;
}

.category-card h4{
    color:#0b4d89;
    font-size:28px;
    font-weight:900;
    margin-bottom:25px;
}

.category-card ul{
    padding-left:18px;
    margin:0;
}

.category-card li{
    margin-bottom:14px;
    color:#444;
    line-height:1.7;
    font-weight:500;
}

/* INFO BOX */

.abstract-info-box{
    background:#fff;
    border-radius:28px;
    padding:35px;
    border:1px solid #e7eef7;
    box-shadow:0 12px 35px rgba(11,77,137,.07);
}

.abstract-info-box h4{
    color:#0b4d89;
    font-weight:900;
    font-size:30px;
    margin-bottom:12px;
}

.abstract-info-box p{
    margin:0;
    color:#555;
    line-height:1.8;
}

/* RESPONSIVE */

@media(max-width:991px){

    .abstract-main-card{
        padding:35px;
    }

    .abstract-main-card h3{
        font-size:34px;
    }

}

@media(max-width:575px){

    .abstract-main-card{
        padding:28px;
    }

    .category-card{
        padding:28px;
    }

    .deadline-box{
        flex-direction:column;
        text-align:center;
    }

    .deadline-box h4{
        font-size:28px;
    }

}

.deadline-icon{
    width:70px;
    height:70px;
    min-width:70px;
    border-radius:18px;
    background:#ffc107;
    color:#0b4d89;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
    line-height:1;
}

/* ICON FIX */

.deadline-icon i{
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
    color:#0b4d89;
}


.venue-section{
    padding:100px 0;
    background:
    radial-gradient(circle at 12% 18%, rgba(0,168,255,.08), transparent 22%),
    radial-gradient(circle at 88% 80%, rgba(255,193,7,.10), transparent 22%),
    linear-gradient(135deg,#f8fbff 0%,#ffffff 52%,#fff9ed 100%);
    position:relative;
    overflow:hidden;
}

.venue-section::before{
    content:"";
    position:absolute;
    inset:0;
    background-image:
    linear-gradient(rgba(11,77,137,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(11,77,137,.03) 1px, transparent 1px);
    background-size:45px 45px;
}

.venue-section .container{
    position:relative;
    z-index:2;
}

/* CONTENT */

.venue-subtitle{
    color:#0b4d89;
    font-size:18px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:1px;
    position:relative;
    padding-left:70px;
    display:inline-block;
    margin-bottom:22px;
}

.venue-subtitle::before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    width:55px;
    height:3px;
    background:#ffc107;
    transform:translateY(-50%);
}

.venue-content h2{
    font-size:58px;
    line-height:1.1;
    color:#0b4d89;
    font-weight:900;
    margin-bottom:28px;
    letter-spacing:-1px;
}

.venue-content p{
    font-size:19px;
    line-height:1.9;
    color:#444;
    margin-bottom:18px;
}

/* HIGHLIGHTS */

.venue-highlights{
    display:flex;
    flex-wrap:wrap;
    gap:18px;
    margin-top:35px;
}

.venue-highlight-box{
    background:#fff;
    border-radius:18px;
    padding:16px 22px;
    display:flex;
    align-items:center;
    gap:12px;
    border:1px solid #e8eef7;
    box-shadow:0 10px 25px rgba(11,77,137,.06);
}

.venue-highlight-box i{
    width:48px;
    height:48px;
    border-radius:14px;
    background:linear-gradient(135deg,#0b4d89,#14315f);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
}

.venue-highlight-box span{
    font-weight:700;
    color:#0b4d89;
}

/* IMAGE */

.venue-image-wrapper{
    position:relative;
    text-align:center;
    padding:35px;
}

.venue-image-shape{
    position:absolute;
    width:85%;
    height:85%;
    background:linear-gradient(135deg,#0b4d89,#00a8ff);
    border-radius:35px;
    right:0;
    bottom:0;
    opacity:.08;
}

.venue-image{
    position:relative;
    z-index:2;
    border-radius:32px;
    box-shadow:0 30px 70px rgba(11,77,137,.18);
}

/* MAP */

.venue-map-box{
    margin-top:80px;
    border-radius:35px;
    overflow:hidden;
    box-shadow:0 25px 60px rgba(11,77,137,.12);
    border:8px solid #fff;
}

.venue-map-box iframe{
    width:100%;
    height:420px;
    border:0;
    display:block;
}

/* RESPONSIVE */

@media(max-width:1199px){

    .venue-content h2{
        font-size:48px;
    }

}

@media(max-width:991px){

    .venue-content h2{
        font-size:40px;
    }

    .venue-content{
        text-align:center;
    }

    .venue-subtitle{
        padding-left:0;
    }

    .venue-subtitle::before{
        display:none;
    }

    .venue-highlights{
        justify-content:center;
    }

}

@media(max-width:575px){

    .venue-content h2{
        font-size:32px;
    }

    .venue-content p{
        font-size:17px;
    }

    .venue-map-box iframe{
        height:320px;
    }

}

.visa-section{
    padding:90px 0;
    background:
    radial-gradient(circle at 12% 18%, rgba(0,168,255,.10), transparent 22%),
    radial-gradient(circle at 88% 80%, rgba(255,193,7,.13), transparent 22%),
    linear-gradient(135deg,#f8fbff 0%,#ffffff 52%,#fff9ed 100%);
    position:relative;
    overflow:hidden;
}

.visa-section::before{
    content:"";
    position:absolute;
    inset:0;
    background-image:
    linear-gradient(rgba(11,77,137,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(11,77,137,.03) 1px, transparent 1px);
    background-size:45px 45px;
}

.visa-section .container{
    position:relative;
    z-index:2;
}

/* MAIN CARD */

.visa-main-card{
    background:#fff;
    border-radius:30px;
    padding:45px;
    height:100%;
    border:1px solid #e7eef7;
    box-shadow:0 18px 45px rgba(11,77,137,.08);
}

.visa-icon{
    width:82px;
    height:82px;
    border-radius:24px;
    background:linear-gradient(135deg,#0b4d89,#14315f);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:38px;
    margin-bottom:25px;
}

.visa-main-card h3,
.visa-requirement-card h3{
    color:#0b4d89;
    font-size:34px;
    font-weight:900;
    margin-bottom:20px;
}

.visa-main-card p{
    color:#555;
    font-size:17px;
    line-height:1.8;
}

/* INFO GRID */

.visa-info-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:16px;
    margin-top:30px;
}

.visa-info-item{
    background:#f8fbff;
    border:1px solid #e6edf7;
    border-radius:18px;
    padding:18px;
    display:flex;
    align-items:center;
    gap:14px;
    font-weight:800;
    color:#14315f;
}

.visa-info-item.full{
    grid-column:1 / -1;
}

.visa-info-item i{
    width:42px;
    height:42px;
    min-width:42px;
    border-radius:12px;
    background:#ffc107;
    color:#0b4d89;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:21px;
}

/* REQUIREMENT */

.visa-requirement-card{
    background:linear-gradient(145deg,#0b4d89,#14315f);
    color:#fff;
    border-radius:30px;
    padding:45px;
    height:100%;
    box-shadow:0 25px 60px rgba(11,77,137,.20);
}

.visa-requirement-card h3{
    color:#fff;
}

.requirement-list{
    display:grid;
    gap:18px;
    margin-top:25px;
}

.requirement-item{
    display:flex;
    gap:16px;
    align-items:flex-start;
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.12);
    border-radius:18px;
    padding:18px;
}

.requirement-item span{
    width:46px;
    height:46px;
    min-width:46px;
    border-radius:50%;
    background:#ffc107;
    color:#0b4d89;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:900;
}

.requirement-item p{
    margin:0;
    color:#fff;
    line-height:1.6;
    font-weight:600;
}

.visa-note{
    margin-top:28px;
    background:rgba(255,193,7,.14);
    border:1px solid rgba(255,193,7,.30);
    border-radius:20px;
    padding:20px;
    display:flex;
    gap:14px;
}

.visa-note i{
    color:#ffc107;
    font-size:24px;
    margin-top:4px;
}

.visa-note p{
    margin:0;
    color:#eef6ff;
    line-height:1.7;
}

/* CONTACT */

.visa-contact-section{
    margin-top:60px;
}

.visa-contact-card{
    background:#fff;
    border-radius:28px;
    padding:35px;
    height:100%;
    border:1px solid #e7eef7;
    box-shadow:0 15px 40px rgba(11,77,137,.08);
}

.contact-icon{
    width:70px;
    height:70px;
    border-radius:20px;
    background:linear-gradient(135deg,#0b4d89,#14315f);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    margin-bottom:22px;
}

.visa-contact-card h4{
    color:#0b4d89;
    font-weight:900;
    margin-bottom:18px;
}

.visa-contact-card p{
    color:#555;
    line-height:1.8;
    margin:0;
}

/* RESPONSIVE */

@media(max-width:991px){

    .visa-main-card,
    .visa-requirement-card{
        padding:32px;
    }

    .visa-main-card h3,
    .visa-requirement-card h3{
        font-size:28px;
    }

}

@media(max-width:575px){

    .visa-info-grid{
        grid-template-columns:1fr;
    }

    .visa-info-item.full{
        grid-column:auto;
    }

    .visa-main-card,
    .visa-requirement-card{
        padding:26px;
    }

    .visa-note{
        flex-direction:column;
    }

}

.tour-page-section{
    padding:90px 0;
    background:
    radial-gradient(circle at 12% 18%, rgba(0,168,255,.08), transparent 22%),
    radial-gradient(circle at 88% 80%, rgba(255,193,7,.11), transparent 22%),
    linear-gradient(135deg,#f8fbff 0%,#ffffff 52%,#fff9ed 100%);
    position:relative;
    overflow:hidden;
}

.tour-page-section::before{
    content:"";
    position:absolute;
    inset:0;
    background-image:
    linear-gradient(rgba(11,77,137,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(11,77,137,.03) 1px, transparent 1px);
    background-size:45px 45px;
}

.tour-page-section .container{
    position:relative;
    z-index:2;
}

/* TOUR BOX */

.tour-box{
    background:#fff;
    border-radius:28px;
    overflow:hidden;
    height:100%;
    border:1px solid #e7eef7;
    box-shadow:0 15px 40px rgba(11,77,137,.08);
    transition:.35s ease;
}

.tour-box:hover{
    transform:translateY(-8px);
    box-shadow:0 25px 55px rgba(11,77,137,.16);
}

.tour-img{
    height:260px;
    overflow:hidden;
}

.tour-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.5s ease;
}

.tour-box:hover .tour-img img{
    transform:scale(1.08);
}

.tour-content{
    padding:28px;
    text-align:center;
}

.tour-content h4{
    font-size:28px;
    font-weight:900;
    color:#0b4d89;
    margin-bottom:12px;
}

.tour-content p{
    color:#555;
    line-height:1.7;
    margin-bottom:22px;
}

/* PRE POST */

.prepost-tour-box{
    margin-top:60px;
    background:#fff;
    border-radius:35px;
    padding:45px;
    border:1px solid #e7eef7;
    box-shadow:0 20px 55px rgba(11,77,137,.10);
}

.prepost-content span{
    color:#ffc107;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:1px;
}

.prepost-content h3{
    font-size:44px;
    font-weight:900;
    color:#0b4d89;
    margin:15px 0 22px;
}

.prepost-content p{
    font-size:18px;
    line-height:1.9;
    color:#555;
    margin-bottom:28px;
}

.prepost-img{
    border-radius:28px;
    overflow:hidden;
    box-shadow:0 20px 45px rgba(0,0,0,.12);
}

.prepost-img img{
    width:100%;
    height:360px;
    object-fit:cover;
}

/* RESPONSIVE */

@media(max-width:991px){

    .prepost-content{
        text-align:center;
    }

    .prepost-content h3{
        font-size:34px;
    }

    .prepost-tour-box{
        padding:30px;
    }

}

@media(max-width:575px){

    .tour-img{
        height:220px;
    }

    .prepost-img img{
        height:260px;
    }

    .prepost-content h3{
        font-size:28px;
    }

}

.tour-detail-section{
    padding:90px 0;
    background:
    radial-gradient(circle at 12% 18%, rgba(0,168,255,.08), transparent 22%),
    radial-gradient(circle at 88% 80%, rgba(255,193,7,.12), transparent 22%),
    linear-gradient(135deg,#f8fbff 0%,#ffffff 52%,#fff9ed 100%);
    position:relative;
    overflow:hidden;
}

.tour-detail-section::before{
    content:"";
    position:absolute;
    inset:0;
    background-image:
    linear-gradient(rgba(11,77,137,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(11,77,137,.03) 1px, transparent 1px);
    background-size:45px 45px;
}

.tour-detail-section .container{
    position:relative;
    z-index:2;
}

/* INFO BAR */

.tour-info-bar{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
    margin-bottom:45px;
}

.tour-info-item{
    background:#fff;
    border-radius:24px;
    padding:25px;
    display:flex;
    gap:18px;
    align-items:center;
    border:1px solid #e7eef7;
    box-shadow:0 12px 35px rgba(11,77,137,.08);
}

.tour-info-item i{
    width:62px;
    height:62px;
    min-width:62px;
    border-radius:18px;
    background:linear-gradient(135deg,#0b4d89,#14315f);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
}

.tour-info-item span{
    color:#777;
    font-size:14px;
    text-transform:uppercase;
    font-weight:800;
    letter-spacing:.8px;
}

.tour-info-item h4{
    margin:5px 0 0;
    color:#0b4d89;
    font-weight:900;
}

/* PLACE CARD */

.place-card{
    background:#fff;
    border-radius:28px;
    overflow:hidden;
    height:100%;
    border:1px solid #e7eef7;
    box-shadow:0 15px 40px rgba(11,77,137,.08);
    transition:.35s ease;
}

.place-card:hover{
    transform:translateY(-8px);
    box-shadow:0 25px 55px rgba(11,77,137,.15);
}

.place-card img{
    width:100%;
    height:250px;
    object-fit:cover;
}

.place-content{
    padding:28px;
    text-align:center;
}

.place-content h4{
    color:#0b4d89;
    font-size:26px;
    font-weight:900;
    margin-bottom:14px;
}

.place-content p{
    color:#555;
    line-height:1.8;
    margin:0;
}

/* NOTE */

.tour-note{
    background:#fff7df;
    border:1px solid #ffe5a3;
    border-radius:20px;
    padding:20px 25px;
    display:flex;
    align-items:center;
    gap:15px;
    color:#7a5500;
    font-size:17px;
    font-weight:600;
}

.tour-note i{
    font-size:28px;
    color:#ffc107;
}

/* PRICE */

.tour-price-section{
    margin-top:55px;
}

.tour-price-section h3{
    text-align:center;
    color:#0b4d89;
    font-weight:900;
    font-size:36px;
    margin-bottom:28px;
}

.price-box{
    background:linear-gradient(135deg,#0b4d89,#14315f);
    color:#fff;
    padding:28px 18px;
    border-radius:24px;
    text-align:center;
    height:100%;
    box-shadow:0 15px 40px rgba(11,77,137,.16);
}

.price-box span{
    color:#ffc107;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.8px;
}

.price-box h4{
    font-size:30px;
    font-weight:900;
    margin:12px 0 4px;
}

.price-box small{
    color:#dbe8ff;
}

/* LIST CARD */

.tour-list-card{
    background:#fff;
    border-radius:28px;
    padding:35px;
    height:100%;
    border:1px solid #e7eef7;
    box-shadow:0 15px 40px rgba(11,77,137,.08);
}

.tour-list-card h4{
    color:#0b4d89;
    font-size:28px;
    font-weight:900;
    margin-bottom:22px;
}

.tour-list-card h4 i{
    color:#1ca957;
    margin-right:8px;
}

.tour-list-card.exclusion h4 i{
    color:#d62828;
}

.tour-list-card ul{
    padding-left:20px;
    margin:0;
}

.tour-list-card li{
    margin-bottom:12px;
    color:#555;
    line-height:1.7;
    font-weight:500;
}

/* CONTACT */

.tour-contact-box{
    margin-top:55px;
    background:#fff;
    border-radius:30px;
    padding:35px;
    text-align:center;
    border:1px solid #e7eef7;
    box-shadow:0 15px 40px rgba(11,77,137,.08);
}

.tour-contact-box h4{
    color:#0b4d89;
    font-weight:900;
    font-size:30px;
    margin-bottom:15px;
}

.tour-contact-box p{
    color:#555;
    font-size:17px;
    line-height:1.8;
    margin-bottom:10px;
}

.tour-contact-box a{
    color:#0b4d89;
    font-weight:800;
    text-decoration:none;
}

.tour-contact-box span{
    color:#7a5500;
    font-weight:800;
}

/* RESPONSIVE */

@media(max-width:991px){

    .tour-info-bar{
        grid-template-columns:1fr;
    }

    .tour-contact-box{
        padding:28px;
    }

}

@media(max-width:575px){

    .tour-info-item{
        flex-direction:column;
        text-align:center;
    }

    .place-card img{
        height:220px;
    }

    .tour-contact-box h4{
        font-size:24px;
    }

}

.tour-feature-box{
    background:#fff;
    border-radius:32px;
    padding:45px;
    border:1px solid #e7eef7;
    box-shadow:0 18px 45px rgba(11,77,137,.08);
}

.tour-feature-content h3{
    color:#0b4d89;
    font-size:38px;
    font-weight:900;
    margin-bottom:24px;
}

.tour-feature-content p{
    color:#555;
    line-height:1.9;
    font-size:17px;
    margin-bottom:16px;
}

.tour-main-image{
    border-radius:28px;
    overflow:hidden;
    box-shadow:0 22px 50px rgba(0,0,0,.12);
}

.tour-main-image img{
    width:100%;
    height:480px;
    object-fit:cover;
}

@media(max-width:991px){

    .tour-feature-box{
        padding:30px;
    }

    .tour-feature-content{
        text-align:center;
    }

    .tour-main-image img{
        height:330px;
    }
}

@media(max-width:575px){

    .tour-feature-box{
        padding:24px;
    }

    .tour-feature-content h3{
        font-size:28px;
    }

    .tour-main-image img{
        height:250px;
    }
}


.prepost-section{
    padding:90px 0;
    background:
    radial-gradient(circle at 12% 18%, rgba(0,168,255,.08), transparent 22%),
    radial-gradient(circle at 88% 80%, rgba(255,193,7,.10), transparent 22%),
    linear-gradient(135deg,#f8fbff 0%,#ffffff 52%,#fff9ed 100%);
    position:relative;
    overflow:hidden;
}

.prepost-section::before{
    content:"";
    position:absolute;
    inset:0;
    background-image:
    linear-gradient(rgba(11,77,137,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(11,77,137,.03) 1px, transparent 1px);
    background-size:45px 45px;
}

.prepost-section .container{
    position:relative;
    z-index:2;
}

/* TOUR PACKAGE */

.tour-package-box{
    background:#fff;
    border-radius:35px;
    padding:45px;
    margin-bottom:40px;
    border:1px solid #e7eef7;
    box-shadow:0 18px 45px rgba(11,77,137,.08);
    transition:.35s ease;
}

.tour-package-box:hover{
    transform:translateY(-6px);
    box-shadow:0 28px 60px rgba(11,77,137,.14);
}

.tour-package-content h3{
    font-size:42px;
    font-weight:900;
    color:#0b4d89;
    margin:18px 0 20px;
}

.tour-package-content p{
    color:#555;
    line-height:1.9;
    font-size:17px;
    margin-bottom:15px;
}

/* BADGE */

.tour-badge{
    display:inline-block;
    background:linear-gradient(135deg,#ffc107,#ffdb6d);
    color:#0b4d89;
    font-weight:900;
    padding:12px 24px;
    border-radius:50px;
    font-size:14px;
    letter-spacing:.5px;
    text-transform:uppercase;
}

/* IMAGE */

.tour-package-img{
    border-radius:30px;
    overflow:hidden;
    box-shadow:0 22px 50px rgba(0,0,0,.12);
}

.tour-package-img img{
    width:100%;
    height:320px;
    object-fit:cover;
    transition:.5s ease;
}

.tour-package-box:hover .tour-package-img img{
    transform:scale(1.06);
}

/* CONTACT */

.tour-contact-box{
    margin-top:60px;
    background:#fff;
    border-radius:35px;
    padding:40px;
    text-align:center;
    border:1px solid #e7eef7;
    box-shadow:0 18px 45px rgba(11,77,137,.08);
}

.tour-contact-box h4{
    color:#0b4d89;
    font-size:34px;
    font-weight:900;
    margin-bottom:18px;
}

.tour-contact-box p{
    color:#555;
    font-size:18px;
    line-height:1.9;
    margin-bottom:10px;
}

.tour-contact-box a{
    color:#0b4d89;
    font-weight:800;
    text-decoration:none;
}

.tour-contact-box span{
    color:#7a5500;
    font-weight:800;
}

/* RESPONSIVE */

@media(max-width:991px){

    .tour-package-box{
        padding:30px;
    }

    .tour-package-content{
        text-align:center;
    }

    .tour-package-content h3{
        font-size:34px;
    }

}

@media(max-width:575px){

    .tour-package-box{
        padding:24px;
        border-radius:25px;
    }

    .tour-package-content h3{
        font-size:28px;
    }

    .tour-package-img img{
        height:240px;
    }

    .tour-contact-box{
        padding:28px;
    }

    .tour-contact-box h4{
        font-size:26px;
    }

}

/* PDF BUTTON */

.layout-pdf-btn{
    display:inline-flex;
    align-items:center;
    gap:14px;
    padding:18px 34px;
    border-radius:60px;
    background:linear-gradient(135deg,#d62828,#ff4d4d);
    color:#fff;
    font-size:18px;
    font-weight:800;
    text-decoration:none;
    box-shadow:0 15px 40px rgba(214,40,40,.25);
    transition:.35s ease;
}

.layout-pdf-btn i{
    font-size:24px;
}

.layout-pdf-btn:hover{
    transform:translateY(-5px);
    color:#fff;
    box-shadow:0 22px 50px rgba(214,40,40,.35);
}