/* contact */
.contact { clip-path: polygon(100% 0, 100% 100%, 85% 100%, 82% 96%, 18% 96%, 15% 100%, 0 100%, 0 0); }

.contact .contact-wrapper { display: flex; align-items: stretch; background: #000000; }

.contact-image { height: 100%; object-fit: cover; object-position: center right; }

.contact .contact-image-block { width: 50%; }

.contact .contact-details { width: 70%; color: var(--color-white); margin-left: -5%; display: flex; flex-direction: column; align-items: flex-start; gap: 15px; position: relative; justify-content: center; margin-left: -20%; padding: 50px 17%; }

.contact .contact-title { color: var(--color-white); }

.contact .contact-bg-text { font-weight: 600; font-size: 200px; line-height: 1; position: absolute; right: 0; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1px #ffffff26; top: 63px; left: 0; width: 100%; text-align: center; }

@media (max-width:1600px) {
    .contact .contact-details{ margin-left: 0; padding: 50px 10%; }
    .contact .contact-bg-text{ font-size: 160px; }
}

@media (max-width:1400px) {
    .contact .contact-bg-text{ font-size: 140px; }
}

@media (max-width:1280px) {
    .contact .contact-bg-text { font-size: 110px; }
    .contact .contact-details{ padding: 50px 20px; }
}

@media (max-width:992px) {
    .contact .contact-wrapper{ flex-direction: column; }
    .contact .contact-image-block { width: 100%; }
    .contact .contact-details{ width: 100%; }
    .contact{ clip-path: none; }
}

@media (max-width:575px) {
    .contact .contact-bg-text { font-size: 50px; }
}
/* contact */