/* Default Color File  */


/* İstanbul Mavi Yazılım corporate palette */
:root {
    --ogl-navy: #06274f;
    --ogl-deep: #003f9a;
    --ogl-primary: #0059cf;
    --ogl-accent: #0059cf;
    --ogl-accent-soft: #E8DCA4;
    --ogl-ice: #eaf4ff;
}

/* İstanbul Mavi Yazılım brand refresh */
:root {
    --im-blue: #0059cf;
    --im-blue-dark: #003f9a;
    --im-blue-deep: #06274f;
    --im-blue-soft: #eaf4ff;
    --im-cyan: #19a7e8;
    --im-red: #d42131;
    --im-ink: #0b1728;
    --im-muted: #5f7187;
}

body {
    background: linear-gradient(180deg, #ffffff 0%, var(--im-blue-soft) 100%) !important;
}

a,
a:hover,
.main-menu .navigation>li.current>a,
.main-menu .navigation>li>a:before,
.main-menu .navigation>li>a:after,
.main-menu .navigation>li:before,
.sec-title .sub-title,
.sec-title .sub-title:before,
.sec-title .sub-title:after,
.readmore-link i,
.service-block-one .link i,
.premium-editor-content a {
    color: var(--im-blue) !important;
}

.btn-style-one,
.theme-btn,
.preloader-close,
.search-popup .search-form fieldset input[type="submit"],
.scroll-to-top:hover,
.banner-section .banner-slider-nav.style-two .banner-slider-button-next,
#selector {
    background: linear-gradient(135deg, var(--im-red) 0%, var(--im-blue) 56%, var(--im-blue-dark) 100%) !important;
    box-shadow: 0 16px 34px rgba(0, 89, 207, 0.24) !important;
}

.btn-style-one:before,
.btn-style-one.style-two:before {
    background: var(--im-blue-deep) !important;
}

.header-top,
.main-header.header-style-one .header-upper,
.sticky-header,
.main-menu .navigation>li>ul,
.main-menu .navigation>li>ul>li>ul {
    background:
        radial-gradient(circle at 10% 0%, rgba(25, 167, 232, 0.22), transparent 30%),
        linear-gradient(120deg, #ffffff 0%, #eef7ff 48%, #ffffff 100%) !important;
    border-color: rgba(0, 89, 207, 0.18) !important;
}

.main-header.header-style-one > .header-upper,
.header-style-one.fixed-header .sticky-header {
    background:
        linear-gradient(180deg, rgba(255,255,255,0.88), rgba(255,255,255,0.66)),
        linear-gradient(120deg, #f8fcff 0%, #e7f3ff 54%, #ffffff 100%) !important;
    border-bottom: 1px solid rgba(0, 89, 207, 0.18) !important;
    box-shadow: 0 18px 45px rgba(0, 63, 154, 0.13) !important;
}

.main-header.header-style-one > .header-upper .main-menu .navigation > li > a,
.header-style-one.fixed-header .sticky-header .main-menu .navigation > li > a {
    color: var(--im-ink) !important;
}

.main-header.header-style-one > .header-upper .main-menu .navigation > li:hover > a,
.main-header.header-style-one > .header-upper .main-menu .navigation > li.current > a,
.header-style-one.fixed-header .sticky-header .main-menu .navigation > li:hover > a {
    color: var(--im-blue) !important;
    background: rgba(0, 89, 207, 0.09) !important;
    border-color: rgba(0, 89, 207, 0.18) !important;
}

.main-header.header-style-one > .header-upper .main-menu .navigation > li.dropdown > a:after,
.main-menu .navigation > li.dropdown > a:after {
    color: var(--im-red) !important;
}

.main-header .header-upper .logo-box .logo img,
.main-header .sticky-header .header-upper .logo-box .logo img,
.mobile-menu .nav-logo img,
.footer-brand-logo img {
    object-fit: contain !important;
    object-position: left center !important;
    filter: drop-shadow(0 8px 16px rgba(0, 63, 154, 0.14)) !important;
}

.banner-section .swiper-slide.video-slide:before,
.banner-section .swiper-slide:before,
.page-title:before {
    background:
        linear-gradient(90deg, rgba(3, 28, 68, 0.88) 0%, rgba(0, 89, 207, 0.58) 48%, rgba(11, 23, 40, 0.52) 100%) !important;
}

.banner-section .swiper-slide.video-slide:after {
    background:
        linear-gradient(0deg, rgba(6, 39, 79, 0.58), transparent 42%),
        radial-gradient(circle at 24% 45%, rgba(212, 33, 49, 0.14), transparent 28%) !important;
}

.irmak-hero-eyebrow {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.26) !important;
    background: rgba(0, 63, 154, 0.42) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.16), 0 12px 32px rgba(0,63,154,0.2) !important;
}

.irmak-hero-eyebrow span,
.sec-title .sub-title:before,
.news-section .sec-title .sub-title:before,
.work-process-section .sec-title .sub-title:before,
.testimonials-section-two .sec-title .sub-title:before,
.about-section .sec-title .sub-title:before,
.team-section.style-three .sec-title .sub-title:before {
    background: var(--im-red) !important;
    box-shadow: 0 0 0 7px rgba(212, 33, 49, 0.13), 0 0 22px rgba(212, 33, 49, 0.24) !important;
}

.banner-section .irmak-hero-content h1 {
    text-shadow: 0 8px 24px rgba(0, 31, 76, 0.38) !important;
}

.banner-section .irmak-hero-content .text {
    color: rgba(238, 248, 255, 0.92) !important;
    text-shadow: 0 6px 20px rgba(0, 31, 76, 0.34) !important;
}

.irmak-hero-primary {
    background: linear-gradient(135deg, var(--im-red), var(--im-blue)) !important;
    border-color: rgba(255, 255, 255, 0.24) !important;
    box-shadow: 0 16px 36px rgba(0, 89, 207, 0.28) !important;
}

.irmak-hero-secondary {
    color: #ffffff !important;
    background: rgba(0, 63, 154, 0.38) !important;
    border-color: rgba(255, 255, 255, 0.28) !important;
}

.irmak-hero-secondary:hover {
    color: var(--im-blue) !important;
    background: #ffffff !important;
}

.services-section {
    background: linear-gradient(180deg, #ffffff 0%, #edf7ff 100%) !important;
}

.services-section .service-block-one .inner-box {
    border-color: rgba(0, 89, 207, 0.14) !important;
    box-shadow: 0 18px 50px rgba(0, 63, 154, 0.10) !important;
}

.services-section .service-block-one .inner-box:hover {
    border-color: rgba(0, 89, 207, 0.36) !important;
    box-shadow: 0 28px 68px rgba(0, 63, 154, 0.17) !important;
}

.services-section .service-block-one .inner-box:after,
.sec-title .sub-title:after,
.news-section .sec-title .sub-title:after,
.work-process-section .sec-title .sub-title:after,
.testimonials-section-two .sec-title .sub-title:after,
.about-section .sec-title .sub-title:after,
.team-section.style-three .sec-title .sub-title:after {
    background: linear-gradient(90deg, var(--im-red), var(--im-blue), rgba(0, 89, 207, 0)) !important;
}

.services-section .service-block-one .service-card-eyebrow,
.services-section .service-block-one .link,
.services-section .service-block-one .link i {
    color: var(--im-blue) !important;
}

.services-section .service-block-one .count {
    background: linear-gradient(145deg, var(--im-blue), var(--im-blue-dark)) !important;
    border-color: rgba(255, 255, 255, 0.34) !important;
}

.main-footer,
.footer-bottom {
    background:
        radial-gradient(circle at 16% 0%, rgba(0, 89, 207, 0.26), transparent 34%),
        radial-gradient(circle at 86% 18%, rgba(212, 33, 49, 0.15), transparent 26%),
        linear-gradient(135deg, #06172d 0%, #073a7d 50%, #031427 100%) !important;
    border-color: rgba(25, 167, 232, 0.2) !important;
}

.footer-brand-eyebrow,
.offer-modal-eyebrow,
.premium-content-rule,
.premium-editor-content li:before {
    background: linear-gradient(90deg, var(--im-red), var(--im-blue)) !important;
}

body {
    background: linear-gradient(180deg, #ffffff 0%, var(--ogl-ice) 100%);
}

a,
a:hover,
.main-menu .navigation>li.current>a,
.main-menu .navigation>li>a:before,
.main-menu .navigation>li>a:after,
.main-menu .navigation>li:before,
.sec-title .sub-title,
.sec-title .sub-title:before,
.sec-title .sub-title:after,
.readmore-link i,
.service-block-one .link i,
.premium-editor-content a {
    color: var(--ogl-accent);
}

.btn-style-one,
.theme-btn,
.preloader-close,
.search-popup .search-form fieldset input[type="submit"],
.scroll-to-top:hover,
.banner-section .banner-slider-nav.style-two .banner-slider-button-next,
#selector {
    background: linear-gradient(135deg, var(--ogl-accent) 0%, var(--ogl-primary) 100%);
    box-shadow: 0 16px 34px rgba(10, 74, 112, 0.22);
}

.btn-style-one:before,
.btn-style-one.style-two:before {
    background: var(--ogl-navy);
}

.scroll-to-top {
    color: var(--ogl-accent);
    border-color: var(--ogl-accent);
}

.main-header.header-style-one .header-upper,
.sticky-header,
.main-menu .navigation>li>ul,
.main-menu .navigation>li>ul>li>ul {
    background-color: var(--ogl-navy);
}

.banner-section .swiper-slide:before,
.page-title:before {
    background: linear-gradient(90deg, rgba(6, 44, 71, 0.9) 0%, rgba(10, 74, 112, 0.66) 48%, rgba(3, 23, 38, 0.86) 100%);
}

.services-section {
    background: linear-gradient(180deg, #ffffff 0%, var(--ogl-ice) 100%);
}

.service-block-one .inner-box {
    background: linear-gradient(145deg, var(--ogl-primary) 0%, var(--ogl-deep) 52%, var(--ogl-navy) 100%);
    box-shadow: 0 26px 60px rgba(6, 44, 71, 0.18);
}

.service-block-one .text {
    color: rgba(244, 250, 253, 0.82);
}

.service-block-one .count:before,
.service-block-one .image:before {
    background-color: rgba(6, 44, 71, 0.72);
}

.service-block-one .image:after {
    border-color: rgba(33, 167, 216, 0.5);
}

.service-block-one .inner-box:hover .image:after {
    border-color: var(--ogl-accent);
}

.sec-title .sub-title,
.news-section .sec-title .sub-title,
.work-process-section .sec-title .sub-title,
.testimonials-section-two .sec-title .sub-title,
.about-section .sec-title .sub-title {
    color: var(--ogl-primary);
}

.sec-title.light .sub-title,
.work-process-section .sec-title.light .sub-title,
.testimonials-section-two .sec-title.light .sub-title {
    color: #ffffff;
}

.premium-content-rule,
.premium-editor-content li:before {
    background: linear-gradient(90deg, var(--ogl-primary), var(--ogl-accent));
}

.premium-editor-content li:before {
    box-shadow: 0 0 0 5px rgba(33, 167, 216, 0.14);
}

.main-footer,
.footer-bottom {
    background-color: var(--ogl-navy);
}

/* Brand-level surfaces kept here so legacy component CSS cannot reintroduce blue. */
.header-top,
.main-header .header-upper,
.header-style-one.fixed-header .sticky-header {
    background: linear-gradient(120deg, #06274f, #003f9a 54%, #031427) !important;
    border-color: rgba(232, 220, 164, 0.22) !important;
}

.main-footer {
    background:
        radial-gradient(circle at 15% 0%, rgba(0, 89, 207, 0.22), transparent 32%),
        radial-gradient(circle at 88% 18%, rgba(255, 255, 255, 0.07), transparent 24%),
        linear-gradient(135deg, #031427 0%, #003f9a 52%, #06172d 100%) !important;
    border-color: rgba(232, 220, 164, 0.2) !important;
}

.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a,
.nav-outer .mobile-nav-toggler {
    background-color: rgba(0, 89, 207, 0.2) !important;
    border-color: rgba(232, 220, 164, 0.26) !important;
}

.main-menu .navigation > li.dropdown > a:after,
.header-top .phone-number i {
    color: #d42131 !important;
}

.main-header .header-upper .logo-box .logo img,
.main-header .sticky-header .header-upper .logo-box .logo img,
.mobile-menu .nav-logo img {
    height: auto !important;
    object-fit: contain;
    object-position: left center;
    filter: drop-shadow(0 9px 16px rgba(0, 31, 76, 0.28));
}

.mobile-menu .nav-logo {
    padding: 24px 28px;
    background: #eaf4ff;
    border-bottom: 1px solid rgba(0, 89, 207, 0.14);
}

.mobile-menu .nav-logo img {
    width: 220px;
    max-width: 100%;
}

/* Premium light navigation: gives the İstanbul Mavi logo clean contrast. */
.main-header.header-style-one > .header-upper {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.72), transparent 42%),
        linear-gradient(120deg, #f8fcff 0%, #eaf4ff 54%, #ffffff 100%) !important;
    border-bottom: 1px solid rgba(0, 89, 207, 0.22) !important;
    box-shadow: 0 18px 45px rgba(0, 63, 154, 0.16) !important;
}

.main-header.header-style-one > .header-upper:before {
    background: linear-gradient(90deg, transparent, rgba(0, 89, 207, 0.08), transparent);
    opacity: 1;
}

.main-header.header-style-one > .header-upper .main-menu .navigation > li > a {
    color: #4A2A09;
    text-shadow: none;
}

.main-header.header-style-one > .header-upper .main-menu .navigation > li:hover > a {
    color: #06274f;
    background: rgba(0, 89, 207, 0.10) !important;
    border-color: rgba(0, 89, 207, 0.22) !important;
}

.main-header.header-style-one > .header-upper .main-menu .navigation > li.current > a {
    color: #06274f;
    background: linear-gradient(180deg, rgba(208, 180, 58, 0.24), rgba(0, 89, 207, 0.13)) !important;
    border-color: rgba(0, 89, 207, 0.30) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), 0 8px 20px rgba(0, 63, 154, 0.10);
}

.main-header.header-style-one > .header-upper .main-menu .navigation > li.dropdown > a:after {
    color: #0059cf !important;
}

.main-header.header-style-one > .header-upper .logo-box .logo img {
    filter: drop-shadow(0 7px 12px rgba(0, 63, 154, 0.14));
}

@media only screen and (max-width: 1139px) {
    .main-header.header-style-one > .header-upper .nav-outer .mobile-nav-toggler {
        background: rgba(0, 89, 207, 0.12) !important;
        border-color: rgba(0, 89, 207, 0.24) !important;
    }
}

/* İstanbul Mavi Yazılım cinematic video hero */
.banner-section .swiper-slide.video-slide:before {
    background:
        linear-gradient(90deg, rgba(31, 16, 2, 0.76) 0%, rgba(0, 63, 154, 0.50) 42%, rgba(31, 16, 2, 0.13) 72%, rgba(0, 31, 76, 0.30) 100%) !important;
    opacity: 1 !important;
}

.banner-section .swiper-slide.video-slide:after {
    inset: 0 !important;
    height: auto !important;
    background:
        linear-gradient(0deg, rgba(0, 31, 76, 0.48), transparent 42%),
        radial-gradient(circle at 25% 48%, rgba(208, 180, 58, 0.10), transparent 32%) !important;
}

.banner-section .irmak-hero-content {
    max-width: 590px;
    margin: 0;
    text-align: left;
}

.banner-section .content-box {
    max-width: none;
    align-items: center;
    justify-content: flex-start;
    padding: 150px clamp(32px, 5.2vw, 100px) 58px;
}

.irmak-hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 22px;
    padding: 9px 14px;
    color: #FFF9E9;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.16em;
    border: 1px solid rgba(232, 220, 164, 0.34);
    border-radius: 999px;
    background: rgba(0, 63, 154, 0.46);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1), 0 12px 32px rgba(20,10,0,0.18);
    backdrop-filter: blur(10px);
}

.irmak-hero-eyebrow span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #d42131;
    box-shadow: 0 0 0 7px rgba(208, 180, 58, 0.14), 0 0 22px rgba(208, 180, 58, 0.28);
}

.banner-section .irmak-hero-content h1 {
    max-width: 590px;
    margin: 0;
    color: #ffffff;
    font-size: clamp(32px, 2.65vw, 44px);
    line-height: 1.13;
    font-weight: 850;
    letter-spacing: -0.018em;
    text-transform: none !important;
    text-wrap: balance;
    text-shadow: 0 8px 24px rgba(0, 31, 76, 0.38);
}

.banner-section .irmak-hero-content h1:before {
    display: none;
}

.irmak-hero-messages {
    position: relative;
    width: 100%;
    min-height: clamp(116px, 8.6vw, 154px);
    margin-bottom: 20px;
    overflow: hidden;
}

.banner-section .irmak-hero-content .irmak-hero-message {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    margin: 0;
    opacity: 0;
    transform: translateX(-38px);
    filter: none;
    clip-path: inset(0 100% 0 0);
    animation: none;
}

.banner-section .irmak-hero-content .irmak-hero-message.is-active {
    animation: irmakHeroMessage var(--hero-message-duration, 5.8s) cubic-bezier(.4, 0, .2, 1) forwards;
}

@keyframes irmakHeroMessage {
    0% { opacity: 0; transform: translateX(-38px); clip-path: inset(0 100% 0 0); }
    16%, 68% { opacity: 1; transform: translateX(0); clip-path: inset(0 0 0 0); }
    100% { opacity: 0; transform: translateX(-38px); clip-path: inset(0 100% 0 0); }
}

.banner-section .irmak-hero-content .text {
    max-width: 540px;
    margin: 0 0 22px;
    color: rgba(255, 249, 233, 0.88);
    font-size: clamp(15px, 1.05vw, 17px);
    line-height: 1.58;
    font-weight: 500;
    text-shadow: 0 6px 20px rgba(0, 31, 76, 0.34);
}

@media only screen and (min-width: 768px) {
    .banner-section .content-box {
        min-height: max(650px, calc(100vh - 145px));
    }

    .ogl-chatbot {
        left: auto !important;
        right: 22px !important;
    }

    .ogl-chatbot-panel {
        left: auto !important;
        right: 0 !important;
        transform-origin: bottom right;
    }
}

.irmak-hero-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.irmak-hero-actions a {
    min-height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px 22px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0.02em;
}

.irmak-hero-primary {
    color: #ffffff !important;
    background: linear-gradient(135deg, #d42131, #0059cf) !important;
    border: 1px solid rgba(255, 248, 204, 0.26) !important;
    box-shadow: 0 16px 36px rgba(31, 16, 2, 0.28) !important;
}

.irmak-hero-secondary {
    color: #FFF9E9 !important;
    background: rgba(0, 63, 154, 0.42);
    border: 1px solid rgba(232, 220, 164, 0.30);
    backdrop-filter: blur(10px);
}

.irmak-hero-secondary:hover {
    color: #06274f !important;
    background: #FFF9E9;
}

@media only screen and (max-width: 767px) {
    .banner-section {
        margin-top: 0;
    }

    .banner-section .swiper-slide.video-slide:before {
        background: linear-gradient(0deg, rgba(31,16,2,0.78), rgba(0, 63, 154,0.26) 70%, rgba(20,10,0,0.15)) !important;
    }

    .banner-section .irmak-hero-content {
        width: 100%;
        max-width: 520px;
        padding: 0;
        text-align: left;
    }

    .banner-section .content-box {
        width: 100%;
        min-height: max(600px, calc(100svh - 74px));
        align-items: flex-end;
        justify-content: flex-start;
        padding: 104px 16px 104px;
    }

    .banner-section .content-box .inner {
        padding: 0;
    }

    .irmak-hero-eyebrow {
        margin-bottom: 14px;
        padding: 7px 11px;
        font-size: 11px;
        gap: 9px;
    }

    .banner-section .irmak-hero-content h1 {
        max-width: 94vw;
        font-size: clamp(26px, 7.6vw, 36px);
        line-height: 1.12;
        font-weight: 850;
        letter-spacing: -0.02em;
    }

    .irmak-hero-messages {
        min-height: 146px;
        margin-bottom: 18px;
    }

    .banner-section .irmak-hero-content .irmak-hero-message {
        text-align: left;
    }

    .banner-section .irmak-hero-content .text {
        max-width: 94vw;
        margin-bottom: 16px;
        margin-left: 0;
        margin-right: 0;
        font-size: 14px;
        line-height: 1.48;
    }

    .irmak-hero-actions {
        width: 100%;
        max-width: 430px;
        justify-content: flex-start;
        gap: 10px;
        flex-wrap: wrap;
    }

    .irmak-hero-actions a {
        min-width: 0;
        min-height: 46px;
        padding: 10px 13px;
        font-size: 12px;
        font-weight: 800;
        white-space: nowrap;
    }
}

@media only screen and (max-width: 374px) {
    .banner-section .content-box {
        padding-left: 13px;
        padding-right: 13px;
        padding-bottom: 100px;
    }

    .banner-section .irmak-hero-content h1 {
        font-size: 25px;
        line-height: 1.12;
    }

    .irmak-hero-messages {
        min-height: 164px;
    }

    .irmak-hero-actions a {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 11px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .banner-section .irmak-hero-content .irmak-hero-message {
        display: none;
        animation: none;
    }

    .banner-section .irmak-hero-content .message-one {
        position: relative;
        top: auto;
        display: block;
        opacity: 1;
        transform: none;
        filter: none;
    }
}

/* Sticky desktop header must preserve the same readable brand treatment. */
@media only screen and (min-width: 1140px) {
    .header-style-one.fixed-header .sticky-header {
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.74), transparent 44%),
            linear-gradient(120deg, #f8fcff 0%, #eaf4ff 54%, #ffffff 100%) !important;
        border-bottom: 1px solid rgba(0, 89, 207, 0.24) !important;
        box-shadow: 0 14px 38px rgba(0, 63, 154, 0.18) !important;
    }

    .header-style-one.fixed-header .sticky-header .header-upper {
        background: transparent !important;
    }

    .header-style-one.fixed-header .sticky-header .main-menu .navigation > li > a {
        color: #4A2A09 !important;
        text-shadow: none;
    }

    .header-style-one.fixed-header .sticky-header .main-menu .navigation > li:hover > a {
        color: #06274f !important;
        background: rgba(0, 89, 207, 0.10) !important;
        border-color: rgba(0, 89, 207, 0.22) !important;
    }

    .header-style-one.fixed-header .sticky-header .main-menu .navigation > li.current > a {
        color: #06274f !important;
        background: linear-gradient(180deg, rgba(208, 180, 58, 0.24), rgba(0, 89, 207, 0.13)) !important;
        border-color: rgba(0, 89, 207, 0.30) !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 8px 20px rgba(0, 63, 154, 0.10);
    }

    .header-style-one.fixed-header .sticky-header .main-menu .navigation > li.dropdown > a:after {
        color: #0059cf !important;
    }

    .header-style-one.fixed-header .sticky-header .logo-box .logo img {
        opacity: 1;
        filter: drop-shadow(0 6px 10px rgba(0, 63, 154, 0.14));
    }

    /* Compact desktop proportions: removes the unused lower band. */
    .main-header.header-style-one > .header-upper .inner-container {
        min-height: 104px;
    }

    .main-header.header-style-one > .header-upper .logo-box {
        flex-basis: 300px;
        max-width: 300px;
    }

    .main-header.header-style-one > .header-upper .logo-box .logo {
        padding: 7px 0;
    }

    .main-header.header-style-one > .header-upper .logo-box .logo a {
        min-height: 88px;
        padding: 5px 20px 5px 0;
    }

    .main-header.header-style-one > .header-upper .logo-box .logo img {
        width: 270px !important;
        max-height: 84px;
    }

    .main-header.header-style-one > .header-upper .main-menu .navigation > li {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .main-header.header-style-one .sticky-header .header-upper .inner-container {
        min-height: 82px;
    }

    .main-header.header-style-one .sticky-header .header-upper .logo-box {
        flex-basis: 250px;
        max-width: 250px;
    }

    .main-header.header-style-one .sticky-header .header-upper .logo-box .logo a {
        min-height: 68px;
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .main-header.header-style-one .sticky-header .header-upper .logo-box .logo img {
        width: 225px !important;
        max-height: 66px;
    }

    .main-header.header-style-one .sticky-header .main-menu .navigation > li {
        padding-top: 19px;
        padding-bottom: 19px;
    }
}

/* Final slider/menu correction: single video stays clean, dropdowns stay readable */
.banner-section .swiper-slide.video-slide:before {
    background: rgba(3, 12, 20, 0.03);
    opacity: 1;
}

.banner-section .swiper-slide.video-slide:after {
    background: linear-gradient(0deg, rgba(3, 12, 20, 0.08) 0%, rgba(3, 12, 20, 0) 100%);
    height: 16%;
}

/* Premium section title chips */
.sec-title .sub-title,
.news-section .sec-title .sub-title,
.work-process-section .sec-title .sub-title,
.testimonials-section-two .sec-title .sub-title,
.about-section .sec-title .sub-title {
    color: var(--ogl-primary);
}

.sec-title.light .sub-title,
.work-process-section .sec-title.light .sub-title,
.testimonials-section-two .sec-title.light .sub-title {
    color: #ffffff;
}

.sec-title .sub-title:before,
.news-section .sec-title .sub-title:before,
.work-process-section .sec-title .sub-title:before,
.testimonials-section-two .sec-title .sub-title:before,
.about-section .sec-title .sub-title:before,
.sec-title .sub-title:after,
.news-section .sec-title .sub-title:after,
.work-process-section .sec-title .sub-title:after,
.testimonials-section-two .sec-title .sub-title:after,
.about-section .sec-title .sub-title:after {
    color: transparent;
}

.main-menu .navigation>li>ul,
.main-menu .navigation>li>ul>li>ul {
    background: rgba(6, 44, 71, 0.98);
    border: 1px solid rgba(190, 234, 246, 0.2);
    box-shadow: 0 26px 58px rgba(3, 23, 38, 0.28);
}

.main-menu .navigation>li>ul>li>a,
.main-menu .navigation>li>ul>li>ul>li>a,
.main-menu .navigation>li>ul>li.current>a,
.main-menu .navigation>li>ul>li>ul>li.current>a {
    color: #F4FAFD;
    border-bottom-color: rgba(190, 234, 246, 0.22);
}

.main-menu .navigation>li>ul>li.dropdown>a:after,
.main-menu .navigation>li>ul>li>ul>li.dropdown>a:after {
    color: var(--ogl-accent-soft);
}

.main-menu .navigation>li>ul>li:before,
.main-menu .navigation>li>ul>li>ul>li:before {
    background: linear-gradient(90deg, rgba(33, 167, 216, 0.18), rgba(255, 255, 255, 0.04));
}

.main-menu .navigation>li>ul>li:hover>a,
.main-menu .navigation>li>ul>li>ul>li:hover>a {
    color: #FFFFFF;
}

/* Slider and dropdown readability refinements */
.banner-section .swiper-slide.video-slide:before {
    background: rgba(3, 12, 20, 0.04);
    opacity: 1;
}

.banner-section .swiper-slide.video-slide:after {
    background: linear-gradient(0deg, rgba(3, 12, 20, 0.1) 0%, rgba(3, 12, 20, 0) 100%);
    height: 18%;
}

.main-menu .navigation>li>ul,
.main-menu .navigation>li>ul>li>ul {
    background: rgba(6, 44, 71, 0.98);
    border: 1px solid rgba(190, 234, 246, 0.18);
    box-shadow: 0 26px 58px rgba(3, 23, 38, 0.26);
}

.main-menu .navigation>li>ul>li>a,
.main-menu .navigation>li>ul>li>ul>li>a {
    color: #F4FAFD;
    border-bottom-color: rgba(190, 234, 246, 0.2);
}

.main-menu .navigation>li>ul>li.dropdown>a:after,
.main-menu .navigation>li>ul>li>ul>li.dropdown>a:after {
    color: var(--ogl-accent-soft);
}

.main-menu .navigation>li>ul>li:before,
.main-menu .navigation>li>ul>li>ul>li:before {
    background: linear-gradient(90deg, rgba(33, 167, 216, 0.16), rgba(255, 255, 255, 0.04));
}

.main-menu .navigation>li>ul>li:hover>a,
.main-menu .navigation>li>ul>li>ul>li:hover>a {
    color: #FFFFFF;
}

.banner-section .swiper-slide.video-slide:before {
    background: linear-gradient(180deg, rgba(3, 12, 20, 0.18) 0%, rgba(3, 12, 20, 0.08) 45%, rgba(3, 12, 20, 0.22) 100%);
    opacity: 1;
}

.banner-section .swiper-slide.video-slide:after {
    background: linear-gradient(0deg, rgba(3, 12, 20, 0.22) 0%, rgba(3, 12, 20, 0) 100%);
    height: 26%;
}



/* Color */
a:hover,
a {
    color: #21A7D8;
}

.scroll-to-top:hover,
.preloader-close,
.search-popup .search-form fieldset input[type="submit"] {
    background-color: #21A7D8;
}

.scroll-to-top {
    color: #21A7D8;
    border: 2px dashed #21A7D8;
}

.btn-style-one.style-two i {
    color: #21A7D8;
}

.btn-style-one.style-two:before {
    background: #21A7D8;
}

.btn-style-one.style-two:hover {
    border-color: #21A7D8;
}

.btn-style-one {
    background-color: #21A7D8;
}

.header-top .social-icon li a:hover {
    color: #21A7D8;
}

.header-top .location span {
    color: #21A7D8;
}

.header-top .phone-number i {
    color: #21A7D8;
}

.header-top .mail-address i {
    color: #21A7D8;
}

.main-menu .navigation>li:before {
    color: #21A7D8;
}

.main-menu .navigation>li>a:before {
    color: #21A7D8;
}

.main-menu .navigation>li>a:after {
    color: #21A7D8;
}

.main-menu .navigation>li.current>a {
    color: #21A7D8;
}

.main-menu .navigation>li>ul>li>a:hover {
    color: #21A7D8;
}

.main-menu .navigation>li>ul>li>ul>li>a:hover {
    color: #21A7D8;
}

.header-upper .navbar-right-info .sign-in a i {
    color: #21A7D8;
}

.header-upper #polyglotLanguageSwitcher a.current:link, 
.header-upper #polyglotLanguageSwitcher a.current:visited, 
.header-upper #polyglotLanguageSwitcher a.current:active {
    color: #21A7D8;
}

.header-upper #polyglotLanguageSwitcher span.trigger:before {
    color: #21A7D8;
}

.hidden-sidebar-close {
    background-color: #21A7D8;
}

.contact-widget .icon {
    color: #21A7D8;
}

.banner-section .banner-slider-nav.style-two .banner-slider-button-next {
    background: #21A7D8;
}

.left-panel .side-menu-nav span {
    color: #21A7D8;
}

.left-panel .option-box .icon {
    color: #21A7D8;
}

.left-panel .option-box .order-form-area .order-form .theme-btn i {
    color: #21A7D8;
}

.left-panel .option-box .btn-style-one:before {
    background-color: #21A7D8;
}

.sec-title .sub-title {
    color: #21A7D8;
}

.sec-title .sub-title:before {
    color: #21A7D8;
}

.sec-title .sub-title:after {
    color: #21A7D8;
}

.service-block-one .link:hover {
    color: #21A7D8;
}

.service-block-one .link i {
    color: #21A7D8;
}

.service-block-one .inner-box:hover .image:after {
    border-color: #21A7D8;
}

.readmore-link:hover {
    color: #21A7D8;
}

.readmore-link i {
    color: #21A7D8;
}

.about-section .icon-box:before {
    background-color: #21A7D8;
}

.about-section .icon-box:hover .icon {
    color: #21A7D8;
}

.why-choose-block .inner-box .icon {
    color: #21A7D8;
}

.why-choose-block .inner-box:hover .icon:before {
    border-color: #21A7D8;
}

.why-choose-block .inner-box:hover .icon:after {
    background-color: #21A7D8;
    border-color: #21A7D8;
}

.why-choose-block .inner-box .count {
    color: #21A7D8;
}

.work-process-block .inner-box:hover .count:before {
    border: 20px dotted #21A7D8;
}

.work-process-block .inner-box:hover .count {    
    background-color: #21A7D8;
}

.work-process-block .icon {
    border: 2px solid #21A7D8;
    color: #21A7D8;
}

.work-process-block .icon:before {
    border-bottom-color: #21A7D8;
}

.industries-covered .text-block .content .icon {
    color: #21A7D8;
}

.industries-covered .owl-theme .owl-nav .owl-prev:hover:after,
.industries-covered .owl-theme .owl-nav .owl-next:hover:after {
    color: #21A7D8;    
}

.industries-covered .owl-theme .owl-nav .owl-prev:hover,
.industries-covered .owl-theme .owl-nav .owl-next:hover {
    color: #21A7D8;
}

.pricing-block .content li:after {
    color: #21A7D8;
}

.pricing-block .link-box .theme-btn:before {
    background-color: #21A7D8;
}

.pricing-block.style-two .category-wrapper:before {
    background: #168DBA;
}

.pricing-block.style-two .category-wrapper:after {
    background: #168DBA;
}

.pricing-block.style-two .category {
    background: #21A7D8;
}

.facts-section .counter-column .count-text {
    color: #21A7D8;
}

.testimonial-block .quote {
    background-color: #21A7D8;
}

.testimonial-block .rating {
    color: #21A7D8;
}

.news-block-one .date {
    background-color: #21A7D8;
}

.news-block-one .category {
    color: #21A7D8;
}

.news-block-one h3 a:hover {
    color: #21A7D8;
}

.news-block-one .overlay .readmore-link:hover {
    color: #21A7D8;
}

.news-block-one .overlay .readmore-link:hover {
    color: #21A7D8;
}

.branches-section .single-info h4 span {
    color: #21A7D8;
}

.branches-section .owl-theme .owl-nav .owl-prev:hover:after,
.branches-section .owl-theme .owl-nav .owl-next:hover:after {
    color: #21A7D8;    
}

.branches-section .owl-theme .owl-nav .owl-prev:hover,
.branches-section .owl-theme .owl-nav .owl-next:hover {
    color: #21A7D8;
}

.newsletter-section h3 span {
    background: #21A7D8;
}

.newsletter-form .btn-style-one i {
    color: #21A7D8;
}

.newsletter-form .btn-style-one:before {
    background: #21A7D8;
}

.contact-widget.style-two .text span {
    color: #21A7D8;
}

.contact-widget.style-two .social-icon li a:hover {
    color: #21A7D8;
}

.links-widget ul li a:hover {
    color: #21A7D8;
}

.main-header.header-style-two .header-top {
    background-color: #21A7D8;
}

.header-left-option .option-box:hover h4 i {
    color: #21A7D8;
}

.header-left-option .option-box .icon {
    color: #21A7D8;
}

.header-left-option .option-box .order-form-area .order-form .theme-btn i {
    color: #21A7D8;
}

.header-left-option .option-box .btn-style-one:before {
    background-color: #21A7D8;
}

.banner-section .banner-slider-nav.style-three .banner-slider-button-prev:hover {
    color: #21A7D8;
}

.banner-section .banner-slider-nav.style-three .banner-slider-button-next:hover {
    color: #21A7D8;
}

.banner-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border-color: #21A7D8;
}

.style-two.footer-bottom .bg:before {
    background-color: #21A7D8;
}

.about-widget .readmore-link:hover {
    color: #21A7D8;
}

.about-widget .download-pdf a {
    background: #21A7D8;
}

.footer-top .newsletter-form-two button:hover {
    color: #21A7D8;
}

.news-block-two .category {
    color: #21A7D8;
}

.news-block-two .date {
    background: #21A7D8;
}

.testimonial-block-two .designation {
    color: #21A7D8;
}

.testimonial-block-two .quote {
    background-color: #21A7D8;
}

.testimonial-block-two .inner-box:after {
    border: 2px dashed #21A7D8;
}

.whychooseus-block-two .icon i {
    background-color: #21A7D8;
}

.whychooseus-block-two .inner-box:hover .icon:before {
    background-color: #21A7D8;
}

.whychooseus-block-two .inner-box:before {
    border: 2px dashed #21A7D8;
}

.project-block .link-btn a {
    background-color: #21A7D8;
}

.project-block .link-btn a:hover {
    color: #21A7D8;
}

.project-block .category {
    color: #21A7D8;
}

.work-process-block-two .icon {
    color: #21A7D8;
}

.work-process-block-two .inner-box:hover .count {
    background-color: #21A7D8;
}

.getaquote-section .investor {
    background: #21A7D8;
}

.getaquote-section.style-one .getaquote-form .form-group .theme-btn {
    border: 2px solid #21A7D8;
}

.getaquote-section.style-one .getaquote-form .form-group .theme-btn:before {
    background: #21A7D8;
} 

.service-block .overlay .link a {
    background-color: #21A7D8;
}

.service-block .content .icon {
    color: #21A7D8;
}

.facts-section-two .count-box {
    color: #21A7D8;
}

.facts-section-two .content:after {
    background-color: #21A7D8;
}

.about-section-two .icon-box:hover:before {
    border: 2px dashed #21A7D8;
}

.about-section-two .icon {
    color: #21A7D8;
}

.about-section-two .designation {
    color: #21A7D8;
}

.about-section-two .quote {
    color: #21A7D8;
}

.news-block-two h3 a:hover {
    color: #21A7D8;
}

.readmore-link.style-two:before {
    background: #21A7D8;
}

.header-top .sign-in a i {
    color: #21A7D8;
}

.header-top .links a:hover {
    color: #21A7D8;
}

.header-style-three .header-top .sign-in a:hover {
    color: #21A7D8;
}

.header-upper .contact-info-two .icon {
    color: #21A7D8;
}

.services-section-two .owl-theme .owl-nav .owl-prev:hover:after {
    color: #21A7D8;
    border-color: #21A7D8;
}

.services-section-two .owl-theme .owl-nav .owl-next:hover:after {
	color: #21A7D8;
    border-color: #21A7D8;
}

.facts-section-three .icon {
    color: #21A7D8;
}

.facts-section-three .inner:hover .icon {
    background-color: #21A7D8;
    border-color: #21A7D8;
}

.facts-section-three .count-box {
    color: #21A7D8;
}

.about-section-three .link a:before {
    background-color: #21A7D8;
}

.about-section-three .link a:hover i {
    color: #21A7D8;
}

.skills .skill-item .skill-bar .bar-inner .bar:before {
    background: #439c47;
}

.video-section h5 a:hover {
    color: #21A7D8;
}

.video-section h5 a:before {
    color: #21A7D8;
}

.video-section h5 a:after {
    color: #21A7D8;
}

.team-blcok .designation {
    border-left: 3px solid #21A7D8;
}

.team-blcok .social-icon {
    background: #21A7D8;
}

.getaquote-section.style-two .social-icon li a:before {
    background-color: #21A7D8;
}

.pricing-block-two .price {
    background-color: #21A7D8;
}

.pricing-block-two .link-box .theme-btn {
    border: 2px solid #21A7D8;
}

.pricing-block-two .link-box .theme-btn i {
    color: #21A7D8;
}

.pricing-block-two .link-box .theme-btn:before {
    background-color: #21A7D8;
}

.testimonial-block-three .quote {
    background-color: #21A7D8;
}

.testimonial-block-three .rating span {
    color: #21A7D8;
}

.testimonials-section-three .testimonial-slider-button-next:hover {
    color: #21A7D8;
    border-color: #21A7D8;
}

.testimonials-section-three .testimonial-slider-button-prev:hover {
    color: #21A7D8;
    border-color: #21A7D8;
}

.contact-info-block ul li a {
    color: #21A7D8;
}

.main-footer.style-three .links-widget ul li a:hover {
    color: #21A7D8;
}

.news-widget .post .content h4 a:hover {
    color: #21A7D8;
}

.news-widget .post .content .date i {
    color: #21A7D8;
}

.about-widget-two .list li:before {
    color: #21A7D8;
}

.footer-bottom.style-three .social-icon li a:before {
    background-color: #21A7D8;
}

.footer-bottom.style-three .copyright-text a:hover {
    color: #21A7D8;
}

.header-style-four .header-top .links a:hover {
    color: #21A7D8;
}

.header-upper .contact-info-three .icon {
    background-color: #21A7D8;
}

.service-block-three .icon {
    color: #21A7D8; 
}

.service-block-three .link a {
    color: #21A7D8;
}

.services-section-three .owl-theme .owl-nav .owl-prev:hover:after {
    color: #21A7D8;
    border-color: #21A7D8;
}

.services-section-three .owl-theme .owl-nav .owl-next:hover:after {
	color: #21A7D8;
    border-color: #21A7D8;
}

.btn-style-one.style-2 i {
    color: #21A7D8;
}

.btn-style-one.style-2:before {
    background-color: #21A7D8;
}

.about-section-two .skills .skill-item .skill-bar .bar-inner .bar {
    background-color: #21A7D8;
}

.about-section-two .skills .skill-item .skill-bar .bar-inner .bar:before {
    background: #21A7D8;
}

.whychooseus-section-three .counter-column .icon {
    color: #21A7D8;
}

.whychooseus-section-three .counter-column .count-box {
    color: #21A7D8;
}

.whychooseus-block-three .inner-box:before {
    border: 2px dashed #21A7D8;
}

.team-section .owl-theme .owl-nav .owl-prev:hover:after {
    color: #21A7D8;
    border-color: #21A7D8;
}

.team-section .owl-theme .owl-nav .owl-next:hover:after {
	color: #21A7D8;
    border-color: #21A7D8;
}

.project-block-two .category {
    color: #21A7D8;
}

.project-block-two .link-btn {
    background: #21A7D8;
}

.testimonial-block-four .author-thumb:before {
    border: 3px solid #21A7D8;
}

.testimonial-block-four .quote {
    background: #21A7D8;
}

.testimonial-block-four .designation {
    color: #21A7D8;
}

.testimonial-block-four .rating span {
    color: #21A7D8;
}

.testimonials-section-four .owl-theme .owl-nav .owl-prev:hover:after {
    color: #21A7D8;
}

.testimonials-section-four .owl-theme .owl-nav .owl-next:hover:after {
    color: #21A7D8;
}

.news-block-three .date {
    background: #21A7D8;
}

.news-block-three .category i {
    color: #21A7D8;
}

.news-block-three h3 a:hover {
    color: #21A7D8;
}

.news-section-three .owl-theme .owl-nav .owl-prev:hover:after {
    color: #21A7D8;
    border-color: #21A7D8;
}

.news-section-three .owl-theme .owl-nav .owl-next:hover:after {
	color: #21A7D8;
    border-color: #21A7D8;
}

.cta-section .wrapper-box:before {
    background: #21A7D8;
}

.main-footer.style-four .links-widget ul li a:hover {
    color: #21A7D8;
}

.about-widget-three .readmore-link:hover {
    color: #21A7D8;
}

.footer-bottom.style-four .social-icon li a:before {
    background-color: #21A7D8;
}

.industries-covered-two .nav-tabs.tab-btn-style-one li a .icon {
    color: #21A7D8;
}

.industries-covered-two .nav-tabs.tab-btn-style-one li a.active {
    background: #21A7D8;
    border-color: #21A7D8;
}

.industries-covered-two .theme-btn-two:hover {
    color: #21A7D8;
}

.industries-covered-two .theme-btn-two i {
    background: #21A7D8;
}

.industries-covered-two .owl-theme .owl-nav .owl-prev:hover:after,
.industries-covered-two .owl-theme .owl-nav .owl-next:hover:after {
    opacity: 1;
    color: #21A7D8;
}

.contact-info-section-two .owl-theme .owl-nav .owl-prev:hover:after,
.contact-info-section-two .owl-theme .owl-nav .owl-next:hover:after {
    color: #21A7D8;
}

.testimonials-section-two .owl-theme .owl-nav .owl-prev:hover:after {
    color: #21A7D8;
}

.testimonials-section-two .owl-theme .owl-nav .owl-next:hover:after {
	color: #21A7D8;
}

.pagination li a:hover i,
.pagination li a:hover,
.pagination li a.active {
    color: #21A7D8;
}

.widget_categories ul li a:hover {
    color: #21A7D8;
}

.widget_categories span {
    color: #21A7D8;
}

.news-widget-two .post:hover .content .date {
    color: #21A7D8;
}

.tag-cloud-widget ul li a:hover {
    background: #21A7D8;
}

.advertisement-widget .theme-btn:before {
    background-color: #21A7D8;
}

.advertisement-widget .theme-btn i {
    color: #21A7D8;
}

.news-block-four .date {
    background-color: #21A7D8;
}

.news-block-four .category {
    color: #21A7D8;
}

.news-block-four h3 a:hover {
    color: #21A7D8;
}

.news-block-four .post-meta li a:hover {
    color: #21A7D8;
}

.news-block-four .social-links-wrapper:hover .icon {
    background: #21A7D8;
    border-color: #21A7D8;
}

.news-block-four .social-links li a:hover {
    background-color: #21A7D8;
    border-color: #21A7D8;
}

.news-block-four .link-box .theme-btn i {
    color: #21A7D8;
}

.news-block-four .link-box .theme-btn:before {
    background-color: #21A7D8;
}

.blog-sidebar.style-two .widget {
    border-top: 5px solid #21A7D8;
}

.blog-single-post blockquote .quote-icon {
    background-color: #21A7D8;
}

.blog-single-post .tag a:hover {
    background: #21A7D8;
}

.post-pagination .post:hover .content .date {
    color: #21A7D8;
}

.news-section .author-box h5 a {
    color: #21A7D8;
}

.comments-area .comment-box .reply-comment-btn {
    color: #21A7D8;
}

.news-section .comment-form .theme-btn i {
    color: #21A7D8;
}

.news-section .comment-form .theme-btn:before {
    background-color: #21A7D8;
}

.header-style-five .header-upper .language button.btn.dropdown-toggle {
    color: #21A7D8;
}

.header-style-five .header-upper .bootstrap-select .dropdown-toggle .filter-option:after {
    color: #21A7D8;
}

.contact-info-section-two .tab-content h4 span {
    color: #21A7D8;
}

.contact-info-section-two .icon-box .icon {
    color: #21A7D8;
}

.contact-form .form-group .theme-btn:before {
    background: #21A7D8;
}

.services-section.style-two .owl-theme .owl-nav .owl-prev:hover:after,
.services-section.style-two .owl-theme .owl-nav .owl-next:hover:after {
    background-color: #21A7D8;
}

.cta-section-two .theme-btn:before {
    background: #21A7D8;
}

.services-section-two.style-two .service-block-two .image-box .icon {
    color: #21A7D8;
}

.service-sidebar .widget {
    border-top: 5px solid #21A7D8;
}

.widget_categories-two ul li.active a {
    color: #21A7D8;
}

.widget_categories-two ul li.active:before {
    color: #21A7D8;
}

.widget_categories-two li.active i {
    color: #21A7D8;
}

.widget_categories-two ul li.active {
    border-color: #21A7D8;
}

.widget_categories-two ul li a:hover {
    color: #21A7D8;
}

.getaquote-widget .form-group .theme-btn:before {
    background-color: #21A7D8;
}

.getaquote-widget .form-group .theme-btn i {
    color: #21A7D8;
}

.service-details .text-block {
    background: #21A7D8;
}

.service-details .counter-column .count-box {
    color: #21A7D8;
}

.service-details .features .icon-box:hover:before {
    border: 2px dashed #21A7D8;
}

.service-details .features .icon {
    color: #21A7D8;
}

.testimonial-block-five .quote {
    background: #21A7D8;
}

.testimonial-block-five .designation {
    color: #21A7D8;
}

.testimonial-block-five .rating span {
    color: #21A7D8;
}

.getaquote-section.style-four .getaquote-form .form-group .theme-btn:before {
    background-color: #21A7D8;
}

.getaquote-section.style-four .getaquote-form .form-group .theme-btn i {
    color: #21A7D8;
}

.getaquote-section .note span {
    color: #21A7D8;
}

.accordion-box .block .acc-btn.active .icon-outer {
    color: #21A7D8;
}

.accordion-box .block .acc-btn.active strong {
    color: #21A7D8;
}

.faq-section .nav-tabs.tab-btn-style-one .nav-link.active h4 i,
.faq-section .nav-tabs.tab-btn-style-one .nav-link:hover h4 i {
    transform: rotate(90deg);
    color: #21A7D8;
}

.faq-section .nav-tabs.tab-btn-style-one .nav-link.active,
.faq-section .nav-tabs.tab-btn-style-one .nav-link:hover {
    background: #fff;
    color: #21A7D8;
}

.faq-section .nav-tabs.tab-btn-style-one .nav-link.active  h4,
.faq-section .nav-tabs.tab-btn-style-one .nav-link:hover h4 {
    color: #21A7D8;
}

.faq-section .nav-tabs.tab-btn-style-one .nav-link:before {
    border: 2px solid #21A7D8;
}

.filter-tabs {
    border: 2px dashed #21A7D8;
}

.project-block-three .category {
    color: #21A7D8;
}

.project-block-three .link-btn a {
    color: #21A7D8;
}

.project-block-three .link-btn a:hover {
    background-color: #21A7D8;
}

.projects-section-four .theme-btn:before {
    background: #21A7D8;
}

.projects-section-four .theme-btn i {
    color: #21A7D8;
}

.related-projects .owl-theme .owl-nav .owl-prev:hover:after {
    color: #21A7D8;
}

.related-projects .owl-theme .owl-nav .owl-next:hover:after {
	color: #21A7D8;
}

.project-details h5 {
    color: #21A7D8;
}

.banner-section-two .link-box a i {
    color: #21A7D8;
}

.banner-section-two .link-box a {
    border: 2px solid #21A7D8;
    color: #21A7D8;
}

.banner-section-two .left-panel .option-box .icon {
    background: #21A7D8;
}

.history-section .owl-theme .owl-nav .owl-prev:hover:after {
    color: #21A7D8;
    border-color: #21A7D8;
}

.history-section .owl-theme .owl-nav .owl-next:hover:after {
	color: #21A7D8;
    border-color: #21A7D8;
}

.banner-section-two .text-block h4 {
    color: #21A7D8;
}

.page-title .content-box .bread-crumb.style-two li.active  a,
.page-title .content-box .bread-crumb.style-two li:hover a {
    color: #21A7D8;
}

.page-title .content-box .bread-crumb.style-two li.active a i,
.page-title .content-box .bread-crumb.style-two li:hover a i {
    color: #21A7D8;
}

.page-title .content-box .bread-crumb.style-two li a:before {
    border: 2px solid #21A7D8;
}

.contact-info-section-three .nav-tabs.tab-btn-style-one .active h4 {
    color: #21A7D8;
}

.contact-info-block-two ul li a span {
    color: #21A7D8;
}

.bottom-content .text span {
    color: #21A7D8;
}

.history-block .inner-box:hover {
    border-color: #21A7D8;
}

.history-block .date {
    color: #21A7D8;
}

.history-block .date:before {
    border-bottom: 2px dashed #21A7D8;
}

.history-section .nav-tabs.tab-btn-style-one li.nav-item:after {
    background-color: #21A7D8;
}

.who-we-are-section .experience-year .icon {
    border: 2px dashed #21A7D8;
    color: #21A7D8;
}

.who-we-are-section .experience-year h3 {
    color: #21A7D8;
}

.who-we-are-section .experience-year h5 {
    color: #21A7D8;
}

.who-we-are-section .theme-btn:before {
    background-color: #21A7D8;
}

.who-we-are-section .theme-btn i {
    color: #21A7D8;
}

.who-we-are-section .designation {
    color: #21A7D8;
}

.who-we-are-section .video-btn a {
    background-color: #21A7D8;
}

.whychooseus-block-four .icon {
    color: #21A7D8;
}

.whychooseus-block-four .icon i {
    background: #21A7D8;
}

.certificate-block .inner-box:hover .image:before {
    border-color: #21A7D8;
}

.certificate-section .owl-theme .owl-nav .owl-next:hover:after,
.certificate-section .owl-theme .owl-nav .owl-prev:hover:after {
    color: #21A7D8;
}

.statement-section .nav-tabs.tab-btn-style-one .nav-item .nav-link.active,
.statement-section .nav-tabs.tab-btn-style-one .nav-item .nav-link:hover {
    color: #21A7D8;
    border-color: #21A7D8;
}

.statement-section .nav-tabs.tab-btn-style-one .nav-item .nav-link.active h4,
.statement-section .nav-tabs.tab-btn-style-one .nav-item .nav-link:hover h4 {
    color: #21A7D8;
} 

.statement-section .nav-tabs.tab-btn-style-one .nav-item .nav-link.active i,
.statement-section .nav-tabs.tab-btn-style-one .nav-item .nav-link:hover i {
    color: #21A7D8;
}

.filter-tabs li.active {
    color: #21A7D8;
}



/* Final İstanbul Mavi Yazılım premium overrides */
body {
    background: linear-gradient(180deg, #ffffff 0%, var(--ogl-ice) 100%);
}

.btn-style-one,
.theme-btn,
.preloader-close,
.search-popup .search-form fieldset input[type="submit"],
.scroll-to-top:hover,
.banner-section .banner-slider-nav.style-two .banner-slider-button-next,
#selector {
    background: linear-gradient(135deg, var(--ogl-accent) 0%, var(--ogl-primary) 100%);
    box-shadow: 0 16px 34px rgba(10, 74, 112, 0.22);
}

.btn-style-one:before,
.btn-style-one.style-two:before {
    background: var(--ogl-navy);
}

.main-header.header-style-one .header-upper,
.sticky-header,
.main-menu .navigation>li>ul,
.main-menu .navigation>li>ul>li>ul {
    background-color: var(--ogl-navy);
}

.banner-section .swiper-slide:before,
.page-title:before {
    background: linear-gradient(90deg, rgba(6, 44, 71, 0.9) 0%, rgba(10, 74, 112, 0.66) 48%, rgba(3, 23, 38, 0.86) 100%);
}

.services-section {
    background: linear-gradient(180deg, #ffffff 0%, var(--ogl-ice) 100%);
}

.service-block-one .inner-box {
    background: linear-gradient(145deg, var(--ogl-primary) 0%, var(--ogl-deep) 52%, var(--ogl-navy) 100%);
    box-shadow: 0 26px 60px rgba(6, 44, 71, 0.18);
}

.service-block-one .text {
    color: rgba(244, 250, 253, 0.82);
}

.service-block-one .count:before,
.service-block-one .image:before {
    background-color: rgba(6, 44, 71, 0.72);
}

.service-block-one .image:after {
    border-color: rgba(33, 167, 216, 0.5);
}

.service-block-one .inner-box:hover .image:after {
    border-color: var(--ogl-accent);
}

.premium-content-rule,
.premium-editor-content li:before {
    background: linear-gradient(90deg, var(--ogl-primary), var(--ogl-accent));
}

.premium-editor-content li:before {
    box-shadow: 0 0 0 5px rgba(33, 167, 216, 0.14);
}

.main-footer,
.footer-bottom {
    background-color: var(--ogl-navy);
}

.banner-section .swiper-slide.video-slide:before {
    background: rgba(3, 12, 20, 0.03);
    opacity: 1;
}

.banner-section .swiper-slide.video-slide:after {
    background: linear-gradient(0deg, rgba(3, 12, 20, 0.08) 0%, rgba(3, 12, 20, 0) 100%);
    height: 16%;
}

.main-menu .navigation>li>ul,
.main-menu .navigation>li>ul>li>ul {
    background: rgba(6, 44, 71, 0.98);
    border: 1px solid rgba(190, 234, 246, 0.2);
    box-shadow: 0 26px 58px rgba(3, 23, 38, 0.28);
}

.main-menu .navigation>li>ul>li>a,
.main-menu .navigation>li>ul>li>ul>li>a,
.main-menu .navigation>li>ul>li.current>a,
.main-menu .navigation>li>ul>li>ul>li.current>a {
    color: #F4FAFD;
    border-bottom-color: rgba(190, 234, 246, 0.22);
}

.main-menu .navigation>li>ul>li.dropdown>a:after,
.main-menu .navigation>li>ul>li>ul>li.dropdown>a:after {
    color: var(--ogl-accent-soft);
}

.main-menu .navigation>li>ul>li:before,
.main-menu .navigation>li>ul>li>ul>li:before {
    background: linear-gradient(90deg, rgba(33, 167, 216, 0.18), rgba(255, 255, 255, 0.04));
}

.main-menu .navigation>li>ul>li:hover>a,
.main-menu .navigation>li>ul>li>ul>li:hover>a {
    color: #FFFFFF;
}

/* Premium light dropdown menu */
.main-menu .navigation>li>ul,
.main-menu .navigation>li>ul>li>ul {
    min-width: 260px;
    padding: 10px;
    background: rgba(255, 255, 255, 0.97) !important;
    border: 1px solid rgba(10, 74, 112, 0.12);
    border-radius: 0 0 10px 10px;
    box-shadow: 0 24px 55px rgba(6, 44, 71, 0.2);
    backdrop-filter: blur(10px);
}

.main-menu .navigation>li>ul>li,
.main-menu .navigation>li>ul>li>ul>li {
    padding: 0;
}

.main-menu .navigation>li>ul>li>a,
.main-menu .navigation>li>ul>li>ul>li>a,
.main-menu .navigation>li>ul>li.current>a,
.main-menu .navigation>li>ul>li>ul>li.current>a {
    padding: 13px 16px;
    color: var(--ogl-navy) !important;
    border-bottom: 1px solid rgba(10, 74, 112, 0.1);
    border-radius: 7px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: 0;
}

.main-menu .navigation>li>ul>li:last-child>a,
.main-menu .navigation>li>ul>li>ul>li:last-child>a {
    border-bottom: 0;
}

.main-menu .navigation>li>ul>li:before,
.main-menu .navigation>li>ul>li>ul>li:before {
    display: none;
}

.main-menu .navigation>li>ul>li:hover>a,
.main-menu .navigation>li>ul>li>ul>li:hover>a {
    color: var(--ogl-primary) !important;
    background: linear-gradient(90deg, rgba(33, 167, 216, 0.12), rgba(244, 250, 253, 0.9));
    padding-left: 18px;
}

.main-menu .navigation>li>ul>li.dropdown>a:after,
.main-menu .navigation>li>ul>li>ul>li.dropdown>a:after {
    right: 14px;
    top: 13px;
    color: var(--ogl-accent) !important;
}

.main-menu .navigation>li.dropdown:hover>ul {
    transform: translateY(10px);
}

/* Premium service detail hero */
.service-detail-hero:before {
    background: linear-gradient(90deg, rgba(3, 23, 38, 0.82) 0%, rgba(6, 44, 71, 0.55) 48%, rgba(3, 23, 38, 0.62) 100%);
}

.service-detail-hero:after {
    background: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}

.service-detail-hero .content-box .bread-crumb.style-two li a {
    color: rgba(255, 255, 255, 0.82);
}

.service-detail-hero .content-box .bread-crumb.style-two li.active a,
.service-detail-hero .content-box .bread-crumb.style-two li:hover a {
    color: #fff;
}

.service-detail-hero .content-box .bread-crumb.style-two li a:before {
    display: none;
}

/* Premium standard page hero */
.page-title:not(.service-detail-hero):before {
    background: linear-gradient(90deg, rgba(3, 23, 38, 0.82) 0%, rgba(6, 44, 71, 0.56) 48%, rgba(3, 23, 38, 0.66) 100%);
}

.page-title:not(.service-detail-hero):after {
    background: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}

.page-title:not(.service-detail-hero) .content-box .bread-crumb.style-two li a {
    color: rgba(255, 255, 255, 0.82);
}

.page-title:not(.service-detail-hero) .content-box .bread-crumb.style-two li.active a,
.page-title:not(.service-detail-hero) .content-box .bread-crumb.style-two li:hover a {
    color: #fff;
}

.page-title:not(.service-detail-hero) .content-box .bread-crumb.style-two li a:before {
    display: none;
}

/* Unified page-title visual layer */
.page-title:before {
    background:
        radial-gradient(circle at 50% 105%, rgba(0, 89, 207, 0.18), transparent 42%),
        linear-gradient(90deg, rgba(3, 17, 29, 0.88) 0%, rgba(6, 35, 55, 0.58) 48%, rgba(3, 17, 29, 0.76) 100%) !important;
}

.page-title:after {
    height: 28% !important;
    background: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%) !important;
}

.page-title .content-box .bread-crumb.style-two {
    padding: 8px 10px !important;
    background: rgba(255, 255, 255, 0.13) !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    backdrop-filter: blur(10px);
}

.page-title .content-box .bread-crumb.style-two li a {
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: rgba(255, 255, 255, 0.82) !important;
}

.page-title .content-box .bread-crumb.style-two li.active a,
.page-title .content-box .bread-crumb.style-two li:hover a {
    color: #fff !important;
}

/* Contact page logo-color button override */
.contact-form-premium-section .contact-submit-btn {
    background: linear-gradient(135deg, #0059cf 0%, #0059cf 52%, #003f9a 100%) !important;
    box-shadow: 0 16px 34px rgba(0, 63, 154, 0.25) !important;
    color: #ffffff !important;
}

.contact-form-premium-section .contact-submit-btn:before {
    background: #003f9a !important;
}

.contact-form-premium-section .contact-submit-btn:hover,
.contact-form-premium-section .contact-submit-btn:focus {
    background: linear-gradient(135deg, #0059cf 0%, #0059cf 48%, #003f9a 100%) !important;
    color: #ffffff !important;
}

/* Final title chip color correction */
.sec-title .sub-title,
.news-section .sec-title .sub-title,
.work-process-section .sec-title .sub-title,
.testimonials-section-two .sec-title .sub-title,
.about-section .sec-title .sub-title,
.team-section.style-three .sec-title .sub-title {
    color: var(--ogl-primary) !important;
}

.sec-title.light .sub-title,
.work-process-section .sec-title.light .sub-title,
.testimonials-section-two .sec-title.light .sub-title {
    color: #ffffff !important;
}

/* Unified İstanbul Mavi Yazılım palette — process section and digital assistant */
.work-process-section {
    background:
        radial-gradient(circle at 14% 8%, rgba(208, 180, 58, 0.15), transparent 28%),
        linear-gradient(135deg, #031427 0%, #003f9a 54%, #06172d 100%) !important;
}

.work-process-section .bg {
    opacity: 0.14 !important;
    filter: sepia(0.55) saturate(0.8) contrast(1.08) !important;
}

.work-process-section:before {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.07), transparent 42%),
        radial-gradient(circle at 88% 12%, rgba(208, 180, 58, 0.12), transparent 26%) !important;
}

.work-process-section .sec-title .sub-title {
    color: #F8F2E4 !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(232, 220, 164, 0.25) !important;
}

.work-process-section .sec-title .sub-title:before,
.work-process-section .sec-title .sub-title:after {
    background: #d42131 !important;
    box-shadow: 0 0 0 7px rgba(208, 180, 58, 0.12) !important;
}

.work-process-section .work-process-block .inner-box {
    background: linear-gradient(180deg, #FFFDF8, #F7F0E0) !important;
    border-color: rgba(0, 89, 207, 0.16) !important;
    box-shadow: 0 26px 66px rgba(31, 16, 2, 0.25) !important;
}

.work-process-section .work-process-block .inner-box:before {
    background: linear-gradient(90deg, transparent, #0059cf, #E8DCA4, #0059cf, transparent) !important;
}

.work-process-section .work-process-block .inner-box:hover {
    border-color: rgba(0, 89, 207, 0.42) !important;
    box-shadow: 0 36px 88px rgba(31, 16, 2, 0.34) !important;
}

.work-process-section .work-process-block .count {
    background: linear-gradient(135deg, #d42131, #0059cf) !important;
    box-shadow: 0 12px 28px rgba(0, 89, 207, 0.24) !important;
}

.work-process-section .work-process-block .icon {
    color: #0059cf !important;
    background: rgba(208, 180, 58, 0.12) !important;
    border-color: rgba(0, 89, 207, 0.2) !important;
}

.work-process-section .work-process-block .inner-box:hover .icon {
    color: #ffffff !important;
    background: linear-gradient(135deg, #d42131, #0059cf) !important;
}

.work-process-section .work-process-block h4 {
    color: #06274f !important;
}

.work-process-section .work-process-block .text {
    color: #665847 !important;
}

.ogl-chatbot-launcher,
.ogl-chatbot-header {
    background: linear-gradient(135deg, #06274f, #003f9a) !important;
    border-color: rgba(232, 220, 164, 0.28) !important;
    box-shadow: 0 22px 58px rgba(31, 16, 2, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}

.ogl-chatbot-launcher-icon,
.ogl-chatbot-avatar {
    background: linear-gradient(135deg, #d42131, #0059cf) !important;
    box-shadow: 0 12px 26px rgba(0, 89, 207, 0.24) !important;
}

.ogl-chatbot-panel {
    border-color: rgba(0, 89, 207, 0.18) !important;
    background: #FFFCF6 !important;
    box-shadow: 0 32px 90px rgba(31, 16, 2, 0.3) !important;
}

.ogl-chatbot-toolbar,
.ogl-chatbot-body {
    background: linear-gradient(180deg, #f8fcff, #ffffff) !important;
}

.ogl-chatbot-toolbar button,
.ogl-chatbot-service-grid button {
    color: #003f9a !important;
    border-color: rgba(0, 89, 207, 0.14) !important;
}

.ogl-chatbot-toolbar button.active,
.ogl-chatbot-service-grid button.active,
.ogl-chatbot-service-grid button:hover {
    color: #ffffff !important;
    border-color: rgba(0, 89, 207, 0.54) !important;
    background: linear-gradient(135deg, #0059cf, #0059cf) !important;
    box-shadow: 0 12px 24px rgba(0, 89, 207, 0.17) !important;
}

.ogl-chatbot-message {
    color: #493A2B !important;
    border-color: rgba(0, 89, 207, 0.1) !important;
    box-shadow: 0 12px 28px rgba(0, 63, 154, 0.06) !important;
}

.ogl-chatbot-message strong,
.ogl-chatbot-contact a {
    color: #003f9a !important;
}

.ogl-chatbot-message.detail {
    background: linear-gradient(180deg, #FFFFFF, #F8F1E2) !important;
}

.ogl-chatbot-service-grid i {
    color: #0059cf !important;
    background: rgba(208, 180, 58, 0.13) !important;
}

.ogl-chatbot-service-grid button.active i,
.ogl-chatbot-service-grid button:hover i {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.16) !important;
}

.ogl-chatbot-contact {
    border-color: rgba(0, 89, 207, 0.1) !important;
    background: #ffffff !important;
}

.ogl-chatbot-contact i,
.ogl-chatbot-contact a:hover {
    color: #0059cf !important;
}

.ogl-chatbot-actions {
    background: #ffffff !important;
}

/* Site-wide İstanbul Mavi layer: light surfaces, blue anchors and red accents. */
.portfolio-premium-section {
    background-color: #06274f !important;
    background-blend-mode: luminosity !important;
}

.portfolio-premium-section:before {
    background:
        linear-gradient(90deg, rgba(43, 24, 5, 0.97), rgba(0, 63, 154, 0.90) 58%, rgba(33, 18, 3, 0.96)),
        radial-gradient(circle at 82% 12%, rgba(208, 180, 58, 0.13), transparent 28%) !important;
}

.portfolio-premium-section .background-text {
    position: absolute;
    color: transparent !important;
    font-family: "Inter", Arial, sans-serif !important;
    font-size: clamp(76px, 9.7vw, 168px) !important;
    font-weight: 900 !important;
    line-height: 0.9 !important;
    letter-spacing: 0.055em !important;
    white-space: nowrap;
    background-image: linear-gradient(105deg,
        rgba(185, 154, 25, 0.15) 0%,
        rgba(232, 220, 164, 0.22) 36%,
        rgba(255, 250, 218, 0.78) 48%,
        rgba(232, 220, 164, 0.22) 60%,
        rgba(185, 154, 25, 0.15) 100%) !important;
    background-size: 300% 100% !important;
    background-position: 100% 0;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-stroke: 0 transparent !important;
    text-shadow: none !important;
    opacity: 1 !important;
    filter: none !important;
    overflow: hidden;
    animation: irmakSingleTextLight 5.8s ease-in-out infinite;
}

.portfolio-premium-section .background-text:after {
    content: none !important;
    display: none !important;
}

@keyframes irmakSingleTextLight {
    0%, 15% { background-position: 100% 0; }
    70%, 100% { background-position: 0 0; }
}

@keyframes irmakGoldSweep {
    0%, 18% { background-position: 130% 0; opacity: 0; }
    28% { opacity: 1; }
    58% { background-position: -130% 0; opacity: 1; }
    68%, 100% { background-position: -130% 0; opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .portfolio-premium-section .background-text {
        animation: none;
        background-position: 50% 0;
    }

    .portfolio-premium-section .background-text:after {
        animation: none;
        opacity: 0;
    }
}

/* Final removal of legacy cyan accents from core homepage modules. */
.service-block-one .link i,
.readmore-link i,
.news-section .theme-btn i,
.news-section .sec-top .theme-btn i {
    color: #d42131 !important;
}

.service-block-one .count {
    background: linear-gradient(145deg, #d42131, #0059cf) !important;
    border-color: rgba(232, 220, 164, 0.34) !important;
    box-shadow: 0 14px 30px rgba(0, 63, 154, 0.28) !important;
}

.service-block-one .image:after {
    background: #06274f !important;
    border-color: rgba(208, 180, 58, 0.38) !important;
}

.service-block-one .inner-box:hover .image:after {
    border-color: #d42131 !important;
}

.sec-title .sub-title,
.about-section .sec-title .sub-title,
.news-section .sec-title .sub-title,
.team-section.style-three .sec-title .sub-title {
    color: #003f9a !important;
    background: rgba(255, 253, 249, 0.74) !important;
    border-color: rgba(0, 89, 207, 0.22) !important;
}

.sec-title .sub-title:before,
.about-section .sec-title .sub-title:before,
.news-section .sec-title .sub-title:before,
.team-section.style-three .sec-title .sub-title:before {
    background: #d42131 !important;
    border-color: #F8F2E4 !important;
    box-shadow: 0 0 0 7px rgba(208, 180, 58, 0.13) !important;
}

.sec-title .sub-title:after,
.about-section .sec-title .sub-title:after,
.news-section .sec-title .sub-title:after,
.team-section.style-three .sec-title .sub-title:after {
    background: linear-gradient(90deg, #d42131, transparent) !important;
}

.news-section .sec-top .theme-btn,
.news-section .theme-btn {
    color: #003f9a !important;
    background: rgba(208, 180, 58, 0.12) !important;
    border-color: rgba(0, 89, 207, 0.22) !important;
    box-shadow: none !important;
}

.news-section .sec-top .theme-btn:hover,
.news-section .theme-btn:hover {
    color: #ffffff !important;
    background: linear-gradient(135deg, #d42131, #0059cf) !important;
}

.testimonial-premium-section {
    background-color: #06274f !important;
    background-blend-mode: luminosity !important;
}

.testimonial-premium-section:before {
    background:
        radial-gradient(circle at 10% 10%, rgba(208, 180, 58, 0.13), transparent 28%),
        linear-gradient(135deg, rgba(43, 24, 5, 0.98), rgba(0, 63, 154, 0.94) 55%, rgba(33, 18, 3, 0.98)) !important;
}

.testimonial-premium-section .sec-title .sub-title {
    color: #F8F2E4 !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(232, 220, 164, 0.24) !important;
}

.testimonial-premium-section .testimonial-block-two .inner-box {
    background: linear-gradient(145deg, rgba(255, 253, 249, 0.10), rgba(255, 255, 255, 0.045)) !important;
    border-color: rgba(232, 220, 164, 0.18) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 20px 48px rgba(0, 31, 76, 0.18) !important;
}

.testimonial-premium-section .testimonial-block-two .designation {
    color: #d42131 !important;
}

.testimonial-premium-section .testimonial-block-two .designation:after {
    background: linear-gradient(90deg, #d42131, rgba(232, 220, 164, 0.18)) !important;
}

.testimonial-premium-section .owl-theme .owl-nav .owl-prev,
.testimonial-premium-section .owl-theme .owl-nav .owl-next {
    background: rgba(255,255,255,0.08) !important;
    border-color: rgba(232, 220, 164, 0.22) !important;
}

.testimonial-premium-section .owl-theme .owl-nav .owl-prev:hover,
.testimonial-premium-section .owl-theme .owl-nav .owl-next:hover {
    background: #d42131 !important;
    border-color: #d42131 !important;
}

/* High-contrast mobile menu trigger on the light header. */
@media only screen and (max-width: 1139px) {
    .main-header.header-style-one > .header-upper .mobile-nav-toggler {
        position: relative;
        width: 52px;
        height: 52px;
        padding: 0;
        background: linear-gradient(145deg, #FFFDF8, #EFE3C7) !important;
        border: 1px solid rgba(0, 89, 207, 0.34) !important;
        border-radius: 10px;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.9),
            0 8px 20px rgba(0, 63, 154, 0.13);
    }

    .main-header.header-style-one > .header-upper .mobile-nav-toggler img {
        display: none !important;
    }

    .main-header.header-style-one > .header-upper .mobile-nav-toggler:before,
    .main-header.header-style-one > .header-upper .mobile-nav-toggler:after {
        position: absolute;
        content: "";
        left: 12px;
        width: 28px;
        height: 3px;
        border-radius: 999px;
        background: #003f9a;
        box-shadow: 0 0 0 1px rgba(0, 63, 154, 0.03);
        transition: width 220ms ease, background 220ms ease, transform 220ms ease;
    }

    .main-header.header-style-one > .header-upper .mobile-nav-toggler:before {
        top: 16px;
        box-shadow:
            0 9px 0 #003f9a,
            0 18px 0 #003f9a;
    }

    .main-header.header-style-one > .header-upper .mobile-nav-toggler:after {
        display: none;
    }

    .main-header.header-style-one > .header-upper .mobile-nav-toggler:hover {
        border-color: rgba(0, 89, 207, 0.58) !important;
        background: linear-gradient(145deg, #FFFDF8, #E8DCA4) !important;
    }

    .main-header.header-style-one > .header-upper .mobile-nav-toggler:hover:before {
        background: #0059cf;
        box-shadow:
            0 9px 0 #0059cf,
            0 18px 0 #0059cf;
    }
}

.portfolio-premium-heading .sub-title,
.portfolio-premium-section .project-label {
    color: #F8F2E4 !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(232, 220, 164, 0.24) !important;
}

.portfolio-premium-heading p {
    color: rgba(248, 242, 228, 0.72) !important;
}

.portfolio-premium-section .owl-theme .owl-nav .owl-prev,
.portfolio-premium-section .owl-theme .owl-nav .owl-next {
    background: rgba(255, 255, 255, 0.09) !important;
    border-color: rgba(232, 220, 164, 0.25) !important;
}

.portfolio-premium-section .owl-theme .owl-nav .owl-prev:hover,
.portfolio-premium-section .owl-theme .owl-nav .owl-next:hover,
.portfolio-premium-section .owl-theme .owl-dots .owl-dot.active span,
.portfolio-premium-section .owl-theme .owl-dots .owl-dot:hover span {
    background: #d42131 !important;
    border-color: #d42131 !important;
}

.who-we-are-section {
    background:
        radial-gradient(circle at 12% 8%, rgba(208, 180, 58, 0.10), transparent 28%),
        radial-gradient(circle at 88% 8%, rgba(0, 89, 207, 0.08), transparent 26%),
        linear-gradient(180deg, #FCFAF5 0%, #F3ECDD 100%) !important;
}

.who-we-are-section .overview .wrapper-box {
    background: linear-gradient(135deg, #ffffff, #F8F1E4) !important;
    border-color: rgba(0, 89, 207, 0.12) !important;
    box-shadow: 0 30px 86px rgba(0, 63, 154, 0.13) !important;
}

.who-we-are-section .overview .wrapper-box:before {
    background: rgba(208, 180, 58, 0.09) !important;
}

.who-we-are-section .overview h2,
.who-we-are-section .counter-column h4 {
    color: #06274f !important;
}

.who-we-are-section .text {
    color: #665847 !important;
}

.who-we-are-section .counter-column .inner {
    background: #ffffff !important;
    border-color: rgba(0, 89, 207, 0.12) !important;
    box-shadow: 0 20px 52px rgba(0, 63, 154, 0.09) !important;
}

.who-we-are-section .counter-column .inner:before {
    background: linear-gradient(90deg, transparent, #d42131, #0059cf, transparent) !important;
}

.who-we-are-section .counter-column .inner:hover {
    border-color: rgba(0, 89, 207, 0.32) !important;
    box-shadow: 0 28px 65px rgba(0, 63, 154, 0.15) !important;
}

.who-we-are-section .counter-column .count-box {
    color: #0059cf !important;
}

.who-we-are-section .counter-column .icon {
    color: #0059cf !important;
    background: rgba(208, 180, 58, 0.13) !important;
    border-color: rgba(0, 89, 207, 0.18) !important;
}

.who-we-are-section .counter-visual {
    background: #06274f !important;
    box-shadow: 0 30px 70px rgba(0, 63, 154, 0.2) !important;
}

.who-we-are-section .counter-visual img {
    filter: sepia(0.22) saturate(0.78) contrast(1.04) !important;
}

.who-we-are-section .counter-visual:after {
    background: rgba(0, 63, 154, 0.82) !important;
    border-color: rgba(232, 220, 164, 0.28) !important;
}

.skill-premium-section {
    background:
        radial-gradient(circle at 12% 12%, rgba(208, 180, 58, 0.09), transparent 28%),
        radial-gradient(circle at 88% 82%, rgba(0, 89, 207, 0.08), transparent 30%),
        linear-gradient(180deg, #FCFAF5 0%, #F2EBDD 100%) !important;
}

.skill-premium-section:before {
    background-image:
        linear-gradient(rgba(0, 89, 207, 0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 89, 207, 0.045) 1px, transparent 1px) !important;
}

.skill-premium-section .sec-title h2 {
    color: #06274f !important;
}

.skill-premium-section .sec-title h2:after {
    background: linear-gradient(90deg, #d42131, #0059cf) !important;
    box-shadow: 0 10px 24px rgba(0, 89, 207, 0.2) !important;
}

.skill-premium-section .accordion-box.style-three .accordion.block {
    background: linear-gradient(135deg, #ffffff, #F7EFE0) !important;
    border-color: rgba(0, 89, 207, 0.11) !important;
    box-shadow: 0 28px 76px rgba(0, 63, 154, 0.11) !important;
}

.skill-premium-section .accordion-box.style-three .accordion.block:before {
    background: rgba(208, 180, 58, 0.10) !important;
}

.skill-premium-section .accordion-box.style-three .accordion.block:after {
    color: #003f9a !important;
    background: rgba(208, 180, 58, 0.13) !important;
    border-color: rgba(0, 89, 207, 0.18) !important;
}

.skill-premium-section .accordion-box.style-three .text {
    color: #665847 !important;
}

.skill-premium-section .skills {
    background:
        linear-gradient(145deg, rgba(0, 63, 154, 0.99), rgba(0, 63, 154, 0.98)),
        #06274f !important;
    border-color: rgba(232, 220, 164, 0.18) !important;
    box-shadow: 0 28px 70px rgba(0, 63, 154, 0.24) !important;
}

.skill-premium-section .skills:before {
    background: rgba(208, 180, 58, 0.12) !important;
}

.skill-premium-section .skills:after {
    background: linear-gradient(90deg, transparent, #d42131, #ffffff, transparent) !important;
}

.skill-premium-section .skill-item {
    border-color: rgba(232, 220, 164, 0.16) !important;
}

.skill-premium-section .skill-percentage,
.skill-premium-section .bar-inner .bar {
    background-color: #d42131 !important;
}

.news-section {
    background:
        radial-gradient(circle at 12% 4%, rgba(208, 180, 58, 0.08), transparent 28%),
        linear-gradient(180deg, #FCFAF5 0%, #F3ECDD 100%) !important;
}

.news-section .news-block-one .inner-box {
    border-color: rgba(0, 89, 207, 0.1) !important;
    box-shadow: 0 22px 58px rgba(0, 63, 154, 0.1) !important;
}

.news-section .news-block-one .date {
    background: linear-gradient(135deg, #d42131, #0059cf) !important;
}

.news-section .news-block-one .category {
    color: #0059cf !important;
    background: rgba(208, 180, 58, 0.12) !important;
}

.scroll-to-top {
    color: #0059cf !important;
    border-color: #0059cf !important;
}

.scroll-to-top:hover {
    color: #ffffff !important;
    background: linear-gradient(135deg, #d42131, #0059cf) !important;
}

/* Refined logo signature: one welcome shimmer, then only on intentional hover. */
.main-header .logo-box .logo a,
.mobile-menu .nav-logo a {
    position: relative;
    display: inline-flex;
    overflow: hidden;
    isolation: isolate;
    border-radius: 6px;
}

.main-header .logo-box .logo a:after,
.mobile-menu .nav-logo a:after {
    position: absolute;
    content: "";
    top: -35%;
    bottom: -35%;
    left: -45%;
    width: 24%;
    z-index: 2;
    pointer-events: none;
    opacity: 0;
    transform: translateX(0) skewX(-18deg);
    background: linear-gradient(90deg, transparent, rgba(255, 248, 204, 0.78), rgba(208, 180, 58, 0.34), transparent);
    filter: blur(1px);
    animation: irmakLogoWelcome 1.45s cubic-bezier(.35, 0, .2, 1) 0.65s 1 both;
}

.main-header .logo-box .logo a:hover:after,
.mobile-menu .nav-logo a:hover:after {
    animation: irmakLogoHover 1.05s cubic-bezier(.35, 0, .2, 1) 1 both;
}

.main-header .logo-box .logo img,
.mobile-menu .nav-logo img {
    position: relative;
    z-index: 1;
    transition: filter 350ms ease, transform 350ms ease;
    filter:
        drop-shadow(0 7px 12px rgba(0, 63, 154, 0.14))
        drop-shadow(0 0 7px rgba(208, 180, 58, 0.07)) !important;
}

.main-header .logo-box .logo a:hover img,
.mobile-menu .nav-logo a:hover img {
    transform: translateY(-1px) scale(1.012);
    filter:
        drop-shadow(0 9px 15px rgba(0, 63, 154, 0.18))
        drop-shadow(0 0 10px rgba(208, 180, 58, 0.14)) !important;
}

@keyframes irmakLogoWelcome {
    0%, 8% { left: -45%; opacity: 0; }
    18% { opacity: 0.72; }
    72% { opacity: 0.48; }
    100% { left: 125%; opacity: 0; }
}

@keyframes irmakLogoHover {
    0% { left: -45%; opacity: 0; }
    15% { opacity: 0.8; }
    100% { left: 125%; opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .main-header .logo-box .logo a:after,
    .mobile-menu .nav-logo a:after {
        display: none;
        animation: none;
    }

    .main-header .logo-box .logo img,
    .mobile-menu .nav-logo img {
        transition: none;
    }
}

/* İstanbul Mavi Yazılım — premium mobile navigation */
@media only screen and (max-width: 1139px) {
    .mobile-menu {
        width: min(390px, 94vw);
        padding-right: 0;
    }

    .mobile-menu .menu-backdrop {
        background: rgba(29, 16, 3, 0.68);
        backdrop-filter: blur(4px);
    }

    .mobile-menu .menu-box {
        background:
            radial-gradient(circle at 100% 0%, rgba(0, 89, 207, 0.14), transparent 32%),
            linear-gradient(165deg, #06274f 0%, #031427 58%, #06172d 100%);
        border-left: 1px solid rgba(232, 220, 164, 0.20);
        box-shadow: -24px 0 70px rgba(0, 31, 76, 0.36);
    }

    .mobile-menu .nav-logo {
        margin: 0 0 22px;
        padding: 30px 30px 26px;
        min-height: 190px;
        display: flex;
        align-items: center;
        justify-content: center;
        background:
            radial-gradient(circle at 50% 40%, #ffffff 0%, transparent 62%),
            linear-gradient(145deg, #ffffff, #eaf4ff) !important;
        border-bottom: 3px solid #0059cf;
        box-shadow: 0 14px 32px rgba(0, 31, 76, 0.22);
    }

    .mobile-menu .nav-logo img {
        width: min(270px, 88%) !important;
        max-height: 145px;
        object-position: center;
        filter: drop-shadow(0 8px 12px rgba(0, 63, 154, 0.16));
    }

    .mobile-menu .close-btn {
        position: fixed;
        right: 17px;
        top: 15px;
        width: 42px;
        height: 42px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #4A2A09;
        font-size: 21px;
        line-height: 1;
        background: rgba(255, 255, 255, 0.86);
        border: 1px solid rgba(0, 89, 207, 0.28);
        border-radius: 50%;
        box-shadow: 0 8px 20px rgba(0, 63, 154, 0.18);
        backdrop-filter: blur(8px);
    }

    .mobile-menu .menu-outer {
        padding: 6px 18px 4px;
    }

    .mobile-menu .navigation,
    .mobile-menu .navigation:last-child {
        border: 0;
    }

    .mobile-menu .navigation li,
    .mobile-menu .navigation li > ul > li:first-child {
        margin-bottom: 7px;
        border: 1px solid rgba(232, 220, 164, 0.12);
        border-radius: 10px;
        overflow: hidden;
        background: rgba(255, 255, 255, 0.045);
    }

    .mobile-menu .navigation li > a {
        min-height: 51px;
        display: flex;
        align-items: center;
        padding: 13px 54px 13px 18px;
        color: #F8F2E4;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 0.045em;
        border-left: 3px solid transparent;
    }

    .mobile-menu .navigation li.current > a,
    .mobile-menu .navigation li:hover > a {
        color: #FFF9E9;
        background: linear-gradient(90deg, rgba(0, 89, 207, 0.25), rgba(0, 89, 207, 0.05));
        border-left-color: #d42131;
    }

    .mobile-menu .navigation li.dropdown .dropdown-btn {
        right: 9px;
        top: 8px;
        width: 35px;
        height: 35px;
        line-height: 35px;
        color: #F8F2E4;
        background: rgba(0, 89, 207, 0.22);
        border: 1px solid rgba(208, 180, 58, 0.28);
        border-radius: 8px;
    }

    .mobile-menu .navigation li.dropdown .dropdown-btn.open {
        color: #06274f;
        background: #d42131;
    }

    .mobile-menu .navigation li ul {
        padding: 4px 8px 8px;
    }

    .mobile-menu .navigation li ul li {
        margin: 4px 0 0;
        background: rgba(255, 255, 255, 0.035);
        border-color: rgba(232, 220, 164, 0.09);
    }

    .mobile-menu .navigation li ul li > a {
        min-height: 43px;
        margin-left: 0;
        padding: 10px 14px 10px 20px;
        color: rgba(248, 242, 228, 0.82);
        font-size: 13px;
        text-transform: none;
    }

    .mobile-menu .social-links {
        margin: 15px 18px 22px;
        padding: 20px 16px;
        border-top: 1px solid rgba(232, 220, 164, 0.14);
    }

    .mobile-menu .social-links li {
        margin: 0 5px;
    }

    .mobile-menu .social-links li a {
        width: 38px;
        height: 38px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #F8F2E4;
        line-height: 1;
        background: rgba(255, 255, 255, 0.07);
        border: 1px solid rgba(232, 220, 164, 0.16);
        border-radius: 50%;
    }

    .mobile-menu .social-links li a:hover {
        color: #06274f;
        background: #d42131;
        border-color: #d42131;
    }
}
/* İstanbul Mavi Yazılım — executive footer system */
.main-footer {
    background:
        radial-gradient(circle at 8% 0%, rgba(185, 142, 20, .16), transparent 28%),
        radial-gradient(circle at 92% 24%, rgba(255, 231, 154, .07), transparent 25%),
        linear-gradient(135deg, #241303 0%, #442503 48%, #1c0f02 100%) !important;
    border-top: 1px solid rgba(219, 180, 68, .34) !important;
}
.main-footer::before {
    height: 2px !important;
    background: linear-gradient(90deg, transparent 4%, #806000 28%, #d6b84c 50%, #806000 72%, transparent 96%) !important;
    opacity: .82;
}
.main-footer::after {
    width: 430px !important;
    height: 430px !important;
    right: -145px !important;
    top: 75px !important;
    border-color: rgba(25, 167, 232, .10) !important;
    box-shadow: 0 0 0 58px rgba(25, 167, 232, .018), 0 0 0 118px rgba(25, 167, 232, .012);
}
.main-footer .upper-box {
    padding: 54px 0 70px !important;
}
.main-footer .footer-brand-panel {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 36px;
    margin-bottom: 54px;
    padding: 27px 30px;
    overflow: hidden;
    border: 1px solid rgba(221, 189, 94, .22);
    border-radius: 16px;
    background: linear-gradient(105deg, rgba(255,255,255,.075), rgba(255,255,255,.025));
    box-shadow: 0 22px 55px rgba(15, 7, 0, .22), inset 0 1px rgba(255,255,255,.07);
    backdrop-filter: blur(8px);
}
.main-footer .footer-brand-panel::before {
    position: absolute;
    content: '';
    left: 0;
    top: 22px;
    bottom: 22px;
    width: 3px;
    border-radius: 0 3px 3px 0;
    background: linear-gradient(#8edfff, #003f9a);
}
.footer-brand-identity,
.footer-brand-actions {
    display: flex;
    align-items: center;
}
.footer-brand-identity { gap: 27px; }
.footer-brand-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 170px;
    min-width: 170px;
    padding-right: 27px;
    border-right: 1px solid rgba(255,255,255,.12);
}
.footer-brand-logo img {
    display: block;
    width: 100%;
    max-height: 64px;
    object-fit: contain;
}
.footer-brand-copy { max-width: 520px; }
.footer-brand-eyebrow {
    display: block;
    margin-bottom: 6px;
    color: #19a7e8;
    font-size: 11px;
    line-height: 1.2;
    font-weight: 900;
    letter-spacing: .19em;
}
.footer-brand-copy p {
    margin: 0;
    color: rgba(255,255,255,.82);
    font-size: 17px;
    line-height: 1.55;
}
.footer-brand-actions { gap: 11px; flex-shrink: 0; }
.footer-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 48px;
    padding: 0 21px;
    border-radius: 9px;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .035em;
    transition: transform .28s ease, border-color .28s ease, background .28s ease, box-shadow .28s ease !important;
}
.footer-action-outline {
    color: #fff !important;
    border: 1px solid rgba(224, 194, 105, .32);
    background: rgba(255,255,255,.045);
}
.footer-action-primary {
    color: #241603 !important;
    border: 1px solid #19a7e8;
    background: linear-gradient(135deg, #ead477, #b28a15);
    box-shadow: 0 10px 24px rgba(20, 12, 0, .24);
}
.footer-action:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 30px rgba(15, 8, 0, .28);
}
.footer-action-outline:hover {
    border-color: rgba(235, 209, 132, .66);
    background: rgba(255,255,255,.09);
}
.main-footer .widget_title {
    color: #fff !important;
    font-size: 21px !important;
    letter-spacing: -.02em;
}
.main-footer .widget_title::before {
    width: 48px !important;
    height: 2px !important;
    background: linear-gradient(90deg, #19a7e8, rgba(25, 167, 232,0)) !important;
}
.main-footer .links-widget ul li { margin-bottom: 7px !important; }
.main-footer .links-widget ul li a {
    position: relative;
    width: 100%;
    padding: 9px 12px 9px 0 !important;
    color: rgba(255,255,255,.72) !important;
    border-bottom: 1px solid transparent;
    transition: color .25s ease, padding-left .25s ease, border-color .25s ease !important;
}
.main-footer .links-widget ul li a::before {
    content: '›' !important;
    width: 18px;
    margin-right: 8px !important;
    color: #c7a52f !important;
    font-size: 20px;
    line-height: 1;
    transition: transform .25s ease, color .25s ease;
}
.main-footer .links-widget ul li a:hover {
    padding-left: 7px !important;
    color: #fff !important;
    background: transparent !important;
    border-color: rgba(25, 167, 232,.16);
    transform: none !important;
}
.main-footer .links-widget ul li a:hover::before {
    color: #8edfff !important;
    transform: translateX(3px);
}
.main-footer .contact-widget.style-two .wrapper-box,
.main-footer .footer-office-box {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(25, 167, 232,.17) !important;
    border-radius: 13px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.025)) !important;
    box-shadow: 0 18px 42px rgba(15,8,0,.14) !important;
    transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease !important;
}
.main-footer .contact-widget.style-two .wrapper-box:hover,
.main-footer .footer-office-box:hover {
    transform: translateY(-5px);
    border-color: rgba(25, 167, 232,.38) !important;
    box-shadow: 0 25px 54px rgba(15,8,0,.24) !important;
}
.main-footer .contact-widget.style-two .icon {
    color: #19a7e8 !important;
    border-color: rgba(25, 167, 232,.25) !important;
    background: rgba(191,147,22,.11) !important;
    transition: transform .28s ease, background .28s ease !important;
}
.main-footer .contact-widget.style-two .icon-box:hover .icon {
    transform: translateY(-2px);
    background: rgba(191,147,22,.20) !important;
}
.main-footer .contact-widget.style-two .text strong { color: #fff !important; }
.main-footer .contact-widget.style-two .text,
.main-footer .contact-widget.style-two .text a { color: rgba(255,255,255,.74) !important; }
.main-footer .contact-widget.style-two .text a:hover { color: #8edfff !important; }
.main-footer .contact-widget.style-two .social-icon li a {
    border-radius: 9px !important;
    border-color: rgba(25, 167, 232,.19) !important;
    background: rgba(255,255,255,.055) !important;
}
.main-footer .contact-widget.style-two .social-icon li a:hover {
    color: #231402 !important;
    border-color: #19a7e8 !important;
    background: #19a7e8 !important;
    transform: translateY(-3px) !important;
}
.footer-bottom {
    padding: 19px 0 !important;
    background: #160b01 !important;
    border-top: 1px solid rgba(25, 167, 232,.17) !important;
}
.footer-bottom .copyright-text span {
    color: #f3dc83 !important;
    border-color: rgba(25, 167, 232,.27) !important;
    background: rgba(25, 167, 232,.08) !important;
}
.footer-bottom .menu li a:hover { color: #e6c95f !important; }
@media (max-width: 991px) {
    .main-footer .footer-brand-panel { align-items: flex-start; flex-direction: column; }
    .footer-brand-actions { width: 100%; }
}
@media (max-width: 575px) {
    .main-footer .upper-box { padding-top: 36px !important; }
    .main-footer .footer-brand-panel { margin-bottom: 42px; padding: 23px 20px; }
    .footer-brand-identity { align-items: flex-start; flex-direction: column; gap: 18px; }
    .footer-brand-logo { width: 150px; min-width: 0; padding: 0 0 17px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.12); }
    .footer-brand-copy p { font-size: 15.5px; }
    .footer-brand-actions { flex-direction: column; }
    .footer-action { width: 100%; }
}

/* İstanbul Mavi Yazılım final palette override */
:root {
    --im-blue: #0059cf;
    --im-blue-dark: #003f9a;
    --im-blue-deep: #06274f;
    --im-blue-soft: #eaf4ff;
    --im-cyan: #19a7e8;
    --im-red: #d42131;
    --im-ink: #0b1728;
}

body,
.services-section {
    background: linear-gradient(180deg, #ffffff 0%, var(--im-blue-soft) 100%) !important;
}

a,
a:hover,
.sec-title .sub-title,
.readmore-link i,
.service-block-one .link,
.service-block-one .link i,
.services-section .service-block-one .service-card-eyebrow,
.services-section .service-block-one .link,
.services-section .service-block-one .link i {
    color: var(--im-blue) !important;
}

.btn-style-one,
.theme-btn,
.irmak-hero-primary,
.footer-action-primary,
.premium-offer-submit,
#selector {
    background: linear-gradient(135deg, var(--im-red), var(--im-blue) 56%, var(--im-blue-dark)) !important;
    border-color: rgba(255,255,255,.22) !important;
    box-shadow: 0 16px 36px rgba(0,89,207,.26) !important;
}

.main-header.header-style-one > .header-upper,
.header-style-one.fixed-header .sticky-header,
.mobile-menu .nav-logo {
    background:
        linear-gradient(180deg, rgba(255,255,255,.9), rgba(255,255,255,.68)),
        linear-gradient(120deg, #f8fcff 0%, #e7f3ff 54%, #ffffff 100%) !important;
    border-color: rgba(0,89,207,.18) !important;
    box-shadow: 0 18px 45px rgba(0,63,154,.13) !important;
}

.main-header.header-style-one > .header-upper .main-menu .navigation > li > a,
.header-style-one.fixed-header .sticky-header .main-menu .navigation > li > a {
    color: var(--im-ink) !important;
}

.main-header.header-style-one > .header-upper .main-menu .navigation > li:hover > a,
.main-header.header-style-one > .header-upper .main-menu .navigation > li.current > a,
.header-style-one.fixed-header .sticky-header .main-menu .navigation > li:hover > a {
    color: var(--im-blue) !important;
    background: rgba(0,89,207,.09) !important;
    border-color: rgba(0,89,207,.18) !important;
}

.main-menu .navigation > li.dropdown > a:after,
.main-header.header-style-one > .header-upper .main-menu .navigation > li.dropdown > a:after {
    color: var(--im-red) !important;
}

.main-header .header-upper .logo-box .logo img,
.main-header .sticky-header .header-upper .logo-box .logo img,
.mobile-menu .nav-logo img,
.footer-brand-logo img {
    object-fit: contain !important;
    object-position: left center !important;
    filter: drop-shadow(0 8px 16px rgba(0,63,154,.14)) !important;
}

.banner-section .swiper-slide.video-slide:before,
.banner-section .swiper-slide:before,
.page-title:before {
    background: linear-gradient(90deg, rgba(3,28,68,.88), rgba(0,89,207,.58) 48%, rgba(11,23,40,.52)) !important;
}

.banner-section .swiper-slide.video-slide:after {
    background:
        linear-gradient(0deg, rgba(6,39,79,.58), transparent 42%),
        radial-gradient(circle at 24% 45%, rgba(212,33,49,.14), transparent 28%) !important;
}

.irmak-hero-eyebrow {
    color: #fff !important;
    background: rgba(0,63,154,.42) !important;
    border-color: rgba(255,255,255,.26) !important;
}

.irmak-hero-eyebrow span,
.sec-title .sub-title:before,
.news-section .sec-title .sub-title:before,
.work-process-section .sec-title .sub-title:before,
.testimonials-section-two .sec-title .sub-title:before,
.about-section .sec-title .sub-title:before,
.team-section.style-three .sec-title .sub-title:before {
    background: var(--im-red) !important;
    box-shadow: 0 0 0 7px rgba(212,33,49,.13), 0 0 22px rgba(212,33,49,.24) !important;
}

.sec-title .sub-title:after,
.news-section .sec-title .sub-title:after,
.work-process-section .sec-title .sub-title:after,
.testimonials-section-two .sec-title .sub-title:after,
.about-section .sec-title .sub-title:after,
.team-section.style-three .sec-title .sub-title:after,
.services-section .service-block-one .inner-box:after,
.premium-content-rule,
.premium-editor-content li:before,
.footer-brand-eyebrow,
.offer-modal-eyebrow {
    background: linear-gradient(90deg, var(--im-red), var(--im-blue), rgba(0,89,207,0)) !important;
}

.irmak-hero-secondary {
    color: #fff !important;
    background: rgba(0,63,154,.38) !important;
    border-color: rgba(255,255,255,.28) !important;
}

.irmak-hero-secondary:hover {
    color: var(--im-blue) !important;
    background: #fff !important;
}

.services-section .service-block-one .inner-box {
    border-color: rgba(0,89,207,.14) !important;
    box-shadow: 0 18px 50px rgba(0,63,154,.10) !important;
}

.services-section .service-block-one .inner-box:hover {
    border-color: rgba(0,89,207,.36) !important;
    box-shadow: 0 28px 68px rgba(0,63,154,.17) !important;
}

.services-section .service-block-one .count {
    background: linear-gradient(145deg, var(--im-blue), var(--im-blue-dark)) !important;
}

.main-footer,
.footer-bottom {
    background:
        radial-gradient(circle at 16% 0%, rgba(0,89,207,.26), transparent 34%),
        radial-gradient(circle at 86% 18%, rgba(212,33,49,.15), transparent 26%),
        linear-gradient(135deg, #06172d 0%, #073a7d 50%, #031427 100%) !important;
    border-color: rgba(25,167,232,.2) !important;
}

.main-footer .contact-widget.style-two .wrapper-box,
.main-footer .footer-office-box,
.main-footer .contact-widget.style-two .social-icon li a {
    border-color: rgba(25,167,232,.2) !important;
}

.main-footer .contact-widget.style-two .icon,
.footer-bottom .copyright-text span {
    color: #fff !important;
    background: linear-gradient(145deg, var(--im-red), var(--im-blue)) !important;
    border-color: rgba(255,255,255,.18) !important;
}

.executive-process,
.testimonial-premium-section,
.operations-standard-section,
.portfolio-premium-section,
.country-network-section,
.ogl-chatbot-panel {
    background:
        radial-gradient(circle at 78% 22%, rgba(212,33,49,.16), transparent 30%),
        radial-gradient(circle at 16% 0%, rgba(25,167,232,.18), transparent 34%),
        linear-gradient(128deg, #06172d 0%, #073a7d 52%, #031427 100%) !important;
}

.executive-process__eyebrow,
.executive-process__control,
.executive-process__card,
.operations-standard-cards article,
.operations-standard-location,
.detail-contact-card,
.ogl-chatbot-launcher,
.ogl-chatbot-panel {
    border-color: rgba(25,167,232,.22) !important;
    background: linear-gradient(145deg, rgba(255,255,255,.10), rgba(255,255,255,.035)) !important;
    box-shadow: 0 28px 70px rgba(0,31,76,.24) !important;
}

.executive-process__eyebrow,
.executive-process__live,
.executive-process__signature span,
.executive-process__stage,
.operations-standard-eyebrow,
.detail-contact-card__eyebrow,
.ogl-chatbot-contact a,
.ogl-chatbot-service-grid button.active {
    color: #8edfff !important;
}

.executive-process__eyebrow-mark,
.executive-process__eyebrow-mark::before,
.executive-process__route-line,
.executive-process__step.is-active .executive-process__node,
.operations-standard-cards article span,
.ogl-chatbot-avatar,
.ogl-chatbot-service-grid button.active,
.ogl-chatbot-actions a {
    background: linear-gradient(135deg, var(--im-red), var(--im-blue)) !important;
    color: #fff !important;
}

.executive-process__node,
.executive-process__icon,
.operations-standard-cards article i,
.detail-contact-card__icon {
    color: #8edfff !important;
    border-color: rgba(25,167,232,.24) !important;
    background: rgba(0,89,207,.12) !important;
}

.executive-process__step.is-active .executive-process__card {
    border-color: rgba(25,167,232,.42) !important;
    background: rgba(0,89,207,.18) !important;
}

.executive-process__route-light {
    background: var(--im-red) !important;
    box-shadow: 0 0 25px rgba(212,33,49,.78) !important;
}

/* Istanbul Mavi software standards section */
.operations-standard-section .operations-standard-visual {
    min-height: 560px !important;
    background:
        radial-gradient(circle at 72% 20%, rgba(25,167,232,.22), transparent 28%),
        linear-gradient(135deg, rgba(3,20,39,.96), rgba(6,47,108,.9)) !important;
}

.operations-standard-section .operations-standard-visual img {
    display: none !important;
}

.operations-standard-section .operations-standard-overlay {
    background:
        linear-gradient(180deg, rgba(3,20,39,.18), rgba(3,20,39,.42)),
        radial-gradient(circle at 50% 42%, rgba(0,89,207,.18), transparent 44%) !important;
}

.im-software-stage {
    position: absolute;
    inset: 34px;
    z-index: 2;
    overflow: hidden;
    border-radius: 14px;
    border: 1px solid rgba(142,223,255,.22);
    background:
        linear-gradient(rgba(142,223,255,.07) 1px, transparent 1px),
        linear-gradient(90deg, rgba(142,223,255,.07) 1px, transparent 1px),
        radial-gradient(circle at 50% 48%, rgba(0,89,207,.26), transparent 44%),
        linear-gradient(135deg, rgba(3,20,39,.74), rgba(6,47,108,.38));
    background-size: 34px 34px, 34px 34px, auto, auto;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 26px 70px rgba(0,0,0,.28);
}

.im-software-stage::before {
    content: "";
    position: absolute;
    inset: -30%;
    background: conic-gradient(from 90deg, transparent, rgba(25,167,232,.16), transparent 32%, rgba(0,89,207,.14), transparent 62%);
    animation: imSoftwareSweep 9s linear infinite;
}

.im-software-grid {
    position: absolute;
    inset: 0;
    background: linear-gradient(115deg, transparent 0%, rgba(255,255,255,.16) 46%, transparent 58%);
    transform: translateX(-120%);
    animation: imSoftwareScan 5.8s ease-in-out infinite;
}

.im-software-orbit {
    position: absolute;
    left: 50%;
    top: 50%;
    border: 1px solid rgba(25,167,232,.22);
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.im-software-orbit--one {
    width: 58%;
    aspect-ratio: 1;
    animation: imSoftwareOrbit 13s linear infinite;
}

.im-software-orbit--two {
    width: 76%;
    aspect-ratio: 1;
    transform: translate(-50%, -50%) rotate(58deg) scaleY(.46);
    animation: imSoftwareOrbitFlat 10s linear infinite;
}

.im-software-window {
    position: absolute;
    z-index: 3;
    border: 1px solid rgba(142,223,255,.26);
    border-radius: 12px;
    background: rgba(3,20,39,.74);
    box-shadow: 0 20px 54px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.12);
    backdrop-filter: blur(10px);
}

.im-software-window--main {
    left: 16%;
    top: 25%;
    width: 58%;
    min-height: 172px;
    padding: 28px 24px;
    animation: imSoftwareFloat 4.8s ease-in-out infinite;
}

.im-software-window--main span {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 7px;
    border-radius: 50%;
    background: #19a7e8;
    box-shadow: 0 0 18px rgba(25,167,232,.65);
}

.im-software-window--main strong {
    display: block;
    margin-top: 28px;
    color: #ffffff;
    font-size: clamp(24px, 2.1vw, 34px);
    line-height: 1.05;
    font-weight: 900;
}

.im-software-window--main em {
    display: block;
    margin-top: 12px;
    color: rgba(234,244,255,.68);
    font-style: normal;
    font-size: 13px;
    font-weight: 800;
}

.im-software-window--side {
    right: 12%;
    bottom: 22%;
    width: 34%;
    min-height: 126px;
    padding: 18px;
    animation: imSoftwareFloat 5.4s ease-in-out infinite reverse;
}

.im-software-window--side b {
    display: block;
    margin-bottom: 14px;
    color: #8edfff;
    font-size: 18px;
    letter-spacing: 0.12em;
}

.im-software-window--side i {
    display: block;
    height: 9px;
    margin-top: 11px;
    border-radius: 999px;
    background: linear-gradient(90deg, #19a7e8, rgba(25,167,232,.08));
}

.im-software-node {
    position: absolute;
    z-index: 4;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 64px;
    min-height: 38px;
    padding: 8px 12px;
    border-radius: 999px;
    color: #eaf4ff;
    font-size: 12px;
    font-weight: 900;
    border: 1px solid rgba(142,223,255,.24);
    background: rgba(0,89,207,.24);
    box-shadow: 0 16px 36px rgba(0,0,0,.18), 0 0 24px rgba(25,167,232,.16);
    animation: imSoftwareNode 4s ease-in-out infinite;
}

.im-software-node--web { left: 13%; bottom: 18%; }
.im-software-node--mobile { right: 10%; top: 15%; animation-delay: .3s; }
.im-software-node--cloud { left: 16%; top: 13%; animation-delay: .6s; }
.im-software-node--ai { right: 18%; bottom: 10%; animation-delay: .9s; }

.im-software-flow {
    position: absolute;
    z-index: 2;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #eaf4ff;
    box-shadow: 0 0 20px #19a7e8;
}

.im-software-flow--one { animation: imSoftwareParticleOne 5.5s ease-in-out infinite; }
.im-software-flow--two { animation: imSoftwareParticleTwo 6.4s ease-in-out infinite -1.8s; }
.im-software-flow--three { animation: imSoftwareParticleThree 7s ease-in-out infinite -3s; }

@keyframes imSoftwareSweep {
    to { transform: rotate(360deg); }
}

@keyframes imSoftwareScan {
    0%, 24% { transform: translateX(-120%); }
    62%, 100% { transform: translateX(120%); }
}

@keyframes imSoftwareOrbit {
    to { transform: translate(-50%, -50%) rotate(360deg); }
}

@keyframes imSoftwareOrbitFlat {
    to { transform: translate(-50%, -50%) rotate(-302deg) scaleY(.46); }
}

@keyframes imSoftwareFloat {
    50% { transform: translateY(-10px); }
}

@keyframes imSoftwareNode {
    50% { transform: translateY(-7px); }
}

@keyframes imSoftwareParticleOne {
    0%, 100% { left: 21%; top: 72%; opacity: 0; }
    18%, 82% { opacity: 1; }
    100% { left: 68%; top: 38%; }
}

@keyframes imSoftwareParticleTwo {
    0%, 100% { left: 72%; top: 21%; opacity: 0; }
    18%, 82% { opacity: 1; }
    100% { left: 34%; top: 43%; }
}

@keyframes imSoftwareParticleThree {
    0%, 100% { left: 30%; top: 22%; opacity: 0; }
    18%, 82% { opacity: 1; }
    100% { left: 78%; top: 78%; }
}

@media only screen and (max-width: 991px) {
    .operations-standard-section .operations-standard-visual {
        min-height: 430px !important;
    }

    .im-software-stage {
        inset: 22px;
    }
}

@media only screen and (max-width: 575px) {
    .operations-standard-section .operations-standard-visual {
        min-height: 350px !important;
    }

    .im-software-stage {
        inset: 16px;
    }

    .im-software-window--main {
        left: 9%;
        top: 24%;
        width: 68%;
        min-height: 132px;
        padding: 20px 16px;
    }

    .im-software-window--side {
        right: 8%;
        bottom: 18%;
        width: 42%;
        min-height: 96px;
        padding: 14px;
    }

    .im-software-node {
        min-width: 52px;
        min-height: 32px;
        font-size: 10px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .im-software-stage::before,
    .im-software-grid,
    .im-software-orbit,
    .im-software-window,
    .im-software-node,
    .im-software-flow {
        animation: none !important;
    }
}

/* Software standards readability and card layout authority */
.operations-standard-section .operations-standard-content h2 {
    max-width: 720px !important;
    margin: 0 0 22px !important;
    color: #ffffff !important;
    font-size: clamp(34px, 4.1vw, 68px) !important;
    line-height: 1.08 !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
}

.operations-standard-section .operations-standard-content > p {
    max-width: 820px !important;
    margin: 0 0 34px !important;
    color: rgba(234,244,255,.78) !important;
    font-size: clamp(16px, 1.35vw, 21px) !important;
    line-height: 1.72 !important;
    letter-spacing: 0 !important;
}

.operations-standard-section .operations-standard-cards {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
}

.operations-standard-section .operations-standard-cards article {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 58px minmax(0, 1fr) !important;
    gap: 18px !important;
    align-items: flex-start !important;
    min-height: 168px !important;
    padding: 30px 74px 28px 28px !important;
    overflow: hidden !important;
}

.operations-standard-section .operations-standard-cards article span {
    position: absolute !important;
    right: 18px !important;
    top: 18px !important;
    width: 52px !important;
    height: 52px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #062f6c, #0b55b3 62%, #19a7e8) !important;
    font-size: 28px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    box-shadow: 0 14px 30px rgba(0,31,76,.24) !important;
}

.operations-standard-section .operations-standard-cards article i {
    width: 58px !important;
    height: 58px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 10px !important;
    font-size: 22px !important;
    color: #8edfff !important;
    background: rgba(0,89,207,.18) !important;
    border: 1px solid rgba(25,167,232,.20) !important;
}

.operations-standard-section .operations-standard-cards article h3 {
    max-width: 100% !important;
    margin: 3px 0 12px !important;
    color: #eaf4ff !important;
    font-size: clamp(20px, 1.55vw, 27px) !important;
    line-height: 1.22 !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
}

.operations-standard-section .operations-standard-cards article p {
    max-width: 100% !important;
    margin: 0 !important;
    color: rgba(234,244,255,.70) !important;
    font-size: 15px !important;
    line-height: 1.62 !important;
    letter-spacing: 0 !important;
}

.operations-standard-section .operations-standard-footer {
    gap: 16px !important;
}

.operations-standard-section .operations-standard-footer > span {
    color: #eaf4ff !important;
}

@media only screen and (max-width: 1199px) {
    .operations-standard-section .operations-standard-cards {
        grid-template-columns: 1fr !important;
    }
}

@media only screen and (max-width: 767px) {
    .operations-standard-section .operations-standard-content h2 {
        font-size: clamp(30px, 9vw, 42px) !important;
    }

    .operations-standard-section .operations-standard-cards article {
        grid-template-columns: 46px minmax(0, 1fr) !important;
        min-height: 0 !important;
        padding: 24px 20px 22px !important;
    }

    .operations-standard-section .operations-standard-cards article span {
        position: static !important;
        grid-column: 1 / -1 !important;
        width: 46px !important;
        height: 46px !important;
        font-size: 23px !important;
        margin-bottom: 2px !important;
    }

    .operations-standard-section .operations-standard-cards article i {
        width: 46px !important;
        height: 46px !important;
        font-size: 18px !important;
    }

    .operations-standard-section .operations-standard-cards article h3 {
        font-size: 21px !important;
    }
}

/* Istanbul Mavi slider global stabilization */
.banner-section {
    margin-top: 0 !important;
    overflow: hidden !important;
    background: #06172d !important;
}

.banner-section .banner-slider,
.banner-section .swiper-wrapper,
.banner-section .swiper-slide.video-slide {
    min-height: max(720px, calc(100vh - 210px)) !important;
    height: max(720px, calc(100vh - 210px)) !important;
}

.banner-section .content-outer {
    display: block !important;
    width: 100%;
    height: 100%;
}

.banner-section .content-box {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100%;
    min-height: max(720px, calc(100vh - 210px)) !important;
    height: max(720px, calc(100vh - 210px)) !important;
    padding: clamp(42px, 7vh, 90px) clamp(32px, 5.2vw, 100px) clamp(42px, 7vh, 90px) !important;
}

.banner-section .irmak-hero-content {
    width: min(660px, 92vw) !important;
    max-width: 660px !important;
}

.banner-section .irmak-hero-content h1 {
    max-width: 660px !important;
    font-size: clamp(31px, 2.85vw, 46px) !important;
    line-height: 1.16 !important;
    font-weight: 820 !important;
    letter-spacing: 0 !important;
}

.banner-section .irmak-hero-messages {
    width: min(660px, 92vw) !important;
    max-width: 660px !important;
    height: clamp(150px, 13vw, 210px) !important;
    min-height: clamp(150px, 13vw, 210px) !important;
    margin-bottom: 18px !important;
    overflow: hidden !important;
}

.banner-section .irmak-hero-content .irmak-hero-message {
    position: absolute !important;
    inset: 0 auto auto 0;
    width: 100% !important;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-28px);
    clip-path: inset(0 100% 0 0);
    animation: none !important;
    will-change: opacity, transform, clip-path;
}

.banner-section .irmak-hero-content .irmak-hero-message.is-active {
    opacity: 1;
    visibility: visible;
    z-index: 2;
    animation: imHeroEnter .95s cubic-bezier(.4, 0, .2, 1) both !important;
}

.banner-section .irmak-hero-content .irmak-hero-message.is-leaving {
    visibility: visible;
    z-index: 1;
    animation: imHeroLeave .68s cubic-bezier(.4, 0, .2, 1) both !important;
}

@keyframes imHeroEnter {
    0% { opacity: 0; transform: translateX(-28px); clip-path: inset(0 100% 0 0); }
    100% { opacity: 1; transform: translateX(0); clip-path: inset(0 0 0 0); }
}

@keyframes imHeroLeave {
    0% { opacity: 1; transform: translateX(0); clip-path: inset(0 0 0 0); }
    100% { opacity: 0; transform: translateX(-18px); clip-path: inset(0 100% 0 0); }
}

.banner-section .irmak-hero-actions {
    position: relative;
    z-index: 3;
}

.banner-section .banner-slide-video {
    object-fit: cover !important;
    object-position: center center !important;
}

@media only screen and (min-width: 1400px) {
    .banner-section .content-box {
        align-items: center !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .banner-section .banner-slider,
    .banner-section .swiper-wrapper,
    .banner-section .swiper-slide.video-slide,
    .banner-section .content-box {
        min-height: max(680px, calc(100vh - 190px)) !important;
        height: max(680px, calc(100vh - 190px)) !important;
    }

    .banner-section .irmak-hero-content h1 {
        font-size: clamp(28px, 4vw, 40px) !important;
    }

    .banner-section .irmak-hero-messages {
        height: 170px !important;
        min-height: 170px !important;
    }
}

@media only screen and (max-width: 767px) {
    .banner-section .banner-slider,
    .banner-section .swiper-wrapper,
    .banner-section .swiper-slide.video-slide,
    .banner-section .content-box {
        min-height: max(620px, calc(100svh - 74px)) !important;
        height: max(620px, calc(100svh - 74px)) !important;
    }

    .banner-section .content-box {
        align-items: flex-end !important;
        padding: 92px 16px 78px !important;
    }

    .banner-section .irmak-hero-content {
        width: 100% !important;
        max-width: 430px !important;
    }

    .banner-section .irmak-hero-content h1 {
        max-width: 100% !important;
        font-size: clamp(22px, 5.8vw, 30px) !important;
        line-height: 1.22 !important;
        font-weight: 760 !important;
    }

    .banner-section .irmak-hero-messages {
        width: 100% !important;
        height: 158px !important;
        min-height: 158px !important;
        margin-bottom: 16px !important;
    }

    .banner-section .irmak-hero-actions {
        width: 100%;
        max-width: 430px;
        gap: 10px;
        flex-wrap: wrap !important;
    }

    .banner-section .irmak-hero-actions a {
        flex: 1 1 150px;
        min-height: 46px;
        padding: 10px 12px;
        font-size: 12px;
        white-space: nowrap;
    }

    .banner-section .banner-slide-video {
        object-position: 54% center !important;
    }
}

@media only screen and (max-width: 374px) {
    .banner-section .content-box {
        padding: 82px 13px 66px !important;
    }

    .banner-section .irmak-hero-content h1 {
        font-size: 21px !important;
    }

    .banner-section .irmak-hero-messages {
        height: 172px !important;
        min-height: 172px !important;
    }

    .banner-section .irmak-hero-actions a {
        flex-basis: 100%;
    }
}

/* Executive homepage service cards */
.services-section {
    position: relative !important;
    overflow: hidden !important;
    padding: 104px 0 86px !important;
    background:
        linear-gradient(90deg, rgba(0,89,207,.055) 1px, transparent 1px),
        linear-gradient(180deg, rgba(0,89,207,.045) 1px, transparent 1px),
        linear-gradient(180deg, #f8fbff 0%, #ffffff 42%, #eef6ff 100%) !important;
    background-size: 48px 48px, 48px 48px, auto !important;
}

.services-section .auto-container {
    position: relative !important;
    z-index: 1 !important;
}

.services-section .sec-title {
    margin-bottom: 54px !important;
}

.services-section .sec-title h2 {
    color: #0b1728 !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
}

.services-section .row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    overflow: visible !important;
}

.services-section .service-block-one {
    display: flex !important;
    margin-bottom: 34px !important;
}

.services-section .service-block-one .inner-box {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 14px !important;
    overflow: hidden !important;
    isolation: isolate !important;
    border: 1px solid rgba(0,89,207,.16) !important;
    border-radius: 18px !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.98), rgba(247,251,255,.94)) !important;
    box-shadow: 0 22px 58px rgba(0,63,154,.11) !important;
    transform: translateZ(0) !important;
    transition: transform .42s cubic-bezier(.2,.8,.2,1), box-shadow .42s ease, border-color .42s ease, background .42s ease !important;
}

.services-section .service-block-one .inner-box::before {
    position: absolute !important;
    content: "" !important;
    inset: 0 !important;
    z-index: -1 !important;
    opacity: 0 !important;
    background:
        linear-gradient(115deg, rgba(212,33,49,.08), transparent 34%),
        linear-gradient(300deg, rgba(0,89,207,.14), transparent 42%) !important;
    transition: opacity .42s ease !important;
}

.services-section .service-block-one .inner-box::after {
    position: absolute !important;
    content: "" !important;
    left: 22px !important;
    right: 22px !important;
    top: 0 !important;
    display: block !important;
    height: 4px !important;
    border-radius: 0 0 8px 8px !important;
    background: linear-gradient(90deg, var(--im-red), var(--im-blue), var(--im-cyan)) !important;
    transform: scaleX(.28) !important;
    transform-origin: center !important;
    opacity: .55 !important;
    transition: transform .42s ease, opacity .42s ease !important;
}

.services-section .service-block-one .image {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    border-radius: 13px !important;
    background: #09284c !important;
    box-shadow: 0 18px 38px rgba(8,31,64,.18) !important;
}

.services-section .service-block-one .image::before {
    display: none !important;
    content: none !important;
}

.services-section .service-block-one .image::after {
    position: absolute !important;
    content: "" !important;
    inset: 0 !important;
    z-index: 3 !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    border: 0 !important;
    border-radius: inherit !important;
    animation: none !important;
    background:
        linear-gradient(180deg, rgba(3,18,40,0) 38%, rgba(3,18,40,.62) 100%),
        linear-gradient(90deg, rgba(0,89,207,.25), rgba(212,33,49,.12)) !important;
    pointer-events: none !important;
}

.services-section .service-block-one .image img {
    position: relative !important;
    z-index: 2 !important;
    display: block !important;
    width: 100% !important;
    height: 254px !important;
    object-fit: cover !important;
    border-radius: 13px !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    filter: saturate(1.03) contrast(1.02) !important;
    transition: transform .62s cubic-bezier(.2,.8,.2,1), filter .62s ease !important;
}

.services-section .service-block-one .count {
    position: absolute !important;
    left: 18px !important;
    top: auto !important;
    bottom: 18px !important;
    z-index: 5 !important;
    width: 64px !important;
    height: 64px !important;
    line-height: 64px !important;
    border-radius: 50% !important;
    color: #fff !important;
    background: linear-gradient(145deg, var(--im-blue), var(--im-red)) !important;
    border: 1px solid rgba(255,255,255,.55) !important;
    box-shadow: 0 18px 36px rgba(0,42,104,.28) !important;
    backdrop-filter: blur(8px) !important;
    transition: transform .42s ease, box-shadow .42s ease !important;
}

.services-section .service-block-one .count::before {
    display: none !important;
}

.services-section .service-block-one .service-card-content {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    padding: 25px 18px 18px !important;
}

.services-section .service-block-one .service-card-eyebrow {
    display: inline-flex !important;
    align-items: center !important;
    width: fit-content !important;
    margin-bottom: 10px !important;
    padding: 7px 10px !important;
    border: 1px solid rgba(0,89,207,.14) !important;
    border-radius: 999px !important;
    color: var(--im-blue) !important;
    background: rgba(0,89,207,.07) !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
}

.services-section .service-block-one h4 {
    min-height: 64px !important;
    margin: 0 0 13px !important;
    color: #0b1728 !important;
    font-size: 25px !important;
    line-height: 1.24 !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
}

.services-section .service-block-one h4 a {
    color: inherit !important;
}

.services-section .service-block-one .text {
    min-height: 92px !important;
    margin: 0 0 17px !important;
    color: #536778 !important;
    font-size: 15px !important;
    line-height: 1.66 !important;
    letter-spacing: 0 !important;
}

.services-section .service-card-highlights {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin: 0 0 20px !important;
    padding: 0 !important;
    list-style: none !important;
}

.services-section .service-card-highlights li {
    position: relative !important;
    min-height: 32px !important;
    padding: 8px 12px 8px 31px !important;
    border: 1px solid rgba(0,89,207,.09) !important;
    border-radius: 8px !important;
    color: #223447 !important;
    background: rgba(255,255,255,.72) !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
}

.services-section .service-card-highlights li::before {
    position: absolute !important;
    content: "" !important;
    left: 12px !important;
    top: 50% !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, var(--im-red), var(--im-blue)) !important;
    transform: translateY(-50%) !important;
    box-shadow: 0 0 0 5px rgba(0,89,207,.08) !important;
}

.services-section .service-block-one .read-more-btn {
    margin: auto 0 0 !important;
    padding-top: 2px !important;
}

.services-section .service-block-one .link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    padding: 11px 15px !important;
    border: 1px solid rgba(0,89,207,.16) !important;
    border-radius: 8px !important;
    color: var(--im-blue) !important;
    background: rgba(0,89,207,.06) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
    transition: color .32s ease, background .32s ease, border-color .32s ease, transform .32s ease !important;
}

.services-section .service-block-one .link i {
    order: 2 !important;
    margin: 0 0 0 10px !important;
    color: var(--im-red) !important;
    transform: rotate(90deg) !important;
    transition: transform .32s ease, color .32s ease !important;
}

.services-section .service-block-one .inner-box:hover {
    border-color: rgba(0,89,207,.34) !important;
    background: #fff !important;
    box-shadow: 0 34px 82px rgba(0,63,154,.18) !important;
}

.services-section .service-block-one .inner-box:hover::before {
    opacity: 1 !important;
}

.services-section .service-block-one .inner-box:hover::after {
    opacity: 1 !important;
    transform: scaleX(1) !important;
}

.services-section .service-block-one .inner-box:hover .image img {
    filter: saturate(1.12) contrast(1.06) !important;
}

.services-section .service-block-one .inner-box:hover .count {
    box-shadow: 0 22px 44px rgba(0,42,104,.34) !important;
}

.services-section .service-block-one .inner-box:hover .link {
    color: #fff !important;
    border-color: transparent !important;
    background: linear-gradient(135deg, var(--im-red), var(--im-blue)) !important;
}

.services-section .service-block-one .inner-box:hover .link i {
    color: #fff !important;
}

.services-section .service-block-one:nth-child(3n+1) .inner-box:hover {
    transform: translateY(-12px) rotateX(1.4deg) !important;
}

.services-section .service-block-one:nth-child(3n+1) .inner-box:hover .image img {
    transform: scale(1.07) !important;
}

.services-section .service-block-one:nth-child(3n+1) .inner-box:hover .count {
    transform: translateY(-5px) scale(1.06) !important;
}

.services-section .service-block-one:nth-child(3n+2) .inner-box:hover {
    transform: translateY(-10px) translateX(3px) !important;
}

.services-section .service-block-one:nth-child(3n+2) .inner-box:hover .image img {
    transform: scale(1.05) translateX(9px) !important;
}

.services-section .service-block-one:nth-child(3n+2) .inner-box:hover .link i {
    transform: rotate(90deg) translateY(-4px) !important;
}

.services-section .service-block-one:nth-child(3n) .inner-box:hover {
    transform: translateY(-11px) scale(1.012) !important;
}

.services-section .service-block-one:nth-child(3n) .inner-box:hover .image img {
    transform: scale(1.06) translateY(-6px) !important;
}

.services-section .service-block-one:nth-child(3n) .inner-box:hover .service-card-highlights li {
    border-color: rgba(212,33,49,.18) !important;
    background: rgba(255,255,255,.92) !important;
}

@media only screen and (max-width: 991px) {
    .services-section {
        padding: 84px 0 62px !important;
    }

    .services-section .service-block-one h4,
    .services-section .service-block-one .text {
        min-height: 0 !important;
    }
}

@media only screen and (max-width: 767px) {
    .services-section {
        padding: 72px 0 48px !important;
    }

    .services-section .sec-title {
        margin-bottom: 34px !important;
    }

    .services-section .service-block-one {
        margin-bottom: 22px !important;
    }

    .services-section .service-block-one .inner-box {
        border-radius: 14px !important;
        transform: none !important;
    }

    .services-section .service-block-one .image img {
        height: 220px !important;
    }

    .services-section .service-block-one .service-card-content {
        padding: 21px 14px 14px !important;
    }

    .services-section .service-block-one h4 {
        font-size: 22px !important;
    }

    .services-section .service-block-one .text {
        font-size: 14px !important;
    }

    .services-section .service-block-one .inner-box:hover {
        transform: translateY(-5px) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .services-section .service-block-one .inner-box,
    .services-section .service-block-one .inner-box::before,
    .services-section .service-block-one .inner-box::after,
    .services-section .service-block-one .image img,
    .services-section .service-block-one .count,
    .services-section .service-block-one .link,
    .services-section .service-block-one .link i {
        transition: none !important;
    }
}

/* Refined service card motion: stable hover, stronger corporate detail strip */
.services-section .service-block-one {
    padding: 0 15px !important;
    perspective: none !important;
}

.services-section .service-block-one .inner-box {
    transform: none !important;
    will-change: box-shadow, border-color, background !important;
    transition: box-shadow .38s ease, border-color .38s ease, background .38s ease !important;
}

.services-section .service-block-one .inner-box::before {
    z-index: 0 !important;
    opacity: 0 !important;
    background:
        linear-gradient(120deg, transparent 0%, rgba(255,255,255,.72) 42%, rgba(25,167,232,.22) 50%, transparent 62%),
        radial-gradient(circle at 50% 0%, rgba(0,89,207,.14), transparent 44%) !important;
    transform: translateX(-115%) skewX(-14deg) !important;
    transition: opacity .34s ease, transform .82s cubic-bezier(.2,.8,.2,1) !important;
    pointer-events: none !important;
}

.services-section .service-block-one .inner-box::after {
    left: 28px !important;
    right: 28px !important;
    top: auto !important;
    bottom: 14px !important;
    height: 3px !important;
    border-radius: 999px !important;
    opacity: 0 !important;
    background: linear-gradient(90deg, transparent, var(--im-red), var(--im-blue), var(--im-cyan), transparent) !important;
    transform: scaleX(.18) !important;
    box-shadow: 0 0 18px rgba(0,89,207,.28) !important;
    transition: opacity .42s ease, transform .42s cubic-bezier(.2,.8,.2,1) !important;
}

.services-section .service-block-one .inner-box:hover,
.services-section .service-block-one:nth-child(3n+1) .inner-box:hover,
.services-section .service-block-one:nth-child(3n+2) .inner-box:hover,
.services-section .service-block-one:nth-child(3n) .inner-box:hover {
    transform: none !important;
    border-color: rgba(0,89,207,.42) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,1), rgba(248,252,255,.96)) !important;
    box-shadow:
        0 30px 78px rgba(0,63,154,.17),
        0 0 0 1px rgba(255,255,255,.78) inset,
        0 0 0 5px rgba(0,89,207,.055),
        0 0 34px rgba(25,167,232,.2) !important;
}

.services-section .service-block-one .inner-box:hover::before {
    opacity: 1 !important;
    transform: translateX(115%) skewX(-14deg) !important;
}

.services-section .service-block-one .inner-box:hover::after {
    opacity: 1 !important;
    transform: scaleX(1) !important;
}

.services-section .service-block-one .image {
    transform: translateZ(0) !important;
    aspect-ratio: 5 / 4 !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    background:
        linear-gradient(135deg, #06172d 0%, #082f61 58%, #071a32 100%) !important;
}

.services-section .service-block-one .image::after {
    background:
        linear-gradient(180deg, rgba(3,18,40,.08) 0%, rgba(3,18,40,.08) 46%, rgba(3,18,40,.68) 100%),
        linear-gradient(90deg, rgba(0,89,207,.22), rgba(212,33,49,.1)) !important;
}

.services-section .service-block-one .image .service-card-eyebrow {
    position: absolute !important;
    right: 16px !important;
    bottom: 17px !important;
    z-index: 6 !important;
    display: inline-flex !important;
    align-items: center !important;
    max-width: calc(100% - 104px) !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 9px 12px !important;
    border: 1px solid rgba(255,255,255,.26) !important;
    border-radius: 8px !important;
    color: #fff !important;
    background: linear-gradient(135deg, rgba(3,18,40,.72), rgba(0,89,207,.58)) !important;
    box-shadow: 0 14px 32px rgba(0,22,56,.24) !important;
    backdrop-filter: blur(8px) !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
    white-space: normal !important;
}

.services-section .service-block-one .service-card-content > .service-card-eyebrow {
    display: none !important;
}

.services-section .service-block-one .inner-box:hover .image img,
.services-section .service-block-one:nth-child(3n+1) .inner-box:hover .image img,
.services-section .service-block-one:nth-child(3n+2) .inner-box:hover .image img,
.services-section .service-block-one:nth-child(3n) .inner-box:hover .image img {
    transform: none !important;
    filter: saturate(1.08) contrast(1.04) brightness(.99) !important;
}

.services-section .service-block-one .inner-box:hover .count,
.services-section .service-block-one:nth-child(3n+1) .inner-box:hover .count {
    transform: none !important;
    box-shadow: 0 20px 42px rgba(0,42,104,.32), 0 0 0 7px rgba(0,89,207,.09) !important;
}

.services-section .service-block-one .service-card-content {
    padding: 27px 18px 18px !important;
}

.services-section .service-block-one h4 {
    order: 1 !important;
    min-height: 64px !important;
    margin-bottom: 13px !important;
}

.services-section .service-block-one .text {
    order: 2 !important;
    min-height: 94px !important;
    margin-bottom: 18px !important;
}

.services-section .service-card-highlights {
    order: 3 !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 0 !important;
    margin: 0 0 20px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(0,89,207,.18) !important;
    border-radius: 10px !important;
    background:
        linear-gradient(135deg, #071a32 0%, #0a4a70 58%, #06274f 100%) !important;
    box-shadow: 0 18px 40px rgba(0,63,154,.12) !important;
}

.services-section .service-card-highlights li {
    min-height: 58px !important;
    display: flex !important;
    align-items: center !important;
    padding: 13px 13px 13px 34px !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: rgba(255,255,255,.92) !important;
    background: transparent !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
}

.services-section .service-card-highlights li + li {
    border-left: 1px solid rgba(255,255,255,.14) !important;
}

.services-section .service-card-highlights li::before {
    left: 14px !important;
    width: 7px !important;
    height: 7px !important;
    background: var(--im-red) !important;
    box-shadow: 0 0 0 5px rgba(255,255,255,.09), 0 0 18px rgba(212,33,49,.55) !important;
}

.services-section .service-block-one:nth-child(3n) .inner-box:hover .service-card-highlights li {
    border-color: rgba(255,255,255,.14) !important;
    background: transparent !important;
}

.services-section .service-block-one .read-more-btn {
    order: 4 !important;
}

.services-section .service-block-one .link {
    overflow: hidden !important;
    position: relative !important;
}

.services-section .service-block-one .link::before {
    position: absolute !important;
    content: "" !important;
    inset: 0 !important;
    opacity: 0 !important;
    background: linear-gradient(110deg, transparent, rgba(255,255,255,.28), transparent) !important;
    transform: translateX(-120%) !important;
    transition: opacity .32s ease, transform .58s ease !important;
}

.services-section .service-block-one .inner-box:hover .link::before {
    opacity: 1 !important;
    transform: translateX(120%) !important;
}

.services-section .service-block-one .image img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    background: transparent !important;
}

@media only screen and (max-width: 767px) {
    .services-section .service-block-one .image {
        aspect-ratio: 5 / 4 !important;
        height: auto !important;
    }

    .services-section .service-block-one .inner-box::after {
        top: auto !important;
        bottom: 12px !important;
    }

    .services-section .service-card-highlights {
        grid-template-columns: 1fr !important;
    }

    .services-section .service-card-highlights li + li {
        border-left: 0 !important;
        border-top: 1px solid rgba(255,255,255,.14) !important;
    }
}

/* Corporate services cards: quiet motion, clean image frame. */
.services-section .service-block-one .inner-box {
    padding: 14px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background:
        linear-gradient(#ffffff, #ffffff) padding-box,
        linear-gradient(135deg, rgba(0,89,207,.20), rgba(255,255,255,.52), rgba(25,167,232,.18)) border-box !important;
    border-color: rgba(12, 77, 153, .16) !important;
    box-shadow: 0 18px 46px rgba(7, 31, 69, .10) !important;
    transform: none !important;
    transition: transform .42s cubic-bezier(.2,.8,.2,1), border-color .42s ease, box-shadow .42s ease !important;
}

.services-section .service-block-one .inner-box::before,
.services-section .service-block-one .inner-box::after,
.services-section .service-block-one .link::before {
    display: none !important;
    content: none !important;
    animation: none !important;
}

.services-section .service-block-one .inner-box:hover,
.services-section .service-block-one:nth-child(3n+1) .inner-box:hover,
.services-section .service-block-one:nth-child(3n+2) .inner-box:hover,
.services-section .service-block-one:nth-child(3n) .inner-box:hover {
    transform: translateY(-8px) !important;
    border-color: rgba(0, 89, 207, .42) !important;
    background:
        linear-gradient(#ffffff, #ffffff) padding-box,
        linear-gradient(135deg, rgba(0,89,207,.58), rgba(25,167,232,.38), rgba(6,47,108,.30)) border-box !important;
    box-shadow:
        0 30px 76px rgba(7, 31, 69, .20),
        0 0 0 5px rgba(0,89,207,.055),
        0 0 34px rgba(25,167,232,.16) !important;
}

.services-section .service-block-one .image {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 12px !important;
    overflow: hidden !important;
    border-radius: 12px !important;
    background:
        radial-gradient(circle at 20% 12%, rgba(255,255,255,.95), transparent 34%),
        linear-gradient(135deg, rgba(240,247,255,.98), rgba(226,239,255,.96)) !important;
    border: 1px solid rgba(0, 89, 207, .13) !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.78),
        0 14px 32px rgba(7,31,69,.08) !important;
}

.services-section .service-block-one .image::before {
    display: none !important;
    content: none !important;
}

.services-section .service-block-one .image::after {
    display: block !important;
    content: "" !important;
    position: absolute !important;
    inset: 12px !important;
    z-index: 3 !important;
    border-radius: 10px !important;
    border: 1px solid rgba(0,89,207,.18) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.10), rgba(3,18,40,.04)),
        linear-gradient(90deg, rgba(0,89,207,.075), rgba(25,167,232,.055)) !important;
    pointer-events: none !important;
}

.services-section .service-block-one .inner-box:hover .image,
.services-section .service-block-one:nth-child(3n+1) .inner-box:hover .image,
.services-section .service-block-one:nth-child(3n+2) .inner-box:hover .image,
.services-section .service-block-one:nth-child(3n) .inner-box:hover .image {
    border-color: rgba(0,89,207,.24) !important;
}

.services-section .service-block-one .inner-box:hover .image::after,
.services-section .service-block-one:nth-child(3n+1) .inner-box:hover .image::after,
.services-section .service-block-one:nth-child(3n+2) .inner-box:hover .image::after,
.services-section .service-block-one:nth-child(3n) .inner-box:hover .image::after {
    border-color: rgba(25,167,232,.28) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.12), rgba(3,18,40,.035)),
        linear-gradient(90deg, rgba(0,89,207,.09), rgba(25,167,232,.075)) !important;
}

.services-section .service-block-one .image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center center !important;
    border-radius: 10px !important;
    transform: none !important;
    filter: none !important;
    transition: transform .62s cubic-bezier(.2,.8,.2,1), filter .62s ease !important;
    background: transparent !important;
}

.services-section .service-block-one .inner-box:hover .image img,
.services-section .service-block-one:nth-child(3n+1) .inner-box:hover .image img,
.services-section .service-block-one:nth-child(3n+2) .inner-box:hover .image img,
.services-section .service-block-one:nth-child(3n) .inner-box:hover .image img {
    transform: scale(1.025) !important;
    filter: saturate(1.08) contrast(1.035) !important;
}

.services-section .service-block-one .service-card-content {
    position: relative !important;
    padding: 22px 10px 10px !important;
}

.services-section .service-block-one .service-card-content::before {
    content: "" !important;
    position: absolute !important;
    left: 10px !important;
    right: 10px !important;
    top: 0 !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, rgba(0,89,207,.26), rgba(25,167,232,.28), transparent) !important;
}

.services-section .service-block-one .service-card-content::after {
    content: "" !important;
    position: absolute !important;
    left: 22px !important;
    right: 22px !important;
    top: -10px !important;
    height: 20px !important;
    border-radius: 999px !important;
    background: radial-gradient(ellipse at center, rgba(0,89,207,.12), transparent 68%) !important;
    pointer-events: none !important;
}

.services-section .service-card-meta {
    order: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 0 15px !important;
}

.services-section .service-block-one .count {
    position: static !important;
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    line-height: 1 !important;
    border-radius: 10px !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #062f6c, #0b55b3 58%, #19a7e8) !important;
    border: 0 !important;
    box-shadow: 0 10px 24px rgba(0, 63, 154, .18) !important;
    backdrop-filter: none !important;
    transform: none !important;
}

.services-section .service-block-one .count span {
    font-size: 17px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
}

.services-section .service-block-one .service-card-eyebrow,
.services-section .service-block-one .service-card-content > .service-card-eyebrow {
    position: static !important;
    order: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 8px 11px !important;
    border: 1px solid rgba(0, 89, 207, .14) !important;
    border-radius: 8px !important;
    color: #074b9f !important;
    background: #f0f7ff !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
    white-space: normal !important;
}

.services-section .service-block-one h4 {
    min-height: 56px !important;
    margin: 0 0 12px !important;
    font-size: 24px !important;
    line-height: 1.22 !important;
}

.services-section .service-block-one .text {
    min-height: 90px !important;
    margin-bottom: 18px !important;
}

.services-section .service-card-highlights {
    border-radius: 8px !important;
    background:
        linear-gradient(135deg, #071f43 0%, #0b4b76 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.10) !important;
}

.services-section .service-block-one .link {
    transition: color .2s ease, background .2s ease, border-color .2s ease !important;
}

.services-section .service-block-one .inner-box:hover .link {
    color: #ffffff !important;
    border-color: transparent !important;
    background: linear-gradient(135deg, #0b55b3, #19a7e8) !important;
}

@media only screen and (max-width: 767px) {
    .services-section .service-block-one .inner-box {
        padding: 10px !important;
        border-radius: 14px !important;
    }

    .services-section .service-block-one .image {
        aspect-ratio: 1 / 1 !important;
        padding: 8px !important;
        border-radius: 10px !important;
    }

    .services-section .service-card-meta {
        align-items: flex-start !important;
        gap: 8px !important;
    }

    .services-section .service-block-one .count {
        width: 38px !important;
        height: 38px !important;
        border-radius: 9px !important;
    }

    .services-section .service-block-one .service-card-content {
        padding: 18px 8px 8px !important;
    }

    .services-section .service-block-one .service-card-content::before {
        left: 8px !important;
        right: 8px !important;
    }

    .services-section .service-block-one h4,
    .services-section .service-block-one .text {
        min-height: 0 !important;
    }
}

/* Stable service hover: premium highlight without jump or jitter. */
.services-section .service-block-one .inner-box,
.services-section .service-block-one:nth-child(3n+1) .inner-box,
.services-section .service-block-one:nth-child(3n+2) .inner-box,
.services-section .service-block-one:nth-child(3n) .inner-box {
    transform: translateZ(0) !important;
    backface-visibility: hidden !important;
    will-change: box-shadow, border-color !important;
    transition: box-shadow .28s ease, border-color .28s ease !important;
}

.services-section .service-block-one .inner-box:hover,
.services-section .service-block-one:nth-child(3n+1) .inner-box:hover,
.services-section .service-block-one:nth-child(3n+2) .inner-box:hover,
.services-section .service-block-one:nth-child(3n) .inner-box:hover {
    transform: translateZ(0) !important;
    border-color: rgba(0,89,207,.34) !important;
    box-shadow:
        0 24px 62px rgba(7,31,69,.18),
        0 0 0 4px rgba(25,167,232,.075),
        inset 0 1px 0 rgba(255,255,255,.9) !important;
}

.services-section .service-block-one .image,
.services-section .service-block-one .image::after,
.services-section .service-block-one .image img,
.services-section .service-block-one .count,
.services-section .service-block-one .link,
.services-section .service-block-one .link i {
    backface-visibility: hidden !important;
}

.services-section .service-block-one .inner-box:hover .image img,
.services-section .service-block-one:nth-child(3n+1) .inner-box:hover .image img,
.services-section .service-block-one:nth-child(3n+2) .inner-box:hover .image img,
.services-section .service-block-one:nth-child(3n) .inner-box:hover .image img {
    transform: translateZ(0) !important;
    filter: saturate(1.04) contrast(1.02) !important;
}

.services-section .service-block-one .inner-box:hover .count,
.services-section .service-block-one:nth-child(3n+1) .inner-box:hover .count,
.services-section .service-block-one:nth-child(3n+2) .inner-box:hover .count,
.services-section .service-block-one:nth-child(3n) .inner-box:hover .count,
.services-section .service-block-one .inner-box:hover .link i,
.services-section .service-block-one:nth-child(3n+2) .inner-box:hover .link i {
    transform: none !important;
}

/* Final responsive hero layout: one stable vertical rhythm on every viewport. */
.banner-section .content-box {
    align-items: center !important;
    padding: 74px clamp(28px, 5.2vw, 100px) 92px !important;
}

.banner-section .irmak-hero-content {
    width: min(620px, 92vw) !important;
    max-width: 620px !important;
    transform: translateY(42px);
}

.banner-section .irmak-hero-messages {
    width: 100% !important;
    height: 138px !important;
    min-height: 138px !important;
    margin: 0 0 24px !important;
}

.banner-section .irmak-hero-content h1 {
    max-width: 620px !important;
    font-size: clamp(30px, 2.55vw, 42px) !important;
    line-height: 1.18 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
}

.banner-section .irmak-hero-content .irmak-hero-message.is-active {
    animation: imHeroEnter 1.7s cubic-bezier(.22, 1, .36, 1) both !important;
}

.banner-section .irmak-hero-content .irmak-hero-message.is-leaving {
    animation: imHeroLeave 1.35s cubic-bezier(.4, 0, .2, 1) both !important;
}

@keyframes imHeroEnter {
    from { opacity: 0; transform: translate3d(-24px, 8px, 0); clip-path: inset(0 100% 0 0); }
    to { opacity: 1; transform: translate3d(0, 0, 0); clip-path: inset(0 0 0 0); }
}

@keyframes imHeroLeave {
    from { opacity: 1; transform: translate3d(0, 0, 0); clip-path: inset(0 0 0 0); }
    to { opacity: 0; transform: translate3d(-12px, 0, 0); clip-path: inset(0 100% 0 0); }
}

@media only screen and (max-width: 767px) {
    .banner-section .content-box {
        align-items: flex-end !important;
        padding: 72px 16px 82px !important;
    }

    .banner-section .irmak-hero-content {
        width: 100% !important;
        max-width: 440px !important;
        transform: none;
    }

    .banner-section .irmak-hero-messages {
        height: 112px !important;
        min-height: 112px !important;
        margin-bottom: 20px !important;
    }

    .banner-section .irmak-hero-content h1 {
        font-size: clamp(24px, 7vw, 32px) !important;
        line-height: 1.2 !important;
        font-weight: 650 !important;
    }

    .banner-section .irmak-hero-actions {
        gap: 10px !important;
    }

    .banner-section .irmak-hero-actions a {
        min-height: 48px !important;
        flex: 1 1 160px !important;
        padding: 10px 14px !important;
        font-size: 12px !important;
    }
}

@media only screen and (max-width: 374px) {
    .banner-section .irmak-hero-messages {
        height: 124px !important;
        min-height: 124px !important;
    }

    .banner-section .irmak-hero-actions a {
        flex-basis: 100% !important;
    }
}

/* Final assistant position and contrast */
.ogl-chatbot {
    left: auto !important;
    right: 22px !important;
    bottom: 18px !important;
}

.ogl-chatbot-launcher {
    background: linear-gradient(135deg, #06172d 0%, #073a7d 58%, #031427 100%) !important;
    border-color: rgba(142, 223, 255, .32) !important;
    box-shadow: 0 22px 58px rgba(0, 31, 76, .34), inset 0 1px rgba(255,255,255,.16) !important;
}

.ogl-chatbot-panel {
    left: auto !important;
    right: 0 !important;
    bottom: 74px !important;
    max-height: min(660px, calc(100vh - 118px)) !important;
    background: #ffffff !important;
    border-color: rgba(0, 89, 207, .20) !important;
    box-shadow: 0 30px 90px rgba(0, 31, 76, .30) !important;
}

.ogl-chatbot-body {
    max-height: min(360px, calc(100vh - 330px)) !important;
}

.ogl-chatbot-contact {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin: 12px 14px 14px !important;
    padding: 10px !important;
    border: 1px solid rgba(0, 89, 207, .16) !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg, rgba(234,244,255,.98), #ffffff) !important;
    box-shadow: 0 14px 34px rgba(0, 63, 154, .10) !important;
}

.ogl-chatbot-contact a {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 38px !important;
    padding: 6px 10px !important;
    border-radius: 8px !important;
    color: #06274f !important;
    background: #ffffff !important;
    border: 1px solid rgba(0, 89, 207, .12) !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-decoration: none !important;
    word-break: break-word !important;
}

.ogl-chatbot-contact a:first-child {
    color: #0059cf !important;
    font-size: 14px !important;
    font-weight: 950 !important;
}

.ogl-chatbot-contact i {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
    border-radius: 7px;
    color: #ffffff !important;
    background: linear-gradient(135deg, #d42131, #0059cf) !important;
}

@media only screen and (max-width: 767px) {
    .ogl-chatbot {
        left: 12px !important;
        right: 12px !important;
        bottom: 12px !important;
    }

    .ogl-chatbot-panel {
        left: 0 !important;
        right: 0 !important;
        bottom: 72px !important;
    }
}

/* Absolute final authority: keep nested desktop dropdowns open over every widget. */
.main-menu .navigation > li.im-menu-open > ul,
.main-menu .navigation > li:hover > ul {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
    z-index: 10010 !important;
}

.main-menu .navigation > li.im-menu-open > ul > li.im-submenu-open > ul,
.main-menu .navigation > li > ul > li.im-submenu-open > ul,
.main-menu .navigation > li > ul > li.dropdown:hover > ul {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    left: calc(100% - 8px) !important;
    top: 0 !important;
    margin-left: 0 !important;
    transform: none !important;
    z-index: 10030 !important;
}

.main-menu .navigation > li > ul > li.im-submenu-open,
.main-menu .navigation > li > ul > li.im-submenu-open > a,
.main-menu .navigation > li > ul > li.im-submenu-open > ul,
.main-menu .navigation > li > ul > li.im-submenu-open > ul > li,
.main-menu .navigation > li > ul > li.im-submenu-open > ul > li > a {
    pointer-events: auto !important;
}

.main-menu .navigation > li > ul > li.im-submenu-open:before {
    display: none !important;
    content: none !important;
    pointer-events: none !important;
}

body.im-menu-interacting .ogl-chatbot {
    pointer-events: none !important;
    z-index: 1 !important;
}

body.im-menu-interacting .main-header,
body.im-menu-interacting .main-header .header-upper,
body.im-menu-interacting .main-header .main-menu,
body.im-menu-interacting .main-menu .navigation > li > ul,
body.im-menu-interacting .main-menu .navigation > li > ul > li > ul {
    z-index: 100000 !important;
}

body.im-menu-interacting .main-menu .navigation > li > ul > li > ul > li > a {
    position: relative !important;
    z-index: 100001 !important;
}

/* Last-resort authority for nested desktop dropdown stability. */
.main-menu .navigation > li.im-menu-open > ul {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
    z-index: 10010 !important;
}

.main-menu .navigation > li.im-menu-open > ul > li.im-submenu-open > ul {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    left: calc(100% - 6px) !important;
    top: 0 !important;
    margin-left: 0 !important;
    transform: none !important;
    z-index: 10020 !important;
}

.main-menu .navigation > li.im-menu-open > ul > li.im-submenu-open > ul > li,
.main-menu .navigation > li.im-menu-open > ul > li.im-submenu-open > ul > li > a {
    pointer-events: auto !important;
}

/* Stable multi-level menu state controlled by JS for diagonal mouse movement. */
.main-menu .navigation > li > ul > li.im-submenu-open > ul {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
    left: calc(100% - 6px) !important;
    top: 0 !important;
    z-index: 10020 !important;
}

.main-menu .navigation > li > ul > li.im-submenu-open > a {
    color: #0059cf !important;
    background: linear-gradient(135deg, rgba(234, 244, 255, .98), #ffffff) !important;
}

.main-menu .navigation > li > ul > li.im-submenu-open > a .submenu-icon {
    color: #ffffff !important;
    border-color: rgba(0, 89, 207, .28) !important;
    background: linear-gradient(135deg, #0059cf, #19a7e8) !important;
    box-shadow: 0 8px 20px rgba(0, 89, 207, .20) !important;
}

/* Final submenu authority: professional icon rows and lighter titles. */
.main-menu .navigation > li > ul,
.main-menu .navigation > li > ul > li > ul {
    min-width: 270px !important;
    padding: 8px !important;
    border: 1px solid rgba(0, 89, 207, .13) !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, .98) !important;
    box-shadow: 0 24px 70px rgba(7, 29, 57, .18) !important;
}

.main-menu .navigation > li > ul > li > ul {
    left: calc(100% - 1px) !important;
    top: 0 !important;
    margin-left: 0 !important;
    transform: none !important;
    z-index: 9999 !important;
    pointer-events: auto !important;
}

.main-menu .navigation > li > ul > li,
.main-menu .navigation > li > ul > li > ul > li {
    padding: 0 !important;
    margin: 0 !important;
    border-bottom: 0 !important;
}

.main-menu .navigation > li > ul > li > a,
.main-menu .navigation > li > ul > li > ul > li > a {
    display: grid !important;
    grid-template-columns: 29px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 42px !important;
    padding: 7px 10px !important;
    border: 0 !important;
    border-radius: 8px !important;
    color: #071d39 !important;
    background: #ffffff !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.22 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

.main-menu .navigation > li > ul > li > a .submenu-icon,
.main-menu .navigation > li > ul > li > ul > li > a .submenu-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 27px !important;
    height: 27px !important;
    border: 1px solid rgba(0, 89, 207, .13) !important;
    border-radius: 7px !important;
    color: #0059cf !important;
    background: linear-gradient(135deg, rgba(0, 89, 207, .09), rgba(25, 167, 232, .12)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.86) !important;
}

.main-menu .navigation > li > ul > li > a .submenu-icon i,
.main-menu .navigation > li > ul > li > ul > li > a .submenu-icon i {
    font-size: 12px !important;
    line-height: 1 !important;
}

.main-menu .navigation > li > ul > li > a .submenu-label,
.main-menu .navigation > li > ul > li > ul > li > a .submenu-label {
    min-width: 0 !important;
    color: inherit !important;
    font-size: inherit !important;
    font-weight: 500 !important;
    line-height: inherit !important;
}

.main-menu .navigation > li > ul > li.dropdown > a {
    padding-right: 30px !important;
}

.main-menu .navigation > li > ul > li.dropdown > a:after {
    right: 12px !important;
    color: #0059cf !important;
    font-size: 12px !important;
}

.main-menu .navigation > li > ul > li.dropdown:after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    right: -12px !important;
    width: 14px !important;
    height: 100% !important;
    display: block !important;
    background: transparent !important;
}

.main-menu .navigation > li > ul > li.dropdown:hover > ul,
.main-menu .navigation > li > ul > li.dropdown > ul:hover {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    pointer-events: auto !important;
}

.main-menu .navigation > li > ul > li:hover > a,
.main-menu .navigation > li > ul > li > ul > li:hover > a {
    color: #0059cf !important;
    background: linear-gradient(135deg, rgba(234, 244, 255, .98), #ffffff) !important;
    transform: translateX(2px) !important;
}

.main-menu .navigation > li > ul > li:hover > a .submenu-icon,
.main-menu .navigation > li > ul > li > ul > li:hover > a .submenu-icon {
    color: #ffffff !important;
    border-color: rgba(0, 89, 207, .28) !important;
    background: linear-gradient(135deg, #0059cf, #19a7e8) !important;
    box-shadow: 0 8px 20px rgba(0, 89, 207, .20) !important;
}

.ogl-chatbot {
    left: 22px !important;
    right: auto !important;
    bottom: 18px !important;
}

.ogl-chatbot-launcher {
    background:
        linear-gradient(135deg, #06172d 0%, #073a7d 58%, #031427 100%) !important;
    border-color: rgba(142, 223, 255, .32) !important;
    box-shadow: 0 22px 58px rgba(0, 31, 76, .34), inset 0 1px rgba(255,255,255,.16) !important;
}

.ogl-chatbot-panel {
    left: 0 !important;
    right: auto !important;
    bottom: 74px !important;
    max-height: min(660px, calc(100vh - 118px)) !important;
    background: #ffffff !important;
    border-color: rgba(0, 89, 207, .20) !important;
    box-shadow: 0 30px 90px rgba(0, 31, 76, .30) !important;
}

.ogl-chatbot-body {
    max-height: min(360px, calc(100vh - 330px)) !important;
}

.ogl-chatbot-contact {
    margin: 12px 14px 14px !important;
    padding: 12px !important;
    border: 1px solid rgba(0, 89, 207, .16) !important;
    border-radius: 10px !important;
    background:
        linear-gradient(135deg, rgba(234,244,255,.98), #ffffff) !important;
    box-shadow: 0 14px 34px rgba(0, 63, 154, .10) !important;
}

.ogl-chatbot-contact a {
    min-height: 38px !important;
    padding: 0 10px !important;
    border-radius: 8px !important;
    color: #06274f !important;
    background: #ffffff !important;
    border: 1px solid rgba(0, 89, 207, .12) !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
}

.ogl-chatbot-contact a:first-child {
    color: #0059cf !important;
    font-size: 14px !important;
    font-weight: 950 !important;
}

.ogl-chatbot-contact i {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
    border-radius: 7px;
    color: #ffffff !important;
    background: linear-gradient(135deg, #d42131, #0059cf) !important;
}

@media only screen and (max-width: 767px) {
    .ogl-chatbot {
        left: 12px !important;
        right: 12px !important;
        bottom: 12px !important;
    }

    .ogl-chatbot-panel {
        left: 0 !important;
        right: 0 !important;
        bottom: 72px !important;
    }
}

/* LAST OVERRIDE: service detail content must never be clipped. */
.service-details,
.service-details .auto-container,
.service-details .row,
.service-details .content-side,
.service-details .text-block-two,
.service-details .service-detail-content,
.service-details .service-detail-content.im-service-detail-body,
.service-details .im-service-detail-body,
.service-details .im-service-detail-main,
.service-details .im-service-detail-points,
.service-details .im-service-detail-scope,
.service-details .im-service-detail-scope-grid,
.service-details .im-service-detail-rich,
.service-details .im-service-detail-rich-grid,
.service-details .im-service-detail-rich-card {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}

.service-details .service-detail-content.im-service-detail-body {
    display: block !important;
    min-height: 0 !important;
    padding-bottom: clamp(34px, 5vw, 64px) !important;
    background:
        radial-gradient(circle at 92% 8%, rgba(0, 111, 214, 0.12), transparent 34%),
        linear-gradient(135deg, #ffffff 0%, #f7fbff 55%, #eef6ff 100%) !important;
}

.service-details .im-service-detail-copy h2,
.service-details .im-service-detail-section-head h3,
.service-details .im-service-detail-rich-copy h3,
.service-details .im-service-detail-rich-card-head strong,
.service-details .im-service-detail-points article strong,
.service-details .im-service-detail-scope-grid article strong {
    color: #071d39 !important;
    opacity: 1 !important;
}

.service-details .im-service-detail-copy p,
.service-details .im-service-detail-scope-grid article p,
.service-details .im-service-detail-rich-copy p,
.service-details .im-service-detail-rich-card li {
    display: block !important;
    color: #516779 !important;
    opacity: 1 !important;
    visibility: visible !important;
    white-space: normal !important;
    text-overflow: clip !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
}

.service-details .im-service-detail-scope-grid article,
.service-details .im-service-detail-points article,
.service-details .im-service-detail-rich-card,
.service-details .im-service-detail-rich-card li {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}

/* Final service detail polish: controlled content, readable colors, stable logo area. */
.service-detail-content.im-service-detail-body {
    position: relative;
    overflow: hidden;
    margin-top: clamp(28px, 4vw, 52px) !important;
    padding: clamp(26px, 4vw, 48px) !important;
    border: 1px solid rgba(0, 92, 185, 0.14) !important;
    border-radius: 24px !important;
    background:
        radial-gradient(circle at 94% 10%, rgba(0, 111, 214, 0.12), transparent 34%),
        linear-gradient(135deg, #ffffff 0%, #f7fbff 54%, #eef6ff 100%) !important;
    box-shadow: 0 26px 70px rgba(5, 43, 89, 0.13) !important;
    color: #4f6277 !important;
}

.service-detail-content.im-service-detail-body::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(0, 92, 185, 0.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 92, 185, 0.055) 1px, transparent 1px);
    background-size: 44px 44px;
    mask-image: linear-gradient(135deg, transparent 0%, #000 18%, #000 70%, transparent 100%);
    opacity: 0.75;
}

.service-detail-content.im-service-detail-body > * {
    position: relative;
    z-index: 1;
}

.im-service-detail-main {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
    gap: clamp(22px, 3vw, 38px);
    align-items: stretch;
}

.im-service-detail-copy {
    min-width: 0;
}

.im-service-detail-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
    margin-bottom: 22px;
    padding: 11px 18px;
    border-radius: 999px;
    background: #eef5ff;
    color: #063a7a !important;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.im-service-detail-eyebrow i {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #e72d55;
    box-shadow: 0 0 0 8px rgba(231, 45, 85, 0.11);
}

.im-service-detail-copy h2 {
    max-width: 780px;
    margin: 0 0 22px !important;
    color: #071d39 !important;
    font-size: clamp(34px, 4vw, 62px) !important;
    line-height: 1.08 !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
}

.im-service-detail-copy h2::after {
    content: "";
    display: block;
    width: min(360px, 100%);
    height: 6px;
    margin-top: 20px;
    border-radius: 999px;
    background: linear-gradient(90deg, #e72d55, #006bd6);
}

.im-service-detail-copy p,
.service-detail-content.im-service-detail-body p {
    max-width: 760px;
    margin: 0 !important;
    color: #516779 !important;
    font-size: clamp(17px, 1.28vw, 21px) !important;
    line-height: 1.75 !important;
    font-weight: 500 !important;
}

.im-service-detail-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 30px;
}

.im-service-detail-actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    padding: 15px 26px;
    border-radius: 14px;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.2;
    text-align: center;
    transition: transform .28s ease, box-shadow .28s ease, background .28s ease, color .28s ease;
}

.im-service-detail-actions a:first-child {
    color: #ffffff !important;
    background: linear-gradient(135deg, #0058bd, #0085e8);
    box-shadow: 0 16px 32px rgba(0, 88, 189, 0.22);
}

.im-service-detail-actions a:last-child {
    color: #063a7a !important;
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(0, 92, 185, 0.22);
}

.im-service-detail-actions a:hover {
    transform: translateY(-3px);
}

.im-service-detail-brand {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 18px;
}

.im-service-detail-logo-card {
    display: flex;
    min-height: 320px;
    padding: clamp(24px, 3vw, 34px);
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
    border: 1px solid rgba(0, 92, 185, 0.16);
    border-radius: 24px;
    background:
        linear-gradient(145deg, rgba(255,255,255,0.98), rgba(245,250,255,0.94));
    box-shadow: inset 0 0 0 10px rgba(0, 92, 185, 0.035);
    text-align: center;
}

.im-service-detail-logo-card img {
    display: block;
    width: min(265px, 86%) !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    margin: 0 auto !important;
}

.im-service-detail-logo-card strong {
    display: block;
    max-width: 280px;
    color: #062c65 !important;
    font-size: clamp(19px, 1.6vw, 26px);
    line-height: 1.35;
    font-weight: 800;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.im-service-detail-mini-card {
    padding: 24px;
    border-radius: 20px;
    background:
        linear-gradient(135deg, rgba(2, 41, 87, 0.96), rgba(0, 95, 190, 0.92));
    box-shadow: 0 18px 42px rgba(4, 40, 86, 0.22);
}

.im-service-detail-mini-card b,
.im-service-detail-mini-card span {
    display: block;
}

.im-service-detail-mini-card b {
    color: #ffffff !important;
    font-size: 20px;
    line-height: 1.25;
    margin-bottom: 10px;
}

.im-service-detail-mini-card span {
    color: rgba(255, 255, 255, 0.78) !important;
    font-size: 15px;
    line-height: 1.6;
}

.im-service-detail-points {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-top: clamp(24px, 3vw, 36px);
}

.im-service-detail-points article {
    position: relative;
    overflow: hidden;
    min-height: 180px;
    padding: 22px 18px;
    border: 1px solid rgba(0, 92, 185, 0.14);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 14px 34px rgba(5, 43, 89, 0.08);
}

.im-service-detail-points article::after {
    content: "";
    position: absolute;
    right: -28px;
    bottom: -34px;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(0, 117, 225, 0.16), transparent 64%);
}

.im-service-detail-points article > * {
    position: relative;
    z-index: 1;
}

.im-service-detail-points article span {
    display: inline-flex;
    width: 46px;
    height: 46px;
    margin-bottom: 18px;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: #eef5ff;
    color: #0058bd !important;
    font-size: 17px;
    font-weight: 900;
}

.im-service-detail-points article i {
    display: inline-flex;
    width: 46px;
    height: 46px;
    margin-left: 8px;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    color: #16a5e6 !important;
    background: #e7f7ff;
}

.im-service-detail-points article strong {
    display: block;
    color: #082346 !important;
    font-size: 18px;
    line-height: 1.38;
    font-weight: 800;
}

.im-service-detail-original {
    margin-top: clamp(28px, 4vw, 44px);
    padding-top: clamp(24px, 3vw, 34px);
    border-top: 1px solid rgba(0, 92, 185, 0.14);
}

.im-service-detail-original-content {
    overflow: hidden;
    padding: clamp(22px, 3vw, 34px);
    border: 1px solid rgba(0, 92, 185, 0.12);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 18px 44px rgba(5, 43, 89, 0.08);
}

.im-service-detail-original-content,
.im-service-detail-original-content div,
.im-service-detail-original-content p,
.im-service-detail-original-content span,
.im-service-detail-original-content li {
    color: #4f6277 !important;
    font-size: clamp(16px, 1.12vw, 18px) !important;
    line-height: 1.78 !important;
}

.im-service-detail-original-content h1,
.im-service-detail-original-content h2,
.im-service-detail-original-content h3,
.im-service-detail-original-content h4,
.im-service-detail-original-content h5,
.im-service-detail-original-content h6,
.im-service-detail-original-content strong,
.im-service-detail-original-content b {
    color: #071d39 !important;
}

.im-service-detail-original-content h1,
.im-service-detail-original-content h2,
.im-service-detail-original-content h3 {
    margin: 0 0 18px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    line-height: 1.18 !important;
}

.im-service-detail-original-content h1 {
    font-size: clamp(28px, 3vw, 44px) !important;
}

.im-service-detail-original-content h2 {
    font-size: clamp(25px, 2.4vw, 36px) !important;
}

.im-service-detail-original-content h3 {
    font-size: clamp(22px, 1.9vw, 28px) !important;
}

.im-service-detail-original-content p,
.im-service-detail-original-content ul,
.im-service-detail-original-content ol {
    margin-bottom: 18px !important;
}

.im-service-detail-original-content ul,
.im-service-detail-original-content ol {
    padding-left: 22px !important;
}

.im-service-detail-original-content img {
    display: block;
    max-width: 100% !important;
    height: auto !important;
    margin: 20px auto !important;
    object-fit: contain !important;
    border-radius: 18px;
    background: #ffffff;
}

.im-service-detail-original-content table {
    width: 100% !important;
    max-width: 100% !important;
    border-collapse: collapse;
}

.im-service-detail-original-content iframe,
.im-service-detail-original-content video {
    max-width: 100% !important;
    border-radius: 18px;
}

@media only screen and (max-width: 1199px) {
    .im-service-detail-main {
        grid-template-columns: 1fr;
    }

    .im-service-detail-brand {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .im-service-detail-logo-card {
        min-height: 250px;
    }

    .im-service-detail-points {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media only screen and (max-width: 767px) {
    .service-detail-content.im-service-detail-body {
        margin-top: 22px !important;
        padding: 22px 16px !important;
        border-radius: 18px !important;
    }

    .im-service-detail-eyebrow {
        padding: 10px 14px;
        font-size: 11px;
        letter-spacing: 1.6px;
    }

    .im-service-detail-copy h2 {
        font-size: clamp(28px, 9vw, 38px) !important;
        line-height: 1.12 !important;
    }

    .im-service-detail-copy p,
    .service-detail-content.im-service-detail-body p {
        font-size: 16px !important;
        line-height: 1.65 !important;
    }

    .im-service-detail-actions {
        flex-direction: column;
    }

    .im-service-detail-actions a {
        width: 100%;
        min-height: 50px;
        padding: 14px 18px;
    }

    .im-service-detail-brand,
    .im-service-detail-points {
        grid-template-columns: 1fr;
    }

    .im-service-detail-logo-card {
        min-height: 230px;
        border-radius: 18px;
    }

    .im-service-detail-logo-card img {
        width: min(230px, 82%) !important;
    }

    .im-service-detail-points article {
        min-height: 0;
    }

    .im-service-detail-original-content {
        padding: 20px 16px;
        border-radius: 18px;
    }
}

/* Final service detail authority: Istanbul Mavi technology theme */
.service-details {
    background:
        linear-gradient(rgba(0,89,207,.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0,89,207,.04) 1px, transparent 1px),
        linear-gradient(180deg, #f8fbff 0%, #ffffff 42%, #eef6ff 100%) !important;
    background-size: 46px 46px, 46px 46px, auto !important;
}

.service-details .service-sidebar .service-navigation,
.service-sidebar .widget.pdf-widget.detail-contact-card {
    border: 1px solid rgba(0,89,207,.18) !important;
    border-radius: 18px !important;
    color: #eaf4ff !important;
    background:
        radial-gradient(circle at 88% 4%, rgba(25,167,232,.22), transparent 34%),
        linear-gradient(145deg, #06172d 0%, #073a7d 58%, #031427 100%) !important;
    box-shadow: 0 24px 64px rgba(0,49,115,.18) !important;
}

.service-details .service-sidebar .service-navigation::before,
.service-sidebar .widget.pdf-widget.detail-contact-card .detail-contact-card__glow {
    border-color: rgba(25,167,232,.18) !important;
    box-shadow: 0 0 0 38px rgba(25,167,232,.045), 0 0 0 78px rgba(0,89,207,.025) !important;
}

.service-navigation__head,
.detail-contact-card__head {
    border-bottom-color: rgba(142,223,255,.13) !important;
}

.service-navigation__label,
.detail-contact-card__eyebrow {
    color: #8edfff !important;
}

.service-navigation__label::before,
.detail-contact-card__eyebrow i {
    background: linear-gradient(90deg, #8edfff, transparent) !important;
    box-shadow: 0 0 12px rgba(25,167,232,.55) !important;
}

.service-details .service-navigation .service-navigation__head .widget_title,
.service-sidebar .detail-contact-card__head .widget_title {
    color: #ffffff !important;
}

.service-navigation__head p,
.detail-contact-card__head p,
.detail-contact-card__status,
.service-navigation__foot span {
    color: rgba(234,244,255,.66) !important;
}

.service-details .service-navigation .categories-list li {
    border-color: rgba(142,223,255,.12) !important;
    background: rgba(255,255,255,.055) !important;
    box-shadow: none !important;
}

.service-details .service-navigation .categories-list li::before {
    background: #19a7e8 !important;
}

.service-details .service-navigation .categories-list li a {
    color: rgba(234,244,255,.84) !important;
}

.service-navigation__number {
    color: #8edfff !important;
    border-color: rgba(25,167,232,.24) !important;
    background: rgba(0,89,207,.16) !important;
}

.service-navigation__arrow {
    color: rgba(142,223,255,.62) !important;
}

.service-details .service-navigation .categories-list li:hover,
.service-details .service-navigation .categories-list li.active {
    border-color: rgba(25,167,232,.38) !important;
    background: linear-gradient(100deg, rgba(0,89,207,.26), rgba(25,167,232,.09)) !important;
    transform: translateX(4px);
}

.service-details .service-navigation .categories-list li:hover .service-navigation__name,
.service-details .service-navigation .categories-list li.active .service-navigation__name {
    color: #ffffff !important;
}

.service-details .service-navigation .categories-list li.active .service-navigation__number {
    color: #ffffff !important;
    border-color: transparent !important;
    background: linear-gradient(135deg, #0b55b3, #19a7e8) !important;
    box-shadow: 0 0 24px rgba(25,167,232,.24) !important;
}

.service-details .service-navigation .categories-list li:hover .service-navigation__arrow,
.service-details .service-navigation .categories-list li.active .service-navigation__arrow {
    color: #8edfff !important;
}

.detail-contact-card__item {
    border-color: rgba(142,223,255,.13) !important;
    background: rgba(255,255,255,.055) !important;
}

.detail-contact-card__item:hover {
    border-color: rgba(25,167,232,.35) !important;
    background: rgba(0,89,207,.18) !important;
}

.detail-contact-card__icon {
    color: #8edfff !important;
    border-color: rgba(25,167,232,.24) !important;
    background: rgba(0,89,207,.14) !important;
}

.detail-contact-card__copy small {
    color: rgba(142,223,255,.82) !important;
}

.detail-contact-card__copy strong,
.detail-contact-card__action {
    color: #ffffff !important;
}

.detail-contact-card__foot {
    color: rgba(234,244,255,.72) !important;
    border-top-color: rgba(142,223,255,.13) !important;
}

.service-details .image-block .image {
    position: relative !important;
    border: 1px solid rgba(0,89,207,.12) !important;
    border-radius: 16px !important;
    background: #eef6ff !important;
    box-shadow: 0 24px 66px rgba(0,49,115,.13) !important;
}

.service-details .image-block .image::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    background: radial-gradient(circle at 78% 18%, rgba(25,167,232,.14), transparent 30%) !important;
}

.service-detail-content {
    overflow: hidden !important;
    border: 1px solid rgba(0,89,207,.12) !important;
    border-radius: 18px !important;
    background:
        linear-gradient(rgba(0,89,207,.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0,89,207,.05) 1px, transparent 1px),
        linear-gradient(135deg, #074b9f 0%, #0059cf 58%, #087fe0 100%) !important;
    background-size: 46px 46px, 46px 46px, auto !important;
    box-shadow: 0 24px 72px rgba(0,49,115,.15) !important;
}

.service-detail-content .text,
.service-detail-content p,
.service-detail-content li {
    color: rgba(255,255,255,.88) !important;
}

.service-detail-content h1,
.service-detail-content h2,
.service-detail-content h3,
.service-detail-content h4,
.service-detail-content h5,
.service-detail-content h6 {
    color: #ffffff !important;
    letter-spacing: 0 !important;
}

.service-detail-content a {
    color: #ffffff !important;
}

.service-detail-content img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 14px !important;
}

.im-detail-logo-panel {
    display: flex;
    min-height: 190px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 16px;
    padding: 30px;
    border-radius: 18px;
    border: 1px solid rgba(142,223,255,.18);
    background:
        radial-gradient(circle at 50% 0%, rgba(255,255,255,.94), transparent 32%),
        linear-gradient(135deg, rgba(255,255,255,.96), rgba(234,244,255,.88));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 18px 44px rgba(0,49,115,.12);
}

.im-detail-logo-panel img {
    width: min(260px, 76%) !important;
    height: auto !important;
    border-radius: 0 !important;
}

.im-detail-logo-panel span {
    color: #062f6c !important;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

@media only screen and (max-width: 991px) {
    .service-details .service-navigation .categories-list li:hover,
    .service-details .service-navigation .categories-list li.active {
        transform: none !important;
    }
}

/* Custom editor hero fixes for Istanbul Mavi corporate HTML block */
.premium-editor-content .im-custom-hero .im-hero-logo-image {
    display: block !important;
    width: min(72%, 520px) !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
    object-fit: contain !important;
    filter: drop-shadow(0 18px 34px rgba(0, 63, 154, 0.12)) !important;
}

.premium-editor-content .im-custom-hero .im-hero-contact-btn,
.premium-editor-content .im-custom-hero .im-hero-services-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    min-height: 46px !important;
    min-width: 0 !important;
    padding: 12px 18px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    font-weight: 800 !important;
    font-size: clamp(15px, 1.1vw, 18px) !important;
    line-height: 1.15 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease, border-color 180ms ease !important;
    white-space: normal !important;
}

.premium-editor-content .im-custom-hero .im-hero-contact-btn,
.premium-editor-content .im-custom-hero .im-hero-contact-btn * {
    color: var(--im-blue) !important;
}

.premium-editor-content .im-custom-hero .im-hero-contact-btn {
    background: #ffffff !important;
    box-shadow: 0 16px 34px rgba(5, 30, 76, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

.premium-editor-content .im-custom-hero .im-hero-services-btn,
.premium-editor-content .im-custom-hero .im-hero-services-btn *,
.premium-editor-content .im-custom-hero .im-hero-services-btn:visited,
.premium-editor-content .im-custom-hero .im-hero-services-btn:hover,
.premium-editor-content .im-custom-hero .im-hero-services-btn:focus {
    color: #ffffff !important;
}

.premium-editor-content .im-custom-hero .im-hero-services-btn {
    background: rgba(0, 54, 126, 0.42) !important;
    border-color: rgba(255, 255, 255, 0.34) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
    backdrop-filter: blur(10px);
}

.premium-editor-content .im-custom-hero .im-hero-contact-btn:hover,
.premium-editor-content .im-custom-hero .im-hero-contact-btn:focus,
.premium-editor-content .im-custom-hero .im-hero-services-btn:hover,
.premium-editor-content .im-custom-hero .im-hero-services-btn:focus {
    box-shadow: 0 18px 38px rgba(5, 30, 76, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.38) !important;
    transform: translateY(-1px);
}

.premium-editor-content .im-custom-hero .im-hero-services-btn:hover,
.premium-editor-content .im-custom-hero .im-hero-services-btn:focus {
    background: rgba(0, 84, 184, 0.72) !important;
    border-color: rgba(255, 255, 255, 0.74) !important;
}

.premium-editor-content .im-custom-hero .im-hero-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    width: fit-content !important;
    max-width: 100% !important;
    min-height: auto !important;
    padding: 8px !important;
    margin-top: 34px !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    box-shadow: 0 22px 58px rgba(0, 42, 110, 0.16) !important;
    backdrop-filter: blur(12px);
}

@media (max-width: 767px) {
    .premium-editor-content .im-custom-hero .im-hero-actions {
        flex-direction: column !important;
        align-items: stretch !important;
        width: 100% !important;
        gap: 12px !important;
    }

    .premium-editor-content .im-custom-hero .im-hero-contact-btn,
    .premium-editor-content .im-custom-hero .im-hero-services-btn {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 58px !important;
        padding: 15px 20px !important;
    }
}

.premium-editor-content .im-consultation-cta {
    margin-bottom: 0 !important;
    padding-bottom: clamp(44px, 5vw, 72px) !important;
}

.premium-editor-content .im-consultation-cta + * {
    margin-top: 0 !important;
}

body.im-has-consultation-cta .premium-editor-content {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

body.im-has-consultation-cta .premium-editor-content > *:last-child {
    margin-bottom: 0 !important;
}

body.im-has-consultation-cta .main-footer {
    margin-top: 0 !important;
}

.premium-editor-content .im-consultation-motion {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    width: min(86%, 1180px);
    margin: clamp(28px, 4vw, 54px) auto clamp(34px, 5vw, 64px) !important;
    padding: clamp(20px, 3vw, 30px);
    border-radius: 18px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(240, 247, 255, 0.88)),
        radial-gradient(circle at 10% 0%, rgba(0, 97, 216, 0.12), transparent 34%);
    border: 1px solid rgba(0, 91, 204, 0.12);
    box-shadow: 0 26px 70px rgba(0, 47, 120, 0.12);
}

.premium-editor-content .im-consultation-motion:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(90deg, transparent, rgba(0, 94, 220, 0.11), transparent);
    transform: translateX(-100%);
    animation: imConsultationSweep 4.8s ease-in-out infinite;
}

.premium-editor-content .im-consultation-motion__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.premium-editor-content .im-consultation-motion__head span {
    display: block;
    margin-bottom: 7px;
    color: #ed1b3a;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.14em;
}

.premium-editor-content .im-consultation-motion__head strong {
    display: block;
    color: #062f6c;
    font-size: clamp(22px, 2.1vw, 34px);
    line-height: 1.18;
}

.premium-editor-content .im-consultation-motion__steps {
    display: grid;
    grid-template-columns: repeat(4, minmax(112px, 1fr));
    gap: 10px;
}

.premium-editor-content .im-consultation-motion__steps span {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 48px;
    padding: 10px 12px;
    border-radius: 10px;
    color: #063a82;
    font-weight: 800;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(0, 91, 204, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
    animation: imStepFloat 3.8s ease-in-out infinite;
}

.premium-editor-content .im-consultation-motion__steps span:nth-child(2) { animation-delay: 0.18s; }
.premium-editor-content .im-consultation-motion__steps span:nth-child(3) { animation-delay: 0.36s; }
.premium-editor-content .im-consultation-motion__steps span:nth-child(4) { animation-delay: 0.54s; }

.premium-editor-content .im-consultation-motion__steps i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #ffffff;
    font-style: normal;
    font-size: 11px;
    font-weight: 900;
    background: linear-gradient(135deg, #ed1b3a, #0068dc);
}

.premium-editor-content .im-consultation-motion__line {
    position: absolute;
    left: clamp(20px, 3vw, 30px);
    right: clamp(20px, 3vw, 30px);
    bottom: 0;
    height: 3px;
    background: rgba(0, 95, 214, 0.12);
}

.premium-editor-content .im-consultation-motion__line span {
    display: block;
    width: 32%;
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, #ed1b3a, #0073ef);
    animation: imLineTravel 3.8s ease-in-out infinite;
}

@keyframes imConsultationSweep {
    0%, 28% { transform: translateX(-100%); }
    62%, 100% { transform: translateX(100%); }
}

@keyframes imStepFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-4px); }
}

@keyframes imLineTravel {
    0% { transform: translateX(0); }
    50% { transform: translateX(210%); }
    100% { transform: translateX(0); }
}

.premium-editor-content .im-consultation-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    text-decoration: none !important;
    transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease !important;
}

.premium-editor-content .im-consultation-button:hover,
.premium-editor-content .im-consultation-button:focus {
    transform: translateY(-2px);
    box-shadow: 0 24px 52px rgba(0, 48, 122, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

.premium-editor-content .im-consultation-button,
.premium-editor-content .im-consultation-button * {
    color: var(--im-blue) !important;
}

@media (max-width: 767px) {
    .premium-editor-content .im-consultation-cta {
        padding-bottom: 38px !important;
    }

    .premium-editor-content .im-consultation-motion {
        width: calc(100% - 28px);
        margin-top: 22px !important;
        margin-bottom: 34px !important;
        padding: 20px 16px;
        border-radius: 14px;
    }

    .premium-editor-content .im-consultation-motion__content {
        display: block;
    }

    .premium-editor-content .im-consultation-motion__head {
        margin-bottom: 16px;
    }

    .premium-editor-content .im-consultation-motion__steps {
        grid-template-columns: 1fr 1fr;
    }

    .premium-editor-content .im-consultation-motion__steps span {
        min-height: 44px;
        padding: 9px 10px;
        font-size: 14px;
    }
}

.premium-editor-content .im-tech-orbit-panel {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(220px, 1.05fr);
    align-items: center;
    gap: clamp(18px, 3vw, 34px);
    margin: clamp(26px, 3.8vw, 52px) 0 0 !important;
    padding: clamp(24px, 4vw, 42px);
    min-height: clamp(300px, 30vw, 430px);
    border-radius: 22px;
    background:
        radial-gradient(circle at 76% 28%, rgba(0, 118, 255, 0.22), transparent 32%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(239, 246, 255, 0.86));
    border: 1px solid rgba(0, 91, 204, 0.14);
    box-shadow: 0 30px 80px rgba(0, 51, 130, 0.12);
}

.premium-editor-content .im-tech-orbit-panel:before {
    content: "";
    position: absolute;
    inset: auto -12% -36% 22%;
    height: 68%;
    z-index: -1;
    background:
        linear-gradient(rgba(0, 91, 204, 0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 91, 204, 0.08) 1px, transparent 1px);
    background-size: 38px 38px;
    transform: perspective(420px) rotateX(58deg);
    animation: imGridDrift 8s linear infinite;
}

.premium-editor-content .im-tech-orbit-panel__copy span {
    display: block;
    margin-bottom: 10px;
    color: #ed1b3a;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.14em;
}

.premium-editor-content .im-tech-orbit-panel__copy strong {
    display: block;
    color: #062f6c;
    font-size: clamp(24px, 2.35vw, 38px);
    line-height: 1.16;
}

.premium-editor-content .im-tech-orbit {
    position: relative;
    width: min(100%, 330px);
    aspect-ratio: 1;
    margin-left: auto;
    margin-right: auto;
}

.premium-editor-content .im-tech-orbit__ring,
.premium-editor-content .im-tech-orbit__globe,
.premium-editor-content .im-tech-orbit__node {
    position: absolute;
}

.premium-editor-content .im-tech-orbit__ring {
    inset: 12%;
    border-radius: 50%;
    border: 1px solid rgba(0, 91, 204, 0.24);
}

.premium-editor-content .im-tech-orbit__ring--one {
    animation: imOrbitSpin 11s linear infinite;
}

.premium-editor-content .im-tech-orbit__ring--two {
    inset: 22%;
    border-color: rgba(237, 27, 58, 0.22);
    transform: rotate(62deg) scaleY(0.58);
    animation: imOrbitSpinReverse 8s linear infinite;
}

.premium-editor-content .im-tech-orbit__globe {
    inset: 26%;
    border-radius: 50%;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.16) 1px, transparent 1px),
        linear-gradient(rgba(255, 255, 255, 0.14) 1px, transparent 1px),
        radial-gradient(circle at 34% 28%, #45c7ff, #0068dc 48%, #043f92 100%);
    background-size: 26px 26px, 26px 26px, auto;
    box-shadow: 0 22px 58px rgba(0, 83, 184, 0.34), inset -14px -18px 38px rgba(0, 28, 84, 0.28);
    animation: imGlobePulse 3.6s ease-in-out infinite;
}

.premium-editor-content .im-tech-orbit__globe:before {
    content: "";
    position: absolute;
    inset: 16%;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.28);
    transform: rotate(26deg) scaleY(0.52);
}

.premium-editor-content .im-tech-orbit__node {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 58px;
    min-height: 38px;
    padding: 8px 12px;
    border-radius: 999px;
    color: #063a82;
    font-size: 13px;
    font-weight: 900;
    background: rgba(255, 255, 255, 0.88);
    border: 1px solid rgba(0, 91, 204, 0.14);
    box-shadow: 0 16px 36px rgba(0, 48, 122, 0.16);
    animation: imNodeFloat 4s ease-in-out infinite;
}

.premium-editor-content .im-tech-orbit__node--web { top: 4%; left: 41%; }
.premium-editor-content .im-tech-orbit__node--cloud { top: 43%; right: -2%; animation-delay: 0.2s; }
.premium-editor-content .im-tech-orbit__node--code { bottom: 7%; left: 35%; animation-delay: 0.4s; }
.premium-editor-content .im-tech-orbit__node--ai {
    top: 43%;
    left: -2%;
    color: #ffffff;
    background: linear-gradient(135deg, #ed1b3a, #0068dc);
    animation-delay: 0.6s;
}

@keyframes imOrbitSpin {
    to { transform: rotate(360deg); }
}

@keyframes imOrbitSpinReverse {
    to { transform: rotate(-298deg) scaleY(0.58); }
}

@keyframes imGlobePulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.045); }
}

@keyframes imNodeFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
}

@keyframes imGridDrift {
    to { background-position: 38px 38px, 38px 38px; }
}

@media (max-width: 767px) {
    .premium-editor-content .im-tech-orbit-panel {
        grid-template-columns: 1fr;
        min-height: 0;
        padding: 24px 18px;
        border-radius: 16px;
        text-align: center;
    }

    .premium-editor-content .im-tech-orbit {
        width: min(86vw, 285px);
    }

    .premium-editor-content .im-tech-orbit__node {
        min-width: 50px;
        min-height: 34px;
        padding: 7px 10px;
        font-size: 12px;
    }
}

/* Absolute final authority for service detail pages. */
.service-detail-content.im-service-detail-body,
.service-details .service-detail-content.im-service-detail-body {
    overflow: hidden !important;
    margin-top: clamp(28px, 4vw, 52px) !important;
    padding: clamp(26px, 4vw, 48px) !important;
    border: 1px solid rgba(0, 92, 185, 0.14) !important;
    border-radius: 24px !important;
    background:
        radial-gradient(circle at 92% 8%, rgba(0, 111, 214, 0.12), transparent 34%),
        linear-gradient(135deg, #ffffff 0%, #f7fbff 55%, #eef6ff 100%) !important;
    box-shadow: 0 26px 70px rgba(5, 43, 89, 0.13) !important;
}

.service-detail-content.im-service-detail-body .im-service-detail-copy h2,
.service-detail-content.im-service-detail-body .im-service-detail-section-head h3 {
    color: #071d39 !important;
    letter-spacing: 0 !important;
}

.service-detail-content.im-service-detail-body .im-service-detail-copy p,
.service-detail-content.im-service-detail-body .im-service-detail-scope p,
.service-detail-content.im-service-detail-body .im-service-detail-mini-card span {
    color: #516779 !important;
}

.service-detail-content.im-service-detail-body .im-service-detail-mini-card span {
    color: rgba(255, 255, 255, 0.78) !important;
}

.service-detail-content.im-service-detail-body .im-service-detail-points article strong,
.service-detail-content.im-service-detail-body .im-service-detail-scope article strong {
    color: #082346 !important;
}

.service-detail-content.im-service-detail-body .im-service-detail-eyebrow {
    color: #063a7a !important;
    background: #eef5ff !important;
}

.im-service-detail-scope {
    position: relative;
    z-index: 1;
    margin-top: clamp(28px, 4vw, 44px);
    padding-top: clamp(24px, 3vw, 34px);
    border-top: 1px solid rgba(0, 92, 185, 0.14);
}

.im-service-detail-section-head {
    display: grid;
    gap: 14px;
    margin-bottom: 22px;
}

.im-service-detail-section-head h3 {
    max-width: 820px;
    margin: 0 !important;
    font-size: clamp(25px, 2.5vw, 38px) !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
}

.im-service-detail-scope-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.im-service-detail-scope-grid article {
    position: relative;
    overflow: hidden;
    min-height: 230px;
    padding: 24px 20px;
    border: 1px solid rgba(0, 92, 185, 0.14);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 18px 42px rgba(5, 43, 89, 0.08);
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.im-service-detail-scope-grid article::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(135deg, rgba(0, 107, 214, 0.09), transparent 45%),
        radial-gradient(circle at 88% 14%, rgba(231, 45, 85, 0.10), transparent 30%);
    opacity: 0;
    transition: opacity .28s ease;
}

.im-service-detail-scope-grid article > * {
    position: relative;
    z-index: 1;
}

.im-service-detail-scope-grid article i {
    display: inline-flex;
    width: 54px;
    height: 54px;
    margin-bottom: 22px;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    color: #ffffff !important;
    background: linear-gradient(135deg, #0058bd, #14a5e8);
    box-shadow: 0 16px 30px rgba(0, 88, 189, 0.2);
}

.im-service-detail-scope-grid article strong {
    display: block;
    margin-bottom: 12px;
    font-size: 19px;
    line-height: 1.32;
    font-weight: 800;
}

.im-service-detail-scope-grid article p {
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 1.65 !important;
    font-weight: 500 !important;
}

.im-service-detail-scope-grid article:hover {
    transform: translateY(-6px);
    border-color: rgba(0, 92, 185, 0.28);
    box-shadow: 0 24px 52px rgba(5, 43, 89, 0.14);
}

.im-service-detail-scope-grid article:hover::before {
    opacity: 1;
}

.im-service-detail-rich {
    position: relative;
    z-index: 1;
    margin-top: clamp(30px, 4vw, 48px);
    padding: clamp(24px, 3.2vw, 40px);
    border: 1px solid rgba(0, 92, 185, 0.13);
    border-radius: 24px;
    background:
        linear-gradient(135deg, rgba(255,255,255,0.94), rgba(240,247,255,0.86));
    box-shadow: 0 20px 50px rgba(5, 43, 89, 0.09);
}

.im-service-detail-rich-copy {
    max-width: 920px;
}

.im-service-detail-rich-copy h3 {
    margin: 0 0 18px !important;
    color: #071d39 !important;
    font-size: clamp(26px, 2.8vw, 42px) !important;
    line-height: 1.18 !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
}

.im-service-detail-rich-copy p {
    margin: 0 !important;
    color: #516779 !important;
    font-size: clamp(17px, 1.2vw, 20px) !important;
    line-height: 1.78 !important;
    font-weight: 500 !important;
}

.im-service-detail-rich-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 28px;
}

.im-service-detail-rich-card {
    min-width: 0;
    padding: clamp(22px, 2.6vw, 30px);
    border: 1px solid rgba(0, 92, 185, 0.14);
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 16px 38px rgba(5, 43, 89, 0.08);
}

.im-service-detail-rich-card-head {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 18px;
}

.im-service-detail-rich-card-head i {
    display: inline-flex;
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    color: #ffffff !important;
    background: linear-gradient(135deg, #0058bd, #13a6e8);
}

.im-service-detail-rich-card-head strong {
    color: #071d39 !important;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 800;
}

.im-service-detail-rich-card ol,
.im-service-detail-rich-card ul {
    display: grid;
    gap: 12px;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.im-service-detail-rich-card li {
    position: relative;
    min-height: 46px;
    padding: 12px 14px 12px 48px;
    border-radius: 14px;
    background: #f4f8fd;
    color: #516779 !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
    font-weight: 600 !important;
}

.im-service-detail-rich-card li::before {
    position: absolute;
    left: 14px;
    top: 13px;
    display: inline-flex;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #e7f4ff;
    color: #0058bd;
    font-size: 12px;
    font-weight: 900;
}

.im-service-detail-rich-card ol {
    counter-reset: imServiceProcess;
}

.im-service-detail-rich-card ol li {
    counter-increment: imServiceProcess;
}

.im-service-detail-rich-card ol li::before {
    content: counter(imServiceProcess);
}

.im-service-detail-rich-card ul li::before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
}

@media only screen and (max-width: 1199px) {
    .im-service-detail-scope-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media only screen and (max-width: 767px) {
    .service-detail-content.im-service-detail-body,
    .service-details .service-detail-content.im-service-detail-body {
        padding: 22px 16px !important;
        border-radius: 18px !important;
    }

    .im-service-detail-scope-grid {
        grid-template-columns: 1fr;
    }

    .im-service-detail-scope-grid article {
        min-height: 0;
        padding: 22px 18px;
    }

    .im-service-detail-rich {
        padding: 22px 16px;
        border-radius: 18px;
    }

    .im-service-detail-rich-grid {
        grid-template-columns: 1fr;
    }

    .im-service-detail-rich-card {
        padding: 20px 16px;
    }

    .im-service-detail-rich-card li {
        padding-right: 12px;
        font-size: 15px !important;
    }
}

/* Service detail visibility fix: never clip long service text blocks. */
.service-details,
.service-details .auto-container,
.service-details .row,
.service-details .content-side,
.service-details .text-block-two,
.service-details .service-detail-content,
.service-details .service-detail-content.im-service-detail-body,
.service-details .im-service-detail-body,
.service-details .im-service-detail-main,
.service-details .im-service-detail-points,
.service-details .im-service-detail-scope,
.service-details .im-service-detail-scope-grid,
.service-details .im-service-detail-rich,
.service-details .im-service-detail-rich-grid,
.service-details .im-service-detail-rich-card {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}

.service-details .service-detail-content.im-service-detail-body {
    display: block !important;
    min-height: 0 !important;
    padding-bottom: clamp(34px, 5vw, 64px) !important;
}

.service-details .im-service-detail-scope-grid article,
.service-details .im-service-detail-points article,
.service-details .im-service-detail-rich-card,
.service-details .im-service-detail-rich-card li {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    white-space: normal !important;
    text-overflow: clip !important;
}

.service-details .im-service-detail-rich-card li,
.service-details .im-service-detail-scope-grid article p,
.service-details .im-service-detail-rich-copy p {
    display: block !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
}

/* Istanbul Mavi homepage video slider */
.banner-section {
    margin-top: 0 !important;
    overflow: hidden;
    background: #06172d;
}

.banner-section .banner-slider,
.banner-section .swiper-wrapper,
.banner-section .swiper-slide.video-slide {
    min-height: clamp(700px, calc(100vh - 120px), 920px);
    height: clamp(700px, calc(100vh - 120px), 920px);
}

.banner-section .swiper-slide.video-slide {
    isolation: isolate;
}

.banner-section .banner-slide-video {
    display: block;
    width: 100% !important;
    height: 100% !important;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    object-position: center center;
    transform: translate(-50%, -50%);
}

.banner-section .content-box {
    min-height: clamp(700px, calc(100vh - 120px), 920px) !important;
    height: clamp(700px, calc(100vh - 120px), 920px) !important;
}

.banner-section .swiper-slide.video-slide:before {
    background:
        linear-gradient(90deg, rgba(3, 12, 28, 0.30) 0%, rgba(0, 63, 154, 0.16) 42%, rgba(3, 12, 28, 0.06) 72%, rgba(3, 12, 28, 0.18) 100%) !important;
}

.banner-section .swiper-slide.video-slide:after {
    background:
        linear-gradient(0deg, rgba(3, 12, 28, 0.20), transparent 42%) !important;
}

@media only screen and (max-width: 767px) {
    .banner-section .banner-slider,
    .banner-section .swiper-wrapper,
    .banner-section .swiper-slide.video-slide,
    .banner-section .content-box {
        min-height: max(600px, calc(100svh - 74px)) !important;
        height: max(600px, calc(100svh - 74px)) !important;
    }

    .banner-section .banner-slide-video {
        object-position: center center;
        transform: translate(-50%, -50%);
    }

    .banner-section .swiper-slide.video-slide:before {
        background: linear-gradient(0deg, rgba(3, 12, 28, 0.34) 0%, rgba(0, 63, 154, 0.14) 64%, rgba(3, 12, 28, 0.14) 100%) !important;
    }

    .banner-section .content-box {
        display: flex;
        align-items: flex-end !important;
        padding: 104px 16px 104px !important;
    }

    .irmak-hero-actions {
        flex-wrap: wrap !important;
    }

    .irmak-hero-actions a {
        flex: 1 1 148px;
        max-width: 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .irmak-hero-messages {
        min-height: 150px;
        margin-bottom: 22px;
    }

    .banner-section .irmak-hero-content h1 {
        max-width: 560px;
        font-size: clamp(30px, 4.1vw, 42px);
        line-height: 1.15;
    }
}

@media only screen and (max-width: 374px) {
    .banner-section .content-box {
        padding: 96px 13px 100px !important;
    }

    .irmak-hero-actions a {
        flex-basis: 100%;
    }
}

/* Final slider authority: keep the message block below the video midpoint. */
.banner-section .content-box {
    align-items: center !important;
    padding: 74px clamp(28px, 5.2vw, 100px) 92px !important;
}

.banner-section .irmak-hero-content {
    width: min(620px, 92vw) !important;
    max-width: 620px !important;
    transform: translateY(42px);
}

.banner-section .irmak-hero-messages {
    width: 100% !important;
    height: 138px !important;
    min-height: 138px !important;
    margin: 0 0 24px !important;
}

.banner-section .irmak-hero-content h1 {
    max-width: 620px !important;
    font-size: clamp(30px, 2.55vw, 42px) !important;
    line-height: 1.18 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
}

.banner-section .irmak-hero-content .irmak-hero-message.is-active {
    animation: imHeroEnter 1.7s cubic-bezier(.22, 1, .36, 1) both !important;
}

.banner-section .irmak-hero-content .irmak-hero-message.is-leaving {
    animation: imHeroLeave 1.35s cubic-bezier(.4, 0, .2, 1) both !important;
}

@keyframes imHeroEnter {
    from { opacity: 0; transform: translate3d(-24px, 8px, 0); clip-path: inset(0 100% 0 0); }
    to { opacity: 1; transform: translate3d(0, 0, 0); clip-path: inset(0 0 0 0); }
}

@keyframes imHeroLeave {
    from { opacity: 1; transform: translate3d(0, 0, 0); clip-path: inset(0 0 0 0); }
    to { opacity: 0; transform: translate3d(-12px, 0, 0); clip-path: inset(0 100% 0 0); }
}

@media only screen and (max-width: 767px) {
    .banner-section .content-box {
        align-items: flex-end !important;
        padding: 72px 16px 82px !important;
    }

    .banner-section .irmak-hero-content {
        width: 100% !important;
        max-width: 440px !important;
        transform: none;
    }

    .banner-section .irmak-hero-messages {
        height: 112px !important;
        min-height: 112px !important;
        margin-bottom: 20px !important;
    }

    .banner-section .irmak-hero-content h1 {
        font-size: clamp(24px, 7vw, 32px) !important;
        line-height: 1.2 !important;
        font-weight: 650 !important;
    }

    .banner-section .irmak-hero-actions {
        gap: 10px !important;
    }

    .banner-section .irmak-hero-actions a {
        min-height: 48px !important;
        flex: 1 1 160px !important;
        padding: 10px 14px !important;
        font-size: 12px !important;
    }
}

@media only screen and (max-width: 374px) {
    .banner-section .irmak-hero-messages {
        height: 124px !important;
        min-height: 124px !important;
    }

    .banner-section .irmak-hero-actions a {
        flex-basis: 100% !important;
    }
}

/* Final assistant authority: right side, solid contrast, readable contact card. */
.ogl-chatbot {
    left: auto !important;
    right: 22px !important;
    bottom: 18px !important;
}

.ogl-chatbot-launcher {
    background: linear-gradient(135deg, #06172d 0%, #073a7d 58%, #031427 100%) !important;
    border-color: rgba(142, 223, 255, .32) !important;
    box-shadow: 0 22px 58px rgba(0, 31, 76, .34), inset 0 1px rgba(255,255,255,.16) !important;
}

.ogl-chatbot-panel {
    left: auto !important;
    right: 0 !important;
    bottom: 74px !important;
    max-height: min(660px, calc(100vh - 118px)) !important;
    background: #ffffff !important;
    border-color: rgba(0, 89, 207, .20) !important;
    box-shadow: 0 30px 90px rgba(0, 31, 76, .30) !important;
}

.ogl-chatbot-body {
    max-height: min(360px, calc(100vh - 330px)) !important;
}

.ogl-chatbot-contact {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin: 12px 14px 14px !important;
    padding: 10px !important;
    border: 1px solid rgba(0, 89, 207, .16) !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg, rgba(234,244,255,.98), #ffffff) !important;
    box-shadow: 0 14px 34px rgba(0, 63, 154, .10) !important;
}

.ogl-chatbot-contact a {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 38px !important;
    padding: 6px 10px !important;
    border-radius: 8px !important;
    color: #06274f !important;
    background: #ffffff !important;
    border: 1px solid rgba(0, 89, 207, .12) !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-decoration: none !important;
    word-break: break-word !important;
}

.ogl-chatbot-contact a:first-child {
    color: #0059cf !important;
    font-size: 14px !important;
    font-weight: 950 !important;
}

.ogl-chatbot-contact i {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
    border-radius: 7px;
    color: #ffffff !important;
    background: linear-gradient(135deg, #d42131, #0059cf) !important;
}

@media only screen and (max-width: 767px) {
    .ogl-chatbot {
        left: 12px !important;
        right: 12px !important;
        bottom: 12px !important;
    }

    .ogl-chatbot-panel {
        left: 0 !important;
        right: 0 !important;
        bottom: 72px !important;
    }
}

/* Absolute final menu authority: keep KVKK nested dropdown stable over every widget. */
.main-menu .navigation > li.im-menu-open > ul,
.main-menu .navigation > li:hover > ul {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
    z-index: 10010 !important;
}

.main-menu .navigation > li.im-menu-open > ul > li.im-submenu-open > ul,
.main-menu .navigation > li > ul > li.im-submenu-open > ul,
.main-menu .navigation > li > ul > li.dropdown:hover > ul {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    left: calc(100% - 8px) !important;
    top: 0 !important;
    margin-left: 0 !important;
    transform: none !important;
    z-index: 10030 !important;
}

.main-menu .navigation > li > ul > li.im-submenu-open,
.main-menu .navigation > li > ul > li.im-submenu-open > a,
.main-menu .navigation > li > ul > li.im-submenu-open > ul,
.main-menu .navigation > li > ul > li.im-submenu-open > ul > li,
.main-menu .navigation > li > ul > li.im-submenu-open > ul > li > a {
    pointer-events: auto !important;
}

.main-menu .navigation > li > ul > li.im-submenu-open:before {
    content: "" !important;
    position: absolute !important;
    top: -24px !important;
    right: -30px !important;
    bottom: -24px !important;
    width: 42px !important;
    display: block !important;
    background: transparent !important;
}

/* Click authority: submenu links must stay above the assistant and receive clicks. */
body.im-menu-interacting .ogl-chatbot,
body.im-menu-interacting .ogl-chatbot * {
    pointer-events: none !important;
}

body.im-menu-interacting .main-header,
body.im-menu-interacting .main-header .header-upper,
body.im-menu-interacting .main-header .main-menu,
body.im-menu-interacting .main-menu .navigation,
body.im-menu-interacting .main-menu .navigation > li,
body.im-menu-interacting .main-menu .navigation > li > ul,
body.im-menu-interacting .main-menu .navigation > li > ul > li,
body.im-menu-interacting .main-menu .navigation > li > ul > li > ul,
body.im-menu-interacting .main-menu .navigation > li > ul > li > ul > li,
body.im-menu-interacting .main-menu .navigation > li > ul > li > ul > li > a {
    position: relative !important;
    z-index: 100000 !important;
    pointer-events: auto !important;
}

body.im-menu-interacting .main-menu .navigation > li > ul > li.im-submenu-open:before {
    display: none !important;
    content: none !important;
    pointer-events: none !important;
}

/* Clean dropdown reset: only the hovered menu stays open. */
.main-menu .navigation > li > ul,
.main-menu .navigation > li > ul > li > ul {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.main-menu .navigation > li:hover > ul {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
    z-index: 100000 !important;
}

.main-menu .navigation > li > ul > li > ul {
    left: calc(100% - 2px) !important;
    top: 0 !important;
    margin-left: 0 !important;
    transform: none !important;
    z-index: 100001 !important;
}

.main-menu .navigation > li > ul > li.dropdown:hover > ul {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
}

.main-menu .navigation > li > ul > li.im-submenu-open:before,
body.im-menu-interacting .main-menu .navigation > li > ul > li.im-submenu-open:before {
    display: none !important;
    content: none !important;
    pointer-events: none !important;
}

.main-menu .navigation > li > ul > li > a,
.main-menu .navigation > li > ul > li > ul > li > a {
    position: relative !important;
    z-index: 2 !important;
    pointer-events: auto !important;
}

.ogl-chatbot {
    z-index: 9998 !important;
}

/* Final clean hero and submenu behavior. */
.banner-section .content-outer,
.banner-section .content-box,
.banner-section .irmak-hero-content {
    pointer-events: none !important;
}

.banner-section .content-box {
    align-items: flex-end !important;
    justify-content: flex-start !important;
    padding: 0 clamp(28px, 6.2vw, 160px) 150px !important;
}

.banner-section .irmak-hero-content {
    width: auto !important;
    max-width: none !important;
    transform: none !important;
    padding: 0 !important;
}

.banner-section .irmak-hero-eyebrow,
.banner-section .irmak-hero-messages,
.banner-section .irmak-hero-content h1,
.banner-section .irmak-hero-content .text {
    display: none !important;
}

.banner-section .irmak-hero-actions {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 !important;
    pointer-events: auto !important;
}

.banner-section .irmak-hero-actions a {
    pointer-events: auto !important;
}

.banner-section .banner-slide-video,
.banner-section .swiper-slide.video-slide:before,
.banner-section .swiper-slide.video-slide:after {
    pointer-events: none !important;
}

.main-menu .navigation > li > ul > li > ul {
    left: calc(100% - 12px) !important;
    top: 0 !important;
    margin-left: 0 !important;
}

.main-menu .navigation > li > ul > li.dropdown:after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    right: -14px !important;
    width: 18px !important;
    height: 100% !important;
    display: block !important;
    background: transparent !important;
    pointer-events: auto !important;
}

.main-menu .navigation > li > ul > li > ul > li > a {
    z-index: 3 !important;
}

@media only screen and (max-width: 767px) {
    .banner-section .content-box {
        padding: 0 16px 118px !important;
        align-items: flex-end !important;
    }

    .banner-section .irmak-hero-actions {
        width: 100% !important;
    }

    .banner-section .irmak-hero-actions a {
        flex: 1 1 150px !important;
    }
}

/* Chatbot click and contact visibility fix. */
.ogl-chatbot:not(.is-open) .ogl-chatbot-panel,
.ogl-chatbot:not(.is-open) .ogl-chatbot-panel * {
    pointer-events: none !important;
}

.ogl-chatbot.is-open .ogl-chatbot-panel,
.ogl-chatbot.is-open .ogl-chatbot-panel * {
    pointer-events: auto !important;
}

.ogl-chatbot.is-open {
    z-index: 10020 !important;
}

.ogl-chatbot.is-open .ogl-chatbot-panel {
    overflow: hidden !important;
    max-height: min(720px, calc(100vh - 110px)) !important;
}

.ogl-chatbot.is-open .ogl-chatbot-body {
    max-height: min(300px, calc(100vh - 430px)) !important;
    padding-bottom: 10px !important;
}

.ogl-chatbot-contact {
    position: relative !important;
    z-index: 3 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    max-height: none !important;
    overflow: visible !important;
    margin: 10px 14px 12px !important;
}

.ogl-chatbot-contact a {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 42px !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.ogl-chatbot-actions {
    position: relative !important;
    z-index: 3 !important;
    padding-top: 0 !important;
}

/* Mobile drawer polish. */
@media only screen and (max-width: 991px) {
    .mobile-menu .nav-logo {
        padding: 18px 24px 12px !important;
        margin-top: 10px !important;
        margin-bottom: 34px !important;
    }

    .mobile-menu .nav-logo img {
        width: 168px !important;
        height: auto !important;
        max-width: 58vw !important;
    }

    .mobile-menu .navigation li > a,
    .mobile-menu .navigation li ul li > a,
    .mobile-menu .navigation li > a .submenu-label {
        color: #ffffff !important;
    }

    .mobile-menu .navigation li > a {
        font-weight: 750 !important;
        letter-spacing: 0 !important;
    }

    .mobile-menu .navigation li > a .submenu-icon {
        margin-left: -6px !important;
        margin-right: 8px !important;
        color: #ffffff !important;
    }

    .mobile-menu .navigation li > a .submenu-icon i {
        color: #ffffff !important;
    }

    .mobile-menu .navigation li ul li > a {
        padding-left: 34px !important;
    }

    .mobile-menu .navigation li.dropdown .dropdown-btn {
        color: #ffffff !important;
    }
}

/* Final mobile drawer sizing: compact logo and tighter submenu icons. */
@media only screen and (max-width: 991px) {
    .mobile-menu .nav-logo {
        min-height: 118px !important;
        padding: 18px 24px 18px !important;
        margin: 0 0 24px !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .mobile-menu .nav-logo img {
        width: 188px !important;
        max-width: 52vw !important;
        max-height: 72px !important;
        object-fit: contain !important;
    }

    .mobile-menu .menu-outer {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .mobile-menu .navigation li ul li > a {
        display: flex !important;
        align-items: center !important;
        gap: 9px !important;
        padding-left: 16px !important;
        padding-right: 12px !important;
    }

    .mobile-menu .navigation li > a .submenu-icon {
        flex: 0 0 24px !important;
        width: 24px !important;
        min-width: 24px !important;
        margin-left: 0 !important;
        margin-right: 2px !important;
        text-align: center !important;
    }

    .mobile-menu .navigation li > a .submenu-icon i {
        font-size: 14px !important;
    }
}

/* Mobile offer modal: keep submit button clear of the assistant launcher. */
@media only screen and (max-width: 767px) {
    body.modal-open .ogl-chatbot {
        display: none !important;
        pointer-events: none !important;
    }

    .premium-offer-modal {
        z-index: 1000000 !important;
    }

    .premium-offer-modal .modal-dialog {
        margin: 10px !important;
        min-height: calc(100svh - 20px) !important;
        display: flex !important;
        align-items: center !important;
    }

    .premium-offer-modal .modal-content {
        max-height: calc(100svh - 20px) !important;
        overflow: hidden !important;
    }

    .premium-offer-modal .modal-body {
        max-height: calc(100svh - 150px) !important;
        overflow-y: auto !important;
        padding-bottom: 132px !important;
        scroll-padding-bottom: 132px !important;
    }

    .premium-offer-modal .offer-message-group {
        margin-bottom: 12px !important;
    }

    .premium-offer-modal #offer_message,
    .premium-offer-modal textarea[name="offer_message"] {
        min-height: 156px !important;
        height: 156px !important;
        resize: vertical !important;
        line-height: 1.45 !important;
        padding-top: 14px !important;
        padding-bottom: 14px !important;
    }

    .premium-offer-modal .modal-footer {
        position: sticky !important;
        bottom: 0 !important;
        z-index: 5 !important;
        padding: 12px 14px calc(12px + env(safe-area-inset-bottom)) !important;
        background: #ffffff !important;
        box-shadow: 0 -12px 24px rgba(0, 31, 76, .08) !important;
    }

    .premium-offer-modal .premium-offer-submit {
        width: 100% !important;
        min-height: 48px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
}