:root {
      --bg: #f4f6fb;
      --surface: #ffffff;
      --text: #172033;
      --muted: #6f7a8e;
      --border: rgba(23, 32, 51, 0.08);
      --shadow: 0 18px 40px rgba(22, 31, 55, 0.08), 0 4px 10px rgba(22, 31, 55, 0.05);
      --radius-xl: 26px;
      --radius-lg: 18px;
      --green: #00a884;
      --purple: #6c4cff;
      --pink: #ff4fb0;
      --blue: #0f8bff;
      --orange: #ff7a00;
      --navy: #25314d;
    }

    * { box-sizing: border-box; }

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

    .topics-section {
      padding: clamp(3rem, 7vw, 6rem) 1rem;
    }

    .topics-wrap {
      width: min(1240px, 100%);
      margin: 0 auto;
    }

    .section-head {
      display: grid;
      grid-template-columns: 1fr;
      gap: 1rem;
      align-items: center;
      justify-items: center;
      text-align: center;
      margin-bottom: 2.5rem;
    }

    .section-kicker {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: .6rem;
      margin: 0 auto 1rem;
      padding: .55rem .9rem;
      border-radius: 999px;
      background: rgba(0, 168, 132, 0.10);
      color: #04745d;
      font-size: .78rem;
      font-weight: 700;
      letter-spacing: .12em;
      text-transform: uppercase;
    }

    .section-kicker::before {
      content: "";
      width: .48rem;
      height: .48rem;
      border-radius: 50%;
      background: currentColor;
    }

    .section-title {
      margin: 0 auto;
      font-size: clamp(2rem, 4vw, 3.4rem);
      line-height: .96;
      letter-spacing: -.04em;
      max-width: 16ch;
      text-align: center;
    }

    .section-copy {
      margin: 0 auto;
      color: var(--muted);
      font-size: 1.02rem;
      line-height: 1.85;
      max-width: 62ch;
      text-align: center;
    }

    .topics-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 1.5rem;
      align-items: stretch;
    }

    .topic-card {
      position: relative;
      background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(255,255,255,0.88));
      border: 1px solid var(--border);
      border-radius: var(--radius-xl);
      box-shadow: var(--shadow);
      padding: 1.45rem;
      display: flex;
      flex-direction: column;
      min-height: 100%;
      overflow: hidden;
      isolation: isolate;
    }

    .topic-card::after {
      content: "";
      position: absolute;
      inset: auto -5rem -5rem auto;
      width: 12rem;
      height: 12rem;
      border-radius: 50%;
      opacity: .18;
      filter: blur(8px);
      z-index: -1;
      background: radial-gradient(circle, var(--card-glow, rgba(108,76,255,.22)) 0%, transparent 70%);
    }

    .topic-card:hover {
      transform: translateY(-4px);
      transition: transform .2s ease;
    }

    .topic-card.math { --card-glow: rgba(0, 168, 132, .22); }
    .topic-card.ai { --card-glow: rgba(108, 76, 255, .22); }
    .topic-card.data { --card-glow: rgba(255, 79, 176, .22); }
    .topic-card.energy { --card-glow: rgba(255, 122, 0, .22); }
    .topic-card.security { --card-glow: rgba(37, 49, 77, .18); }
    .topic-card.digital { --card-glow: rgba(15, 139, 255, .20); }

    .card-top {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 1rem;
      margin-bottom: 1rem;
    }

    .icon-box {
      width: 64px;
      height: 64px;
      border-radius: 18px;
      display: grid;
      place-items: center;
      color: white;
      flex: 0 0 auto;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
    }

    .math .icon-box { background: linear-gradient(135deg, #02a66f, #0b7b96); }
    .ai .icon-box { background: linear-gradient(135deg, #b52dff, #5a45ff); }
    .data .icon-box { background: linear-gradient(135deg, #ff2f9f, #ff6a45); }
    .energy .icon-box { background: linear-gradient(135deg, #ff8a00, #ff3d00); }
    .security .icon-box { background: linear-gradient(135deg, #313d5c, #1d2740); }
    .digital .icon-box { background: linear-gradient(135deg, #4a40ff, #00a7e9); }

    .topics-badge {
      display: inline-flex;
      align-items: center;
      padding: .46rem .78rem;
      min-height: 32px;
      border-radius: 999px;
      color: #fff;
      font-size: .78rem;
      font-weight: 700;
      white-space: nowrap;
      box-shadow: 0 8px 18px rgba(0,0,0,.08);
    }

    .math .topics-badge { background: linear-gradient(135deg, #00a884, #008e83); }
    .ai .topics-badge { background: linear-gradient(135deg, #7d42ff, #5a45ff); }
    .data .topics-badge { background: linear-gradient(135deg, #ff3da1, #ff6184); }
    .energy .topics-badge { background: linear-gradient(135deg, #ff8e1c, #ff6a00); }
    .security .topics-badge { background: linear-gradient(135deg, #425274, #25314d); }
    .digital .topics-badge { background: linear-gradient(135deg, #0e8dff, #3378ff); }

    .topic-title {
      margin: 0 0 .75rem;
      font-size: clamp(1.45rem, 2vw, 1.85rem);
      line-height: 1.1;
      letter-spacing: -.03em;
    }

    .topic-desc {
      margin: 0 0 .85rem;
      color: var(--muted);
      font-size: .97rem;
      line-height: 1.7;
    }

    .topic-meta {
      display: flex;
      flex-wrap: wrap;
      gap: .9rem;
      margin-bottom: 1rem;
      color: #7f8aa0;
      font-size: .88rem;
      font-weight: 500;
    }

    .topic-meta span {
      display: inline-flex;
      align-items: center;
      gap: .38rem;
    }

    .topic-meta i {
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: var(--meta-dot, #6c4cff);
      display: inline-block;
    }

    .math .topic-meta { --meta-dot: #00a884; }
    .ai .topic-meta { --meta-dot: #7b42ff; }
    .data .topic-meta { --meta-dot: #ff4fa4; }
    .energy .topic-meta { --meta-dot: #ff7a00; }
    .security .topic-meta { --meta-dot: #45506a; }
    .digital .topic-meta { --meta-dot: #0f8bff; }

    .topic-list {
      list-style: none;
      padding: 0;
      margin: 0;
      display: grid;
      gap: .78rem;
      color: #434d60;
      font-size: .95rem;
      line-height: 1.55;
    }

    .topic-list li {
      position: relative;
      padding-left: 1rem;
    }

    .topic-list li::before {
      content: "";
      position: absolute;
      left: 0;
      top: .72em;
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: var(--bullet, #6c4cff);
      transform: translateY(-50%);
    }

    .math .topic-list li::before { background: #00a884; }
    .ai .topic-list li::before { background: #7b42ff; }
    .data .topic-list li::before { background: #ff4fa4; }
    .energy .topic-list li::before { background: #ff7a00; }
    .security .topic-list li::before { background: #45506a; }
    .digital .topic-list li::before { background: #0f8bff; }

    .topic-link {
      margin-top: 1rem;
      display: inline-flex;
      align-items: center;
      gap: .45rem;
      color: #4d6fe7;
      font-weight: 700;
      text-decoration: none;
      font-size: .95rem;
    }

    .topic-link:hover { text-decoration: underline; }

    .topic-card svg { width: 28px; height: 28px; }

    @media (max-width: 1100px) {
      .topics-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .section-head { grid-template-columns: 1fr; }
      .section-title { max-width: 100%; }
    }

    @media (max-width: 680px) {
      .topics-grid { grid-template-columns: 1fr; }
      .topic-card { padding: 1.2rem; }
      .card-top { align-items: center; }
      .topic-title { font-size: 1.55rem; }
    }
	
	
	#junior-committee{
    padding:80px 8%;
    background:#fff;
}

.committee-container{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    gap:22px 35px;
    margin-top:40px;
}

.committee-member{
    position:relative;
    padding:18px 22px 18px 28px;
    background:#fcfcfc;
    border-radius:12px;
    transition:.3s ease;
}

.committee-member::before{
    content:"";
    position:absolute;
    left:0;
    top:18px;
    bottom:18px;
    width:4px;
    border-radius:10px;
    background:#0b4f8a;
}

.committee-member:hover{
    background:#fff;
    transform:translateY(-3px);
    box-shadow:0 10px 28px rgba(0,0,0,.08);
}

.committee-member h4{
    margin:0;
    color:#17375e;
    font-size:19px;
    font-weight:600;
    font-family:"Georgia", serif;
}

.committee-member p{
    margin:8px 0 0;
    color:#6d6d6d;
    font-size:15px;
    line-height:1.6;
}

@media(max-width:768px){
    .committee-container{
        grid-template-columns:1fr;
    }
}
	/* ===== Honorary General Chairs ===== */

.honorary-section{
    padding:70px 0;
    background:#fff;
}

.honorary-wrapper{
    display:flex;
    justify-content:center;
    gap:50px;
    flex-wrap:wrap;
    margin-top:45px;
}

.honorary-person{
    width:420px;
    display:flex;
    align-items:center;
    padding:18px;
    border:1px solid #e6e6e6;
    border-radius:12px;
    background:#fff;
    transition:.3s;
}

.honorary-person:hover{
    box-shadow:0 8px 25px rgba(0,0,0,.08);
    transform:translateY(-3px);
}

.honorary-person img{
    width:95px;
    height:95px;
    border-radius:50%;
    object-fit:cover;
    border:3px solid #0b3d91;
    margin-right:20px;
}

.honorary-info h4{
    margin:0;
    color:#0b3d91;
    font-size:20px;
    font-weight:700;
}

.honorary-info span{
    display:block;
    margin:6px 0;
    color:#555;
    font-weight:600;
    font-size:15px;
}

.honorary-info p{
    margin:0;
    color:#888;
    font-size:14px;
}

@media(max-width:768px){

.honorary-wrapper{
    gap:25px;
}

.honorary-person{
    width:100%;
}

}
	
	.publication-chairs-section{
    padding:80px 0;
    background:#f6f8fb;
}

.publication-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:28px;
    margin-top:45px;
}

.publication-card{
    display:flex;
    align-items:center;
    background:#fff;
    border-radius:14px;
    padding:25px;
    border:1px solid #e4e9f2;
    box-shadow:0 8px 25px rgba(0,0,0,.06);
    transition:.35s;
}

.publication-card:hover{
    transform:translateY(-6px);
    box-shadow:0 15px 35px rgba(0,0,0,.12);
}

.pub-icon{
    width:65px;
    height:65px;
    border-radius:50%;
    background:#0b3d91;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    margin-right:20px;
    flex-shrink:0;
}

.pub-info h4{
    margin:0;
    color:#0b3d91;
    font-size:21px;
    font-weight:700;
}

.pub-info p{
    margin:5px 0;
    color:#555;
    font-size:15px;
}

.pub-info span{
    color:#888;
    font-size:14px;
}

@media (max-width:768px){
    .publication-grid{
        grid-template-columns:1fr;
    }
}
/*-------------------------------------------------------------------------------------------------*/
#logo img {
    max-height: 85px;
    position: relative;
    right: 33px;
}

.importantDATE {
    position: relative;
      left: 827px;
    top: -382px;
    text-align: left;
    WIDTH: 441px;
    color: #ccc;
    text-align: left;
    font-family: fantasy;
}

/* ===========================================nav=================================================== */
#nav-menu-container{
margin-right: -98px;
}.home-video-area {
    padding: 50px 0;
    background-color: #f9f9ff;
}
.home-video-area {
    padding: 9px 0;
    background-color: #f9f9ff;
}
.home-video-area .top-title {
    color: #8ab92d;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: left; /* Align title to the left */
}

.home-video-area .justified-text {
    font-size: 16px;
    line-height: 1.8;
    color: #333;
    text-align: justify; /* Justify the paragraph text */
    margin-left: 0; /* Ensure text starts from the left */
}






.home-aboutus-area {
    padding: 0px;
    background-color: #222;
}
}
/* ===========================================coordinateurs========================================= */

#coordinateurs {
height: 585px;
}
#spk{
    margin-left: 192px;

}
#coordinateurs .container h1 {
    margin-bottom: -44px;
    font-size: 30px;
    margin-top: 20px;
}
#coordinateurs .coordinateur{
	background-color: white; margin-top: -80px; margin-bottom: 10px; margin-left: -140px;
}
.coordinateur .row {
	margin-top:57px;
}
.coordinateur img{
margin-left: 200px;
}
.coordinateur h4{
color: crimson; font-size: 30px;
}
.coordinateur ul{
	list-style-type: circle; margin-left: 20px; font-size: 20px;margin-top: 30px;
}
/* ===========================================schedule===================================================== */
#schedule {
    
    margin-top: 2px;
    margin-bottom: 192px;
height: 1038px;
}
#schedule h1{
	margin-top: 40px
}
/* ===========================================honneur===================================================== */

#honneur {

    margin-top: 40px;
    margin-bottom: 10px;
   height: 660px;

}
#honneur .row 
 {
     margin-top: -80px;
   }  
#honneur h1{
	margin-top: 40px
}
#honneur ul {
  font-size: 20px;
  text-align: center;
    }
#honneur li {
margin-top:  20px;
color: black;
}
/* ===========================================pratique===================================================== */

#pratique {

                 height: 723px;
}
/* ===========================================pratique===================================================== */
#cours{
	       height: 737px;
		       padding-top: 20px;
}
/* ===========================================.pleniere===================================================== */


/* ===========================================pleniere===================================================== */
#modalite1{
  background: #e9ecef;
}
	
.projects-section{
	position:relative;
	padding-top:90px;
}

.projects-section .owl-carousel .owl-stage-outer{
	padding:20px 0px;
}

.projects-section .outer-container{
	position:relative;
	padding:0px 50px;
}

.projects-section .outer-container .owl-dots{
	display:none;
}

.projects-section .outer-container .owl-nav{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:-1;
}

.projects-section .outer-container .owl-nav .owl-prev{
	position:absolute;
	content:'';
	left:-50px;
	top:20px;
	color:#ffffff;
	width:50px;
	bottom:20px;
	font-size:24px;
	text-align:center;
	background-color:#161a33;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
    transition: all 300ms ease;
}

.projects-section .outer-container .owl-nav .owl-prev span{
	top:50%;
	position:relative;
}

.projects-section .outer-container .owl-nav .owl-next{
	position:absolute;
	content:'';
	right:-50px;
	top:20px;
	color:#ffffff;
	width:50px;
	bottom:20px;
	font-size:24px;
	text-align:center;
	background-color:#161a33;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
    transition: all 300ms ease;
}

.projects-section .outer-container .owl-nav .owl-next span{
	top:50%;
	position:relative;
}

.projects-section .outer-container .owl-nav .owl-prev:hover,
.projects-section .outer-container .owl-nav .owl-next:hover{
	background-color:#f97534;
}

.project-block{
	position:relative;
	z-index:99;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
    transition: all 300ms ease;
}

.project-block .inner-box{
	position:relative;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
    transition: all 300ms ease;
}

.project-block:hover{
	transform: scaleY(1.07);
}

.project-block .inner-box .image{
	position:relative;
}

.project-block .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
}

.project-block .inner-box .image .overlay-box{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:block;
	opacity:0;
	z-index:1;
	-webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    transition: all 900ms ease;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -ms-transform-origin: right;
    -o-transform-origin: left;
    transform-origin: left;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
	background-color: rgba(22,26,51,0.90);
}

.project-block .inner-box:hover .image .overlay-box{
	opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
}

.project-block .inner-box .image .overlay-box .overlay-inner{
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	padding:25px 28px;
	background-color:#f97534;
}

.project-block .inner-box .image .overlay-box .title{
	position:relative;
	color:#ffffff;
	font-size:15px;
	font-weight:400;
	padding-left:40px;
}

.project-block .inner-box .image .overlay-box .title:before{
	position:absolute;
	content:'';
	left:0px;
	top:10px;
	width:30px;
	height:1px;
	background-color:rgba(255,255,255,0.30);
}

.project-block .inner-box .image .overlay-box h3{
	position:relative;
	font-size:20px;
	font-weight:700;
	line-height:1.3em;
	margin-top:8px;
}

.project-block .inner-box .image .overlay-box h3 a{
	position:relative;
	color:#ffffff;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
    transition: all 300ms ease;
}

.project-block .inner-box .image .overlay-box h3 a:hover{
	color:#161a33;
}

.project-block .inner-box .image .overlay-box .read-more{
	position:relative;
	color:#ffffff;
	font-size:15px;
	font-weight:700;
	margin-top:32px;
	display:inline-block;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
    transition: all 300ms ease;
	font-family: 'Playfair Display', serif;
}

.project-block .inner-box .image .overlay-box .read-more .arrow{
	position:relative;
	margin-left:5px;
	top:1px;
}
.project-block .inner-box .image img {
	position:relative;
	height:399px;
	display:block;
}
.project-block .inner-box .image .overlay-box .read-more:hover{
	color:#161a33;
}
 #scientifique{

        margin-top: 51px;
		}

		

		

#scientifiques {
  padding: 29px 0 30px 0;
  background:#e9ecef;
}

#scientifiques .speaker {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}

#scientifiques .speaker .details {
  background: rgba(6, 12, 34, 0.76);
  position: absolute;
  left: 0;
  bottom: -30px;
  right: 0;
  text-align: center;
  padding-top: 10px;
  transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

#scientifiques .speaker .details h3 {
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 5px;
}

#scientifiques .speaker .details p {
  color: #fff;
  font-size: 15px;
  margin-bottom: 10px;
  font-style: italic;
}

#scientifiques .speaker .details .social {
  height: 30px;
}

#scientifiques .speaker .details a {
  color: #fff;
}

#scientifiques .speaker .details a:hover {
  color: #f82249;
}

#scientifiques .speaker:hover .details {
  bottom: 0;
}

#speakers-details {
  padding: 60px 0;
}

#speakers-details .details h2 {
  color: #112363;
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 10px;
}

#speakers-details .details .social {
  margin-bottom: 15px;
}

#speakers-details .details .social a {
  background: #e9edfb;
  color: #112363;
  line-height: 1;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  padding-top: 9px;
}

#speakers-details .details .social a:hover {
  background: #f82249;
  color: #fff;
}

#speakers-details .details .social a i {
  font-size: 18px;
}

#speakers-details .details p {
  color: #112363;
  font-size: 15px;
  margin-bottom: 10px;
}

.conference-overview{
    padding:100px 0;
    background:#f8fafc;
}

.overview-card{
    max-width:950px;
    margin:auto;
    background:#fff;
    padding:60px;
    border-radius:22px;
    box-shadow:0 15px 45px rgba(0,0,0,.08);
    text-align:center;
}

.overview-badge{
    display:inline-block;
    padding:8px 20px;
    background:#edf4ff;
    color:#174ea6;
    border-radius:30px;
    font-size:13px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:20px;
}

.overview-card h2{
    font-size:42px;
    font-weight:700;
    color:#143f73;
    margin-bottom:18px;
}

.overview-line{
    width:80px;
    height:4px;
    background:#174ea6;
    margin:0 auto 35px;
    border-radius:20px;
}

.overview-card p{
    text-align:justify;
    color:#555;
    font-size:17px;
    line-height:1.9;
    margin-bottom:22px;
}

.overview-features{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:18px;
    margin-top:40px;
}

.feature{
    display:flex;
    align-items:center;
    gap:10px;
    padding:12px 22px;
    background:#f4f7fb;
    border:1px solid #e5e7eb;
    border-radius:40px;
    font-weight:600;
    color:#143f73;
    transition:.3s;
}

.feature:hover{
    background:#143f73;
    color:#fff;
    transform:translateY(-3px);
}

.feature i{
    font-size:18px;
}
/*--------------------------------------------------------------*/
	.topic-card.robotics .topics-badge{
    background:#6366f1;
}

.topic-card.iot .topics-badge{
    background:#0ea5e9;
}

.topic-card.health .topics-badge{
    background:#ec4899;
}	
.topic-card.robotics .icon-box{
    background:#7c3aed;
}

.topic-card.iot .icon-box{
    background:#0ea5e9;
}

.topic-card.health .icon-box{
    background:#10b981;
}
ul.timeline {
    list-style-type: none;
    position: relative;
}
ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
ul.timeline > li {
    margin: 20px 0;
    padding-left: 20px;
	height:113px;
}
ul.timeline p, a {
    margin-left: 0px;
    text-align: justify;
    font-size: 14px;
}
ul.timeline img{
margin-left: 22px;
    margin-right: 10px;
}
ul.timeline .nom{
margin-left: -1px;
}
ul.timeline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #22c0e8;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}

section{
	padding: 60px 0;
}
section .section-title{
	text-align:center;
	color:#007b5e;
	margin-bottom:50px;
	text-transform:uppercase;
}
#pleniere{
	background:#ffffff;
}
#pleniere .card{
	padding: 1rem!important;
	border: none;
	margin-bottom:1rem;
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
	transition: .5s all ease;
}
#pleniere .card:hover{
	-webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
	-moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
	box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
}
#pleniere .card .card-block{
	
    position: relative;
}
#pleniere .card .card-block a{
	color: #007b5e !important;
	font-weight:700;
	text-decoration:none;
}
#pleniere .card .card-block a i{
	display:none;
	
}
#pleniere .card:hover .card-block a i{
	display:inline-block;
	font-weight:700;
	
}
#pleniere .card .card-block:before{
	font-family: FontAwesome;
    position: absolute;
    font-size: 39px;
    color: #007b5e;
    left: 0;
	-webkit-transition: -webkit-transform .2s ease-in-out;
    transition:transform .2s ease-in-out;
}

#pleniere .card:hover .card-block:before{
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);	
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
	transition: .5s all ease;
}
.card-block img{
margin-left : 108px;
}
.card-title {
	font-size: 16px;
	text-align:center;
	    margin-right: 44px;
}
.card-text{
    height: 221px;
    text-align: justify;

	
}
.details{
height: 90px;
}
@media screen and (max-width: 1024px){
   .importantDATE {
    position: relative;
    left: 10px;
    top: -75px;
    WIDTH: 311px;
    color: #ccc;
    text-align: left;
    font-family: fantasy;
}
    
#cours .float-left{
  margin-left: 12px;
}
}
  
@media (max-width: 768px) {
    .home-video-area .about-right,
    .video-area {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 15px;
    }

    .video-area {
        margin-left: 0;
    }
}

@media screen and (max-width: 750px){
   .importantDATE {
    position: relative;
    left: 10px;
    top: -88px;
    WIDTH: 311px;
    color: #ccc;
    text-align: left;
    font-family: fantasy;
}
	#spk{
		margin-left:0px;
	}
	#schedule {
    margin-top: 90px;
    margin-bottom: 192px;
        height: 1838px;
}
#cours {
    height: 1194px;
    padding-top: 40px;
}
ul.timeline .nom {
    margin-left: 26px;
}
#cours img{
  margin-left: 200px;
            display: none;}
}

#pleniere{
	    margin-top: 59px;
	background:#ffffff;
}
ul.timeline p {
    margin-left: 23px;
    text-align: justify;
    font-size: 9px;
    font-weight: bold;
}
.card-text {
    height: 177px;
    text-align: justify;
}
.card-title {
    font-size: 17px;
    text-align: center;
    margin-right: -27px;
}
.details{
height: 101px;
}

}
.footer-area {
    padding-top: 132px;
    background-color: #04091e;
    margin-top: -112px;
    margin-bottom: -62px;
}
            .carousel-control-prev-icon,
            .carousel-control-next-icon {
                background-size: 100%, 100%;
                background-image: none;
            }

            .carousel-control-next-icon:after
            {
                content: '>';
                font-size: 55px;
                color: red;
            }

            .carousel-control-prev-icon:after {
                content: '<';
                font-size: 55px;
                color: red;
            }</style>
            <style>
 

#Access h4 {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 14px;
  color: #aeaeae;
  text-transform: uppercase;
  margin: 0;
}

#Access hr {
  margin-bottom: 16px;
  border: 1px solid #eaeaea;
}

 #Access .border-card {
  background: #fff;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  font-family: "Roboto";
  font-size: 14px;
  padding: 12px 16px;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid #eaeaea;
  box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
  transition: all 0.25s ease;
}
#Access .border-card:hover {
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1), 0 5px 10px 0 rgba(0, 0, 0, 0.1);
}
#Access .border-card.over {
  background: rgba(70, 222, 151, 0.15);
  padding-top: 24px;
  padding-bottom: 24px;
  border: 2px solid #47DE97;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0), 0 5px 10px 0 rgba(0, 0, 0, 0);
}
#Access .border-card.over .card-type-icon {
  color: #47DE97 !important;
}
#Access .border-card.over p {
  color: #47DE97 !important;
}

#Access .content-wrapper {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  transition: all 0.25s ease;
}

#Access .min-gap {
  flex: 0 0 40px;
}

#Access .card-type-icon {
  flex-grow: 0;
  flex-shrink: 0;
  margin-right: 16px;
  font-weight: 400;
  color: #323232;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
  transition: all 0.25s ease;
}
 #Access .card-type-icon.with-border {
  color: #aeaeae;
  border: 1px solid #eaeaea;
}
 #Access .card-type-icon i {
  line-height: 40px;
}

#Access .label-group {
  white-space: nowrap;
  overflow: hidden;
}
#Access .label-group.fixed {
  flex-shrink: 0;
}
 #Access .label-group p {
  margin: 0px;
  line-height: 21px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
 #Access .label-group p.title {
  color: #323232;
  font-weight: 500;
}
#Access .label-group p.title.cta {
  text-transform: uppercase;
}
#Access .label-group p.caption {
  font-weight: 400;
  color: #aeaeae;
}

#Access .end-icon {
  margin-left: 16px;
}
#scientifiques {
    background-color: #f5f5f5;
    padding: 50px 0;
}

.section-title {
    color: #444;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-align: center;
    font-weight: 700;
    margin-bottom: 30px;
    font-size: 28px;
}

.section-subtitle {
    text-align: center;
    color: #888;
    margin-bottom: 40px;
    font-size: 18px;
}

.card {
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #ffffff;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s ease-in-out;
    overflow: hidden;
    height: 400px; /* Increased card height */
}

.card:hover {
    transform: translateY(-8px);
}

.card-img-top {
    border-radius: 8px 8px 0 0;
    height: 256px;
    object-fit: cover;
    width: 100%;
}

.card-title {
    font-size: 16px;
    margin-top: 10px;
    color: #333;
    font-weight: bold;
    text-align: center;
}

.card-title a {
    color: #007bff;
    text-decoration: none;
}

.card-text {
    color: #666;
    font-size: 14px;
    text-align: center;
    margin-top: 5px;
}

.card-body {
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 200px; /* Adjusted height to fit content within card */
}
/* Container styling */
.key-themes-section {
    padding: 60px 0;
    background-color: #f9f9f9;
}

/* Section title */
.key-themes-section .section-title {
    font-size: 36px;
    font-weight: 700;
    color: #333333;
    text-align: center;
    margin-bottom: 40px;
}

/* Theme block styling */
.key-themes-section .theme {
    margin-bottom: 30px;
}

/* Theme title */
.key-themes-section .theme-title {
    font-size: 24px;
    font-weight: 600;
    color: #0056b3;
    margin-bottom: 15px;
}

/* Theme description */
.key-themes-section .theme-description {
    font-size: 16px;
    color: #555555;
    line-height: 1.6;
    text-align: justify;
}

/* Media queries for responsiveness */
@media (max-width: 768px) {
    .key-themes-section {
        padding: 40px 20px;
    }

    .key-themes-section .section-title {
        font-size: 28px;
    }

    .key-themes-section .theme-title {
        font-size: 20px;
    }

    .key-themes-section .theme-description {
        font-size: 14px;
    }
}
.scientific-committee-section {
    padding: 40px 0;
    background-color: #f9f9f9;
    font-family: Arial, sans-serif;
}

.scientific-committee-section .section-title {
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    color: #333;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.committee-table {
    width: 100%;
    border-collapse: collapse;
    margin: 0 auto;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
}

.committee-table thead {
    background-color: #2c3e50; /* Deep blue color */
    color: white;
}

.committee-table thead th {
    padding: 12px 15px;
    text-align: left;
    font-size: 16px;
    border-bottom: 2px solid #ddd;
}

.committee-table tbody tr {
    background-color: #fff;
    transition: background-color 0.3s ease;
}

.committee-table tbody tr:nth-child(even) {
    background-color: #f2f2f2;
}

.committee-table tbody tr:hover {
    background-color: #e9e9e9;
}

.committee-table tbody td {
    padding: 12px 15px;
    border-bottom: 1px solid #ddd;
    font-size: 16px;
    color: #555;
}

.committee-table tbody td:first-child {
    font-weight: bold;
    color: #333;
}
.organizing-committee-section {
    padding: 50px 0;
    background-color: #f5f5f5;
    font-family: 'Georgia', serif;
}

.organizing-committee-section .section-title {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #34495e;
    margin-bottom: 40px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.committee-lists-container {
    display: flex;
    justify-content: center;
    gap: 50px;
}

.committee-list {
    list-style-type: none;
    padding: 0;
    margin-left: 110px;
    flex: 1;
    font-size: 18px;
    line-height: 1.8;
    color: #2c3e50;
}

.committee-list li {
    margin-bottom: 15px;
    position: relative;
    padding-left: 30px;
    font-family: 'Arial', sans-serif;
    transition: all 0.3s ease-in-out;
}

.committee-list li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #3498db;
    transition: background-color 0.3s ease;
}

.committee-list li:hover:before {
    background-color: #e74c3c;
}

.committee-list li:hover {
    color: #e74c3c;
    padding-left: 35px;
}

@media (max-width: 768px) {
    .committee-lists-container {
        flex-direction: column;
        align-items: center;
    }
	.committee-list {
    list-style-type: none;
    padding: 0;
    margin-left: 40px;}
}
.co-chairs-section {
    padding: 50px 0;
    background-color: #f9f9f9;
    font-family: 'Arial', sans-serif;
}

.section-title {
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    color: #2c3e50;
    margin-bottom: 40px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.category-title {
    font-size: 24px;
    font-weight: bold;
    color: #34495e;
    margin-bottom: 15px;
}

.co-chair {
    display: flex;
    align-items: center;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 30px;
    transition: transform 0.3s ease;
}

.co-chair:hover {
    transform: translateY(-5px);
}

.co-chair-photo {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 50%;
    border: 3px solid #2980b9;
    margin-right: 20px;
}

.co-chair-info h4 {
    font-size: 20px;
    margin-bottom: 10px;
    color: #2c3e50;
}

.co-chair-info p {
    font-size: 16px;
    color: #7f8c8d;
    margin-bottom: 5px;
}

@media (max-width: 768px) {
    .co-chair {
        flex-direction: column;
        text-align: center;
    }

    .co-chair-photo {
        margin: 0 0 15px 0;
    }
}
.general-chairs {
    padding: 50px 0;
    background-color: #f8f9fa;
}

.general-chairs .container {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

.general-chairs .section-title {
    font-size: 50px;
    font-weight: 600;
    color: #007b5e;
    margin-bottom: 40px;
}

.general-chairs .chairs {
    display: flex;
    justify-content: center;
    gap: 60px;
}

.general-chairs .chair {
    max-width: 400px;
    text-align: center;
    border: 1px solid #dee2e6;
    padding: 20px;
    border-radius: 8px;
    background-color: #fff;
}

.general-chairs .chair-photo {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 15px;
}

.general-chairs .chair h4 {
    font-size: 22px;
    font-weight: 500;
    color: #007bff;
    margin-bottom: 10px;
}

.general-chairs .chair p {
    font-size: 16px;
    color: #495057;
}

.general-chairs .chair a {
    color: #007bff;
    text-decoration: none;
}

.general-chairs .chair a:hover {
    text-decoration: underline;
}


/* Media Query for Tablets */
@media (max-width: 768px) {
    .general-chairs .chairs {
        flex-direction: column;
        align-items: center;
    }

    .general-chairs .chair {
        width: 100%;
        max-width: 500px;
    }
}

/* Media Query for Mobile Devices */
@media (max-width: 480px) {
    .general-chairs .section-title {
        font-size: 24px;
    }

    .general-chairs .chair {
        padding: 15px;
    }

  

    .general-chairs .chair h4 {
        font-size: 20px;
    }

    .general-chairs .chair p {
        font-size: 14px;
    }
}
.registration-fees {
    padding: 60px 20px;
    background-color: #ffffff;
    font-family: 'Times New Roman', Times, serif;
}

.registration-fees .container {
    max-width: 800px;
    margin: 0 auto;
}

.registration-fees .section-title {
    font-size: 32px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 40px;
    text-align: left;
    border-bottom: 2px solid #333333;
    padding-bottom: 10px;
}

.registration-fees .fees-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 30px;
    text-align: left;
}

.registration-fees .fees-table thead th {
    background-color: #333333;
    color: #ffffff;
    padding: 12px 15px;
    font-weight: bold;
    text-align: left;
}

.registration-fees .fees-table tbody td {
    padding: 12px 15px;
    border: 1px solid #dddddd;
    text-align: left;
    font-size: 18px;
    color: #333333;
}

.registration-fees .fees-note {
    font-size: 16px;
    color: #555555;
    text-align: left;
    line-height: 1.6;
    margin-top: 20px;
}

.registration-fees .registration-link {
    font-size: 16px;
    color: #555555;
    text-align: left;
    line-height: 1.6;
    margin-top: 10px;
}

.registration-fees .registration-link a {
    color: #cc0000;  /* Important link in red */
    font-weight: bold;
    text-decoration: underline;
}

.registration-fees .registration-link a:hover {
    color: #990000;
    text-decoration: none;
}
.submission-instructions-section {
    padding: 40px 20px;
    background-color: #ffffff;
    font-family: 'Times New Roman', Times, serif;
}

.submission-instructions-section .container {
    max-width: 900px;
    margin: 0 auto;
}

.instructions-title, .template-title {
    font-size: 24px;
    font-weight: bold;
    color: #ff6600; /* Bright orange color for titles */
    margin-bottom: 20px;
    text-transform: uppercase;
}

.instructions-text, .template-text {
    font-size: 18px;
    color: #333333;
    margin-bottom: 20px;
}

.email-link {
    color: #0000ff; /* Blue color for email link */
    text-decoration: underline;
}

.email-link:hover {
    text-decoration: none;
    color: #000099;
}

.instructions-list, .template-list {
    list-style-type: disc;
    padding-left: 20px;
    margin-top: 15px;
    font-size: 18px;
}

.instructions-list .highlight, .template-text .highlight {
    font-weight: bold;
    color: #000000;
}

.template-list li {
    margin-bottom: 10px;
}

.template-link {
    color: #0000ff;  /* Blue color for the links */
    text-decoration: underline;
    font-weight: bold;
}

.template-link:hover {
    text-decoration: none;
    color: #0000cc;
}
.photo-slideshow-section {
    padding: 50px 0;
    background-color: #f8f9fa;
}

.slideshow-title {
    text-align: center;
    margin-bottom: 40px;
    font-size: 28px;
    color: #333;
    font-weight: 700;
}

.slideshow-container {
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.slideshow {
    display: flex;
    transition: transform 1s ease-in-out;
}

.slideshow img {
    width: 126px;
    flex-shrink: 0;
    height: 172px;
}

.prev, .next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 16px;
    cursor: pointer;
    z-index: 10;
}

.prev {
    left: 0;
}

.next {
    right: 0;
}

.prev:hover, .next:hover {
    background-color: rgba(0, 0, 0, 0.8);
}
.footer-content {
    display: flex;
    justify-content: space-between; /* Distribute space evenly between columns */
    flex-wrap: wrap; /* Ensure items wrap on smaller screens */
    gap: 20px; /* Adjust the spacing between columns */
}

.footer-column {
    flex: 1; /* All columns take up equal space */
    min-width: 200px; /* Minimum width to prevent columns from getting too small */
    max-width: 300px; /* Maximum width for larger screens */
}

.event-title {
    width:     width: 132px; /* Matches the image width */
    text-align: center;
    margin: 0 auto 10px auto; /* Centers the title above the image */
    font-size: 16px; /* Adjust the font size for better fit */
    color: #fff; /* Adjust color to match your design */
}

.responsive-img {
    width: 114px;  /* Fixed width to match the title */
    height: auto;
    display: block;
    margin: 0 auto;
    border-radius: 5px;
}

@media (max-width: 768px) {
    .footer-content {
        flex-direction: column; /* Stack columns on smaller screens */
        align-items: center; /* Center columns horizontally */
    }

    .footer-column {
        max-width: 100%; /* Allow columns to expand to full width */
        text-align: center; /* Center text for smaller screens */
    }

    .event-title,
    .responsive-img {
        width: 100px;  /* Adjusts width for smaller screens */
    }
}

@media (max-width: 480px) {
    .event-title,
    .responsive-img {
        width: 80px;  /* Further reduces width on mobile */
    }
	.section-gap {
    padding: 15px 0;
}
}.announcement-container {

    width: 100%;
    background-color: rgba(51, 51, 51, 0.9); /* Dark background with transparency */
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}

.announcement-wrapper {
    display: flex;
    white-space: nowrap;
    animation: scroll-announcements 40s linear infinite; /* Slower scrolling */
}

.announcement {
    display: flex;
    align-items: center;
    padding: 10px 30px;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.8); /* White with transparency */
}

.announcement i {
    margin-right: 10px;
    color: rgba(0, 255, 0, 0.8); /* Green with transparency */
}

@keyframes scroll-announcements {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}
#important-dates {
    background-color: #f9f9f9;
    padding: 101px 0;
}

.section-header h2 {
    font-size: 32px;
    font-weight: 700;
    color: #333;
    margin-bottom: 40px;
}

.timeline {
    position: relative;
    max-width: 800px;
    margin: 0 auto;
}

.timeline-item {
    position: relative;
    margin: 20px 0;
    padding-left: 60px;
}

.timeline-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 28px;
    height: 100%;
    width: 4px;
    background-color: #ddd;
}

.timeline-icon {
    position: absolute;
    top: 0;
    left: 20px;
    width: 20px;
    height: 20px;
    background-color: #ff6347;
    border-radius: 50%;
}

.timeline-content {
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.timeline-content h4 {
    margin: 0 0 10px;
    font-size: 18px;
    color: #333;
}

.timeline-content p {
    margin: 0;
    font-size: 16px;
    color: #555;
}

.timeline-item:last-child::before {
    height: 50%;
}

.timeline-item:last-child .timeline-icon {
    top: calc(50% - 10px);
}

@media (max-width: 767px) {
    .timeline {
        padding-left: 40px;
    }

    .timeline-item {
        padding-left: 50px;
    }

    .timeline-item::before {
        left: 16px;
    }

    .timeline-icon {
        left: 8px;
    }
}
.primary-btn {
    display: inline-block;
    padding: 10px 30px;
    font-size: 16px;
    color: #fff;
    background-color: #28a745;
    border-radius: 50px;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.primary-btn:hover {
    background-color: #218838;
    color: #fff;
    text-decoration: none;
}

.primary-btn:focus {
    outline: none;
}
.banner-content {
    text-align: center;
    z-index: 2;
    padding-bottom: 38px;
}
#logo img {
    max-height: 57px;
    position: relative;
    right: 33px;
}
.event-img {
    width: 114px;
    height: auto;
    display: block;
    margin: 0 auto;
    border-radius: 10px;
}

.event-img img {
    margin-top: -9px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 5px;
}

.event-title {
    text-align: center;
    font-size: 1.5em;
    color: #fff; /* White color for title text */
    margin-bottom: 20px;
}
.event-img img:hover {
    transform: scale(1.05);
}
#contact-info .container {
    padding: 50px 15px;
}

.contact-info {
    background-color: #002D62; /* Darker blue for a professional look */
    padding: 30px;
    border-radius: 10px;
    color: white;
    text-align: left; /* Ensure text alignment is consistent */
}

.contact-box {
    margin-bottom: 20px;
}

.contact-box h3 {
    font-size: 20px;
    margin-bottom: 5px;
    color: #FFD700; /* Gold color for headings to stand out */
}

.contact-box p {
    font-size: 18px;
    margin: 0;
    color: #ffffff;
}

.map-container {
    height: 450px;
    border-radius: 10px; /* Rounded corners for a smoother look */
    overflow: hidden; /* Ensures that the map stays within the container */
    margin-top: 20px; /* Adds space between the map and contact info on small screens */
}

#contact-info p {
    margin: 0;
}

@media (max-width: 992px) {
    #contact-info .row {
        flex-direction: column;
    }
    .map-container {
        margin-top: 30px; /* Adds more spacing for better separation */
    }
}

@media (max-width: 768px) {
    .contact-info {
        text-align: center; /* Center text for smaller screens */
        padding: 20px;
    }
    .map-container {
        height: 300px; /* Adjust height for smaller screens */
    }
}

@media (max-width: 576px) {
    .map-container {
        height: 250px; /* Further adjust height for very small screens */
    }
}

#contact-info .justify-content-center {
    margin-top: 20px;
}

#contact-info p {
    color: #777;
    font-size: 14px;
}

#contact-info p strong {
    color: #FFD700; /* Matching the gold theme */
}
.map-container {
    text-align: center; /* Ensure the map container is centered */
    width: 100%; /* Full width of the container */
    max-width: 1200px; /* Optional: Max width for the map to not stretch too wide */
    margin: 0 auto; /* Center the map horizontally */
}

.map-container iframe {
    border-radius: 10px; /* Optional: Adds rounded corners for a smooth look */
}

.footer-content {
    margin-top: 20px;
}

.footer-column {
    margin-bottom: 30px; /* Add some spacing between the columns */
}

h2 {
    text-align: center; /* Center align the text for the map title */
}

@media (max-width: 768px) {
    .footer-column {
        text-align: center; /* Center align columns for small screens */
    }

    .map-container iframe {
        height: 300px; /* Adjust map height for smaller screens */
    }
}

@media (max-width: 576px) {
    .map-container iframe {
        height: 250px; /* Further adjust map height for very small screens */
    }
}

.speaker.card {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.speaker.card:hover {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
    transform: translateY(-10px);
}

.card-img-wrapper {
    width: 150px;
    height: 150px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 50%;
    border: 5px solid #f4f4f4;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-img-top {
    width: 100%;
    height: 100%;
    object-fit: cover;  /* Ensures the image covers the entire area */
    object-position: center;  /* Center the image within the container */
}

.card-body {
    padding: 20px;
}

.card-title {
    font-size: 1.25rem;
    margin-bottom: 15px;
    color: #007bff;
}

.card-title a {
    text-decoration: none;
    color: inherit;
    transition: color 0.3s ease;
}

.card-title a:hover {
    color: #0056b3;
}

.card-text {
    font-size: 1rem;
    color: #555;
}

@media (max-width: 768px) {
    .speaker.card {
        margin-bottom: 30px;
    }

    .card-img-wrapper {
        width: 120px;
        height: 120px;
    }

    .card-title {
        font-size: 1.15rem;
    }
}
#_footer{
    padding-bottom: 0;
}
#abstracts_keynote{
		font-family: 'Roboto', sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f4f4f4;
		}
#abstracts_keynote .section-title {
    padding-top: 55px;
    text-align: center;
    color: #007b5e;
    margin-bottom: 2px;
    text-transform: uppercase;
}
.keynotes-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px;
    background-color: #f4f4f4; /* Consistent background for the whole container */
}
.keynote {
    background-color: white;
    width: calc(33.333% - 20px); /* Three per row for desktop */
    margin: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    transition: transform 0.3s ease-in-out;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center; /* Center items horizontally */
    justify-content: center; /* Center items vertically */
    min-height: 400px; /* Minimum height to maintain uniformity */
}

.keynote img {
    width: 180px; /* Consistent width */
    height: 180px; /* Consistent height */
    object-fit: cover;
    border-radius: 50%;
    margin-top: 20px; /* Space from top of card */
}

.keynote-details {
    text-align: center;
    padding: 20px; /* Padding inside the details box */
    width: 100%; /* Ensure the text aligns well within the card */
}

.keynote-details h3 {
    font-size: 17px;
    color: #333;
    font-weight: bold; /* Bold for emphasis */
    margin: 5px 0;
}

.keynote-details p {
    font-size: 15px;
    color: black;
    margin: 5px 0;
}

.full-details {
    width: 100%;
    padding: 10px;
    background-color: #0056b3;
    color: white;
    text-align: center;
    text-decoration: none;
    border-radius: 0 0 8px 8px; /* Rounded corners at the bottom */
    margin-top: auto; /* Pushes the button to the bottom */
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .keynote {
        width: calc(50% - 20px); /* Two per row on tablets */
    }
}

@media (max-width: 480px) {
    .keynote {
        width: calc(100% - 20px); /* Full width on smartphones */
    }
}
.elegant-button {
    background-color: #007bff;  /* Attractive blue */
    color: white;               /* White text for contrast */
    border: none;               /* No border for a clean look */
    padding: 10px 20px;         /* Padding for size */
    font-size: 16px;            /* Suitable font size */
    border-radius: 5px;         /* Rounded corners */
    cursor: pointer;            /* Cursor pointer to indicate it's clickable */
    transition: background-color 0.3s; /* Smooth transition for hover effect */
    outline: none;              /* Remove focus outline */
    margin-top: 10px;           /* Spacing from the list */
}

.elegant-button:hover {
    background-color: #0056b3;  /* Darker blue on hover for feedback */
}

.elegant-button:focus {
    box-shadow: 0 0 0 3px rgba(0,123,255,0.5); /* Focus indicator */
}
.elegant-box {
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    padding: 20px;
    border-radius: 8px;
    margin-top: 20px;
}

.bank-details {
    list-style-type: none;
    padding: 0;
    margin-top: 10px;
    font-size: 16px;
}

.bank-details li {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #ccc;
}

.elegant-button {
    background-color: #007bff;
    color: white;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s;
    outline: none;
    display: block; /* Makes button take the full width of container */
    width: 100%;
    text-align: center;
    margin-top: 15px;
}

.elegant-button:hover {
    background-color: #0056b3;
}

.elegant-button:focus {
    box-shadow: 0 0 0 3px rgba(0,123,255,0.5);
}

.payment-info h3 {
    color: #0056b3;
    margin-bottom: 15px;
}
.deadline-passed strong {
    color: #e74c3c; /* Red color for urgency and attention */
    margin-left: 10px;
    font-weight: bold;
}

.registration-status {
    background-color: #f9f9f9;
    padding: 15px;
    margin-top: 20px;
    border-radius: 8px;
    text-align: center;
}

.registration-closed {
    color: #e74c3c;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.late-registration {
    color: #555;
    font-size: 16px;
}

.fees-note, .payment-info {
    font-size: 16px;
    color: #555;
    margin-top: 20px;
}

.payment-info strong {
    color: #333;
}
.email-link {
        position: relative;
        cursor: not-allowed; /* Indicate that the link is inactive */
        color: grey; /* Make the link appear inactive */
        text-decoration: none;
    }

    .email-link:hover::after {
        content: attr(data-tooltip);
        position: absolute;
        bottom: 100%;
        left: 50%;
        transform: translateX(-50%);
        background-color: black;
        color: white;
        padding: 5px 10px;
        border-radius: 5px;
        white-space: nowrap;
        font-size: 12px;
        opacity: 0.9;
        z-index: 999;
    }

    .email-link:hover {
        text-decoration: none;
    }
	
	.elegant-button {
    display: block; /* Block display to fill container */
    width: 100%; /* Full width */
    padding: 12px 0; /* Padding for size */
    background-color: #007bff; /* Bootstrap blue */
    color: white; /* White text */
    border: none; /* No border */
    border-radius: 8px; /* Rounded corners for the button */
    cursor: pointer; /* Pointer cursor on hover */
    font-size: 16px;
    transition: all 0.3s ease; /* Smooth transition for all changes */
    outline: none; /* Remove default focus outline */
    box-shadow: 0 2px 4px rgba(0,0,0,0.2); /* Subtle shadow */
}

.elegant-button:hover {
    background-color: #0056b3; /* Darker blue on hover */
    transform: translateY(-2px); /* Lift effect */
    box-shadow: 0 5px 15px rgba(0,0,0,0.3); /* Enhanced shadow on hover */
}
.sponsors-section {
    background: linear-gradient(135deg, #f0f4f8, #d9e2ec);
    padding: 60px;
    border-radius: 20px;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
    margin: 50px 0;
    text-align: center;
}

.sponsors-title {
    font-size: 36px;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.sponsors-description {
    font-size: 18px;
    color: #4b6584;
    margin-bottom: 50px;
    font-weight: 300;
}

.sponsors-container {
    display: flex;
    justify-content: center;
    gap: 50px;
    flex-wrap: wrap;
}

.sponsor-item {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 9px;
    background-color: white;
    border-radius: 15px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
.sponsor-item:hover {
    transform: translateY(-10px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);
}

.sponsor-logo {
    max-width: 120px;
    max-height: 80px;
    object-fit: contain;
    transition: transform 0.3s ease-in-out;
}

.sponsor-logo:hover {
    transform: scale(1.1);
}

/* General Styling */
.program-section {
    background-color: #f9f9f9;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    max-width: 900px;
    margin: 50px auto;
    font-family: 'Poppins', sans-serif;
}

.program-title {
    font-size: 2.5em;
    text-align: center;
    color: #2c3e50;
    margin-bottom: 30px;
}

.program-schedule {
    margin-top: 20px;
}

/* Table Styling */
.program-table {
    width: 100%;
    border-collapse: collapse;
}

.program-table th, .program-table td {
    border: 1px solid #ddd;
    padding: 15px;
    text-align: left;
    font-size: 1.1em;
}

.program-table th {
    background-color: #34495e;
    color: white;
    font-size: 1.2em;
}

.program-table td {
    background-color: #ffffff;
    color: #2c3e50;
}

.highlight-session {
    background-color: #e8f5e9;
    border-left: 5px solid #43a047;
    color: #388e3c;
}

.coffee-break {
    background-color: #fce4ec;
    border-left: 5px solid #e91e63;
    color: #c2185b;
    text-align: center;
}

.session-math {
    color: #2ecc71;
    font-weight: bold;
}

.session-computer-science {
    color: #3498db;
    font-weight: bold;
}

/* Link and Hover Effects */
a {
    color: #2980b9;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
    color: #1abc9c;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .program-table th, .program-table td {
        font-size: 1em;
    }

    .program-title {
        font-size: 2em;
    }
}
/* Styling for the Parallel Session Section */
.parallel-session-section {
    background-color: #f7f9fc;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    max-width: 1000px;
    margin: 50px auto;
    font-family: 'Poppins', sans-serif;
}

.session-title {
    font-size: 2.2em;
    text-align: center;
    color: #2c3e50;
    margin-bottom: 20px;
    font-weight: bold;
}

.highlight-time {
    color: #f39c12;
    font-size: 1.2em;
}

.session-name {
    font-size: 1.8em;
    color: #27ae60;
    font-weight: bold;
    border-bottom: 2px solid #2980b9;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.location {
    color: #3498db;
    font-weight: normal;
}

.session-chairs {
    font-size: 1.2em;
    color: #e74c3c;
    font-weight: bold;
    margin-bottom: 20px;
}

/* Table Styling */
.session-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}

.session-table th, .session-table td {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: left;
    font-size: 1.1em;
}

.session-table th {
    background-color: #34495e;
    color: white;
    font-size: 1.2em;
}

.session-table td {
    background-color: #ffffff;
    color: #2c3e50;
}

.session-table td em {
    font-weight: bold;
    color: #2980b9;
}

/* Styling for Hover Effects */
.session-table tbody tr:hover {
    background-color: #ecf0f1;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .session-table th, .session-table td {
        font-size: 1em;
    }

    .session-title {
        font-size: 1.8em;
    }
}
/* Styling for the Parallel Session Section */
.parallel-session-section {
    background-color: #f7f9fc;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    max-width: 1000px;
    margin: 50px auto;
    font-family: 'Poppins', sans-serif;
}

.session-title {
    font-size: 2.2em;
    text-align: center;
    color: #2c3e50;
    margin-bottom: 20px;
    font-weight: bold;
}

.highlight-time {
    color: #f39c12;
    font-size: 1.2em;
}

.session-name {
    font-size: 1.8em;
    color: #27ae60;
    font-weight: bold;
    border-bottom: 2px solid #2980b9;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.location {
    color: #3498db;
    font-weight: normal;
}

.session-chairs {
    font-size: 1.2em;
    color: #e74c3c;
    margin-bottom: 15px;
}

.session-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 30px;
}

.session-table thead {
    background-color: #3498db;
    color: white;
}

.session-table th, .session-table td {
    border: 1px solid #ddd;
    padding: 10px;
    font-size: 1.1em;
}

.session-table td em {
    color: #27ae60;
    font-weight: bold;
}

.session-table tbody tr:hover {
    background-color: #ecf0f1;
}

.session-table th {
    background-color: #2980b9;
    color: #ffffff;
}
/* Lunch Break Section */
.lunch-break-section {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 50px 0;
    font-family: 'Poppins', sans-serif;
}

/* Card Design */
.lunch-card {
    width: 52%;    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
    padding: 20px;
    text-align: center;
}

/* Hover Effect on Card */
.lunch-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
}

/* Lunch Content */
.lunch-card-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    background-color: #ffe0b2;
    border-radius: 10px;
}

/* Time Styling */
.lunch-time {
    font-size: 1.8em;
    color: #ff7043;
    display: flex;
    align-items: center;
    font-weight: bold;
}

.lunch-time i {
    margin-right: 10px;
    font-size: 1.5em;
    color: #ff7043;
}

/* Lunch Text Styling */
.lunch-text {
    font-size: 1.8em;
    color: #8e24aa;
    display: flex;
    align-items: center;
    font-weight: bold;
}

.lunch-text i {
    margin-right: 10px;
    font-size: 1.5em;
    color: #8e24aa;
}

/* Hover Effects */
.lunch-time:hover, .lunch-text:hover {
    color: #fff;
    background-color: #ff7043;
    border-radius: 10px;
    padding: 10px;
    transition: background-color 0.3s ease;
}

.closing-ceremony-section {
    background: linear-gradient(145deg, #ffffff, #f7f9fc);
    padding: 30px;
    border-radius: 25px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    max-width: 900px;
    margin: 50px auto;
    font-family: 'Poppins', sans-serif;
}

.closing-title {
    font-size: 2.5em;
    text-align: center;
    color: #e74c3c;
    margin-bottom: 30px;
    font-weight: 700;
}

.closing-details {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.closing-item {
    display: flex;
    align-items: flex-start;
    padding: 20px 25px;
    border-radius: 15px;
    background: #ffffff;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    width: 100%;
}

.closing-time {
    font-size: 1.3em;
    color: #3498db;
    margin-right: 20px;
}

.closing-detail {
    font-size: 1.2em;
    color: #7f8c8d;
}

.closing-detail strong {
    color: #2c3e50;
    font-size: 1.4em;
}