.main-i1{
	position:absolute;
	border-radius:inherit;
	height:100%;
	width:100%;
	object-fit:cover;
	object-position:center;
	top:0;
	left:0;
}
.main-i2{
	width:6rem;
	min-width:6rem;
	height:6rem;
	margin-bottom:2rem;
}
.main-i3{
	width:30%;
	height:auto;
	top:20%;
	right:4rem;
	position:absolute;
}
.main-i4{
	width: 60px;
	height: auto;
	top: 60px;
	right: 60px;
	position:absolute;
	border-radius: 50px;
	box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.4);
}
.main-i5 {
	width: 200px;
	height: auto;
	top: 30px;
	right: 30px;
	position:absolute;
}
.main-i6{
	display:none;
	position:absolute;
	border-radius:inherit;
	height:100%;
	width:100%;
	object-fit:cover;
	object-position:center;
	top:0;
	left:0;
}
.main-e1{
	display: flex;
	grid-gap: 2rem;
	flex-direction: row;
	margin-top:2rem;
	margin-bottom:2.5rem;
	padding-left:2rem;
	flex-wrap: wrap;
}
.main-e2{
	border-radius:50%;
	width:2rem;
	min-width:2rem;
	height:2rem;
	min-height:2rem;
	background-color:var(--c3);
	margin-right:1rem;
	animation:main-a1 infinite 2s ease-out;
}
.main-e2 img{
	width:45%;
	height:45%;
}
.main-e3{
	padding:1rem 2rem;
	border-radius:3rem;
	background-color:var(--c4);
	color:white;
	border:0;
	box-shadow:0 1rem 1rem -0.5rem var(--c4);
	transition:all 0.2s;
	top:0;
	min-height:5rem;
}
.main-e3:hover{
	top:-0.4rem;
	box-shadow:0 2.5rem 1rem -2rem var(--c4);
}
.main-e4{
	padding:1rem 2rem;
	border-radius:3rem;
	background-color:var(--c3);
	color:white;
	border:0;
	box-shadow:0 1rem 1rem -0.5rem var(--c3);
	transition:all 0.2s;
	top:0;
}
.main-e4:hover{
	top:-0.4rem;
	box-shadow:0 2.5rem 1rem -2rem var(--c3);
}
.main-e4 img{
	height:3.5rem;
	background:white;
	object-fit:contain;
	object-position:center;
}
.main-e5{
	overflow:hidden;
}
.main-e5::after{
	content:'';
	display:block;
	width:30px;
	height:300px;
	margin-left:60px;
	background:linear-gradient(to bottom, rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.7) 100%);
	position:absolute;
	top:-100px;
	z-index:100;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	transition:all 0.1s;
	animation:main-a2 infinite ease-in-out 3s;
	animation-delay:0.05s;
}
.main-e6{
	margin-left:1.5rem;
	border-radius:3rem 0 0 3rem;
	padding:0.7rem;
	min-width:3.5rem;
}
.main-e7{
	border-radius:0 3rem 3rem 0;
	padding:0.7rem;
	min-width:3.5rem;
}
.main-e8{
	padding:0.7rem 0;
	min-width:2.1rem;
}
.main-e9{
	display:grid;
	grid-gap:2rem;
	grid-template-columns:repeat(4, 1fr);
}
.main-e10{
	padding:2rem;
	border-radius:2rem;
	background-color:white;
	box-shadow: 0 10px 20px rgba(0,0,0,0.05);
}
.main-e11{
	margin-top: 2rem;
	margin-bottom: 3rem;
	flex-wrap:nowrap !important;
	grid-gap: 1rem;
}
.main-e12 {
	padding: 60px;
	border-radius: 60px;
}
.main-e12 .h1 {
	padding-right: 300px;
}
.main-e13 {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-gap: 1.5rem;
}
.main-e13 a {
	display: flex;
	flex-direction: column;
	padding: 1rem;
	background: rgba(100, 100, 100, 0.55);
	border-radius: 1rem;
	align-items: start;
	border: 1px solid rgba(255, 255, 255, 0.2);
	transform: scale(1);
	transition: all 0.3s;
	color: white;
	text-decoration: none;
	grid-gap: 1rem;
	justify-content: space-between;
	backdrop-filter: blur(5px);
}
.main-e13 a:hover {
	transform: scale(1.05);
	border: 1px solid rgba(255, 255, 255, 0.4);
	background: rgba(255, 255, 255, 0.2);
}
.main-e13 a span {
	color: var(--c1);
  padding: 5px 15px;
  background: var(--c6);
  border-radius: 30px;
  text-transform: uppercase;
}
.main-e14 {
	/* border-radius: 60px;
	padding: 60px;
	background: rgba(0, 0, 0, 0.05);
	border: 1px solid rgba(0, 0, 0, 0.05); */
	margin-top: 2rem;
}
.main-e15 {
	cursor: pointer;
	color: white;
	text-decoration: underline dotted 2px var(--c3);
}
.main-e15:hover {
	color: var(--c3);
}
.main-m1{
	padding-top:6rem;
}
@keyframes main-a1{
	0%{
		box-shadow:0 0 0 0 var(--c3);
	}
	50%{
		box-shadow:0 0 0 1rem rgba(255,255,255,0);
	}
	100%{
		box-shadow:0 0 0 1rem rgba(255,255,255,0);
	}
}
@keyframes main-a2{
	0% { left:-60px; margin-left:0px; }
	30% { left:110%; margin-left:80px; }
	100% { left:110%; margin-left:80px; } 
}

@media screen and (max-width:1350px) {
	.main-e13 {
		grid-gap: 1rem;
	}
}
@media screen and (max-width:1200px){
	.main-e12 .h1 {
		padding-right: 200px;
	}
	.main-e13 {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media screen and (max-width:1000px){
	.main-e12 .h1 {
		padding-right: 0px;
	}
	.main-e9{
		grid-gap:1rem;
		grid-template-columns:repeat(2, 1fr);
	}
	.main-e4{
		margin:0;
	}
	.main-e13 {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width:700px){
	.main-i4{
		width: 40px;
		top: 40px;
		right: 40px;
	}
	.main-e12 {
		padding: 60px 40px;
		border-radius: 40px;
	}
	.main-e4 br{
		display:none;
	}
	.main-e11{
		flex-direction:column;
	}
	.main-e11 .main-e3{
		margin-bottom:1rem;
	}
	.main-e11 button{
		width:100%;
	}
}

@media screen and (max-width:600px){
	.main-i1 {
		display: none;
	}
	.main-i6 {
		display: block;
	}
	.main-e9{
		grid-template-columns:repeat(1, 1fr);
	}
	.main-e10{
		flex-wrap:nowrap !important;
	}
	.main-i2{
		margin-right:1.5rem;
		margin-bottom:0rem;
	}
	.main-m1{
		padding-top:5rem;
	}
	.main-i4{
		width: 40px;
		top: 25px;
		right: 25px;
	}
	.main-e12 {
		padding: 50px 25px;
	}
	.main-e4{
		padding:0.7rem 0.7rem 0.7rem 1.8rem;
	}
	.main-e13 {
		grid-template-columns: repeat(1, 1fr);
	}
	.main-e1{
		padding-left:0rem;
	}
}

@media screen and (max-width:450px){
	.main-e6{
		margin-left:0.6rem;
		border-radius:3rem 0 0 3rem;
		padding:0.4rem;
		min-width:2.5rem;
	}
	.main-e7{
		border-radius:0 3rem 3rem 0;
		padding:0.4rem;
		min-width:2.5rem;
	}
	.main-e8{
		padding:0.4rem 0;
		min-width:1.7rem;
	}
}