@charset "utf-8";
/* CSS Document */

/*
Poppins

Thin 		100
ExtraLight 	200
Light 		300
Regular 	400
Medium 		500
SemiBold 	600
Bold 		700
ExtraBold 	800
Black 		900
*/
@import url('https://fonts.googleapis.com/css2?family=Afacad:ital,wght@0,400..700;1,400..700&family=Libre+Franklin:ital,wght@0,100..900;1,100..900&family=Playwrite+AU+NSW:wght@100..400&family=Quattrocento:wght@400;700&display=swap');

body 				{color: #333333; background-color: #FFFFFF; font-size: 1rem; font-family: "Afacad", sans-serif; font-style: normal;}

h1, h2, h3, h4, h5	{color: #000000; font-weight: 600;font-family: "Quattrocento", serif;}
h1					{}
h2					{}
h3					{}
h4					{}
h5					{}

strong				{font-weight: 600;}

a					{text-decoration:none; color: #000000; transition: 0.5s;}
a:hover				{text-decoration:none; color: #333333;}
a:visited			{text-decoration:none;}
a:focus,a:hover		{text-decoration:none;}

:root {
	--padding :5rem;
	--redcolor : #ec1e24;
	--orangecolor : #e08226;
	--skyblue : #ebf8ff;
}



.offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl {--bs-offcanvas-width: 300px;}

.menu-logo				{display: none;}

.page					{}
.header .nav-link		{border-width: 1px; border-color: transparent; border-style: solid; color: #FFFFFF; font-weight: 500; border-radius: 0.5rem;font-size:18px;}
.header .nav-link:focus,
.header .nav-link:hover	{border: 1px solid #FFFFFF;}
.highlight-link			{background-color: #041a57;}

.header			{padding-top:0rem;position: fixed; top: 0; left: 0; z-index: 50; background-color: #000000; width: 100%;  -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.header.sticky	{padding-top: 0.25rem; padding-bottom: 0.25rem; background-color: rgb(168 63 216); -webkit-box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.2); box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.2);}


.fixed-top {z-index: 1030;background-color: #2a0765;}
.headertop-panel img {width:35%;}
.header-right h5{color:#fff;}
.header-right a {font-size: 18px;transition: color 0.3s;color:#fff!important;}
.header-right a:hover {color: #007bff; /* Bootstrap primary color on hover */}


/* Center the whole caption in the viewport */
.hero-caption{min-height: 50vh;display: grid;place-items: center;text-align: center;}
/* Glassy card */
.hero-card{max-width: 980px;width: 100%;padding: clamp(16px, 2vw, 28px);border-radius: 18px;background: rgba(255,255,255,0.06);border: 1px solid rgba(255,255,255,0.18);backdrop-filter: blur(6px);}
/* Chips row */
.hero-meta{display: flex;gap: 10px;flex-wrap: wrap;justify-content: center;margin-bottom: 10px;}
.meta-chip{display: inline-flex;align-items: center;gap: 8px;padding: 6px 12px;border-radius: 999px;background: rgba(255,255,255,0.15);font-size: clamp(13px, 1.3vw, 15px);line-height: 1.2;}
/* Icons */
.meta-chip i{font-size: 1rem;}
/* Title + Theme */
.hero-card .name{font-weight: 800;font-size: clamp(20px, 2.8vw, 34px);line-height: 1.2;margin-top: 6px;}
.hero-card .theme{font-size: clamp(14px, 1.6vw, 18px);opacity: .95;margin-top: 6px;color: #fbc531;  /* subtle accent; change if you prefer */}


.banner-area			{position: relative;padding-top: 10rem;}
.banner-area .shade		{position: absolute; left: 0; top: 0; z-index: 5; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3);}
.banner-area .caption	{position: absolute; left: 0; top: 55%; z-index: 6; width: 100%; transform: translateY(-50%); text-align: center;}
.banner-area .timelinex	{position: absolute; bottom: 2%; left: 0%; width: 100%;  z-index: 11; text-align: center;}

.banner-area .caption .logo			{margin-bottom: 1rem;}
.banner-area .caption .date			{color: #FFFFFF; font-size: 25px; font-weight: 400;}
.banner-area .caption .location     {color: #FFFFFF; font-size: 25px; font-weight: 400;}
.banner-area .caption .name			{color: #FFFFFF; font-size: 30px; font-weight: 600;}
.banner-area .caption .soc-logo		{margin-bottom: 1rem;}
.banner-area .caption .theme		{margin-bottom: 1rem; color: #FFFFFF; font-size: 27px; font-weight:400;}
.banner-area .caption .btns			{}

.banner-area .video-banner .swiper-slide img		{transition: 3s all; transform: scale(1.1); }
.banner-area .video-banner .swiper-slide-active img	{animation: scale 5s ease forwards;}
@keyframes scale {
    0% {transform: scale(1);}
    100% {transform: scale(1.1);}
}

.banner-area .caption .logo img			{width: 200px;}
.banner-area .caption .soc-logo img		{width: 70px;}

.banner-area .caption .btns .banner-btn			{background-color: var(--orangecolor); padding: 0.75rem 2rem; display: block; border-radius: 2rem; font-weight: 500; font-size: 112.5%;}
.banner-area .caption .btns .banner-btn:hover	{background-color: #000000; color: #FFFFFF;}

.banner-area .caption .btns span 				{color: #FFFFFF; text-transform: uppercase; font-size: 87.5%;}

.banner-area .video-banner .swiper-slide img		{transition: 3s all; transform: scale(1.1); }
.banner-area .video-banner .swiper-slide-active img	{animation: scale 5s ease forwards;}

.padding-left-right{padding-left:7%;padding-right: 7%;}





/* ----------- Non-Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
	  
.banner-area .caption .name				{font-size: 175%;}
.banner-area .caption .theme			{font-size: 175%;}
	  
.banner-area .caption .logo img			{width: 150px;}
.banner-area .caption .soc-logo img		{width: 75px;}
	  
	  
	  

	  
	  
}

/* ----------- Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 
	  
.banner-area .caption .name				{font-size: 200%;}
.banner-area .caption .theme			{font-size: 175%;}
	  
.banner-area .caption .logo img			{width: 150px;}
.banner-area .caption .soc-logo img		{width: 75px;}
}



/* `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
	
.menu-logo				{display: none;}
	
	
.banner-area .caption .name				{font-size: 175%;}
.banner-area .caption .theme			{font-size: 150%;}	
	
	
.banner-area .caption .logo img			{width: 150px;}
.banner-area .caption .soc-logo img		{width: 75px;}	
	
}






/* `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
	
	
.menu-logo				{display: none;}	
	

.banner-area .caption .logo			{margin-bottom: 1rem;}
.banner-area .caption .date			{font-size: 112.5%;}
.banner-area .caption .name			{font-size: 150%;}
.banner-area .caption .theme		{font-size: 150%;}		
	
.banner-area .caption .logo img			{width: 150px;}
.banner-area .caption .soc-logo img		{width: 75px;}
	
.banner-area .shade					{position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.8) 100%); display: none;}
.banner-area .caption				{position: static; left: auto; top: auto; z-index: auto;  transform: translateY(0); background-color: #000000; padding-top: 6rem; padding-bottom: 1rem;}

	
}





/* `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
	
body 						{font-size: 87.5%;}	
	
	
.menu-logo				{display: block; text-align: center;}
.menu-logo img			{width: 50%;}

	


.banner-area .caption .logo			{margin-bottom: 1rem;}
.banner-area .caption .date			{font-size: 112.5%;}	
.banner-area .caption .name			{font-size: 150%;}
.banner-area .caption .theme		{font-size: 150%;}		
	
.banner-area .caption .logo img		{width: 150px;}
.banner-area .caption .soc-logo img		{width: 75px;}
	

.header .nav-link					{padding-left: 1rem; padding-right: 1rem;}	
	
	
	
	
.banner-area .shade					{position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.8) 100%); display: none;}
.banner-area .caption				{position: static; left: auto; top: auto; z-index: auto;  transform: translateY(0); background-color: #000000; padding-top: 3rem; padding-bottom: 1rem;}	
	
}



/* `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {

body 				{font-size: 87.5%;}
	

	
	
.banner-area .shade					{position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.8) 100%); display: none;}
.banner-area .caption				{position: static; left: auto; top: auto; z-index: auto;  transform: translateY(0); background-color: #000000; padding-top: 3rem; padding-bottom: 1rem;}
.banner-area .timeline				{position: static; bottom: 0%; left: 0%; padding: 1rem 0; background-color: #000000;}
	
.banner-area .caption .logo			{margin-bottom: 1rem;}
.banner-area .caption .date			{font-size: 100%;}	
.banner-area .caption .name			{font-size: 112.5%;}
.banner-area .caption .theme		{font-size: 120%;}
	
.banner-area .caption .logo img		{width: 100px;}
.banner-area .caption .soc-logo img		{width: 75px;}
.banner-area .caption .btns .banner-btn			{padding: 0.75rem 1rem;}

.header .nav-link					{padding-left: 1rem; padding-right: 1rem;}


.program-area .nav-link				{padding-left: 0.5rem; padding-right: 0.5rem;}
.program-area .nav-link .line-a		{font-size: 150%;}
.menu-logo				{display: block; text-align: center;}
.menu-logo img			{width: 50%;}


	

}





/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	

body 				{font-size: 87.5%;}
	

	
	
.banner-area .shade					{position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.8) 100%); display: none;}
.banner-area .caption				{position: static; left: auto; top: auto; z-index: auto;  transform: translateY(0); background-color: #000000; padding-top: 3rem; padding-bottom: 1rem;}
.banner-area .timeline				{position: static; bottom: 0%; left: 0%; padding: 1rem 0; background-color: #000000;}
	
.banner-area .caption .logo			{margin-bottom: 1rem;}
.banner-area .caption .date			{font-size: 100%;}	
.banner-area .caption .name			{font-size: 112.5%;}
.banner-area .caption .theme		{font-size: 120%;}
	
.banner-area .caption .logo img		{width: 100px;}
.banner-area .caption .soc-logo img		{width: 75px;}
	
.banner-area .caption .btns .banner-btn			{padding: 0.75rem 1rem;}
	
.header .nav-link					{padding-left: 1rem; padding-right: 1rem;}

.program-area .nav-link				{padding-left: 0.5rem; padding-right: 0.5rem;}
.program-area .nav-link .line-a		{font-size: 150%;}
.menu-logo				{display: block; text-align: center;}
.menu-logo img			{width: 50%;}

	

}


/* Hover effect - zoom in & darken */

.calendar-icon {text-align: center;padding: 15px 20px;position: absolute;margin-left: 15rem;margin-top:3rem;}
.calendar-flip {perspective: 1000px;height: 60px;margin-bottom: 8px;}
.flip-card { width: 80px;height: 60px;margin: 0 auto;position: relative;animation: flip 3s infinite ease-in-out;transform-style: preserve-3d;}
.flip-front, .flip-back {position: absolute;backface-visibility: hidden; width: 100%;height: 100%;border-radius: 8px;font-size: 32px;font-weight: bold;line-height: 60px;color: white;}
.flip-front {transform: rotateX(0deg);}
.flip-back {transform: rotateX(180deg);}


@keyframes flip {
  0%   { transform: rotateX(0); }
  49.99% { transform: rotateX(179.99deg); }
  50% { transform: rotateX(180deg); }
  100% { transform: rotateX(360deg); }
}

@keyframes fadeSlide {
  0%   { opacity: 0; transform: translateY(10px); }
  50%  { opacity: 1; transform: translateY(0); }
  100% { opacity: 0; transform: translateY(-10px); }
}

.timer-cast-mobile{display: none;}


@media only screen and (max-width:1280px){
.padding-left-right{padding-left: 3%;padding-right: 3%;}}

@media only screen and (max-width:1024px){
.flip-front, .flip-back{font-size:14px;}
.calendar-countdown{font-size:12px;}
.padding-left-right{padding-left: 1%;padding-right: 1%;}
.header .nav-link{font-size:15px;}}


@media only screen and (max-width:768px){
.flip-front, .flip-back{font-size:25px;}
.timer-cast-desktop{display: none!important;}
.timer-cast-mobile{display: block;margin-top: 1rem;}
.animated-day{display: block;}
.header .nav-link{font-size:14px;}}



.smooth-blink-btn {
  color: #fff;
  animation: smoothBlink 2s infinite ease-in-out;
}

@keyframes smoothBlink {
  0%   { background-color: #000; }   /* Red */
  50%  { background-color: #ffc107; }   /* Yellow */
  100% { background-color: #28a745; }   /* Green */
}

.animated-day {display: flex;font-size:30px;gap:5px;padding-left:15px;padding-right: 15px;border-radius: 50px; background-color: #041a57; font-weight: bold;color: #f39c12;transition: all 0.6s ease;animation: fadeInUp 1s ease;}
#days-wrapper span {display: inline-block;animation: flipFade 3s infinite ease-in-out, colorPulse 4s infinite alternate;}
.days-label {font-size: 30px;margin-top: 10px;text-transform: uppercase;color: #ccc;letter-spacing: 1px;}

/* Flip-style float animation */
@keyframes flipFade {
  0%   { transform: translateY(0); opacity: 1; }
  50%  { transform: translateY(-10px); opacity: 0.7; }
  100% { transform: translateY(0); opacity: 1; }
}

/* Subtle color glow animation */
@keyframes colorPulse {
  0%   { color: #f39c12; text-shadow: 0 0 10px #f39c12; }
  50%  { color: #fff; text-shadow: 0 0 12px #fff; }
  100% { color: #efe801; text-shadow: 0 0 14px #efe801; }
}

/* Initial fade-up */
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}



.animated-day {perspective: 800px; }
.days-number {
  display:inline-block;
  line-height:1;
  font-size:32px;
  min-width:2ch;
  text-align:center;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  animation: flip 3s ease-in-out infinite; /* keep flipping */
}
@keyframes flip {
  0%   { transform: rotateX(0deg); }
  25%  { transform: rotateX(90deg); opacity:0.5; }
  50%  { transform: rotateX(0deg); opacity:1; }
  75%  { transform: rotateX(-90deg); opacity:0.5; }
  100% { transform: rotateX(0deg); opacity:1; }
}

#days-number-mobile,
#days-number-desktop {
  display: inline-block;
  font-size: 40px;
  min-width: 2ch;
  text-align: center;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  animation: flipLoop 3s ease-in-out infinite;
}

@keyframes flipLoop {
  0%   { transform: rotateX(0deg);   opacity: 1; }
  25%  { transform: rotateX(90deg);  opacity: 0.6; }
  50%  { transform: rotateX(0deg);   opacity: 1; }
  75%  { transform: rotateX(-90deg); opacity: 0.6; }
  100% { transform: rotateX(0deg);   opacity: 1; }
}


.speakers-detail span img {position: absolute;top:10px;right:15px;width:30px;height: auto;/*border-radius: 3px;*/z-index: 2;}

#speakers-grid .is-hidden { display: none !important; }
  /* Smooth fade/slide when we reveal a row */
#speakers-grid .revealed {display: block !important;animation: speakersFadeUp .6s ease-out both;animation-delay: var(--d, 0ms); /* stagger within the row */}
#speakers-grid .speakers-block { will-change: transform, opacity;}
@keyframes speakersFadeUp {
from {opacity: 0; transform: translateY(14px); }
to   {opacity: 1; transform: none; }}

.logos{padding-top: var(--padding); padding-bottom: var(--padding);}
.logos {--line-color: rgba(0,0,0,.15);--card-bg: #fff;--shadow: 0 6px 20px rgba(0,0,0,.08);--logo-size: clamp(80px, 10vw, 140px);--card-pad-y: 12px;--card-pad-x: 16px;--line-thickness: 2px;}
.logos.logos-dark {--line-color: rgba(255,255,255,.35);--card-bg: rgba(255,255,255,.96);}
.logos-xl {--logo-size: clamp(120px, 14vw, 200px);--card-pad-y: 18px;--card-pad-x: 24px;--line-thickness: 3px;}
.logo-split {position: relative;display: grid;place-items: center;min-height: calc(var(--logo-size) + 40px);}
.logo-split::before {content: "";position: absolute; left: 0; right: 0;top: 50%; transform: translateY(-50%);height: var(--line-thickness);background: linear-gradient(to right, transparent, var(--line-color) 12%, var(--line-color) 88%, transparent);z-index: 1;}
.logo-card {position: relative; z-index: 2;display: inline-block;background: var(--card-bg);padding: var(--card-pad-y) var(--card-pad-x);border-radius: 16px;box-shadow: var(--shadow);}
.logo-img { max-height: var(--logo-size);width: auto;display: block;transition: transform .25s ease, filter .25s ease, opacity .25s ease;}
.logo-card:hover .logo-img {transform: translateY(-2px);filter: grayscale(0%);opacity: .95;}

.chairperson-wrap{padding-top: var(--padding); padding-bottom: var(--padding);background-color: #f3f3f3;}
.chairperson-wrap h1{color:#2d0269;text-transform: uppercase;padding-bottom: 1.5rem;}
.chairperson-wrap p{font-size:20px;line-height: 30px;}
figure.page-img {border: 10px solid #2d0269;overflow: hidden;}
figure.page-img img {display: block;width: 100%;filter: grayscale(100%);transition: filter .3s ease;}
figure.page-img:hover img {filter: grayscale(0%);}
.page-img {float: right;width: 513px;margin: -1.25rem 0 1rem 1rem;}
.chairperson-wrap h4{color:#a83fd8}
p.chair-designation{color:#2d0269}
p.chair-designation span{color:#2d0269;display: block;}

.welcome-partners{padding-top: var(--padding); padding-bottom: var(--padding);}
.welcome-partners h1{color:#2d0269;text-transform: uppercase;padding-bottom: 1.5rem;}
.welcome-partners p{font-size:20px;line-height: 30px;}
.welcome-text{text-align: justify;}
.welcome-section-2{background-color: #f3f3f3;}

.leaders-wrap{padding-top: var(--padding); padding-bottom: var(--padding);}
.leaders-wrap h1{color:#2d0269;text-transform: uppercase;padding-bottom: 1.5rem;}
.leaders-wrap p{font-size:20px;line-height: 30px;}
.leaders-intro-text{text-align: justify;padding:20px;height: 100%;background-color: #f3f3f3;}
.leaders-intro-text span{font-size: 20px;font-style: italic;color: #a83fd8;padding-bottom: 1rem;display: block;}
.leaders-img img{height: 100%;}
.leaders-img {height: 100%;}

.leaders-grid{display:grid; gap:22px;grid-template-columns: 1fr;margin-top: 5rem;}
@media (min-width: 992px){.leaders-grid{ grid-template-columns: 1fr 1fr; }}
.leader-card{align-items:center; gap:18px;padding: 16px 18px;background:#fff; border-radius:18px;box-shadow: 0 12px 28px rgba(45,2,105,.08);margin: 10px;}
.leader-card--xl{ --photo-size: clamp(140px, 18vw, 180px); }
.leader-photo{flex: 0 0 var(--photo-size);width: var(--photo-size); height: var(--photo-size);margin:0; border-radius:20px; overflow:hidden;background:#f3f3f6;/*box-shadow: inset 0 0 0 3px rgba(168,63,216,.18);*/border: 2px solid #a83fd8;}
.leader-photo img{width:100%; height:100%; object-fit:cover; display:block;filter: none !important;transform: none !important;}
.leader-content{ min-width:0; }
.leader-name{margin:10px 0 5px; font-weight:800; line-height:1.2;font-size: 16px; color:#1f1f1f;word-break: break-word;}
.leader-role{margin:0 0 10px; color:#474747;font-size: 15px!important; line-height:30px!important;}
.leader-loc{margin:0; color:#6b6b6b; font-size: 16px!important;display:flex; align-items:center; gap:6px;}
@media (max-width: 575.98px){
.leader-card{ flex-direction: column;/* text-align:center;*/}
/*.leader-loc{ justify-content:center;}*/}

.headertop-panel .bi{font-size:25px;margin:3px;}
.headertop-panel h4{color:#fff;}
.headertop-panel{top:55px;}

.footer				{padding: 2rem 0; font-size: 87.5%; color: #FFFFFF; background-color: #160110;}
.footer a 			{color: #FFFFFF;font-size: 18px;}
.footer a:hover		{text-decoration: underline;}
.footer p{font-size:18px;}

.committee-wrap{padding-top: var(--padding); padding-bottom: var(--padding);}
.committee-wrap h1{color:#2d0269;text-transform: uppercase;padding-bottom: 1.5rem;}
.committee-wrap p{font-size:20px;line-height: 30px;}
.speaker-block {position: relative;margin-bottom: 10px;}
.speaker-block .inner-box {position: relative;}
.speaker-block .image-box {position: relative;padding: 5px;background-color: rgba(255,255,255,.15);overflow: hidden;}
.speaker-block .image-box .image:after, .speaker-block .image-box:before {position: absolute;left: 0;top: 0;height: 0;width: 100%;background-color: #ffffff;content: "";-webkit-transition: all 700ms ease;-moz-transition: all 700ms ease;-ms-transition: all 700ms ease;-o-transition: all 700ms ease;transition: all 700ms ease;}
.speaker-block .image-box .image {position: relative;margin-bottom: 0;z-index: 1;overflow: hidden;}
.speaker-block .image-box .image img {display: block;width: 100%;height: auto;}
.speaker-block .social-links {position: absolute;left: 0;bottom: -140px;padding: 20px;width: 100%;z-index: 9;-webkit-transition: all 700ms ease;-moz-transition: all 700ms ease;-ms-transition: all 700ms ease;-o-transition: all 700ms ease;transition: all 700ms ease;}
.speaker-block .social-links ul {position: relative; padding: 5px 0px;text-align: center;background-color: rgba(68,68,68,.80);}
.speaker-block .social-links li {position: relative;display: inline-block;margin: 0 9px;}
.speaker-block .social-links li a {position: relative;display: block;font-size: 15px;line-height: 30px;font-weight: 400;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;}
.speaker-block .image-box .image:after {opacity: .40;z-index: 1;top: auto;bottom: 0;background-color: #5c5a5a;}
.speaker-block .image-box:before {position: absolute;left: 0;top: 0;height: 0;width: 100%;background-color: #ffffff;content: "";-webkit-transition: all 700ms ease;-moz-transition: all 700ms ease;-ms-transition: all 700ms ease;-o-transition: all 700ms ease;transition: all 700ms ease;}
.speaker-block .caption-box {position: relative;/*padding-top: 10px;*/}
.speaker-block .caption-box .name {position: relative;display: block;font-size:18px;line-height:1em;color: #ffffff;font-weight: 400;margin-bottom: 10px;text-align: center;font-family: "Afacad", sans-serif;margin-top: 5px;}
.speaker-block .caption-box .name a {color: #000;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;}
.speaker-block .caption-box .designation {position: relative;display: block;font-size: 16px;color: #02294a;font-weight: 500;text-align: center;font-family: "Afacad", sans-serif;}
.speaker-block .inner-box:hover .image-box .image:after, .speaker-block .inner-box:hover .image-box:before {height: 100%;}
.speaker-block .inner-box:hover .social-links {bottom: 0;}

.animated-box {position: relative;}
.animated-box:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;border-radius: 4px;background: linear-gradient(120deg, #000, #0575E6, #11498f);background-size: 300% 300%;clip-path: polygon(0% 100%, 3px 100%, 3px 3px, calc(100% - 3px) 3px, calc(100% - 3px) calc(100% - 3px), 3px calc(100% - 3px), 3px 100%, 100% 100%, 100% 0%, 0% 0%);}

.animated-box.in:after {animation: frame-enter 1s forwards ease-in-out reverse, gradient-animation 4s ease-in-out infinite;}

/* motion */
@keyframes gradient-animation {
  0% {
    background-position: 15% 0%;
  }
  50% {
    background-position: 85% 100%;
  }
  100% {
    background-position: 15% 0%;
  }
}

@keyframes frame-enter {
  0% {
    clip-path: polygon(0% 100%, 3px 100%, 3px 3px, calc(100% - 3px) 3px, calc(100% - 3px) calc(100% - 3px), 3px calc(100% - 3px), 3px 100%, 100% 100%, 100% 0%, 0% 0%);
  }
  25% {
    clip-path: polygon(0% 100%, 3px 100%, 3px 3px, calc(100% - 3px) 3px, calc(100% - 3px) calc(100% - 3px), calc(100% - 3px) calc(100% - 3px), calc(100% - 3px) 100%, 100% 100%, 100% 0%, 0% 0%);
  }
  50% {
    clip-path: polygon(0% 100%, 3px 100%, 3px 3px, calc(100% - 3px) 3px, calc(100% - 3px) 3px, calc(100% - 3px) 3px, calc(100% - 3px) 3px, calc(100% - 3px) 3px, 100% 0%, 0% 0%);
  }
  75% {
    -webkit-clip-path: polygon(0% 100%, 3px 100%, 3px 3px, 3px 3px, 3px 3px, 3px 3px, 3px 3px, 3px 3px, 3px 0%, 0% 0%);
  }
  100% {
    -webkit-clip-path: polygon(0% 100%, 3px 100%, 3px 100%, 3px 100%, 3px 100%, 3px 100%, 3px 100%, 3px 100%, 3px 100%, 0% 100%);
  }
}

.toggle-cv {color: #fff;cursor: pointer;}


.speakers-wrap{padding-top: var(--padding); padding-bottom: var(--padding);background-color: #f3f3f3;}
.speakers-wrap h1{color:#2d0269;text-transform: uppercase;padding-bottom: 1.5rem;}
.speakers-wrap p{font-size:20px;line-height: 30px;}


.sponsors-wrap{padding-top: var(--padding); padding-bottom: var(--padding);background-color: #f3f3f3;}
.sponsors-wrap h1{color:#2d0269;text-transform: uppercase;padding-bottom: 1.5rem;}
.sponsors-wrap p{font-size:20px;line-height: 30px;}
.location-map{margin-top:2rem;margin-bottom:2rem;}


.inner-banner-section{padding-top:9rem;}

.about-us-section{padding-top: var(--padding); padding-bottom: var(--padding);}
.about-us-section h1{color:#a83fd8;text-transform: uppercase;padding-bottom: 1.5rem;}
.about-us-section p{font-size:20px;line-height: 30px;}
.about-us-section h2{margin-bottom: 2rem;}
.about-highlight-text{background: radial-gradient(circle,rgba(45, 2, 105, 1) 0%, rgba(168, 63, 216, 1) 100%);}
.about-highlight-text p{color:#fff;padding: 10px;text-align:center;}
.objectives-section{margin-top:3rem;}
.values-section .value-box {padding: 24px;border-radius: 12px;color: #222;transition: transform .2s ease, box-shadow .2s ease;}
.values-section .value-box h5 {font-weight: 700;margin-bottom: .5rem;}
.values-section .value-box:hover {transform: translateY(-4px);box-shadow: 0 8px 20px rgba(0,0,0,.1);}
.box-1 {background: #f3f3f3;padding:20px;}
.box-2 {background: #2d0269;padding:20px;}
.box-2 h5{color:#fff;}
.box-2 p{color:#fff;}


.program-wrap{padding-top: var(--padding); padding-bottom: var(--padding);}
.program-wrap h1{color:#a83fd8;text-transform: uppercase;padding-bottom: 1.5rem;}
.program-wrap p{font-size:20px;line-height: 30px;}
.accordion-main nav{margin-bottom:3rem;margin-top:3rem;}
.program-wrap .nav-pills .nav-link.active,
.program-wrap .nav-pills .show>.nav-link 	{color: #FFFFFF; background: linear-gradient(90deg, rgb(44 6 109) 0%, rgb(163 64 219) 100%);}
.program-wrap .nav-link 					{color: #fff; background-color: #3e3e3e6b;}
.program-wrap li{margin: 5px;}
.program-wrap .line-b{color:#fff;}

.program-wrap .nav-item .nav-link			{-webkit-box-shadow: 0px 1px 50px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 1px 50px 0px rgba(0,0,0,0.2); box-shadow: 0px 1px 50px 0px rgba(0,0,0,0.2);height: 100%;}

.program-wrap .nav-link						{padding: 0.75rem 1.25rem;}

.program-wrap .nav-item .line-a				{font-size: 200%; font-weight: 700;}
.time-speaker{margin-right:7.5rem;}
.tab-pane ul{margin:0;padding:0;}
.tab-pane ul li{display:flex;width:100%;border-radius:0px;border-bottom: 1px solid #2d0269; padding:10px 20px 10px 20px;align-items:center;margin-bottom:0.5rem;transition:all 0.4s ease-out 0s;}

.highlite			{background-color: aliceblue !important;}
.highlite h4		{color: #5fb7d1;}

.time-duration{font-size:1rem;font-weight:500;position:relative;display:flex;align-items:center;font-family: "Afacad", sans-serif;font-size: 18px;}
.time-duration::before{background:url(../images/clock.webp) center center no-repeat;background-size:100% auto;width:33px;height:33px;content:'';display:block;margin-right:15px;}
.programme-dtl h4{font-size:1.5rem;font-weight:400;margin:0;font-family: "Afacad", sans-serif;}
.programme-dtl h3{font-size:2.0rem;font-weight:400;margin:0;/*text-transform: uppercase;*/color:#163b7c;}
.programme-dtl p{color:#163b7c;font-size:20px;margin:0;color:#2d0269;}
.speaker-frame{margin-left:auto;}
.speaker-img{width:80px;overflow:hidden;height:80px;border-radius:10%;}
.prog-dtl{/*text-align: center;*/margin-bottom:3rem;}
.prog-dtl h5{font-family: "Afacad", sans-serif;font-size:30px;color:#a83fd8;font-weight:300;}
span.prog-dtl-location{font-size:25px;font-weight:400;color:#2d0269;}
.programme-dtl h4 span{display:block;font-size:18px;color:#a83fd8;margin-bottom:1rem;}
.program-wrap .accordion-main nav .nav-tabs-sesion::before{display:none;}
.program-wrap .accordion-main nav .nav-tabs-session button::after{display:none;}
ul.workshop-listings{padding-left: 2rem;}
ul.workshop-listings li{font-size:15px;border-bottom: 0px;padding: 0px;list-style: disc;display: list-item;}


.workshop-wrap{padding-top: var(--padding); padding-bottom: var(--padding);}
.workshop-wrap h1{color:#a83fd8;text-transform: uppercase;padding-bottom: 1.5rem;}
.workshop-wrap p{font-size:20px;line-height: 30px;}
.accordion-main nav{margin-bottom:3rem;margin-top:3rem;}
.workshop-wrap .nav-pills .nav-link.active,
.workshop-wrap .nav-pills .show>.nav-link 	{color: #FFFFFF; background: linear-gradient(90deg, rgb(44 6 109) 0%, rgb(163 64 219) 100%);}
.workshop-wrap .nav-link 					{color: #fff; background-color: #3e3e3e6b;}
.workshop-wrap li{margin: 5px;}
.workshop-wrap .line-b{color:#fff;font-size:18px;}
.workshop-wrap .nav-item .nav-link			{-webkit-box-shadow: 0px 1px 50px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 1px 50px 0px rgba(0,0,0,0.2); box-shadow: 0px 1px 50px 0px rgba(0,0,0,0.2);height: 100%;}

.workshop-wrap .nav-link						{padding: 0.75rem 1.25rem;}

.workshop-wrap .nav-item .line-a				{font-size: 200%; font-weight: 700;}
.workshop-wrap .accordion-main nav .nav-tabs-sesion::before{display:none;}
.workshop-wrap .accordion-main nav .nav-tabs-session button::after{display:none;}
.nav-pills-workshop li{display:inline-block!important;width: auto!important;border-bottom: 0px!important;}


.registration-section{padding-top: var(--padding); padding-bottom: var(--padding);}
.registration-section h1{color:#a83fd8;text-transform: uppercase;padding-bottom: 1.5rem;}
.registration-section p{font-size:20px;line-height: 30px;}
:root{--tile-purple:#b878e6;   /* header color (like screenshot) */
      --tile-gray:#ededf0;     /* price background */
      --title-dark:#121212;
    }
.pricing-tile{border:0;overflow:hidden;box-shadow:0 6px 20px rgba(0,0,0,.06);transition:transform .15s ease, box-shadow .2s ease;height:100%;background:#fff;}
.pricing-tile:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,.10);}
.tile-head{background:var(--tile-purple);color:#fff; text-align:center;padding:10px 10px 10px;}
.tile-head h5{margin:0; font-weight:400; text-transform:none;font-family: "Afacad", sans-serif;}
.tile-head small{display:block; opacity:.9;font-family: "Afacad", sans-serif;font-style: italic;font-size: 18px;}
.tile-price{background:var(--tile-gray);text-align:center;padding:5px 5px;font-weight:800; color:#5b2a86;font-size:2rem; letter-spacing:.5px;}
.tile-price .unit{font-size:1.25rem; font-weight:800; margin-left:.25rem;}
.grid-gap > [class*="col"]{margin-bottom:1rem;}
@media (min-width:768px){ .grid-gap > [class*="col"]{margin-bottom:0;}}

.btn-registration{background-color: #2c066d;border:1px solid #2c066d;color:#fff;}
.btn-registration:hover{background-color: #a340db;border:1px solid #a340db;color:#fff;}
.item-detail {text-align: right;padding-right: 10px;font-size: 19px;font-weight: 500;padding-top: 5px;background-color: #0e559f;}
.registration-method .unstyled li{display:block;margin:0px;font-family: "Poppins", sans-serif;}
.registration-method .unstyled .styled-checkbox + label::before{float:left}
.registration-method .unstyled label{display:block;position:relative;z-index:1}
.registration-method .unstyled .styled-checkbox + label .registration-div{/*margin:0 50px 0 40px*/}
.registration-div h5{padding:0px;font-size:20px;color:#a340db!important;font-family: "Afacad", sans-serif;font-weight:500;}
.registration-method h4{color:#2c046b;text-transform: none;padding-bottom: 1rem;font-weight:500;font-family: "Afacad", sans-serif;}
.registration-div p{padding-top:0px;padding-bottom:15px;}
.registration-amount{position:absolute;top:5%;right:0px;float:right;font-weight:bold;font-family: "Afacad", sans-serif;}
.registration-method ul li:last-child p{padding-bottom:0px;}
.registration-method ul{padding-left: 0rem;}
.registration-method li{padding-bottom: 0.5rem;}
ul.unstyled-pay{list-style: none;padding-left: 0rem;}
.form-floating>.form-select{font-family: "Poppins", sans-serif;}

.form-label-pay{font-size:25px;text-transform: uppercase;color:#221638;}

.styled-checkbox {position: absolute;opacity: 0;}
.styled-checkbox + label {position:relative;cursor:pointer;padding:0;font-size:16px;line-height: 1.5;}

.styled-checkbox + label:before {content: '';border-radius: 50%;margin-right:10px;margin-left:1px;display: inline-block;vertical-align:bottom;width: 28px;height: 28px;background: #fff;box-shadow: 0 0 0 1px #ced4da;}
.styled-checkbox:hover + label:before {background:#cedcfe;box-shadow: 0 0 0 1px #cedcfe;}
.styled-checkbox:focus + label:before {box-shadow: 0 0 0 1px #cedcfe;}
.styled-checkbox:checked + label:before {background:#cedcfe;box-shadow: 0 0 0 1px #cedcfe;}
.styled-checkbox:disabled + label {color: #b8b8b8;cursor: auto;}
.styled-checkbox:disabled + label:before {box-shadow: none;background: #ddd;}
.styled-checkbox:checked + label:after {content: '✓';position: absolute;left: 8px;top: 0px;background: none;width: 2px;height: 2px;color: #13254c;font-size: 18px;font-weight: bold;}
/*.checkbox .styled-checkbox:checked + label:after {content:"";width:23px;height:23px;left:3px;top:3px;bottom:3px;right:3px;background:#c9b87a}*/
.registration-form{background-color:#f3f3f3;padding:30px;}
.fees-pay h5{font-size:20px;color:#a340db!important;font-family: "Afacad", sans-serif;font-weight:500;}



@media only screen and (max-width:1440px){
.page-img{width:300px;}}   

@media only screen and (max-width:1024px){
.leader-card{display: block;}
.leader-name{font-size:18px;}
.leader-role{font-size:16px!important;}
.leader-loc{font-size:16px!important;}
.leader-content{padding-top: 1rem}
.banner-area{padding-top: 5rem;}
.chairperson-wrap p{font-size:18px;}
.chairperson-wrap h4{font-size:20px;}
.welcome-partners p{font-size:18px;}
.days-label{font-size:25px;}
.leaders-grid{margin-top: 0rem;}
.program-wrap .nav-link{padding: 0.75rem 0.5rem;}}

@media only screen and (max-width:768px){
.headertop-panel img {width:50%;}
.headertop-panel{z-index: 9;}
.headertop-panel h4{font-size:18px;font-weight:400;}
.headertop-panel .bi{font-size:16px;}
.headertop-panel{top:55px;}
.banner-area{padding-top: 6rem;}
.banner-area .caption .location{font-size:16px;}
.banner-area .caption .name{font-weight: 400;}
.banner-area .caption .theme{font-weight:400;font-size:130%;}
.page-img{width:150px;}
.chairperson-wrap p{font-size:16px;}
.welcome-partners p{font-size:16px;}
.inner-banner-section{padding-top: 9rem;}
.time-speaker{margin-right: 3.5rem;}
.leaders-wrap p{font-size:16px;}
.leaders-img{height: auto;}}

@media only screen and (max-width:475px){
.inner-banner-section{padding-top: 8.5rem;}
.program-wrap .accordion-main .nav-pills li{width:100%;}
.program-wrap .nav-item .nav-link{width:100%;}
.prog-dtl h5{font-size:25px;}
span.prog-dtl-location{font-size:20px;}
.programme-dtl h4{font-size:18px;}
.time-speaker{margin: 0.5rem;}
.programme-dtl h3{font-size:1.2rem;font-weight:500;}
.workshop-wrap li{width:100%;}
.workshop-wrap .nav-pills .nav-link.active, .workshop-wrap .nav-pills .show>.nav-link{width:100%;}
.workshop-wrap .nav-item .nav-link{width:100%;}
.tab-pane ul li{width:100%!important;}}


@media screen and (min-width: 300px) and (max-width: 575px) {
.tab-pane ul li {display: block;position: relative;padding-right: 80px;margin-bottom: 10px;}}
@media screen and (min-width: 300px) and (max-width: 991px) {
.tab-pane ul li {padding: 10px;}}

@media screen and (min-width: 300px) and (max-width: 575px) {
.tab-pane ul li .speaker-frame {position: absolute;top: 0px;right: 10px;width: 60px;}}
@media screen and (min-width: 300px) and (max-width: 575px) {
.tab-pane ul li .speaker-frame {flex: 0 0 80px;}
.speaker-img{width:50px;height: 50px;}
.inner-banner-section {padding-top: 8.0rem;}}