/* =========================================================
   GLOBAL BOX SIZING
========================================================= */

*,
*::before,
*::after {
    box-sizing: border-box;
}

html,
body {
    width: 100%;
    max-width: 100%;

    margin: 0;
    padding: 0;

    overflow-x: hidden;
}

/* =========================================================
   MICRO LINK INFONET
   HOMEPAGE HERO SECTION
========================================================= */


/* =========================================================
   HERO SECTION
========================================================= */

.micro-home-hero {
    position: relative;

    width: 100%;
    min-height: 550px;

    margin: 0;
    padding: 0;

    display: flex;
    align-items: center;

    background-image: url("../images/home/Hero-Banner.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    overflow: hidden;

    box-sizing: border-box;
}


/* =========================================================
   HERO CONTENT
========================================================= */

.micro-home-hero-content {
    position: relative;

    z-index: 2;

    width: 100%;
    max-width: 1320px;

    margin: 0 auto;
    padding: 0 60px;

    box-sizing: border-box;
}


/* =========================================================
   HERO TAG
========================================================= */

.micro-home-hero-tag {
    display: inline-flex;

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

    min-height: 38px;

    padding: 6px 20px;

    margin-bottom: 16px;

    border-radius: 30px;

    background: rgba(255, 255, 255, 0.16);

    border: 1px solid rgba(255, 255, 255, 0.18);

    color: #FFFFFF;

    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;

    line-height: 1.2;

    box-sizing: border-box;
}


/* =========================================================
   HEADING WRAPPER
========================================================= */

.micro-home-hero-heading-wrap {
    position: relative;

    padding-left: 22px;

    border-left: 2px solid #FFFFFF;

    margin-bottom: 16px;
}


/* =========================================================
   HERO TITLE
========================================================= */

.micro-home-hero-title {
    margin: 0;

    font-family: "Sofia Sans", sans-serif;

    font-size: 48px;
    font-weight: 700;

    line-height: 1.1;

    letter-spacing: 0;

    color: #FFFFFF;
}


/* =========================================================
   HERO DESCRIPTION
========================================================= */

.micro-home-hero-description {
    width: 100%;
    max-width: 760px;

    margin: 0 0 28px;

    font-family: "Open Sans", sans-serif;

    font-size: 20px;
    font-weight: 400;

    line-height: 1.48;

    color: #FFFFFF;
}


/* =========================================================
   HERO BUTTON
========================================================= */

.micro-home-hero-button {
    display: inline-flex;

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

    min-height: 58px;

    padding: 0 25px;

    border-radius: 30px;

    background: #FCAA40;

    color: #FFFFFF;

    border: 1px solid #FCAA40;

    font-family: "Sofia Sans", sans-serif;
    font-size: 18px;
    font-weight: 600;

    line-height: 1;

    text-decoration: none;

    box-sizing: border-box;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        border-color 0.3s ease;
}


/* =========================================================
   HERO BUTTON - HOVER
   INVERSE STYLE
========================================================= */

.micro-home-hero-button:hover {
    background: transparent;

    color: #FCAA40;

    border-color: #FCAA40;
}


/* =========================================================
   HERO BUTTON - ACTIVE / CLICK
========================================================= */

.micro-home-hero-button:active {
    background: transparent;

    color: #FCAA40;

    border-color: #FCAA40;
}


/* =========================================================
   HERO BUTTON - FOCUS
========================================================= */

.micro-home-hero-button:focus {
    background: transparent;

    color: #FCAA40;

    border-color: #FCAA40;

    outline: none;
}


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

@media (max-width: 768px) {

    .micro-home-hero {
        min-height: 520px;

        background-position: center;
    }

    .micro-home-hero-content {
        padding: 0 35px;
    }

    .micro-home-hero-title {
        font-size: 40px;
    }

    .micro-home-hero-description {
        max-width: 650px;

        font-size: 18px;
    }

}


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

@media (max-width: 480px) {

    .micro-home-hero {
        min-height: 600px;

        align-items: center;

        background-position: center;
    }


    /* -----------------------------------------------------
       CONTENT
    ----------------------------------------------------- */

    .micro-home-hero-content {
        width: 100%;

        padding: 0 25px;

        text-align: left;
    }


    /* -----------------------------------------------------
       TAG
    ----------------------------------------------------- */

    .micro-home-hero-tag {
        min-height: 34px;

        padding: 5px 15px;

        margin-bottom: 15px;

        font-size: 12px;
    }


    /* -----------------------------------------------------
       HEADING
    ----------------------------------------------------- */

    .micro-home-hero-heading-wrap {
        padding-left: 14px;

        margin-bottom: 15px;
    }

    .micro-home-hero-title {
        font-size: 32px;

        line-height: 1.15;
    }


    /* -----------------------------------------------------
       DESCRIPTION
    ----------------------------------------------------- */

    .micro-home-hero-description {
        max-width: 100%;

        margin-bottom: 25px;

        font-size: 15px;

        line-height: 1.55;
    }


    /* -----------------------------------------------------
       BUTTON
    ----------------------------------------------------- */

    .micro-home-hero-button {
        min-height: 50px;

        padding: 0 20px;

        font-size: 16px;

        border: 1px solid #FCAA40;
    }


    /* -----------------------------------------------------
       BUTTON - HOVER
    ----------------------------------------------------- */

    .micro-home-hero-button:hover {
        background: transparent;

        color: #FCAA40;

        border-color: #FCAA40;
    }


    /* -----------------------------------------------------
       BUTTON - CLICK
    ----------------------------------------------------- */

    .micro-home-hero-button:active {
        background: transparent;

        color: #FCAA40;

        border-color: #FCAA40;
    }

}

/* =========================================================
   EXTRA SMALL MOBILE - 360px
========================================================= */

@media (max-width: 360px) {

    .micro-home-hero {
        min-height: 560px;

        background-position: center;
    }


    /* -----------------------------------------------------
       CONTENT
    ----------------------------------------------------- */

    .micro-home-hero-content {
        padding: 0 20px;
    }


    /* -----------------------------------------------------
       TAG
    ----------------------------------------------------- */

    .micro-home-hero-tag {
        min-height: 32px;

        padding: 5px 13px;

        margin-bottom: 13px;

        font-size: 12px;
    }


    /* -----------------------------------------------------
       HEADING
    ----------------------------------------------------- */

    .micro-home-hero-heading-wrap {
        padding-left: 12px;

        margin-bottom: 13px;
    }

    .micro-home-hero-title {
        font-size: 28px;

        line-height: 1.12;
    }


    /* -----------------------------------------------------
       DESCRIPTION
    ----------------------------------------------------- */

    .micro-home-hero-description {
        max-width: 100%;

        margin-bottom: 22px;

        font-size: 14px;

        line-height: 1.5;
    }


    /* -----------------------------------------------------
       BUTTON
    ----------------------------------------------------- */

    .micro-home-hero-button {
        min-height: 47px;

        padding: 0 18px;

        font-size: 14px;

        border: 1px solid #FCAA40;
    }


    /* -----------------------------------------------------
       BUTTON - HOVER
    ----------------------------------------------------- */

    .micro-home-hero-button:hover {
        background: transparent;

        color: #FCAA40;

        border-color: #FCAA40;
    }


    /* -----------------------------------------------------
       BUTTON - CLICK
    ----------------------------------------------------- */

    .micro-home-hero-button:active {
        background: transparent;

        color: #FCAA40;

        border-color: #FCAA40;
    }

}
/* =========================================================
   MICRO LINK INFONET
   HOME - ABOUT US SECTION
========================================================= */
/* =========================================================
   HOME 2ND SECTION - ABOUT US
========================================================= */
.micro-home-about-section {
    width: 100%;
    margin: 0;
    padding: 80px 0;
    background: #FFFFFF;
    box-sizing: border-box;
    overflow: hidden;
}

.micro-home-about-wrapper {
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 60px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 70px;

    box-sizing: border-box;
}


/* =========================================================
   LEFT SIDE IMAGE
========================================================= */

.micro-home-about-visual {
    flex: 0 0 48%;
    width: 48%;

    display: flex;
    align-items: center;
    justify-content: flex-start;

    box-sizing: border-box;
}

.micro-home-about-visual img {
    display: block;

    width: 100%;
    max-width: 560px;
    height: auto;

    object-fit: contain;

    box-sizing: border-box;
}


/* =========================================================
   RIGHT SIDE CONTENT
========================================================= */

.micro-home-about-details {
    flex: 1;
    width: 100%;
    max-width: 570px;

    box-sizing: border-box;
}

.micro-home-about-label {
    display: block;

    margin: 0 0 8px;

    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;

    color: #003854;
}

.micro-home-about-heading {
    margin: 0 0 18px;

    font-family: "Sofia Sans", sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.1;

    color: #003854;
}

.micro-home-about-text {
    max-width: 570px;

    margin: 0 0 28px;

    font-family: "Open Sans", sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.6;

    color: #003854;
}


/* =========================================================
   STATS
========================================================= */

.micro-home-about-stats {
    display: flex;
    align-items: center;

    margin: 0 0 28px;

    box-sizing: border-box;
}

.micro-home-about-stat {
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    box-sizing: border-box;
}

.micro-home-about-counter {
    display: block;

    margin: 0 0 2px;

    font-family: "Sofia Sans", sans-serif;
    font-size: 42px;
    font-weight: 700;
    line-height: 1;

    color: #FCAA40;
}

.micro-home-about-stat span {
    display: block;

    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.35;

    color: #003854;
}

.micro-home-about-divider {
    width: 1px;
    height: 52px;

    margin: 0 45px;

    background: #EDF1F3;

    flex: 0 0 1px;
}


/* =========================================================
   KNOW MORE BUTTON
========================================================= */

.micro-home-about-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 12px;

    min-height: 54px;

    padding: 0 14px 0 22px;

    border-radius: 30px;

    background: #FCAA40;
    color: #FFFFFF;

    border: 1px solid #FCAA40;

    font-family: "Sofia Sans", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1;

    text-decoration: none;

    box-sizing: border-box;

    transition:
        background-color 1s ease,
        color 1s ease,
        border-color 1s ease;
}


/* =========================================================
   NORMAL ARROW
========================================================= */

.micro-home-about-button span {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 34px;
    height: 34px;

    min-width: 34px;
    min-height: 34px;

    border-radius: 50%;

    background: #FFFFFF;
    color: #FCAA40;

    font-family: Arial, sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 1;

    box-sizing: border-box;

    transition:
        background-color 1s ease,
        color 1s ease;
}


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

.micro-home-about-button:hover {
    background: #FFFFFF;
    color: #FCAA40;
    border-color: #FCAA40;

    transform: none;
}

.micro-home-about-button:hover span {
    background: transparent;
    color: #FCAA40;

    font-size: 0;
}

.micro-home-about-button:hover span::after {
    content: "↘";

    display: flex;
    align-items: center;
    justify-content: center;

    width: 34px;
    height: 34px;

    font-family: Arial, sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 1;

    color: #FCAA40;

    opacity: 1;

    transition: opacity 0.45s ease;
}


/* =========================================================
   BUTTON ACTIVE / CLICK
========================================================= */

.micro-home-about-button:active {
    background: #FFFFFF;
    color: #FCAA40;
    border-color: #FCAA40;

    transform: none;
}

.micro-home-about-button:active span {
    background: transparent;
    color: #FCAA40;

    font-size: 0;
}

.micro-home-about-button:active span::after {
    content: "↘";

    display: flex;
    align-items: center;
    justify-content: center;

    width: 34px;
    height: 34px;

    font-family: Arial, sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 1;

    color: #FCAA40;
}


/* =========================================================
   BUTTON FOCUS
========================================================= */

.micro-home-about-button:focus {
    background: #FFFFFF;
    color: #FCAA40;
    border-color: #FCAA40;

    outline: none;
    transform: none;
}

.micro-home-about-button:focus span {
    background: transparent;
    color: #FCAA40;

    font-size: 0;
}

.micro-home-about-button:focus span::after {
    content: "↘";

    display: flex;
    align-items: center;
    justify-content: center;

    width: 34px;
    height: 34px;

    font-family: Arial, sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 1;

    color: #FCAA40;
}


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

@media (max-width: 768px) {

    .micro-home-about-section {
        padding: 60px 0;
    }

    .micro-home-about-wrapper {
        padding: 0 35px;

        gap: 40px;

        align-items: center;
    }

    .micro-home-about-visual {
        flex: 0 0 46%;
        width: 46%;
    }

    .micro-home-about-details {
        max-width: 100%;
    }

    .micro-home-about-label {
        font-size: 14px;
    }

    .micro-home-about-heading {
        font-size: 36px;
        line-height: 1.1;
    }

    .micro-home-about-text {
        font-size: 16px;
        line-height: 1.55;
    }

    .micro-home-about-counter {
        font-size: 34px;
    }

    .micro-home-about-stat span {
        font-size: 14px;
    }

    .micro-home-about-divider {
        height: 45px;
        margin: 0 25px;
    }

    .micro-home-about-button {
        min-height: 52px;

        padding: 0 13px 0 20px;

        font-size: 17px;

        transition:
            background-color 0.45s ease,
            color 0.45s ease,
            border-color 0.45s ease;
    }

    .micro-home-about-button span {
        width: 33px;
        height: 33px;

        min-width: 33px;
        min-height: 33px;

        font-size: 21px;

        transition:
            background-color 0.45s ease,
            color 0.45s ease;
    }

    .micro-home-about-button:hover span::after,
    .micro-home-about-button:active span::after,
    .micro-home-about-button:focus span::after {
        width: 33px;
        height: 33px;

        font-size: 21px;
    }
}


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

@media (max-width: 480px) {

    .micro-home-about-section {
        padding: 50px 0;
    }

    .micro-home-about-wrapper {
        width: 100%;

        padding: 0 20px;

        display: flex;
        flex-direction: column;
        align-items: center;

        gap: 35px;
    }

    .micro-home-about-visual {
        width: 100%;
        max-width: 290px;

        flex: none;

        display: flex;
        align-items: center;
        justify-content: center;
    }

    .micro-home-about-visual img {
        width: 100%;
        max-width: 290px;
        height: auto;
    }

    .micro-home-about-details {
        width: 100%;
        max-width: 100%;
    }

    .micro-home-about-label {
        margin-bottom: 6px;

        font-size: 14px;
    }

    .micro-home-about-heading {
        margin-bottom: 15px;

        font-size: 29px;
        line-height: 1.1;
    }

    .micro-home-about-text {
        width: 100%;
        max-width: 100%;

        margin-bottom: 24px;

        font-size: 15px;
        line-height: 1.55;
    }


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

    .micro-home-about-stats {
        width: 100%;

        margin-bottom: 25px;

        display: flex;
        align-items: center;
        justify-content: flex-end;

        text-align: right;

        overflow: hidden;
    }

    .micro-home-about-stat {
        flex: 0 1 auto;
        min-width: 0;
    }

    .micro-home-about-counter {
        font-size: 27px;
    }

    .micro-home-about-stat span {
        font-size: 11px;
        line-height: 1.3;
    }

    .micro-home-about-divider {
        width: 1px;
        height: 42px;

        margin: 0 10px;

        flex: 0 0 1px;
    }


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

    .micro-home-about-button {
        display: flex;

        width: fit-content;

        margin-left: auto;
        margin-right: 0;
        margin-top: 15px;

        min-height: 50px;

        padding: 0 12px 0 20px;

        gap: 10px;

        font-size: 16px;

        transition:
            background-color 0.45s ease,
            color 0.45s ease,
            border-color 0.45s ease;
    }

    .micro-home-about-button span {
        width: 32px;
        height: 32px;

        min-width: 32px;
        min-height: 32px;

        font-size: 20px;

        transition:
            background-color 0.45s ease,
            color 0.45s ease;
    }

    .micro-home-about-button:hover span::after,
    .micro-home-about-button:active span::after,
    .micro-home-about-button:focus span::after {
        width: 32px;
        height: 32px;

        font-size: 20px;
    }

}


/* =========================================================
   DECORATIVE MASKS
========================================================= */

.micro-About-about-section {
    position: relative;
    overflow: hidden;
}


/* =========================
   LEFT MASK
========================= */

.micro-About-about-left-mask {
    position: absolute;

    left: 0;
    bottom: 0;

    width: 300px;
    height: auto;

    z-index: 0;

    pointer-events: none;
}


/* =========================
   RIGHT MASK
========================= */

.micro-About-about-right-mask {
    position: absolute;

    right: 0;
    top: 0;

    width: 300px;
    height: auto;

    z-index: 0;

    pointer-events: none;
}


/* =========================
   CONTENT ABOVE MASKS
========================= */

.micro-About-about-wrapper {
    position: relative;
    z-index: 1;
}


/* =========================================================
   HOME ABOUT - DECORATIVE MASKS
========================================================= */

.micro-home-about-section {
    position: relative;
    overflow: hidden;
}


/* =========================
   LEFT MASK
========================= */

.micro-home-about-left-mask {
    position: absolute;

    left: 0;
    bottom: 0;

    width: 300px;
    height: auto;

    z-index: 0;

    pointer-events: none;
}


/* =========================
   RIGHT MASK
========================= */

.micro-home-about-right-mask {
    position: absolute;

    right: 0;
    top: 0;

    width: 300px;
    height: auto;

    z-index: 0;

    pointer-events: none;
}


/* =========================
   CONTENT ABOVE MASKS
========================= */

.micro-home-about-wrapper {
    position: relative;
    z-index: 1;
}


/* =========================================================
   EXTRA SMALL MOBILE - 360px
========================================================= */

@media (max-width: 360px) {

    .micro-home-about-section {
        padding: 45px 0;
    }


    /* =====================================================
       WRAPPER
    ===================================================== */

    .micro-home-about-wrapper {
        width: 100%;
        padding: 0 15px;
        gap: 30px;
    }


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

    .micro-home-about-visual {
        width: 100%;
        max-width: 270px;
    }

    .micro-home-about-visual img {
        width: 100%;
        max-width: 270px;
        height: auto;
    }


    /* =====================================================
       CONTENT
    ===================================================== */

    .micro-home-about-details {
        width: 100%;
        max-width: 100%;
    }


    /* =====================================================
       LABEL
    ===================================================== */

    .micro-home-about-label {
        margin-bottom: 6px;
        font-size: 12px;
    }


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

    .micro-home-about-heading {
        margin-bottom: 14px;
        font-size: 28px;
        line-height: 1.1;
    }


    /* =====================================================
       DESCRIPTION
    ===================================================== */

    .micro-home-about-text {
        width: 100%;
        max-width: 100%;
        margin-bottom: 22px;
        font-size: 14px;
        line-height: 1.5;
    }


    /* =====================================================
       STATS
    ===================================================== */

    .micro-home-about-stats {
        width: 100%;
        margin-bottom: 23px;
    }

    .micro-home-about-counter {
        font-size: 25px;
    }

    .micro-home-about-stat span {
        font-size: 10px;
        line-height: 1.3;
    }

    .micro-home-about-divider {
        height: 40px;
        margin: 0 8px;
    }


    /* =====================================================
       BUTTON
    ===================================================== */

    .micro-home-about-button {
        min-height: 48px;
        padding: 0 11px 0 18px;
        gap: 9px;
        font-size: 14px;
    }

    .micro-home-about-button span {
        width: 31px;
        height: 31px;
        min-width: 31px;
        min-height: 31px;
        font-size: 19px;
    }

    .micro-home-about-button:hover span::after,
    .micro-home-about-button:active span::after,
    .micro-home-about-button:focus span::after {
        width: 31px;
        height: 31px;
        font-size: 19px;
    }


    /* =====================================================
       DECORATIVE MASKS
    ===================================================== */

    .micro-home-about-left-mask {
        width: 130px;
    }

    .micro-home-about-right-mask {
        width: 130px;
    }

}

/* =====================================================
   HOMEPAGE - CORE VALUES SECTION
===================================================== */

.micro-home-core-values-section {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 17px 0 28px;
    background: #EDF1F3;
    overflow: hidden;
    box-sizing: border-box;
}


/* =====================================================
   MAIN WRAPPER
===================================================== */

.micro-home-core-values-wrapper {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 10px;
    box-sizing: border-box;
}


/* =====================================================
   SECTION HEADING
===================================================== */

.micro-home-core-values-heading {
    width: 100%;
    margin: 0 auto 48px;
    text-align: center;
    box-sizing: border-box;
}


/* =====================================================
   SMALL LABEL
===================================================== */

.micro-home-core-values-label {
    display: block;
    margin: 0 0 7px;
    font-family: "Open Sans", sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2;
    color: #003854;
}


/* =====================================================
   MAIN TITLE
===================================================== */

.micro-home-core-values-title {
    margin: 0;
    font-family: "Sofia Sans", sans-serif;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.05;
    color: #003854;
}

.micro-home-core-values-title span {
    color: #FCAA40;
}


/* =====================================================
   CORE VALUES CONTENT
===================================================== */

.micro-home-core-values-content {
    position: relative;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    box-sizing: border-box;
}


/* =====================================================
   CORE VALUES IMAGE
===================================================== */

.micro-home-core-values-image {
    display: block;
    width: 100%;
    max-width: 1280px;
    height: auto;
    margin: 0 auto;
    box-sizing: border-box;
}


/* =====================================================
   COMMON TEXT
===================================================== */

.micro-home-core-values-text {
    position: absolute;
    width: 215px;
    margin: 0;
    font-family: "Open Sans", sans-serif;
    color: #003854;
    z-index: 5;
    box-sizing: border-box;
}


/* =====================================================
   TEXT HEADING
===================================================== */

.micro-home-core-values-text strong {
    display: block;
    margin: 0 0 5px;
    font-family: "Sofia Sans", sans-serif;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.15;
    color: #003854;
}


/* =====================================================
   TEXT DESCRIPTION
===================================================== */

.micro-home-core-values-text p {
    margin: 0;
    font-family: "Open Sans", sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.3;
    color: #003854;
}


/* =====================================================
   INDIVIDUAL TEXT CONTROLS - DESKTOP
===================================================== */

/* E - EMPOWERMENT */
.micro-home-core-values-text-one strong {
    margin-left: 0;
}

.micro-home-core-values-text-one p {
    margin-left: 0;
}


/* X - XCELLENCE */
.micro-home-core-values-text-two strong {
    margin-left: 44.8%;
    transform: translateY(-20px);
}

.micro-home-core-values-text-two p {
    margin-right: 20px;
    text-align: right;
      transform: translateY(-20px);
}


/* P - PROACTIVITY */
.micro-home-core-values-text-three strong {
    margin-left: 12px;
}

.micro-home-core-values-text-three p {
    margin-left: 12px;
     width: 220px;
}


/* E - ETHICS */
.micro-home-core-values-text-four strong {
    margin-left: 0;
    display: block;
    transform: translate(-42px, -20px);
}

.micro-home-core-values-text-four p {
    text-align: right;
    width: 250px;
    transform: translate(-160px, -20px);
}

/* R - RESPONSIBILITY */
.micro-home-core-values-text-five strong {
    margin-left: 0;
     margin-left: 12px;
}

.micro-home-core-values-text-five p {
    margin-left: 0;
    margin-left: 12px;
}


/* T - TEAM */
.micro-home-core-values-text-six strong {
    margin-left: 0;
     display: block;
    transform: translate(-42px, -20px);
}

.micro-home-core-values-text-six p {
    margin-left: 0;
    text-align: right;
    width: 250px;
    transform: translate(-160px, -20px);
}


/* =====================================================
   E - EMPOWERMENT
===================================================== */

.micro-home-core-values-text-one {
    left: 11.4%;
    top: 1px;
    text-align: left;
}


/* =====================================================
   X - XCELLENCE
===================================================== */

.micro-home-core-values-text-two {
    left: 10.1%;
    bottom: -20px;
    text-align: center;
}


/* =====================================================
   P - PROACTIVITY
===================================================== */

.micro-home-core-values-text-three {
    left: 42.1%;
    top: 1px;
    text-align: left;
}


/* =====================================================
   E - ETHICS
===================================================== */

.micro-home-core-values-text-four {
    left: 49.6%;
    bottom: -20px;
    text-align: center;
}


/* =====================================================
   R - RESPONSIBILITY
===================================================== */

.micro-home-core-values-text-five {
    left: 73.4%;
    top: 1px;
    text-align: left;
}


/* =====================================================
   T - TEAM
===================================================== */

.micro-home-core-values-text-six {
    right: 2%;
    bottom: -20px;
    text-align: center;
}


/* =====================================================
   TABLET - 1100px
===================================================== */

@media (max-width: 1100px) {

    .micro-home-core-values-section {
        padding: 10px 0 25px;
    }

    .micro-home-core-values-wrapper {
        padding: 0 15px;
    }

    .micro-home-core-values-heading {
        margin-bottom: 40px;
    }

    .micro-home-core-values-label {
        font-size: 18px;
    }

    .micro-home-core-values-title {
        font-size: 38px;
    }

    .micro-home-core-values-content {
        max-width: 100%;
    }

    .micro-home-core-values-text {
        width: 180px;
    }

    .micro-home-core-values-text strong {
        font-size: 17px;
    }

    .micro-home-core-values-text p {
        font-size: 14px;
    }

}


/* =====================================================
   TABLET / MOBILE - 768px
   MOBILE IMAGE ALREADY CONTAINS TEXT
===================================================== */

@media (max-width: 768px) {

    /* =================================================
       SECTION
    ================================================= */

    .micro-home-core-values-section {
        padding: 35px 0 45px;
    }

    .micro-home-core-values-wrapper {
        padding: 0 15px;
    }


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

    .micro-home-core-values-heading {
        margin-bottom: 25px;
    }

    .micro-home-core-values-label {
        margin-bottom: 5px;
        font-size: 15px;
    }

    .micro-home-core-values-title {
        font-size: 32px;
    }


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

    .micro-home-core-values-content {
        position: relative;
        display: block;
        width: 100%;
        max-width: 100%;
    }

    .micro-home-core-values-content picture {
        display: block;
        width: 100%;
    }

    .micro-home-core-values-image {
        display: block;
        width: 100%;
        max-width: 100%;
        height: auto;
        margin: 0 auto;
    }


    /* =================================================
       HIDE HTML TEXT
       TEXT IS ALREADY INSIDE MOBILE IMAGE
    ================================================= */

    .micro-home-core-values-text,
    .micro-home-core-values-text-one,
    .micro-home-core-values-text-two,
    .micro-home-core-values-text-three,
    .micro-home-core-values-text-four,
    .micro-home-core-values-text-five,
    .micro-home-core-values-text-six {
        display: none !important;
    }

}


/* =====================================================
   HOME 3rd SECTION - WHY CHOOSE US
===================================================== */

.micro-home-why-section {
    width: 100%;
    margin: 0;
    padding: 48px 0 50px;
    background: #003854;
    box-sizing: border-box;
    overflow: hidden;
}


/* =====================================================
   MAIN WRAPPER
===================================================== */

.micro-home-why-wrapper {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}


/* =====================================================
   SECTION HEADING
===================================================== */

.micro-home-why-heading {
    width: 100%;
    margin: 0 0 62px;
    text-align: center;
}

.micro-home-why-label {
    display: block;
    margin: 0 0 5px;

    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;

    color: #FFFFFF;
}

.micro-home-why-title {
    margin: 0;

    font-family: "Sofia Sans", sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.15;

    color: #FFFFFF;
}

.micro-home-why-title span {
    color: #FCAA40;
}


/* =====================================================
   MAIN 3-COLUMN LAYOUT
===================================================== */

.micro-home-why-content {
    width: 100%;

    display: grid;

    grid-template-columns: 1fr 220px 1fr;
    grid-template-rows: repeat(3, 95px);

    column-gap: 25px;
    row-gap: 0;

    align-items: center;

    box-sizing: border-box;
}


/* =====================================================
   LEFT COLUMN
===================================================== */

.micro-home-why-left {
    grid-column: 1;
    grid-row: 1 / 4;

    width: 100%;

    display: grid;
    grid-template-rows: repeat(3, 95px);

    align-items: center;

    box-sizing: border-box;
}


/* =====================================================
   RIGHT COLUMN
===================================================== */

.micro-home-why-right {
    grid-column: 3;
    grid-row: 1 / 4;

    width: 100%;

    display: grid;
    grid-template-rows: repeat(3, 95px);

    align-items: center;

    box-sizing: border-box;
}


/* =====================================================
   CENTER IMAGE
===================================================== */

.micro-home-why-center {
    grid-column: 2;
    grid-row: 1 / 4;

    width: 220px;
    height: 285px;

    display: flex;
    align-items: center;
    justify-content: center;

    box-sizing: border-box;
}

.micro-home-why-center img {
    display: block;

    width: 220px;
    max-width: 220px;
    height: auto;

    object-fit: contain;
}


/* =====================================================
   FEATURE ITEMS
===================================================== */

.micro-home-why-item-one,
.micro-home-why-item-two,
.micro-home-why-item-three,
.micro-home-why-item-four,
.micro-home-why-item-five,
.micro-home-why-item-six {
    width: 100%;

    display: flex;
    align-items: center;

    box-sizing: border-box;
}


/* =====================================================
   LEFT SIDE ALIGNMENT
===================================================== */

.micro-home-why-item-one,
.micro-home-why-item-two,
.micro-home-why-item-three {
    justify-content: flex-end;
    text-align: right;
}


/* =====================================================
   RIGHT SIDE ALIGNMENT
===================================================== */

.micro-home-why-item-four,
.micro-home-why-item-five,
.micro-home-why-item-six {
    justify-content: flex-start;
    text-align: left;
}


/* =====================================================
   LEFT TEXT
===================================================== */

.micro-home-why-text-one,
.micro-home-why-text-two,
.micro-home-why-text-three {
    width: auto;
    max-width: 225px;

    box-sizing: border-box;
}


/* =====================================================
   RIGHT TEXT
===================================================== */

.micro-home-why-text-four,
.micro-home-why-text-five,
.micro-home-why-text-six {
    width: auto;
    max-width: 225px;

    box-sizing: border-box;
}


/* =====================================================
   FEATURE HEADINGS
===================================================== */

.micro-home-why-text-one h3,
.micro-home-why-text-two h3,
.micro-home-why-text-three h3,
.micro-home-why-text-four h3,
.micro-home-why-text-five h3,
.micro-home-why-text-six h3 {
    margin: 0 0 5px;

    font-family: "Sofia Sans", sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.15;

    color: #FFFFFF;
}


/* =====================================================
   FEATURE DESCRIPTION
===================================================== */

.micro-home-why-text-one p,
.micro-home-why-text-two p,
.micro-home-why-text-three p,
.micro-home-why-text-four p,
.micro-home-why-text-five p,
.micro-home-why-text-six p {
    margin: 0;

    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.15;

    color: #FFFFFF;
}


/* =====================================================
   LEFT ICONS
===================================================== */

.micro-home-why-icon-one,
.micro-home-why-icon-two,
.micro-home-why-icon-three {
    width: 28px;
    height: 28px;

    margin-left: 9px;

    display: flex;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;

    box-sizing: border-box;
}


/* =====================================================
   RIGHT ICONS
===================================================== */

.micro-home-why-icon-four,
.micro-home-why-icon-five,
.micro-home-why-icon-six {
    width: 28px;
    height: 28px;

    margin-right: 9px;

    display: flex;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;

    box-sizing: border-box;
}


/* =====================================================
   ICON IMAGES
===================================================== */

.micro-home-why-icon-one img,
.micro-home-why-icon-two img,
.micro-home-why-icon-three img,
.micro-home-why-icon-four img,
.micro-home-why-icon-five img,
.micro-home-why-icon-six img {
    display: block;

    width: 25px;
    height: 25px;

    object-fit: contain;
}


/* =====================================================
   INDIVIDUAL DESKTOP POSITIONING
===================================================== */


/* 1 - End-to-End IT Services */
.micro-home-why-item-one {
    transform: translate(5px, -30px);
}


/* 2 - Reliable & Scalable */
.micro-home-why-item-two {
    transform: translateX(-90px) translateY(-5px);
}


/* 3 - 25+ Years of Experience */
.micro-home-why-item-three {
    transform: translate(50px, 30px);
}


/* 4 - 24/7 Support */
.micro-home-why-item-four {
    transform: translate(-10px, -30px);
}


/* 5 - Customer Driven */
.micro-home-why-item-five {
    transform: translateX(90px) translateY(-5px);
}


/* 6 - Expert Team */
.micro-home-why-item-six {
    transform: translate(-50px, 30px);
}


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

@media (max-width: 768px) {

    /* ================================================
       SECTION
    ================================================ */

    .micro-home-why-section {
        padding: 45px 0 50px;
    }


    /* ================================================
       WRAPPER
    ================================================ */

    .micro-home-why-wrapper {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        padding: 0 20px;
    }


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

    .micro-home-why-heading {
        width: 100%;
        margin: 0 0 35px;
        text-align: center;
    }

    .micro-home-why-label {
        font-size: 13px;
    }

    .micro-home-why-title {
        font-size: 27px;
        line-height: 1.2;
    }


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

    .micro-home-why-content {
        width: 100%;

        display: flex;
        flex-direction: column;
        align-items: center;

        gap: 30px;
    }


    /* ================================================
       CENTER IMAGE
    ================================================ */

    .micro-home-why-center {
        order: 1;

        width: 190px;
        height: auto;

        display: flex;
        align-items: center;
        justify-content: center;
    }

    .micro-home-why-center img {
        display: block;

        width: 190px;
        max-width: 190px;
        height: auto;
    }


    /* ================================================
       LEFT FEATURES
    ================================================ */

    .micro-home-why-left {
        order: 2;

        width: 100%;

        display: flex;
        flex-direction: column;

        gap: 28px;
    }


    /* ================================================
       RIGHT FEATURES
    ================================================ */

    .micro-home-why-right {
        order: 3;

        width: 100%;

        display: flex;
        flex-direction: column;

        gap: 28px;
    }


    /* ================================================
       ALL FEATURE ITEMS
    ================================================ */

    .micro-home-why-item-one,
    .micro-home-why-item-two,
    .micro-home-why-item-three,
    .micro-home-why-item-four,
    .micro-home-why-item-five,
    .micro-home-why-item-six {
        position: relative;

        width: 100%;
        min-height: 55px;

        display: flex;
        align-items: center;
        justify-content: center;

        margin: 0;
        padding: 0;

        text-align: center;

        box-sizing: border-box;

        /* Reset all desktop positioning */
        transform: none;
    }


    /* ================================================
       TEXT - FULL WIDTH + PERFECT CENTER
    ================================================ */

    .micro-home-why-text-one,
    .micro-home-why-text-two,
    .micro-home-why-text-three,
    .micro-home-why-text-four,
    .micro-home-why-text-five,
    .micro-home-why-text-six {
        width: 100%;
        max-width: none;

        margin: 0;
        padding: 0;

        text-align: center;

        box-sizing: border-box;
    }


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

    .micro-home-why-text-one h3,
    .micro-home-why-text-two h3,
    .micro-home-why-text-three h3,
    .micro-home-why-text-four h3,
    .micro-home-why-text-five h3,
    .micro-home-why-text-six h3 {
        margin: 0 0 4px;

        font-family: "Sofia Sans", sans-serif;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.2;

        text-align: center;
    }


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

    .micro-home-why-text-one p,
    .micro-home-why-text-two p,
    .micro-home-why-text-three p,
    .micro-home-why-text-four p,
    .micro-home-why-text-five p,
    .micro-home-why-text-six p {
        margin: 0;

        font-family: "Open Sans", sans-serif;
        font-size: 13px;
        font-weight: 400;
        line-height: 1.25;

        text-align: center;
    }


    /* ================================================
       ALL ICONS - LEFT SIDE
    ================================================ */

    .micro-home-why-icon-one,
    .micro-home-why-icon-two,
    .micro-home-why-icon-three,
    .micro-home-why-icon-four,
    .micro-home-why-icon-five,
    .micro-home-why-icon-six {
        position: absolute;

        left: 0;
        top: 50%;

        width: 27px;
        height: 27px;

        margin: 0;
        padding: 0;

        display: flex;
        align-items: center;
        justify-content: center;

        transform: translateY(-50%);

        box-sizing: border-box;
    }


    /* ================================================
       MOBILE ICON IMAGES
    ================================================ */

    .micro-home-why-icon-one img,
    .micro-home-why-icon-two img,
    .micro-home-why-icon-three img,
    .micro-home-why-icon-four img,
    .micro-home-why-icon-five img,
    .micro-home-why-icon-six img {
        display: block;

        width: 23px;
        height: 23px;

        object-fit: contain;
    }

}


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

@media (max-width: 480px) {

    /* ================================================
       SECTION
    ================================================ */

    .micro-home-why-section {
        padding: 40px 0 45px;
    }


    /* ================================================
       WRAPPER
    ================================================ */

    .micro-home-why-wrapper {
        width: 100%;
        max-width: 100%;
        padding: 0 18px;
    }


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

    .micro-home-why-heading {
        margin-bottom: 30px;
    }

    .micro-home-why-title {
        font-size: 25px;
    }


    /* ================================================
       CENTER IMAGE
    ================================================ */

    .micro-home-why-center {
        width: 175px;
    }

    .micro-home-why-center img {
        width: 175px;
        max-width: 175px;
    }


    /* ================================================
       FEATURE ITEMS
    ================================================ */

    .micro-home-why-item-one,
    .micro-home-why-item-two,
    .micro-home-why-item-three,
    .micro-home-why-item-four,
    .micro-home-why-item-five,
    .micro-home-why-item-six {
        width: 100%;
        min-height: 55px;

        padding: 0;

        transform: none;
    }


    /* ================================================
       TEXT - FULL AVAILABLE WIDTH
    ================================================ */

    .micro-home-why-text-one,
    .micro-home-why-text-two,
    .micro-home-why-text-three,
    .micro-home-why-text-four,
    .micro-home-why-text-five,
    .micro-home-why-text-six {
        width: 100%;
        max-width: none;

        margin: 0;
        padding: 0;

        text-align: center;
    }


    /* ================================================
       ICONS
    ================================================ */

    .micro-home-why-icon-one,
    .micro-home-why-icon-two,
    .micro-home-why-icon-three,
    .micro-home-why-icon-four,
    .micro-home-why-icon-five,
    .micro-home-why-icon-six {
        left: 0;
        top: 50%;
    }

}

/* =====================================================
   HOMEPAGE - OUR SERVICES
===================================================== */

.micro-home-our-services-section {
    width: 100%;
    background: #ffffff;
    padding: 55px 0;
    box-sizing: border-box;
}

.micro-home-our-services-container {
    width: 100%;
    padding: 0 58px;
    margin: 0 auto;

    display: flex;
    align-items: center;
    justify-content: space-between;

    box-sizing: border-box;
}

.micro-home-our-services-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}


/* LABEL */

.micro-home-our-services-label {
    margin: 0 0 10px 0;
    padding: 0;

    font-family: "Open Sans", sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2;

    color: #004563;
}


/* TITLE */

.micro-home-our-services-title {
    margin: 0;
    padding: 0;

    font-family: "Sofia Sans", sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2;

    color: #004563;
}

.micro-home-our-services-title span {
    color: #f5a23a;
}


/* =====================================================
   BUTTON
===================================================== */

.micro-home-our-services-cta {
    display: flex;
    align-items: center;
}

.micro-home-our-services-btn {
    width: 244px;
    height: 66px;

    padding: 0 14px 0 22px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    box-sizing: border-box;

    background: #004563;
    border: 1px solid #004563;
    border-radius: 40px;

    color: #ffffff;
    text-decoration: none;

    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-weight: 500;

    transition: all 1.2s ease;
}

.micro-home-our-services-btn-text {
    white-space: nowrap;
}


/* =====================================================
   ARROW
===================================================== */

.micro-home-our-services-btn-icon {
    width: 36px;
    height: 36px;

    display: flex;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;
}

.micro-home-our-services-arrow-default {
    width: 32px;
    height: 32px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #ffffff;
    color: #004563;

    border-radius: 50%;

    font-family: Arial, sans-serif;
    font-size: 21px;
    font-weight: 400;
    line-height: 1;
}

.micro-home-our-services-arrow-hover {
    display: none;

    color: #004563;

    font-family: Arial, sans-serif;
    font-size: 27px;
    line-height: 1;
}


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

.micro-home-our-services-btn:hover {
    background: #ffffff;
    border-color: #004563;
    color: #004563;
}

.micro-home-our-services-btn:hover
.micro-home-our-services-arrow-default {
    display: none;
}

.micro-home-our-services-btn:hover
.micro-home-our-services-arrow-hover {
    display: flex;
}


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

@media (max-width: 1024px) {

    .micro-home-our-services-container {
        padding: 0 40px;
    }

    .micro-home-our-services-title {
        font-size: 32px;
    }

}


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

@media (max-width: 767px) {

    .micro-home-our-services-section {
        padding: 45px 0;
    }

    .micro-home-our-services-container {
        padding: 0 25px;
        flex-direction: column;
        align-items: flex-start;
        gap: 28px;
    }

    .micro-home-our-services-label {
        font-size: 17px;
        margin-bottom: 8px;
    }

    .micro-home-our-services-title {
        font-size: 28px;
    }

    .micro-home-our-services-cta {
        width: 100%;
    }

}


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

@media (max-width: 480px) {

    .micro-home-our-services-container {
        padding: 0 20px;
    }

    .micro-home-our-services-title {
        font-size: 25px;
    }

    .micro-home-our-services-label {
        font-size: 16px;
    }

    .micro-home-our-services-btn {
        width: 235px;
        height: 62px;
        font-size: 17px;
    }

}

/* =====================================================
   HOME 5th SECTION - OUR CLIENTS
===================================================== */

.micro-home-clients-section {
    width: 100%;
    margin: 0;
    padding: 50px 0 55px;

    background: #EDF1F3;

    box-sizing: border-box;
    overflow: hidden;
}


/* =====================================================
   MAIN WRAPPER - FULL WIDTH
===================================================== */

.micro-home-clients-wrapper {
    width: 100%;
    max-width: none;

    margin: 0;
    padding: 0;

    box-sizing: border-box;
}


/* =====================================================
   SECTION HEADING
===================================================== */

.micro-home-clients-heading {
    width: 100%;
    max-width: 1050px;

    margin: 0 auto 30px;
    padding: 0 20px;

    box-sizing: border-box;

    text-align: left;
}

.micro-home-clients-label {
    display: block;

    margin: 0 0 4px;

    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;

    color: #003854;
}

.micro-home-clients-title {
    margin: 0;

    font-family: "Sofia Sans", sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.15;

    color: #003854;
}

.micro-home-clients-title span {
    color: #FCAA40;
}


/* =====================================================
   FIRST CAROUSEL - MOVES RIGHT
===================================================== */

.micro-home-clients-carousel-one {
    width: 100%;

    margin: 0 0 20px;
    padding: 0;

    overflow: hidden;

    box-sizing: border-box;
}


/* =====================================================
   FIRST TRACK
===================================================== */

.micro-home-clients-track-one {
    width: max-content;

    display: flex;
    align-items: center;

    gap: 0;

    animation: microClientsMoveRight 45s linear infinite;

    will-change: transform;
}


/* =====================================================
   SECOND CAROUSEL - MOVES LEFT
===================================================== */

.micro-home-clients-carousel-two {
    width: 100%;

    margin: 0;
    padding: 0;

    overflow: hidden;

    box-sizing: border-box;
}


/* =====================================================
   SECOND TRACK
===================================================== */

.micro-home-clients-track-two {
    width: max-content;

    display: flex;
    align-items: center;

    gap: 0;

    animation: microClientsMoveLeft 45s linear infinite;

    will-change: transform;
}


/* =====================================================
   CLIENT LOGO CONTAINERS
   4 LOGOS VISIBLE PER ROW
===================================================== */

.micro-home-client-card-one,
.micro-home-client-card-two,
.micro-home-client-card-three,
.micro-home-client-card-four,
.micro-home-client-card-five,
.micro-home-client-card-six,
.micro-home-client-card-seven,
.micro-home-client-card-eight,
.micro-home-client-card-nine,
.micro-home-client-card-ten,
.micro-home-client-card-eleven,
.micro-home-client-card-twelve,
.micro-home-client-card-thirteen,
.micro-home-client-card-fourteen,
.micro-home-client-card-fifteen,
.micro-home-client-card-sixteen,
.micro-home-client-card-seventeen,
.micro-home-client-card-eighteen,
.micro-home-client-card-nineteen,
.micro-home-client-card-twenty {
    width: 25vw;
    height: 95px;

    flex: 0 0 25vw;

    display: flex;
    align-items: center;
    justify-content: center;

    background: transparent;

    border: none;
    border-radius: 0;

    box-sizing: border-box;

    overflow: hidden;
}


/* =====================================================
   CLIENT LOGOS
===================================================== */

.micro-home-client-card-one img,
.micro-home-client-card-two img,
.micro-home-client-card-three img,
.micro-home-client-card-four img,
.micro-home-client-card-five img,
.micro-home-client-card-six img,
.micro-home-client-card-seven img,
.micro-home-client-card-eight img,
.micro-home-client-card-nine img,
.micro-home-client-card-ten img,
.micro-home-client-card-eleven img,
.micro-home-client-card-twelve img,
.micro-home-client-card-thirteen img,
.micro-home-client-card-fourteen img,
.micro-home-client-card-fifteen img,
.micro-home-client-card-sixteen img,
.micro-home-client-card-seventeen img,
.micro-home-client-card-eighteen img,
.micro-home-client-card-nineteen img,
.micro-home-client-card-twenty img {
    display: block;

    width: 100%;
    max-width: 250px;
    height: 110px;

    object-fit: cover;
}


/* =====================================================
   FIRST ROW - MOVE RIGHT
===================================================== */

@keyframes microClientsMoveRight {

    0% {
        transform: translateX(-50%);
    }

    100% {
        transform: translateX(0);
    }

}


/* =====================================================
   SECOND ROW - MOVE LEFT
===================================================== */

@keyframes microClientsMoveLeft {

    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }

}


/* =====================================================
   REMOVE ARROWS / DOTS
===================================================== */

.micro-home-clients-section button,
.micro-home-clients-section .swiper-button-prev,
.micro-home-clients-section .swiper-button-next,
.micro-home-clients-section .swiper-pagination,
.micro-home-clients-section .slick-prev,
.micro-home-clients-section .slick-next,
.micro-home-clients-section .slick-dots {
    display: none !important;
}


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

@media (max-width: 768px) {

    .micro-home-clients-section {
        padding: 40px 0 45px;
    }


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

    .micro-home-clients-heading {
        width: 100%;
        max-width: none;

        margin: 0 0 25px;
        padding: 0 18px;

        text-align: left;
    }

    .micro-home-clients-label {
        font-size: 12px;
    }

    .micro-home-clients-title {
        font-size: 25px;
    }


    /* =========================
       CAROUSELS
    ========================= */

    .micro-home-clients-carousel-one {
        width: 100%;
        margin-bottom: 15px;
    }

    .micro-home-clients-carousel-two {
        width: 100%;
    }


    /* =========================
       TRACKS
    ========================= */

    .micro-home-clients-track-one,
    .micro-home-clients-track-two {
        gap: 0;

        animation-duration: 35s;
    }


    /* =========================
       4 LOGOS PER ROW
    ========================= */

    .micro-home-client-card-one,
    .micro-home-client-card-two,
    .micro-home-client-card-three,
    .micro-home-client-card-four,
    .micro-home-client-card-five,
    .micro-home-client-card-six,
    .micro-home-client-card-seven,
    .micro-home-client-card-eight,
    .micro-home-client-card-nine,
    .micro-home-client-card-ten,
    .micro-home-client-card-eleven,
    .micro-home-client-card-twelve,
    .micro-home-client-card-thirteen,
    .micro-home-client-card-fourteen,
    .micro-home-client-card-fifteen,
    .micro-home-client-card-sixteen,
    .micro-home-client-card-seventeen,
    .micro-home-client-card-eighteen,
    .micro-home-client-card-nineteen,
    .micro-home-client-card-twenty {
        width: 25vw;
        height: 75px;

        flex: 0 0 25vw;

        background: transparent;
    }


    /* =========================
       LOGOS
    ========================= */

    .micro-home-client-card-one img,
    .micro-home-client-card-two img,
    .micro-home-client-card-three img,
    .micro-home-client-card-four img,
    .micro-home-client-card-five img,
    .micro-home-client-card-six img,
    .micro-home-client-card-seven img,
    .micro-home-client-card-eight img,
    .micro-home-client-card-nine img,
    .micro-home-client-card-ten img,
    .micro-home-client-card-eleven img,
    .micro-home-client-card-twelve img,
    .micro-home-client-card-thirteen img,
    .micro-home-client-card-fourteen img,
    .micro-home-client-card-fifteen img,
    .micro-home-client-card-sixteen img,
    .micro-home-client-card-seventeen img,
    .micro-home-client-card-eighteen img,
    .micro-home-client-card-nineteen img,
    .micro-home-client-card-twenty img {
        width: 90%;
        max-width: 150px;
        height: 58px;

        object-fit: contain;
    }

}


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

@media (max-width: 480px) {

    .micro-home-clients-section {
        padding: 35px 0 40px;
    }


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

    .micro-home-clients-heading {
        padding: 0 15px;
        margin-bottom: 22px;
    }

    .micro-home-clients-title {
        font-size: 23px;
    }


    /* =========================
       TRACKS
    ========================= */

    .micro-home-clients-track-one,
    .micro-home-clients-track-two {
        gap: 0;
        animation-duration: 32s;
    }


    /* =========================
       4 LOGOS PER ROW
    ========================= */

    .micro-home-client-card-one,
    .micro-home-client-card-two,
    .micro-home-client-card-three,
    .micro-home-client-card-four,
    .micro-home-client-card-five,
    .micro-home-client-card-six,
    .micro-home-client-card-seven,
    .micro-home-client-card-eight,
    .micro-home-client-card-nine,
    .micro-home-client-card-ten,
    .micro-home-client-card-eleven,
    .micro-home-client-card-twelve,
    .micro-home-client-card-thirteen,
    .micro-home-client-card-fourteen,
    .micro-home-client-card-fifteen,
    .micro-home-client-card-sixteen,
    .micro-home-client-card-seventeen,
    .micro-home-client-card-eighteen,
    .micro-home-client-card-nineteen,
    .micro-home-client-card-twenty {
        width: 25vw;
        height: 68px;
        flex: 0 0 25vw;
        background: transparent;
    }


    /* =========================
       LOGOS
    ========================= */

    .micro-home-client-card-one img,
    .micro-home-client-card-two img,
    .micro-home-client-card-three img,
    .micro-home-client-card-four img,
    .micro-home-client-card-five img,
    .micro-home-client-card-six img,
    .micro-home-client-card-seven img,
    .micro-home-client-card-eight img,
    .micro-home-client-card-nine img,
    .micro-home-client-card-ten img,
    .micro-home-client-card-eleven img,
    .micro-home-client-card-twelve img,
    .micro-home-client-card-thirteen img,
    .micro-home-client-card-fourteen img,
    .micro-home-client-card-fifteen img,
    .micro-home-client-card-sixteen img,
    .micro-home-client-card-seventeen img,
    .micro-home-client-card-eighteen img,
    .micro-home-client-card-nineteen img,
    .micro-home-client-card-twenty img {
        width: 92%;
        max-width: 125px;
        height: 52px;
        object-fit: contain;
    }

}
/* =====================================================
   DESKTOP - MOVE CLIENTS HEADING TO LEFT
===================================================== */

@media (min-width: 769px) {

    .micro-home-clients-heading {
        margin-left: 30px;
        margin-right: 0;
    }

}
/* =========================================================
   HOME 6TH SECTION - CLIENT TESTIMONIALS
   ========================================================= */
/* =========================================================
   HOME 6TH SECTION - CLIENT TESTIMONIALS
========================================================= */

.micro-home-testimonials-section {
    width: 100%;
    margin: 0;
    padding: 60px 0 65px;
    background: #FFFFFF;
    box-sizing: border-box;
    overflow: hidden;
}


/* =========================================================
   WRAPPER
========================================================= */

.micro-home-testimonials-wrapper {
    width: 100%;
    max-width: 1450px;
    margin: 0 auto;
    padding: 0 30px;
    box-sizing: border-box;
}


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

.micro-home-testimonials-heading {
    width: 100%;
    margin: 0 0 75px;
    padding: 0;
    text-align: center;
    box-sizing: border-box;
}

.micro-home-testimonials-label {
    display: block;
    margin: 0 0 8px;

    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;

    color: #003854;
}

.micro-home-testimonials-title {
    margin: 0;

    font-family: "Sofia Sans", sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.15;

    color: #003854;
}

.micro-home-testimonials-title span {
    color: #FCAA40;
}


/* =========================================================
   TESTIMONIAL CONTENT
========================================================= */

.micro-home-testimonials-content {
    width: 100%;

    display: flex;
    align-items: stretch;
    justify-content: center;

    gap: 38px;

    box-sizing: border-box;
}


/* =========================================================
   TESTIMONIAL CARDS
========================================================= */

.micro-home-testimonial-card-one,
.micro-home-testimonial-card-two,
.micro-home-testimonial-card-three {
    position: relative;

    width: calc((100% - 76px) / 3);
    min-height: 450px;

    padding: 72px 45px 28px;

    display: flex;
    flex-direction: column;
    align-items: center;

    background: #FFFFFF;

    border: 1px solid #EDF1F3;
    border-radius: 12px;

    box-sizing: border-box;

    transition:
        background-color 0.8s ease-in-out,
        border-color 0.8s ease-in-out;
}


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

.micro-home-testimonial-card-one:hover,
.micro-home-testimonial-card-two:hover,
.micro-home-testimonial-card-three:hover {
    background: #003854;
    border-color: #003854;
}


/* =========================================================
   TESTIMONIAL LOGOS
========================================================= */

.micro-home-testimonial-logo-one,
.micro-home-testimonial-logo-two,
.micro-home-testimonial-logo-three {
    position: absolute;

    top: -48px;
    left: 50%;

    width: 96px;
    height: 96px;

    transform: translateX(-50%);

    display: flex;
    align-items: center;
    justify-content: center;

    background: #FFFFFF;

    border: 1px solid #EDF1F3;
    border-radius: 50%;

    box-sizing: border-box;
    overflow: hidden;

    z-index: 2;
}

.micro-home-testimonial-logo-one img,
.micro-home-testimonial-logo-two img,
.micro-home-testimonial-logo-three img {
    display: block;

    width: 90px;
    height: 90px;

    max-width: 90px;
    max-height: 90px;

    object-fit: contain;
}


/* =========================================================
   TESTIMONIAL TEXT
========================================================= */

.micro-home-testimonial-text-one,
.micro-home-testimonial-text-two,
.micro-home-testimonial-text-three {
    width: 100%;

    margin: 0;
    padding: 0;

    text-align: center;

    box-sizing: border-box;
}

.micro-home-testimonial-text-one p,
.micro-home-testimonial-text-two p,
.micro-home-testimonial-text-three p {
    margin: 0;

    font-family: "Open Sans", sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.42;

    color: #003854;

    text-align: center;

    transition:
        color 0.8s ease-in-out;
}


/* =========================================================
   TESTIMONIAL TEXT - HOVER
========================================================= */

.micro-home-testimonial-card-one:hover
.micro-home-testimonial-text-one p,

.micro-home-testimonial-card-two:hover
.micro-home-testimonial-text-two p,

.micro-home-testimonial-card-three:hover
.micro-home-testimonial-text-three p {
    color: #FFFFFF;
}


/* =========================================================
   AUTHOR
========================================================= */

.micro-home-testimonial-author-one,
.micro-home-testimonial-author-two,
.micro-home-testimonial-author-three {
    width: 100%;

    margin-top: auto;
    padding-top: 28px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;

    text-align: center;

    box-sizing: border-box;
}


/* =========================================================
   AUTHOR NAME
========================================================= */

.micro-home-testimonial-author-one strong,
.micro-home-testimonial-author-two strong,
.micro-home-testimonial-author-three strong {
    display: block;

    margin: 0 0 5px;

    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;

    color: #003854;

    white-space: nowrap;

    transition:
        color 0.8s ease-in-out;
}


/* =========================================================
   AUTHOR DETAILS
========================================================= */

.micro-home-testimonial-author-one span,
.micro-home-testimonial-author-two span,
.micro-home-testimonial-author-three span {
    display: block;

    margin: 0;

    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;

    color: #003854;

    white-space: nowrap;

    transition:
        color 0.8s ease-in-out;
}


/* =========================================================
   AUTHOR - HOVER
========================================================= */

.micro-home-testimonial-card-one:hover
.micro-home-testimonial-author-one strong,

.micro-home-testimonial-card-two:hover
.micro-home-testimonial-author-two strong,

.micro-home-testimonial-card-three:hover
.micro-home-testimonial-author-three strong,

.micro-home-testimonial-card-one:hover
.micro-home-testimonial-author-one span,

.micro-home-testimonial-card-two:hover
.micro-home-testimonial-author-two span,

.micro-home-testimonial-card-three:hover
.micro-home-testimonial-author-three span {
    color: #FFFFFF;
}


/* =========================================================
   TABLET / SMALL DESKTOP
========================================================= */

@media (max-width: 1000px) {

    .micro-home-testimonials-wrapper {
        padding: 0 25px;
    }

    .micro-home-testimonials-content {
        gap: 22px;
    }

    .micro-home-testimonial-card-one,
    .micro-home-testimonial-card-two,
    .micro-home-testimonial-card-three {
        width: calc((100% - 44px) / 3);

        min-height: 420px;

        padding: 65px 25px 25px;
    }

    .micro-home-testimonial-text-one p,
    .micro-home-testimonial-text-two p,
    .micro-home-testimonial-text-three p {
        font-size: 14px;
    }

    .micro-home-testimonial-author-one strong,
    .micro-home-testimonial-author-two strong,
    .micro-home-testimonial-author-three strong {
        font-size: 14px;
    }

    .micro-home-testimonial-author-one span,
    .micro-home-testimonial-author-two span,
    .micro-home-testimonial-author-three span {
        font-size: 12px;
    }
}


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

@media (max-width: 768px) {

    .micro-home-testimonials-section {
        padding: 50px 0 55px;
    }

    .micro-home-testimonials-wrapper {
        width: 100%;
        max-width: none;
        padding: 0 20px;
    }

    .micro-home-testimonials-heading {
        margin-bottom: 65px;
    }

    .micro-home-testimonials-label {
        font-size: 13px;
    }

    .micro-home-testimonials-title {
        font-size: 30px;
    }

    .micro-home-testimonials-content {
        width: 100%;

        display: flex;
        flex-direction: column;
        align-items: center;

        gap: 70px;
    }


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

    .micro-home-testimonial-card-one,
    .micro-home-testimonial-card-two,
    .micro-home-testimonial-card-three {
        width: 100%;
        max-width: 500px;

        min-height: 390px;

        padding: 65px 30px 25px;
    }


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

    .micro-home-testimonial-logo-one,
    .micro-home-testimonial-logo-two,
    .micro-home-testimonial-logo-three {
        width: 82px;
        height: 82px;

        top: -41px;
    }

    .micro-home-testimonial-logo-one img,
    .micro-home-testimonial-logo-two img,
    .micro-home-testimonial-logo-three img {
        width: 76px;
        height: 76px;

        max-width: 76px;
        max-height: 76px;

        object-fit: contain;
    }


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

    .micro-home-testimonial-text-one p,
    .micro-home-testimonial-text-two p,
    .micro-home-testimonial-text-three p {
        font-size: 14px;
        line-height: 1.5;
    }


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

    .micro-home-testimonial-author-one,
    .micro-home-testimonial-author-two,
    .micro-home-testimonial-author-three {
        margin-top: auto;
        padding-top: 25px;
    }

    .micro-home-testimonial-author-one strong,
    .micro-home-testimonial-author-two strong,
    .micro-home-testimonial-author-three strong {
        font-size: 14px;
        white-space: normal;
    }

    .micro-home-testimonial-author-one span,
    .micro-home-testimonial-author-two span,
    .micro-home-testimonial-author-three span {
        font-size: 12px;
        white-space: normal;
    }
}


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

@media (max-width: 480px) {

    .micro-home-testimonials-section {
        padding: 45px 0 50px;
    }

    .micro-home-testimonials-wrapper {
        padding: 0 15px;
    }

    .micro-home-testimonials-heading {
        margin-bottom: 60px;
    }

    .micro-home-testimonials-label {
        font-size: 12px;
    }

    .micro-home-testimonials-title {
        font-size: 27px;
    }

    .micro-home-testimonials-content {
        gap: 65px;
    }


    /* =====================================================
       SMALL MOBILE CARDS
    ===================================================== */

    .micro-home-testimonial-card-one,
    .micro-home-testimonial-card-two,
    .micro-home-testimonial-card-three {
        width: 100%;
        max-width: 100%;

        min-height: 390px;

        padding: 60px 20px 25px;

        border-radius: 10px;
    }


    /* =====================================================
       SMALL MOBILE LOGOS
    ===================================================== */

    .micro-home-testimonial-logo-one,
    .micro-home-testimonial-logo-two,
    .micro-home-testimonial-logo-three {
        width: 76px;
        height: 76px;

        top: -38px;
    }

    .micro-home-testimonial-logo-one img,
    .micro-home-testimonial-logo-two img,
    .micro-home-testimonial-logo-three img {
        width: 70px;
        height: 70px;

        max-width: 70px;
        max-height: 70px;

        object-fit: contain;
    }


    /* =====================================================
       SMALL MOBILE TEXT
    ===================================================== */

    .micro-home-testimonial-text-one p,
    .micro-home-testimonial-text-two p,
    .micro-home-testimonial-text-three p {
        font-size: 13px;
        line-height: 1.48;
    }


    /* =====================================================
       SMALL MOBILE AUTHOR
    ===================================================== */

    .micro-home-testimonial-author-one,
    .micro-home-testimonial-author-two,
    .micro-home-testimonial-author-three {
        margin-top: auto;
        padding-top: 22px;
    }

    .micro-home-testimonial-author-one strong,
    .micro-home-testimonial-author-two strong,
    .micro-home-testimonial-author-three strong {
        font-size: 13px;
        white-space: normal;
    }

    .micro-home-testimonial-author-one span,
    .micro-home-testimonial-author-two span,
    .micro-home-testimonial-author-three span {
        font-size: 11px;
        white-space: normal;
    }
}

/* =====================================================
   HOME 7TH SECTION - FAQ
===================================================== */
/* =====================================================
   HOME 7TH SECTION - FAQ
===================================================== */

.micro-home-faq-section {
    width: 100%;
    margin: 0;
    padding: 70px 0;
    background: #FFFFFF;
    box-sizing: border-box;
    overflow: hidden;
}


/* =====================================================
   MAIN WRAPPER
===================================================== */

.micro-home-faq-wrapper {
    width: 100%;
    max-width: 1450px;
    margin: 0 auto;
    padding: 0 45px;

    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 70px;

    box-sizing: border-box;
}


/* =====================================================
   LEFT SIDE
===================================================== */

.micro-home-faq-left {
    width: 31%;
    flex: 0 0 31%;

    display: flex;
    flex-direction: column;
    justify-content: space-between;

    box-sizing: border-box;
}


.micro-home-faq-heading {
    width: 100%;
    margin: 0;
    padding: 0;

    text-align: left;
}


/* =====================================================
   FAQ LABEL
===================================================== */

.micro-home-faq-label {
    display: block;

    margin: 0 0 10px;
    padding: 0;

    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;

    color: #003854;
}


/* =====================================================
   FAQ TITLE
===================================================== */

.micro-home-faq-title {
    margin: 0;
    padding: 0;

    font-family: "Sofia Sans", sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.08;

    color: #003854;
}


.micro-home-faq-title span {
    display: block;
    color: #FCAA40;
}


/* =====================================================
   CONTACT BOX
===================================================== */

.micro-home-faq-contact {
    width: 100%;
    max-width: 465px;

    margin-top: 0;
    margin-bottom: 0;

    padding: 30px 38px;

    background: linear-gradient(
        110deg,
        #F6D19A 0%,
        #F8E4C5 40%,
        #DCEAF0 65%,
        #AFCBD8 100%
    );

    border-radius: 10px;

    box-sizing: border-box;

    transition:
        background 0.8s ease-in-out;
}


/* =====================================================
   CONTACT BOX HOVER
===================================================== */

.micro-home-faq-contact:hover {
    background: linear-gradient(
        110deg,
        #AFCBD8 0%,
        #DCEAF0 35%,
        #F8E4C5 65%,
        #F6D19A 100%
    );
}


/* =====================================================
   CONTACT BOX ACTIVE / CLICK
===================================================== */

.micro-home-faq-contact:active {
    background: linear-gradient(
        110deg,
        #8FB7C8 0%,
        #C9E0E8 35%,
        #F5DDB8 65%,
        #F2BF70 100%
    );
}


/* =====================================================
   CONTACT BOX TEXT
===================================================== */

.micro-home-faq-contact h3 {
    margin: 0 0 8px;
    padding: 0;

    font-family: "Sofia Sans", sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;

    color: #003854;
}


.micro-home-faq-contact p {
    max-width: 360px;

    margin: 0;
    padding: 0;

    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.45;

    color: #003854;
}


/* =====================================================
   CONTACT BUTTON
===================================================== */

.micro-home-faq-contact-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin-top: 22px;
    padding: 12px 25px;

    background: #FCAA40;
    color: #FFFFFF;

    border: 2px solid #FCAA40;
    border-radius: 25px;

    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-weight: 700;

    text-decoration: none;

    box-sizing: border-box;

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


.micro-home-faq-contact-button:hover {
    background: #FFFFFF;
    color: #FCAA40;
    border-color: #FCAA40;

    transform: translateY(-2px);
}


.micro-home-faq-contact-button:active {
    background: #FFFFFF;
    color: #FCAA40;
    border-color: #FCAA40;

    transform: translateY(0);
}


.micro-home-faq-contact-button:focus {
    background: #FFFFFF;
    color: #FCAA40;
    border-color: #FCAA40;
}


/* =====================================================
   RIGHT SIDE
   FAQ BOXES
===================================================== */

.micro-home-faq-right {
    width: calc(69% - 25px);
    flex: 0 0 calc(69% - 25px);

    display: flex;
    flex-direction: column;
    gap: 24px;

    box-sizing: border-box;
}


/* =====================================================
   FAQ BOX
===================================================== */

.micro-home-faq-item-one,
.micro-home-faq-item-two,
.micro-home-faq-item-three,
.micro-home-faq-item-four,
.micro-home-faq-item-five {
    position: relative;

    width: 100%;

    background: #EDF1F3;

    border-radius: 10px;

    overflow: hidden;

    box-sizing: border-box;

    /* NO HOVER EFFECT */
}


/* =====================================================
   FAQ QUESTION
===================================================== */

.micro-home-faq-question-one,
.micro-home-faq-question-two,
.micro-home-faq-question-three,
.micro-home-faq-question-four,
.micro-home-faq-question-five {
    position: relative;

    width: 100%;
    min-height: 82px;

    padding: 0 85px 0 42px;

    display: flex;
    align-items: center;
    justify-content: flex-start;

    border: none;
    outline: none;

    background: transparent;

    font-family: "Open Sans", sans-serif;
    font-size: 22px;
    font-weight: 600;

    color: #003854;

    text-align: left;

    cursor: pointer;

    box-sizing: border-box;
}


.micro-home-faq-question-one > span:first-child,
.micro-home-faq-question-two > span:first-child,
.micro-home-faq-question-three > span:first-child,
.micro-home-faq-question-four > span:first-child,
.micro-home-faq-question-five > span:first-child {
    flex: 1;
}


/* =====================================================
   FAQ ARROW
===================================================== */

.micro-home-faq-arrow-one,
.micro-home-faq-arrow-two,
.micro-home-faq-arrow-three,
.micro-home-faq-arrow-four,
.micro-home-faq-arrow-five {
    position: absolute;

    top: 50%;
    right: 28px;

    width: 38px;
    height: 38px;

    transform: translateY(-50%);

    display: flex;
    align-items: center;
    justify-content: center;

    background: #FFFFFF;

    border-radius: 6px;

    font-family: Arial, sans-serif;
    font-size: 22px;
    font-weight: 400;

    color: #003854;

    box-sizing: border-box;

    transition:
        transform 0.45s ease-in-out;
}


/* =====================================================
   ARROW WHEN FAQ IS OPEN - CLICK ONLY
===================================================== */

.micro-home-faq-question-one[aria-expanded="true"]
.micro-home-faq-arrow-one,

.micro-home-faq-question-two[aria-expanded="true"]
.micro-home-faq-arrow-two,

.micro-home-faq-question-three[aria-expanded="true"]
.micro-home-faq-arrow-three,

.micro-home-faq-question-four[aria-expanded="true"]
.micro-home-faq-arrow-four,

.micro-home-faq-question-five[aria-expanded="true"]
.micro-home-faq-arrow-five {
    transform: translateY(-50%) rotate(180deg);
}


/* =====================================================
   FAQ ANSWER
===================================================== */

.micro-home-faq-answer-one,
.micro-home-faq-answer-two,
.micro-home-faq-answer-three,
.micro-home-faq-answer-four,
.micro-home-faq-answer-five {
    display: none;

    width: 100%;

    padding: 0 90px 30px 75px;

    box-sizing: border-box;
}


.micro-home-faq-answer-one p,
.micro-home-faq-answer-two p,
.micro-home-faq-answer-three p,
.micro-home-faq-answer-four p,
.micro-home-faq-answer-five p {
    margin: 0;
    padding: 0;

    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;

    color: #003854;

    text-align: left;
}


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

@media (max-width: 1100px) {

    .micro-home-faq-wrapper {
        padding: 0 30px;
        gap: 45px;
    }


    .micro-home-faq-left {
        width: 30%;
        flex: 0 0 30%;
    }


    .micro-home-faq-right {
        width: 70%;
        flex: 0 0 70%;
    }


    .micro-home-faq-title {
        font-size: 42px;
    }


    .micro-home-faq-contact {
        margin-top: 50px;
        padding: 25px;
    }


    .micro-home-faq-question-one,
    .micro-home-faq-question-two,
    .micro-home-faq-question-three,
    .micro-home-faq-question-four,
    .micro-home-faq-question-five {
        min-height: 70px;

        padding: 0 70px 0 22px;

        font-size: 17px;
    }


    .micro-home-faq-arrow-one,
    .micro-home-faq-arrow-two,
    .micro-home-faq-arrow-three,
    .micro-home-faq-arrow-four,
    .micro-home-faq-arrow-five {
        right: 22px;

        width: 34px;
        height: 34px;

        font-size: 21px;
    }


    .micro-home-faq-answer-one,
    .micro-home-faq-answer-two,
    .micro-home-faq-answer-three,
    .micro-home-faq-answer-four,
    .micro-home-faq-answer-five {
        padding: 0 60px 25px 55px;
    }


    .micro-home-faq-answer-one p,
    .micro-home-faq-answer-two p,
    .micro-home-faq-answer-three p,
    .micro-home-faq-answer-four p,
    .micro-home-faq-answer-five p {
        font-size: 16px;
    }
}


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

@media (max-width: 768px) {

    .micro-home-faq-section {
        padding: 50px 0 55px;
    }


    .micro-home-faq-wrapper {
        width: 100%;
        max-width: none;

        padding: 0 20px;

        display: flex;
        flex-direction: column;

        gap: 45px;
    }


    .micro-home-faq-left {
        width: 100%;
        flex: none;

        display: block;
    }


    .micro-home-faq-heading {
        text-align: center;
    }


    .micro-home-faq-label {
        font-size: 14px;
    }


    .micro-home-faq-title {
        font-size: 36px;
        text-align: center;
    }


    .micro-home-faq-title span {
        display: inline;
    }


    .micro-home-faq-contact {
        width: 100%;
        max-width: 500px;

        margin: 35px auto 0;

        padding: 25px;
    }


    .micro-home-faq-contact h3 {
        font-size: 21px;
    }


    .micro-home-faq-contact p {
        font-size: 14px;
    }


    .micro-home-faq-right {
        width: 100%;
        flex: none;

        gap: 14px;
    }


    .micro-home-faq-question-one,
    .micro-home-faq-question-two,
    .micro-home-faq-question-three,
    .micro-home-faq-question-four,
    .micro-home-faq-question-five {
        min-height: 62px;

        padding: 0 60px 0 16px;

        font-size: 15px;
    }


    .micro-home-faq-arrow-one,
    .micro-home-faq-arrow-two,
    .micro-home-faq-arrow-three,
    .micro-home-faq-arrow-four,
    .micro-home-faq-arrow-five {
        right: 16px;

        width: 30px;
        height: 30px;

        font-size: 20px;
    }


    .micro-home-faq-answer-one,
    .micro-home-faq-answer-two,
    .micro-home-faq-answer-three,
    .micro-home-faq-answer-four,
    .micro-home-faq-answer-five {
        padding: 0 25px 22px;
    }


    .micro-home-faq-answer-one p,
    .micro-home-faq-answer-two p,
    .micro-home-faq-answer-three p,
    .micro-home-faq-answer-four p,
    .micro-home-faq-answer-five p {
        font-size: 14px;
        line-height: 1.5;
    }


    .micro-home-faq-contact-button {
        padding: 10px 20px;
        font-size: 13px;
    }
}


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

@media (max-width: 480px) {

    .micro-home-faq-section {
        padding: 45px 0 50px;
    }


    .micro-home-faq-wrapper {
        padding: 0 15px;
        gap: 35px;
    }


    .micro-home-faq-label {
        font-size: 12px;
    }


    .micro-home-faq-title {
        font-size: 29px;
    }


    .micro-home-faq-contact {
        margin-top: 25px;
        padding: 20px;
    }


    .micro-home-faq-contact h3 {
        font-size: 18px;
    }


    .micro-home-faq-contact p {
        font-size: 12px;
        line-height: 1.45;
    }


    .micro-home-faq-contact-button {
        margin-top: 16px;
        padding: 9px 18px;
        font-size: 11px;
        border-width: 2px;
    }


    .micro-home-faq-right {
        gap: 11px;
    }


    .micro-home-faq-question-one,
    .micro-home-faq-question-two,
    .micro-home-faq-question-three,
    .micro-home-faq-question-four,
    .micro-home-faq-question-five {
        min-height: 55px;

        padding: 0 50px 0 13px;

        font-size: 12px;
    }


    .micro-home-faq-arrow-one,
    .micro-home-faq-arrow-two,
    .micro-home-faq-arrow-three,
    .micro-home-faq-arrow-four,
    .micro-home-faq-arrow-five {
        right: 13px;

        width: 25px;
        height: 25px;

        font-size: 17px;

        border-radius: 4px;
    }


    .micro-home-faq-answer-one,
    .micro-home-faq-answer-two,
    .micro-home-faq-answer-three,
    .micro-home-faq-answer-four,
    .micro-home-faq-answer-five {
        padding: 0 18px 18px;
    }


    .micro-home-faq-answer-one p,
    .micro-home-faq-answer-two p,
    .micro-home-faq-answer-three p,
    .micro-home-faq-answer-four p,
    .micro-home-faq-answer-five p {
        font-size: 12px;
        line-height: 1.5;
    }
}

/* =====================================================
   ABOUT US PAGE 
   - 1ST SECTION / HERO BANNER
===================================================== */

.micro-about-hero {
    position: relative;

    width: 100%;
    min-height: 450px;

    margin: 0;
    padding: 0;

    display: flex;
    align-items: center;

    background-image: url("../images/about/About-us-Banner.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    overflow: hidden;
    box-sizing: border-box;
}


/* =====================================================
   HERO CONTENT
===================================================== */

.micro-about-hero-content {
    width: 100%;
    max-width: 1450px;

    margin: 0 auto;
    padding: 0 60px;

    box-sizing: border-box;
}


/* =====================================================
   ABOUT US TAG
===================================================== */

.micro-about-hero-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 42px;

    padding: 6px 25px;

    margin-bottom: 18px;

    background: rgba(255, 255, 255, 0.18);

    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 30px;

    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;

    color: #FFFFFF;

    box-sizing: border-box;
}


/* =====================================================
   HEADING WRAPPER
===================================================== */

.micro-about-hero-heading-wrap {
    padding-left: 22px;

    border-left: 3px solid #FFFFFF;

    box-sizing: border-box;
}


/* =====================================================
   MAIN HEADING
===================================================== */

.micro-about-hero-title {
    max-width: 800px;

    margin: 0;

    font-family: "Sofia Sans", sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.12;

    color: #FFFFFF;

    box-sizing: border-box;
}


/* =====================================================
   ORANGE HEADING
===================================================== */

.micro-about-hero-title span {
    display: block;

    margin-top: 2px;

    color: #FCAA40;
}


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

@media (max-width: 1100px) {

    .micro-about-hero {
        min-height: 400px;
    }

    .micro-about-hero-content {
        padding: 0 40px;
    }

    .micro-about-hero-tag {
        min-height: 38px;
        padding: 6px 21px;
        font-size: 15px;
    }

    .micro-about-hero-heading-wrap {
        padding-left: 18px;
        border-left-width: 2px;
    }

    .micro-about-hero-title {
        max-width: 650px;
        font-size: 40px;
    }
}


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

@media (max-width: 768px) {

    .micro-about-hero {
        min-height: 360px;

        background-position: center;
    }

    .micro-about-hero-content {
        padding: 0 25px;
    }

    .micro-about-hero-tag {
        min-height: 34px;

        padding: 6px 18px;
        margin-bottom: 14px;

        font-size: 13px;
    }

    .micro-about-hero-heading-wrap {
        padding-left: 14px;
        border-left-width: 2px;
    }

    .micro-about-hero-title {
        max-width: 500px;

        font-size: 32px;
        line-height: 1.12;
    }

    .micro-about-hero-title span {
        margin-top: 2px;
    }
}


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

@media (max-width: 480px) {

    .micro-about-hero {
        min-height: 320px;

        background-position: center;
    }

    .micro-about-hero-content {
        padding: 0 20px;
    }

    .micro-about-hero-tag {
        min-height: 30px;

        padding: 5px 15px;
        margin-bottom: 12px;

        font-size: 12px;
    }

    .micro-about-hero-heading-wrap {
        padding-left: 11px;
        border-left-width: 2px;
    }

    .micro-about-hero-title {
        font-size: 26px;
        line-height: 1.12;
    }
}

/* =========================================================
   ABOUT PAGE - 2nd ABOUT SECTION
========================================================= */

.micro-About-about-section {
    width: 100%;
    margin: 0;
    padding: 80px 0;
    background: #FFFFFF;
    box-sizing: border-box;
    overflow: hidden;
}


/* =========================================================
   MAIN WRAPPER
========================================================= */

.micro-About-about-wrapper {
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 60px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 70px;

    box-sizing: border-box;
}


/* =========================================================
   LEFT SIDE IMAGE
========================================================= */

.micro-About-about-visual {
    flex: 0 0 48%;
    width: 48%;

    display: flex;
    align-items: center;
    justify-content: flex-start;

    box-sizing: border-box;
}


.micro-About-about-visual img {
    display: block;

    width: 100%;
    max-width: 560px;
    height: auto;

    object-fit: contain;

    box-sizing: border-box;
}


/* =========================================================
   RIGHT SIDE CONTENT
========================================================= */

.micro-About-about-details {
    flex: 1;
    width: 100%;
    max-width: 570px;

    box-sizing: border-box;
}


/* =========================================================
   ABOUT LABEL
========================================================= */

.micro-About-about-label {
    display: block;

    margin: 0 0 8px;

    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;

    color: #003854;
}


/* =========================================================
   ABOUT HEADING
========================================================= */

.micro-About-about-heading {
    margin: 0 0 18px;

    font-family: "Sofia Sans", sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.1;

    color: #003854;
}


/* =========================================================
   ABOUT TEXT
========================================================= */

.micro-About-about-text {
    max-width: 570px;

    margin: 0 0 28px;

    font-family: "Open Sans", sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.6;

    color: #003854;
}


/* =========================================================
   STATS
========================================================= */

.micro-About-about-stats {
    display: flex;
    align-items: center;

    margin: 0 0 28px;

    box-sizing: border-box;
}


.micro-About-about-stat {
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    box-sizing: border-box;
}


.micro-About-about-counter {
    display: block;

    margin: 0 0 2px;

    font-family: "Sofia Sans", sans-serif;
    font-size: 42px;
    font-weight: 700;
    line-height: 1;

    color: #FCAA40;
}


.micro-About-about-stat span {
    display: block;

    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.35;

    color: #003854;
}


.micro-About-about-divider {
    width: 1px;
    height: 52px;

    margin: 0 45px;

    background:  #EDF1F3;

    flex: 0 0 1px;
}


/* =========================================================
   KNOW MORE BUTTON
========================================================= */

.micro-About-about-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 12px;

    min-height: 54px;

    padding: 0 14px 0 22px;

    border-radius: 30px;

    background: #FCAA40;
    color: #FFFFFF;

    border: 1px solid #FCAA40;

    font-family: "Sofia Sans", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1;

    text-decoration: none;

    box-sizing: border-box;

    transition:
        background-color 1s ease,
        color 1s ease,
        border-color 1s ease;
}


/* =========================================================
   NORMAL ARROW
========================================================= */

.micro-About-about-button span {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 34px;
    height: 34px;

    min-width: 34px;
    min-height: 34px;

    border-radius: 50%;

    background: #FFFFFF;
    color: #FCAA40;

    font-family: Arial, sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 1;

    box-sizing: border-box;

    transition:
        background-color 1s ease,
        color 1s ease;
}


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

.micro-About-about-button:hover {
    background: #FFFFFF;
    color: #FCAA40;
    border-color: #FCAA40;

    transform: none;
}


.micro-About-about-button:hover span {
    background: transparent;
    color: #FCAA40;

    font-size: 0;
}


.micro-About-about-button:hover span::after {
    content: "↘";

    display: flex;
    align-items: center;
    justify-content: center;

    width: 34px;
    height: 34px;

    font-family: Arial, sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 1;

    color: #FCAA40;
}


/* =========================================================
   BUTTON ACTIVE / CLICK
========================================================= */

.micro-About-about-button:active {
    background: #FFFFFF;
    color: #FCAA40;
    border-color: #FCAA40;

    transform: none;
}


.micro-About-about-button:active span {
    background: transparent;
    color: #FCAA40;

    font-size: 0;
}


.micro-About-about-button:active span::after {
    content: "↘";

    display: flex;
    align-items: center;
    justify-content: center;

    width: 34px;
    height: 34px;

    font-family: Arial, sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 1;

    color: #FCAA40;
}


/* =========================================================
   BUTTON FOCUS
========================================================= */

.micro-About-about-button:focus {
    background: #FFFFFF;
    color: #FCAA40;
    border-color: #FCAA40;

    outline: none;
    transform: none;
}


.micro-About-about-button:focus span {
    background: transparent;
    color: #FCAA40;

    font-size: 0;
}


.micro-About-about-button:focus span::after {
    content: "↘";

    display: flex;
    align-items: center;
    justify-content: center;

    width: 34px;
    height: 34px;

    font-family: Arial, sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 1;

    color: #FCAA40;
}


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

@media (max-width: 768px) {

    .micro-About-about-section {
        padding: 60px 0;
    }

    .micro-About-about-wrapper {
        padding: 0 35px;

        gap: 40px;

        align-items: center;
    }

    .micro-About-about-visual {
        flex: 0 0 46%;
        width: 46%;
    }

    .micro-About-about-details {
        max-width: 100%;
    }

    .micro-About-about-label {
        font-size: 14px;
    }

    .micro-About-about-heading {
        font-size: 36px;
        line-height: 1.1;
    }

    .micro-About-about-text {
        font-size: 16px;
        line-height: 1.55;
    }

    .micro-About-about-counter {
        font-size: 34px;
    }

    .micro-About-about-stat span {
        font-size: 14px;
    }

    .micro-About-about-divider {
        height: 45px;
        margin: 0 25px;
    }

    .micro-About-about-button {
        min-height: 52px;

        padding: 0 13px 0 20px;

        font-size: 17px;

        transition:
            background-color 0.45s ease,
            color 0.45s ease,
            border-color 0.45s ease;
    }

    .micro-About-about-button span {
        width: 33px;
        height: 33px;

        min-width: 33px;
        min-height: 33px;

        font-size: 21px;

        transition:
            background-color 0.45s ease,
            color 0.45s ease;
    }

    .micro-About-about-button:hover span::after,
    .micro-About-about-button:active span::after,
    .micro-About-about-button:focus span::after {
        width: 33px;
        height: 33px;

        font-size: 21px;
    }
}


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

@media (max-width: 480px) {

    .micro-About-about-section {
        padding: 50px 0;
    }

    .micro-About-about-wrapper {
        width: 100%;

        padding: 0 20px;

        display: flex;
        flex-direction: column;
        align-items: center;

        gap: 35px;
    }

    .micro-About-about-visual {
        width: 100%;
        max-width: 290px;

        flex: none;

        display: flex;
        align-items: center;
        justify-content: center;
    }

    .micro-About-about-visual img {
        width: 100%;
        max-width: 290px;
        height: auto;
    }

    .micro-About-about-details {
        width: 100%;
        max-width: 100%;
    }

    .micro-About-about-label {
        margin-bottom: 6px;

        font-size: 14px;
    }

    .micro-About-about-heading {
        margin-bottom: 15px;

        font-size: 29px;
        line-height: 1.1;
    }

    .micro-About-about-text {
        width: 100%;
        max-width: 100%;

        margin-bottom: 24px;

        font-size: 15px;
        line-height: 1.55;
    }


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

    .micro-About-about-stats {
        width: 100%;

        margin-bottom: 25px;

        display: flex;
        align-items: center;

        overflow: hidden;
    }

    .micro-About-about-stat {
        flex: 0 1 auto;
        min-width: 0;
    }

    .micro-About-about-counter {
        font-size: 27px;
    }

    .micro-About-about-stat span {
        font-size: 11px;
        line-height: 1.3;
    }

    .micro-About-about-divider {
        width: 1px;
        height: 42px;

        margin: 0 10px;

        flex: 0 0 1px;
    }


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

    .micro-About-about-button {
        min-height: 50px;

        padding: 0 12px 0 20px;

        gap: 10px;

        font-size: 16px;

        transition:
            background-color 0.45s ease,
            color 0.45s ease,
            border-color 0.45s ease;
    }

    .micro-About-about-button span {
        width: 32px;
        height: 32px;

        min-width: 32px;
        min-height: 32px;

        font-size: 20px;

        transition:
            background-color 0.45s ease,
            color 0.45s ease;
    }

    .micro-About-about-button:hover span::after,
    .micro-About-about-button:active span::after,
    .micro-About-about-button:focus span::after {
        width: 32px;
        height: 32px;

        font-size: 20px;
    }
    
        /* =====================================================
       MOBILE - STATS + BUTTON RIGHT ALIGNMENT
    ===================================================== */

    .micro-About-about-stats {
        justify-content: flex-end;
        text-align: right;
    }

    .micro-About-about-button {
        display: flex;
        width: fit-content;
        margin-left: auto;
        margin-right: 0;
        margin-top: 15px;
    }
}

/* =========================================================
   ABOUT PAGE - 3rd section FOUNDERS SECTION
========================================================= */

.micro-About-founders-section {
    width: 100%;
    margin: 0;
    padding: 80px 0;

    background: #FFFFFF;

    box-sizing: border-box;
    overflow: hidden;
}


/* =========================================================
   MAIN WRAPPER
========================================================= */

.micro-About-founders-wrapper {
    width: 100%;
    max-width: 1320px;

    margin: 0 auto;
    padding: 0 60px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 60px;

    box-sizing: border-box;
}


/* =========================================================
   LEFT CONTENT
========================================================= */

.micro-About-founders-content {
    width: 50%;
    max-width: 650px;

    box-sizing: border-box;
}


/* =========================================================
   LABEL
========================================================= */

.micro-About-founders-label {
    display: block;

    margin: 0 0 10px;

    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;

    color: #003854;
}


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

.micro-About-founders-heading {
    margin: 0 0 25px;

    font-family: "Sofia Sans", sans-serif;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.12;

    color: #003854;
}


.micro-About-founders-heading span {
    display: block;

    color: #FCAA40;
}


/* =========================================================
   PARAGRAPHS
========================================================= */

.micro-About-founders-text {
    margin: 0 0 20px;

    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.55;

    color: #003854;
}


/* =========================================================
   HIGHLIGHT TEXT
========================================================= */

.micro-About-founders-highlight {
    position: relative;

    margin-top: 25px;
    padding: 0 0 0 18px;

    border-left: 3px solid #FCAA40;

    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;

    color: #003854;

    box-sizing: border-box;
}


/* =========================================================
   RIGHT - GROUPED FOUNDERS IMAGE
========================================================= */

.micro-About-founders-visual {
    width: 50%;
    max-width: 620px;

    display: flex;
    align-items: center;
    justify-content: center;

    box-sizing: border-box;
}


.micro-About-founders-visual img {
    display: block;

    width: 100%;
    max-width: 620px;
    height: auto;

    object-fit: contain;

    box-sizing: border-box;
}

.micro-About-founders-visual {
    transform: translateY(10px);
}
/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

    .micro-About-founders-section {
        padding: 65px 0;
    }


    .micro-About-founders-wrapper {
        padding: 0 40px;

        gap: 40px;
    }


    .micro-About-founders-content {
        width: 50%;
    }


    .micro-About-founders-visual {
        width: 50%;
    }


    .micro-About-founders-label {
        font-size: 16px;
    }


    .micro-About-founders-heading {
        font-size: 36px;
    }


    .micro-About-founders-text {
        font-size: 16px;
        line-height: 1.5;
    }


    .micro-About-founders-highlight {
        font-size: 16px;
    }
}


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

@media (max-width: 768px) {

    .micro-About-founders-section {
        padding: 55px 0;
    }


    .micro-About-founders-wrapper {
        width: 100%;

        padding: 0 25px;

        display: flex;
        flex-direction: column;

        align-items: center;

        gap: 40px;
    }


    .micro-About-founders-content {
        width: 100%;
        max-width: 650px;

        order: 1;
    }


    .micro-About-founders-visual {
        width: 100%;
        max-width: 550px;

        order: 2;
    }


    .micro-About-founders-visual img {
        width: 100%;
        max-width: 550px;
    }


    .micro-About-founders-label {
        font-size: 14px;
    }


    .micro-About-founders-heading {
        margin-bottom: 20px;

        font-size: 32px;
        line-height: 1.12;
    }


    .micro-About-founders-text {
        font-size: 15px;
        line-height: 1.55;

        margin-bottom: 18px;
    }


    .micro-About-founders-highlight {
        margin-top: 20px;

        padding-left: 14px;

        font-size: 15px;
        line-height: 1.5;
    }
}


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

@media (max-width: 480px) {

    .micro-About-founders-section {
        padding: 45px 0;
    }


    .micro-About-founders-wrapper {
        padding: 0 20px;

        gap: 30px;
    }


    .micro-About-founders-label {
        font-size: 13px;
    }


    .micro-About-founders-heading {
        margin-bottom: 16px;

        font-size: 28px;
        line-height: 1.1;
    }


    .micro-About-founders-text {
        font-size: 14px;
        line-height: 1.5;

        margin-bottom: 16px;
    }


    .micro-About-founders-highlight {
        margin-top: 18px;

        padding-left: 12px;

        border-left-width: 2px;

        font-size: 14px;
        line-height: 1.5;
    }


    .micro-About-founders-visual {
        width: 100%;
        max-width: 400px;
    }


    .micro-About-founders-visual img {
        width: 100%;
        max-width: 400px;
    }
}

/* =========================================================
   ABOUT PAGE - 4TH SECTION - OUR TEAM
========================================================= */
/* =========================================================
   ABOUT - OUR TEAM
========================================================= */
/* =========================================================
   ABOUT - OUR TEAM
========================================================= */

.micro-About-team-section {
    position: relative;

    width: 100%;
    min-height: 760px;

    margin: 0;
    padding: 30px 0 0;

    background: #EDF1F3;

    box-sizing: border-box;
    overflow: hidden;
}


/* =========================================================
   LEFT DECORATIVE ELEMENT
========================================================= */

.micro-About-team-left-element {
    position: absolute;

    left: 0;
    bottom: 0;

    width: 300px;
    height: auto;

    z-index: 0;

    pointer-events: none;
}


/* =========================================================
   RIGHT DECORATIVE ELEMENT
========================================================= */

.micro-About-team-right-element {
    position: absolute;

    right: 0;
    top: 0;

    width: 300px;
    height: auto;

    z-index: 0;

    pointer-events: none;
}


/* =========================================================
   MAIN WRAPPER
========================================================= */

.micro-About-team-wrapper {
    position: relative;
    z-index: 1;

    width: 100%;
    max-width: 1500px;

    height: 100%;
    min-height: 730px;

    margin: 0 auto;
    padding: 0 30px;

    box-sizing: border-box;
}


/* =========================================================
   SECTION HEADING
========================================================= */

.micro-About-team-heading {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 850px;

    margin: 0 auto;

    text-align: center;

    box-sizing: border-box;
}


/* =========================================================
   LABEL
========================================================= */

.micro-About-team-label {
    display: block;

    margin: 0 0 7px;

    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;

    color: #003854;
}


/* =========================================================
   TITLE
========================================================= */

.micro-About-team-title {
    margin: 0;

    font-family: "Sofia Sans", sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.08;

    color: #003854;
}


.micro-About-team-title span {
    display: block;

    margin-top: 2px;

    color: #FCAA40;
}


/* =========================================================
   TEAM IMAGE
========================================================= */

.micro-About-team-visual {
    position: absolute;

    left: 50%;
    bottom: 0;

    width: 100%;

    transform: translateX(-50%);

    display: flex;
    align-items: flex-end;
    justify-content: center;

    box-sizing: border-box;
}


/* =========================================================
   TEAM IMAGE SIZE
========================================================= */

.micro-About-team-visual img {
    display: block;

    width: 100%;
    max-width: 1100px;
    height: auto;

    object-fit: contain;

    box-sizing: border-box;
}


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

@media (max-width: 1100px) {

    .micro-About-team-section {
        min-height: 650px;

        padding-top: 35px;
    }


    /* =========================
       DECORATIVE ELEMENTS
    ========================= */

    .micro-About-team-left-element {
        width: 230px;
    }


    .micro-About-team-right-element {
        width: 230px;
    }


    /* =========================
       WRAPPER
    ========================= */

    .micro-About-team-wrapper {
        min-height: 610px;

        padding: 0 25px;
    }


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

    .micro-About-team-label {
        font-size: 16px;
    }


    .micro-About-team-title {
        font-size: 42px;
    }


    /* =========================
       TEAM IMAGE
    ========================= */

    .micro-About-team-visual img {
        max-width: 950px;
    }

}


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

@media (max-width: 768px) {

    .micro-About-team-section {
        width: 100%;

        min-height: 0;
        height: auto;

        padding: 35px 0 0;

        background: #EDF1F3;

        box-sizing: border-box;
        overflow: hidden;
    }


    /* =========================
       LEFT ELEMENT
    ========================= */

    .micro-About-team-left-element {
        left: 0;
        bottom: 0;

        width: 150px;
    }


    /* =========================
       RIGHT ELEMENT
    ========================= */

    .micro-About-team-right-element {
        right: 0;
        top: 0;

        width: 180px;
    }


    /* =========================
       WRAPPER
    ========================= */

    .micro-About-team-wrapper {
        width: 100%;
        max-width: none;

        min-height: 0;
        height: auto;

        margin: 0;
        padding: 0 15px;

        display: flex;
        flex-direction: column;
        align-items: center;

        box-sizing: border-box;
    }


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

    .micro-About-team-heading {
        position: relative;
        z-index: 2;

        width: 100%;
        max-width: 600px;

        margin: 0 auto 25px;

        text-align: center;

        box-sizing: border-box;
    }


    .micro-About-team-label {
        display: block;

        margin: 0 0 6px;

        font-family: "Open Sans", sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.4;

        color: #003854;
    }


    .micro-About-team-title {
        margin: 0;

        font-family: "Sofia Sans", sans-serif;
        font-size: 32px;
        font-weight: 700;
        line-height: 1.1;

        color: #003854;
    }


    .micro-About-team-title span {
        display: block;

        margin-top: 2px;

        color: #FCAA40;
    }


    /* =====================================================
       TEAM IMAGE
    ===================================================== */

    .micro-About-team-visual {
        position: relative;

        left: auto;
        bottom: auto;

        width: 100%;
        max-width: 600px;

        height: auto;

        margin: 0 auto;

        transform: none;

        display: flex;
        align-items: flex-end;
        justify-content: center;

        box-sizing: border-box;
    }


    .micro-About-team-visual img {
        display: block;

        width: 100%;
        max-width: 600px;

        height: auto;

        object-fit: contain;

        box-sizing: border-box;
    }

}


/* =========================================================
   SMALL MOBILE - 480px
========================================================= */

@media (max-width: 480px) {

    .micro-About-team-section {
        width: 100%;

        min-height: 0;
        height: auto;

        padding: 30px 0 0;

        background: #EDF1F3;

        box-sizing: border-box;
        overflow: hidden;
    }


    /* =========================
       LEFT ELEMENT
    ========================= */

    .micro-About-team-left-element {
        left: 0;
        bottom: 0;

        width: 110px;
    }


    /* =========================
       RIGHT ELEMENT
    ========================= */

    .micro-About-team-right-element {
        right: 0;
        top: 0;

        width: 130px;
    }


    /* =========================
       WRAPPER
    ========================= */

    .micro-About-team-wrapper {
        width: 100%;
        max-width: none;

        min-height: 0;
        height: auto;

        margin: 0;
        padding: 0 10px;

        display: flex;
        flex-direction: column;
        align-items: center;

        box-sizing: border-box;
    }


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

    .micro-About-team-heading {
        position: relative;
        z-index: 2;

        width: 100%;
        max-width: 380px;

        margin: 0 auto 18px;

        text-align: center;

        box-sizing: border-box;
    }


    .micro-About-team-label {
        display: block;

        margin: 0 0 5px;

        font-family: "Open Sans", sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 1.4;

        color: #003854;
    }


    .micro-About-team-title {
        margin: 0;

        font-family: "Sofia Sans", sans-serif;
        font-size: 26px;
        font-weight: 700;
        line-height: 1.1;

        color: #003854;
    }


    .micro-About-team-title span {
        display: block;

        margin-top: 1px;

        color: #FCAA40;
    }


    /* =====================================================
       TEAM IMAGE
    ===================================================== */

    .micro-About-team-visual {
        position: relative;

        left: auto;
        bottom: auto;

        width: 100%;
        max-width: 430px;

        height: auto;

        margin: 0 auto;

        transform: none;

        display: flex;
        align-items: flex-end;
        justify-content: center;

        box-sizing: border-box;
    }


    .micro-About-team-visual img {
        display: block;

        width: 100%;
        max-width: 430px;

        height: auto;

        object-fit: contain;

        box-sizing: border-box;
    }

}
/* =========================================================
   ABOUT PAGE - 6TH SECTION
   SOLUTIONS WE DELIVER
========================================================= */
/* =========================================================
   ABOUT - SOLUTIONS WE DELIVER
========================================================= */

.micro-About-solutions-section {
    width: 100%;
    margin: 0;
    padding: 85px 0 95px;

    background: #FFFFFF;

    box-sizing: border-box;
    overflow: hidden;
}


/* =========================================================
   MAIN WRAPPER
========================================================= */

.micro-About-solutions-wrapper {
    width: 100%;
    max-width: 1400px;

    margin: 0 auto;
    padding: 0 45px;

    box-sizing: border-box;
}


/* =========================================================
   SECTION HEADING
========================================================= */

.micro-About-solutions-heading {
    width: 100%;

    margin: 0 auto 45px;

    text-align: center;

    box-sizing: border-box;
}


.micro-About-solutions-label {
    display: block;

    margin: 0 0 5px;

    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;

    color: #003854;
}


.micro-About-solutions-title {
    margin: 0;

    font-family: "Sofia Sans", sans-serif;
    font-size: 52px;
    font-weight: 700;
    line-height: 1.1;

    color: #003854;
}


.micro-About-solutions-title span {
    color: #FCAA40;
}


/* =========================================================
   SOLUTIONS GRID
========================================================= */

.micro-About-solutions-grid {
    width: 100%;

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 24px;

    box-sizing: border-box;
}


/* =========================================================
   SOLUTION CARDS
   DEFAULT = WHITE
========================================================= */

.micro-About-solutions-card-one,
.micro-About-solutions-card-two,
.micro-About-solutions-card-three,
.micro-About-solutions-card-four,
.micro-About-solutions-card-five,
.micro-About-solutions-card-six {
    position: relative;

    width: 100%;
    min-height: 235px;

    padding: 25px 22px 22px;

    background: #FFFFFF;

    border: 1px solid #EDF1F3;
    border-radius: 12px;

    box-sizing: border-box;

    cursor: pointer;

    transform: translateY(0) scale(1);

    box-shadow: 0 3px 12px rgba(0, 56, 84, 0.06);

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


/* =========================================================
   HOVER EFFECT
   CARD BECOMES NAVY BLUE
========================================================= */

.micro-About-solutions-card-one:hover,
.micro-About-solutions-card-two:hover,
.micro-About-solutions-card-three:hover,
.micro-About-solutions-card-four:hover,
.micro-About-solutions-card-five:hover,
.micro-About-solutions-card-six:hover {
    background: #003854;

    border-color: #003854;

    transform: translateY(-9px) scale(1.015);

    box-shadow:
        0 18px 38px rgba(0, 56, 84, 0.20);
}


/* =========================================================
   CLICK / ACTIVE EFFECT
========================================================= */

.micro-About-solutions-card-one.micro-solution-active,
.micro-About-solutions-card-two.micro-solution-active,
.micro-About-solutions-card-three.micro-solution-active,
.micro-About-solutions-card-four.micro-solution-active,
.micro-About-solutions-card-five.micro-solution-active,
.micro-About-solutions-card-six.micro-solution-active {
    background: #003854;

    border-color: #003854;

    transform: translateY(-9px) scale(1.02);

    box-shadow:
        0 20px 42px rgba(0, 56, 84, 0.24);
}


/* =========================================================
   CARD HEADER
========================================================= */

.micro-About-solutions-card-header-one,
.micro-About-solutions-card-header-two,
.micro-About-solutions-card-header-three,
.micro-About-solutions-card-header-four,
.micro-About-solutions-card-header-five,
.micro-About-solutions-card-header-six {
    width: 100%;

    display: flex;
    align-items: center;

    gap: 17px;

    margin: 0 0 20px;

    box-sizing: border-box;
}


/* =========================================================
   ICON CIRCLE
   DEFAULT = NAVY BLUE
========================================================= */

.micro-About-solutions-icon-one,
.micro-About-solutions-icon-two,
.micro-About-solutions-icon-three,
.micro-About-solutions-icon-four,
.micro-About-solutions-icon-five,
.micro-About-solutions-icon-six {
    width: 58px;
    height: 58px;

    flex: 0 0 58px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #003854;

    box-sizing: border-box;

    transition:
        background 0.7s ease,
        transform 0.7s ease;
}


/* =========================================================
   SVG ICONS
========================================================= */

.micro-About-solutions-icon-one img,
.micro-About-solutions-icon-two img,
.micro-About-solutions-icon-three img,
.micro-About-solutions-icon-four img,
.micro-About-solutions-icon-five img,
.micro-About-solutions-icon-six img {
    display: block;

    width: 32px;
    height: 32px;

    object-fit: contain;

    transition:
        transform 0.7s ease;
}


/* =========================================================
   ICON HOVER
   HOVER = ORANGE
========================================================= */

.micro-About-solutions-card-one:hover
.micro-About-solutions-icon-one,
.micro-About-solutions-card-two:hover
.micro-About-solutions-icon-two,
.micro-About-solutions-card-three:hover
.micro-About-solutions-icon-three,
.micro-About-solutions-card-four:hover
.micro-About-solutions-icon-four,
.micro-About-solutions-card-five:hover
.micro-About-solutions-icon-five,
.micro-About-solutions-card-six:hover
.micro-About-solutions-icon-six {
    background: #FCAA40;

    transform: scale(1.07);
}


/* =========================================================
   ICON CLICK / ACTIVE
   ACTIVE = ORANGE
========================================================= */

.micro-About-solutions-card-one.micro-solution-active
.micro-About-solutions-icon-one,
.micro-About-solutions-card-two.micro-solution-active
.micro-About-solutions-icon-two,
.micro-About-solutions-card-three.micro-solution-active
.micro-About-solutions-icon-three,
.micro-About-solutions-card-four.micro-solution-active
.micro-About-solutions-icon-four,
.micro-About-solutions-card-five.micro-solution-active
.micro-About-solutions-icon-five,
.micro-About-solutions-card-six.micro-solution-active
.micro-About-solutions-icon-six {
    background: #FCAA40;

    transform: scale(1.08);
}


/* =========================================================
   CARD TITLE
   DEFAULT = NAVY
========================================================= */

.micro-About-solutions-card-title-one,
.micro-About-solutions-card-title-two,
.micro-About-solutions-card-title-three,
.micro-About-solutions-card-title-four,
.micro-About-solutions-card-title-five,
.micro-About-solutions-card-title-six {
    margin: 0;

    font-family: "Sofia Sans", sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.08;

    color: #003854;

    transition:
        color 0.7s ease;
}


/* =========================================================
   TITLE - HOVER
========================================================= */

.micro-About-solutions-card-one:hover
.micro-About-solutions-card-title-one,
.micro-About-solutions-card-two:hover
.micro-About-solutions-card-title-two,
.micro-About-solutions-card-three:hover
.micro-About-solutions-card-title-three,
.micro-About-solutions-card-four:hover
.micro-About-solutions-card-title-four,
.micro-About-solutions-card-five:hover
.micro-About-solutions-card-title-five,
.micro-About-solutions-card-six:hover
.micro-About-solutions-card-title-six {
    color: #FFFFFF;
}


/* =========================================================
   TITLE - ACTIVE / CLICK
========================================================= */

.micro-About-solutions-card-one.micro-solution-active
.micro-About-solutions-card-title-one,
.micro-About-solutions-card-two.micro-solution-active
.micro-About-solutions-card-title-two,
.micro-About-solutions-card-three.micro-solution-active
.micro-About-solutions-card-title-three,
.micro-About-solutions-card-four.micro-solution-active
.micro-About-solutions-card-title-four,
.micro-About-solutions-card-five.micro-solution-active
.micro-About-solutions-card-title-five,
.micro-About-solutions-card-six.micro-solution-active
.micro-About-solutions-card-title-six {
    color: #FFFFFF;
}


/* =========================================================
   DESCRIPTION
   DEFAULT = NAVY
========================================================= */

.micro-About-solutions-description-one,
.micro-About-solutions-description-two,
.micro-About-solutions-description-three,
.micro-About-solutions-description-four,
.micro-About-solutions-description-five,
.micro-About-solutions-description-six {
    margin: 0 0 15px;

    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;

    color: #003854;

    transition:
        color 0.7s ease;
}


/* =========================================================
   DESCRIPTION - HOVER
========================================================= */

.micro-About-solutions-card-one:hover
.micro-About-solutions-description-one,
.micro-About-solutions-card-two:hover
.micro-About-solutions-description-two,
.micro-About-solutions-card-three:hover
.micro-About-solutions-description-three,
.micro-About-solutions-card-four:hover
.micro-About-solutions-description-four,
.micro-About-solutions-card-five:hover
.micro-About-solutions-description-five,
.micro-About-solutions-card-six:hover
.micro-About-solutions-description-six {
    color: #FFFFFF;
}


/* =========================================================
   DESCRIPTION - ACTIVE
========================================================= */

.micro-About-solutions-card-one.micro-solution-active
.micro-About-solutions-description-one,
.micro-About-solutions-card-two.micro-solution-active
.micro-About-solutions-description-two,
.micro-About-solutions-card-three.micro-solution-active
.micro-About-solutions-description-three,
.micro-About-solutions-card-four.micro-solution-active
.micro-About-solutions-description-four,
.micro-About-solutions-card-five.micro-solution-active
.micro-About-solutions-description-five,
.micro-About-solutions-card-six.micro-solution-active
.micro-About-solutions-description-six {
    color: #FFFFFF;
}


/* =========================================================
   LIST
========================================================= */

.micro-About-solutions-list-one,
.micro-About-solutions-list-two,
.micro-About-solutions-list-three,
.micro-About-solutions-list-four,
.micro-About-solutions-list-five,
.micro-About-solutions-list-six {
    margin: 0;
    padding: 0;

    list-style: none;

    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.55;

    color: #003854;

    transition:
        color 0.7s ease;
}


/* =========================================================
   LIST ITEMS
========================================================= */

.micro-About-solutions-list-one li,
.micro-About-solutions-list-two li,
.micro-About-solutions-list-three li,
.micro-About-solutions-list-four li,
.micro-About-solutions-list-five li,
.micro-About-solutions-list-six li {
    position: relative;

    margin: 4px 0;

    padding-left: 17px;
}


/* =========================================================
   LIST ARROWS
========================================================= */

.micro-About-solutions-list-one li::before,
.micro-About-solutions-list-two li::before,
.micro-About-solutions-list-three li::before,
.micro-About-solutions-list-four li::before,
.micro-About-solutions-list-five li::before,
.micro-About-solutions-list-six li::before {
    content: "→";

    position: absolute;

    left: 0;
    top: 0;

    color: #FCAA40;

    transition:
        transform 0.7s ease;
}


/* =========================================================
   LIST ARROW HOVER
========================================================= */

.micro-About-solutions-card-one:hover
.micro-About-solutions-list-one li::before,
.micro-About-solutions-card-two:hover
.micro-About-solutions-list-two li::before,
.micro-About-solutions-card-three:hover
.micro-About-solutions-list-three li::before,
.micro-About-solutions-card-four:hover
.micro-About-solutions-list-four li::before,
.micro-About-solutions-card-five:hover
.micro-About-solutions-list-five li::before,
.micro-About-solutions-card-six:hover
.micro-About-solutions-list-six li::before {
    transform: translateX(3px);
}


/* =========================================================
   LIST - HOVER
========================================================= */

.micro-About-solutions-card-one:hover
.micro-About-solutions-list-one,
.micro-About-solutions-card-two:hover
.micro-About-solutions-list-two,
.micro-About-solutions-card-three:hover
.micro-About-solutions-list-three,
.micro-About-solutions-card-four:hover
.micro-About-solutions-list-four,
.micro-About-solutions-card-five:hover
.micro-About-solutions-list-five,
.micro-About-solutions-card-six:hover
.micro-About-solutions-list-six {
    color: #FFFFFF;
}


/* =========================================================
   LIST - ACTIVE
========================================================= */

.micro-About-solutions-card-one.micro-solution-active
.micro-About-solutions-list-one,
.micro-About-solutions-card-two.micro-solution-active
.micro-About-solutions-list-two,
.micro-About-solutions-card-three.micro-solution-active
.micro-About-solutions-list-three,
.micro-About-solutions-card-four.micro-solution-active
.micro-About-solutions-list-four,
.micro-About-solutions-card-five.micro-solution-active
.micro-About-solutions-list-five,
.micro-About-solutions-card-six.micro-solution-active
.micro-About-solutions-list-six {
    color: #FFFFFF;
}


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

@media (max-width: 1100px) {

    .micro-About-solutions-section {
        padding: 70px 0 80px;
    }

    .micro-About-solutions-wrapper {
        padding: 0 30px;
    }

    .micro-About-solutions-heading {
        margin-bottom: 38px;
    }

    .micro-About-solutions-title {
        font-size: 46px;
    }

    .micro-About-solutions-grid {
        gap: 18px;
    }

    .micro-About-solutions-card-one,
    .micro-About-solutions-card-two,
    .micro-About-solutions-card-three,
    .micro-About-solutions-card-four,
    .micro-About-solutions-card-five,
    .micro-About-solutions-card-six {
        min-height: 230px;
        padding: 22px 18px;
    }

    .micro-About-solutions-icon-one,
    .micro-About-solutions-icon-two,
    .micro-About-solutions-icon-three,
    .micro-About-solutions-icon-four,
    .micro-About-solutions-icon-five,
    .micro-About-solutions-icon-six {
        width: 54px;
        height: 54px;
        flex-basis: 54px;
    }

    .micro-About-solutions-icon-one img,
    .micro-About-solutions-icon-two img,
    .micro-About-solutions-icon-three img,
    .micro-About-solutions-icon-four img,
    .micro-About-solutions-icon-five img,
    .micro-About-solutions-icon-six img {
        width: 30px;
        height: 30px;
    }

    .micro-About-solutions-card-title-one,
    .micro-About-solutions-card-title-two,
    .micro-About-solutions-card-title-three,
    .micro-About-solutions-card-title-four,
    .micro-About-solutions-card-title-five,
    .micro-About-solutions-card-title-six {
        font-size: 19px;
    }
}


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

@media (max-width: 768px) {

    .micro-About-solutions-section {
        padding: 55px 0 65px;
    }

    .micro-About-solutions-wrapper {
        padding: 0 20px;
    }

    .micro-About-solutions-heading {
        margin-bottom: 32px;
    }

    .micro-About-solutions-label {
        font-size: 14px;
    }

    .micro-About-solutions-title {
        font-size: 38px;
    }

    .micro-About-solutions-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .micro-About-solutions-card-one,
    .micro-About-solutions-card-two,
    .micro-About-solutions-card-three,
    .micro-About-solutions-card-four,
    .micro-About-solutions-card-five,
    .micro-About-solutions-card-six {
        min-height: 245px;
        padding: 20px 16px;
    }

    .micro-About-solutions-card-header-one,
    .micro-About-solutions-card-header-two,
    .micro-About-solutions-card-header-three,
    .micro-About-solutions-card-header-four,
    .micro-About-solutions-card-header-five,
    .micro-About-solutions-card-header-six {
        gap: 11px;
        margin-bottom: 17px;
    }

    .micro-About-solutions-icon-one,
    .micro-About-solutions-icon-two,
    .micro-About-solutions-icon-three,
    .micro-About-solutions-icon-four,
    .micro-About-solutions-icon-five,
    .micro-About-solutions-icon-six {
        width: 48px;
        height: 48px;
        flex-basis: 48px;
    }

    .micro-About-solutions-icon-one img,
    .micro-About-solutions-icon-two img,
    .micro-About-solutions-icon-three img,
    .micro-About-solutions-icon-four img,
    .micro-About-solutions-icon-five img,
    .micro-About-solutions-icon-six img {
        width: 27px;
        height: 27px;
    }

    .micro-About-solutions-card-title-one,
    .micro-About-solutions-card-title-two,
    .micro-About-solutions-card-title-three,
    .micro-About-solutions-card-title-four,
    .micro-About-solutions-card-title-five,
    .micro-About-solutions-card-title-six {
        font-size: 17px;
    }

    .micro-About-solutions-description-one,
    .micro-About-solutions-description-two,
    .micro-About-solutions-description-three,
    .micro-About-solutions-description-four,
    .micro-About-solutions-description-five,
    .micro-About-solutions-description-six {
        font-size: 12px;
        line-height: 1.4;
    }

    .micro-About-solutions-list-one,
    .micro-About-solutions-list-two,
    .micro-About-solutions-list-three,
    .micro-About-solutions-list-four,
    .micro-About-solutions-list-five,
    .micro-About-solutions-list-six {
        font-size: 11px;
    }
}


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

@media (max-width: 480px) {

    .micro-About-solutions-section {
        padding: 45px 0 55px;
    }

    .micro-About-solutions-wrapper {
        padding: 0 15px;
    }

    .micro-About-solutions-heading {
        margin-bottom: 28px;
    }

    .micro-About-solutions-label {
        font-size: 13px;
    }

    .micro-About-solutions-title {
        font-size: 32px;
    }

    .micro-About-solutions-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .micro-About-solutions-card-one,
    .micro-About-solutions-card-two,
    .micro-About-solutions-card-three,
    .micro-About-solutions-card-four,
    .micro-About-solutions-card-five,
    .micro-About-solutions-card-six {
        min-height: 0;
        padding: 20px 18px;
    }

    .micro-About-solutions-card-header-one,
    .micro-About-solutions-card-header-two,
    .micro-About-solutions-card-header-three,
    .micro-About-solutions-card-header-four,
    .micro-About-solutions-card-header-five,
    .micro-About-solutions-card-header-six {
        gap: 13px;
        margin-bottom: 15px;
    }

    .micro-About-solutions-icon-one,
    .micro-About-solutions-icon-two,
    .micro-About-solutions-icon-three,
    .micro-About-solutions-icon-four,
    .micro-About-solutions-icon-five,
    .micro-About-solutions-icon-six {
        width: 50px;
        height: 50px;
        flex-basis: 50px;
    }

    .micro-About-solutions-icon-one img,
    .micro-About-solutions-icon-two img,
    .micro-About-solutions-icon-three img,
    .micro-About-solutions-icon-four img,
    .micro-About-solutions-icon-five img,
    .micro-About-solutions-icon-six img {
        width: 28px;
        height: 28px;
    }

    .micro-About-solutions-card-title-one,
    .micro-About-solutions-card-title-two,
    .micro-About-solutions-card-title-three,
    .micro-About-solutions-card-title-four,
    .micro-About-solutions-card-title-five,
    .micro-About-solutions-card-title-six {
        font-size: 19px;
    }

    .micro-About-solutions-description-one,
    .micro-About-solutions-description-two,
    .micro-About-solutions-description-three,
    .micro-About-solutions-description-four,
    .micro-About-solutions-description-five,
    .micro-About-solutions-description-six {
        font-size: 13px;
    }

    .micro-About-solutions-list-one,
    .micro-About-solutions-list-two,
    .micro-About-solutions-list-three,
    .micro-About-solutions-list-four,
    .micro-About-solutions-list-five,
    .micro-About-solutions-list-six {
        font-size: 12px;
    }

}

/* =====================================================
   ABOUT PAGE - 7TH SECTION
   OUR CLIENTS
===================================================== */

.micro-about-seventh-section {
    width: 100%;
    margin: 0;
    padding: 50px 0 55px;

    background: #EDF1F3;

    box-sizing: border-box;
    overflow: hidden;
}


/* =====================================================
   MAIN WRAPPER - FULL WIDTH
===================================================== */

.micro-about-seventh-wrapper {
    width: 100%;
    max-width: none;

    margin: 0;
    padding: 0;

    box-sizing: border-box;
}


/* =====================================================
   SECTION HEADING
===================================================== */

.micro-about-seventh-heading {
    width: 100%;
    max-width: 1050px;

    margin: 0 auto 30px;
    padding: 0 20px;

    box-sizing: border-box;

    text-align: left;
}


.micro-about-seventh-label {
    display: block;

    margin: 0 0 4px;

    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;

    color: #003854;
}


.micro-about-seventh-title {
    margin: 0;

    font-family: "Sofia Sans", sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.15;

    color: #003854;
}


.micro-about-seventh-title span {
    color: #FCAA40;
}


/* =====================================================
   FIRST CAROUSEL - MOVES RIGHT
===================================================== */

.micro-about-seventh-carousel-one {
    width: 100%;

    margin: 0 0 20px;
    padding: 0;

    overflow: hidden;

    box-sizing: border-box;
}


/* =====================================================
   FIRST TRACK
===================================================== */

.micro-about-seventh-track-one {
    width: max-content;

    display: flex;
    align-items: center;

    gap: 0;

    animation: microAboutSeventhMoveRight 45s linear infinite;

    will-change: transform;
}


/* =====================================================
   SECOND CAROUSEL - MOVES LEFT
===================================================== */

.micro-about-seventh-carousel-two {
    width: 100%;

    margin: 0;
    padding: 0;

    overflow: hidden;

    box-sizing: border-box;
}


/* =====================================================
   SECOND TRACK
===================================================== */

.micro-about-seventh-track-two {
    width: max-content;

    display: flex;
    align-items: center;

    gap: 0;

    animation: microAboutSeventhMoveLeft 45s linear infinite;

    will-change: transform;
}


/* =====================================================
   CLIENT LOGO CONTAINERS
   4 LOGOS VISIBLE PER ROW
===================================================== */

.micro-about-seventh-client-one,
.micro-about-seventh-client-two,
.micro-about-seventh-client-three,
.micro-about-seventh-client-four,
.micro-about-seventh-client-five,
.micro-about-seventh-client-six,
.micro-about-seventh-client-seven,
.micro-about-seventh-client-eight,
.micro-about-seventh-client-nine,
.micro-about-seventh-client-ten,
.micro-about-seventh-client-eleven,
.micro-about-seventh-client-twelve,
.micro-about-seventh-client-thirteen,
.micro-about-seventh-client-fourteen,
.micro-about-seventh-client-fifteen,
.micro-about-seventh-client-sixteen,
.micro-about-seventh-client-seventeen,
.micro-about-seventh-client-eighteen,
.micro-about-seventh-client-nineteen,
.micro-about-seventh-client-twenty {
    width: 25vw;
    height: 95px;

    flex: 0 0 25vw;

    display: flex;
    align-items: center;
    justify-content: center;

    background: transparent;

    border: none;
    border-radius: 0;

    box-sizing: border-box;

    overflow: hidden;
}


/* =====================================================
   CLIENT LOGOS
===================================================== */

.micro-about-seventh-client-one img,
.micro-about-seventh-client-two img,
.micro-about-seventh-client-three img,
.micro-about-seventh-client-four img,
.micro-about-seventh-client-five img,
.micro-about-seventh-client-six img,
.micro-about-seventh-client-seven img,
.micro-about-seventh-client-eight img,
.micro-about-seventh-client-nine img,
.micro-about-seventh-client-ten img,
.micro-about-seventh-client-eleven img,
.micro-about-seventh-client-twelve img,
.micro-about-seventh-client-thirteen img,
.micro-about-seventh-client-fourteen img,
.micro-about-seventh-client-fifteen img,
.micro-about-seventh-client-sixteen img,
.micro-about-seventh-client-seventeen img,
.micro-about-seventh-client-eighteen img,
.micro-about-seventh-client-nineteen img,
.micro-about-seventh-client-twenty img {
    display: block;

    width: 100%;
    max-width: 250px;
    height: 110px;

    object-fit: cover;
}


/* =====================================================
   FIRST ROW - MOVE RIGHT
===================================================== */

@keyframes microAboutSeventhMoveRight {

    0% {
        transform: translateX(-50%);
    }

    100% {
        transform: translateX(0);
    }

}


/* =====================================================
   SECOND ROW - MOVE LEFT
===================================================== */

@keyframes microAboutSeventhMoveLeft {

    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }

}


/* =====================================================
   REMOVE ARROWS / DOTS
===================================================== */

.micro-about-seventh-section button,
.micro-about-seventh-section .swiper-button-prev,
.micro-about-seventh-section .swiper-button-next,
.micro-about-seventh-section .swiper-pagination,
.micro-about-seventh-section .slick-prev,
.micro-about-seventh-section .slick-next,
.micro-about-seventh-section .slick-dots {
    display: none !important;
}


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

@media (max-width: 768px) {

    .micro-about-seventh-section {
        padding: 40px 0 45px;
    }


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

    .micro-about-seventh-heading {
        width: 100%;
        max-width: none;

        margin: 0 0 25px;
        padding: 0 18px;

        text-align: left;
    }


    .micro-about-seventh-label {
        font-size: 12px;
    }


    .micro-about-seventh-title {
        font-size: 25px;
    }


    /* =========================
       CAROUSELS
    ========================= */

    .micro-about-seventh-carousel-one {
        width: 100%;
        margin-bottom: 15px;
    }


    .micro-about-seventh-carousel-two {
        width: 100%;
    }


    /* =========================
       TRACKS
    ========================= */

    .micro-about-seventh-track-one,
    .micro-about-seventh-track-two {
        gap: 0;

        animation-duration: 35s;
    }


    /* =========================
       4 LOGOS PER ROW
    ========================= */

    .micro-about-seventh-client-one,
    .micro-about-seventh-client-two,
    .micro-about-seventh-client-three,
    .micro-about-seventh-client-four,
    .micro-about-seventh-client-five,
    .micro-about-seventh-client-six,
    .micro-about-seventh-client-seven,
    .micro-about-seventh-client-eight,
    .micro-about-seventh-client-nine,
    .micro-about-seventh-client-ten,
    .micro-about-seventh-client-eleven,
    .micro-about-seventh-client-twelve,
    .micro-about-seventh-client-thirteen,
    .micro-about-seventh-client-fourteen,
    .micro-about-seventh-client-fifteen,
    .micro-about-seventh-client-sixteen,
    .micro-about-seventh-client-seventeen,
    .micro-about-seventh-client-eighteen,
    .micro-about-seventh-client-nineteen,
    .micro-about-seventh-client-twenty {
        width: 25vw;
        height: 75px;

        flex: 0 0 25vw;

        background: transparent;
    }


    /* =========================
       LOGOS
    ========================= */

    .micro-about-seventh-client-one img,
    .micro-about-seventh-client-two img,
    .micro-about-seventh-client-three img,
    .micro-about-seventh-client-four img,
    .micro-about-seventh-client-five img,
    .micro-about-seventh-client-six img,
    .micro-about-seventh-client-seven img,
    .micro-about-seventh-client-eight img,
    .micro-about-seventh-client-nine img,
    .micro-about-seventh-client-ten img,
    .micro-about-seventh-client-eleven img,
    .micro-about-seventh-client-twelve img,
    .micro-about-seventh-client-thirteen img,
    .micro-about-seventh-client-fourteen img,
    .micro-about-seventh-client-fifteen img,
    .micro-about-seventh-client-sixteen img,
    .micro-about-seventh-client-seventeen img,
    .micro-about-seventh-client-eighteen img,
    .micro-about-seventh-client-nineteen img,
    .micro-about-seventh-client-twenty img {
        width: 90%;
        max-width: 150px;
        height: 58px;

        object-fit: contain;
    }

}


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

@media (max-width: 480px) {

    .micro-about-seventh-section {
        padding: 35px 0 40px;
    }


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

    .micro-about-seventh-heading {
        padding: 0 15px;
        margin-bottom: 22px;
    }


    .micro-about-seventh-title {
        font-size: 23px;
    }


    /* =========================
       TRACKS
    ========================= */

    .micro-about-seventh-track-one,
    .micro-about-seventh-track-two {
        gap: 0;

        animation-duration: 32s;
    }


    /* =========================
       4 LOGOS PER ROW
    ========================= */

    .micro-about-seventh-client-one,
    .micro-about-seventh-client-two,
    .micro-about-seventh-client-three,
    .micro-about-seventh-client-four,
    .micro-about-seventh-client-five,
    .micro-about-seventh-client-six,
    .micro-about-seventh-client-seven,
    .micro-about-seventh-client-eight,
    .micro-about-seventh-client-nine,
    .micro-about-seventh-client-ten,
    .micro-about-seventh-client-eleven,
    .micro-about-seventh-client-twelve,
    .micro-about-seventh-client-thirteen,
    .micro-about-seventh-client-fourteen,
    .micro-about-seventh-client-fifteen,
    .micro-about-seventh-client-sixteen,
    .micro-about-seventh-client-seventeen,
    .micro-about-seventh-client-eighteen,
    .micro-about-seventh-client-nineteen,
    .micro-about-seventh-client-twenty {
        width: 25vw;
        height: 68px;

        flex: 0 0 25vw;

        background: transparent;
    }


    /* =========================
       LOGOS
    ========================= */

    .micro-about-seventh-client-one img,
    .micro-about-seventh-client-two img,
    .micro-about-seventh-client-three img,
    .micro-about-seventh-client-four img,
    .micro-about-seventh-client-five img,
    .micro-about-seventh-client-six img,
    .micro-about-seventh-client-seven img,
    .micro-about-seventh-client-eight img,
    .micro-about-seventh-client-nine img,
    .micro-about-seventh-client-ten img,
    .micro-about-seventh-client-eleven img,
    .micro-about-seventh-client-twelve img,
    .micro-about-seventh-client-thirteen img,
    .micro-about-seventh-client-fourteen img,
    .micro-about-seventh-client-fifteen img,
    .micro-about-seventh-client-sixteen img,
    .micro-about-seventh-client-seventeen img,
    .micro-about-seventh-client-eighteen img,
    .micro-about-seventh-client-nineteen img,
    .micro-about-seventh-client-twenty img {
        width: 92%;
        max-width: 125px;
        height: 52px;

        object-fit: contain;
    }

}


/* =====================================================
   DESKTOP - MOVE CLIENTS HEADING TO LEFT
===================================================== */

@media (min-width: 769px) {

    .micro-about-seventh-heading {
        margin-left: 30px;
        margin-right: 0;
    }

}


/* =====================================================
   clients PAGE - 1ST SECTION / BANNER
===================================================== */

.micro-clients-first-section {
    position: relative;

    width: 100%;
    margin: 0;
    padding: 0;

    overflow: hidden;

    box-sizing: border-box;
}


/* =====================================================
   BANNER IMAGE
===================================================== */

.micro-clients-first-bg {
    display: block;

    width: 100%;
    height: auto;

    max-width: none;

    object-fit: contain;

    box-sizing: border-box;
}


/* =====================================================
   CONTENT WRAPPER
===================================================== */

.micro-clients-first-wrapper {
    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    z-index: 2;

    display: flex;
    align-items: center;

    box-sizing: border-box;
}


/* =====================================================
   CONTENT
===================================================== */

.micro-clients-first-content {
    width: 100%;
    max-width: 1320px;

    margin: 0 auto;
    padding: 0 60px;

    box-sizing: border-box;
}


/* =====================================================
   LABEL
===================================================== */

.micro-clients-first-label {
    display: inline-flex;
    align-items: center;

    min-height: 36px;
    padding: 6px 19px;

    margin-bottom: 24px;

    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 30px;

    background: rgba(255, 255, 255, 0.12);

    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;

    color: #FFFFFF;

    box-sizing: border-box;
}


/* =====================================================
   HEADING WRAPPER
===================================================== */

.micro-clients-first-heading-wrap {
    position: relative;

    padding-left: 20px;

    border-left: 2px solid #FFFFFF;

    box-sizing: border-box;
}


/* =====================================================
   TITLE
===================================================== */

.micro-clients-first-title {
    margin: 0;

    font-family: "Sofia Sans", sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.15;

    color: #FFFFFF;
}

.micro-clients-first-title span {
    display: block;

    margin-top: 2px;

    color: #FCAA40;
}


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

@media (max-width: 768px) {

    .micro-clients-first-content {
        padding: 0 35px;
    }

    .micro-clients-first-label {
        min-height: 34px;
        padding: 6px 16px;

        margin-bottom: 18px;

        font-size: 14px;
    }

    .micro-clients-first-heading-wrap {
        padding-left: 16px;
    }

    .micro-clients-first-title {
        font-size: 34px;
    }

}


/* =====================================================
   MOBILE
===================================================== */
/* =====================================================
   MOBILE - 480px
===================================================== */

@media (max-width: 480px) {

    /* =================================================
       FIRST SECTION
    ================================================= */

    .micro-clients-first-section {
        width: 100%;
        overflow: hidden;
    }


    /* =================================================
       BANNER IMAGE
    ================================================= */

    .micro-clients-first-bg {
        width: 100%;
        height: auto;
        min-height: 130px;
        object-fit: cover;
    }


    /* =================================================
       CONTENT WRAPPER
    ================================================= */

    .micro-clients-first-wrapper {
        width: 100%;
        height: 100%;

        display: flex;
        align-items: center;
    }


    /* =================================================
       CONTENT
    ================================================= */

    .micro-clients-first-content {
        width: 100%;
        max-width: 100%;

        margin: 0;
        padding: 0 20px;
    }


    /* =================================================
       LABEL
    ================================================= */

    .micro-clients-first-label {
        min-height: 24px;

        padding: 4px 10px;

        margin-bottom: 10px;

        border-radius: 20px;

        font-size: 10px;
        line-height: 1;
    }


    /* =================================================
       HEADING WRAPPER
    ================================================= */

    .micro-clients-first-heading-wrap {
        padding-left: 10px;

        border-left: 2px solid #FFFFFF;
    }


    /* =================================================
       TITLE
    ================================================= */

    .micro-clients-first-title {
        font-size: 24px;
        line-height: 1.15;
        font-weight: 700;
    }


    .micro-clients-first-title span {
        margin-top: 2px;
    }

}


/* =====================================================
   clients PAGE - 2ND SECTION / OUR CLIENTS
===================================================== */

.micro-clients-second-section {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 70px 0;
    background: #FFFFFF;
    overflow: hidden;
    box-sizing: border-box;
}


/* =====================================================
   LEFT MASK - TOP LEFT
===================================================== */

.micro-clients-second-left-mask {
    position: absolute;
    left: 0;
    top: 0;

    width: 300px;
    height: auto;

    z-index: 0;
    pointer-events: none;
}


/* =====================================================
   RIGHT MASK - BOTTOM RIGHT
===================================================== */

.micro-clients-second-right-mask {
    position: absolute;
    right: 0;
    bottom: 0;

    width: 300px;
    height: auto;

    z-index: 0;
    pointer-events: none;
}


/* =====================================================
   MAIN WRAPPER
===================================================== */

.micro-clients-second-wrapper {
    position: relative;
    z-index: 1;

    width: 100%;
    max-width: 1320px;

    margin: 0 auto;
    padding: 0 45px;

    box-sizing: border-box;
}


/* =====================================================
   SECTION HEADING
===================================================== */

.micro-clients-second-heading {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 900px;

    margin: 0 auto 45px;

    text-align: center;

    box-sizing: border-box;
}


.micro-clients-second-label {
    display: block;

    margin: 0 0 8px;

    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;

    color: #003854;
}


.micro-clients-second-title {
    margin: 0;

    font-family: "Sofia Sans", sans-serif;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.1;

    color: #003854;
}


.micro-clients-second-title span {
    color: #FCAA40;
}


/* =====================================================
   CLIENT GRID
===================================================== */

.micro-clients-second-grid {
    position: relative;
    z-index: 2;

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 20px;

    width: 100%;

    box-sizing: border-box;
}


/* =====================================================
   CLIENT CARDS
===================================================== */

.micro-clients-second-client-one,
.micro-clients-second-client-two,
.micro-clients-second-client-three,
.micro-clients-second-client-four,
.micro-clients-second-client-five,
.micro-clients-second-client-six,
.micro-clients-second-client-seven,
.micro-clients-second-client-eight,
.micro-clients-second-client-nine,
.micro-clients-second-client-ten,
.micro-clients-second-client-eleven,
.micro-clients-second-client-twelve,
.micro-clients-second-client-thirteen,
.micro-clients-second-client-fourteen,
.micro-clients-second-client-fifteen,
.micro-clients-second-client-sixteen,
.micro-clients-second-client-seventeen,
.micro-clients-second-client-eighteen,
.micro-clients-second-client-nineteen,
.micro-clients-second-client-twenty {
    width: 100%;
    height: 120px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0;

    background: #FFFFFF;

    border: none;

    overflow: hidden;

    box-sizing: border-box;

    transition: box-shadow 0.3s ease;
}


/* =====================================================
   CLIENT IMAGES - FULL BOX COVER
===================================================== */

.micro-clients-second-client-one img,
.micro-clients-second-client-two img,
.micro-clients-second-client-three img,
.micro-clients-second-client-four img,
.micro-clients-second-client-five img,
.micro-clients-second-client-six img,
.micro-clients-second-client-seven img,
.micro-clients-second-client-eight img,
.micro-clients-second-client-nine img,
.micro-clients-second-client-ten img,
.micro-clients-second-client-eleven img,
.micro-clients-second-client-twelve img,
.micro-clients-second-client-thirteen img,
.micro-clients-second-client-fourteen img,
.micro-clients-second-client-fifteen img,
.micro-clients-second-client-sixteen img,
.micro-clients-second-client-seventeen img,
.micro-clients-second-client-eighteen img,
.micro-clients-second-client-nineteen img,
.micro-clients-second-client-twenty img {
    display: block;

    width: 100%;
    height: 100%;

    max-width: none;

    object-fit: cover;
    object-position: center;

    box-sizing: border-box;
}


/* =====================================================
   CLIENT CARD HOVER
===================================================== */

.micro-clients-second-client-one:hover,
.micro-clients-second-client-two:hover,
.micro-clients-second-client-three:hover,
.micro-clients-second-client-four:hover,
.micro-clients-second-client-five:hover,
.micro-clients-second-client-six:hover,
.micro-clients-second-client-seven:hover,
.micro-clients-second-client-eight:hover,
.micro-clients-second-client-nine:hover,
.micro-clients-second-client-ten:hover,
.micro-clients-second-client-eleven:hover,
.micro-clients-second-client-twelve:hover,
.micro-clients-second-client-thirteen:hover,
.micro-clients-second-client-fourteen:hover,
.micro-clients-second-client-fifteen:hover,
.micro-clients-second-client-sixteen:hover,
.micro-clients-second-client-seventeen:hover,
.micro-clients-second-client-eighteen:hover,
.micro-clients-second-client-nineteen:hover,
.micro-clients-second-client-twenty:hover {
    box-shadow: 0 8px 22px rgba(0, 56, 84, 0.10);
}


/* =====================================================
   TABLET - 1100px
===================================================== */

@media (max-width: 1100px) {

    .micro-clients-second-section {
        padding: 60px 0;
    }

    .micro-clients-second-wrapper {
        padding: 0 30px;
    }

    .micro-clients-second-heading {
        margin-bottom: 40px;
    }

    .micro-clients-second-grid {
        gap: 16px;
    }

    .micro-clients-second-client-one,
    .micro-clients-second-client-two,
    .micro-clients-second-client-three,
    .micro-clients-second-client-four,
    .micro-clients-second-client-five,
    .micro-clients-second-client-six,
    .micro-clients-second-client-seven,
    .micro-clients-second-client-eight,
    .micro-clients-second-client-nine,
    .micro-clients-second-client-ten,
    .micro-clients-second-client-eleven,
    .micro-clients-second-client-twelve,
    .micro-clients-second-client-thirteen,
    .micro-clients-second-client-fourteen,
    .micro-clients-second-client-fifteen,
    .micro-clients-second-client-sixteen,
    .micro-clients-second-client-seventeen,
    .micro-clients-second-client-eighteen,
    .micro-clients-second-client-nineteen,
    .micro-clients-second-client-twenty {
        height: 110px;
    }

    .micro-clients-second-left-mask {
        width: 230px;
    }

    .micro-clients-second-right-mask {
        width: 230px;
    }

}


/* =====================================================
   MOBILE - 768px
===================================================== */

@media (max-width: 768px) {

    .micro-clients-second-section {
        padding: 50px 0;
    }

    .micro-clients-second-wrapper {
        padding: 0 20px;
    }

    .micro-clients-second-heading {
        margin-bottom: 30px;
    }

    .micro-clients-second-label {
        font-size: 14px;
    }

    .micro-clients-second-title {
        font-size: 32px;
        line-height: 1.12;
    }

    .micro-clients-second-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 14px;
    }

    .micro-clients-second-client-one,
    .micro-clients-second-client-two,
    .micro-clients-second-client-three,
    .micro-clients-second-client-four,
    .micro-clients-second-client-five,
    .micro-clients-second-client-six,
    .micro-clients-second-client-seven,
    .micro-clients-second-client-eight,
    .micro-clients-second-client-nine,
    .micro-clients-second-client-ten,
    .micro-clients-second-client-eleven,
    .micro-clients-second-client-twelve,
    .micro-clients-second-client-thirteen,
    .micro-clients-second-client-fourteen,
    .micro-clients-second-client-fifteen,
    .micro-clients-second-client-sixteen,
    .micro-clients-second-client-seventeen,
    .micro-clients-second-client-eighteen,
    .micro-clients-second-client-nineteen,
    .micro-clients-second-client-twenty {
        height: 100px;
    }

    .micro-clients-second-left-mask {
        width: 160px;
        left: 0;
        top: 0;
    }

    .micro-clients-second-right-mask {
        width: 180px;
        right: 0;
        bottom: 0;
    }

}


/* =====================================================
   SMALL MOBILE - 480px
===================================================== */
/* =====================================================
   MOBILE - 480px
===================================================== */

@media (max-width: 480px) {

    /* =================================================
       SECOND SECTION
    ================================================= */

    .micro-clients-second-section {
        width: 100%;
        margin: 0;
        padding: 35px 0 45px;

        overflow: hidden;
    }


    /* =================================================
       LEFT MASK - TOP LEFT
    ================================================= */

    .micro-clients-second-left-mask {
        left: 0;
        top: 0;

        width: 120px;
        height: auto;
    }


    /* =================================================
       RIGHT MASK - BOTTOM RIGHT
    ================================================= */

    .micro-clients-second-right-mask {
        right: 0;
        bottom: 0;

        width: 120px;
        height: auto;
    }


    /* =================================================
       MAIN WRAPPER
    ================================================= */

    .micro-clients-second-wrapper {
        width: 100%;
        max-width: 100%;

        margin: 0;
        padding: 0 20px;
    }


    /* =================================================
       SECTION HEADING
    ================================================= */

    .micro-clients-second-heading {
        width: 100%;
        max-width: 100%;

        margin: 0 auto 28px;

        padding: 0;
    }


    /* =================================================
       LABEL
    ================================================= */

    .micro-clients-second-label {
        margin: 0 0 6px;

        font-size: 11px;
        line-height: 1.3;
    }


    /* =================================================
       TITLE
    ================================================= */

    .micro-clients-second-title {
        margin: 0;

        font-size: 25px;
        line-height: 1.15;
    }


    /* =================================================
       CLIENT GRID
    ================================================= */

    .micro-clients-second-grid {
        width: 100%;

        display: grid;

        grid-template-columns: repeat(2, minmax(0, 1fr));

        gap: 18px 20px;
    }


    /* =================================================
       CLIENT CARDS
    ================================================= */

    .micro-clients-second-client-one,
    .micro-clients-second-client-two,
    .micro-clients-second-client-three,
    .micro-clients-second-client-four,
    .micro-clients-second-client-five,
    .micro-clients-second-client-six,
    .micro-clients-second-client-seven,
    .micro-clients-second-client-eight,
    .micro-clients-second-client-nine,
    .micro-clients-second-client-ten,
    .micro-clients-second-client-eleven,
    .micro-clients-second-client-twelve,
    .micro-clients-second-client-thirteen,
    .micro-clients-second-client-fourteen,
    .micro-clients-second-client-fifteen,
    .micro-clients-second-client-sixteen,
    .micro-clients-second-client-seventeen,
    .micro-clients-second-client-eighteen,
    .micro-clients-second-client-nineteen,
    .micro-clients-second-client-twenty {

        width: 100%;
        height: 70px;

        display: flex;
        align-items: center;
        justify-content: center;

        padding: 0;

        background: #FFFFFF;

        overflow: hidden;
    }


    /* =================================================
       CLIENT IMAGES
    ================================================= */

    .micro-clients-second-client-one img,
    .micro-clients-second-client-two img,
    .micro-clients-second-client-three img,
    .micro-clients-second-client-four img,
    .micro-clients-second-client-five img,
    .micro-clients-second-client-six img,
    .micro-clients-second-client-seven img,
    .micro-clients-second-client-eight img,
    .micro-clients-second-client-nine img,
    .micro-clients-second-client-ten img,
    .micro-clients-second-client-eleven img,
    .micro-clients-second-client-twelve img,
    .micro-clients-second-client-thirteen img,
    .micro-clients-second-client-fourteen img,
    .micro-clients-second-client-fifteen img,
    .micro-clients-second-client-sixteen img,
    .micro-clients-second-client-seventeen img,
    .micro-clients-second-client-eighteen img,
    .micro-clients-second-client-nineteen img,
    .micro-clients-second-client-twenty img {

        width: 100%;
        height: 100%;

        object-fit: cover;
        object-position: center;
    }


    /* =================================================
       DISABLE HOVER EFFECT ON MOBILE
    ================================================= */

    .micro-clients-second-client-one:hover,
    .micro-clients-second-client-two:hover,
    .micro-clients-second-client-three:hover,
    .micro-clients-second-client-four:hover,
    .micro-clients-second-client-five:hover,
    .micro-clients-second-client-six:hover,
    .micro-clients-second-client-seven:hover,
    .micro-clients-second-client-eight:hover,
    .micro-clients-second-client-nine:hover,
    .micro-clients-second-client-ten:hover,
    .micro-clients-second-client-eleven:hover,
    .micro-clients-second-client-twelve:hover,
    .micro-clients-second-client-thirteen:hover,
    .micro-clients-second-client-fourteen:hover,
    .micro-clients-second-client-fifteen:hover,
    .micro-clients-second-client-sixteen:hover,
    .micro-clients-second-client-seventeen:hover,
    .micro-clients-second-client-eighteen:hover,
    .micro-clients-second-client-nineteen:hover,
    .micro-clients-second-client-twenty:hover {
        box-shadow: none;
    }

}
/* =====================================================
   EXTRA SMALL - 360px
===================================================== */

@media (max-width: 360px) {

    .micro-clients-second-section {
        padding: 40px 0;
    }

    .micro-clients-second-wrapper {
        padding: 0 15px;
    }

    .micro-clients-second-heading {
        margin-bottom: 22px;
    }

    .micro-clients-second-label {
        font-size: 12px;
        margin-bottom: 6px;
    }

    .micro-clients-second-title {
        font-size: 28px;
        line-height: 1.12;
    }

    .micro-clients-second-grid {
        gap: 10px;
    }

    .micro-clients-second-client-one,
    .micro-clients-second-client-two,
    .micro-clients-second-client-three,
    .micro-clients-second-client-four,
    .micro-clients-second-client-five,
    .micro-clients-second-client-six,
    .micro-clients-second-client-seven,
    .micro-clients-second-client-eight,
    .micro-clients-second-client-nine,
    .micro-clients-second-client-ten,
    .micro-clients-second-client-eleven,
    .micro-clients-second-client-twelve,
    .micro-clients-second-client-thirteen,
    .micro-clients-second-client-fourteen,
    .micro-clients-second-client-fifteen,
    .micro-clients-second-client-sixteen,
    .micro-clients-second-client-seventeen,
    .micro-clients-second-client-eighteen,
    .micro-clients-second-client-nineteen,
    .micro-clients-second-client-twenty {
        height: 85px;
    }

    .micro-clients-second-left-mask {
        width: 110px;
        left: 0;
        top: 0;
    }

    .micro-clients-second-right-mask {
        width: 120px;
        right: 0;
        bottom: 0;
    }

}

/* =====================================================
CONTACT US PAGE - 1ST SECTION / BANNER
===================================================== */

.micro-contact-first-section {
position: relative;
width: 100%;
margin: 0;
padding: 0;

overflow: hidden;
box-sizing: border-box;

}

/* =====================================================
BANNER IMAGE
===================================================== */

.micro-contact-first-bg {
display: block;

width: 100%;
height: auto;

max-width: none;

object-fit: contain;

box-sizing: border-box;

}

/* =====================================================
CONTENT WRAPPER
===================================================== */

.micro-contact-first-wrapper {
position: absolute;

top: 0;
left: 0;

width: 100%;
height: 100%;

z-index: 2;

display: flex;
align-items: center;

box-sizing: border-box;

}

/* =====================================================
CONTENT
===================================================== */

.micro-contact-first-content {
width: 100%;
max-width: 1320px;

margin: 0 auto;
padding: 0 60px;

box-sizing: border-box;

}

/* =====================================================
LABEL
===================================================== */

.micro-contact-first-label {
display: inline-flex;
align-items: center;

min-height: 36px;

padding: 6px 19px;
margin-bottom: 24px;

border: 1px solid rgba(255, 255, 255, 0.25);
border-radius: 30px;

background: rgba(255, 255, 255, 0.12);

font-family: "Open Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1;

color: #FFFFFF;

box-sizing: border-box;

}

/* =====================================================
HEADING WRAPPER
===================================================== */

.micro-contact-first-heading-wrap {
position: relative;

padding-left: 20px;

border-left: 2px solid #FFFFFF;

box-sizing: border-box;

}

/* =====================================================
MAIN TITLE
===================================================== */

.micro-contact-first-title {
margin: 0;

font-family: "Sofia Sans", sans-serif;
font-size: 40px;
font-weight: 700;
line-height: 1.15;

color: #FFFFFF;

}

.micro-contact-first-title span {
display: block;

margin-top: 2px;

color: #FCAA40;

}

/* =====================================================
TABLET - 1100px
===================================================== */

@media (max-width: 1100px) {

.micro-contact-first-content {
    padding: 0 45px;
}

.micro-contact-first-title {
    font-size: 38px;
}

}

/* =====================================================
MOBILE - 768px
===================================================== */

@media (max-width: 768px) {

.micro-contact-first-content {
    padding: 0 35px;
}

.micro-contact-first-label {
    min-height: 34px;

    padding: 6px 16px;
    margin-bottom: 18px;

    font-size: 14px;
}

.micro-contact-first-heading-wrap {
    padding-left: 16px;
}

.micro-contact-first-title {
    font-size: 34px;
    line-height: 1.12;
}

}

/* =====================================================
SMALL MOBILE - 480px
===================================================== */
/* =====================================================
   MOBILE - 480px
===================================================== */

@media (max-width: 480px) {

    /* =================================================
       FIRST SECTION
    ================================================= */

    .micro-contact-first-section {
        width: 100%;
        margin: 0;
        padding: 0;

        overflow: hidden;
    }


    /* =================================================
       BANNER IMAGE
    ================================================= */

    .micro-contact-first-bg {
        width: 100%;
        height: auto;

        min-height: 130px;

        object-fit: cover;
    }


    /* =================================================
       CONTENT WRAPPER
    ================================================= */

    .micro-contact-first-wrapper {
        width: 100%;
        height: 100%;

        display: flex;
        align-items: center;
    }


    /* =================================================
       CONTENT
    ================================================= */

    .micro-contact-first-content {
        width: 100%;
        max-width: 100%;

        margin: 0;
        padding: 0 20px;
    }


    /* =================================================
       LABEL
    ================================================= */

    .micro-contact-first-label {
        min-height: 24px;

        padding: 4px 10px;

        margin-bottom: 10px;

        border-radius: 20px;

        font-size: 10px;
        line-height: 1;
    }


    /* =================================================
       HEADING WRAPPER
    ================================================= */

    .micro-contact-first-heading-wrap {
        padding-left: 10px;

        border-left: 2px solid #FFFFFF;
    }


    /* =================================================
       MAIN TITLE
    ================================================= */

    .micro-contact-first-title {
        margin: 0;

        font-size: 24px;
        line-height: 1.15;
        font-weight: 700;
    }


    .micro-contact-first-title span {
        margin-top: 2px;
    }

}
/* =====================================================
EXTRA SMALL - 360px
===================================================== */
@media (max-width: 360px) {

    /* =================================
       CONTACT US BANNER - 360px
    ================================= */

    .micro-contact-first-section {
        min-height: 155px;
    }

    .micro-contact-first-bg {
        min-height: 155px;
        object-fit: cover;
        object-position: center;
    }

    .micro-contact-first-wrapper {
        min-height: 155px;
        display: flex;
        align-items: center;
    }

    .micro-contact-first-content {
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
    }

    .micro-contact-first-label {
        min-height: 28px;
        padding: 4px 12px;
        margin-bottom: 10px;

        font-size: 11px;
        line-height: 1;
    }

    .micro-contact-first-heading-wrap {
        padding-left: 12px;
        border-left: 2px solid #FFFFFF;
    }

    .micro-contact-first-title {
        margin: 0;

        font-size: 24px;
        line-height: 1.15;
        font-weight: 700;
    }

    .micro-contact-first-title span {
        display: block;
        margin-top: 2px;
    }

}

/* =========================================================
   CONTACT US PAGE - 2ND SECTION
========================================================= */

.micro-contact-second-section {
    position: relative;
    width: 100%;
    padding: 55px 0 60px;
    background: #FFFFFF;
    overflow: hidden;
    box-sizing: border-box;
}


/* =========================================================
   DECORATIVE ELEMENTS
========================================================= */

.micro-contact-second-top-element {
    position: absolute;
    top: 0;
    left: 0;

    width: 180px;
    height: auto;

    z-index: 0;
    pointer-events: none;
}

.micro-contact-second-bottom-element {
    position: absolute;
    right: 0;
    bottom: 0;

    width: 180px;
    height: auto;

    z-index: 0;
    pointer-events: none;
}


/* =========================================================
   MAIN WRAPPER
========================================================= */

.micro-contact-second-wrapper {
    position: relative;
    z-index: 1;

    width: 100%;
    max-width: 1160px;

    margin: 0 auto;
    padding: 0 20px;

    display: grid;
    grid-template-columns: 430px minmax(0, 1fr);

    column-gap: 55px;
    row-gap: 25px;

    box-sizing: border-box;
}


/* =========================================================
   LEFT CONTACT INFORMATION
========================================================= */

.micro-contact-second-info {
    width: 100%;
    max-width: 430px;

    box-sizing: border-box;
}


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

.micro-contact-second-heading {
    margin: 0 0 12px;

    font-family: "Sofia Sans", sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.15;

    color: #003854;
}


/* =========================================================
   DESCRIPTION
========================================================= */

.micro-contact-second-description {
    margin: 0 0 28px;

    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.55;

    color: #003854;
}


/* =========================================================
   CONTACT INFORMATION ITEMS
========================================================= */

.micro-contact-second-info-item-one,
.micro-contact-second-info-item-two,
.micro-contact-second-info-item-three {
    display: flex;
    align-items: flex-start;

    width: 100%;
    margin-bottom: 20px;

    box-sizing: border-box;
}


/* =========================================================
   CONTACT ICON
========================================================= */

.micro-contact-second-info-icon {
    width: 36px;
    height: 36px;
    min-width: 36px;

    margin-right: 14px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #FCAA40;
    color: #FFFFFF;

    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    line-height: 1;

    box-sizing: border-box;
}


/* =========================================================
   CONTACT DETAILS
========================================================= */

.micro-contact-second-info-content {
    padding-top: 1px;

    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;

    color: #003854;
}


/* =========================================================
   CONTACT LABEL
========================================================= */

.micro-contact-second-info-label {
    display: block;

    margin-bottom: 3px;

    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;

    color: #003854;
}


/* =========================================================
   CONTACT LINKS
========================================================= */

.micro-contact-second-info-content a {
    display: block;

    margin: 0;

    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;

    color: #003854;
    text-decoration: none;
}

.micro-contact-second-info-content a:hover {
    color: #FCAA40;
}


/* =========================================================
   LOCATION TEXT
========================================================= */

.micro-contact-second-info-content p {
    margin: 0;

    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;

    color: #003854;
}


/* =========================================================
   FORM BOX
========================================================= */
.micro-contact-second-form-box {
    width: 100%;
    max-width: 625px;

    min-height: 410px;

    padding: 22px 20px;

    background: #EDF1F3;

    border-radius: 10px;

    box-sizing: border-box;
}


/* =========================================================
   FORM GRID
========================================================= */

.micro-contact-second-form {
    width: 100%;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr);

    column-gap: 25px;
    row-gap: 18px;

    box-sizing: border-box;
}


/* =========================================================
   FORM FIELDS
========================================================= */

.micro-contact-second-field-one,
.micro-contact-second-field-two,
.micro-contact-second-field-three,
.micro-contact-second-field-four {
    width: 100%;
    min-width: 0;

    box-sizing: border-box;
}


/* Subject + Message full width */

.micro-contact-second-field-three,
.micro-contact-second-field-four {
    grid-column: 1 / -1;
}


/* =========================================================
   FORM LABEL
========================================================= */

.micro-contact-second-form label {
    display: block;

    margin: 0 0 7px;

    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;

    color: #003854;
}


/* =========================================================
   INPUT / SELECT / TEXTAREA
========================================================= */

.micro-contact-second-form input,
.micro-contact-second-form select,
.micro-contact-second-form textarea {
    display: block;

    width: 100%;
    min-width: 0;

    border: 0;
    border-radius: 5px;

    background: #FFFFFF;

    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;

    color: #003854;

    outline: none;

    box-sizing: border-box;
}


/* =========================================================
   INPUT + SELECT
========================================================= */

.micro-contact-second-form input,
.micro-contact-second-form select {
    width: 100%;
    height: 38px;

    padding: 0 11px;
}


/* =========================================================
   TEXTAREA
========================================================= */

.micro-contact-second-form textarea {
    width: 100%;

    height: 90px;
    min-height: 90px;

    padding: 10px 11px;

    resize: none;
}


/* =========================================================
   FORM FOCUS
========================================================= */

.micro-contact-second-form input:focus,
.micro-contact-second-form select:focus,
.micro-contact-second-form textarea:focus {
    box-shadow: 0 0 0 1px #FCAA40;
}


/* =========================================================
   SELECT WRAPPER
========================================================= */

.micro-contact-second-select-box {
    position: relative;

    width: 100%;

    box-sizing: border-box;
}


/* =========================================================
   SELECT
========================================================= */

.micro-contact-second-select-box select {
    appearance: none;
    -webkit-appearance: none;

    padding-right: 35px;
}


/* =========================================================
   SELECT ARROW
========================================================= */

.micro-contact-second-select-box::after {
    content: "⌄";

    position: absolute;

    top: 50%;
    right: 12px;

    transform: translateY(-55%);

    font-family: "Open Sans", sans-serif;
    font-size: 16px;

    color: #003854;

    pointer-events: none;
}


/* =========================================================
   SUBMIT BUTTON
========================================================= */
.micro-contact-second-submit {
    grid-column: 1 / -1;

    width: 160px;
    height: 38px;

    margin: 5px 0 0;
    padding: 0 6px 0 14px;

    display: inline-flex;
    align-items: center;
    justify-content: space-between;

    border: 1px solid #FCAA40;
    border-radius: 30px;

    background: #FCAA40;
    color: #FFFFFF;

    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;

    white-space: nowrap;

    cursor: pointer;
    box-sizing: border-box;
}


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

.micro-contact-second-submit:hover {
    background: #003854;
    border-color: #003854;
}


/* =========================================================
   BUTTON ARROW CIRCLE
========================================================= */

.micro-contact-second-submit-arrow {
    width: 27px;
    height: 27px;
    min-width: 27px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-left: 8px;

    border-radius: 50%;

    background: #FFFFFF;
    color: #003854;

    font-family: Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
}

/* =========================================================
   GOOGLE MAP
========================================================= */

.micro-contact-second-map {
    grid-column: 1 / -1;

    width: 100%;
    height: 200px;

    margin-top: 0;

    border-radius: 9px;

    overflow: hidden;

    box-sizing: border-box;
}


/* =========================================================
   GOOGLE MAP IFRAME
========================================================= */

.micro-contact-second-map iframe {
    display: block;

    width: 100%;
    height: 100%;

    border: 0;

    box-sizing: border-box;
}


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

@media (max-width: 1100px) {

    .micro-contact-second-wrapper {
        grid-template-columns: 380px minmax(0, 1fr);
        column-gap: 40px;
    }

    .micro-contact-second-heading {
        font-size: 34px;
    }

    .micro-contact-second-top-element,
    .micro-contact-second-bottom-element {
        width: 150px;
    }
}


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

@media (max-width: 768px) {

    .micro-contact-second-section {
        padding: 50px 0;
    }

    .micro-contact-second-wrapper {
        grid-template-columns: 1fr;

        column-gap: 0;
        row-gap: 30px;

        padding: 0 35px;
    }

    .micro-contact-second-info {
        max-width: 100%;
    }

    .micro-contact-second-heading {
        font-size: 32px;
    }

    .micro-contact-second-description {
        font-size: 14px;
    }


    /* Contact items */

    .micro-contact-second-info-item-one,
    .micro-contact-second-info-item-two,
    .micro-contact-second-info-item-three {
        margin-bottom: 20px;
    }


    /* Form */

    .micro-contact-second-form {
        grid-template-columns: 1fr;

        column-gap: 0;
        row-gap: 18px;
    }

    .micro-contact-second-field-one,
    .micro-contact-second-field-two,
    .micro-contact-second-field-three,
    .micro-contact-second-field-four {
        grid-column: auto;
    }


    /* Button */

    .micro-contact-second-submit {
        grid-column: auto;
    }


    /* Map */

    .micro-contact-second-map {
        height: 220px;
    }


    /* Decorative elements */

    .micro-contact-second-top-element {
        width: 130px;
    }

    .micro-contact-second-bottom-element {
        width: 130px;
    }
}


/* =========================================================
   SMALL MOBILE
========================================================= */
/* =====================================================
   MOBILE - 480px
===================================================== */

@media (max-width: 480px) {

    /* =================================================
       SECOND SECTION
    ================================================= */

    .micro-contact-second-section {
        width: 100%;
        padding: 35px 0 40px;
        overflow: hidden;
    }


    /* =================================================
       DECORATIVE ELEMENTS
    ================================================= */

    .micro-contact-second-top-element {
        width: 100px;
    }

    .micro-contact-second-bottom-element {
        width: 100px;
    }


    /* =================================================
       MAIN WRAPPER
    ================================================= */

    .micro-contact-second-wrapper {
        width: 100%;
        max-width: 100%;

        margin: 0;
        padding: 0 20px;

        display: flex;
        flex-direction: column;

        gap: 30px;
    }


    /* =================================================
       LEFT CONTACT INFORMATION
    ================================================= */

    .micro-contact-second-info {
        width: 100%;
        max-width: 100%;
    }


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

    .micro-contact-second-heading {
        margin: 0 0 10px;

        font-size: 28px;
        line-height: 1.15;
    }


    /* =================================================
       DESCRIPTION
    ================================================= */

    .micro-contact-second-description {
        margin: 0 0 22px;

        font-size: 14px;
        line-height: 1.5;
    }


    /* =================================================
       CONTACT INFORMATION ITEMS
    ================================================= */

    .micro-contact-second-info-item-one,
    .micro-contact-second-info-item-two,
    .micro-contact-second-info-item-three {
        width: 100%;

        margin-bottom: 16px;

        align-items: flex-start;
    }


    /* =================================================
       CONTACT ICON
    ================================================= */

    .micro-contact-second-info-icon {
        width: 32px;
        height: 32px;
        min-width: 32px;

        margin-right: 11px;

        font-size: 13px;
    }


    /* =================================================
       CONTACT DETAILS
    ================================================= */

    .micro-contact-second-info-content {
        padding-top: 0;

        font-size: 13px;
        line-height: 1.45;
    }


    /* =================================================
       CONTACT LABEL
    ================================================= */

    .micro-contact-second-info-label {
        margin-bottom: 2px;

        font-size: 13px;
        line-height: 1.3;
    }


    /* =================================================
       CONTACT LINKS
    ================================================= */

    .micro-contact-second-info-content a {
        font-size: 13px;
        line-height: 1.45;

        word-break: break-word;
    }


    /* =================================================
       LOCATION TEXT
    ================================================= */

    .micro-contact-second-info-content p {
        font-size: 13px;
        line-height: 1.45;

        word-break: break-word;
    }


    /* =================================================
       FORM BOX
    ================================================= */

    .micro-contact-second-form-box {
        width: 100%;
        max-width: 100%;

        min-height: auto;

        padding: 20px 16px;

        border-radius: 8px;

        box-sizing: border-box;
    }


    /* =================================================
       FORM GRID
    ================================================= */

    .micro-contact-second-form {
        width: 100%;

        display: grid;

        grid-template-columns: 1fr;

        column-gap: 0;
        row-gap: 15px;
    }


    /* =================================================
       FORM FIELDS
    ================================================= */

    .micro-contact-second-field-one,
    .micro-contact-second-field-two,
    .micro-contact-second-field-three,
    .micro-contact-second-field-four {
        width: 100%;
        min-width: 0;

        grid-column: 1 / -1;
    }


    /* =================================================
       FORM LABEL
    ================================================= */

    .micro-contact-second-form label {
        margin: 0 0 6px;

        font-size: 14px;
        line-height: 1.3;
    }


    /* =================================================
       INPUT / SELECT / TEXTAREA
    ================================================= */

    .micro-contact-second-form input,
    .micro-contact-second-form select,
    .micro-contact-second-form textarea {
        width: 100%;

        font-size: 13px;
    }


    /* =================================================
       INPUT + SELECT
    ================================================= */

    .micro-contact-second-form input,
    .micro-contact-second-form select {
        height: 38px;

        padding: 0 10px;
    }


    /* =================================================
       TEXTAREA
    ================================================= */

    .micro-contact-second-form textarea {
        height: 85px;
        min-height: 85px;

        padding: 9px 10px;
    }


    /* =================================================
       SELECT
    ================================================= */

    .micro-contact-second-select-box {
        width: 100%;
    }


    .micro-contact-second-select-box select {
        padding-right: 32px;
    }


    /* =================================================
       SELECT ARROW
    ================================================= */

    .micro-contact-second-select-box::after {
        right: 10px;

        font-size: 15px;
    }


    /* =================================================
       SUBMIT BUTTON
    ================================================= */

    .micro-contact-second-submit {
        grid-column: 1 / -1;

        width: 150px;
        height: 38px;

        margin: 3px 0 0;

        font-size: 14px;
    }


    /* =================================================
       BUTTON ARROW CIRCLE
    ================================================= */

    .micro-contact-second-submit-arrow {
        width: 26px;
        height: 26px;
        min-width: 26px;

        font-size: 14px;
    }


    /* =================================================
       GOOGLE MAP
    ================================================= */

    .micro-contact-second-map {
        grid-column: 1 / -1;

        width: 100%;
        height: 220px;

        margin-top: 0;

        border-radius: 8px;
    }


    /* =================================================
       GOOGLE MAP IFRAME
    ================================================= */

    .micro-contact-second-map iframe {
        width: 100%;
        height: 100%;
    }

}
/* =========================================================
   EXTRA SMALL MOBILE
========================================================= */
@media (max-width: 360px) {

    /* =================================
       CONTACT SECOND SECTION - 360px
    ================================= */

    .micro-contact-second-section {
        padding: 40px 0 25px;
    }

    .micro-contact-second-wrapper {
        width: 100%;
        padding: 0 20px;
        row-gap: 25px;
        box-sizing: border-box;
    }


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

    .micro-contact-second-heading {
        margin-bottom: 9px;
        font-size: 27px;
        line-height: 1.15;
    }


    /* =================================
       DESCRIPTION
    ================================= */

    .micro-contact-second-description {
        margin-bottom: 23px;
        font-size: 12px;
        line-height: 1.5;
    }


    /* =================================
       CONTACT INFORMATION
    ================================= */

    .micro-contact-second-info-item-one,
    .micro-contact-second-info-item-two,
    .micro-contact-second-info-item-three {
        margin-bottom: 17px;
    }


    /* =================================
       CONTACT ICONS
    ================================= */

    .micro-contact-second-info-icon {
        width: 34px;
        height: 34px;
        min-width: 34px;

        margin-right: 11px;

        font-size: 13px;
    }


    /* =================================
       CONTACT TEXT
    ================================= */

    .micro-contact-second-info-label,
    .micro-contact-second-info-content,
    .micro-contact-second-info-content a,
    .micro-contact-second-info-content p {
        font-size: 12px;
        line-height: 1.5;
    }


    /* =================================
       FORM BOX
    ================================= */

    .micro-contact-second-form-box {
        width: 100%;
        padding: 18px 14px;

        min-height: auto;
        border-radius: 9px;

        box-sizing: border-box;
    }


    /* =================================
       FORM
    ================================= */

    .micro-contact-second-form {
        width: 100%;
        grid-template-columns: 1fr;
        row-gap: 12px;
    }

    .micro-contact-second-field-one,
    .micro-contact-second-field-two,
    .micro-contact-second-field-three,
    .micro-contact-second-field-four {
        grid-column: 1 / -1;
    }


    /* =================================
       FORM LABELS
    ================================= */

    .micro-contact-second-form label {
        margin-bottom: 5px;
        font-size: 12px;
        line-height: 1.3;
    }


    /* =================================
       INPUTS
    ================================= */

    .micro-contact-second-form input,
    .micro-contact-second-form select {
        width: 100%;
        height: 40px;

        padding: 0 10px;

        font-size: 13px;
    }


    /* =================================
       MESSAGE
    ================================= */

    .micro-contact-second-form textarea {
        width: 100%;
        height: 90px;
        min-height: 90px;

        padding: 9px 10px;

        font-size: 13px;
    }


    /* =================================
       SEND BUTTON
    ================================= */

    .micro-contact-second-submit {
        width: 140px;
        height: 34px;

        margin-top: 3px;
        padding: 0 5px 0 12px;

        font-size: 13px;
    }

    .micro-contact-second-submit-arrow {
        width: 24px;
        height: 24px;
        min-width: 24px;

        margin-left: 5px;

        font-size: 14px;
    }


    /* =================================
       GOOGLE MAP
    ================================= */

    .micro-contact-second-map {
        width: 100%;
        height: 180px;

        border-radius: 8px;
    }


    /* =================================
       DECORATIVE ELEMENTS
    ================================= */

    .micro-contact-second-top-element {
        width: 100px;
    }

    .micro-contact-second-bottom-element {
        width: 100px;
    }

}


/* =================================
   FORM SUCCESS / ERROR MESSAGE
================================= */

.micro-contact-second-success-message,
.micro-contact-second-error-message {
    width: 100%;

    margin: 0 0 16px;
    padding: 9px 12px;

    border-radius: 6px;
    background: #FFFFFF;

    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;

    box-sizing: border-box;
}

.micro-contact-second-success-message {
    color: #003854;
}

.micro-contact-second-error-message {
    color: #003854;
}

/* =====================================================
   SERVICES PAGE - 1ST SECTION / BANNER
===================================================== */

.micro-services-banner-section {
    position: relative;

    width: 100%;
    margin: 0;
    padding: 0;

    overflow: hidden;

    box-sizing: border-box;
}


/* =====================================================
   BANNER IMAGE
===================================================== */

.micro-services-banner-bg {
    display: block;

    width: 100%;
    height: auto;

    max-width: none;

    object-fit: contain;

    box-sizing: border-box;
}


/* =====================================================
   CONTENT WRAPPER
===================================================== */

.micro-services-banner-container {
    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    z-index: 2;

    display: flex;
    align-items: center;

    box-sizing: border-box;
}


/* =====================================================
   CONTENT
===================================================== */

.micro-services-banner-content {
    width: 100%;
    max-width: 1320px;

    margin: 0 auto;
    padding: 0 60px;

    box-sizing: border-box;
}


/* =====================================================
   LABEL
===================================================== */

.micro-services-banner-label {
    display: inline-flex;
    align-items: center;

    min-height: 36px;
    padding: 6px 19px;

    margin-bottom: 24px;

    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 30px;

    background: rgba(255, 255, 255, 0.12);

    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;

    color: #FFFFFF;

    box-sizing: border-box;
}


/* =====================================================
   HEADING WRAPPER
===================================================== */

.micro-services-banner-heading-wrap {
    position: relative;

    padding-left: 20px;

    border-left: 2px solid #FFFFFF;

    box-sizing: border-box;
}


/* =====================================================
   TITLE
===================================================== */

.micro-services-banner-title {
    margin: 0;

    font-family: "Sofia Sans", sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.15;

    color: #FFFFFF;
}

.micro-services-banner-title span {
    display: block;

    margin-top: 2px;

    color: #FCAA40;
}


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

@media (max-width: 768px) {

    .micro-services-banner-content {
        padding: 0 35px;
    }

    .micro-services-banner-label {
        min-height: 34px;
        padding: 6px 16px;

        margin-bottom: 18px;

        font-size: 14px;
    }

    .micro-services-banner-heading-wrap {
        padding-left: 16px;
    }

    .micro-services-banner-title {
        font-size: 34px;
    }

}


/* =====================================================
   MOBILE - 480px
===================================================== */

@media (max-width: 480px) {

    /* =================================================
       FIRST SECTION
    ================================================= */

    .micro-services-banner-section {
        width: 100%;
        overflow: hidden;
    }


    /* =================================================
       BANNER IMAGE
    ================================================= */

    .micro-services-banner-bg {
        width: 100%;
        height: auto;
        min-height: 130px;
        object-fit: cover;
    }


    /* =================================================
       CONTENT WRAPPER
    ================================================= */

    .micro-services-banner-container {
        width: 100%;
        height: 100%;

        display: flex;
        align-items: center;
    }


    /* =================================================
       CONTENT
    ================================================= */

    .micro-services-banner-content {
        width: 100%;
        max-width: 100%;

        margin: 0;
        padding: 0 20px;
    }


    /* =================================================
       LABEL
    ================================================= */

    .micro-services-banner-label {
        min-height: 24px;

        padding: 4px 10px;

        margin-bottom: 10px;

        border-radius: 20px;

        font-size: 10px;
        line-height: 1;
    }


    /* =================================================
       HEADING WRAPPER
    ================================================= */

    .micro-services-banner-heading-wrap {
        padding-left: 10px;

        border-left: 2px solid #FFFFFF;
    }


    /* =================================================
       TITLE
    ================================================= */

    .micro-services-banner-title {
        font-size: 24px;
        line-height: 1.15;
        font-weight: 700;
    }


    .micro-services-banner-title span {
        margin-top: 2px;
    }

}

/* =====================================================
   SERVICES PAGE - 2ND SECTION / SERVICE CARDS
===================================================== */

.micro-services-cards-section {
    position: relative;
    width: 100%;
    background: #ffffff;
    overflow: hidden;
    box-sizing: border-box;
}


/* =====================================================
   9 CARDS CONTAINER
   3 CARDS PER ROW
===================================================== */

.micro-services-cards-container {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 1360px;

    margin: 0 auto;

    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 30px;

    padding: 60px 20px 70px;

    box-sizing: border-box;
}


/* =====================================================
   SERVICE CARD
===================================================== */

.micro-services-card {
    width: 100%;

    background: #ffffff;

    border: 1px solid #e6eaec;
    border-radius: 20px;

    padding: 20px 24px 20px;

    box-sizing: border-box;
    overflow: hidden;

    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}


/* =====================================================
   MEDIA AREA
===================================================== */

.micro-services-card-media {
    position: relative;

    width: 100%;
    height: 280px;

    border-radius: 18px;
    overflow: hidden;

    box-sizing: border-box;
}


/* =====================================================
   MEDIA BACKGROUND
===================================================== */

.micro-services-card-media-bg {
    position: relative;
    width: 100%;
    height: 100%;

    border-radius: 18px;
    overflow: hidden;

    background: rgba(0, 56, 84, 0.2);
}

/* =====================================================
   VIDEO / GIF
===================================================== */

.micro-services-card-video,
.micro-services-card-gif {
    position: absolute;

    width: 68%;
    height: 68%;

    left: 50%;
    top: 50%;

    transform: translate(-50%, -50%);

    display: block;

    object-fit: cover;

    border-radius: 12px;

    background: #ffffff;
}


/* =====================================================
   CARD CONTENT
===================================================== */

.micro-services-card-content {
    width: 100%;

    padding-top: 16px;

    text-align: center;

    box-sizing: border-box;
}


/* =====================================================
   CARD TITLE
===================================================== */

.micro-services-card-content h3 {
    margin: 0 0 2px;
    padding: 0;

    font-family: "Sofia Sans", sans-serif;

    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;

    color: #004563;

    white-space: nowrap;
}


/* =====================================================
   CARD DESCRIPTION
===================================================== */

.micro-services-card-content p {
    margin: 0;
    padding: 0;

    font-family: "Open Sans", sans-serif;

    font-size: 15px;
    font-weight: 400;
    line-height: 1.2;

    color: #004563;
}


/* =====================================================
   DECORATIVE MASKS
===================================================== */

.micro-services-mask {
    position: absolute;

    z-index: 1;

    pointer-events: none;

    line-height: 0;
}

.micro-services-mask img {
    display: block;

    width: 100%;
    height: auto;

    max-width: none;

    object-fit: contain;
}


/* =====================================================
   LEFT MASK
===================================================== */

.micro-services-mask-left {
    top: 0;
    left: 0;

    width: 190px;
}


/* =====================================================
   RIGHT MASK
===================================================== */

.micro-services-mask-right {
    right: 0;
    bottom: 0;

    width: 270px;
}


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

@media (max-width: 1024px) {

    .micro-services-cards-container {
        width: 100%;
        max-width: 100%;

        padding: 60px 40px 65px;

        gap: 20px;
    }

    .micro-services-card {
        padding: 18px 20px;
    }

    .micro-services-card-media {
        height: 250px;
    }

    .micro-services-card-content h3 {
        font-size: 20px;
        white-space: nowrap;
    }

    .micro-services-card-content p {
        font-size: 16px;
    }

    .micro-services-mask-left {
        width: 140px;
    }

    .micro-services-mask-right {
        width: 210px;
    }
}


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

@media (max-width: 767px) {

    .micro-services-cards-container {
        padding: 45px 25px 55px;

        grid-template-columns: 1fr;

        gap: 25px;
    }

    .micro-services-card {
        padding: 18px 22px;
    }

    .micro-services-card-media {
        height: 280px;
    }

    .micro-services-card-content h3 {
        font-size: 20px;
        white-space: nowrap;
    }

    .micro-services-card-content p {
        font-size: 16px;
        line-height: 1.25;
    }

    .micro-services-mask-left {
        width: 100px;
    }

    .micro-services-mask-right {
        width: 150px;
    }
}


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

@media (max-width: 480px) {

    .micro-services-cards-container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .micro-services-card-media {
        height: 250px;
    }

    .micro-services-card-content h3 {
        font-size: 20px;
        white-space: nowrap;
    }

    .micro-services-mask-left {
        width: 80px;
    }

    .micro-services-mask-right {
        width: 120px;
    }
}

html,
body {
    background: #003854 !important;
}

.micro-footer {
    margin-bottom: 0 !important;
}