/* Phase II styling */

section {
    padding: 100px 60px;
    position: relative;

    @media (max-width: 1199px) {
        padding: 70px 30px;
    }

    @media (max-width: 767px) {
        padding: 50px 20px;
    }
}

/*Standard p */
p {
    font-size: 14px;
    letter-spacing: 0.4px !important;
}
/*Standard p - end*/

.title {
    -webkit-line-clamp: unset !important;
}

/* Phaseii Banner */
section.phaseiiBanner {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100vh;
    max-height: 672px;
    z-index: -1;

    @media (max-height: 1199px) {
        justify-content: flex-end;
    }

    @media (min-height: 768px) {
        padding-top: 150px;
    }

    @media (max-height: 767px) {
        height: 100%;
    }

    .phaseii-banner-contents {
        display: flex;
        flex-direction: column;
        width: 100%;
        /* max-width: 62.25vw; */
        max-width: 65.3vw;
        position: relative;
        margin: 0 auto;
        padding-bottom: 0;

        @media (min-width: 1921px) {
            /* max-width: 1245px; */
            max-width: 1254px;
        }

        @media (max-width: 1199px) {
            max-width: -webkit-fill-available;
            padding-bottom: 70px;
        }

        @media (max-width: 767px) {
            padding-bottom: 50px;
        }

        .header-contents {
            display: flex;
            flex-direction: column;
            width: 100%;
            max-width: 1080px;
            position: relative;
            /* margin: 80px 0; */
            margin-bottom: 100px;

            @media (max-width: 1199px) {
                max-width: -webkit-fill-available;
            }

            @media (max-width: 1199px) {
                margin: 0;
            }

            h1 {
                font-family: var(--fontMainBold);
                color: var(--color-gold);
                font-size: 120px;
                margin-bottom: 20px;

                @media (max-width: 767px) {
                    /* font-size: 20.87vw; */
                    font-size: 18.87vw;
                }
            }

            p {
                text-align: left;
                color: var(--color-beige);
                font-size: 14px;
                line-height: 24px;
                letter-spacing: 1px;
            }
        }
    }
}
/* Phaseii Banner End */

/* Phaseii Hover Stack */
section.phaseiiHoverStack {
    display: flex;
    flex-direction: column;

    .phaseii-hover-stack-contents {
        @media (min-width: 1921px) {
            max-width: 1254px;
        }

        display: flex;
        flex-direction: column;
        width: 100%;
        max-width: 65.3vw;
        position: relative;
        margin: 0 auto;
        padding-bottom: 0;

        .header-text {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            width: 100%;
            max-width: 630px;
            position: relative;
            margin: 0 auto;
            margin-bottom: 50px;

            h2 {
                margin-bottom: 20px;
            }
        }

        .stack-main {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            column-gap: 25px;
            row-gap: 50px;

            @media (max-width: 1199px) {
                display: flex;
                flex-direction: column;
                row-gap: 25px;
            }

            .stack-box {
                display: flex;
                flex-direction: column;
                position: relative;
                width: 100%;
                height: 100vh;
                max-height: 450px;
                border-radius: 16px;
                overflow: hidden;

                &:hover {
                    cursor: pointer;

                    .box-inner {
                        .box-contents {
                            bottom: 0;
                        }
                    }
                }

                .box-cover {
                    background:
                        linear-gradient(
                            180deg,
                            rgba(0, 0, 0, 0) 0%,
                            rgba(0, 0, 0, 0.1) 100%
                        ),
                        #d5c3aa;
                    display: flex;
                    /* display: none; */
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    position: absolute;
                    width: 100%;
                    height: 100vh;
                    max-height: -webkit-fill-available;
                    transition: 0.4s ease;
                    z-index: 1;

                    /*
                    &:hover {
                        opacity: 1 !important;
                    } */

                    span {
                        &.above {
                            color: var(--color-green);
                            font-family: var(--fontMain);
                            font-size: 38px;
                            display: flex;
                            align-items: center;
                            gap: 10px;

                            @media (max-width: 1199px) {
                                font-size: 32px;
                            }

                            @media (max-width: 767px) {
                                font-size: 30px;
                            }
                        }

                        &.below {
                            color: var(--color-gold);
                            font-family: var(--fontMain);
                            font-size: 60px;
                            text-align: center;

                            @media (max-width: 1199px) {
                                font-size: 45px;
                            }

                            @media (max-width: 767px) {
                                font-size: 40px;
                            }
                        }
                    }
                }

                .box-inner {
                    display: flex;
                    flex-direction: column;
                    justify-content: flex-end;
                    width: 100%;
                    max-width: -webkit-fill-available;
                    height: 100%;
                    max-height: -webkit-fill-available;
                    padding: 48px;
                    padding-bottom: 30px;

                    .box-contents {
                        background: var(--color-light-beige);
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        text-align: center;
                        position: relative;
                        border-radius: 16px;
                        padding: 20px;
                        bottom: -55px;
                        transition: 0.4s ease;

                        h3 {
                            font-family: var(--fontMain);
                            color: var(--color-green);
                            font-size: 36px !important;
                            margin: 0;
                        }
                    }
                }
            }
        }
    }
}
/* Phaseii Hover Stack - end */

/* Phaseii Image Floater */
section.phaseiiImageFloater {
    display: flex;
    flex-direction: column;

    .phaseii-image-floater-contents {
        display: flex;
        flex-direction: column;
        width: 100%;
        max-width: 1256px;
        position: relative;
        margin: 0 auto;

        .main-floater {
            display: flex;
            gap: 50px;

            @media (max-width: 1199px) {
                flex-direction: column;
            }

            .left-contents {
                display: flex;
                flex-direction: column;
                width: 100%;
                max-width: 606px;
                position: relative;

                @media (max-width: 1199px) {
                    display: none;
                }

                .floating-image {
                    display: flex;
                    position: absolute;

                    img {
                        border-radius: 16px;
                    }
                }

                &.type-three-image {
                    .floating-image {
                        &.image-1 {
                            /*width: auto;*/
                            width: 100%;
                            justify-content: flex-start;
                            left: -115px;

                            @media (max-width: 1580px) {
                                justify-content: center;
                            }

                            @media (max-width: 1240px) {
                                justify-content: flex-end;
                            }

                            img {
                                width: 100%;
                                max-width: 400px;
                                height: 100%;
                                max-height: 300px;
                            }
                        }

                        &.image-2 {
                            width: 100%;
                            justify-content: flex-end;
                            margin-top: 80px;

                            img {
                                width: 100%;
                                max-width: 300px;
                                height: 100%;
                                max-height: 350px;
                            }
                        }

                        &.image-3 {
                            position: relative;
                            /* height: 100%; */
                            height: 100%;
                            min-height: 700px;
                            max-height: 700px;
                            justify-content: center;
                            align-items: flex-end;

                            img {
                                width: 100%;
                                max-width: 380px;
                                height: 100%;
                                max-height: 450px;
                            }
                        }
                    }
                }

                &.type-two-image {
                    .floating-image {
                        &.image-1 {
                            position: relative;
                            height: 100vh;
                            max-height: 616px;

                            img {
                                width: 100%;
                                max-width: 456px;
                                height: 100%;
                                max-height: 546px;
                                position: relative;
                                /*left: -120px;*/
                                left: 0;
                            }
                        }

                        &.image-2 {
                            display: flex;
                            justify-content: flex-end;
                            width: 100%;
                            height: 100%;
                            align-items: flex-end;

                            img {
                                width: 100%;
                                max-width: 341px;
                                height: 100%;
                                max-height: 446px;
                            }
                        }
                    }
                }
            }

            .right-contents {
                display: flex;
                flex-direction: column;
                width: 100%;
                max-width: 600px;
                justify-content: center;

                @media (max-width: 1199px) {
                    max-width: 100%;
                    text-align: center;
                }

                .header-text {
                    .title {
                        margin-bottom: 20px;
                    }

                    &:nth-of-type(2) {
                        margin-top: 100px;

                        @media (max-width: 1199px) {
                            margin-top: 50px;
                        }
                    }

                    p {
                        font-size: 14px;
                        width: 100%;
                        max-width: 93.5%;

                        @media (max-width: 1199px) {
                            margin: auto;
                        }
                    }
                }
            }
        }
    }
}
/* Phaseii Image Floater - end */

/* Phaseii Side Slider */
section.phaseiiSideSlider {
    display: flex;
    flex-direction: column;

    .side-slider-contents {
        /* display: flex; */
        display: block;
        width: 100%;
        /* max-width: 62.25vw; */
        max-width: 1256px;
        margin: 0 auto;
        z-index: 1;
        position: relative;

        @media (max-width: 1199px) {
            display: flex;
            flex-direction: column-reverse;
            max-height: 100%;
        }

        &::before {
            content: " ";
            display: table;
        }

        &::after {
            content: " ";
            display: table;
            clear: both;
        }

        .left-contents {
            float: left;
            width: 43%;
            display: flex;
            flex-direction: column;
            gap: 24px;

            @media (max-width: 1199px) {
                width: 100%;
                float: unset;
            }

            .slide-box {
                display: flex;
                flex-direction: column;
                justify-content: center;
                gap: 15px;
                padding: 40px;
                border-radius: 16px;
                border: 1px solid var(--color-gold);

                .title {
                    font-size: 36px;
                    font-family: "Span Compressed";
                    color: var(--color-gold);
                }

                p {
                    color: var(--color-beige);
                    font-size: 14px;
                    line-height: 24px;
                    letter-spacing: 1.5px;
                }
            }
        }

        .right-contents {
            float: right;
            width: 53%;
            position: sticky;
            top: 120px;

            @media (max-width: 1199px) {
                float: unset;
                width: 100%;
                position: relative;
                top: 0;
                margin-bottom: 40px;
            }

            .header-text {
                margin-bottom: 40px;

                @media (max-width: 1199px) {
                    text-align: center;
                }

                .title {
                    color: var(--color-gold);
                    margin-bottom: 20px;
                }

                p {
                    color: var(--color-beige);
                    font-size: 14px;
                    line-height: 24px;
                    letter-spacing: 1.5px;
                }
            }

            .custom-counter {
                display: flex;
                justify-content: center;
                align-items: flex-start;
                margin-bottom: 40px;

                @media (max-width: 575px) {
                    flex-direction: column;
                    align-items: center;
                }

                .counter {
                    display: flex;
                    flex-direction: column;
                    width: 100%;
                    max-width: 200px;
                    height: 100vh;
                    max-height: 130px;

                    &:nth-of-type(2) {
                        border-left: 1px solid rgba(213, 195, 170, 0.7);
                        border-right: 1px solid rgba(213, 195, 170, 0.7);

                        @media (max-width: 575px) {
                            border: none;
                            border-top: 1px solid rgba(213, 195, 170, 0.7);
                            border-bottom: 1px solid rgba(213, 195, 170, 0.7);
                            padding-top: 20px;
                        }
                    }

                    &:nth-of-type(3) {
                        p {
                            max-width: 106px;
                            position: relative;
                            margin: auto;
                        }

                        @media (max-width: 575px) {
                            padding-top: 20px;
                        }
                    }

                    p {
                        color: var(--color-gold);
                        font-size: 18px;
                        text-align: center;
                        margin-bottom: 0;
                    }

                    .number-container {
                        display: flex;
                        justify-content: center;
                        margin-bottom: 15px;

                        color: var(--color-gold);
                        font-size: 55px;
                        font-family: "Span Compressed";

                        span {
                            color: var(--color-gold);
                            font-size: 55px;
                            font-family: "Span Compressed";
                        }

                        .number {
                            display: flex;
                        }
                    }
                }
            }

            .main-images {
                /* display: none; */
                display: flex;

                @media (max-width: 1199px) {
                    justify-content: center;
                }

                .main-image {
                    display: flex;
                    width: 100%;
                    position: relative;

                    @media (max-width: 1199px) {
                        width: 100%;
                        max-width: 658px;
                        position: relative;
                        margin: auto;
                    }

                    img {
                        max-width: 369px;
                        max-height: 368px;
                        border-radius: 16px;
                    }

                    &.image-1 {
                        z-index: 1;
                        height: 100vh;
                        max-height: 424px;
                        align-items: flex-end;

                        @media (max-width: 1199px) {
                            justify-content: flex-start;
                        }

                        @media (max-width: 440px) {
                            height: 100%;

                            img {
                                max-width: 100%;
                            }
                        }
                    }

                    &.image-2 {
                        position: absolute;
                        justify-content: flex-end;

                        @media (max-width: 440px) {
                            display: none;
                        }
                    }
                }
            }
        }
    }
}
/* Phaseii Side Slider - end */

/* Phaseii Diverse Block */
section.phaseiiDiverseBlock {
    display: flex;
    flex-direction: column;

    &.socmed-banner-main {
        @media (max-width: 1550px) {
            padding-bottom: 0;
        }

        .diverse-block-contents {
            .diverse-image-block {
                .header-text {
                    width: 100%;
                    max-width: 698px;
                    gap: 0;

                    @media (max-width: 1199px) {
                        max-width: 100%;
                    }

                    h1 {
                        color: var(--color-green);
                        font-size: 80px;
                        font-weight: 700;
                        margin-bottom: 20px;

                        @media (max-width: 1199px) {
                            text-align: center;
                        }

                        &.title {
                            -webkit-line-clamp: unset;
                        }
                    }

                    .subtitle {
                        border-radius: 0;
                        p {
                            font-size: 14px;
                            letter-spacing: 0.4px;

                            @media (max-width: 1199px) {
                                text-align: center;
                            }

                            &:first-of-type {
                                margin-bottom: 0;
                            }

                            img {
                                @media (min-width: 1200px) {
                                    display: none;
                                }

                                @media (max-width: 1199px) {
                                    border-radius: 16px;
                                    margin-bottom: 20px;
                                }
                            }
                        }
                    }
                }

                .image-segment {
                    display: flex;
                    max-width: 100%;
                    position: absolute;
                    z-index: 1;

                    @media (max-width: 1199px) {
                        display: none;
                    }

                    .main-image {
                        border-radius: 0;
                        display: flex;
                        justify-content: end;
                        top: -100px;
                        position: absolute;
                        /*right: -330px;*/
                        right: 0;
                        width: 100vw;
                        left: 50%;
                        transform: translateX(-50%);

                        @media (min-width: 1921px) {
                            width: -webkit-fill-available;
                            left: 0;
                            transform: translateX(27%);
                        }

                        img {
                            width: 100%;
                            max-width: 42.29vw;
                            min-width: 490px;
                            max-height: 688px;
                            left: 0;
                            border-bottom-left-radius: 16px;

                            @media (min-width: 1921px) {
                                max-width: 812px;
                            }
                        }
                    }
                }
            }
        }
    }

    &.with-marble {
        .diverse-block-contents {
            .diverse-image-block {
                .header-text {
                    h2 {
                        max-width: 100%;
                        margin-top: 0;
                        margin-left: 0;
                    }
                    .subtitle {
                        img {
                            &.mobile-only {
                                @media (min-width: 1200px) {
                                    display: none;
                                }
                            }
                        }

                        .floating-description {
                            &.marble-box {
                                background: url("https://sigilbrand.com/wp-content/uploads/2025/12/marble-bg.png");
                                background-position: center;
                                background-size: cover;
                                border-radius: 8px;
                                border: 1px solid var(--color-gold);
                                padding: 70px 40px;

                                p {
                                    font-size: 14px;
                                    letter-spacing: 0.4px;
                                }
                            }
                        }
                    }
                }

                .image-segment {
                    @media (max-width: 1199px) {
                        display: none;
                    }
                }
            }
        }
    }

    .diverse-block-contents {
        display: flex;
        flex-direction: column;
        width: 100%;
        max-width: 1256px;
        position: relative;
        margin: 0 auto;
    }
}
/* Phaseii Diverse Block - end */

/** Diverse Layout Family **/

/* Diverse Info Block */
div.diverse-info-block {
    &.type-standard-ib {
        display: flex;
        flex-direction: column;
        gap: 100px;

        &.with-cta {
            .header-text {
                .subtitle {
                    display: flex;
                    flex-direction: column;
                    gap: 30px;

                    .cta-button {
                        display: flex;

                        @media (max-width: 1199px) {
                            justify-content: center;
                        }

                        a {
                            &.cta-btn {
                                padding: 15px 25px;
                                border-radius: 1000px;
                                font-family: "Span Compressed";
                                font-size: 24px;
                                text-decoration: none;
                                transition: 0.3s ease;

                                &.type-primary-btn {
                                    border: 1px solid var(--color-gold);
                                    background: var(--color-gold);
                                    color: var(--color-beige);
                                    width: 100vw;
                                    /*max-width: 296px;*/
                                    max-width: fit-content;

                                    &:hover {
                                        background: rgba(0, 0, 0, 0);
                                        color: var(--color-gold);
                                    }

                                    @media (max-width: 575px) {
                                        width: 100%;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }

        .header-text {
            display: flex;
            justify-content: space-between;
            padding-bottom: 50px;
            border-bottom: 1px solid rgba(160, 129, 82, 0.7);

            @media (max-width: 1199px) {
                flex-direction: column;
                justify-content: center;
                align-items: center;
            }

            .title {
                display: flex;
                width: 100%;
                max-width: 600px;
                margin-bottom: 0;

                @media (max-width: 1199px) {
                    max-width: 100%;
                    text-align: center;
                    justify-content: center;
                    margin-bottom: 20px;
                }
            }

            .subtitle {
                display: flex;
                width: 100%;
                max-width: 600px;

                @media (max-width: 1199px) {
                    max-width: 100%;
                    text-align: center;
                }

                p {
                    font-size: 14px;
                    letter-spacing: 0.9px;
                    line-height: 24px;
                }
            }
        }

        .info-blocks-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 24px;

            @media (max-width: 1199px) {
                display: flex;
                flex-direction: column;
            }

            .info-block {
                display: flex;
                flex-direction: column;
                padding: 40px;
                border-radius: 16px;
                border: 1px solid #000;

                .block-text {
                    .block-title {
                        font-family: "Span Compressed";
                        font-size: 36px;
                        margin-bottom: 15px;
                    }
                }

                .block-description {
                    p {
                        font-size: 14px;
                        letter-spacing: 0.9px;
                        line-height: 24px;
                    }
                }
            }
        }
    }

    &.type-standard-ib-2 {
        display: flex;
        gap: 24px;

        @media (max-width: 1199px) {
            flex-direction: column;
        }

        .header-text {
            display: flex;
            flex-direction: column;
            width: 100vw;
            max-width: 616px;

            @media (max-width: 1199px) {
                width: 100%;
                max-width: 100%;
            }

            h2 {
                margin-bottom: 20px;

                @media (max-width: 1199px) {
                    text-align: center;
                }
            }

            .subtitle {
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                height: 100%;

                > p {
                    @media (max-width: 1199px) {
                        text-align: center;
                        margin-bottom: 40px !important;
                    }
                }
            }
        }

        .info-blocks-grid {
            display: flex;
            flex-direction: column;
            gap: 24px;
            width: 100vw;
            max-width: 616px;

            @media (max-width: 1199px) {
                width: 100%;
                max-width: 100%;
            }
        }
    }

    &.type-standard-ib-3 {
        display: flex;
        gap: 70px;
        flex-direction: column;

        .header-text {
            display: flex;
            justify-content: space-between;
            align-items: center;

            @media (max-width: 1199px) {
                flex-direction: column;
                justify-content: center;
            }

            h2 {
                width: 100%;
                max-width: 600px;
                margin-bottom: 0;

                @media (max-width: 1199px) {
                    max-width: 100%;
                    text-align: center;
                }
            }

            .subtitle {
                width: 100%;
                max-width: 600px;

                @media (max-width: 1199px) {
                    max-width: 100%;
                    text-align: center;
                }
            }
        }

        .info-blocks-grid {
            display: flex;
            gap: 24px;

            @media (max-width: 1199px) {
                flex-direction: column;
            }

            .info-block {
                display: flex;
                flex-direction: column;
                width: 100%;
                max-width: -webkit-fill-available;
                padding: 40px;
                border-radius: 16px;

                .block-text {
                    h3 {
                        font-family: "Span Compressed";
                        font-size: 36px;
                        margin-bottom: 15px;
                    }
                }

                .block-description {
                    p {
                        font-size: 14px;
                        letter-spacing: 0.4px;
                    }
                }
            }
        }
    }

    &.scheme-light-mode {
        .header-text {
            gap: 0;

            .title {
                width: 100%;
                height: 100%;
            }

            .subtitle {
                p {
                    margin-bottom: 0;
                }
            }
        }

        .info-block {
            border: 1px solid #1b1a1d;
            border-radius: 16px;
            padding: 40px;

            .block-text {
                .block-title {
                    font-family: "Span Compressed";
                    color: var(--color-green);
                    font-size: 36px;
                }
            }
            .block-description {
                p {
                    font-size: 14px;
                    line-height: 24px;
                    letter-spacing: 0.4px;
                    margin-bottom: 0;
                }
            }
        }
    }

    &.scheme-dark-mode {
        .header-text {
            .title {
                color: var(--color-gold);
            }

            .subtitle {
                > p {
                    color: var(--color-beige);
                    size: 14px;
                    line-height: 24px;
                    margin-bottom: 0;
                    /*letter-spacing: 1px;*/
                }
            }
        }

        .info-block {
            padding: 40px;
            display: flex;
            gap: 10px;
            flex-direction: column;
            border: 1px solid var(--color-gold) !important;
            border-radius: 16px;

            h3 {
                margin-bottom: 0;
                font-size: 36px;
                font-family: "Span Compressed";
                color: var(--color-gold);
            }

            p {
                margin-bottom: 0;
                color: var(--color-beige);
                size: 14px;
                line-height: 24px;
            }
        }
    }
}
/* Diverse Info Block - end */

/* Diverse Logo Marquee */
div.diverse-logo-marquee {
    margin-top: 70px;
    margin-bottom: 100px;
    display: flex;
    flex-direction: column;
    overflow: hidden;

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

    .header-text {
        margin-bottom: 30px;
    }

    .logo-marquee {
        display: flex;
        gap: 50px;
        width: max-content;
        overflow: hidden;
        position: relative;

        .logo-marquee-track {
            display: flex;
            gap: 50px;
            width: max-content;
            will-change: transform;
            animation: logo-marquee var(--marquee-duration, 50s) linear infinite;

            & > .logo-item {
                flex: 0 0 auto;
            }
        }
    }
}

@keyframes logo-marquee {
    from {
        transform: translateX(0);
    }
    to {
        /* move half the width because we duplicate the items once */
        transform: translateX(-50%);
    }
}

/* Diverse Logo Marquee - end */

/* Diverse CTA Block */
.diverse-cta-block {
    background-size: cover;
    background-position: center;
    background-repeat: none;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: -webkit-fill-available;
    border-radius: 16px;
    border: 1px solid var(--color-gold);
    /*height: 100%;*/
    height: 100vh;
    max-height: 478px; /* 600px on render */
    padding: 60px;
    justify-content: center;
    align-items: center;
    text-align: center;

    @media (max-width: 767px) {
        padding: 40px;
    }

    .header-text {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        max-width: 616px;
        margin-bottom: 60px;

        .subtitle {
            display: flex;
            flex-direction: column;
            justify-content: center;
            width: 100%;
            max-width: 498px;
        }
    }

    .cta-buttons {
        display: flex;
        gap: 20px;

        @media (max-width: 1199px) {
            flex-direction: column;
            align-items: center;
        }

        a {
            &.cta-btn {
                padding: 15px 25px;
                border-radius: 1000px;
                font-family: "Span Compressed";
                font-size: 24px;
                text-decoration: none;
                transition: 0.3s ease;

                &.type-primary-btn {
                    border: 1px solid var(--color-gold);
                    background: var(--color-gold);
                    color: var(--color-beige);
                    width: 100vw;
                    max-width: 296px;

                    &:hover {
                        background: rgba(0, 0, 0, 0);
                        color: var(--color-gold);
                    }

                    @media (max-width: 575px) {
                        width: 100%;
                    }
                }

                &.type-secondary-btn {
                    border: 1px solid var(--color-green);
                    color: var(--color-green);
                    width: 100vw;
                    max-width: 162px;

                    &:hover {
                        background: var(--color-green);
                        color: var(--color-gold);
                    }
                }
            }
        }
    }
}

/* Diverse CTA Block - end */

/* Diverse Image Block */
.diverse-image-block {
    display: flex;
    gap: 20px;
    overflow: hidden;

    &.type-standard-image-block {
        .header-text {
            h2 {
                width: 100%;
                max-width: 75%;
                margin-top: 40px;
                margin-left: 40px;

                @media (max-width: 1199px) {
                    margin: 0;
                    max-width: 100%;
                }
            }

            .subtitle {
                z-index: 1;
            }

            @media (max-width: 1199px) {
                max-width: 100%;
            }
        }

        .image-segment {
            display: flex;
            flex-direction: column;
            height: 100%;
            position: relative;

            @media (max-width: 1199px) {
                max-width: 100%;
            }

            .main-image {
                border-radius: 16px;

                img {
                    width: 100vw;
                    max-width: 35vw;
                    min-width: 550px;
                    left: -45px;
                    position: relative;

                    @media (min-width: 1921px) {
                        max-width: 672px;
                    }

                    @media (max-width: 1199px) {
                        max-width: 100%;
                        min-width: auto;
                        left: 0;
                    }
                }
            }
        }

        @media (max-width: 1199px) {
            flex-direction: column;
        }

        &.basic-view {
            gap: 70px;

            .header-text {
                justify-content: center;
                gap: 20px;

                h2 {
                    max-width: 100%;
                    margin-top: 0;
                    margin-left: 0;
                    margin-bottom: 0;
                }
                .subtitle {
                    p {
                        color: var(--color-beige);
                        font-size: 14px;
                        letter-spacing: 0.4px;
                    }
                }
            }

            .image-segment {
                .main-image {
                    img {
                        left: 0;
                    }
                }
            }
        }
    }

    &.type-standard-image-block-2 {
        flex-direction: row-reverse;
        gap: 30px;

        @media (max-width: 1199px) {
            flex-direction: column;
        }

        .image-segment {
            max-width: 100%;
        }
    }

    &.scheme-dark-mode {
        h2 {
            color: var(--color-gold);
        }

        .floating-description {
            &.gold-box {
                background: url("https://sigilbrand.com/wp-content/uploads/2025/12/gold-box-bg.jpg");
                display: flex;
                flex-direction: column;
                padding: 70px 50px;
                border-radius: 8px;
                position: absolute;
                bottom: -180px;
                width: 100%;
                max-width: 26.04vw;
                min-width: 385px;

                @media (min-width: 1921px) {
                    max-width: 500px;
                }

                @media (max-width: 1199px) {
                    position: relative;
                    bottom: 0;
                    max-width: -webkit-fill-available;
                    min-width: auto;
                }

                p {
                    color: #fff;
                }
            }
        }
    }

    &.scheme-light-mode {
        .header-text {
            max-width: 655px;
            gap: 36px;

            @media (max-width: 1199px) {
                max-width: 100%;
            }

            h2 {
                margin-bottom: 0;
            }

            .subtitle {
                border-radius: 16px;
                overflow: hidden;

                img {
                    max-height: 426px;

                    @media (max-width: 1199px) {
                        max-height: 100%;
                    }
                }
            }
        }

        .image-segment {
            max-width: 571px;
            position: relative;

            @media (max-width: 1199px) {
                max-width: 100%;
            }

            .floating-description {
                &.green-box {
                    position: absolute;
                    background: var(--color-green);
                    display: flex;
                    flex-direction: column;
                    border-radius: 8px;
                    padding: 70px 40px;
                    bottom: 0;
                    width: 100%;
                    max-width: 490px;
                    color: var(--color-beige);
                    left: 20px;

                    @media (max-width: 1199px) {
                        position: relative;
                        max-width: -webkit-fill-available;
                        left: 0;
                        margin-top: 36px;
                        padding: 50px 30px;
                    }

                    @media (max-width: 767px) {
                        padding: 30px;
                    }

                    p {
                        font-size: 14px;
                    }
                }
            }
        }
    }

    .header-text {
        display: flex;
        flex-direction: column;
        gap: 26px;
        width: 100vw;
        max-width: 608px;
    }

    .image-segment {
        display: flex;
        flex-direction: column;
        width: 100%;
        max-width: 509px;
    }
}
/* Diverse Image Block - end */

/** Diverse Layout Family - end **/

/* Individual Phase II Page Styling */

/* About Us - New */
.page-id-2144 {
    section.phaseiiBanner {
        @media (min-width: 1503px) {
            max-height: 422px;
        }
        max-height: max-content;
        min-height: max-content;
        .phaseii-banner-contents {
            .header-contents {
                max-width: 981px;
                margin-bottom: 0;
            }
        }
    }
}
/* About Us - New - end */

/* Our Works - New */
.page-id-2166 {
    section.phaseiiBanner {
        @media (min-width: 1503px) {
            max-height: 422px;
        }
        max-height: max-content;
        min-height: max-content;

        .phaseii-banner-contents {
            .header-contents {
                /* max-width: 981px; */
                margin-bottom: 0;
            }
        }
    }
}
/* Our Works - New - end */

/* Brand Bible - New */
.page-id-2205 {
    section.phaseiiBanner {
        @media (min-width: 1503px) {
            max-height: 422px;
        }
        max-height: max-content;
        min-height: max-content;

        .phaseii-banner-contents {
            .header-contents {
                margin-bottom: 0;
            }
        }
    }

    section.phaseiiImageFloater {
        .phaseii-image-floater-contents {
            .right-contents {
                img {
                    &.mobile-only {
                        @media (min-width: 1200px) {
                            display: none;
                        }
                        border-radius: 16px;
                        margin-bottom: 30px;
                    }
                }
            }
        }
    }

    section#phaseiiDiverseBlock-1 {
        #phaseiiDiverseBlock-1-infoBlock-1 {
            margin-bottom: 100px;
        }

        #phaseiiDiverseBlock-1-imageBlock-1 {
            @media (max-width: 1199px) {
                gap: 24px;
            }
            .image-segment {
                .main-image {
                    @media (max-width: 1199px) {
                        display: none;
                    }
                }
            }
        }
    }
}
/* Brand Bible - New - end */

/* Individual Phase II Page Styling - end */

/* Our Works New - Singular Styling */
body.single-our-work {
    header {
        position: relative;
        z-index: 1;
        nav {
            &.web-nav {
                background: var(--color-green);
            }
            &.mobile-nav {
                background: var(--color-green);
            }
        }
    }
}

section.phaseiiCreativeWorks {
    display: flex;
    flex-direction: column;
    background: var(--color-light-beige);
    /* z-index: -1; */

    .phaseii-creative-works-contents {
        @media (min-width: 1921px) {
            max-width: 1254px;
        }

        display: flex;
        flex-direction: column;
        width: 100%;
        max-width: 65.3vw;
        position: relative;
        margin: 0 auto;
        padding-bottom: 0;

        @media (min-width: 1200px) {
            /* padding-top: 220px; */
            padding-top: 120px;
        }

        @media (max-width: 1199px) and (min-width: 768px) {
            /* padding-top: 390px; */
            padding-top: 150px;
            max-width: 100%;
        }

        @media (max-width: 767px) {
            max-width: 100%;
        }

        .header-text {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            margin-bottom: 70px;

            h1 {
                font-size: 120px;
                color: var(--color-gold);
                margin-bottom: 20px;
            }

            p {
                max-width: 600px;
                position: relative;
                margin: 0 auto;
                color: var(--color-black);
            }
        }

        .works-window {
            margin-bottom: 70px;
            overflow: hidden;
            transition: max-height 0.45s ease;
            max-height: none;

            .works-grid {
                /* display: grid;
                grid-template-columns: repeat(2, 1fr); */

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

                @media (max-width: 1199px) {
                    display: grid;
                    grid-template-columns: repeat(2, 1fr);
                    gap: 24px;
                }

                @media (max-width: 767px) {
                    display: flex;
                    flex-direction: column;
                }

                .work-item {
                    position: relative;
                    display: flex;
                    border-radius: 16px;
                    overflow: hidden;

                    &::before {
                        content: "";
                        position: absolute;
                        inset: 0;
                        background: linear-gradient(
                            180deg,
                            /*rgba(0, 0, 0, 0.2),*/ /*rgba(0, 0, 0, 0.2)*/
                            rgba(0, 0, 0, 0.25) 0%,
                            rgba(0, 0, 0, 0.1) 60%,
                            rgba(0, 0, 0, 0.25) 100%
                        );
                        transition: opacity 0.4s ease;
                        z-index: 1;
                        pointer-events: none;
                    }

                    &:hover {
                        cursor: pointer;

                        &::before {
                            opacity: 0;
                        }

                        /*img {
                            filter: brightness(1.2);
                        }*/
                    }

                    img {
                        transition: 0.4s ease;
                    }
                }
            }
        }

        .load-more {
            display: flex;
            justify-content: center;

            a {
                &.sig-btn {
                    border-radius: 1000px;
                    padding: 10px 20px;
                    font-size: 24px;
                    text-align: center;
                    width: 100%;
                    max-width: 125px;
                    border: 1px solid var(--color-gold);
                    transition: 0.3s ease;

                    &:hover {
                        background: none;
                        color: var(--color-gold);
                    }
                }
            }
        }
    }
}

/*@media (min-width: 1200px) {
    .phaseiiCreativeWorks .works-grid {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        grid-template-rows: repeat(12, 1fr);
        grid-column-gap: 24px;
        grid-row-gap: 24px;
    }

    .item-1 {
        grid-area: 1 / 1 / 9 / 7;
    }
    .item-2 {
        grid-area: 1 / 7 / 5 / 10;
    }
    .item-3 {
        grid-area: 1 / 10 / 5 / 13;
    }
    .item-4 {
        grid-area: 5 / 7 / 9 / 13;
    }
    .item-5 {
        grid-area: 9 / 1 / 13 / 5;
    }
    .item-6 {
        grid-area: 9 / 5 / 13 / 9;
    }
    .item-7 {
        grid-area: 9 / 9 / 13 / 13;
    }
}*/

/* parent: stacks the repeating blocks */
.phaseiiCreativeWorks .works-grid {
    display: flex;
    flex-direction: column;
    gap: 24px; /* match your spacing */
}

/* shared item styling */
.phaseiiCreativeWorks .work-item {
    border-radius: 14px;
    overflow: hidden;
}
.phaseiiCreativeWorks .work-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.phaseiiCreativeWorks .works-block--grid {
    --unit: 288px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-auto-rows: var(--unit);
    gap: 24px;
}

.phaseiiCreativeWorks .works-block--grid > .work-item:nth-child(1) {
    @media (min-width: 1200px) {
        grid-column: 1 / span 2;
        grid-row: 1 / span 2;
    }
}

.phaseiiCreativeWorks .works-block--grid > .work-item:nth-child(2) {
    @media (min-width: 1200px) {
        grid-column: 3 / span 1;
        grid-row: 1;
    }
}
.phaseiiCreativeWorks .works-block--grid > .work-item:nth-child(3) {
    @media (min-width: 1200px) {
        grid-column: 4 / span 1;
        grid-row: 1;
    }
}

.phaseiiCreativeWorks .works-block--grid > .work-item:nth-child(4) {
    @media (min-width: 1200px) {
        grid-column: 3 / span 2;
        grid-row: 2;
    }
}

.phaseiiCreativeWorks .works-block--flex {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    height: 100%;
}

.phaseiiCreativeWorks .works-block--flex > .work-item {
    aspect-ratio: 1 / 1;
}

@media (max-width: 991px) {
    .phaseiiCreativeWorks .works-block--grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        /*grid-auto-rows: clamp(120px, 22vw, 180px);*/
    }
    /*.phaseiiCreativeWorks .works-block--grid > .work-item:nth-child(1) {
        grid-column: 1 / -1;
        grid-row: auto;
    }*/
    .phaseiiCreativeWorks .works-block--grid > .work-item:nth-child(2),
    .phaseiiCreativeWorks .works-block--grid > .work-item:nth-child(3),
    .phaseiiCreativeWorks .works-block--grid > .work-item:nth-child(4) {
        grid-column: auto;
        grid-row: auto;
    }
    .phaseiiCreativeWorks .works-block--flex {
        grid-template-columns: 1fr;
    }
}

/* TEMPORARY:: Last row consists of 2 items */
.phaseiiCreativeWorks .works-block--flex:last-of-type {
    grid-template-columns: repeat(2, minmax(0, 1fr));

    @media (max-width: 767px) {
        display: flex;
        flex-direction: column;
    }
}

#loadMoreButton {
    cursor: pointer;
}

.phaseiiCreativeWorksModal {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.7);
    justify-content: center;
    align-items: center;
    pointer-events: none;
    transition: opacity 0.4s ease;
    z-index: 9999;

    &.inactive {
        display: flex;
        opacity: 0;
        pointer-events: none;
    }

    &.active {
        display: flex;
        opacity: 1 !important;
        pointer-events: all;
    }

    .phaseii-creative-works-modal-contents {
        .close-button {
            cursor: pointer;
            display: flex;
            justify-content: flex-end;
            margin-bottom: 40px;
        }

        .main-modal {
            display: flex;
            align-items: center;

            .previous-arrow {
                cursor: pointer;
            }
            .next-arrow {
                cursor: pointer;
            }

            .work-modal-item {
                display: none;
                margin: 0 60px;

                &.active {
                    display: block;
                }
            }
        }
    }
}
/* Our Works New - Singular Styling - end */

/* Corporate Photography New - Singular Styling */
.page-id-2451 {
    section.phaseiiBanner {
        @media (min-width: 1441px) {
            max-height: 422px;
        }

        @media (max-width: 767px) {
            padding-top: 0;
        }

        max-height: fit-content;

        /*min-height: 628px;*/

        .phaseii-banner-contents {
            .header-contents {
                margin-bottom: 0;

                h1 {
                    font-size: 80px;

                    @media (max-width: 480px) {
                        font-size: 16.67vw;
                    }
                }
            }
        }
    }

    section.phaseiiDiverseBlock {
        .diverse-block-contents {
            .diverse-info-block {
                gap: 0;
                padding: 50px 0;

                &.sub-2 {
                    gap: 100px;
                    padding-bottom: 0;
                }

                &.sub-3 {
                    padding: 0;
                    gap: 24px;

                    .header-text {
                        gap: 0;
                    }
                }

                &.sub-4 {
                    padding-bottom: 0;
                    .info-blocks-grid {
                        margin-top: 100px;
                        display: flex;

                        p {
                            font-size: 14px;
                            line-height: 24px;
                            letter-spacing: 0.4px;
                        }
                    }
                }

                .header-text {
                    @media (min-width: 1200px) {
                        align-items: flex-start;
                    }

                    gap: 30px;

                    h2 {
                        max-width: 533px;
                    }
                    .subtitle {
                        p {
                            font-size: 14px;
                            letter-spacing: 0.4px;
                        }
                    }
                }
            }

            .diverse-image-block {
                @media (max-width: 1199px) {
                    gap: 24px;
                }
                .image-segment {
                    .main-image {
                        @media (max-width: 1199px) {
                            display: none;
                        }
                    }

                    .floating-description {
                        @media (max-width: 1199px) {
                            margin-top: 0;
                        }
                    }
                }
            }
        }
    }
}

/* Corporate Photography New - Singular Styling - end */

/* Soc Med page - Singular Styling */
.page-id-2486 {
    header {
        #webNav {
            position: relative;
            background: var(--color-green);
        }

        #mobileNav {
            position: relative;
            background: var(--color-green);
        }
    }

    section.phaseiiDiverseBlock:first-of-type {
        z-index: -1;
        /* Solid Nav ver. */
        overflow: hidden;
    }

    section.phaseiiDiverseBlock {
        overflow: hidden;
    }
}

.page-id-2571 {
    header {
        #webNav {
            position: relative;
            background: var(--color-green);
        }

        #mobileNav {
            position: relative;
            background: var(--color-green);
        }
    }

    section.phaseiiDiverseBlock {
        overflow: hidden;
    }
}

section.phaseiiDiverseBlock {
    &.socmed-banner-secondary {
        &.instance-2 {
            .diverse-block-contents {
                .diverse-image-block {
                    gap: 50px;

                    .header-text {
                        justify-content: center;
                        max-width: 600px;

                        @media (max-width: 1199px) {
                            max-width: 100%;
                        }

                        h2 {
                            @media (max-width: 1199px) {
                                text-align: center;
                            }
                        }

                        .title {
                            -webkit-line-clamp: unset;
                        }

                        .subtitle {
                            border-radius: 0;
                            p {
                                font-size: 14px;
                                letter-spacing: 0.4px;

                                img {
                                    @media (min-width: 1200px) {
                                        display: none;
                                    }

                                    @media (max-width: 1199px) {
                                        border-radius: 16px;
                                        margin-bottom: 20px;
                                    }
                                }

                                @media (max-width: 1199px) {
                                    text-align: center;
                                }

                                &:first-of-type {
                                    margin-bottom: 0;
                                }
                            }
                        }
                    }

                    .image-segment {
                        max-width: 606px;

                        @media (max-width: 1199px) {
                            display: none;
                        }
                    }
                }
            }
        }
    }
}

/* Soc Med page - Singular Styling - end */

/* Social Media Ads Agency */
.page-id-2486 {
    .phaseiiDiverseBlock {
        .diverse-block-contents {
            .diverse-image-block {
                .header-text {
                    max-width: 568px;
                }
            }
        }

        &.instance-3 {
            .diverse-block-contents {
                #phaseiiDiverseBlock-3-infoBlock-1 {
                    gap: 70px;

                    .header-text {
                        height: 100%;
                        margin-top: auto;
                        margin-bottom: auto;
                        max-width: 680px;

                        @media (max-width: 1199px) {
                            max-width: 100%;
                        }

                        .title {
                            text-overflow: unset;
                            -webkit-line-clamp: unset;
                        }
                    }

                    .info-blocks-grid {
                        max-width: 506px;

                        @media (max-width: 1199px) {
                            max-width: 100%;
                        }
                    }
                }

                #phaseiiDiverseBlock-3-imageBlock-3 {
                    @media (min-width: 1200px) {
                        .header-text {
                            img {
                                &.mobile-only {
                                    display: none;
                                }
                            }
                        }
                    }
                    @media (max-width: 1199px) {
                        .header-text {
                            max-width: 100%;
                        }

                        .image-segment {
                            display: none;
                        }
                    }
                }

                #phaseiiDiverseBlock-3-imageBlock-4 {
                    gap: 70px;

                    .header-text {
                        justify-content: center;
                        max-width: 569px;
                        gap: 0;

                        @media (max-width: 1199px) {
                            max-width: 100%;
                        }

                        .subtitle {
                            img {
                                &.mobile-only {
                                    @media (min-width: 1200px) {
                                        display: none;
                                    }

                                    margin-bottom: 24px;
                                }
                            }

                            p {
                                color: var(--color-beige);
                                font-size: 14px;
                                letter-spacing: 0.4px;
                            }

                            li {
                                color: var(--color-beige);
                                font-size: 14px;
                                letter-spacing: 0.4px;
                            }
                        }
                    }

                    .image-segment {
                        @media (max-width: 1199px) {
                            display: none;
                        }
                    }
                }

                #phaseiiDiverseBlock-3-infoBlock-2 {
                    gap: 0;
                    padding-top: 50px !important;
                    padding-bottom: 50px !important;

                    .header-text {
                        justify-content: center;
                        align-items: flex-start;

                        .title {
                            max-width: 533px;

                            @media (max-width: 1199px) {
                                max-width: 100%;
                            }
                        }

                        .subtitle {
                            max-width: 637px;

                            @media (max-width: 1199px) {
                                max-width: 100%;
                            }
                        }
                    }
                }
            }
        }

        &.instance-4 {
            .diverse-block-contents {
                #phaseiiDiverseBlock-4-imageBlock-5 {
                    gap: 50px;

                    .header-text {
                        justify-content: center;

                        @media (max-width: 1199px) {
                            max-width: 100%;
                        }

                        img {
                            &.mobile-only {
                                @media (min-width: 1200px) {
                                    display: none;
                                }

                                margin-bottom: 24px;
                            }
                        }

                        .title {
                            max-width: 100%;
                            margin-top: 0;
                            margin-left: 0;
                        }

                        .subtitle {
                            border-radius: 0;
                        }
                    }

                    .image-segment {
                        max-width: 100%;

                        @media (max-width: 1199px) {
                            display: none;
                        }

                        .main-image {
                            img {
                                max-width: 100%;
                                left: 0;
                            }
                        }
                    }
                }

                #phaseiiDiverseBlock-4-infoBlock-3 {
                    .header-text {
                        .subtitle {
                            p {
                                &.sub-description {
                                    margin-bottom: 24px;
                                }
                            }
                        }
                    }
                }
            }
        }

        &.instance-5 {
            .diverse-block-contents {
                #phaseiiDiverseBlock-5-imageBlock-6 {
                    gap: 70px;

                    .header-text {
                        margin-top: auto;
                        margin-bottom: auto;

                        @media (max-width: 1199px) {
                            max-width: 100%;
                        }

                        .subtitle {
                            img {
                                &.mobile-only {
                                    @media (min-width: 1200px) {
                                        display: none;
                                    }

                                    margin-bottom: 24px;
                                }
                            }

                            p {
                                font-size: 14px;
                                letter-spacing: 0.4px;
                                color: var(--color-beige);
                            }
                        }
                    }

                    .image-segment {
                        @media (max-width: 1199px) {
                            display: none;
                        }
                    }
                }

                #phaseiiDiverseBlock-5-infoBlock-4 {
                    .header-text {
                        justify-content: center;

                        .title {
                            max-width: 632px;
                            text-align: center;
                            text-overflow: 0;
                            -webkit-line-clamp: 0;
                        }
                    }

                    .info-blocks-grid {
                        .info-block {
                            .block-text {
                                max-width: 292px;
                            }
                        }
                    }
                }

                #phaseiiDiverseBlock-5-imageBlock-7 {
                    gap: 70px;

                    .header-text {
                        justify-content: center;
                        gap: 0;

                        @media (max-width: 1199px) {
                            max-width: 100%;
                        }

                        .title {
                            color: var(--color-gold);
                            font-family: "Span Compressed";
                            font-size: 36px;
                            font-style: normal;
                            font-weight: 400;
                            line-height: normal;
                        }

                        .subtitle {
                            border-radius: 0;

                            img {
                                &.mobile-only {
                                    @media (min-width: 1200px) {
                                        display: none;
                                    }

                                    margin-bottom: 24px;
                                }
                            }

                            p {
                                font-size: 14px;
                                color: var(--color-beige);
                                letter-spacing: 0.4px;
                            }

                            li {
                                font-size: 14px;
                                color: var(--color-beige);
                                letter-spacing: 0.4px;
                                line-height: 24px;
                            }
                        }
                    }

                    .image-segment {
                        max-width: 100%;

                        @media (max-width: 1199px) {
                            display: none;
                        }

                        .main-image {
                            img {
                                max-width: 100%;
                                left: 0;
                            }
                        }
                    }
                }
            }
        }

        &.instance-6 {
            .diverse-block-contents {
                #phaseiiDiverseBlock-6-infoBlock-5 {
                    .header-text {
                        flex-direction: column;
                        gap: 20px;
                        text-align: center;

                        p {
                            font-size: 14px;
                            letter-spacing: 0.4px;
                        }
                    }

                    .info-blocks-grid {
                        display: grid;
                        grid-template-columns: repeat(6, 1fr);
                        grid-template-rows: repeat(2, 1fr);
                        grid-column-gap: 24px;
                        grid-row-gap: 24px;

                        @media (max-width: 1199px) {
                            display: flex;
                            flex-direction: column;
                        }

                        .info-block {
                            border: none;
                            /*background: var(--color-green);*/
                            background: url("https://sigilbrand.com/wp-content/uploads/2026/01/social-media-ads-info-block-bg.png")
                                no-repeat center / cover;

                            .block-text {
                                .block-title {
                                    color: var(--color-gold);
                                }
                            }

                            .block-description {
                                p {
                                    color: var(--color-beige);
                                }
                            }

                            &.info-block-1 {
                                grid-area: 1 / 1 / 2 / 3;
                            }
                            &.info-block-2 {
                                grid-area: 1 / 3 / 2 / 5;
                            }
                            &.info-block-3 {
                                grid-area: 1 / 5 / 2 / 7;
                            }
                            &.info-block-4 {
                                grid-area: 2 / 2 / 3 / 4;
                            }
                            &.info-block-5 {
                                grid-area: 2 / 4 / 3 / 6;
                            }
                        }
                    }
                }

                #phaseiiDiverseBlock-6-imageBlock-8 {
                    padding-top: 100px;
                    align-items: center;
                    gap: 70px;
                    position: relative;
                    overflow: visible;

                    @media (max-width: 1199px) {
                        background: url("https://sigilbrand.com/wp-content/uploads/2026/01/social-media-ads-08-bg-part.png")
                            no-repeat center / cover;
                        border-radius: 16px;
                        padding: 40px;
                    }

                    .header-text {
                        @media (max-width: 1199px) {
                            max-width: 100%;
                        }

                        .title {
                            position: relative;
                            z-index: 2;
                        }

                        .subtitle {
                            z-index: 1;

                            img {
                                &.mobile-only {
                                    @media (min-width: 1200px) {
                                        display: none;
                                    }

                                    margin-bottom: 24px;
                                }
                            }

                            p {
                                color: var(--color-beige);
                                font-size: 14px;
                                letter-spacing: 0.4px;

                                &:last-of-type {
                                    margin-bottom: 0;
                                }
                            }

                            .pseudo-bg-container {
                                display: flex;
                                position: absolute;
                                justify-content: flex-end;
                                width: 100vw;
                                /*max-width: 1422px;*/
                                max-width: 1588px;
                                top: 0;
                                left: 0;
                                z-index: -1;

                                @media (max-width: 1199px) {
                                    display: none;
                                }

                                img {
                                    &.pseudo-bg {
                                        width: 100%;
                                        max-width: 74.06vw;
                                        height: 100%;
                                        min-height: 840px;

                                        @media (min-width: 1921px) {
                                            max-width: 1422px;
                                        }
                                    }
                                }
                            }

                            .symbol-grid {
                                display: grid;
                                grid-template-columns: repeat(2, 1fr);
                                row-gap: 20px;
                                margin-bottom: 30px;

                                @media (max-width: 575px) {
                                    display: flex;
                                    flex-direction: column;
                                }

                                .symbol-item {
                                    display: flex;
                                    gap: 10px;

                                    img {
                                        width: 100%;
                                        max-width: fit-content;
                                    }

                                    font-family: "Kollektif";
                                    color: var(--color-beige);
                                    font-size: 14px;
                                    letter-spacing: 0.4px;
                                    align-items: center;
                                }
                            }
                        }
                    }

                    .image-segment {
                        width: 100%;
                        max-width: fit-content;
                        z-index: 1;

                        @media (max-width: 1199px) {
                            display: none;
                        }

                        .main-image {
                            width: 100%;
                            max-width: 564px;
                            height: 100%;
                            max-height: 648px;
                        }
                    }
                }

                #phaseiiDiverseBlock-6-ctaBlock-1 {
                    margin-top: 100px;
                    margin-bottom: 100px;
                    padding: 30px;
                    height: 100vh;
                    max-height: 700px;
                    justify-content: flex-end;
                    align-items: flex-end;

                    @media (max-width: 1199px) {
                        margin-top: 0;
                    }

                    @media (max-width: 480px) {
                        max-height: fit-content;
                    }

                    .header-text {
                        max-width: 670px;
                        border-radius: 8px;
                        background: #fff;
                        padding: 40px;
                        margin-bottom: 0;

                        @media (max-width: 1199px) {
                            max-width: -webkit-fill-available;
                        }

                        @media (max-width: 400px) {
                            height: 100%;
                            max-height: -webkit-fill-available;
                        }

                        .title {
                            text-align: left;
                            -webkit-line-clamp: unset;
                        }

                        .subtitle {
                            max-width: 100%;

                            p {
                                font-size: 14px;
                                letter-spacing: 0.4px;
                                text-align: left;
                            }
                        }
                    }
                }
            }
        }
    }
}
/* Social Media Ads Agency - end */

/* Social Media Marketing */
.page-id-2571 {
    .phaseiiDiverseBlock {
        .diverse-block-contents {
            .diverse-image-block {
                .header-text {
                    max-width: 568px;
                }
            }
        }

        &.instance-1 {
            height: 100%;
            max-height: 100%;

            @media (min-width: 1200px) {
                height: 100vh;
                max-height: 490px;
            }
        }

        &.instance-2 {
            .diverse-block-contents {
                #phaseiiDiverseBlock-2-imageBlock-3 {
                    padding-top: 100px;
                    align-items: center;
                    gap: 70px;
                    position: relative;
                    overflow: visible;
                    margin-bottom: 200px;

                    @media (max-width: 1199px) {
                        background: url("https://sigilbrand.com/wp-content/uploads/2026/01/social-media-ads-08-bg-part.png")
                            no-repeat center / cover;
                        border-radius: 16px;
                        padding: 40px;
                    }

                    .header-text {
                        max-width: 632px;

                        @media (max-width: 1199px) {
                            max-width: 100%;
                        }

                        .title {
                            max-width: 100%;
                            margin: 0;
                            position: relative;
                            z-index: 2;
                            color: var(--color-gold);
                        }

                        .subtitle {
                            z-index: 1;

                            .cta-button {
                                display: flex;

                                @media (max-width: 1199px) {
                                    justify-content: center;
                                }

                                a {
                                    &.cta-btn {
                                        padding: 15px 25px;
                                        border-radius: 1000px;
                                        font-family: "Span Compressed";
                                        font-size: 24px;
                                        text-decoration: none;
                                        transition: 0.3s ease;

                                        &.type-primary-btn {
                                            border: 1px solid var(--color-gold);
                                            background: var(--color-gold);
                                            color: var(--color-beige);
                                            width: 100vw;
                                            max-width: fit-content;

                                            &:hover {
                                                background: rgba(0, 0, 0, 0);
                                                color: var(--color-gold);
                                            }

                                            @media (max-width: 575px) {
                                                width: 100%;
                                            }
                                        }
                                    }
                                }
                            }

                            img {
                                &.mobile-only {
                                    @media (min-width: 1200px) {
                                        display: none;
                                    }

                                    margin-bottom: 24px;
                                }
                            }

                            p {
                                color: var(--color-beige);
                                font-size: 14px;
                                letter-spacing: 0.4px;

                                &:first-of-type {
                                    margin-bottom: 16px;
                                }

                                &:last-of-type {
                                    margin-bottom: 30px;
                                }
                            }

                            .pseudo-bg-container {
                                display: flex;
                                position: absolute;
                                justify-content: flex-start;
                                width: 100vw;
                                /*max-width: 1422px;*/
                                max-width: 1588px;
                                top: 0;
                                right: 0;
                                z-index: -1;

                                @media (max-width: 1199px) {
                                    display: none;
                                }

                                img {
                                    &.pseudo-bg {
                                        width: 100%;
                                        max-width: 74.06vw;
                                        height: 100%;
                                        min-height: 840px;

                                        @media (min-width: 1921px) {
                                            max-width: 1422px;
                                        }
                                    }
                                }
                            }
                        }
                    }

                    .image-segment {
                        width: 100%;
                        max-width: fit-content;
                        z-index: 1;

                        @media (max-width: 1199px) {
                            display: none;
                        }

                        .main-image {
                            img {
                                width: 100%;
                                max-width: 564px;
                                height: 100%;
                                max-height: 648px;
                                left: 0;
                            }
                        }
                    }
                }

                #phaseiiDiverseBlock-2-infoBlock-2 {
                    .header-text {
                        margin: auto;
                        /*max-width: 561px;*/
                        flex-direction: column;
                        text-align: center;
                        gap: 20px;

                        @media (max-width: 1199px) {
                            max-width: 100%;
                        }

                        .subtitle {
                            p {
                                font-size: 14px;
                                letter-spacing: 0.4px;
                            }
                        }
                    }
                }
            }
        }

        &.instance-3 {
            .diverse-block-contents {
                #phaseiiDiverseBlock-3-infoBlock-3 {
                    flex-direction: column;
                    gap: 100px;

                    .header-text {
                        max-width: 100%;
                        flex-direction: row;
                        justify-content: space-between;
                        align-items: center;
                        padding-bottom: 50px;
                        border-bottom: 1px solid var(--color-gold) !important;

                        @media (max-width: 1199px) {
                            flex-direction: column;
                        }

                        .title {
                            -webkit-line-clamp: unset;
                            max-width: 533px;
                            margin-bottom: 0;

                            @media (max-width: 1199px) {
                                max-width: 100%;
                            }
                        }

                        .subtitle {
                            max-width: 600px;
                            gap: 30px;

                            @media (max-width: 1199px) {
                                max-width: 100%;
                            }

                            p {
                                font-size: 14px;
                                letter-spacing: 0.4px;

                                @media (max-width: 1199px) {
                                    margin-bottom: 0 !important;
                                }
                            }
                        }
                    }

                    .info-blocks-grid {
                        flex-direction: row;
                        max-width: 100%;

                        @media (max-width: 1199px) {
                            flex-direction: column;
                        }

                        .info-block {
                            width: 100%;
                            max-width: -webkit-fill-available;

                            p {
                                font-size: 14px;
                                letter-spacing: 0.4px;
                            }
                        }
                    }
                }
            }
        }

        &.instance-4 {
            .diverse-block-contents {
                #phaseiiDiverseBlock-4-ctaBlock-1 {
                    padding: 30px;
                    height: 100vh;
                    max-height: 700px;
                    justify-content: flex-end;
                    align-items: flex-end;

                    @media (max-width: 1199px) {
                        margin-top: 0;
                    }

                    @media (max-width: 480px) {
                        max-height: fit-content;
                    }

                    .header-text {
                        align-items: flex-start;
                        max-width: 569px;
                        border-radius: 8px;
                        background: #fff;
                        padding: 40px;
                        margin-bottom: 0;

                        @media (max-width: 1199px) {
                            max-width: -webkit-fill-available;
                        }

                        .title {
                            text-align: left;
                            -webkit-line-clamp: unset;
                            margin-bottom: 20px;
                        }

                        .subtitle {
                            max-width: 100%;

                            p {
                                font-size: 14px;
                                letter-spacing: 0.4px;
                                text-align: left;
                            }
                        }
                    }
                }

                #phaseiiDiverseBlock-4-faqBlock-1 {
                    padding-bottom: 0;

                    .faqs-contents {
                        max-width: 100%;

                        @media (max-width: 1199px) {
                            gap: 40px;
                        }

                        .header-text {
                            max-width: 720px;
                            margin: auto;

                            .title {
                                margin-bottom: 20px;
                            }

                            .subtitle {
                                max-width: 600px;
                                margin: auto;

                                p {
                                    font-size: 14px;
                                    letter-spacing: 0.4px;
                                    text-align: center;
                                }
                            }
                        }

                        .faq-items {
                            .faq-item {
                                .question {
                                    button {
                                        &.collapse-btn {
                                            background: none;
                                            border: none;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}
/* Social Media Marketing - end */

/* Video Gallery Subsection */
.light-scheme {
    .diverse-video-gallery {
        .video-gallery-contents {
            .header-text {
                .title {
                    color: var(--color-black);
                }

                .subtitle {
                    p {
                        color: var(--color-black);
                    }
                }
            }
        }
    }
}

.diverse-video-gallery {
    .video-gallery-contents {
        .header-text {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            width: 100%;
            max-width: 600px;
            margin: auto;
            margin-bottom: 70px;

            @media (max-width: 1199px) {
                max-width: 100%;
            }

            .title {
                margin-bottom: 20px;
                color: var(--color-gold);
            }

            .subtitle {
                p {
                    font-size: 14px;
                    letter-spacing: 0.4px;
                    color: var(--color-beige);
                    margin-bottom: 30px;
                }

                .cta-button {
                    justify-content: center;
                }
            }
        }

        .video-gallery {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 24px;

            @media (max-width: 1199px) {
                display: flex;
                flex-direction: column;
            }

            .video-item {
                .video-thumb {
                    background: none;
                    border: none;
                    padding: 0;

                    @media (max-width: 1199px) {
                        width: 100%;
                        max-width: -webkit-fill-available;
                    }
                }

                .video-meta {
                    .video-title {
                        margin-top: 24px;
                        margin-bottom: 15px;
                        color: var(--color-green);
                        font-size: 36px;
                        font-family: "Span Compressed";
                    }
                }

                span {
                    &.thumbnail {
                        img {
                            width: 100%;
                        }
                    }
                }
            }
        }
    }
}

/* Video Gallery Subsection - end */

/* Facebook Marketing Agency */
.page-id-2613 {
    .phaseiiDiverseBlock {
        &.instance-1 {
            padding-top: 0;

            .diverse-block-contents {
                #phaseiiDiverseBlock-1-infoBlock-1 {
                    flex-direction: column;
                    gap: 70px;

                    .header-text {
                        max-width: 100%;
                        display: flex;
                        flex-direction: row;
                        justify-content: space-between;
                        align-items: center;

                        @media (max-width: 1199px) {
                            flex-direction: column;
                            gap: 24px;
                        }

                        .title {
                            margin-bottom: 0;
                            max-width: 600px;

                            @media (max-width: 1199px) {
                                max-width: 100%;
                            }
                        }

                        .subtitle {
                            max-width: 600px;

                            @media (max-width: 1199px) {
                                max-width: 100%;
                            }

                            p {
                                font-size: 14px;
                                letter-spacing: 0.4px;

                                @media (max-width: 1199px) {
                                    margin-bottom: 0 !important;
                                }
                            }
                        }
                    }
                    .info-blocks-grid {
                        max-width: 100%;
                        display: flex;
                        flex-direction: row;

                        @media (max-width: 1199px) {
                            flex-direction: column;
                        }

                        .info-block {
                            width: 100%;
                            max-width: -webkit-fill-available;

                            .block-title {
                                margin-bottom: 15px;
                            }
                        }
                    }
                }
            }
        }

        &.instance-2 {
            .diverse-block-contents {
                #phaseiiDiverseBlock-2-videoGallery-1 {
                    padding: 0;
                    margin-bottom: 100px;
                }

                #phaseiiDiverseBlock-2-infoBlock-2 {
                    flex-direction: column;
                    gap: 100px;

                    .header-text {
                        max-width: 100%;
                        flex-direction: row;
                        justify-content: space-between;
                        padding-bottom: 50px;
                        border-bottom: 1px solid var(--color-gold) !important;

                        @media (max-width: 1199px) {
                            flex-direction: column;
                        }

                        .title {
                            -webkit-line-clamp: unset;
                            margin-bottom: 0;
                            width: 100%;
                            max-width: 533px;

                            @media (max-width: 1199px) {
                                max-width: 100%;
                                margin-bottom: 24px;
                            }
                        }

                        .subtitle {
                            width: 100%;
                            max-width: 533px;

                            @media (max-width: 1199px) {
                                max-width: 100%;
                            }

                            p {
                                font-size: 14px;
                                letter-spacing: 0.4px;

                                @media (max-width: 1199px) {
                                    margin-bottom: 0 !important;
                                }
                            }
                        }
                    }

                    .info-blocks-grid {
                        max-width: 100%;
                        display: grid;
                        grid-template-columns: repeat(2, 1fr);

                        @media (max-width: 1199px) {
                            display: flex;
                            flex-direction: column;
                        }

                        .info-block {
                            .block-description {
                                p {
                                    font-size: 14px;
                                    letter-spacing: 0.4px;
                                }
                            }
                        }
                    }
                }
            }
        }

        &.instance-3 {
            #phaseiiDiverseBlock-3-infoBlock-3 {
                .header-text {
                    .title {
                        max-height: fit-content;
                    }
                }
            }
        }
    }

    .phaseiiImageFloater {
        .phaseii-image-floater-contents {
            .right-contents {
                img {
                    &.mobile-only {
                        @media (min-width: 1200px) {
                            display: none;
                        }
                        border-radius: 16px;
                        margin-bottom: 30px;
                    }
                }
            }
        }
    }
}
/* Facebook Marketing Agency - end */

/* Instagram Marketing Agency */
.page-id-2669 {
    .phaseiiBanner {
        max-height: 422px;
        @media (max-width: 1199px) {
            max-height: fit-content;
        }

        .phaseii-banner-contents {
            max-width: 65.48vw;
            @media (min-width: 1921px) {
                max-width: 1257px;
            }

            @media (max-width: 1199px) {
                max-width: -webkit-fill-available;
            }

            .header-contents {
                margin-bottom: 0;
                max-width: 995px;

                @media (max-width: 1199px) {
                    max-width: -webkit-fill-available;
                }

                h1 {
                    font-size: 80px;

                    @media (max-width: 440px) {
                        font-size: 13.64vw !important;
                    }
                }
            }
        }
    }

    .phaseiiDiverseBlock {
        &.instance-1 {
            #phaseiiDiverseBlock-1-infoBlock-1 {
                flex-direction: column;
                gap: 70px;

                .header-text {
                    max-width: 100%;
                    flex-direction: row;
                    justify-content: space-between;

                    @media (max-width: 1199px) {
                        flex-direction: column;
                    }

                    .title {
                        margin-bottom: 0;
                        width: 100%;
                        max-width: 533px;

                        @media (max-width: 1199px) {
                            max-width: 100%;
                            margin-bottom: 24px;
                        }
                    }

                    .subtitle {
                        width: 100%;
                        max-width: 600px;
                        @media (max-width: 1199px) {
                            max-width: 100%;
                        }

                        p {
                            @media (max-width: 1199px) {
                                margin-bottom: 0 !important;
                            }
                        }
                    }
                }

                .info-blocks-grid {
                    max-width: 100%;
                    display: grid;
                    grid-template-columns: repeat(2, 1fr);

                    @media (max-width: 1199px) {
                        display: flex;
                        flex-direction: column;
                    }
                }
            }
        }

        &.instance-2 {
            #phaseiiDiverseBlock-2-videoGallery-1 {
                padding: 0;

                .video-gallery-contents {
                    .video-gallery {
                        row-gap: 40px;
                    }
                }
            }
        }

        &.instance-3 {
            #phaseiiDiverseBlock-3-infoBlock-2 {
                .header-text {
                    .title {
                        -webkit-line-clamp: unset;
                        overflow: unset;
                    }

                    .subtitle {
                        justify-content: unset;
                        gap: 24px;
                    }
                }
            }

            #phaseiiDiverseBlock-3-infoBlock-3 {
                gap: 100px;
                .header-text {
                    max-width: 658px;

                    @media (max-width: 1199px) {
                        max-width: 100%;
                    }
                    .title {
                        -webkit-line-clamp: unset;
                        overflow: unset;
                    }

                    .subtitle {
                        .sub-two-image {
                            display: flex;
                            flex-direction: column;

                            p {
                                color: var(--color-beige);
                                margin-bottom: 40px;

                                @media (max-width: 1199px) {
                                    text-align: center;
                                    margin-bottom: 0;
                                }
                            }
                            .overlap-image {
                                display: flex;
                                position: relative;

                                /* Temporary */
                                @media (max-width: 1199px) {
                                    display: none;
                                }
                                /* Temporary - end */

                                .front-image {
                                    position: absolute;
                                    width: 100%;
                                    max-width: fit-content;
                                    top: 40px;
                                }
                                .back-image {
                                    width: 100%;
                                    max-width: fit-content;
                                    margin-left: auto;
                                }
                            }
                        }
                    }
                }

                .info-blocks-grid {
                    max-width: 498px;
                    @media (max-width: 1199px) {
                        max-width: 100%;
                    }
                }
            }
        }

        &.instance-4 {
            #phaseiiDiverseBlock-4-infoBlock-4 {
                .header-text {
                    flex-direction: column;

                    .title {
                        max-width: 855px;
                        text-align: center;
                        margin-bottom: 20px;
                    }

                    .subtitle {
                        p {
                            text-align: center;
                        }
                    }
                }
            }
        }
    }
}
/* Instagram Marketing Agency - end */

/* Tiktok Marketing Agency */
.page-id-2697 {
    .phaseiiBanner {
        max-height: 422px;
        @media (max-width: 1199px) {
            max-height: fit-content;
        }

        .phaseii-banner-contents {
            max-width: 65.48vw;
            @media (min-width: 1921px) {
                max-width: 1257px;
            }

            @media (max-width: 1199px) {
                max-width: -webkit-fill-available;
            }

            .header-contents {
                margin-bottom: 0;
                max-width: 995px;

                @media (max-width: 1199px) {
                    max-width: -webkit-fill-available;
                }

                h1 {
                    font-size: 80px;
                }
            }
        }
    }

    .phaseiiDiverseBlock {
        &.instance-1 {
            .diverse-block-contents {
                #phaseiiDiverseBlock-1-infoBlock-1 {
                    .header-text {
                        .title {
                            -webkit-line-clamp: unset;
                        }
                    }

                    .info-block {
                        height: 100%;
                        max-height: 100%;
                    }
                }
            }
        }

        &.instance-2 {
            .diverse-block-contents {
                #phaseiiDiverseBlock-2-infoBlock-2 {
                    gap: 100px;
                    .header-text {
                        max-width: 658px;

                        @media (max-width: 1199px) {
                            max-width: 100%;
                        }
                        .title {
                            -webkit-line-clamp: unset;
                            overflow: unset;
                        }

                        .subtitle {
                            .sub-two-image {
                                display: flex;
                                flex-direction: column;

                                p {
                                    color: var(--color-beige);
                                    margin-bottom: 40px;

                                    @media (max-width: 1199px) {
                                        text-align: center;
                                        margin-bottom: 0;
                                    }
                                }
                                .overlap-image {
                                    display: flex;
                                    position: relative;

                                    /* Temporary */
                                    @media (max-width: 1199px) {
                                        display: none;
                                    }
                                    /* Temporary - end */

                                    .front-image {
                                        position: absolute;
                                        width: 100%;
                                        max-width: fit-content;
                                        top: 40px;
                                    }
                                    .back-image {
                                        width: 100%;
                                        max-width: fit-content;
                                        margin-left: auto;
                                    }
                                }
                            }
                        }
                    }

                    .info-blocks-grid {
                        max-width: 498px;
                        @media (max-width: 1199px) {
                            max-width: 100%;
                        }
                    }
                }
            }
        }

        &.instance-3 {
            .diverse-block-contents {
                #phaseiiDiverseBlock-3-videoGallery-1 {
                    padding: 0;
                    .video-gallery-contents {
                        .video-gallery {
                            display: flex;
                            gap: 0;
                            width: 100%;
                            max-width: 616px;
                            margin: auto;
                        }
                    }
                }
            }
        }

        &.instance-4 {
            #phaseiiDiverseBlock-4-infoBlock-3 {
                .header-text {
                    padding-bottom: 50px;
                    border-bottom: 1px solid var(--color-gold) !important;

                    .title {
                        -webkit-line-clamp: unset;
                    }
                }
            }

            #phaseiiDiverseBlock-4-infoBlock-4 {
                .header-text {
                    flex-direction: column;
                    text-align: center;
                    .title {
                        max-width: 656px;
                        -webkit-line-clamp: unset;
                    }
                    .subtitle {
                    }
                }
            }
        }

        &.instance-5 {
            #phaseiiDiverseBlock-5-faqBlock-1 {
                padding: 0;
                .faqs-contents {
                    .header-text {
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;

                        .title {
                            margin-bottom: 20px;
                        }

                        .subtitle {
                            display: flex;
                            flex-direction: column;
                            align-items: center;
                            max-width: 600px;
                            p {
                                margin-bottom: 30px;
                                text-align: center;
                            }
                        }
                    }
                }
            }
        }
    }
}
/* Tiktok Marketing Agency - end */
.page-id-2714 {
    .phaseiiBanner {
        max-height: 422px;
        @media (max-width: 1199px) {
            max-height: fit-content;
        }

        .phaseii-banner-contents {
            max-width: 65.48vw;
            @media (min-width: 1921px) {
                max-width: 1257px;
            }

            @media (max-width: 1199px) {
                max-width: -webkit-fill-available;
            }

            .header-contents {
                margin-bottom: 0;
                max-width: 995px;

                @media (max-width: 1199px) {
                    max-width: -webkit-fill-available;
                }

                h1 {
                    font-size: 80px;
                }
            }
        }
    }

    .phaseiiDiverseBlock {
        &.instance-1 {
            .diverse-block-contents {
                #phaseiiDiverseBlock-1-infoBlock-1 {
                    .header-text {
                        flex-direction: column;
                        /*justify-content: space-between;*/
                        padding-bottom: 0;
                        border-bottom: unset;
                        margin: auto;

                        .title {
                            justify-content: center;
                            text-align: center;
                            margin-bottom: 20px;
                        }

                        .subtitle {
                            flex-direction: column;
                            text-align: center;
                            gap: 24px;
                        }
                    }

                    .info-blocks-grid {
                        display: grid;
                        grid-template-columns: repeat(6, 1fr);
                        grid-template-rows: repeat(2, 1fr);
                        grid-column-gap: 24px;
                        grid-row-gap: 24px;

                        @media (max-width: 1199px) {
                            display: flex;
                            flex-direction: column;
                        }

                        .info-block {
                            /*border: none;*/
                            /*background: var(--color-green);*/
                            padding: 30px;
                            gap: 0;

                            .block-text {
                                img {
                                    margin-bottom: 30px;
                                }

                                .block-title {
                                    color: var(--color-gold);
                                }
                            }

                            .block-description {
                                p {
                                    color: var(--color-beige);
                                }
                            }

                            &.info-block-1 {
                                grid-area: 1 / 1 / 2 / 3;
                            }
                            &.info-block-2 {
                                grid-area: 1 / 3 / 2 / 5;
                            }
                            &.info-block-3 {
                                grid-area: 1 / 5 / 2 / 7;
                            }
                            &.info-block-4 {
                                grid-area: 2 / 2 / 3 / 4;
                            }
                            &.info-block-5 {
                                grid-area: 2 / 4 / 3 / 6;
                            }
                        }
                    }
                }
            }
        }

        &.instance-2 {
            .diverse-block-contents {
                #phaseiiDiverseBlock-2-infoBlock-2 {
                    gap: 100px;
                    .header-text {
                        align-items: flex-start;
                        padding-bottom: 50px;
                        border-bottom: 1px solid var(--color-gold) !important;

                        .title {
                            @media (max-width: 1199px) {
                                margin-bottom: 20px;
                            }
                        }
                    }
                }

                #phaseiiDiverseBlock-2-infoBlock-3 {
                    .header-text {
                        align-items: flex-start;
                        .title {
                            @media (max-width: 1199px) {
                                margin-bottom: 20px;
                            }
                        }
                        .subtitle {
                            p {
                                margin-bottom: 24px;

                                &:last-of-type {
                                    margin-bottom: 20px;
                                }
                            }
                        }
                    }
                }
            }
        }

        &.instance-3 {
            .diverse-block-contents {
                #phaseiiDiverseBlock-3-infoBlock-4 {
                    gap: 100px;
                    .header-text {
                        max-width: 658px;

                        @media (min-width: 1200px) {
                            height: 100vh;
                            max-height: 894px;
                        }

                        @media (max-width: 1199px) {
                            max-width: 100%;
                        }

                        .title {
                            overflow: unset;
                            -webkit-line-clamp: unset;

                            @media (min-width: 1200px) {
                                margin-top: 40px;
                            }
                        }
                        .subtitle {
                            justify-content: unset;
                            height: 100%;
                            max-height: fit-content;
                            @media (min-width: 1200px) {
                                margin-top: 40px;
                            }
                            .sub-two-image {
                                display: flex;
                                flex-direction: column;

                                p {
                                    color: var(--color-beige);
                                    margin-bottom: 40px;

                                    @media (max-width: 1199px) {
                                        text-align: center;
                                        /*margin-bottom: 0;*/
                                    }
                                }
                                .overlap-image {
                                    display: flex;
                                    position: relative;
                                    margin-top: 40px;

                                    /* Temporary */
                                    @media (max-width: 1199px) {
                                        display: none;
                                    }
                                    /* Temporary - end */

                                    .front-image {
                                        position: absolute;
                                        width: 100%;
                                        max-width: fit-content;
                                        top: 40px;
                                    }
                                    .back-image {
                                        width: 100%;
                                        max-width: fit-content;
                                        margin-left: auto;
                                    }
                                }
                            }
                        }
                    }

                    .info-blocks-grid {
                        max-width: 498px;
                        @media (max-width: 1199px) {
                            max-width: 100%;
                        }
                        .info-block {
                            height: 100%;
                            max-height: 100%;
                            justify-content: center;
                        }
                    }
                }
            }
        }

        &.instance-4 {
            .diverse-block-contents {
                #phaseiiDiverseBlock-4-infoBlock-5 {
                    .header-text {
                        flex-direction: column;
                        max-width: 100%;
                        margin: auto;

                        @media (min-width: 1921px) {
                            max-width: 776px;
                        }

                        .title {
                            max-width: 100%;
                            overflow: unset;
                            -webkit-line-clamp: unset;
                            text-align: center;
                            margin-bottom: 20px;

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

                        .subtitle {
                            display: flex;
                            align-items: center;
                            flex-direction: column;
                            text-align: center;

                            p {
                                margin-bottom: 20px;

                                &:last-of-type {
                                    margin-bottom: 24px;
                                }
                            }
                        }
                    }
                }

                #phaseiiDiverseBlock-4-infoBlock-6 {
                    .title {
                        max-width: 533px;
                        @media (max-width: 1199px) {
                            max-width: 100%;
                        }
                    }
                }

                #phaseiiDiverseBlock-4-infoBlock-7 {
                    .header-text {
                        .title {
                            max-width: 533px;
                            @media (max-width: 1199px) {
                                max-width: 100%;
                            }
                        }

                        .subtitle {
                            p {
                                margin-bottom: 20px;

                                &:last-of-type {
                                    margin-bottom: 24px;
                                }
                            }
                        }
                    }

                    .info-blocks-grid {
                        #phaseiiDiverseBlock-4-infoBlock-7-row-1 {
                            .block-title {
                                @media (min-width: 1200px) {
                                    max-width: 154px;
                                }
                            }
                        }
                        #phaseiiDiverseBlock-4-infoBlock-7-row-2 {
                            .block-title {
                                @media (min-width: 1200px) {
                                    max-width: 194px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}
/* Video Production */
.page-id-2749 {
    .phaseiiBanner {
        max-height: 422px;
        @media (max-width: 1199px) {
            max-height: fit-content;
        }

        .phaseii-banner-contents {
            max-width: 65.48vw;
            @media (min-width: 1921px) {
                max-width: 1257px;
            }

            @media (max-width: 1199px) {
                max-width: -webkit-fill-available;
            }

            .header-contents {
                margin-bottom: 0;
                max-width: 995px;

                @media (max-width: 1199px) {
                    max-width: -webkit-fill-available;
                }

                h1 {
                    font-size: 80px;
                }
            }
        }
    }

    .phaseiiDiverseBlock {
        &.instance-1 {
            .diverse-block-contents {
                #phaseiiDiverseBlock-1-infoBlock-1 {
                    .header-text {
                        flex-direction: column;

                        .title {
                            max-width: 729px;
                            text-align: center;
                            margin-bottom: 20px;
                        }

                        .subtitle {
                            p {
                                text-align: center;
                            }
                        }
                    }

                    .info-blocks-grid {
                        #phaseiiDiverseBlock-1-infoBlock-1-row-1 {
                            .block-title {
                                @media (min-width: 1200px) {
                                    max-width: 164px;
                                }
                            }
                        }
                    }
                }
            }
        }

        &.instance-2 {
            .diverse-block-contents {
                #phaseiiDiverseBlock-2-infoBlock-2 {
                    gap: 100px;

                    .header-text {
                        max-width: 658px;

                        @media (max-width: 1199px) {
                            max-width: 100%;
                        }

                        @media (min-width: 1200px) {
                            margin-top: 40px;
                        }

                        .title {
                            overflow: unset;
                            -webkit-line-clamp: unset;
                        }

                        .subtitle {
                            justify-content: unset;

                            .sub-two-image {
                                display: flex;
                                flex-direction: column;

                                p {
                                    color: var(--color-beige);
                                    margin-bottom: 0;

                                    @media (max-width: 1199px) {
                                        text-align: center;
                                        /*margin-bottom: 0;*/
                                    }
                                }
                                .overlap-image {
                                    display: flex;
                                    position: relative;
                                    margin-top: 40px;

                                    /* Temporary */
                                    @media (max-width: 1199px) {
                                        display: none;
                                    }
                                    /* Temporary - end */

                                    .front-image {
                                        position: absolute;
                                        width: 100%;
                                        max-width: fit-content;
                                        top: 40px;
                                    }
                                    .back-image {
                                        width: 100%;
                                        max-width: fit-content;
                                        margin-left: auto;
                                    }
                                }
                            }
                        }
                    }

                    .info-blocks-grid {
                        max-width: 498px;

                        @media (max-width: 1199px) {
                            max-width: 100%;
                        }

                        .info-block {
                            height: 100%;
                            max-height: 100%;
                        }
                    }
                }
            }
        }

        &.instance-3 {
            .diverse-block-contents {
                display: flex;
                flex-direction: row-reverse;
                gap: 40px;

                @media (max-width: 1199px) {
                    flex-direction: column;
                }

                #phaseiiDiverseBlock-3-videoGallery-1 {
                    padding: 0;

                    .header-text {
                        @media (min-width: 1200px) {
                            align-items: flex-start;
                            text-align: left;
                        }

                        .subtitle {
                            .cta-button {
                                @media (min-width: 1200px) {
                                    justify-content: flex-start;
                                }
                            }
                        }
                    }

                    .video-gallery {
                        display: flex;
                        flex-direction: column;
                    }
                }

                #phaseiiDiverseBlock-3-videoGallery-2 {
                    padding: 0;

                    .video-gallery {
                        display: flex;
                        flex-direction: column;
                    }
                }
            }
        }

        &.instance-4 {
            .diverse-block-contents {
                #phaseiiDiverseBlock-4-infoBlock-3 {
                    .header-text {
                        .title {
                            overflow: unset;
                            -webkit-line-clamp: unset;
                        }

                        .subtitle {
                            justify-content: flex-start;
                            gap: 40px;
                        }
                    }
                }

                #phaseiiDiverseBlock-4-infoBlock-4 {
                    .header-text {
                        align-items: flex-start;
                    }

                    .info-blocks-grid {
                        .info-block {
                            gap: 0;
                        }
                    }
                }
            }
        }

        &.instance-5 {
            .diverse-block-contents {
                #phaseiiDiverseBlock-5-infoBlock-5 {
                    .header-text {
                        flex-direction: column;
                        .title {
                            overflow: unset;
                            -webkit-line-clamp: unset;
                            max-width: 919px;
                            margin-bottom: 20px;
                            text-align: center;
                        }

                        .subtitle {
                            text-align: center;
                        }
                    }

                    .info-blocks-grid {
                        #phaseiiDiverseBlock-5-infoBlock-5-row-1 {
                            .block-title {
                                @media (min-width: 1200px) {
                                    max-width: 294px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}
/* Video Production - end */

/* Careers */
.page-id-2772 {
    .phaseiiBanner {
        /*max-height: 422px;*/
        max-height: fit-content;

        .phaseii-banner-contents {
            .header-contents {
                max-width: 978px;
                margin-bottom: 0;
            }
        }
    }

    .phaseiiDiverseBlock {
        .diverse-block-contents {
            #phaseiiDiverseBlock-1-imageBlock-1 {
                gap: 50px;
                .header-text {
                    max-width: 600px;
                    justify-content: center;
                    gap: 20px;

                    @media (max-width: 1199px) {
                        max-width: 100%;
                        align-items: center;
                        text-align: center;
                    }

                    .subtitle {
                        border-radius: 0;

                        br {
                            display: none;
                        }

                        img {
                            &.mobile-only {
                                @media (min-width: 1200px) {
                                    display: none;
                                }

                                margin-bottom: 20px;
                            }
                        }
                    }
                }

                .image-segment {
                    max-width: 606px;

                    @media (max-width: 1199px) {
                        display: none;
                    }
                }
            }

            #phaseiiDiverseBlock-1-infoBlock-1 {
                .info-blocks-grid {
                    display: grid;
                    grid-template-columns: repeat(3, 1fr);

                    @media (max-width: 1199px) {
                        display: flex;
                        flex-direction: column;
                    }
                }
            }
        }
    }
}
/* Careers - end */

/* CTA Button */
.cta-button {
    display: flex;

    @media (max-width: 1199px) {
        justify-content: center;
    }

    a {
        &.cta-btn {
            padding: 15px 25px;
            border-radius: 1000px;
            font-family: "Span Compressed";
            font-size: 24px;
            text-decoration: none;
            transition: 0.3s ease;

            &.type-primary-btn {
                border: 1px solid var(--color-gold);
                background: var(--color-gold);
                color: var(--color-beige);
                width: 100vw;
                max-width: fit-content;

                &:hover {
                    background: rgba(0, 0, 0, 0);
                    color: var(--color-gold);
                }

                @media (max-width: 575px) {
                    width: 100%;
                }
            }
        }
    }
}
/* CTA Button - end */

/* FAQ Additional */
.faq-items {
    .faq-item {
        .question {
            button {
                &.collapse-btn {
                    background: none;
                    border: none;
                }
            }
        }
    }
}
/* FAQ Additional - end */

/* Diverse CTA Block */
.diverse-cta-block {
    .header-text {
        margin-bottom: 40px;

        .title {
            margin-bottom: 20px;
        }
    }
}
/*Diverse CTA Block - end*/

/* Additional Flags */
.padding-top-void {
    padding-top: 0px !important;
}

.padding-bottom-void {
    padding-bottom: 0px !important;
}

.padding-top-100 {
    padding-top: 100px !important;
}

.padding-bottom-60 {
    padding-bottom: 60px;
}

.padding-bottom-100 {
    padding-bottom: 100px;
}

.margin-bottom-50 {
    margin-bottom: 50px;
}

.margin-bottom-60 {
    margin-bottom: 60px;
}

.margin-bottom-100 {
    margin-bottom: 100px;

    @media (max-width: 1199px) {
        margin-bottom: 70px;
    }

    @media (max-width: 767px) {
        margin-bottom: 50px;
    }
}

.gold-line-top {
    border-top: 1px solid var(--color-gold) !important;
}

.gold-line-bottom {
    border-bottom: 1px solid var(--color-gold) !important;
}

/*Additional Flags - end*/

/* QA Overrides */

/* Our Works QA */
.page-id-2166 section.phaseiiBanner {
    padding-bottom: 150px;

    @media (max-width: 1199px) {
        padding: 0;
        padding-top: 150px;
    }

    @media (max-width: 767px) {
        padding-top: 0;
    }
}

.page-id-2166 section.phaseiiHoverStack .header-text h2,
.page-id-2166 section.phaseiiHoverStack .header-text p {
    color: var(--color-black);
}

.page-id-2166 section.phaseiiHoverStack .phaseii-hover-stack-contents {
    @media (max-width: 1199px) {
        max-width: 1199px;
    }
}

/* TEMOPRARY:: Hide the placeholder cards */
.page-id-2166 section.phaseiiHoverStack .stack-main {
    display: flex;
    width: 100%;
    max-width: 615px;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: auto;
}

.page-id-2166 section.phaseiiHoverStack .stack-box.box-2,
.page-id-2166 section.phaseiiHoverStack .stack-box.box-3,
.page-id-2166 section.phaseiiHoverStack .stack-box.box-4 {
    display: none;
}

/* Our Works QA - end */

/* Brand Bible QA */
.page-id-2205 section.phaseiiBanner {
    @media (max-width: 1199px) {
        padding: 0;
        padding-top: 150px;
    }

    @media (max-width: 767px) {
        padding-top: 0;
    }
}

.page-id-2205 section.phaseiiBanner .phaseii-banner-contents {
    padding-top: 30px;

    @media (max-width: 1199px) {
        padding-top: 70px;
    }

    @media (max-width: 767px) {
        padding-top: 50px;
    }
}

.page-id-2205 section.phaseiiImageFloater .header-text h2,
.page-id-2205 section.phaseiiImageFloater .header-text p {
    color: var(--color-black);
}

.page-id-2205 section.phaseiiDiverseBlock.instance-1,
.page-id-2205 section.phaseiiDiverseBlock.instance-2 {
    @media (max-width: 1199px) {
        padding: 70px 30px;
    }

    @media (max-width: 767px) {
        padding: 50px 20px;
    }
}

.page-id-2205
    section#phaseiiDiverseBlock-1.instance-1
    #phaseiiDiverseBlock-1-infoBlock-1 {
    @media (max-width: 1199px) {
        margin-bottom: 70px;
    }

    @media (max-width: 767px) {
        margin-bottom: 50px;
    }
}

.page-id-2205 section.phaseiiDiverseBlock.instance-1 .info-block {
    gap: 15px;
}

.page-id-2205
    section.phaseiiDiverseBlock.instance-1
    .diverse-image-block
    h2.title {
    margin-bottom: 0;
}

.page-id-2205 section.phaseiiDiverseBlock.instance-2 h2,
.page-id-2205 section.phaseiiDiverseBlock.instance-2 p {
    color: var(--color-black);
}

.page-id-2205
    section#phaseiiDiverseBlock-1.instance-1
    #phaseiiDiverseBlock-1-infoBlock-1 {
    @media (max-width: 1199px) {
        margin-bottom: 70px;
    }

    @media (max-width: 767px) {
        margin-bottom: 50px;
    }
}

.page-id-2205 section.phaseiiDiverseBlock.instance-2 .header-text .title {
    @media (max-width: 1199px) {
        margin-bottom: 20px;
    }
}

.page-id-2205 section.phaseiiDiverseBlock.instance-2 .diverse-info-block {
    @media (max-width: 1199px) {
        gap: 40px;
        margin-bottom: 70px !important;
    }
}

.page-id-2205
    section.phaseiiDiverseBlock.instance-2
    .diverse-cta-block
    .cta-btn.type-primary-btn {
    max-width: 194px;
}

.page-id-2205
    section.phaseiiDiverseBlock.instance-1
    .floating-description.gold-box {
    @media (max-width: 1199px) {
        padding: 50px 30px;
    }

    @media (max-width: 767px) {
        padding: 30px;
    }
}

/* Brand Bible QA - end */

/* Corporate Photography QA */
.page-id-2451 section.phaseiiBanner {
    @media (max-width: 1199px) {
        padding: 0;
        padding-top: 150px;
    }

    @media (max-width: 767px) {
        padding-top: 0;
    }
}

.page-id-2451 section.phaseiiBanner .phaseii-banner-contents.global-padding {
    @media (max-width: 767px) {
        padding: 50px 20px !important;
    }
}

.page-id-2451 section.phaseiiBanner .phaseii-banner-contents h1 {
    @media (max-width: 440px) {
        font-size: 13.6vw !important;
    }
}

.page-id-2451 section.phaseiiDiverseBlock.instance-1,
.page-id-2451 section.phaseiiDiverseBlock.instance-2,
.page-id-2451 section.phaseiiDiverseBlock.instance-3 {
    @media (max-width: 1199px) {
        padding: 70px 30px;
    }

    @media (max-width: 767px) {
        padding: 50px 20px;
    }
}

.page-id-2451
    section.phaseiiDiverseBlock.instance-1
    .diverse-image-block
    .header-text
    .title {
    color: var(--color-black);
}

.page-id-2451
    section.phaseiiDiverseBlock.instance-1
    .diverse-info-block
    .header-text
    h2,
.page-id-2451
    section.phaseiiDiverseBlock.instance-1
    .diverse-info-block
    .header-text
    p {
    color: var(--color-black);
}

.page-id-2451 section.phaseiiDiverseBlock.instance-1 .diverse-image-block {
    @media (max-width: 1199px) {
        margin-bottom: 70px;
    }

    @media (max-width: 767px) {
        margin-bottom: 50px;
    }
}

.page-id-2451 section.phaseiiDiverseBlock.instance-2 .diverse-image-block h2 {
    margin-bottom: 20px;

    @media (min-width: 1200px) {
        -webkit-line-clamp: unset;
        max-width: 99% !important;
    }
}

.page-id-2451 section.phaseiiDiverseBlock.instance-2 .diverse-image-block p {
    color: var(--color-black);
}

.page-id-2451
    section.phaseiiDiverseBlock.instance-2
    .diverse-image-block
    .header-text {
    gap: 0;
}

.page-id-2451
    section.phaseiiDiverseBlock.instance-2
    .diverse-image-block
    .header-text
    .subtitle
    p:first-of-type {
    @media (min-width: 1200px) {
        /*display: none;*/
    }

    margin-bottom: 24px;
}

.page-id-2451
    section.phaseiiDiverseBlock.instance-2
    .diverse-info-block
    .info-block {
    gap: 0;
}

.page-id-2451
    section.phaseiiDiverseBlock.instance-2
    .diverse-info-block
    .header-text {
    gap: 0;
}

.page-id-2451
    section.phaseiiDiverseBlock.instance-2
    .diverse-info-block
    #phaseiiDiverseBlock-2-infoBlock-2-row-1
    p:first-of-type {
    margin-bottom: 20px;
}

.page-id-2451 section.phaseiiDiverseBlock.instance-2 .diverse-info-block {
    @media (max-width: 1199px) {
        gap: 70px !important;
        padding-top: 70px !important;
    }

    @media (max-width: 767px) {
        gap: 50px !important;
        padding-top: 50px !important;
    }
}

.page-id-2451
    section.phaseiiDiverseBlock.instance-3
    .diverse-info-block
    .header-text
    h2 {
    @media (max-width: 1199px) {
        margin: auto;
        margin-bottom: 22px;
    }
}

.page-id-2451
    section.phaseiiDiverseBlock.instance-3
    .diverse-info-block.sub-3
    .subtitle
    p:first-of-type {
    @media (min-width: 1200px) {
        margin-bottom: 22px;
    }
}

.page-id-2451
    section.phaseiiDiverseBlock.instance-3
    .diverse-info-block
    .block-title {
    margin-bottom: 15px;
}

.page-id-2451 section.phaseiiDiverseBlock.instance-3 .diverse-info-block.sub-4 {
    @media (max-width: 1199px) {
        padding-top: 70px !important;
    }

    @media (max-width: 767px) {
        padding-top: 50px !important;
    }
}

.page-id-2451
    section.phaseiiDiverseBlock.instance-3
    .diverse-info-block.sub-4
    .header-text {
    @media (max-width: 1199px) {
        gap: 0;
    }
}

.page-id-2451
    section.phaseiiDiverseBlock.instance-3
    .diverse-info-block.sub-4
    .info-blocks-grid {
    @media (max-width: 1199px) {
        margin-top: 70px;
    }

    @media (max-width: 767px) {
        margin-top: 50px;
    }
}

.page-id-2451
    #phaseiiDiverseBlock-1
    #phaseiiDiverseBlock-1-imageBlock-1
    .floating-description.green-box {
    @media (max-width: 1199px) {
        padding: 50px 30px;
    }

    @media (max-width: 767px) {
        padding: 30px;
    }
}

.page-id-2451
    #phaseiiDiverseBlock-1
    #phaseiiDiverseBlock-1-imageBlock-1
    .floating-description.green-box
    ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.page-id-2451
    #phaseiiDiverseBlock-1
    #phaseiiDiverseBlock-1-imageBlock-1
    .floating-description.green-box
    li {
    font-size: 14px;
    font-family: "Kollektif", sans-serif;
}

.page-id-2451
    #phaseiiDiverseBlock-2
    #phaseiiDiverseBlock-2-imageBlock-2
    .floating-description.marble-box {
    @media (max-width: 1199px) {
        padding: 50px 30px;
    }

    @media (max-width: 767px) {
        padding: 30px;
    }
}

.page-id-2451 section.phaseiiDiverseBlock.instance-2 .header-text h2 {
    @media (max-width: 1230px) {
        max-width: 94% !important;
    }
}

/* Corporate Photography QA - end */

/* Facebook Marketing Agency QA */
.page-id-2613 section.phaseiiBanner {
    padding: 0;

    @media (max-width: 1570px) {
        height: 100%;
        max-height: fit-content;
    }
}

.page-id-2613 section.phaseiiBanner h1 {
    @media (max-width: 1570px) AND (min-width: 768px) {
        margin-top: 100px;
    }
}

.page-id-2613 section.phaseiiImageFloater {
    @media (max-width: 1199px) {
        padding: 70px 30px;
    }

    @media (max-width: 767px) {
        padding: 50px 20px;
    }
}

.page-id-2613 section.phaseiiImageFloater h2,
.page-id-2613 section.phaseiiImageFloater p {
    color: var(--color-black);
}

.page-id-2613 section.phaseiiDiverseBlock.instance-1 h2,
.page-id-2613 section.phaseiiDiverseBlock.instance-1 p {
    color: var(--color-black);
}

.page-id-2613
    section.phaseiiDiverseBlock.instance-1
    .diverse-block-contents
    #phaseiiDiverseBlock-1-infoBlock-1 {
    @media (max-width: 1199px) {
        gap: 40px;
    }
}

.page-id-2613 section.phaseiiDiverseBlock.instance-1 {
    @media (max-width: 1199px) {
        padding: 70px 30px;
        padding-top: 0;
    }

    @media (max-width: 767px) {
        padding: 50px 20px;
        padding-top: 0;
    }
}

.page-id-2613 section.phaseiiDiverseBlock.instance-2 {
    @media (max-width: 1199px) {
        padding: 70px 30px;
    }

    @media (max-width: 767px) {
        padding: 50px 20px;
    }
}

.page-id-2613
    section.phaseiiDiverseBlock.instance-2
    .diverse-video-gallery
    .header-text {
    @media (max-width: 1199px) {
        margin-bottom: 40px;
    }
}

.page-id-2613
    section.phaseiiDiverseBlock.instance-2
    .diverse-info-block
    .info-block {
    gap: 15px;
}

.page-id-2613
    .phaseiiDiverseBlock.instance-2
    .diverse-block-contents
    #phaseiiDiverseBlock-2-infoBlock-2 {
    @media (max-width: 1199px) {
        gap: 70px;
    }

    @media (max-width: 767px) {
        gap: 50px;
    }
}

.page-id-2613 .phaseiiDiverseBlock.instance-3 {
    @media (max-width: 1199px) {
        padding: 70px 30px;
    }

    @media (max-width: 767px) {
        padding: 50px 20px;
    }
}

.page-id-2613 .phaseiiDiverseBlock.instance-3 h2,
.page-id-2613 .phaseiiDiverseBlock.instance-3 p {
    color: var(--color-black);
}

.page-id-2613 .phaseiiDiverseBlock.instance-3 .diverse-info-block .block-title {
    margin-bottom: 15px;
}

.page-id-2613 .phaseiiDiverseBlock.instance-3 .diverse-info-block .subtitle {
    @media (min-width: 1200px) {
        justify-content: flex-start;
        gap: 40px;
    }
}

.page-id-2613
    .phaseiiDiverseBlock.instance-3
    .diverse-info-block
    .info-block.info-block-1,
.page-id-2613
    .phaseiiDiverseBlock.instance-3
    .diverse-info-block
    .info-block.info-block-2 {
    @media (min-width: 1200px) {
        height: 100vh;
        max-height: 128px;
    }
}

.page-id-2613
    .phaseiiDiverseBlock.instance-3
    .diverse-cta-block
    .cta-btn.type-primary-btn {
    max-width: 194px;
}

.page-id-2613 section.phaseiiBanner.instance-1 {
    @media (min-width: 1200) {
        padding-top: 100px;
    }

    @media (max-width: 1199px) {
        padding-top: 0;
    }

    @media (max-width: 767px) {
        padding-top: 0;
    }
}

.page-id-2613
    section.phaseiiBanner.instance-1
    .phaseii-banner-contents.global-padding {
    @media (max-width: 767px) {
        padding: 50px 20px;
    }
}

.page-id-2613 #phaseiiDiverseBlock-2 #phaseiiDiverseBlock-2-videoGallery-1 {
    @media (max-width: 1199px) {
        margin-bottom: 70px;
    }

    @media (max-width: 767px) {
        margin-bottom: 50px;
    }
}

/* Facebook Marketing Agency QA - end */

/* Instagram Marketing Agency QA */
.page-id-2669 section.phaseiiBanner {
    @media (max-width: 1199px) {
        padding: 0;
        padding-top: 150px;
    }

    @media (max-width: 767px) {
        padding-top: 0;
    }
}

.page-id-2669 section.phaseiiImageFloater .right-contents img.mobile-only {
    @media (min-width: 1200px) {
        display: none;
    }

    border-radius: 16px;
    margin-bottom: 30px;
}

.page-id-2669 section.phaseiiImageFloater h2,
.page-id-2669 section.phaseiiImageFloater p {
    color: var(--color-black);
}

.page-id-2669 section.phaseiiDiverseBlock.instance-1 .info-block {
    gap: 15px;
}

.page-id-2669
    section.phaseiiDiverseBlock.instance-1
    #phaseiiDiverseBlock-1-infoBlock-1 {
    gap: 40px;
}

.page-id-2669 section.phaseiiDiverseBlock.instance-2 .video-subtitle p {
    color: var(--color-black);
}

.page-id-2669
    section.phaseiiDiverseBlock.instance-2
    .diverse-video-gallery
    .header-text {
    @media (max-width: 1199px) {
        margin-bottom: 40px;
    }
}

.page-id-2669
    section.phaseiiDiverseBlock.instance-2
    .diverse-video-gallery
    .video-gallery {
    @media (max-width: 1199px) {
        gap: 40px;
    }
}

.page-id-2669 section.phaseiiDiverseBlock.instance-3 .info-block {
    gap: 15px;
}

.page-id-2669
    .phaseiiDiverseBlock.instance-3
    #phaseiiDiverseBlock-3-infoBlock-2
    .header-text
    .subtitle {
    @media (max-width: 1199px) {
        gap: 0;
    }
}

.page-id-2669
    .phaseiiDiverseBlock.instance-3
    #phaseiiDiverseBlock-3-infoBlock-3 {
    @media (max-width: 1199px) {
        gap: 40px;
    }
}

.page-id-2669
    .phaseiiDiverseBlock.instance-4
    #phaseiiDiverseBlock-4-infoBlock-4 {
    @media (max-width: 1199px) {
        gap: 40px;
    }
}

.page-id-2669
    section.phaseiiDiverseBlock.instance-3
    #phaseiiDiverseBlock-3-infoBlock-3
    img.mobile-only {
    @media (min-width: 1200px) {
        display: none;
    }

    height: 100%;
    max-height: 798px;
    object-fit: cover;
    border-radius: 16px;
}

/* Instagram Marketing Agency QA - end */

/* Tiktok Marketing Agency QA */
.page-id-2697 section.phaseiiBanner {
    min-height: 480px;

    @media (max-width: 1199px) {
        padding: 0;
        padding-top: 150px;
        min-height: 540px;
    }

    @media (max-width: 835px) {
        min-height: 580px;
    }

    @media (max-width: 824px) {
        min-height: 660px;
    }

    @media (max-width: 767px) {
        padding-top: 0;
        height: 100%;
        max-height: fit-content;
        min-height: 490px;
    }

    @media (max-width: 613px) {
        min-height: 570px;
    }

    @media (max-width: 575px) {
        min-height: 600px;
    }

    @media (max-width: 507px) {
        min-height: 675px;
    }

    @media (max-width: 440px) {
        min-height: 715px;
    }

    @media (max-width: 431px) {
        min-height: 805px;
    }

    @media (max-width: 385px) {
        min-height: 845px;
    }

    @media (max-width: 372px) {
        min-height: 905px;
    }
}

.page-id-2697
    section.phaseiiDiverseBlock.instance-1
    .diverse-image-block
    .header-text {
    color: var(--color-black);
}

.page-id-2697
    section.phaseiiDiverseBlock.instance-1
    .diverse-info-block
    #phaseiiDiverseBlock-tiktok-marketing {
    margin-top: 24px !important;
}

.page-id-2697
    section.phaseiiDiverseBlock.instance-1
    .diverse-info-block
    .info-block
    h3 {
    margin-bottom: 15px;
}

.page-id-2697 section.phaseiiDiverseBlock.instance-1 .diverse-info-block h2,
.page-id-2697 section.phaseiiDiverseBlock.instance-1 .diverse-info-block p {
    color: var(--color-black);
}

.page-id-2697
    section.phaseiiDiverseBlock.instance-1
    .diverse-info-block
    .subtitle
    > p {
    @media (max-width: 1199px) {
        margin-bottom: 0 !important;
    }
}

.page-id-2697 section.phaseiiDiverseBlock.instance-2 .info-block {
    gap: 15px;
}

.page-id-2697
    .phaseiiDiverseBlock.instance-2
    #phaseiiDiverseBlock-2-infoBlock-2 {
    @media (max-width: 1199px) {
        gap: 40px !important;
    }
}

.page-id-2697
    .phaseiiDiverseBlock.instance-3
    #phaseiiDiverseBlock-3-videoGallery-1
    p {
    color: var(--color-black);
}

.page-id-2697
    .phaseiiDiverseBlock.instance-3
    #phaseiiDiverseBlock-3-videoGallery-1
    .header-text {
    margin-bottom: 40px;
}

.page-id-2697
    .phaseiiDiverseBlock.instance-4
    #phaseiiDiverseBlock-4-infoBlock-3 {
    gap: 100px;
    margin-bottom: 100px;

    @media (max-width: 1199px) {
        gap: 70px;
        margin-bottom: 70px;
    }

    @media (max-width: 767px) {
        gap: 50px;
        margin-bottom: 50px;
    }
}

.page-id-2697
    .phaseiiDiverseBlock.instance-4
    #phaseiiDiverseBlock-4-infoBlock-3
    .info-block {
    gap: 0;
}

.page-id-2697
    .phaseiiDiverseBlock.instance-4
    #phaseiiDiverseBlock-4-infoBlock-4
    .info-block {
    gap: 0;
}

.page-id-2697
    .phaseiiDiverseBlock.instance-4
    #phaseiiDiverseBlock-4-infoBlock-4
    .header-text
    h2 {
    margin-bottom: 20px;
}

.page-id-2697
    .phaseiiDiverseBlock.instance-4
    #phaseiiDiverseBlock-4-infoBlock-4 {
    @media (max-width: 1199px) {
        gap: 40px;
    }
}

.page-id-2697 .phaseiiDiverseBlock.instance-1 .image-segment .main-image {
    @media (max-width: 1199px) {
        display: none;
    }
}

.page-id-2697
    .phaseiiDiverseBlock.instance-1
    .image-segment
    .floating-description {
    @media (max-width: 1199px) {
        margin-top: 0;
    }
}

.page-id-2697
    .phaseiiDiverseBlock.instance-4
    #phaseiiDiverseBlock-4-infoBlock-3
    .header-text
    h2 {
    @media (max-width: 1199px) {
        margin-bottom: 20px;
    }
}

.page-id-2697
    .phaseiiDiverseBlock.instance-5
    #phaseiiDiverseBlock-5-faqBlock-1
    .cta-button
    a {
    text-align: center;
    line-height: 24px;
}

.page-id-2697
    .phaseiiDiverseBlock.instance-5
    #phaseiiDiverseBlock-5-faqBlock-1
    .faqs-contents {
    @media (max-width: 1199px) {
        gap: 40px;
    }
}

.page-id-2697
    section.phaseiiDiverseBlock.instance-2
    #phaseiiDiverseBlock-2-infoBlock-2
    .subtitle {
    justify-content: unset;
}

.page-id-2697
    section.phaseiiDiverseBlock.instance-2
    #phaseiiDiverseBlock-2-infoBlock-2
    img.mobile-only {
    @media (min-width: 1200px) {
        display: none;
    }

    height: 100%;
    max-height: 798px;
    object-fit: cover;
    border-radius: 16px;
}

/* Tiktok Marketing Agency QA - end */

/* Video Production QA */
.page-id-2714 section.phaseiiBanner {
    @media (max-width: 1199px) {
        padding: 0;
        padding-top: 150px;
    }

    @media (max-width: 767px) {
        padding-top: 0;
    }
}

.page-id-2714 section.phaseiiImageFloater .right-contents img.mobile-only {
    @media (min-width: 1200px) {
        display: none;
    }

    border-radius: 16px;
    margin-bottom: 30px;
}

.page-id-2714 section.phaseiiImageFloater h2,
.page-id-2714 section.phaseiiImageFloater p {
    color: var(--color-black);
}

.page-id-2714
    section.phaseiiDiverseBlock.instance-1
    #phaseiiDiverseBlock-1-infoBlock-1 {
    @media (max-width: 1199px) {
        gap: 40px;
    }
}

.page-id-2714 section.phaseiiDiverseBlock.instance-2 h2,
.page-id-2714 section.phaseiiDiverseBlock.instance-2 p {
    color: var(--color-black);
}

.page-id-2714
    section.phaseiiDiverseBlock.instance-2
    #phaseiiDiverseBlock-2-infoBlock-2 {
    @media (max-width: 1199px) {
        gap: 70px !important;
    }

    @media (max-width: 767px) {
        gap: 40px !important;
    }
}

.page-id-2714
    section.phaseiiDiverseBlock.instance-2
    #phaseiiDiverseBlock-2-infoBlock-3 {
    gap: 50px;
}

.page-id-2714 section.phaseiiDiverseBlock.instance-3 .subtitle {
    margin-top: 0 !important;
}

.page-id-2714 section.phaseiiDiverseBlock.instance-3 .subtitle p {
    margin-bottom: 30px !important;
}

.page-id-2714
    section.phaseiiDiverseBlock.instance-3
    #phaseiiDiverseBlock-3-infoBlock-4
    .info-block {
    gap: 15px;
}

.page-id-2714
    section.phaseiiDiverseBlock.instance-3
    #phaseiiDiverseBlock-3-infoBlock-4 {
    @media (max-width: 1199px) {
        gap: 40px !important;
    }
}

.page-id-2714 section.phaseiiDiverseBlock.instance-4 h2,
.page-id-2714 section.phaseiiDiverseBlock.instance-4 p {
    color: var(--color-black);
}

.page-id-2714
    section.phaseiiDiverseBlock.instance-4
    #phaseiiDiverseBlock-4-infoBlock-5 {
    @media (max-width: 1199px) {
        gap: 40px;
        padding-bottom: 70px;
    }

    @media (max-width: 767px) {
        padding-bottom: 50px;
    }
}

.page-id-2714
    section.phaseiiDiverseBlock.instance-4
    #phaseiiDiverseBlock-4-infoBlock-5
    .subtitle
    p:last-of-type {
    margin-bottom: 30px !important;
}

.page-id-2714
    section.phaseiiDiverseBlock.instance-4
    #phaseiiDiverseBlock-4-infoBlock-5
    .info-blocks-grid
    .info-block
    .block-title {
    @media (min-width: 1200px) {
        width: 100%;
        max-width: 231px;
    }
}

.page-id-2714
    section.phaseiiDiverseBlock.instance-4
    #phaseiiDiverseBlock-4-infoBlock-6 {
    @media (max-width: 1199px) {
        gap: 70px;
    }

    @media (max-width: 767px) {
        gap: 50px;
    }
}

.page-id-2714
    section.phaseiiDiverseBlock.instance-4
    #phaseiiDiverseBlock-4-infoBlock-7 {
    @media (max-width: 1199px) {
        gap: 40px;
    }
}

.page-id-2714
    section.phaseiiDiverseBlock.instance-4
    #phaseiiDiverseBlock-4-infoBlock-5
    .cta-button
    a {
    @media (max-width: 1199px) {
        line-height: normal;
    }
}

.page-id-2714 .phaseiiImageFloater.instance-1 .subtitle p br {
    display: none;
}

.page-id-2714
    .phaseiiDiverseBlock.instance-3
    #phaseiiDiverseBlock-3-infoBlock-4
    .cta-button
    a {
    text-align: center;
    line-height: normal;
}

.page-id-2714
    section.phaseiiDiverseBlock.instance-1
    #phaseiiDiverseBlock-1-infoBlock-1 {
    @media (min-width: 1200px) {
        gap: 70px;
    }
}

.page-id-2714
    section.phaseiiDiverseBlock.instance-4
    #phaseiiDiverseBlock-4-infoBlock-7
    h2 {
    @media (max-width: 1199px) {
        margin-bottom: 20px;
    }
}

.page-id-2714
    section.phaseiiDiverseBlock.instance-4
    #phaseiiDiverseBlock-4-infoBlock-7
    .cta-button
    a {
    @media (max-width: 1199px) {
        line-height: normal;
    }
}

.page-id-2714 .cta-button a {
    line-height: normal !important;
}

.page-id-2714
    section.phaseiiDiverseBlock.instance-3
    #phaseiiDiverseBlock-3-infoBlock-4
    img.mobile-only {
    @media (min-width: 1200px) {
        display: none;
    }

    height: 100%;
    max-height: 798px;
    object-fit: cover;
    border-radius: 16px;
}

/* Video Production QA - end */

/* Corporate Video QA */
.page-id-2749 section.phaseiiBanner {
    h1 {
        @media (min-width: 1200px) and (max-width: 1440px) {
            font-size: 5.56vw !important;
        }
    }

    @media (max-width: 1199px) {
        padding: 0;
        padding-top: 150px;
    }

    @media (max-width: 767px) {
        padding: 0;
        max-height: fit-content;
        min-height: 500px;
    }

    @media (max-width: 575px) {
        min-height: 600px;
    }

    @media (max-width: 440px) {
        min-height: 890px;
    }

    @media (max-width: 320px) {
        min-height: 1050px;
    }
}

.page-id-2749 section.phaseiiDiverseBlock.instance-1 h2,
.page-id-2749 section.phaseiiDiverseBlock.instance-1 p {
    color: var(--color-black);
}

.page-id-2749
    section.phaseiiDiverseBlock.instance-2
    #phaseiiDiverseBlock-2-infoBlock-2 {
    @media (max-width: 1199px) {
        gap: 70px;
    }

    @media (max-width: 767px) {
        gap: 50px;
    }
}

.page-id-2749
    section.phaseiiDiverseBlock.instance-2
    #phaseiiDiverseBlock-2-infoBlock-2
    .header-text
    .subtitle
    p {
    @media (max-width: 1199px) {
        margin-bottom: 0 !important;
    }
}

.page-id-2749
    section.phaseiiDiverseBlock.instance-2
    #phaseiiDiverseBlock-2-infoBlock-2
    .info-block {
    gap: 15px;
}

.page-id-2749
    section.phaseiiDiverseBlock.instance-2
    #phaseiiDiverseBlock-2-infoBlock-2
    img.mobile-only {
    @media (min-width: 1200px) {
        display: none;
    }

    border-radius: 16px;
    margin-bottom: 30px;
}

.page-id-2749 section.phaseiiDiverseBlock.instance-3 p {
    color: var(--color-black) !important;
}

.page-id-2749
    section.phaseiiDiverseBlock.instance-3
    #phaseiiDiverseBlock-3-videoGallery-1
    .video-gallery {
    @media (max-width: 1199px) {
        gap: 40px;
    }
}

.page-id-2749
    section.phaseiiDiverseBlock.instance-3
    #phaseiiDiverseBlock-3-videoGallery-2
    .video-gallery {
    @media (max-width: 1199px) {
        gap: 40px;
    }
}

.page-id-2749
    section.phaseiiDiverseBlock.instance-4
    #phaseiiDiverseBlock-4-infoBlock-3
    .info-block {
    gap: 15px !important;
}

.page-id-2749
    section.phaseiiDiverseBlock.instance-4
    #phaseiiDiverseBlock-4-infoBlock-3
    .header-text
    .subtitle {
    @media (max-width: 1199px) {
        gap: 0 !important;
    }
}

.page-id-2749
    section.phaseiiDiverseBlock.instance-4
    #phaseiiDiverseBlock-4-infoBlock-4 {
    @media (max-width: 1199px) {
        gap: 40px;
    }
}

.page-id-2749
    section.phaseiiDiverseBlock.instance-4
    #phaseiiDiverseBlock-4-infoBlock-4
    .header-text
    .title {
    @media (max-width: 1199px) {
        margin-bottom: 20px;
    }
}

.page-id-2749
    section.phaseiiDiverseBlock.instance-5
    #phaseiiDiverseBlock-5-infoBlock-5 {
    gap: 40px !important;
}

.page-id-2749
    .phaseiiDiverseBlock.instance-1
    #phaseiiDiverseBlock-1-infoBlock-1 {
    @media (max-width: 1199px) {
        gap: 40px;
    }
}

.page-id-2749
    .phaseiiDiverseBlock.instance-2
    .diverse-block-contents
    #phaseiiDiverseBlock-2-infoBlock-2 {
    @media (max-width: 1199px) {
        gap: 40px !important;
    }
}

.page-id-2749
    section#phaseiiDiverseBlock-3
    #phaseiiDiverseBlock-3-videoGallery-1
    .header-text {
    @media (max-width: 1199px) {
        /* margin-bottom: 40px !important; */
    }
}

.page-id-2749 .phaseiiBanner.instance-1 .header-contents {
    container-type: inline-size;
    container-name: text-container;
    width: 100%;
}

.page-id-2749
    .phaseiiDiverseBlock.instance-3
    #phaseiiDiverseBlock-3-videoGallery-1
    h3.video-title,
.page-id-2749
    .phaseiiDiverseBlock.instance-3
    #phaseiiDiverseBlock-3-videoGallery-2
    h3.video-title {
    margin-bottom: 0px;
}

.page-id-2749
    .phaseiiDiverseBlock.instance-3
    #phaseiiDiverseBlock-3-videoGallery-1
    .subtitle
    .marble-container {
    background: url("https://sigilbrand.com/wp-content/uploads/2026/02/our-works-marble-sm-0.png");
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 16px;
    border: 1px solid var(--color-gold);
    overflow: hidden;
    width: 100%;
    max-width: 269px;
    height: 100vh;
    max-height: 344px;
    padding: 70px 50px;
    z-index: 2;
    position: relative;
    font-family: "Kollektif", sans-serif;
    font-size: 14px;

    @media (max-width: 1199px) {
        max-width: -webkit-fill-available;
        height: 100%;
        max-height: max-content;
    }
}

.page-id-2749
    .phaseiiDiverseBlock.instance-3
    #phaseiiDiverseBlock-3-videoGallery-1
    .header-text {
    position: relative;
    margin-bottom: 110px;

    @media (max-width: 1199px) {
        margin-bottom: 40px !important;
        max-width: -webkit-fill-available;
        align-items: flex-start;
        margin-bottom: 40px !important;
    }
}

.page-id-2749
    .phaseiiDiverseBlock.instance-3
    #phaseiiDiverseBlock-3-videoGallery-1
    .header-text
    h2 {
    @media (max-width: 1199px) {
        width: 100%;
    }
}

.page-id-2749
    .phaseiiDiverseBlock.instance-3
    #phaseiiDiverseBlock-3-videoGallery-1
    .subtitle {
    @media (max-width: 1199px) {
    }
}

.page-id-2749
    .phaseiiDiverseBlock.instance-3
    #phaseiiDiverseBlock-3-videoGallery-1
    .subtitle
    a.cta-btn {
    text-align: center;
    line-height: normal;
    font-size: 23px;
}

.page-id-2749
    .phaseiiDiverseBlock.instance-3
    #phaseiiDiverseBlock-3-videoGallery-1
    .subtitle
    .marble-image {
    display: flex;
    width: 100%;
    max-width: 364px;
    position: absolute;
    right: 0;
    bottom: -74px;

    @media (max-width: 1199px) {
        display: none;
    }
}

/* Special Case Queries */
@container text-container (max-width: 995px) {
    .header-contents h1 {
        font-size: 80px !important;
    }
}

@container text-container (max-width: 920px) {
    .header-contents h1 {
        font-size: 70px !important;
    }
}

@container text-container (max-width: 805px) {
    .header-contents h1 {
        font-size: 65px !important;
    }
}

@container text-container (max-width: 747px) {
    .header-contents h1 {
        font-size: 60px !important;
    }
}

@container text-container (max-width: 689px) {
    .header-contents h1 {
        font-size: 8.2vw !important;
    }
}

@container text-container (max-width: 535px) {
    .header-contents h1 {
        font-size: 48px !important;
    }
}

.page-id-2749 .phaseiiBanner.instance-1 {
    min-height: 422px;

    @media (max-width: 1199px) {
        min-height: 500px;
    }

    @media (max-width: 720px) {
        min-height: 550px;
    }

    @media (max-width: 575px) {
        min-height: 590px;
    }

    @media (max-width: 480px) {
        min-height: 615px;
    }

    @media (max-width: 450px) {
        min-height: 650px;
    }

    @media (max-width: 411px) {
        min-height: 720px;
    }

    @media (max-width: 390px) {
        min-height: 765px;
    }

    @media (max-width: 385px) {
        min-height: 790px;
    }

    @media (max-width: 335px) {
        min-height: 875px;
    }
}
/* Special Case Queries - end */

/* Corporate Video QA - end */

/* Careers Main QA */
.page-id-2772 section.phaseiiBanner {
    @media (max-width: 1199px) {
        padding: 0;
        padding-top: 150px;
    }

    @media (max-width: 767px) {
        padding: 0;
    }
}

.page-id-2772 section.phaseiiBanner .phaseii-banner-contents {
    @media (min-width: 768px) {
        padding-top: 48px;
    }
}

.page-id-2772 section.phaseiiDiverseBlock.instance-1 h2,
.page-id-2772 section.phaseiiDiverseBlock.instance-1 p {
    color: var(--color-black);
}

.page-id-2772
    section.phaseiiDiverseBlock.instance-1
    #phaseiiDiverseBlock-1-infoBlock-1 {
    @media (max-width: 1199px) {
        gap: 40px;
    }
}

.page-id-2772 section.phaseiiHoverStack .header-text {
    margin-bottom: 70px;

    @media (max-width: 1199px) {
        margin-bottom: 40px;
    }
}

.page-id-2772 section.phaseiiHoverStack .stack-main {
    column-gap: 24px;
    row-gap: 24px;
}

.page-id-2772 .phaseiiHoverStack.instance-1 .phaseii-hover-stack-contents {
    @media (max-width: 1199px) {
        max-width: 100%;
    }
}

.page-id-2772
    .phaseiiHoverStack.instance-1
    .phaseii-hover-stack-contents
    .header-text {
    @media (max-width: 1199px) {
        max-width: 100%;
    }
}

.page-id-2772
    .phaseiiHoverStack.instance-1
    .phaseii-hover-stack-contents
    .stack-main {
    width: 100%;
    max-width: 65.3vw;
    margin: auto;

    @media (max-width: 767px) {
        max-width: -webkit-fill-available;
    }
}

/* Careers Main QA - end */

/* NOTE: Careers Single loated at single-careers-new.css */

/* Blogs Main QA */
.page-id-2793 section.phaseiiBlogs p {
    color: var(--color-black);
}

.page-id-2793
    section.phaseiiBlogs
    .blogs-page-content
    .blogs-upper
    .header-latest {
    @media (max-width: 1199px) {
        gap: 30px !important;
    }
}

.page-id-2793 section.phaseiiBlogs .blogs-page-content .blogs-upper {
    @media (max-width: 1199px) {
        gap: 40px !important;
        margin-bottom: 70px !important;
    }

    @media (max-width: 767px) {
        margin-bottom: 50px !important;
    }
}

.page-id-2793
    section.phaseiiBlogs
    .blogs-page-content
    .blogs-lower
    .search-title {
    @media (max-width: 1199px) {
        gap: 40px !important;
    }
}

.page-id-2793
    section.phaseiiBlogs
    .blogs-page-content
    .blogs-lower
    .search-gallery {
    @media (max-width: 1199px) {
        margin-bottom: 70px !important;
    }

    @media (max-width: 767px) {
        margin-bottom: 50px !important;
    }
}

/* Blogs Main QA - end */

/* About Us QA */
.page-id-2144 section.phaseiiBanner {
    @media (max-width: 1199px) {
        padding: 0;
        padding-top: 150px;
    }

    @media (max-width: 767px) {
        padding: 0;
    }
}

.page-id-2144 section.phaseiiImageFloater h2,
.page-id-2144 section.phaseiiImageFloater p {
    color: var(--color-black);
}

.page-id-2144
    section.phaseiiImageFloater.instance-1
    .phaseii-image-floater-contents
    img.mobile-only {
    @media (min-width: 1200px) {
        display: none;
    }

    border-radius: 16px;
    margin-bottom: 30px;
}

.page-id-2144 section.phaseiiSideSlider .description {
    -webkit-line-clamp: unset !important;
}

.page-id-2144 section.phaseiiSideSlider .main-images {
    @media (max-width: 1199px) {
        display: none !important;
    }
}

.page-id-2144 section.phaseiiSideSlider img.mobile-only {
    @media (min-width: 1200px) {
        display: none;
    }

    border-radius: 16px;
    margin-bottom: 30px;
}

.page-id-2144
    section.phaseiiSideSlider
    .side-slider-contents
    .custom-counter
    .counter:nth-of-type(3)
    p {
    max-width: 111px;
}

.page-id-2144 section.phaseiiDiverseBlock.instance-1 h2,
.page-id-2144 section.phaseiiDiverseBlock.instance-1 p {
    color: var(--color-black);
}

.page-id-2144
    section.phaseiiDiverseBlock.instance-1
    #phaseiiDiverseBlock-1-infoBlock-1 {
    @media (max-width: 1199px) {
        gap: 70px;
    }

    @media (max-width: 767px) {
        gap: 50px;
    }
}

.page-id-2144
    section.phaseiiDiverseBlock.instance-1
    #phaseiiDiverseBlock-1-logoMarquee-1 {
    @media (max-width: 1199px) {
        margin-top: 70px;
        margin-bottom: 70px;
    }

    @media (max-width: 767px) {
        margin-top: 50px;
        margin-bottom: 50px;
    }
}

.page-id-2144
    section.phaseiiDiverseBlock.instance-1
    #phaseiiDiverseBlock-1-logoMarquee-1
    p {
    font-size: 18px;
}

.page-id-2144
    section.phaseiiDiverseBlock.instance-1
    #phaseiiDiverseBlock-1-ctaBlock-1
    #phaseiiDiverseBlock-1-ctaBlock-1-btn-1 {
    @media (max-width: 1199px) {
        max-width: 162px;
    }
}

/* About Us QA - end */

/* Socmed Ads Agency QA */
.page-id-2486 img.mobile-only {
    @media (max-width: 1199px) {
        margin-bottom: 30px !important;
    }
}

.page-id-2486 .subtitle br {
    display: none;
}

.page-id-2486 section#phaseiiDiverseBlock-1 p,
.page-id-2486 section#phaseiiDiverseBlock-2 h2,
.page-id-2486 section#phaseiiDiverseBlock-2 p,
.page-id-2486 section#phaseiiDiverseBlock-4 h2,
.page-id-2486 section#phaseiiDiverseBlock-4 p,
.page-id-2486 section#phaseiiDiverseBlock-6 h2,
.page-id-2486 section#phaseiiDiverseBlock-6 p {
    color: var(--color-black);
}

.page-id-2486 section#phaseiiDiverseBlock-6 .scheme-dark-mode h2 {
    color: var(--color-beige);
}

.page-id-2486 section#phaseiiDiverseBlock-2 .header-text {
    gap: 20px !important;
}

.page-id-2486
    section.phaseiiDiverseBlock.instance-3
    #phaseiiDiverseBlock-3-imageBlock-3
    .subtitle
    p:first-of-type {
    @media (min-width: 1200px) {
        display: none;
    }
}

.page-id-2486
    section.phaseiiDiverseBlock.instance-3
    #phaseiiDiverseBlock-3-imageBlock-3
    .image-segment {
    max-width: fit-content;
}

.page-id-2486
    section.phaseiiDiverseBlock.instance-3
    #phaseiiDiverseBlock-3-infoBlock-1
    .info-block {
    gap: 15px;
}

.page-id-2486
    section.phaseiiDiverseBlock.instance-3
    #phaseiiDiverseBlock-3-imageBlock-4
    h2 {
    margin-bottom: 20px;
}

.page-id-2486
    section.phaseiiDiverseBlock.instance-3
    #phaseiiDiverseBlock-3-imageBlock-4
    .subtitle
    br {
    display: none;
}

.page-id-2486
    section.phaseiiDiverseBlock.instance-3
    #phaseiiDiverseBlock-3-infoBlock-2
    h2 {
    @media (max-width: 1199px) {
        margin-bottom: 20px;
    }
}

.page-id-2486
    section.phaseiiDiverseBlock.instance-4
    #phaseiiDiverseBlock-4-imageBlock-5
    .header-text {
    gap: 20px;
}

.page-id-2486
    section.phaseiiDiverseBlock.instance-4
    #phaseiiDiverseBlock-4-infoBlock-3
    .info-block
    h3 {
    margin-bottom: 15px;
}

.page-id-2486
    section.phaseiiDiverseBlock.instance-5
    #phaseiiDiverseBlock-5-imageBlock-6
    .header-text {
    gap: 0;
}

.page-id-2486
    section.phaseiiDiverseBlock.instance-5
    #phaseiiDiverseBlock-5-imageBlock-6
    .header-text
    h2 {
    margin-bottom: 20px;
}

.page-id-2486
    section.phaseiiDiverseBlock.instance-5
    #phaseiiDiverseBlock-5-infoBlock-4
    .info-block {
    gap: 0;
}

.page-id-2486
    section.phaseiiDiverseBlock.instance-5
    #phaseiiDiverseBlock-5-infoBlock-4
    .info-block
    .block-text {
    @media (max-width: 1199px) {
        max-width: 100% !important;
    }
}

.page-id-2486
    section.phaseiiDiverseBlock.instance-5
    #phaseiiDiverseBlock-5-imageBlock-7
    h3.title {
    margin-bottom: 20px !important;
}

.page-id-2486
    section.phaseiiDiverseBlock.instance-5
    #phaseiiDiverseBlock-5-imageBlock-7
    li {
    font-family: "Kollektif", sans-serif;
}

.page-id-2486
    section.phaseiiDiverseBlock.instance-5
    #phaseiiDiverseBlock-5-infoBlock-4 {
    @media (max-width: 1199px) {
        gap: 40px !important;
    }
}

.page-id-2486
    section.phaseiiDiverseBlock.instance-6
    #phaseiiDiverseBlock-6-infoBlock-5 {
    @media (max-width: 1199px) {
        gap: 40px !important;
    }
}

.page-id-2486
    section.phaseiiDiverseBlock.instance-6
    #phaseiiDiverseBlock-6-imageBlock-8
    .header-text {
    gap: 0 !important;
}

.page-id-2486 section.phaseiiDiverseBlock.instance-3 .subtitle p:first-of-type {
    @media (max-width: 1199px) {
        margin-bottom: 0px !important;
    }
}

section.phaseiiDiverseBlock.instance-6
    #phaseiiDiverseBlock-6-imageBlock-8
    .header-text
    h2 {
    margin-bottom: 20px !important;
}

.page-id-2486
    section.phaseiiDiverseBlock.instance-6
    #phaseiiDiverseBlock-6-imageBlock-8
    h2 {
    color: var(--color-gold);
}

.page-id-2486
    section.phaseiiDiverseBlock.instance-3
    #phaseiiDiverseBlock-3-infoBlock-1 {
    @media (max-width: 1199px) {
        gap: 40px !important;
    }
}

.page-id-2486 section.phaseiiDiverseBlock.instance-1 {
    @media (max-width: 1550px) {
        padding-bottom: 100px !important;
    }

    @media (max-width: 1199px) {
        padding-bottom: 0 !important;
    }
}

.page-id-2486 section.phaseiiDiverseBlock.instance-1 .header-text {
    @media (max-width: 1440px) {
        max-width: 705px !important;
    }

    @media (max-width: 1340px) {
        max-width: 675px !important;
    }

    @media (max-width: 1280px) {
        max-width: 620px !important;
    }

    @media (max-width: 1199px) {
        max-width: 100% !important;
    }
}

.page-id-2486 section.phaseiiDiverseBlock.instance-1 .header-text h1 {
    @media (max-width: 1340px) AND (min-width: 1200px) {
        font-size: 5.97vw !important;
    }
}

.page-id-2486 section.phaseiiDiverseBlock.instance-1 .main-image {
    position: relative !important;
}

.page-id-2486 section.phaseiiDiverseBlock.instance-1 .main-image img {
    object-fit: cover;
    min-height: 688px;
}

section.phaseiiDiverseBlock.instance-6 #phaseiiDiverseBlock-6-ctaBlock-1 {
    @media (max-width: 1199px) {
        margin-bottom: 70px !important;
    }

    @media (max-width: 767px) {
        margin-bottom: 50px !important;
    }
}

/* Socmed Ads Agency QA - end */

/* Social Media Marketing QA */
.page-id-2571 {
    header {
        #webNav {
            position: relative;
            background: var(--color-green);
        }

        #mobileNav {
            position: relative;
            background: var(--color-green);
        }
    }

    section.phaseiiDiverseBlock:first-of-type {
        z-index: -1;
        /* Solid Nav ver. */
        overflow: hidden;
    }

    section.phaseiiDiverseBlock {
        overflow: hidden;
    }
}

.page-id-2571 section.phaseiiDiverseBlock .subtitle img.mobile-only {
    @media (max-width: 1199px) {
        margin-bottom: 30px !important;
    }
}

.page-id-2571 section.phaseiiDiverseBlock .subtitle br {
    display: none;
}

.page-id-2571 section.phaseiiDiverseBlock.instance-1 .subtitle,
.page-id-2571
    section.phaseiiDiverseBlock.instance-2
    #phaseiiDiverseBlock-2-imageBlock-2
    .subtitle {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.page-id-2571 section.phaseiiDiverseBlock.instance-1 .subtitle p,
.page-id-2571 section.phaseiiDiverseBlock.instance-2 .subtitle p {
    color: var(--color-black);
}

.page-id-2571
    section.phaseiiDiverseBlock.instance-2
    #phaseiiDiverseBlock-2-infoBlock-1
    .info-block
    h3 {
    margin-bottom: 15px;
}

.page-id-2571
    section.phaseiiDiverseBlock.instance-2
    #phaseiiDiverseBlock-2-infoBlock-1
    h2,
.page-id-2571
    section.phaseiiDiverseBlock.instance-2
    #phaseiiDiverseBlock-2-infoBlock-1
    p {
    color: var(--color-black);
}

.page-id-2571
    section.phaseiiDiverseBlock.instance-2
    #phaseiiDiverseBlock-2-infoBlock-1
    #phaseiiDiverseBlock-social-media-marketing {
    @media (max-width: 1199px) {
        margin-top: 0 !important;
    }
}

.page-id-2571
    section.phaseiiDiverseBlock.instance-2
    #phaseiiDiverseBlock-2-imageBlock-3
    .header-text {
    gap: 20px !important;
}

.page-id-2571 #phaseiiDiverseBlock-2 #phaseiiDiverseBlock-2-imageBlock-3 {
    @media (max-width: 1199px) {
        margin-bottom: 70px !important;
    }

    @media (max-width: 767px) {
        margin-bottom: 50px !important;
    }
}

.page-id-2571
    #phaseiiDiverseBlock-2
    #phaseiiDiverseBlock-2-infoBlock-2
    .header-text
    h2,
.page-id-2571 #phaseiiDiverseBlock-2 #phaseiiDiverseBlock-2-infoBlock-2 p {
    color: var(--color-black);
}

.page-id-2571 #phaseiiDiverseBlock-2 #phaseiiDiverseBlock-2-infoBlock-2 {
    @media (max-width: 1199px) {
        gap: 40px !important;
    }
}

.page-id-2571 #phaseiiDiverseBlock-3 #phaseiiDiverseBlock-3-infoBlock-3 {
    @media (max-width: 1199px) {
        gap: 70px !important;
    }

    @media (max-width: 767px) {
        gap: 50px !important;
    }
}

.page-id-2571
    #phaseiiDiverseBlock-3
    #phaseiiDiverseBlock-3-infoBlock-3
    .info-block {
    gap: 15px;
}

.page-id-2571 #phaseiiDiverseBlock-3 #phaseiiDiverseBlock-3-infoBlock-3 h2 {
    @media (max-width: 1199px) {
        margin-bottom: 20px;
    }
}

.page-id-2571
    #phaseiiDiverseBlock-3
    #phaseiiDiverseBlock-3-infoBlock-3
    .cta-button
    a {
    @media (max-width: 1199px) {
        text-align: center;
    }
}

.page-id-2571 #phaseiiDiverseBlock-4 h2,
.page-id-2571 #phaseiiDiverseBlock-4 p {
    color: var(--color-black);
}

.page-id-2571
    section.phaseiiDiverseBlock.instance-3
    .cta-button
    a.cta-btn.type-primary-btn {
    line-height: normal;
}

.page-id-2571
    section.phaseiiDiverseBlock.instance-4
    #phaseiiDiverseBlock-4-faqBlock-1 {
    @media (max-width: 1199px) {
        padding-left: 0;
        padding-right: 0;
    }
}

.page-id-2571 section.phaseiiDiverseBlock.instance-1 {
    @media (max-width: 1550px) {
        padding-bottom: 100px !important;
    }

    @media (max-width: 1199px) {
        max-height: fit-content;
        padding-bottom: 0 !important;
        height: unset;
    }
}

.page-id-2571 section.phaseiiDiverseBlock.instance-1 .header-text {
    @media (max-width: 1440px) AND (min-width: 1200px) {
        max-width: 600px !important;
    }
}

.page-id-2571 section.phaseiiDiverseBlock.instance-1 .main-image {
    position: relative !important;
}

.page-id-2571 section.phaseiiDiverseBlock.instance-1 .main-image img {
    object-fit: cover;
    min-height: 688px;
}

/*.page-id-2571 section.phaseiiDiverseBlock.instance-1 {
    max-height: fit-content !important;
}

.page-id-2571 section.phaseiiDiverseBlock.instance-1 .header-text {
    @media (min-width: 1921px) {
        max-width: 698px !important;
    }

    @media (min-width: 1200px) {
        max-width: 36.35vw !important;
    }
}*/

/* Social Media Marketing QA - end */

/* Our Creative Works Inside QA */
.single-our-work section.phaseiiCreativeWorks .works-grid {
    @media (max-width: 1199px) {
        display: flex !important;
        flex-direction: column;
    }
}

.single-our-work
    section.phaseiiCreativeWorks
    .works-grid
    .works-block.works-block--grid {
    @media (max-width: 1199px) {
        grid-template-columns: repeat(2, 1fr);
    }

    @media (max-width: 991px) {
        display: flex;
        flex-direction: column;
    }
}

.single-our-work
    section.phaseiiCreativeWorks
    .works-grid
    .works-block.works-block--flex
    .work-item {
    height: 100%;
    width: 100%;

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

.single-our-work section.phaseiiCreativeWorks .header-text {
    @media (max-width: 1199px) {
        margin-bottom: 40px !important;
    }
}

/* Our Creative Works Inside QA - end */

/* QA Overrides - end */