html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

.card-video {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
}

.video-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/*.fs-Ctext {
    font-size: clamp(1.2rem, 2.5vw, 1.8rem);
    font-weight: bold;
}*/

.modal-dialog {
    max-width: 60vw;
}

.custom-modal-turn {
    background: white;
    color: #15658f;
    border-radius: 10px;
    border: 5px solid #ffffff;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.7);
    transition: all 0.5s ease;
    padding: 4rem !important;
}

.custom-modal-turn .modal-customer {
    font-size: 4vw;
    font-weight: bold;
}

.custom-modal-turn .modal-reference {
    font-size: 3.5vw;
    color: #28a745;
}

.custom-modal-turn .modal-module {
    font-size: 3vw;
    color: #6c757d;
}

.h-C10 {
    flex: 0 0 auto;
}

.bg-Cprimary {
    background-color: #15658f;
}

@media (max-width: 1080px) {
    .modal-dialog { max-width: 95vw; }
    .custom-modal-turn .modal-customer { font-size: 7vw; }
    .custom-modal-turn .modal-reference { font-size: 6vw; }
    .custom-modal-turn .modal-module { font-size: 5vw; }
}