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

/*
font-family: "Roboto", sans-serif;

Thin 	100
Light 	300
Regular	400
Medium 	500
Bold 	700
Black 	900

*/

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

h1, h2, h3, h4, h5	{font-weight: 700;}
h1					{}
h2					{}
h3					{}
h4					{}
h5					{}

strong				{font-weight: 500;}

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;
	--blue : #143e6b;
}



.page						{}


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


.navbar-dark, .navbar[data-bs-theme=dark] {--bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.5);}
.menu-area.sticky .navbar-dark, .navbar[data-bs-theme=dark] {--bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.5);} 


.navbar-toggler-icon 					{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;}
.menu-area.sticky .navbar-toggler-icon	{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;}


.text-bg-dark 				{color: #333333 !important; background-color: var(--blue) !important;}

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




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

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

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

.menu-area .navbar-nav						{overflow: hidden;}
.menu-area .nav-item .nav-link 				{overflow: hidden; height: 1.5rem; color: #333333; 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(--blue); position: absolute; top: 100%; content: attr(data-hover); transform: translate3d(0, 0, 0);}
.menu-area .nav-item .nav-link:hover span 	{transform: translateY(-100%);}


.menu-area.sticky .nav-item .nav-link 				{color: #d0d8e1;}
.menu-area.sticky .nav-item .nav-link span::before 	{color: #FFFFFF;}



.banner-chairperson				{}
.banner-chairperson				{background: linear-gradient(to bottom,  rgba(169,198,230,1) 0%,rgba(206,193,223,1) 100%);}
.banner-chairperson-in			{background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%);}

.banner-chairperson-in			{padding-top: 3.5rem;}

.banner-area					{}


.banner-area .gap-block			{padding: 1px;}


.conf-name					{position: relative;}
.conf-name-block			{position: absolute; width: 80%; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.conf-name-block .line-a	{margin-bottom: 2rem; width: 75%;}
.conf-name-block .line-b	{color: #ffdca2; font-size: 150%; font-weight: 700; line-height: normal;}
.conf-name-block .line-c	{color: #FFFFFF; font-size: 150%; font-weight: 700; line-height: normal;}



.banner-a					{position: relative;}
.banner-a .banner-a-block	{position: absolute; width: 100%; padding: 5%; bottom: 0; left: 0;}
.banner-a .workshop-banner	{position: absolute; width: 90%; padding: 2%; bottom: 25%; left: 5%;}
.banner-a .cme				{position: absolute; width: auto; padding: 2%; top: 10%; left: 5%; background-color: rgba(255,255,255,0.75);}

.banner-a .workshop-banner	{background-color: rgba(255,255,255,0.8); text-align: center;}
.banner-a .workshop-banner .line-a	{color: var(--blue); font-size: 150%; font-weight: 500;}
.banner-a .workshop-banner .line-b	{}

.banner-a .cme .line-a		{line-height: normal;}
.banner-a .cme .line-b		{line-height: normal; color: var(--blue); font-size: 400%; font-weight: 900;}
.banner-a .cme .line-c		{line-height: normal;}



.register-now-btn-wrap						{text-align: center;}
.register-now-btn-wrap .register-now-btn	{display: inline-block; padding: 1rem 2rem; font-size: 125%;}


.register-now-btn {color: #fff; background-size: 200% auto; transition: 0.5s;
	box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
	background-image: linear-gradient(to right, #db8dd0 0%, #84acc4 100%);}
.register-now-btn:hover {background-position: right center;}



.chairperson-msg			{padding-top: var(--padding); padding-bottom: var(--padding);}
.chairperson-msg h1 		{color: var(--blue);}


.association-logo			{padding-top: var(--padding); padding-bottom: var(--padding);}
.association-logo h1 		{color: var(--blue);}



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

.committee-block 						{text-align: center;}
.committee-block .committee-img			{margin-bottom: 1rem;}
.committee-block .committee-name		{color: var(--blue); font-size: 125%; font-weight: 500;}
.committee-block .committee-title		{font-size: 87.5%;}


.comm-block			{padding: 2rem; background-color: aliceblue; height: 100%;}



.speakers-wrap				{padding-top: var(--padding); padding-bottom: var(--padding);  /*background: linear-gradient(to bottom,  rgba(169,198,230,1) 0%,rgba(206,193,223,1) 100%);*/}
.speakers-wrap h1 			{color: var(--blue); text-align: center;}

.speaker-block						{cursor: pointer; background-color: #143e6b; height: 100%;}
.speaker-block .speaker-img			{overflow: hiddenx; position: relative;}
.speaker-block .speaker-details		{text-align: center; padding: 1rem;}
.speaker-block .speaker-details .speaker-name			{color: #FFFFFF; font-size: 125%; font-weight: 500;}
.speaker-block .speaker-details .speaker-designation	{color: #cee2fd; font-size: 87.5%;}

/*.speaker-block .speaker-img img 		{transform: scale(1); transition: .3s ease-in-out;}
.speaker-block:hover .speaker-img img 	{transform: scale(1.1);}*/

.speaker-block .speaker-img .overlay		{background: rgba(0,0,0,.1); position: absolute; margin: auto; width: 0px; height: 0px; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; -webkit-transition: .3s ease; transition: .2s ease; z-index: 1;}
.speaker-block:hover .speaker-img .overlay	{opacity: 1; width: 100%; height: 100%;}

.speaker-block .speaker-img span 			{position: absolute; left: 0; bottom: -11px; width: 100%; text-align: center; z-index: 10;}
.speaker-block .speaker-img span img 		{width: 42px; position: relative; z-index: 20;}


.program-wrap			{padding-top: var(--padding); padding-bottom: var(--padding); background: linear-gradient(to bottom,  rgba(82,71,119,1) 0%,rgba(46,44,96,1) 100%);}
.program-wrap-in		{}
.program-wrap-in h1 	{color: #FFFFFF; text-align: center;}
.program-wrap-in h3 	{color: #FFFFFF; font-weight: 500;}


.program-wrap								{}
.program-wrap .nav-item						{margin-right: 0.25rem;}
.program-wrap .nav-item:last-child			{margin-right: 0;}
.program-wrap .nav-link						{background-color: #574f87; color: rgba(255,255,255,0.50); font-size: 150%; padding: 0.5rem 0.5rem;}
.program-wrap .nav-pills .nav-link			{border-radius: 0; font-weight: 300;}
.program-wrap .nav-pills .nav-link span 	{font-weight: 700;}
.program-wrap .nav-pills .nav-link.active,
.program-wrap .nav-pills .show>.nav-link 	{background-color: #7876c8; color: #FFFFFF;}


.prog-wrap						{}

.prog-wrap .prog-row			{padding: 1rem 0.5rem; border-bottom: 1px solid #7876c8; color: rgba(255,255,255,0.75);}
.prog-wrap .prog-row:last-child	{border-bottom: none;}

.prog-wrap .session-row			{background-color: #7876c8; color: #FFFFFF;}

.prog-wrap .highlite-a			{background-color: rgba(120,118,200,0.20);}


.prog-row .time			{line-height: normal;}
.prog-row .lecture		{line-height: normal; font-size: 125%;}
.prog-row .speaker		{line-height: normal;}
.prog-row .session		{line-height: normal; font-size: 150%; font-weight: 500; color: #FFFFFF;}
.prog-row .moderators	{line-height: normal;}





.workshops-wrap					{padding-top: var(--padding); padding-bottom: var(--padding);}
.workshops-wrap h1 				{color: #000000; text-align: center;}

.workshops-wrap .nav-item						{margin-right: 0.25rem;}
.workshops-wrap .nav-item:last-child			{margin-right: 0;}
.workshops-wrap .nav-link						{background-color: rgba(20,60,107,0.50); color: #FFFFFF; font-size: 150%; padding: 0.5rem 0.5rem;}
.workshops-wrap .nav-pills .nav-link			{border-radius: 0; font-weight: 300; height: 100%;}
.workshops-wrap .nav-pills .nav-link span 		{font-weight: 700;}
.workshops-wrap .nav-pills .nav-link.active,
.workshops-wrap .nav-pills .show>.nav-link		{background-color: var(--blue); color: #FFFFFF;}

 
.workshop-block			{padding: 1.25rem; background-color: antiquewhite; height: 100%;}
.workshop-block .line-a	{font-weight: 500; font-size: 150%; margin-bottom: 0.5rem;}
.workshop-block .line-b	{}

.sp-ws-row					{background-color: antiquewhite; padding: 1rem;}
.sp-ws-row .sp-ws-time		{}
.sp-ws-row .sp-ws-photo		{}
.sp-ws-row .sp-ws-lecture	{font-size: 125%; font-weight: 500; color: var(--blue);}
.sp-ws-row .sp-ws-detail	{margin-bottom: 0.5rem;}
.sp-ws-row .sp-ws-spkr		{}

.sp-ws-row .sp-ws-photo img	{border-radius: 50%;}




.registration-wrap		{padding-top: var(--padding); padding-bottom: var(--padding); background-color: rgba(0,0,0,0.025);}

.registration-wrap .form-control	{border-radius: 0;}
.registration-wrap .form-select		{border-radius: 0;}


.w-wrap					{background-color: rgba(255,255,255,1.00); padding: 1rem; margin-bottom: 0.5rem;}
.w-wrap:last-child		{margin-bottom: 0rem;}

.w-title				{font-size: 150%; font-weight: 500; margin-bottom: 0.5rem;}

.w-row					{padding: 0.5rem 0; border-bottom: 1px solid #f2f2f2;}
.w-row:last-child		{border-bottom: none;}



.sponsors-wrap			{padding-top: var(--padding); padding-bottom: var(--padding);}


.footer					{padding-top: 2rem; padding-bottom: 2rem; font-size: 87.5%; background-color: var(--blue); color: #FFFFFF;}
.footer a 				{color: rgba(255,255,255,0.75);}
.footer a:hover 		{color: #FFFFFF;}












/* ===== PRELOADER ===== */
#preloader			{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999;}
#status				{width: 200px; height: 264px; position: absolute; left: 50%; top: 50%; margin: -132px 0 0 -100px; text-align: center;}
#status .line-a		{margin-bottom: 2rem;}
#status .line-b		{font-weight: 700;}
/* ===== PRELOADER ===== */




/* `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {}



/* `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%;}
	
	
.menu-area					{padding-top: 0.75rem; padding-bottom: 0.75rem;}
.menu-area.sticky			{padding-top: 0.5rem; padding-bottom: 0.5rem;}
.banner-chairperson-in		{padding-top: 4rem;}	
	
	
.menu-area .nav-item .nav-link	{color: #FFFFFF;}	
	
	
.conf-name-block			{width: 80%;}
.conf-name-block .line-a	{margin-bottom: 1rem; width: 60%;}
.conf-name-block .line-b	{font-size: 100%;}
.conf-name-block .line-c	{font-size: 100%;}
	
	
.register-now-btn-wrap .register-now-btn	{padding: 0.75rem 1rem; font-size: 100%;}			
	
	
	
.workshop-block					{padding: 1rem;}
	
	
.banner-a .workshop-banner	{bottom: 45%;}
.banner-a .workshop-banner .line-a	{font-size: 112.5%; }



	
}


/* `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
	
body 				{font-size: 87.5%;}
	
	
.menu-area					{padding-top: 0.75rem; padding-bottom: 0.75rem;}
.menu-area.sticky			{padding-top: 0.5rem; padding-bottom: 0.5rem;}
.banner-chairperson-in		{padding-top: 4rem;}	
	
	
.menu-area .nav-item .nav-link	{color: #FFFFFF;}
	
	
.conf-name-block			{width: 90%;}
.conf-name-block .line-a	{margin-bottom: 0.5rem; width: 60%;}
.conf-name-block .line-b	{font-size: 100%;}
.conf-name-block .line-c	{font-size: 75%;}
	
	
.register-now-btn-wrap .register-now-btn	{padding: 0.75rem 1rem; font-size: 100%;}
	
	
.program-wrap .nav-link						{font-size: 112.5%;}
	
	
.workshops-wrap .nav-link		{font-size: 100%;}
	
	
.workshop-block					{padding: 0.5rem;}
	
	
.w-wrap							{padding: 0.5rem; margin-bottom: 0.25rem;}	
	
	
.banner-a .workshop-banner	{bottom: 37%;}
.banner-a .workshop-banner .line-a	{font-size: 112.5%; }	
	
	

.banner-a .cme				{top: 5%;}
.banner-a .cme .line-b		{font-size: 250%;}	
	
	
	
}


/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	
body 				{font-size: 87.5%;}
	
	
.menu-area					{padding-top: 0.75rem; padding-bottom: 0.75rem;}
.menu-area.sticky			{padding-top: 0.5rem; padding-bottom: 0.5rem;}
.banner-chairperson-in		{padding-top: 4rem;}
	

.menu-area .nav-item .nav-link	{color: #FFFFFF;}	
	


.conf-name-block			{width: 90%;}
.conf-name-block .line-a	{margin-bottom: 0.5rem; width: 60%;}
.conf-name-block .line-b	{font-size: 100%;}
.conf-name-block .line-c	{font-size: 75%;}	
	
	
.register-now-btn-wrap .register-now-btn	{padding: 0.75rem 1rem; font-size: 100%;}	
	
	
.program-wrap .nav-link			{font-size: 112.5%;}	
	
	
.workshops-wrap .nav-link		{font-size: 100%;}
	
	
.workshop-block					{padding: 0.5rem;}
	
	
.w-wrap							{padding: 0.5rem; margin-bottom: 0.25rem;}
	
	
	
.banner-a .workshop-banner	{bottom: 37%;}
.banner-a .workshop-banner .line-a	{font-size: 112.5%; }	
	
	

.banner-a .cme				{top: 5%;}
.banner-a .cme .line-b		{font-size: 250%;}


	
	
}