::-moz-selection { /* Code for Firefox */
    color: black;
    background: limegreen;
}
::selection {
    color: black;
    background: limegreen;
}
button:focus {
    outline: none;
    box-shadow: none;
}
.btn-phantom {
    background-color: transparent;
    border: 3px solid limegreen;
    color: white;
    font-size: 14px;
    width: 190px;
    font-weight: bold;
    transition: all .25s ease-in-out;
}
.btn-phantom:hover {
    background-color: limegreen;
    color: black;
    letter-spacing: 2px;
}
.client:hover {
    border: 2px solid limegreen;
}

.btn-close {
    background: white url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat
}

/* 4k */
@media screen and (max-width: 2560px) {
    .modal {
        margin-top: 40px;
        margin-left: auto; margin-right: auto;
    }
    .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
        background-color: white;
        opacity: 1;
    }
    .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before {
        background-color: white;
        opacity: 1;
    }
    .navbar {
        margin-top: 25px;
        background-color: white;
        z-index: 1;
    }
    .navbar-nav {
        margin-top: 25px;
        text-align: center;
        color: white;
    }
    .nav-link {
        color: black;
        font-size: 20px;
        transition: all .25s ease-in-out;
    }
    .nav-link:hover {
        color: limegreen;
        letter-spacing: 2px;
    }
    /* home banner */
    .homepage-container {
        position: absolute;
        top: 340px;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .homepage-banner {
        background-image: url("../assets/img/home.webp");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 500px;
    }
    .homepage-container-text {
        white-space: -moz-pre-wrap; /* Firefox */
        white-space: -o-pre-wrap; /* Opera */
        white-space: pre-wrap; /* Chrome */
        word-wrap: break-word; /* IE */
        font-size: 120px;
    }
    .homepage-container-details {
        font-size: 48px;
        line-height: 1;
    }

    /* services */
    .services-container {
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .services-container h2 {
        font-size: 28px;
    }
    .services-container p {
        font-size: 16px;
    }

    /* about us */
    .about-video {
        width: 75%;
        height: auto;
    }
    .about-text {
        width: 100%;
        color: white;
    }

    /* jobs */
    .jobs-container img {
        width: 70%;
    }
    .jobs-container h2 {
        font-size: 28px;
    }

    /* testimonials */
    .testimonials-text {
        width: 50%;
        color: white;
    }

    /* contact */
    .contact-section {
        background-image: url("../assets/img/contactbackground.webp");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 500px;
    }

    /* footer */
    .contact-footer {
        background-image: url("../assets/img/contact-footer.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 250px;
    }
    footer li, footer a {
        font-size: 20px;
    }
    .footer-logo, .america {
        width: 80%;
        align: center;
    }
    footer .facebook, footer .twitter, footer .instagram {
        height: 36px;
        width: 38px;
    }
    footer ul {
        position: relative;
        list-style: none;
        margin-left: 0;
        padding-left: 1.2em;
    }
    footer ul li:before {
        content: "▸";
        position: absolute;
        left: 0;
        color: limegreen;
        font-size: 22px;
    }
    .footer-link {
        text-decoration: none;
        color: white;
    }
    .footer-link:hover {
        color: limegreen;
    }
    .accordion-body {
        background-color: black;
        color: white;
    }
    .accordion-button {
        color: white;
        background-color: black;
        border: none;
        font-weight: bold;
    }
    .accordion-button:not(.collapsed){
        color: limegreen;
        background-color: black;
    }
}

/* Laptop L */
@media screen and (max-width: 1440px) {
    .homepage-container {
        position: absolute;
        top: 340px;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .homepage-banner {
        height: 500px;
    }
    .homepage-container-text {
        font-size: 90px;
    }
    .homepage-container-details {
        font-size: 38px;
    }

    /* services */
    .services-container {
        margin-top: 50px;
        margin-bottom: 20px;
    }
    .services-container img {
        width: 120px;
    }
    .services-container h2 {
        font-size: 28px;
    }
    .services-container p {
        font-size: 16px;
    }

    /* about us */
    .about-video {
        width: 100%;
    }

    /* jobs */
    .jobs-container h2 {
        font-size: 24px;
    }

    /* testimonials */
    .testimonials-text {
        width: 70%;
    }


}

/* Laptop */
@media screen and (max-width: 1024px) {
    .desktop {
        display: inline;
    }

    .homepage-container {
        top: 300px;
    }
    .homepage-banner {
        height: 400px;
    }
    .homepage-container-text {
        font-size: 65px;
    }
    .homepage-container-details {
        font-size: 32px;
    }

    /* services */
    .services-container {
        margin-top: 50px;
        margin-bottom: 20px;
    }
    .services-container img {
        width: 100px;
    }
    .services-container h2 {
        font-size: 28px;
    }
    .services-container p {
        font-size: 16px;
    }

    /* testimonials */
    .testimonials-text {
        width: 80%;
    }
}

/* Tablet */
@media screen and (max-width: 786px) {
    .navbar {
        margin-top: 50px;
        background-color: white;
        z-index: 1;
    }
    .navbar {
        margin-top: 50px;
        background-color: white;
        z-index: 1;
    }
    .navbar-nav {
        margin-top: 25px;
        text-align: center;
        color: white;
    }
    .nav-link {
        color: white;
        font-size: 20px;
        transition: all .25s ease-in-out;
    }
    .homepage-container {
        top: 300px;
    }
    .homepage-banner {
        height: 400px;
    }
    .homepage-container-text {
        font-size: 60px;
    }
    .homepage-container-details {
        font-size: 28px;
    }
}

/* Mobile L */
@media screen and (max-width: 430px) {
    .navbar {
        margin-top: 0px;
        background-color: black;
    }
    .homepage-container {
        top: 280px;
        width: 100%;
    }
}

/* Mobile M */
@media screen and (max-width: 375px) {}

/* Mobile S */
@media screen and (max-width: 320px) {
    .homepage-container-text {
        font-size: 40px;
    }
    .homepage-container-details {
        font-size: 22px;
    }
}