.mh-5 {
    max-height: 5vh;
}

.mh-10 {
    max-height: 5vh;

    @media (min-width:576px) {
        max-height: 10vh;
    }
}

.fa-rotate-315 {
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
}

.zoom-5 {
    .bg-image {
        transition: transform 0.4s;
    }
    &:hover {
        .bg-image {
            transform: scale(1.1);
        }
    }
}

header {
    .navbar-brand {
        .img-fluid {
            transition: 0.4s;
        }
    }

    .nav-link {
        &.active,
        &:hover {
            color: var(--bs-primary) !important;
        }
    }
}

.content-wrapper {
    margin-top: 15vh;
}

#presentation {
    #video-presentation {
        max-height: 100vh;
    }
}

#entreprise {

    .superpose-left {
        position: static;
        width: 100%;
        top: -150px;
        left: 0;
    }

    .superpose-right {
        position: static;
        width: 100%;
        left: 45%;
        z-index: 1;
    }

    .superpose-bottom {
        position: static;
        width: 100%;
        top: -75px;
        right: 90px;
    }

    @media (min-width: 992px) {
        .container {
            max-height: 460px;
        }
        .superpose-right, .superpose-left {
            width: 55%;
            position: relative;
        }
        .superpose-bottom {
            width: 28%;
            position: relative;
        }
    }

    @media (min-width: 1200px) {
        .container {
            max-height: 525px;
        }
    }
}

#services {

    .superpose {

        .superpose-left {
            position: static;
            width: 100%;
            top: 80px;
            z-index: 1;
        }

        .superpose-right {
            position: static;
            width: 100%;
            top: -157px;
            left: 45%;
        }

        @media (min-width: 992px) {
            max-height: 305px;

            .superpose-right, .superpose-left {
                width: 55%;
                position: relative;
            }
        }

        @media (min-width: 1200px) {
            max-height: 370px;
        }

        @media (min-width: 1400px) {
            max-height: 435px;
        }
    }
}

#specialiste {

}

#realisations {

    .row {
        --bs-gap: .25rem 1rem;
    }

    .bg-image {
        min-height: 45vh;

        &:before {
            position: absolute;
            content: "";
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: linear-gradient(transparent 0%, rgba(0, 0, 0, 0.65) 100%) !important;
        }

        .see-more {
            position: absolute;
            right: 0;
            bottom: 0;
            width: 0;
            height: 0;
            border-top: 0;
            border-bottom: 50px solid white;
            border-left: 50px solid transparent;
            border-right: 0;
        }

        .fa-plus {
            position: absolute;
            right: 0;
            bottom: 0;
        }
    }
}

#certifications {

    .logo-certification {
        width: 100px;
        height: 100px;
    }
}

#socials {
    top: 60%;
    left: 0;
    z-index: 2;

    a {
        color: inherit;

        &:hover {
            opacity: 0.8;
        }
    }
}

#form-devis {
    label {
        margin-left: .75rem;

        &.required:after {
            content: " *";
            color: red;
        }
    }

    textarea {
        height: 98px;
    }

    .form-select-multiple {
        label,
        input {
            vertical-align: middle;
        }
    }
}