.Services_Showcase_Snpt {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 96px 0 78px;
    background:
        linear-gradient(180deg, rgba(4, 20, 46, .12) 0%, rgba(7, 29, 69, .06) 55%, rgba(4, 20, 46, .08) 100%),
        url("../images/digital-network-bg.png") center top / cover no-repeat fixed;
    color: #ffffff;
}

.Services_Showcase_Snpt,
.Services_Showcase_Snpt * {
    box-sizing: border-box;
}

.Services_Showcase_Content_Snpt {
    width: min(1500px, calc(100% - 90px));
    margin: 0 auto;
    display: grid;
    grid-template-columns: 360px minmax(0, 1fr);
    align-items: center;
    gap: 72px;
}

.Services_Showcase_Copy_Snpt span {
    display: block;
    margin-bottom: 22px;
    color: #0B5FFF;
    font-family: "Raleway", sans-serif;
    font-size: 20px;
    font-weight: 900;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.Services_Showcase_Copy_Snpt h2 {
    margin: 0 0 26px;
    color: #ffffff;
    font-family: "Raleway", sans-serif;
    font-size: clamp(46px, 4vw, 70px);
    font-weight: 900;
    line-height: 1.08;
    letter-spacing: 0;
}

.Services_Showcase_Copy_Snpt h2 strong {
    display: block;
    color: #0B5FFF;
    font-weight: 900;
}

.Services_Showcase_Copy_Snpt p {
    max-width: 360px;
    margin: 0;
    color: rgba(255, 255, 255, .78);
    font-size: 20px;
    line-height: 1.75;
}

.Services_Showcase_Cards_Snpt {
    display: flex;
    align-items: stretch;
    justify-content: flex-end;
    gap: 0;
    min-width: 0;
}

.Services_Showcase_Card_Snpt {
    width: 200px;
    min-height: 286px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 34px 22px;
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: 18px;
    background: rgba(20, 28, 52, .68);
    color: #ffffff !important;
    text-align: center;
    text-decoration: none !important;
    box-shadow: 0 20px 54px rgba(0, 0, 0, .24);
    transition: border-color 600ms cubic-bezier(.22, 1, .36, 1), box-shadow 600ms cubic-bezier(.22, 1, .36, 1), transform 600ms cubic-bezier(.22, 1, .36, 1), opacity 600ms cubic-bezier(.22, 1, .36, 1);
}

.Services_Showcase_Card_Snpt + .Services_Showcase_Card_Snpt {
    margin-left: -42px;
}

.Services_Showcase_Card_Snpt > i {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #edf5ff;
    color: #0B5FFF;
    font-size: 22px;
    box-shadow: 0 14px 28px rgba(11, 95, 255, .18);
}

.Services_Showcase_Card_Snpt h3 {
    min-height: 54px;
    margin: 0;
    color: #ffffff;
    font-family: "Raleway", sans-serif;
    font-size: 17px;
    font-weight: 900;
    line-height: 1.35;
}

.Services_Showcase_Card_Snpt h3::after {
    content: "";
    display: block;
    width: 34px;
    height: 1px;
    margin: 24px auto 0;
    background: #0B5FFF;
}

.Services_Showcase_Card_Snpt span {
    color: #1684ff;
    font-size: 14px;
    font-weight: 900;
}

.Services_Showcase_Card_Snpt span i {
    margin-left: 8px;
}

.Services_Showcase_Card_Snpt.is-active,
.Services_Showcase_Card_Snpt:hover {
    transform: translateY(-8px);
    border-color: rgba(11, 95, 255, .96);
    box-shadow:
        0 0 0 1px rgba(11, 95, 255, .48),
        0 0 34px rgba(11, 95, 255, .42),
        0 28px 70px rgba(0, 0, 0, .36);
}

.Services_Showcase_Nav_Snpt {
    width: min(1500px, calc(100% - 90px));
    margin: -76px auto 0;
    display: flex;
    justify-content: space-between;
}

.Services_Showcase_Nav_Snpt button {
    width: 58px;
    height: 58px;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, .1);
    color: #ffffff;
    font-size: 24px;
}

.Services_Showcase_Dots_Snpt {
    width: min(1500px, calc(100% - 90px));
    margin: 120px auto 0;
    display: flex;
    gap: 26px;
}

.Services_Showcase_Dots_Snpt button {
    width: 14px;
    height: 14px;
    padding: 0;
    background: transparent;
    border: 2px solid rgba(255, 255, 255, .9);
    border-radius: 50%;
    cursor: pointer;
}

.Services_Showcase_Dots_Snpt button.is-active {
    border-color: #0B5FFF;
    background: #0B5FFF;
}

@media (max-width: 1199px) {
    .Services_Showcase_Content_Snpt {
        grid-template-columns: 1fr;
        gap: 38px;
    }

    .Services_Showcase_Copy_Snpt {
        text-align: center;
    }

    .Services_Showcase_Copy_Snpt p {
        max-width: 720px;
        margin: 0 auto;
    }

    .Services_Showcase_Cards_Snpt {
        justify-content: flex-start;
        overflow-x: auto;
        padding-bottom: 16px;
    }

    .Services_Showcase_Card_Snpt {
        flex: 0 0 220px;
    }

    .Services_Showcase_Nav_Snpt,
    .Services_Showcase_Dots_Snpt {
        display: none;
    }
}

@media (max-width: 760px) {
    .Services_Showcase_Snpt {
        padding: 70px 0 66px;
    }

    .Services_Showcase_Content_Snpt {
        width: min(100% - 32px, 520px);
    }

    .Services_Showcase_Copy_Snpt h2 {
        font-size: 42px;
    }
}

.Offers_Coverflow_Section_Snpt {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    margin-top: -1px;
    padding: 78px 0 94px;
    background:
        linear-gradient(180deg, rgba(4, 20, 46, .08) 0%, rgba(7, 29, 69, .06) 50%, rgba(4, 20, 46, .16) 100%),
        url("../images/digital-network-bg.png") center top / cover no-repeat fixed;
    color: #ffffff;
}

.Offers_Coverflow_Section_Snpt,
.Offers_Coverflow_Section_Snpt * {
    box-sizing: border-box;
}

.Offers_Coverflow_Backdrop_Snpt,
.Offers_Coverflow_Section_Snpt::before,
.Offers_Coverflow_Section_Snpt::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
}

.Offers_Coverflow_Backdrop_Snpt {
    background:
        radial-gradient(circle at 50% 18%, rgba(11, 95, 255, 0.12), transparent 30%),
        linear-gradient(180deg, rgba(4, 20, 46, .02), rgba(4, 20, 46, .12));
    filter: none;
}

.Offers_Coverflow_Section_Snpt::before {
    display: none;
}

.Offers_Coverflow_Section_Snpt::after {
    display: none;
}

.Offers_Coverflow_Header_Snpt {
    width: min(900px, calc(100% - 40px));
    margin: 0 auto;
    text-align: center;
}

.Offers_Coverflow_Eyebrow_Snpt {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    padding: 0 30px;
    border: 1px solid rgba(84, 158, 255, .24);
    border-radius: 999px;
    background: rgba(11, 95, 255, .18);
    color: #4195ff;
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.Offers_Coverflow_Header_Snpt h2 {
    margin: 22px 0 16px;
    color: #ffffff;
    font-family: "Raleway", sans-serif;
    font-size: clamp(38px, 5vw, 68px);
    font-weight: 900;
    line-height: 1.03;
    letter-spacing: 0;
    text-shadow: 0 18px 52px rgba(0, 0, 0, .34);
}

.Offers_Coverflow_Header_Snpt p {
    max-width: 760px;
    margin: 0 auto;
    color: rgba(255, 255, 255, .78);
    font-size: 19px;
    line-height: 1.7;
}

.Offers_Coverflow_Shell_Snpt {
    position: relative;
    width: 100%;
    min-height: 618px;
    margin-top: 52px;
    overflow: hidden;
    outline: none;
    user-select: none;
}

.Offers_Coverflow_Stage_Snpt {
    position: relative;
    width: 100%;
    height: 546px;
    perspective: 1500px;
    touch-action: pan-y;
}

.Offers_Coverflow_Card_Snpt {
    --x: 0px;
    --scale: .88;
    --opacity: .55;
    --rotate: 0deg;
    --z: 1;
    --lift: 0px;
    position: absolute;
    top: 20px;
    left: 50%;
    z-index: var(--z);
    width: 320px;
    height: 500px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 24px;
    background: rgba(20, 28, 52, .82);
    box-shadow: 0 20px 60px rgba(0, 0, 0, .45);
    opacity: var(--opacity);
    transform:
        translateX(calc(-50% + var(--x)))
        translateY(var(--lift))
        scale(var(--scale))
        rotateY(var(--rotate));
    transform-style: preserve-3d;
    transition:
        transform 600ms cubic-bezier(.22, 1, .36, 1),
        opacity 600ms cubic-bezier(.22, 1, .36, 1),
        border-color 600ms cubic-bezier(.22, 1, .36, 1),
        box-shadow 600ms cubic-bezier(.22, 1, .36, 1);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

.Offers_Coverflow_Card_Snpt::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .15), transparent 28%),
        radial-gradient(circle at 50% 0, rgba(11, 95, 255, .2), transparent 42%);
    pointer-events: none;
}

.Offers_Coverflow_Card_Snpt.is-active {
    --scale: 1.08;
    --opacity: 1;
    border-color: rgba(40, 139, 255, .98);
    box-shadow:
        0 0 0 1px rgba(11, 95, 255, .55),
        0 0 42px rgba(11, 95, 255, .52),
        0 34px 86px rgba(0, 0, 0, .58);
}

.Offers_Coverflow_Card_Snpt:hover {
    --lift: -10px;
    box-shadow:
        0 0 0 1px rgba(11, 95, 255, .58),
        0 0 58px rgba(11, 95, 255, .55),
        0 34px 90px rgba(0, 0, 0, .62);
}

.Offers_Coverflow_Card_Snpt img {
    position: relative;
    z-index: 2;
    display: block;
    width: calc(100% - 32px);
    height: 235px;
    margin: 16px;
    border-radius: 18px;
    object-fit: cover;
    background: rgba(255, 255, 255, .08);
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, .1),
        0 18px 42px rgba(0, 0, 0, .25);
}

.Offers_Coverflow_Card_Snpt img.Logo_Project_Snpt {
    object-fit: contain;
    padding: 22px;
    background: rgba(255, 255, 255, .94);
}

.Offers_Coverflow_Card_Snpt img.Logo_Project_Dark_Snpt {
    background: #050505;
}

.Offers_Coverflow_Content_Snpt {
    position: relative;
    z-index: 2;
    display: flex;
    min-height: 226px;
    flex-direction: column;
    padding: 8px 26px 26px;
}

.Offers_Coverflow_Content_Snpt h3 {
    margin: 0 0 12px;
    color: #ffffff;
    font-family: "Raleway", sans-serif;
    font-size: 24px;
    font-weight: 900;
    line-height: 1.16;
}

.Offers_Coverflow_Content_Snpt p {
    margin: 0;
    color: rgba(255, 255, 255, .72);
    font-size: 14.5px;
    line-height: 1.58;
}

.Offers_Coverflow_Content_Snpt a {
    display: inline-flex;
    width: max-content;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    margin-top: auto;
    padding: 0 20px;
    border: 1px solid rgba(75, 157, 255, .34);
    border-radius: 999px;
    background: linear-gradient(135deg, #0B5FFF, #0046d8);
    color: #ffffff !important;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .2px;
    text-decoration: none;
    box-shadow: 0 14px 32px rgba(11, 95, 255, .28);
}

.Offers_Coverflow_Nav_Snpt {
    position: absolute;
    top: 282px;
    z-index: 30;
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 50%;
    background: rgba(255, 255, 255, .1);
    color: #ffffff;
    cursor: pointer;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .24);
    transition: transform 180ms ease, background 180ms ease, box-shadow 180ms ease;
}

.Offers_Coverflow_Nav_Snpt:hover {
    background: rgba(11, 95, 255, .32);
    box-shadow: 0 0 28px rgba(11, 95, 255, .42);
    transform: translateY(-2px);
}

.Offers_Coverflow_Nav_Snpt span {
    display: block;
    transform: translateY(-2px);
    font-size: 44px;
    line-height: 1;
}

.Offers_Coverflow_Nav_Snpt.Prev_Snpt {
    left: max(18px, calc((100vw - 1320px) / 2));
}

.Offers_Coverflow_Nav_Snpt.Next_Snpt {
    right: max(18px, calc((100vw - 1320px) / 2));
}

.Offers_Coverflow_Dots_Snpt {
    position: absolute;
    left: 50%;
    bottom: 32px;
    z-index: 30;
    display: flex;
    gap: 12px;
    transform: translateX(-50%);
}

.Offers_Coverflow_Dots_Snpt button {
    width: 12px;
    height: 12px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, .34);
    cursor: pointer;
    transition: width 220ms ease, background 220ms ease, box-shadow 220ms ease;
}

.Offers_Coverflow_Dots_Snpt button.is-active {
    width: 28px;
    border-radius: 999px;
    background: #0B5FFF;
    box-shadow: 0 0 18px rgba(11, 95, 255, .62);
}

@media (max-width: 1199px) {
    .Offers_Coverflow_Stage_Snpt {
        height: 530px;
    }

    .Offers_Coverflow_Nav_Snpt {
        top: 276px;
    }
}

@media (max-width: 760px) {
    .Offers_Coverflow_Section_Snpt {
        padding: 64px 0 82px;
    }

    .Offers_Coverflow_Header_Snpt h2 {
        font-size: 38px;
    }

    .Offers_Coverflow_Header_Snpt p {
        font-size: 16px;
    }

    .Offers_Coverflow_Shell_Snpt {
        min-height: 570px;
        margin-top: 36px;
    }

    .Offers_Coverflow_Stage_Snpt {
        height: 510px;
    }

    .Offers_Coverflow_Card_Snpt {
        width: min(320px, calc(100vw - 48px));
        height: 480px;
    }

    .Offers_Coverflow_Card_Snpt img {
        height: 210px;
    }

    .Offers_Coverflow_Nav_Snpt {
        top: auto;
        bottom: 20px;
        width: 48px;
        height: 48px;
    }

    .Offers_Coverflow_Nav_Snpt.Prev_Snpt {
        left: 22px;
    }

    .Offers_Coverflow_Nav_Snpt.Next_Snpt {
        right: 22px;
    }

    .Offers_Coverflow_Dots_Snpt {
        bottom: 38px;
    }
}