/*
 * TecnichKos CMS
 * Automatically generated image placement.
 * Do not edit manually.
 */

.hero-image[data-bg-slot="hero-main"] {
    min-height: 540px;
    background:
        linear-gradient(
            135deg,
            rgba(7,17,31,.06),
            rgba(7,17,31,.20)
        ),
        url("/uploads/auto-hero-main-20261003-171752-d7d37b.webp") center / cover no-repeat !important;

    border-radius: 30px;
    overflow: hidden;
}

.hero-image[data-bg-slot="hero-main"] > img {
    opacity: 0 !important;
}

.card[data-bg-slot="it-infrastructure"] {
    position: relative;
    overflow: hidden;
    padding-top: 205px !important;
}

.card[data-bg-slot="it-infrastructure"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 170px;
    background:
        linear-gradient(
            180deg,
            rgba(7,17,31,.00),
            rgba(7,17,31,.09)
        ),
        url("/uploads/auto-it-infrastructure-20261003-171752-b5b990.webp") center / cover no-repeat;
}

.card[data-bg-slot="it-infrastructure"] .card-number {
    position: absolute;
    top: 15px;
    left: 16px;
    z-index: 2;
    margin: 0 !important;
    padding: 6px 9px;
    background: rgba(7,17,31,.78);
    color: #fff !important;
    border-radius: 6px;
    backdrop-filter: blur(8px);
}

.card[data-bg-slot="cctv-security"] {
    position: relative;
    overflow: hidden;
    padding-top: 205px !important;
}

.card[data-bg-slot="cctv-security"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 170px;
    background:
        linear-gradient(
            180deg,
            rgba(7,17,31,.00),
            rgba(7,17,31,.09)
        ),
        url("/uploads/auto-cctv-security-20261003-171752-d7a1db.webp") center / cover no-repeat;
}

.card[data-bg-slot="cctv-security"] .card-number {
    position: absolute;
    top: 15px;
    left: 16px;
    z-index: 2;
    margin: 0 !important;
    padding: 6px 9px;
    background: rgba(7,17,31,.78);
    color: #fff !important;
    border-radius: 6px;
    backdrop-filter: blur(8px);
}

.card[data-bg-slot="networking-wireless"] {
    position: relative;
    overflow: hidden;
    padding-top: 205px !important;
}

.card[data-bg-slot="networking-wireless"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 170px;
    background:
        linear-gradient(
            180deg,
            rgba(7,17,31,.00),
            rgba(7,17,31,.09)
        ),
        url("/uploads/auto-networking-wireless-20261003-171752-58c9b9.webp") center / cover no-repeat;
}

.card[data-bg-slot="networking-wireless"] .card-number {
    position: absolute;
    top: 15px;
    left: 16px;
    z-index: 2;
    margin: 0 !important;
    padding: 6px 9px;
    background: rgba(7,17,31,.78);
    color: #fff !important;
    border-radius: 6px;
    backdrop-filter: blur(8px);
}

.card[data-bg-slot="audio-video"] {
    position: relative;
    overflow: hidden;
    padding-top: 205px !important;
}

.card[data-bg-slot="audio-video"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 170px;
    background:
        linear-gradient(
            180deg,
            rgba(7,17,31,.00),
            rgba(7,17,31,.09)
        ),
        url("/uploads/auto-audio-video-20261003-171752-f677e6.webp") center / cover no-repeat;
}

.card[data-bg-slot="audio-video"] .card-number {
    position: absolute;
    top: 15px;
    left: 16px;
    z-index: 2;
    margin: 0 !important;
    padding: 6px 9px;
    background: rgba(7,17,31,.78);
    color: #fff !important;
    border-radius: 6px;
    backdrop-filter: blur(8px);
}

.card[data-bg-slot="smart-home"] {
    position: relative;
    overflow: hidden;
    padding-top: 205px !important;
}

.card[data-bg-slot="smart-home"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 170px;
    background:
        linear-gradient(
            180deg,
            rgba(7,17,31,.00),
            rgba(7,17,31,.09)
        ),
        url("/uploads/auto-smart-home-20261003-171752-91a91a.webp") center / cover no-repeat;
}

.card[data-bg-slot="smart-home"] .card-number {
    position: absolute;
    top: 15px;
    left: 16px;
    z-index: 2;
    margin: 0 !important;
    padding: 6px 9px;
    background: rgba(7,17,31,.78);
    color: #fff !important;
    border-radius: 6px;
    backdrop-filter: blur(8px);
}

.card[data-bg-slot="electrical-installations"] {
    position: relative;
    overflow: hidden;
    padding-top: 205px !important;
}

.card[data-bg-slot="electrical-installations"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 170px;
    background:
        linear-gradient(
            180deg,
            rgba(7,17,31,.00),
            rgba(7,17,31,.09)
        ),
        url("/uploads/auto-electrical-installations-20261003-171752-76909f.webp") center / cover no-repeat;
}

.card[data-bg-slot="electrical-installations"] .card-number {
    position: absolute;
    top: 15px;
    left: 16px;
    z-index: 2;
    margin: 0 !important;
    padding: 6px 9px;
    background: rgba(7,17,31,.78);
    color: #fff !important;
    border-radius: 6px;
    backdrop-filter: blur(8px);
}

.card[data-bg-slot="service-maintenance"] {
    position: relative;
    overflow: hidden;
    padding-top: 205px !important;
}

.card[data-bg-slot="service-maintenance"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 170px;
    background:
        linear-gradient(
            180deg,
            rgba(7,17,31,.00),
            rgba(7,17,31,.09)
        ),
        url("/uploads/auto-service-maintenance-20261003-171752-98f780.webp") center / cover no-repeat;
}

.card[data-bg-slot="service-maintenance"] .card-number {
    position: absolute;
    top: 15px;
    left: 16px;
    z-index: 2;
    margin: 0 !important;
    padding: 6px 9px;
    background: rgba(7,17,31,.78);
    color: #fff !important;
    border-radius: 6px;
    backdrop-filter: blur(8px);
}

.card[data-bg-slot="webdesign"] {
    position: relative;
    overflow: hidden;
    padding-top: 205px !important;
}

.card[data-bg-slot="webdesign"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 170px;
    background:
        linear-gradient(
            180deg,
            rgba(7,17,31,.00),
            rgba(7,17,31,.09)
        ),
        url("/uploads/auto-webdesign-20261003-171752-b7f545.webp") center / cover no-repeat;
}

.card[data-bg-slot="webdesign"] .card-number {
    position: absolute;
    top: 15px;
    left: 16px;
    z-index: 2;
    margin: 0 !important;
    padding: 6px 9px;
    background: rgba(7,17,31,.78);
    color: #fff !important;
    border-radius: 6px;
    backdrop-filter: blur(8px);
}

.card[data-bg-slot="seo"] {
    position: relative;
    overflow: hidden;
    padding-top: 205px !important;
}

.card[data-bg-slot="seo"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 170px;
    background:
        linear-gradient(
            180deg,
            rgba(7,17,31,.00),
            rgba(7,17,31,.09)
        ),
        url("/uploads/auto-seo-20261003-171752-f96e4b.webp") center / cover no-repeat;
}

.card[data-bg-slot="seo"] .card-number {
    position: absolute;
    top: 15px;
    left: 16px;
    z-index: 2;
    margin: 0 !important;
    padding: 6px 9px;
    background: rgba(7,17,31,.78);
    color: #fff !important;
    border-radius: 6px;
    backdrop-filter: blur(8px);
}

.card[data-bg-slot="digital-marketing"] {
    position: relative;
    overflow: hidden;
    padding-top: 205px !important;
}

.card[data-bg-slot="digital-marketing"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 170px;
    background:
        linear-gradient(
            180deg,
            rgba(7,17,31,.00),
            rgba(7,17,31,.09)
        ),
        url("/uploads/auto-digital-marketing-20261003-171752-27cd74.webp") center / cover no-repeat;
}

.card[data-bg-slot="digital-marketing"] .card-number {
    position: absolute;
    top: 15px;
    left: 16px;
    z-index: 2;
    margin: 0 !important;
    padding: 6px 9px;
    background: rgba(7,17,31,.78);
    color: #fff !important;
    border-radius: 6px;
    backdrop-filter: blur(8px);
}

.card[data-bg-slot="custom-software"] {
    position: relative;
    overflow: hidden;
    padding-top: 205px !important;
}

.card[data-bg-slot="custom-software"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 170px;
    background:
        linear-gradient(
            180deg,
            rgba(7,17,31,.00),
            rgba(7,17,31,.09)
        ),
        url("/uploads/auto-custom-software-20261003-171752-64271f.webp") center / cover no-repeat;
}

.card[data-bg-slot="custom-software"] .card-number {
    position: absolute;
    top: 15px;
    left: 16px;
    z-index: 2;
    margin: 0 !important;
    padding: 6px 9px;
    background: rgba(7,17,31,.78);
    color: #fff !important;
    border-radius: 6px;
    backdrop-filter: blur(8px);
}

.card[data-bg-slot="business-platforms"] {
    position: relative;
    overflow: hidden;
    padding-top: 205px !important;
}

.card[data-bg-slot="business-platforms"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 170px;
    background:
        linear-gradient(
            180deg,
            rgba(7,17,31,.00),
            rgba(7,17,31,.09)
        ),
        url("/uploads/auto-business-platforms-20261003-171752-b55f09.webp") center / cover no-repeat;
}

.card[data-bg-slot="business-platforms"] .card-number {
    position: absolute;
    top: 15px;
    left: 16px;
    z-index: 2;
    margin: 0 !important;
    padding: 6px 9px;
    background: rgba(7,17,31,.78);
    color: #fff !important;
    border-radius: 6px;
    backdrop-filter: blur(8px);
}

.card[data-bg-slot="hosting-cloud"] {
    position: relative;
    overflow: hidden;
    padding-top: 205px !important;
}

.card[data-bg-slot="hosting-cloud"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 170px;
    background:
        linear-gradient(
            180deg,
            rgba(7,17,31,.00),
            rgba(7,17,31,.09)
        ),
        url("/uploads/auto-hosting-cloud-20261003-171752-14f6a4.webp") center / cover no-repeat;
}

.card[data-bg-slot="hosting-cloud"] .card-number {
    position: absolute;
    top: 15px;
    left: 16px;
    z-index: 2;
    margin: 0 !important;
    padding: 6px 9px;
    background: rgba(7,17,31,.78);
    color: #fff !important;
    border-radius: 6px;
    backdrop-filter: blur(8px);
}

.project-image.residential {
    background:
        linear-gradient(
            135deg,
            rgba(7,17,31,.04),
            rgba(7,17,31,.17)
        ),
        url("/uploads/auto-project-residential-20261003-171752-020839.webp") center / cover no-repeat !important;
}

.project-image.commercial {
    background:
        linear-gradient(
            135deg,
            rgba(7,17,31,.04),
            rgba(7,17,31,.17)
        ),
        url("/uploads/auto-project-commercial-20261003-171752-1dbc42.webp") center / cover no-repeat !important;
}

.project-image.software {
    background:
        linear-gradient(
            135deg,
            rgba(7,17,31,.04),
            rgba(7,17,31,.17)
        ),
        url("/uploads/auto-project-digital-20261003-171752-fefa89.webp") center / cover no-repeat !important;
}

.local-box[data-bg-slot="zurich-business"] {
    background:
        linear-gradient(
            135deg,
            rgba(7,17,31,.50),
            rgba(7,17,31,.82)
        ),
        url("/uploads/auto-zurich-business-20261003-171752-6c0cf6.webp") center / cover no-repeat !important;
}

.local-box[data-bg-slot="it-infrastructure"] {
    background:
        linear-gradient(
            135deg,
            rgba(7,17,31,.50),
            rgba(7,17,31,.82)
        ),
        url("/uploads/auto-it-infrastructure-20261003-171752-b5b990.webp") center / cover no-repeat !important;
}

.local-box[data-bg-slot="cctv-security"] {
    background:
        linear-gradient(
            135deg,
            rgba(7,17,31,.50),
            rgba(7,17,31,.82)
        ),
        url("/uploads/auto-cctv-security-20261003-171752-d7a1db.webp") center / cover no-repeat !important;
}

.local-box[data-bg-slot="networking-wireless"] {
    background:
        linear-gradient(
            135deg,
            rgba(7,17,31,.50),
            rgba(7,17,31,.82)
        ),
        url("/uploads/auto-networking-wireless-20261003-171752-58c9b9.webp") center / cover no-repeat !important;
}

.local-box[data-bg-slot="smart-home"] {
    background:
        linear-gradient(
            135deg,
            rgba(7,17,31,.50),
            rgba(7,17,31,.82)
        ),
        url("/uploads/auto-smart-home-20261003-171752-91a91a.webp") center / cover no-repeat !important;
}

.local-box[data-bg-slot="audio-video"] {
    background:
        linear-gradient(
            135deg,
            rgba(7,17,31,.50),
            rgba(7,17,31,.82)
        ),
        url("/uploads/auto-audio-video-20261003-171752-f677e6.webp") center / cover no-repeat !important;
}

.local-box[data-bg-slot="webdesign"] {
    background:
        linear-gradient(
            135deg,
            rgba(7,17,31,.50),
            rgba(7,17,31,.82)
        ),
        url("/uploads/auto-webdesign-20261003-171752-b7f545.webp") center / cover no-repeat !important;
}

.local-box[data-bg-slot="seo"] {
    background:
        linear-gradient(
            135deg,
            rgba(7,17,31,.50),
            rgba(7,17,31,.82)
        ),
        url("/uploads/auto-seo-20261003-171752-f96e4b.webp") center / cover no-repeat !important;
}

.local-box[data-bg-slot="digital-marketing"] {
    background:
        linear-gradient(
            135deg,
            rgba(7,17,31,.50),
            rgba(7,17,31,.82)
        ),
        url("/uploads/auto-digital-marketing-20261003-171752-27cd74.webp") center / cover no-repeat !important;
}

.local-box[data-bg-slot="custom-software"] {
    background:
        linear-gradient(
            135deg,
            rgba(7,17,31,.50),
            rgba(7,17,31,.82)
        ),
        url("/uploads/auto-custom-software-20261003-171752-64271f.webp") center / cover no-repeat !important;
}

@media (max-width: 580px) {

    .hero-image[data-bg-slot="hero-main"] {
        min-height: 390px;
    }

    .card[data-bg-slot] {
        padding-top: 190px !important;
    }

    .card[data-bg-slot]::before {
        height: 155px;
    }
}

/* ========================================================
   TECNICHKOS ADDITIONAL VISUAL SECTIONS
======================================================== */

.cms-photo-section {
    padding: 34px 0 92px;
}

.cms-photo-band {
    min-height: 430px;
    border-radius: 24px;
    overflow: hidden;
    background:
        linear-gradient(
            135deg,
            #dce2e8,
            #aab5c1
        );
    box-shadow:
        0 24px 60px
        rgba(7,17,31,.10);
}

.cms-photo-pair {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

.cms-photo-pair .cms-photo-band {
    min-height: 390px;
}

.cms-photo-caption {
    padding-top: 13px;
    color: #637083;
    font-size: 12px;
    font-weight: 700;
}

@media (max-width: 850px) {

    .cms-photo-section {
        padding:
            22px 0 68px;
    }

    .cms-photo-pair {
        grid-template-columns: 1fr;
    }

    .cms-photo-band,
    .cms-photo-pair .cms-photo-band {
        min-height: 340px;
    }
}

@media (max-width: 580px) {

    .cms-photo-band,
    .cms-photo-pair .cms-photo-band {
        min-height: 265px;
        border-radius: 16px;
    }

    .cms-photo-section {
        padding:
            15px 0 55px;
    }
}

.cms-photo-band[data-bg-slot="about-company"] {
    background:
        linear-gradient(
            135deg,
            rgba(7,17,31,.03),
            rgba(7,17,31,.12)
        ),
        url("/uploads/auto-about-company-20261003-172650-93acaf.webp")
        center / cover
        no-repeat !important;
}

.cms-photo-band[data-bg-slot="consultation-planning"] {
    background:
        linear-gradient(
            135deg,
            rgba(7,17,31,.03),
            rgba(7,17,31,.12)
        ),
        url("/uploads/auto-consultation-planning-20261003-172650-0db3bb.webp")
        center / cover
        no-repeat !important;
}

.cms-photo-band[data-bg-slot="conference-room"] {
    background:
        linear-gradient(
            135deg,
            rgba(7,17,31,.03),
            rgba(7,17,31,.12)
        ),
        url("/uploads/auto-conference-room-20261003-172650-9e489c.webp")
        center / cover
        no-repeat !important;
}

.cms-photo-band[data-bg-slot="multiroom-audio"] {
    background:
        linear-gradient(
            135deg,
            rgba(7,17,31,.03),
            rgba(7,17,31,.12)
        ),
        url("/uploads/auto-multiroom-audio-20261003-172650-f1e4a1.webp")
        center / cover
        no-repeat !important;
}

.cms-photo-band[data-bg-slot="outdoor-technology"] {
    background:
        linear-gradient(
            135deg,
            rgba(7,17,31,.03),
            rgba(7,17,31,.12)
        ),
        url("/uploads/auto-outdoor-technology-20261003-172650-f663ab.webp")
        center / cover
        no-repeat !important;
}

.cms-photo-band[data-bg-slot="access-control"] {
    background:
        linear-gradient(
            135deg,
            rgba(7,17,31,.03),
            rgba(7,17,31,.12)
        ),
        url("/uploads/auto-access-control-20261003-172650-7501de.webp")
        center / cover
        no-repeat !important;
}

.cms-photo-band[data-bg-slot="business-wifi-office"] {
    background:
        linear-gradient(
            135deg,
            rgba(7,17,31,.03),
            rgba(7,17,31,.12)
        ),
        url("/uploads/auto-business-wifi-office-20261003-172650-53a298.webp")
        center / cover
        no-repeat !important;
}

.cms-photo-band[data-bg-slot="booking-platform"] {
    background:
        linear-gradient(
            135deg,
            rgba(7,17,31,.03),
            rgba(7,17,31,.12)
        ),
        url("/uploads/auto-booking-platform-20261003-172650-0925d8.webp")
        center / cover
        no-repeat !important;
}

.cms-photo-band[data-bg-slot="inventory-crm"] {
    background:
        linear-gradient(
            135deg,
            rgba(7,17,31,.03),
            rgba(7,17,31,.12)
        ),
        url("/uploads/auto-inventory-crm-20261003-172650-206b2f.webp")
        center / cover
        no-repeat !important;
}

.cms-photo-band[data-bg-slot="contact-cta"] {
    background:
        linear-gradient(
            135deg,
            rgba(7,17,31,.03),
            rgba(7,17,31,.12)
        ),
        url("/uploads/auto-contact-cta-20261003-172650-7b3d1b.webp")
        center / cover
        no-repeat !important;
}