.card-body h4{ font-size:15px !important; font-weight: 500 !important;}
.spc { border-radius:12px; padding:4px; background: #f1f1f1; width:100%; margin-bottom:10px;}
.flag { width: 40px; height: 40px; border-radius: 50px; position: absolute; right: 5%; top: 5%; border: 1px solid #dadada; background: #FFF; padding: 3px;}
.cflag { width: 28px !important; height: 28px !important; border-radius: 50px; border: 1px solid #999 !important; background: #FFF !important; padding: 3px;}
.form-control { border: 1px solid #999;}
.form-control:focus{ box-shadow: 0 0 3px #66c; background: #f1f1f1;}
.normal { font-weight: 500 !important;}
.btn { padding:0 15px !important;}
  
.bg-darkblue{ background: #023e6e;}

#spinner{  
  background: rgba( 255, 255, 255, 0.9 ); display: none;
  height: 100%;  
  position: fixed;  
  width: 100%;  
  z-index: 999999;  
}     
.loading{
border: 2px solid #000;
width: 60px;
height: 60px;
border-radius: 50%;
border-top-color: #1ecd97;
  border-left-color: #1ecd97;
  animation: spin 1s infinite ease-in;
  left: 50%;  
  margin-left: -32px;  
  margin-top: -32px;  
  position: absolute;  
  top: 50%;  
} 
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
} 

.nav-tabs {
  display: flex;
  justify-content: center;      /* Center the tabs */
  gap: 0px;                   /* Optional: spacing between tabs */
  border-bottom: 2px solid #023e6e;          /* Optional: remove underline if needed */
}


.navbar-nav .nav-item .nav-link{ font-size: 16px; font-weight: 400; padding-right:8px !important; padding-left:0px !important; transition: alll, .5s;}
.navbar-nav .nav-item .nav-link:hover{ text-shadow:0 4px 3px #999;}

.nav-tabs .nav-item {
  flex: 0 0 auto; 
    
}
.nav-tabs .nav-item .nav-link{ font-size: 24px; font-weight: 600; padding:10px 25px !important; margin: 0; color: #999; } 

.nav-tabs .nav-item .active{ background: #023e6e; border:1px solid #023e6e; color: #FFF;}
    
.agenda b{font-size: 16px; font-weight: 600;}
.agenda img{width: 62px; height: 62px; border-radius: 50%; padding: 2px; border: 1px solid #ddd;}
.agenda img.icon {width: 32px; border-radius:0; padding: 0; border: 0;}    
.table td:first-child{font-weight: 500;}
.table td{font-weight: 400; color: #000;  padding-top:10px; padding-bottom:10px;}
.table th{ background: #023e6e; color: #FFF;}       
.table, tr, th, td{border:none !important;}
.table tr{border-bottom: 1px dotted #666 !important;}
.table tr:last-child{border-bottom: 0px dotted #666 !important;}

.table td{vertical-align: middle;}
.table th{font-weight: 800;}
.table .session{background: #F1F1F1;}
    
@media screen and (max-width: 767px){
.d-sm{display: inline-block; font-weight: 600;}
table, thead, tbody, th, td, tr {
display: block; border: none !important;
}

/* Hide table headers (but not display: none;, for accessibility) */
thead tr {
position: absolute; 
top: -9999px;
left: -9999px;
}

tr {
padding:15px 0 15px 0; border-bottom: 1px dotted #b7b7b7 !important; 
}

tr:nth-child(odd) {
background:transparent; 
}

td {
/* Behave  like a "row" */
border: none !important; 
position: relative; padding:2px 15px !important; text-align: left !important;
}

td:before {
/* Now like a table header */
position: absolute; 
/* Top/left values mimic padding */
top: 0;
left:0;
}     
}    
.break { background: #99bfc8;}  
.faq { background: #d9e2f3;}
    .sessions { background: #caceda;} 
.cme{ width: 120px; position: absolute; top: 0px; right: -130px;}
@media (max-width: 900px){
    h1{font-size: 18px !important;}
    h2{font-size: 16px !important;}
    h3{font-size: 16px !important;}
    .cme{ position: absolute; width:70px !important; height: 70px !important; left:40% !important; z-index: 9999; top: 120px !important;}
    p, .icon-list{font-size: 12px !important;}
    .small{font-size: 11px !important;}
    .nav-link {
  display: block;
  padding:10px 10px !important;
  font-size:14px;
  font-weight:700;
  color: var(--bs-nav-link-color);
  transition: color 0.2s ease-in-out;
}
    .hamburger{ margin-right:20px !important; margin-top:-20px !important;}
    .navbar-brand img{width:260px !important;}
    .nav-tabs .nav-item .nav-link span{ display: none;}
    .card-body h4{font-size: 14px; line-height: 16px;}
    .flag { width:30px; height: 30px; right: 5%; top: 5%;}
    .small { line-height: 14px;}
}