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

/*
font-family: "Lato", sans-serif;
font-family: "Playfair Display", serif;

Playfair Display
Regular 	400
Medium 		500
SemiBold 	600
Bold 		700
Black 		900

Lato
Thin 		100
Light 		300
Regular 	400
Bold 		700
Black 		900
*/


body 				{color: #FFFFFF; font-size: 1rem; font-family: "Lato", sans-serif; font-style: normal; font-weight: 400; background-color: var(--purplecolor)}

h1, h2, h3, h4, h5	{color: #FFFFFF; font-family: "Playfair Display", serif; font-optical-sizing: auto; font-style: normal;}
h1					{}
h2					{}
h3					{}
h4					{}
h5					{}

strong				{font-weight: 700;}

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;
	--skybluecolor : #09fff4;
	--purplecolor : #563a73;
	--bs-body-bg : #ffffff;
	--greencolor : #16a5ab;
}



.page				{background-image: url("../images/bg-img.png"); background-position: left top; background-repeat: no-repeat;}


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


.text-bg-dark 		{color: #333333 !important; background-color: #FFFFFF !important;}


.menu-area			{position: fixed; top: 0; left: 0; z-index: 110; background-color: rgba(255,255,255,0.1); width: 100%; padding-top: 1.25rem; padding-bottom: 1.25rem; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.menu-area.sticky	{padding-top: 1rem; padding-bottom: 1rem; background-color: rgba(86,58,115,1); -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);}



.mob-logo			{padding: 2rem 1rem; display: none;}


.menu-area .navbar			{padding: 0 !important;}

.menu-area .navbar-nav .nav-link.active,
.menu-area .navbar-nav .show>.nav-link		{color: var(--skybluecolor);}

.menu-area .nav-link						{padding: 0;}

.menu-area .navbar-nav						{overflow: hidden;}
.menu-area .nav-item .nav-link 				{overflow: hidden; height: 1.5rem; color: #FFFFFF; font-weight: 700;}
.menu-area .nav-item .nav-link span 		{position: relative; display: inline-block; transition: 0.3s;}
.menu-area .nav-item .nav-link span::before {color: var(--skybluecolor); position: absolute; top: 100%; content: attr(data-hover); transform: translate3d(0, 0, 0);}
.menu-area .nav-item .nav-link:hover span 	{transform: translateY(-100%);}



.banner-chairperson			{overflow: hidden;/*background-image: url("../images/face.png"); background-position: top center; background-repeat: no-repeat;*/}

.banner-chairperson			{position: relative;}
.banner-chairperson .face	{position: absolute; left: 20%; top: -10%; width: 100%; z-index:0;}

.banner-chairperson .face img 	{}
/* .banner-chairperson .face img {animation: fade 5s infinite;} */

@keyframes fade { 
	0% {opacity: 1;}
	50% {opacity: 0.3;}
	100% {opacity: 1;}
}

.banner-chairperson .banner-base	{opacity: 1;}
.banner-chairperson .banner-anim	{top: 0px; left: 0px; z-index: 9; opacity: 1;}
.banner-chairperson::before			{position: absolute; left: 0; top: 0; z-index: 1; background-size: 100% auto; content:''; display: block; width: 100%; height: 100%; background: url("../images/bg-img.png") left top no-repeat;}
.bg-img 							{top: 0; left: 0; width: 100%; z-index: 9;}



.banner-area				{padding-top: 7rem;position:relative;z-index:99;}

.confname-area				{}
.confname-area .line-a		{margin-bottom: 4rem;}
.confname-area .line-b		{margin-bottom: 2rem;}
.confname-area .line-c		{margin-bottom: 2rem; color: var(--skybluecolor); font-size: 175%;}
.confname-area .line-d		{margin-bottom: 2rem; font-size: 150%; font-weight: 300;}
.confname-area .line-e		{}

.confname-area .line-e h5 		{color: #FFFFFF;}
.confname-area .line-e .line-x	{font-size: 125%; font-weight: 700;}
.confname-area .line-e .line-y	{margin-bottom: 0.25rem;}
.confname-area .line-e .line-z	{}




#Layer_1 path{
stroke: #FFFfff;
fill: transparent;
stroke-width: 1px;
stroke-dasharray: 800px;
stroke-dashoffset: 800px;
animation: txt 4s 0.5s linear forwards;
}
@keyframes txt{
0% 		{stroke-dashoffset: 800px;}
50% 	{stroke-dashoffset: 0; fill: transparent;}
100% 	{stroke-dashoffset: 0; fill: #ffffff;}
}




.chairperson-msg			{padding-top: 10rem; padding-bottom: 0; text-align: center;position:relative;z-index:9;}
.chairperson-msg h5 		{}
.chairperson-msg h1 		{color: var(--skybluecolor);}

.chairperson-img			{border-radius: 50rem; overflow: hidden;}

.chair-block 				{padding: 1rem; border: rgba(255,255,255,0.10) 1px solid; border-radius: 0.5rem; height: 100%; background-color: rgba(0,0,0,0.1);}
.chair-block .line-a		{color: var(--skybluecolor); font-size: 125%; font-weight: 700;}
.chair-block .line-b		{}

.image-circle 				{width: 100%; height: 100%; border-radius: 50%; border: 2px dashed #09fff4; padding: 5px; animation: spin 30s infinite linear;}
.image-circle img 			{animation: spin 30s infinite reverse linear; border-radius: 50%;}



@keyframes spin {
	100% {transform: rotate(1turn);}
}


.committee-wrap								{padding-top: var(--padding); padding-bottom: var(--padding);}
.committee-wrap h1 							{text-align: center; color: var(--skybluecolor);}
.committee-wrap h3 							{text-align: center;}

.committee-block							{text-align: center; cursor: pointer;}
.committee-block .committee-img				{margin-bottom: 0.5rem; overflow: hidden; border-radius: 10rem;}
.committee-block .committee-name			{margin-bottom: 0; font-size: 125%; font-weight: 500; font-family: "Playfair Display", serif; color: var(--skybluecolor);}
.committee-block .committee-des				{font-size: 87.5%;}

.committee-block .committee-img img			{transition: 0.3s ease;}
.committee-block:hover .committee-img img	{transform: scale(1.1);}



.modal								{color: #333333;}
.modal h1 							{color: #333333;}

.speakers-wrap						{padding-top: var(--padding); padding-bottom: var(--padding);}
.speakers-wrap h1 					{text-align: center; color: var(--skybluecolor);}
.speakers-wrap h3 					{text-align: center;}

.speaker-block						{text-align: center; cursor: pointer;}
.speaker-block .spk-img				{margin-bottom: 0.5rem; padding: 1rem;; border-radius: 3rem; border: 2px solid #989ed6; position: relative;}
.speaker-block .spk-name			{font-size: 125%; font-family: "Playfair Display", serif; color: var(--skybluecolor);}
.speaker-block .spk-des				{}

.speaker-block .spk-img .spk-img-in 			{border-radius: 10rem; overflow: hidden;}

.speaker-block .spk-img .country				{position: absolute; right: 5%; bottom: 5%; width: auto; text-align: center;}

.speaker-block .spk-img .country img 			{width: 52px;}

.speaker-block .spk-img .spk-img-in img			{border-radius: 10rem; transition: 0.3s ease;}
.speaker-block:hover .spk-img .spk-img-in img	{transform: scale(1.1);}

.speaker-block .spk-img .spk-img-in 				{position: relative;}
.speaker-block .spk-img .spk-img-in::before 		{position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%;	
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 50%, rgba(255,255,255,0) 100%); 
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 50%, rgba(255,255,255,0) 100%); 
	-webkit-transform: skewX(-25deg); transform: skewX(-25deg);}
.speaker-block .spk-img .spk-img-in:hover::before 	{-webkit-animation: shine .75s;	animation: shine .75s;}

@keyframes shine {
	100% {left: 125%;}
}



.program-wrap				{padding-top: var(--padding); padding-bottom: var(--padding);}
.program-wrap h1 			{text-align: center; color: var(--skybluecolor);}

.program-wrap .nav-pills .nav-link			{background-color: #2d1943; color: #837c8c;}

.program-wrap .nav-justified .nav-item,
.program-wrap .nav-justified>.nav-link 		{margin-right: 0.25rem;}

.program-wrap .nav-pills .nav-link.active,
.program-wrap .nav-pills .show>.nav-link 	{color: #FFFFFF; background-color: var(--greencolor);}

.program-wrap .nav-pills .line-a	{font-size: 150%; font-weight: 700; line-height: normal;}
.program-wrap .nav-pills .line-b	{line-height: normal;}

.program-row-wrap					{}
.program-row-wrap .prog-row				{padding: 0.5rem 1rem; border-radius: 0.5rem; border: 1px solid rgba(255,255,255,0.30); margin-bottom: 0.5rem;}
.program-row-wrap .prog-row:last-child 	{margin-bottom: 0;}

.prog-row .spk-img					{position: relative;}
.prog-row .time						{font-size: 87.5%; color: rgba(255,255,255,0.75);}
.prog-row .lecture					{font-size: 125%;}
.prog-row .speaker					{font-size: 100%; color: var(--skybluecolor);}

.prog-row.highlite-a 				{background-color: rgba(0,0,0,0.15);}


.prog-row .spk-img::after 			{content: ""; display: block; padding-bottom: 100%;}
.prog-row .spk-img img 				{position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: 50% 10%; border-radius: 50rem;} 

.prog-row hr 						{margin-top: 0.25rem; margin-bottom: 0.25rem;}



.registration-wrap					{padding-top: var(--padding); padding-bottom: var(--padding);}
.registration-wrap h1 				{text-align: center; color: var(--skybluecolor);}

.registration-wrap .form-control	{background-color: rgba(255,255,255,0.10);border-color: rgba(255,255,255,0.20);color: #FFFFFF;}
.registration-wrap .form-select		{background-color: rgba(255,255,255,0.10); border-color: rgba(255,255,255,0.20); color: #FFFFFF;}

.registration-wrap .form-floating>.form-control-plaintext~label::after,
.registration-wrap .form-floating>.form-control:focus~label::after,
.registration-wrap .form-floating>.form-control:not(:placeholder-shown)~label::after,
.registration-wrap .form-floating>.form-select~label::after 	{background-color: rgba(255,255,255,0); }

.form-floating>.form-control-plaintext~label,
.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label 								{color: rgba(255,255,255,0.50);}


.registration-wrap .form-select option 							{background-color: rgba(86,58,115,1); color: #FFFFFF;}





.sponsors-wrap						{padding-top: var(--padding); padding-bottom: var(--padding);}
.sponsors-wrap h1 					{text-align: center; color: var(--skybluecolor);}



.footer					{padding-top: 2rem; padding-bottom: 2rem; background-color: rgba(0,0,0,1.00);}
.footer a 				{color: #999999;}
.footer a:hover 		{color: #cccccc;}


.cert-logo		{padding-top: 3rem; padding-bottom: 3rem;}
.cert-body		{padding-top: 1rem; padding-bottom: 1rem;}



/* ===== PRELOADER ===== */
#preloader			{position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--purplecolor); z-index: 9999;}
#status				{width: 200px; height: 300px; position: absolute; left: 50%; top: 50%; margin: -150px 0 0 -100px; text-align: center;}
#status .line-a		{margin-bottom: 2rem;}
#status .line-b		{color: #FFFFFF; font-weight: 700;}
/* ===== PRELOADER ===== */



/* `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
	
.page						{background-size: 100% auto;}
	
	
.banner-chairperson			{background-size: 150% auto;}

}






/* `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
	
	


	
}





/* `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
	
body 						{font-size: 87.5%;}	
	
	
.page						{background-size: 100% auto;}
	
	
.banner-chairperson			{background-size: 150% auto;}
	
	
.banner-chairperson .face	{top: -5%;}			
	
	

.mob-logo			{display: block;}
	
	
	
.menu-area .nav-item						{margin-bottom: 1rem;}
.menu-area .nav-item .nav-link 				{color: #333333;}
.menu-area .nav-item .nav-link span::before {color: var(--skybluecolor);}
.menu-area .offcanvas-header				{background-color: var(--greencolor);}
	
	
.speaker-block .spk-img				{padding: 0.75rem;}	
	
	
}




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

body 				{font-size: 87.5%;}
	
	
.page						{background-size: 150% auto;}
	
	
.banner-chairperson			{background-size: 200% auto;}
	
	
.banner-chairperson .face	{top: 0;}		
	
	
	
.mob-logo			{display: block;}
	
	
	
.menu-area .nav-item						{margin-bottom: 1rem;}
.menu-area .nav-item .nav-link 				{color: #333333;}
.menu-area .nav-item .nav-link span::before {color: var(--skybluecolor);}
.menu-area .offcanvas-header				{background-color: var(--greencolor);}

	
	
.confname-area				{}
.confname-area .line-a		{margin-bottom: 3rem;}
.confname-area .line-b		{margin-bottom: 1rem;}
.confname-area .line-c		{margin-bottom: 1rem; font-size: 150%;}
.confname-area .line-d		{margin-bottom: 1rem; font-size: 125%;}
.confname-area .line-e		{}
	
	
	
.speaker-block .spk-img				{padding: 0.5rem;}
	
	
.program-row-wrap .prog-row			{padding: 0.5rem 0.5rem;}	
	
	
}





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

body 				{font-size: 87.5%;}
	
	
.page						{background-size: 150% auto;}
	
	
.banner-chairperson			{background-size: 200% auto;}
	
	
	
.banner-chairperson .face	{top: 0;}	
	
	
	
.mob-logo			{display: block;}
	
	
	
.menu-area .nav-item						{margin-bottom: 1rem;}
.menu-area .nav-item .nav-link 				{color: #333333;}
.menu-area .nav-item .nav-link span::before {color: var(--skybluecolor);}
.menu-area .offcanvas-header				{background-color: var(--greencolor);}

	
	
.confname-area				{}
.confname-area .line-a		{margin-bottom: 3rem;}
.confname-area .line-b		{margin-bottom: 1rem;}
.confname-area .line-c		{margin-bottom: 1rem; font-size: 150%;}
.confname-area .line-d		{margin-bottom: 1rem; font-size: 125%;}
.confname-area .line-e		{}
	
	

.speaker-block .spk-img				{padding: 0.5rem;}
	
	
.program-row-wrap .prog-row			{padding: 0.5rem 0.5rem;}
	
	

	

}