/* IBK DESKTOP CONTACT V5 START */

@media
    (min-width: 1100px)
    and (hover: hover)
    and (pointer: fine) {

    html.ibk-contact-v5-active
    .ibk-contact-v5-original {
        display: none !important;
    }

    #ibk-contact-v5 {
        box-sizing: border-box !important;

        position: relative !important;
        left: 50% !important;

        width: 100vw !important;
        max-width: none !important;

        margin: 0 0 0 -50vw !important;

        padding:
            clamp(72px, 6vw, 105px)
            max(
                28px,
                calc((100vw - 1460px) / 2)
            )
            clamp(78px, 6vw, 112px) !important;

        overflow: hidden !important;

        border-top:
            1px solid rgba(67, 190, 244, 0.16);

        border-bottom:
            1px solid rgba(67, 190, 244, 0.11);

        background:
            radial-gradient(
                circle at 50% -30%,
                rgba(24, 119, 173, 0.21),
                transparent 52%
            ),
            linear-gradient(
                135deg,
                #06111c 0%,
                #091a29 52%,
                #06111c 100%
            );

        color: #f1f8ff;

        isolation: isolate;
    }

    #ibk-contact-v5,
    #ibk-contact-v5 * {
        box-sizing: border-box !important;
    }

    #ibk-contact-v5
    .ibk-contact-shell {
        width: 100% !important;
        max-width: 1460px !important;

        margin: 0 auto !important;
    }

    /*
     * ÜST BAŞLIK
     */

    #ibk-contact-v5
    .ibk-contact-heading {
        display: grid !important;

        grid-template-columns:
            minmax(0, 1.3fr)
            minmax(300px, 0.7fr) !important;

        align-items: end !important;

        gap: clamp(38px, 5vw, 80px) !important;

        margin-bottom: 48px !important;
    }

    #ibk-contact-v5
    .ibk-contact-kicker {
        display: block !important;

        margin-bottom: 17px !important;

        color: #41d8ff !important;

        font-size: 12px !important;
        font-weight: 800 !important;

        line-height: 1 !important;
        letter-spacing: 0.25em !important;

        text-transform: uppercase !important;
    }

    #ibk-contact-v5
    h2 {
        max-width: 800px !important;

        margin: 0 !important;

        color: #f5fbff !important;

        font-size:
            clamp(42px, 4vw, 62px) !important;

        font-weight: 800 !important;

        line-height: 1.02 !important;
        letter-spacing: -0.052em !important;

        white-space: normal !important;

        overflow-wrap: normal !important;
        word-break: normal !important;
        hyphens: none !important;

        text-wrap: balance;
    }

    #ibk-contact-v5
    .ibk-contact-intro {
        max-width: 520px !important;

        margin: 0 !important;

        color:
            rgba(220, 236, 248, 0.72) !important;

        font-size: 16px !important;
        line-height: 1.72 !important;

        white-space: normal !important;

        overflow-wrap: normal !important;
        word-break: normal !important;
        hyphens: none !important;
    }

    /*
     * DÖRT KART: HER PC'DE TEK YATAY SIRA
     */

    #ibk-contact-v5
    .ibk-contact-grid {
        display: grid !important;

        grid-template-columns:
            repeat(4, minmax(0, 1fr)) !important;

        align-items: stretch !important;

        gap: clamp(16px, 1.5vw, 24px) !important;

        width: 100% !important;
        max-width: none !important;

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

    #ibk-contact-v5
    .ibk-contact-card {
        position: relative !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;

        min-width: 0 !important;
        min-height: 340px !important;

        margin: 0 !important;

        padding:
            clamp(25px, 2vw, 34px) !important;

        overflow: hidden !important;

        border:
            1px solid
            rgba(76, 199, 249, 0.20) !important;

        border-radius: 24px !important;

        background:
            linear-gradient(
                145deg,
                rgba(15, 49, 72, 0.94),
                rgba(5, 24, 38, 0.97)
            ) !important;

        box-shadow:
            0 20px 45px
            rgba(0, 7, 16, 0.19) !important;

        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;

        transform: none !important;
        animation: none !important;
        transition: none !important;

        contain: layout paint;
    }

    #ibk-contact-v5
    .ibk-contact-card::before {
        content: "";

        position: absolute;
        top: 0;
        right: 0;
        left: 0;

        height: 3px;

        background:
            linear-gradient(
                90deg,
                #178fff,
                #42ddff,
                transparent 88%
            );
    }

    #ibk-contact-v5
    .ibk-contact-icon {
        display: grid !important;
        place-items: center !important;

        flex: 0 0 auto !important;

        width: 62px !important;
        height: 62px !important;

        margin-bottom: 26px !important;

        border:
            1px solid
            rgba(67, 211, 255, 0.24) !important;

        border-radius: 18px !important;

        background:
            linear-gradient(
                145deg,
                rgba(20, 82, 113, 0.95),
                rgba(5, 27, 42, 0.98)
            ) !important;

        color: #52ddff !important;
    }

    #ibk-contact-v5
    .ibk-contact-icon
    svg {
        width: 27px !important;
        height: 27px !important;

        fill: none !important;

        stroke: currentColor !important;
        stroke-width: 1.8 !important;
        stroke-linecap: round !important;
        stroke-linejoin: round !important;
    }

    #ibk-contact-v5
    .ibk-contact-card
    h3 {
        width: 100% !important;

        margin: 0 0 15px !important;

        color: #f5fbff !important;

        font-size:
            clamp(23px, 1.8vw, 30px) !important;

        font-weight: 800 !important;

        line-height: 1.1 !important;
        letter-spacing: -0.036em !important;

        white-space: normal !important;

        overflow-wrap: normal !important;
        word-break: normal !important;
        hyphens: none !important;

        text-wrap: balance;
    }

    #ibk-contact-v5
    .ibk-contact-card
    p {
        width: 100% !important;

        margin: 0 0 25px !important;

        color:
            rgba(218, 235, 247, 0.72) !important;

        font-size:
            clamp(14px, 1.05vw, 16px) !important;

        line-height: 1.67 !important;

        white-space: normal !important;

        overflow-wrap: normal !important;
        word-break: normal !important;
        hyphens: none !important;
    }

    #ibk-contact-v5
    .ibk-contact-link {
        display: inline-flex !important;
        align-items: center !important;

        gap: 9px !important;

        max-width: 100% !important;

        margin-top: auto !important;

        color: #51d9ff !important;

        font-size: 14px !important;
        font-weight: 800 !important;

        line-height: 1.4 !important;

        text-decoration: none !important;

        white-space: normal !important;

        overflow-wrap: anywhere !important;
        word-break: normal !important;
    }

    #ibk-contact-v5
    .ibk-contact-link::after {
        content: "↗";

        flex: 0 0 auto;

        font-size: 16px;
    }

    #ibk-contact-v5
    .ibk-contact-link:focus-visible {
        outline: 3px solid #38d7ff;
        outline-offset: 5px;

        border-radius: 5px;
    }

    /*
     * ESKİ ANİMASYONLAR BU BÖLÜMDE ÇALIŞMAZ
     */

    #ibk-contact-v5
    :is(
        .reveal,
        .reveal-up,
        .fade-in,
        .fade-up,
        [data-reveal],
        [data-animate],
        [data-aos]
    ) {
        opacity: 1 !important;
        visibility: visible !important;

        transform: none !important;
        filter: none !important;

        animation: none !important;
        transition: none !important;
    }
}

/* IBK DESKTOP CONTACT V5 END */

/* IBK EMPTY FOOTER BOX START */
@media
    (min-width: 1100px)
    and (hover: hover)
    and (pointer: fine) {

    html.ibk-contact-v5-active #ibk-footer-info {
        display: none !important;
    }
}
/* IBK EMPTY FOOTER BOX END */