* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-family: 'Montserrat', sans-serif;
}
a {
	color: #000;
}
.center-div {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 1rem;
    padding: 4rem 10%;
}
@media(max-width: 700px) {
	.center-div {
		padding: 3rem 1rem;
	}
}
.center-div .logo {
	clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
	opacity: 0;
	transform: translateY(50px);
}
@media(max-width: 700px) {
	.center-div .logo {
		height: 6rem;
	}
}
.center-div .title {
	clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
	opacity: 0;
	transform: translateY(50px);
	color: #000;
    font-size: 26px;
    text-align: center;
    font-weight: 100;
    width: 60%
}
@media(max-width: 700px) {
	.center-div .title {
	    font-size: 20px;
	    width: 100%;
	}
}
.center-div .texts {
	text-align: left;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
	opacity: 0;
	transform: translateY(50px);
	font-weight: 300;
    color: #000;
    font-size: 20px;
}
@media(max-width: 700px) {
	.center-div .texts {
		font-size: 16px;
    	line-height: 26px;
	}
}
.center-div .texts .email {
	text-decoration: underline;
}
.center-div .texts .phone {
	font-weight: 500;
}
.bg-image {
	position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.bold {
	font-weight: 600;
}
.list {
	width: 100%;
    line-height: 40px;
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
	opacity: 0;
	transform: translateY(50px);
	font-size: 20px;
}
.list ul {
	padding-left: 1rem;
}
@media(max-width: 700px) {
	.list ul {
		padding-left: 1.2rem;
		font-size: 16px;
	}
}
.code-image {
	height: 7rem;
    width: 6rem;
}
.font-size-24 {
	font-size: 24px;
}
@media(max-width: 700px) {
	.font-size-24 {
		font-size: 20px;
	}
}