@import url("layout.css");
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

.bg{
	background:url(../images/bg.png) no-repeat;
	background-size:cover;
}

.header{
	overflow:hidden;
	padding:8px 60px;
}
.logo{
	width:200px;
}
.logo img{
	width:100%;
}

.banner{
	background:url(../images/heroimg-2.png) no-repeat;
	background-size:contain;
	mix-blend-mode: screen;
   	/* opacity: 0.8;

	background:url(../images/heroimg-2.png) no-repeat;
	background-size:cover;
	mix-blend-mode: screen;
    opacity: 0.8;
*/
}
.bannerimg img{
   position:relative;
   left:0;
	top:0;
}
.bannerimg img{
   
	mix-blend-mode: screen;
    opacity: 0.8;
}
.bannerbox{
	width:1000px;
	padding:10% 100px;
}
.bannerin{
	padding:50px 0;
	color:#fff;
	display: flex;
   align-items: center;
   /*justify-content: center;*/
}

.a01{
	font-size:4rem;
	font-weight:600;
	line-height:1.5;
	color:#fff;
	letter-spacing:2px;
	text-shadow: 5px 5px 10px #933FFE;
	padding:0 0 50px 0;
}
.a02{
	font-size: 1.5rem;
	font-weight:500;
	line-height:1.5;
	color:#fff;
}
.a03{
	font-size: 1.375rem;
	font-weight:300;
	line-height:1.5;
	color:#fff;
	letter-spacing:2px;
}
.a04{
	font-size: 3rem;
	font-weight:600;
	font-family: "Roboto", sans-serif;
	/*font-style:italic;*/
}
.a04 span{
 
	font-weight:300;
}
.a05{
	margin:20px 0;
	font-size: 3rem;
}
.a06{
	font-size: 1.875rem;
	background:url(../images/map.png) no-repeat left center;
	background-size:30px 34px;
	padding:0 0 0 40px;
}

.joinbtn{
	width:250px;
	height:60px;
	font-size:1.5rem;
	line-height:60px;
	text-align:center;
}
.joinbtn a{
	display:block;
	width:250px;
	height:60px;
	background: linear-gradient(to top right, #933FFE, #18C8FF);
	color:#fff;
	border-radius:10px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.joinbtn a:hover{
	background: linear-gradient(to top right, #5c1cd6, #300f70);
}

.se2{
	padding:4% 0;
}
.b01{
	font-size: 3rem;
	font-weight:600;
	text-align:center;
	/*text-shadow: 1px 1px 2px black;*/
	background: linear-gradient(180deg, #FFFFFF 0%, #CFB6FE 89.42%, #915FF0 100%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
	padding:0 0 30px 0;
}
.b02{
	font-size: 1.5rem;
	font-weight:400;
	line-height:1.8;
	text-align:center;
	padding:20px 0 0 0;
	color:#fff;
}
.b03{
	overflow:hidden;
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	margin:5% 0;
}
.b03 li{
	width:32%;
	float:left;
	margin:0 2% 0 0;
	

background: rgba(255, 255, 255, 0.15);
border: 1px solid rgba(255, 255, 255, 0.44);
backdrop-filter: blur(2.7px);
	padding:40px;
	border-radius:20px;
}
.b03 li:nth-child(3){
	margin:0 ;
}
.b03 li h5{
	font-size: 1.625rem;
	font-weight:400;
	line-height:1.5;
	text-align:center;
	padding:25px 0;
	color:#fff;
}
.b03 li p{
	font-size: 1.25rem;
	font-weight:300;
	line-height:1.6;
	color:#fff;
	letter-spacing:2px;
}
.b03 li img{
	display:block;
	text-align:centr;
	margin:0 auto;
}

.bginfo{
	background:rgba(221, 180, 255, 0.3);
	padding:4% 0;
}
.infoarea{
	display: flex; /* ★ */
    align-items: center; /* ★ */
	width:100%;
	position:relative;
	margin:40px 0 0 0;
}
.infobox{
	width:100%;
	border-radius:20px;
	padding:40px 0 40px 100px;
	background: rgba(255, 255, 255, 0.9);
    border: 3px solid #FFFFFF;
    box-shadow: inset -2px 4px 5px #FFFFFF;

}
.infoimg{
	width:350px;
	position:absolute;
	right:0;	
}
.c01{
	font-size: 1.25rem;
	font-weight:400;
	line-height:1.5;
	padding:10px 0 0 100px;
	color:#fff;
}
.c02{
	width:600px;
	overflow:hidden;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
	
}
.c02 li{
	float:left;
	font-size: 1.4375rem;
	font-weight:500;
	line-height:40px;
	margin:10px 0;
}
.c02 li:nth-child(odd){
	width:25%;
	padding:0 0 0 55px;
	color:#543c93;
	
}
.c02 li:nth-child(even){
	width:75%;

	font-weight:400;

}

.c02 li.c02a{
	background:url(../images/Calendarmonth.svg) no-repeat left top;
}
.c02 li.c02b{
	background:url(../images/timefilled.svg) no-repeat left top;
}
.c02 li.c02c{
	background:url(../images/Location.svg) no-repeat left top;
}
.c02 li.c02d{
	background:url(../images/Locationon-1.svg) no-repeat left top;
}

.se4{
	padding:4% 0;
}
.d01{
	font-size:3rem;
	font-weight:500;
	text-align:center;
	color:#fff;
}
.d02{
	font-size: 1.5rem;
	font-weight:400;
	line-height:1.8;
	text-align:center;
	color:#fff;
	padding:4% 0;
}
.se4 .joinbtn{
	display:block;
	margin:30px auto 50px auto;
}

.gradient{
    background: linear-gradient(to top, #8362de, #45a3e0, #72c5ef);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}


.blue-line {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, #7ecef4));
    background: -webkit-linear-gradient(transparent 70%, #7ecef4 0%);
    background: linear-gradient(transparent 70%, #7ecef4 0%);
}

.awstext{
	
font-family: 'Geologica';

font-style: normal;
font-weight: 700;

font-size: 150px;
line-height: 188px;




border: 1px solid rgba(255, 255, 255, 0.5);

}





@media (max-width: 1440px) {

}


@media (max-width: 1366px) {

}

@media (max-width: 1024px) {
.bannerbox{
	width:100%;
	padding:60px;
}
.infoimg{
	width:250px;
	right:0;	
}
}

@media (max-width: 768px) {
.b03 li{
	width:100%;
	float:none;
	margin:0 0 2% 0;

}
.b03 li:nth-child(3){
	margin:0 ;
}
.infobox{

	padding:40px;
}
.infoimg{
	width:180px;
	top:-30px;	
}
.c02{
	width:100%;
	
}
}

@media (max-width: 640px) {
.infoimg{
	width:150px;	
}
}

@media (max-width: 480px) {
.infoimg{
	width:100px;	
}
.c02 li:nth-child(odd){
	width:35%;
	
}
.c02 li:nth-child(even){
	width:65%;

}
.c01{
	padding:20px;
}
}
@media (max-width: 414px) {
.infoimg{
	width:80px;	
}
.infobox{
padding:30px;
}
.c02 li:nth-child(odd){
	width:35%;
	padding: 0 0 0 50px
}
.c02 li:nth-child(even){
	width:65%;

}
.d01 {
    font-size:2.5rem;
    line-height:1.6;
}
}