:root {
  --primary-teal: #39b7ba;
  --primary-dark-blue: #003d82;
  --secondary-blue: #0d5a8f;
  --light-bg: #f8f9fa;
  --light-gray: #595a5b;
  --dark-text: #1a1a1a;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
}

body {
  line-height: 1.6;
  color: #333;
}

p {
  margin: unset !important;
  margin-bottom: unset !important;
}

i {
  line-height: unset !important;
}
a {
    color: var(--color-gray-light);
    text-decoration: none;
}
ul li {
    list-style: none;
}
/* Typography */
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--dark-text);
}

.text-teal {
  color: var(--primary-teal) !important;
}

.text-gray {
  color: var(--light-gray) !important;
}

.cal-date {
  background-color: var(--primary-teal) !important;
  padding: 1px 8px 1px 11px;
  color: #ffff;
  font-weight: 600;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}

.show-for-large {
  display: block;
}

.text-primary-blue {
  color: var(--primary-dark-blue) !important;
}

.text-dark {
  color: var(--dark-text) !important;
}

.text-muted {
  color: #000000 !important;
}

.timer_gutter {
  margin: 0px 0px 0 50px;
}

/* Navigation */
.navbar {
  background-color: white;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}

.navbar-brand {
  font-size: 13px;
  line-height: 1.2;
  font-weight: 700;
}

.navbar-brand sup {
  font-size: 0.7em;
}

.nav-link {
  color: #003d82 !important;
  font-size: 14px;
  font-weight: 600;
  transition: color 0.3s ease;
}

.nav-link:hover {
  color: var(--primary-teal) !important;
}

.btn-teal {
  background-color: var(--primary-teal);
  border-color: var(--primary-teal);
  color: white;
  font-weight: 600;
  padding: 8px 24px;
  font-size: 14px;
}

.btn-teal:hover {
  background-color: #00a8bb;
  border-color: #00a8bb;
  color: white;
}

.dropdown-menu {
  border: none;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  margin-top: 8px;
}

.dropdown-item:hover {
  background-color: #f0f0f0;
  color: var(--primary-teal);
}



/* Hero Section */
.hero-section {
  background-color: #fff;
}

.hero-box {
  border: 2px solid #e0e0e0;
  border-radius: 65px;
  background-color: white;
  box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.15),
    /* inner shadow */
    0 6px 12px rgba(0, 0, 0, 0.2);
  /* outer shadow */
  position: relative;
  overflow: hidden;
}

.hero-title {
  font-size: 50px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--primary-dark-blue);
  margin-bottom: 10px;
}

/* First line */
.hero-title span:first-child {
  font-weight: 500;
}

.purehealth {
  padding-top: 40px;
  width: 27%;
}

.hero-logo {
  width: 50%;
  padding-bottom: 40px;
  padding-right: 40px;
  padding-left: 40px;
  position: relative;
  z-index: 1;
}

.bd {
  /* position: absolute;
  inset: 0;
  top: -80px; */
  max-width: 57%;
  position: absolute;
  bottom: 0;
  left: 43%;
}

/* Second line */
.hero-title span:nth-child(3) {
  /* nth-child(3) because of <br> tags counting as children */
  color: var(--primary-teal);
  /* or use your custom .text-teal class */
  font-weight: 800;
  font-size: 92px;
  letter-spacing: 13px;
  transform: scaleY(1.3);
  /* 1 = normal, 1.5 = 50% taller */
  display: inline-block;
}

/* Third line */
.hero-title span:last-child {
  font-weight: 300;
  font-size: 68px;
  color: var(--primary-teal);
  letter-spacing: 14px;
  transform: scaleY(1.3);
  /* 1 = normal, 1.5 = 50% taller */
  display: inline-block;
}

.hero-subtitle {
  font-size: 18px;
}


/* Countdown Section */
.countdown {
  display: flex;
  justify-content: start;
  gap: 25px;
}

.countdown-group {
  display: flex;
  gap: 4px;
}

.countdown-item {
  background: linear-gradient(135deg, #03747f, #00c4c9);
  color: #fff;
  border-radius: 8px;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 58px;
  font-weight: 700;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
#event-happening {
  display: none;
}

#event-happening.show {
  background: linear-gradient(135deg, #03747f, #00c4c9);
  color: #fff;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  display: none;
  border-radius: 8px;
}

.happening-now-text {
  color: #fff;
  text-align: center;
}

.countdown-label {
  font-size: 18px;
  text-transform: uppercase;
  margin-top: 8px;
  letter-spacing: 1px;
  font-weight: 700;
  color: #39b7ba;
}

.countdown-sep {
  position: relative;
  width: 10px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: transparent;
}

.countdown-sep::before,
.countdown-sep::after {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  background: #0d5a8f;
  border-radius: 2px;
}

.countdown-sep::before {
  top: 22px;
  /* upper square */
}

.countdown-sep::after {
  bottom: 0;
  /* lower square */
}

/* Added CME badge styling */
.cme-badge {
  display: flex;
  align-items: center;
}

.cme-circle {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: linear-gradient(135deg, #ffd700 0%, #ffed4e 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 18px;
  color: #333;
  box-shadow: 0 4px 12px rgba(255, 215, 0, 0.3);
}

/* Welcome Section */
.welcome-section {
  background-color: #fff;
  padding: 60px 0;
}

.section_title {
  font-size: 34px;
  font-weight: 700;
}

.welcome-section h3 {
  font-size: 28px;
  font-weight: 600;
  color: var(--primary-dark-blue);
  font-weight: 600;
}

/* Stats Section */
.stats-section {
  background: linear-gradient(135deg, var(--secondary-blue) 0%, var(--primary-dark-blue) 100%);
  padding: 60px 0;
  color: white;
}

.stats-section h2 {
  color: var(--primary-teal);
  font-size: 48px;
  font-weight: 700;
}

.stats-section p {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Why Attend Section */
.why-attend-section {
  background-color: #fff;
  padding: 60px 0;
}

.why-attend-section .list-unstyled li {
  color: #555;
  font-size: 15px;
  line-height: 1.6;
}

.why-attend-section svg {
  color: var(--primary-teal);
}

/* Who Should Attend Section */
.who-attend-section {
  background-color: var(--light-bg);
  padding: 50px 0 120px 0;
     padding-bottom: 50px;
}

.who-attend-section h2 {
  font-size: 36px;
  font-weight: 700;
  color: var(--primary-teal);
  margin-bottom: 5px;
}

.attendee-circle {
  width: 145px;
  height: 130px;
  background-color: var(--primary-teal);
  border-radius: 30%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.attendee-circle:hover {
  transform: scale(1.08);
  box-shadow: 0 6px 20px rgba(0, 188, 212, 0.3);
}

.attendee-circle svg {
  stroke: white;
}

.who-attend-section h5 {
  font-size: 14px;
  font-weight: 600;
  color: var(--dark-text);
  margin-top: 10px;
   
}

/* Need More Info Section */
.need-info-section {
  background: linear-gradient(135deg, var(--primary-teal) 0%, #00a3c4 100%);
  padding: 60px 0;
}

.need-info-section h1,
.need-info-section h2 {
  color: white;
  font-size: 38px;
  font-weight: 700;
}


.btn-navy {
  background-color: var(--primary-dark-blue);
  border-color: var(--primary-dark-blue);
  color: white;
  font-weight: 700;
  font-size: 20px;
  padding: 21px 40px;
  letter-spacing: 0.5px;
  border-radius: 40px !important;
}

.btn-navy:hover {
  background-color: #002857;
  border-color: #002857;
  color: white;
}

/* Venue Section */
.venue-section {
  background-color: #fff;
  padding: 60px 0;
}

.venue-section h2 {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 40px;
}

.venue-section h4 {
  font-size: 20px;
  font-weight: 700;
}

/* Discover Al Ain Section */
.discover-section {
  background-color: var(--light-bg);
  padding: 60px 0;
}

/* Footer */
.footer-section {
  color: #000000;
}

.footer-section .text-white {
  color: white;
}

.footer-section h5 {
  color: white;
  font-weight: 700;
  font-size: 16px;
}

.footer-section p {
  font-size: 14px;
  color: #999;
  margin-bottom: 5px;
  padding-top: 15px;
}

.footer-section strong {
  color: #000;
}

.footer-section hr {
  opacity: 0.2;
}

.footer-section sup {
  font-size: 0.7em;
}

.footer-section i {
  font-size: 12px;
}

.footer-section iframe {
  width: 55vh;
  height: 150px;
  border: none;
  /* optional: removes default border */
  display: block;
  /* ensures no inline spacing issues */
}

#welcome img {
  width: 180px;
}

#conference-leadership img {
  width: 230px;
}

.navbar>.container {
  max-width: 1440px !important;
}



.fade-in-up {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.fade-in-up.active {
  opacity: 1;
  transform: translateY(0);
  animation: fadeInUpTextOnly 0.6s ease-out forwards;
}

.cme-badge img {
  width: 135px;
}

.h-hide {
  display: none !important;
}

.h-show {
  display: block !important;
}

/* comitter css */
.team-card {
  text-align: center;
  border: none;
  background: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  font-size: 13px;
 
}

#comittee-team .card-body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;

}

#comittee-team #row-2 .card-body,
#comittee-team #row-3 .card-body {
  height: 244px;
}

#comittee-team #row-4 .card-body {
  height: 350px;
}


.card_cotent {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.team-card img {
  width: 230px;
  height: 230px;
  object-fit: cover;
  border-radius: 50%;
 /* margin-bottom: 15px;*/
}

.team-name {
  font-weight: 600;
  font-size: 1rem;
  color: var(--primary-dark-blue);
}

.team-title,
.team-member,
.team-assignment {
  font-size: 0.9rem;
  color: #666;
  margin-bottom: 10px;
}

.btn-profile {
  font-size: 0.85rem;
  padding: 6px 16px;
}

#comittee-team a {
  background-color: var(--primary-dark-blue);
  color: #f0f0f0;
  font-size: 14px;
}

#comittee-team a:hover {
  background-color: #f0f0f0;
  color: var(--primary-dark-blue);
}

#PartnerLogo{
	padding: 40px 0;
}
#PartnerLogo h2{
	color:var(--secondary-blue);
	margin-bottom: 10px;
	font-weight: bold;
}

  .logo-container {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 16px; /* Adjust space between logos */
      padding: 10px 20px 30px;
    }
    .logo-box {
      width: 200px;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid #eee;
      padding: 10px;
      background-color: #fff;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
      border-radius: 6px;
    }

    .logo-box img {
      max-width: 100%;
      max-height: 100%;
      object-fit: contain;
    }
/*Contact Us*/
.ContactUs{
	
}
.ContactUs .container{
	max-width: 1100px;
}
.ContactUs ul{
	margin: 20px 0;
	padding: 0;
}
.ContactUs ul li{
	margin: 10px 0;
	padding: 0;
}
.login-form {
    background: #fff;
	padding: 2em 1em;
}
.login-form h2 {
    font-size: 2em;
    text-transform: capitalize;
	    color: var(--color-gary-dark);;
}
.login-form p {
    font-size: .95em;
	color: var(--color-gary-light);;
    line-height: 2em;
}
.login-form span {
    width: 75%;
    height: 1px;
    display: block;
    background: var(--color-primary-dark);
    margin: 1em 0;
}
.login-form h4 {
	font-family: "Exo", sans-serif;
    font-size: 16px;
    text-transform: capitalize;
    margin-bottom: .2em;
	    color: var(--color-gary-dark);
}
.login-form input[type="text"] {
    padding: .8em 4em .8em 1em;
    width: 100%;
    margin-bottom: 1em;
    border: 1px solid#CECCCC;
	outline: none;
	color: #555;
}
.login-form input[type="email"] {
    padding: .8em 4em .8em 1em;
    width: 100%;
    margin-bottom: 1em;
    border: 1px solid#CECCCC;
    outline: none;
    color: #555;
}

.login-form input[type="text"]:hover {
    border: 1px solid #71c6c1;
}
.login-form  textarea {
    width: 100%;
    height: 120px;
    outline: none;
	resize: none;
	margin-bottom: 1em;
	border: 1px solid #CECCCC;
	padding: .8em 4em .8em 1em;
	font-size: 1em;
	color: #555;
}
::-webkit-input-placeholder{
color:#C3C3C3 !important;
    font-family: 'Josefin Sans', sans-serif;
}
.login-form textarea:hover {
    border: 1px solid #71c6c1;
}
.login-form input[type="submit"] {
    font-size: 1em;
    padding: .8em 1em;
    border: none;
    text-transform: capitalize;
    outline: none;
    background: #39b7ba;
    color: #fff;
    cursor: pointer;   
	width: 56%;
	font-family: 'Josefin Sans', sans-serif;
	    border-bottom: 2px solid var(--color-primary-dark);
}
.login-form input[type="submit"]:hover {
    background: var(--color-primary-dark);
	border-bottom: 2px solid var(--color-primary);
}
.input-group {
  position: relative;
  margin-bottom: 15px;
}
/*Agenda Page*/
.agenda-img {
    width: 100%;
    cursor: pointer;
    padding: 5px;
    margin: 5px;
    object-fit: cover;
 }
        #popup {
            display: none;
            position: fixed;
            top: 0; left: 0;
            width: 100%; height: 100%;
            background: rgba(0,0,0,0.8);
            justify-content: center;
            align-items: center;
            z-index: 9999;
        }
        #popup img {
            max-width: 90%;
            max-height: 90%;
            box-shadow: 0 0 10px #fff;
        }

.agenda-container .item h2 {
    font-family: "Exo", Sans-serif;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    background: #127E5B;
    padding: 4px 0;
}
    .tabs { display: flex; gap: 10px; margin-bottom: 25px; justify-content: center; }
    .tab-button { padding: 10px 20px; background: #e0e0e0; border-radius: 30px; cursor: pointer; font-weight: 600; color: #444; transition: .3s; user-select: none; }
    .tab-button.active { background: var(--color-primary-dark); color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.4); }
    .tab-content2 { display: none; }
    .tab-content2.active { display: block; }
    .agenda-container { background: #fff; border-radius: 15px; box-shadow: 0 0 10px #ddd; padding: 15px; margin-bottom: 20px; }
    .session-item { display: flex; border: 1px solid #ddd; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; overflow: hidden; margin-bottom: 15px; background: #fff; }
    .time-block { background: #f1f1f1; padding: 20px 15px; width: 100px; text-align: center; font-weight: 600; color: #555; border-right: 1px solid #ddd; display: flex; flex-direction: column; justify-content: center; font-size: 14px; }
    .time-block span { display: block; margin-bottom: 8px; }
    .time-block .line { height: 2px; width: 30px; background: #ff4dae; margin: 0 auto 8px; border-radius: 2px; }
    .session-details { flex: 1; /*padding: 15px 20px;*/ display: flex; flex-direction: column; gap: 10px; }
	.session-details h3{
		    background-image: radial-gradient(at center center, var(--color-primary) 0%, #127E5B 100%);
    width: 100%;
    display: block;
    padding: 6px;
    text-align: center;
    color: #fff;
    font-size: 28px;
	text-transform: uppercase;
	}
    .session-details .row { display: flex; flex-wrap: wrap; gap: 20px; }
	.session-details .item h3{font-size: 24px; font-weight: bold}
    .session-details .item { min-width: 140px; font-size: 14px; font-weight: 600; color: #222; }
    .session-details .label { font-weight: 700; color: #999; margin-right: 6px; text-transform: uppercase; font-size: 11px; }
    .speaker-inline { display: flex; align-items: center; gap: 30px; flex-wrap: wrap; }
    .speaker-thumb { width: 60px; height: 60px; border-radius: 50%; object-fit: cover; cursor: pointer; border: 2px solid #ccc; }
    .speaker-info { color: #444; line-height: 1.2; color: var(--color-primary-dark) }
	.speaker-info small{color:var(--color-primary)}
    .details-btn { background: #ff4dae; color: white; padding: 10px 25px; font-weight: 700; border-radius: 30px; border: none; cursor: pointer; align-self: flex-start; transition: .3s; font-size: 14px; margin-top: 10px; }
    .details-btn:hover { background: #e6398d; }
    .summary { margin: 10px 0; font-style: italic; color: #555; }
	.topic {background: #f1f1f1; width: 100%; padding: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border: 1px solid #ddd; border-bottom: 0;}
	a.DwnFA{background-color: var(--color-primary-dark); border-color: #127E5B}
	.summary {
    margin: 10px 0;
    font-style: italic;
    /* color: #555; */
    font-size: 18px;
    font-weight: 600;
    padding: 10px;
    text-align: center;
}


    /* Modal */
    #speakerModal { display: none; position: fixed; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.7); justify-content: center; align-items: center; z-index:9999; }
    #speakerModal .modal-content { background:#fff; padding:20px; max-width:400px; border-radius:10px; text-align:center; position: relative; }
    #speakerModal .modal-content span { position:absolute; top:10px; right:15px; cursor:pointer; font-size:20px; }
    #speakerModal img { width:120px; height:auto; border-radius:8px; margin-bottom:15px; }

    @media (max-width:600px) {
      .session-item { flex-direction: column; }
      .time-block { width:100%; border-right:none; border-bottom:1px solid #ddd; }
      .speaker-inline { flex-direction: column; align-items: flex-start; }
    }
/*Abstracts*/
button.accordion-button {
    background: var(--color-primary-dark) !important;
    color: #fff !important;
    font-size: 18px;
    font-weight: 700;
}
a.btn.btn-primary.my-3 {
    background: var(--color-secondary);
    font-family: "Exo", sans-serif;
    font-weight: 600;
    font-size: 16px;
    padding: 8px 28px;
    margin-top: 30px !important;
    color: #fff;
    border-radius: 50px;
    border: 1px solid var(--color-secondary);
}
a.btn.btn-primary.my-3:hover {
	background: var(--color-primary-dark);
}
.accordion-body ul li{
        list-style: revert-layer;
}
a.btn.btn-outline-dark:hover {
    background: var(--color-primary);
}
.input-group i {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #999;
}

.input-group input,
.input-group textarea {
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}
 /* Style for disabled submit button */
  #submitBtn:disabled {
    background-color: #ccc;      /* light gray background */
    color: #666;                 /* darker gray text */
    cursor: not-allowed;         /* show not-allowed cursor */
    opacity: 0.6;                /* slightly transparent */
  }

  #submitBtn:not(:disabled):hover {
    background-color: #218838; /* darker green on hover */
  }
/*Venue*/
#testMap{
	height: 350px !important;
	border: 3px dashed var(--color-primary) !important;
    box-shadow: 4px 4px 13px 0px rgba(0, 0, 0, 0.15);
	border-radius: 6px;
	position: relative;
}
.Venue .VenueImg{
	border-radius: 5% 50% 5% 50%;
	overflow: hidden;
	border: 3px dashed var(--color-primary) !important;
}
.ratio::before{display: none;}
.Venue .VenueImg img{
	width: 100%;
	height: 100%;
}

.DwnFA {
    background: linear-gradient(135deg, #ffffff 0%, #ffffff 100%);
    border: none;
    padding: 12px 30px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 4px 15px rgb(255 255 255 / 30%);
    transition: all 0.3s 
    margin-top: 20px;
ease;
    text-decoration: none;
    display: inline-block;
    color: #39b7ba !important;
    align-items: center;
}

.DwnFA:hover {
    background: #003d82;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(220, 53, 69, 0.4);
    color: white !important;
    text-decoration: none;
}