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

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

Thin 			100
ExtraLight 		200
Light 			300
Regular 		400
Medium 			500
semibold		600
Bold 			700
extraBold		800
Black 			900
*/


body 				{color: #333333; font-size: 1rem; font-family: "Inter", sans-serif; font-style: normal; font-optical-sizing: auto; font-weight: 400;}

h1, h2, h3, h4, h5	{color: #333333; font-weight: 700;}
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;}


.page				{}

.banner				{height: 90vh;}
.banner				{padding-top: 5rem; padding-bottom: 5rem; background-image: url("../images/banner.webp"); background-repeat: no-repeat; background-size: 100% auto; text-align: center;}
.banner .m-logo		{margin-bottom: 2rem;}
.banner .logo		{margin-bottom: 2rem;}
.banner .date		{margin-bottom: 1rem; font-size: 150%; font-weight: 600; color: #FFFFFF;}
.banner .location	{margin-bottom: 1rem; font-size: 150%; font-weight: 600; color: #FFFFFF;}
.banner .register	{margin-bottom: 0rem;}

.banner .register a			{display: inline-block; padding: 1rem 2rem; background-color: #990000; border-radius: 5rem; color: #FFFFFF;}
.banner .register a:hover 	{background-color: #cc0000;}

.banner .logo img 	{max-height: 350px;}

.banner .date span, .banner .location span		{color: #ffbd6f;}


.workshop-wrap					{padding-top: 5rem; padding-bottom: 5rem; background-color: #fafafa;}

.workshop-block						{background-color: #f5f5f5; padding: 2rem;}
.workshop-block .line 				{padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: 1px solid rgba(0,0,0,0.10);}
.workshop-block .line:last-child 	{margin-bottom: 0; padding-bottom: 0; border-bottom: none;}

.workshop-block .line			{font-weight: 600; font-size: 112.5%;}

.workshop-wrap .line-a-en		{font-size: 175%;}
.workshop-wrap .line-b-en		{}
.workshop-wrap .line-c-en		{}
.workshop-wrap .line-d-en		{}

.workshop-wrap .line-a-ar		{font-size: 175%; font-family: "Alexandria", sans-serif; direction: rtl;}
.workshop-wrap .line-b-ar		{font-family: "Alexandria", sans-serif; direction: rtl;}
.workshop-wrap .line-c-ar		{font-family: "Alexandria", sans-serif; direction: rtl;}
.workshop-wrap .line-d-ar		{font-family: "Alexandria", sans-serif; direction: rtl;}


.registration-wrap				{padding-top: 5rem; padding-bottom: 5rem;}


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





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

}






/* `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
	
	
.banner				{background-size: auto 100%;}

	
}





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

	
	
}




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

body 				{font-size: 87.5%;}
	
.banner				{background-size: auto 100%;}	
	
	

	
	
}





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

body 				{font-size: 87.5%;}
	
.banner				{background-size: auto 100%;}

	
	

	

}