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

.cta-block {
    background-color:var(--main-color);
    color:white;
    border-radius:var(--border-radius);
    display:flex;
    flex-wrap:wrap;
    padding:2rem;
    gap:1.5rem;
    align-items:center;
    justify-content: space-between;
    .cta-title {
        flex:3.5 1 0px;
        margin:0;
    }
    .cta-buttons {
        flex:1 1 0px;
        transform-origin:center left;
        transform:scale(1.05);
        .button {
            background-color:var(--main-color);
            display:block;
            width:max-content;
            margin:.32rem 0;
            color:var(--text-color);
        }
        .button-outline {
            background-color:transparent;
            border-color:white;
            color:var(--text-color);
        }
    }
    img {
        display:block;
        width:165px;
        max-width:100%;
        height:auto;
        aspect-ratio:1.3/1;
        object-fit:contain;
        object-position: center;
        transform:scale(1.3);
    }
}
@media screen and (max-width:767px) {
    .cta-block {
        text-align:center;
        justify-content:center;
        .cta-buttons {
            .button {
                margin-left:auto;
                margin-right:auto;
            }
        }
        img {
            transform:scale(1.15);
        }
    }
}

.video-wrap, .video_wrap {
    display:block;
    width:100%;
    video, iframe {
        width:100%;
        aspect-ratio:16/9;
        height:auto;
        object-fit:contain;
        object-position:center;
        border-radius:var(--border-radius);
        overflow:hidden;
    }
}

.pagination {
	display:block;
	width:100%;
	margin:2rem auto;
	ul {
		list-style:none;
		margin:0;
		padding:0;
		display:flex;
		flex-wrap:wrap;
		align-items:center;
		justify-content:center;
		gap:.5rem;
		li {
			display:inline-block;
			a, span.current {
				text-decoration:none;
				display:block;
				padding:.25em .64em;
				border:1px solid var(--tint-color);
				border-radius:3px;
				transition:.3s ease;
			}
			a.next, a.prev {
				border:none;
				border-radius:1000px;
				background:var(--tint-color);
				padding:.25em 1em;
			}
			&:first-child {
				margin-left:auto;
			}
			&:last-child {
				margin-right:auto;
			}
			&:has(a.prev) {
				margin-left:0;
				margin-right:auto;
			}
			&:has(a.next) {
				margin-left:auto;
				margin-right:0;
			}
			span.current, a:hover {
				border-color:var(--text-color);
			}
			span.dots {

			}
		}
	}
}


footer { 
    padding:70px 0 22px; 
    background:var(--sec-color); 
    color:white; 
    ul {
        list-style:none;
        margin:1em 0;
        padding:0;
        li {
            display:block;
            margin:0;
            padding:0;
        }
    }
}
footer form {
	label {
			display:none;
	}
	+ .forminator-edit-module {
			display:none;
	}
	.forminator-row {
			margin-bottom:.5rem;
	}
}
.footer-grid { 
    display:grid; 
    grid-template-columns:1.6fr repeat(4,1fr); 
    gap:40px; 
}
footer p, footer a { 
    font-size:.7rem; 
    line-height:1.75; 
    color:#d6d7e2; 
    text-decoration:none; 
}
footer a:hover {
    text-decoration:underline;
}
.newsletter { 
    display:flex; 
    max-width:210px; 
    margin-top:2rem;
    input { 
        min-width:0; 
        padding:7px 12px; 
        border:0; 
        border-radius:999px 0 0 999px; 
        font-size:.65rem; 
    }
    button { 
        width:34px; 
        height:auto;
        aspect-ratio:1/1;
        align-self:center;
        margin-left:.5em;
        border:0; 
        border-radius:999px; 
        background:var(--main-color); 
        color:white; 
        cursor:pointer; 
    }
}
.footer-bottom { 
    justify-content:space-between; 
    margin-top:70px; 
    padding-top:20px; 
    font-size:.62rem; 
    color:#a9aac0; 
}

@media screen and (max-width:1000px) {
    .footer-grid { grid-template-columns:1.5fr repeat(2,1fr); }
}
@media screen and (max-width:768px) {
    .footer-grid { grid-template-columns:1fr 1fr; }
    .footer-brand { grid-column:1/-1; }
    .footer-bottom { gap:12px; }
}
@media screen and (max-width:480px) {
    .footer-grid { grid-template-columns:1fr; }
    .footer-brand { grid-column:auto; }
    .footer-bottom { flex-direction:column; }
}