.BG-header::before {
	content: '';
	position: absolute;
	background-color: var(--main-color);
	width: 100%;
	height: 400px;
	transform: skewY(6deg);
	transform-origin: top right;
	top: 400px;
	right: 0;
	left: 0;
	z-index: -1;
}
.BG-header::after {
	content: '';
	position: absolute;
	background-color: var(--main-background-color);
	width: 100%;
	height: 100%;
	transform: skewY(10deg);
	transform-origin: top right;
	top: 550px;
	right: 0;
	left: 0;
	z-index: -1;
}

.contact-form{
    background-color: transparent!important;
    box-shadow: none!important;

}


#modal-title .btn-blue{
	padding: 15px 34px;
}

#modal-title .btn-green{
	padding: 15px 34px;
}

/* .modules .selected .card{
background-color: var(--main-color);
} */
.modules .card .icon span {
    padding: 5px;
    font-size: 1.2rem;
    border-radius: 5px;
    color: var(--main-color);
    background-color: var(--main-color-10);
    height: 30px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.modules .selected .card h3 {
    font-size: 1.22rem;
    font-weight: 700;
    color: var(--main-font-color);
}

.modal-boday .icon span{
    padding: 5px;
    font-size: 1.2rem;
    border-radius: 5px;
    color: var(--main-color);
    background-color: var(--main-color-10);
    height: 30px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.modal-boday h3{
    font-size: 1.22rem;
    font-weight: 700;
    color: var(--main-font-color);
}

.modal-boday{
    text-align: left!important;
}

h2 span {
    color: var(--main-color);
}