/* =========================================================
   QTECH — HOMEPAGE TECHNOLOGY PARTNERS
   ========================================================= */


/* =========================================================
   MAIN BRANDS SECTION
   ========================================================= */

.qtech-home-brands {
    width: 100% !important;

    margin: 0 !important;
    padding: 42px 0 55px !important;

    background: #f5f6f5;

    box-sizing: border-box !important;

    overflow: hidden;
}


/* Elementor inner container */
.qtech-home-brands > .e-con-inner {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    gap: 0 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   INTRODUCTION / HEADING
   ========================================================= */

.qtech-home-brands h2,
.qtech-home-brands h3,
.qtech-home-brands h4 {
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 8px !important;
    margin-left: 60px !important;

    padding: 0 !important;

    color: #252525 !important;

    font-family: "Oswald", Arial, sans-serif !important;

    font-weight: 600 !important;

    letter-spacing: 0.4px;

    line-height: 1.2;
}


/* Heading accent */
.qtech-home-brands h2::after,
.qtech-home-brands h3::after {
    content: "";

    display: block;

    width: 48px;
    height: 3px;

    margin: 13px auto 0;

    background: #8bc53f;
}


/* Description */
.qtech-home-brands p {
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 60px !important;

    padding: 0 !important;

    color: #69727a;

    line-height: 1.6;
}


/* =========================================================
   REMOVE ELEMENTOR SPACING AROUND THE QODE WIDGET
   ========================================================= */

/*
 * The Qode Clients widget sits inside an Elementor
 * widget/container. Remove inherited spacing here.
 */

.qtech-home-brands .elementor-widget {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


.qtech-home-brands .elementor-widget-container {
    margin-top: 0 !important;
    margin-bottom: 0 !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


/* =========================================================
   QODE CLIENTS GRID
   ========================================================= */

.qtech-home-brands .qode_clients {
    position: relative !important;

    display: flex !important;
    flex-wrap: wrap !important;

    width: calc(100% - 120px) !important;
    max-width: 1750px !important;

    margin: -35px auto 0 !important;
    padding: 0 !important;

    float: none !important;

    box-sizing: border-box !important;
}


/* =========================================================
   BRAND ITEMS
   ========================================================= */

.qtech-home-brands .qode_client_holder {
    display: flex !important;

    width: 25% !important;
    min-width: 25% !important;
    max-width: 25% !important;

    height: 120px !important;
    min-height: 120px !important;

    margin: 0 !important;
    padding: 7px !important;

    float: none !important;

    align-items: center !important;
    justify-content: center !important;

    box-sizing: border-box !important;
}


/* =========================================================
   BRAND CARD
   ========================================================= */

.qtech-home-brands .qode_client_holder_inner {
    position: relative !important;

    display: flex !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 15px !important;

    align-items: center !important;
    justify-content: center !important;

    background: #ffffff !important;

    border: 1px solid #e2e5e1 !important;

    border-radius: 4px !important;

    box-sizing: border-box !important;

    box-shadow:
        0 5px 20px rgba(0, 0, 0, 0.035);

    transition:
        transform 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease;
}


/* =========================================================
   REMOVE BRIDGE SEPARATORS
   ========================================================= */

.qtech-home-brands
.qode_client_holder_inner::before,

.qtech-home-brands
.qode_client_holder_inner::after {
    display: none !important;

    content: none !important;
}


/* =========================================================
   IMAGE HOLDER
   ========================================================= */

.qtech-home-brands .qode_client_image_holder {
    display: flex !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    align-items: center !important;
    justify-content: center !important;

    box-sizing: border-box !important;
}


/* =========================================================
   LOGO LINK
   ========================================================= */

.qtech-home-brands .qode_client_image_holder a {
    display: flex !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    align-items: center !important;
    justify-content: center !important;

    box-sizing: border-box !important;
}


/* =========================================================
   LOGO IMAGE
   ========================================================= */

.qtech-home-brands img.qode_client_main_image {
    display: block !important;

    width: auto !important;
    height: auto !important;

    max-width: 175px !important;
    max-height: 60px !important;

    margin: auto !important;

    object-fit: contain !important;
}


/* =========================================================
   HOVER
   ========================================================= */

.qtech-home-brands
.qode_client_holder:hover
.qode_client_holder_inner {
    transform: translateY(-4px);

    border-color: #d0ddc9 !important;

    box-shadow:
        0 14px 30px rgba(0, 0, 0, 0.08);
}


/* =========================================================
   CENTER LAST TWO BRANDS
   ========================================================= */

.qtech-home-brands
.qode_client_holder:nth-child(9) {
    margin-left: 12.5% !important;
}


.qtech-home-brands
.qode_client_holder:nth-child(10) {
    margin-right: 12.5% !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

    .qtech-home-brands {
        padding: 40px 0 50px !important;
    }


    .qtech-home-brands h2,
    .qtech-home-brands h3,
    .qtech-home-brands h4,
    .qtech-home-brands p {
        margin-left: 35px !important;
    }


    .qtech-home-brands .qode_clients {
        width: calc(100% - 60px) !important;

        margin-top: -20px !important;
    }


    .qtech-home-brands .qode_client_holder {
        width: 33.3333% !important;
        min-width: 33.3333% !important;
        max-width: 33.3333% !important;
    }


    .qtech-home-brands
    .qode_client_holder:nth-child(9),

    .qtech-home-brands
    .qode_client_holder:nth-child(10) {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

    .qtech-home-brands {
        padding: 35px 0 45px !important;
    }


    .qtech-home-brands h2,
    .qtech-home-brands h3,
    .qtech-home-brands h4,
    .qtech-home-brands p {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }


    .qtech-home-brands .qode_clients {
        width: calc(100% - 30px) !important;

        margin-top: 15px !important;
    }


    .qtech-home-brands .qode_client_holder {
        width: 50% !important;
        min-width: 50% !important;
        max-width: 50% !important;

        height: 105px !important;
        min-height: 105px !important;

        padding: 5px !important;
    }


    .qtech-home-brands .qode_client_holder_inner {
        min-height: 105px !important;

        padding: 12px !important;
    }


    .qtech-home-brands img.qode_client_main_image {
        max-width: 130px !important;
        max-height: 48px !important;
    }


    .qtech-home-brands
    .qode_client_holder:nth-child(9),

    .qtech-home-brands
    .qode_client_holder:nth-child(10) {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .qtech-home-brands
    .qode_client_holder_inner {
        transition: none !important;
    }
}

/* =========================================================
   BRANDS — REDUCE INTRO TO LOGO GAP
   ========================================================= */

.qtech-home-brands .qode_clients {
    position: relative !important;

    top: -75px !important;

    margin-bottom: -75px !important;
}

.qtech-brands-intro {
    text-align: center;
    margin: 0 auto;
    padding: 0;
}

.qtech-brands-intro h2 {
    margin: 0 0 10px !important;
}

.qtech-brands-intro p {
    margin: 0 !important;
}