@charset "utf-8";

.card-services .icon {
    font-size: 2rem;
    height: 2rem;
    width: 2rem
}

.card-services .icon-sm {
    font-size: 1.8rem;
}

.card-services .wrapper {
    padding: 3rem 1.5rem;
}

.services-section .container {
    padding-top: 0 !important;
    margin-top: -3rem;
}

.top-section {
    height: 90vh;
    min-height: 450px;
}

/* SM Devices */
@media (min-width: 390px) {
    .top-section {
        height: 75vh;
    }
}

/* MD Devices */
@media (min-width: 768px) {
    .card-services {
        -webkit-transition: -webkit-transform 0.2s ease-out;
        transition: transform 0.2s ease-out;
    }

    .card-services .wrapper {
        padding: 2.5rem 0.5rem;
    }

    .row-articles {
        flex-wrap: nowrap;
        overflow-x: scroll;
    }

    .row-articles .col-md-6 {
        width: 48.5%;
    }

    .services-section .container {
        margin-top: -4rem;
    }

    .top-section {
        height: 55vh;
    }
}

/* LG Devices */
@media (min-width: 992px) {
    .card-services .wrapper {
        padding: 1.5rem;
    }

    .row-articles {
        flex-wrap: wrap;
        overflow-x: hidden;
    }

    .row-articles .col-lg-4 {
        width: 33.33333333%;
    }


    .top-section {
        height: 70vh;
        min-height: 540px;
    }

    /*Active, Focus & Hover Styles*/
    .card-services:hover {
        -webkit-transform: translateY(-1rem);
        transform: translateY(-1rem);
    }
}

/* XL Devices */
@media (min-width: 1200px) {
    .card-services .wrapper {
        padding: 2.5rem 0.5rem;
    }

    .top-section {
        height: 75vh;
        background-position: center 5%;
    }
}

/* XXL Devices */
@media (min-width: 1440px) {
    .card-services .wrapper {
        padding: 2.5rem 3rem;
    }

    .services-section .container {
        margin-top: -5rem;
    }

    .top-section {
        height: 70vh;
    }
}

/* 2K Resolutions */
@media (min-width: 2560px) {
    .top-section {
        height: 60vh;
    }
}