*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:Arial, Helvetica, sans-serif;
    background:#fff;
    color:#111;
}

.container{
    width:1400px;
    max-width:92%;
    margin:0 auto;
}

/* HEADER */

.header{
    width:100%;
    height:92px;
    background:#fff;
    border-bottom:1px solid #ececec;
    display:flex;
    align-items:center;
    position:sticky;
    top:0;
    z-index:999;
}

.header .container{
    display:flex;
    align-items:center;
}

.logo{
    flex:1;
}

.logo img{
    height:68px;
    display:block;
}

nav{
    flex:2;
    display:flex;
    align-items:center;
    justify-content:center;
}

.header-btn{
    flex:none;
    text-decoration:none;
    background:#dc2626;
    color:#fff;
    padding:14px 24px;
    border-radius:4px;
    font-size:14px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.3px;
    transition:.3s ease;
}

.header-btn:hover{
    background:#b91c1c;
    transform:translateY(-2px);
    box-shadow:0 10px 25px rgba(220,38,38,.25);
}

.menu{
    display:flex;
    align-items:center;
    list-style:none;
    gap:34px;
}

.menu li{
    position:relative;
}

.menu > li > a{
    position:relative;
    display:flex;
    align-items:center;
    gap:7px;
    padding:36px 0;
    text-decoration:none;
    color:#111;
    font-size:15px;
    font-weight:700;
    transition:.25s ease;
}

.menu > li > a:hover{
    color:#dc2626;
}

.menu > li > a::after{
    content:"";
    position:absolute;
    left:0;
    bottom:25px;
    width:0;
    height:2px;
    background:#dc2626;
    transition:.25s ease;
}

.menu > li > a:hover::after,
.menu > li > a.active::after{
    width:100%;
}

/* DROPDOWN */

.dropdown-toggle i{
    font-size:11px;
    color:#666;
    transition:.25s ease;
}

.dropdown:hover .dropdown-toggle i{
    transform:rotate(180deg);
    color:#dc2626;
}

.dropdown-menu{
    position:absolute;
    top:82px;
    left:0;
    min-width:250px;
    background:#fff;
    list-style:none;
    padding:12px 0;
    border-top:3px solid #dc2626;
    border-radius:0 0 8px 8px;
    box-shadow:0 18px 45px rgba(0,0,0,.14);
    opacity:0;
    visibility:hidden;
    transform:translateY(10px);
    transition:.25s ease;
    z-index:1000;
}

.dropdown:hover .dropdown-menu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.dropdown-menu li a{
    display:block;
    padding:13px 22px;
    text-decoration:none;
    color:#111;
    font-size:14px;
    font-weight:600;
    white-space:nowrap;
    transition:.25s ease;
}

.dropdown-menu li a:hover{
    background:#f7f7f7;
    color:#dc2626;
}

/* MOBILE BUTTON */

.mobile-menu-btn{
    display:none;
    background:none;
    border:none;
    font-size:27px;
    color:#111;
    cursor:pointer;
}

/* HERO */

.hero{
    position:relative;
    min-height:600px;
    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.94) 0%,
            rgba(0,0,0,.82) 34%,
            rgba(0,0,0,.48) 58%,
            rgba(0,0,0,.22) 100%
        ),
        url("/assets/images/hero.jpg");
    background-size:cover;
    background-position:center;
    display:flex;
    align-items:center;
}

.hero-inner{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:70px;
    width:100%;
    min-height:600px;
}

.hero-left{
    max-width:690px;
    color:#fff;
    transform:translateY(-20px);
}

.hero-top-title{
    display:block;
    font-size:26px;
    font-weight:800;
    text-transform:uppercase;
    margin-bottom:18px;
}

.hero-left h1{
    font-size:56px;
    line-height:1.08;
    text-transform:uppercase;
    margin-bottom:24px;
}

.hero-left h1 strong{
    color:#dc2626;
}

.hero-services{
    font-size:21px;
    font-weight:700;
    margin-bottom:16px;
}

.hero-description{
    font-size:18px;
    line-height:1.6;
    color:#f1f1f1;
    margin-bottom:82px;
}

.hero-buttons{
    display:flex;
    gap:18px;
    flex-wrap:wrap;
}

.btn-primary,
.btn-secondary{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:52px;
    padding:0 28px;
    text-decoration:none;
    font-size:14px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.3px;
    transition:.3s ease;
}

.btn-primary{
    background:#dc2626;
    color:#fff;
}

.btn-primary:hover{
    background:#b91c1c;
    transform:translateY(-2px);
}

.btn-secondary{
    border:1px solid rgba(255,255,255,.7);
    color:#fff;
}

.btn-secondary:hover{
    background:#fff;
    color:#111;
}

.hero-slogan{
    max-width:520px;
    color:#fff;
    text-align:left;
    transform:translateY(85px);
}

.hero-slogan h2{
    font-family:'Arial Narrow', Arial, Helvetica, sans-serif;
    font-size:52px;
    line-height:1.02;
    font-weight:900;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:18px;
    background:linear-gradient(180deg, #ffffff 0%, #f2f2f2 45%, #cfcfcf 100%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    text-shadow:0 8px 28px rgba(0,0,0,.55);
}

.hero-slogan p{
    font-size:20px;
    line-height:1.45;
    color:#f4f4f4;
    text-shadow:0 5px 18px rgba(0,0,0,.65);
}

/* RESPONSIVE HEADER */

@media(max-width:1100px){

    .header{
        height:82px;
    }

    .header .container{
        justify-content:space-between;
    }

    .logo img{
        height:58px;
    }

    .header-btn{
        display:none;
    }

    .mobile-menu-btn{
        display:block;
    }

    nav{
        position:absolute;
        top:82px;
        left:0;
        width:100%;
        background:#fff;
        border-top:1px solid #ececec;
        box-shadow:0 18px 35px rgba(0,0,0,.08);
        display:none;
        order:3;
    }

    nav.active{
        display:block;
    }

    .menu{
        flex-direction:column;
        align-items:flex-start;
        gap:0;
        padding:18px 5%;
    }

    .menu li{
        width:100%;
    }

    .menu > li > a{
        width:100%;
        justify-content:space-between;
        padding:15px 0;
        font-size:15px;
    }

    .menu > li > a::after{
        display:none;
    }

    .dropdown-menu{
        position:static;
        min-width:100%;
        box-shadow:none;
        border-top:none;
        border-left:3px solid #dc2626;
        border-radius:0;
        padding:5px 0 8px 15px;
        opacity:1;
        visibility:visible;
        transform:none;
        display:none;
    }

    .dropdown:hover .dropdown-menu{
        display:block;
    }

    .dropdown.open .dropdown-menu{
        display:block;
    }

    .dropdown.open .dropdown-toggle i{
        transform:rotate(180deg);
        color:#dc2626;
    }

    /* HERO TABLET */

    .hero{
        min-height:auto;
        padding:80px 0;
        background:
            linear-gradient(
                90deg,
                rgba(0,0,0,.92) 0%,
                rgba(0,0,0,.82) 45%,
                rgba(0,0,0,.45) 100%
            ),
            url("/assets/images/hero.jpg");
        background-size:cover;
        background-position:center;
    }

    .hero-inner{
        flex-direction:column;
        align-items:flex-start;
        gap:48px;
        min-height:auto;
    }

    .hero-left{
        max-width:100%;
        transform:none;
    }

    .hero-left h1{
        font-size:46px;
    }

    .hero-description{
        margin-bottom:40px;
    }

    .hero-slogan{
        max-width:100%;
        transform:none;
    }

    .hero-slogan h2{
        font-size:42px;
    }
}

@media(max-width:768px){

    .container{
        max-width:90%;
    }

    .hero{
        padding:68px 0;
        background-position:center;
    }

    .hero-top-title{
        font-size:18px;
        margin-bottom:14px;
    }

    .hero-left h1{
        font-size:36px;
        margin-bottom:20px;
    }

    .hero-services{
        font-size:17px;
    }

    .hero-description{
        font-size:16px;
        margin-bottom:34px;
    }

    .hero-buttons{
        flex-direction:column;
        gap:14px;
    }

    .btn-primary,
    .btn-secondary{
        width:100%;
        min-height:50px;
        text-align:center;
    }

    .hero-slogan h2{
        font-size:34px;
    }

    .hero-slogan p{
        font-size:16px;
    }
}
/* SERVICES SECTION */

.services-section{
    padding:45px 0 55px;
    background:#fff;
}

.services-grid{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:10px;
    align-items:stretch;
}

.service-card{
    position:relative;
    background:#fff;
    padding:30px 24px;
    border:1px solid #e8e8e8;
    min-height:330px;
    transition:.35s ease;
    display:flex;
    flex-direction:column;
    overflow:hidden;
}

.service-card::before{
    content:"";
    position:absolute;
    left:0;
    top:28px;
    width:4px;
    height:56px;
    background:#dc2626;
    transition:.35s ease;
}

.service-card:hover::before{
    height:100%;
    top:0;
}

.service-card:hover{
    transform:translateY(-6px);
    box-shadow:0 18px 40px rgba(0,0,0,.09);
    border-color:#fff;
}

.service-card span{
    display:flex;
    align-items:center;
    min-height:22px;

    font-size:15px;
    font-weight:900;
    color:#dc2626;
    margin-bottom:18px;
}

.service-card > i{
    display:flex;
    align-items:center;

    height:42px;
    font-size:36px;
    color:#dc2626;
    margin-bottom:24px;
}

.service-card h3{
    display:flex;
    align-items:flex-start;

    min-height:72px;

    font-size:17px;
    line-height:1.3;
    margin-bottom:16px;
}

.service-card p{
    flex:1;

    min-height:100px;

    font-size:13px;
    line-height:1.7;
    color:#555;
    margin-bottom:22px;
}

.service-card a{
    margin-top:auto;

    text-decoration:none;
    color:#111;
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
    display:inline-flex;
    align-items:center;
    gap:7px;
}

.service-card a i{
    font-size:12px;
    color:#dc2626;
}

.service-card:hover a{
    color:#dc2626;
}

@media(max-width:1200px){

    .services-grid{
        grid-template-columns:repeat(3,1fr);
    }

}

@media(max-width:768px){

    .services-section{
        padding:35px 0;
    }

    .services-grid{
        grid-template-columns:1fr;
    }

    .service-card{
        min-height:auto;
    }

    .service-card h3{
        min-height:auto;
    }

    .service-card p{
        min-height:auto;
    }

}
/* WHY SECTION */

.why-section{
    background:#050505;
    padding:65px 0;
    color:#fff;
}

.why-inner{
    display:grid;
    grid-template-columns:1.4fr repeat(4, 1fr);
    align-items:center;
}

.why-title{
    padding-right:45px;
}

.why-title h2{
    font-size:32px;
    line-height:1.25;
    text-transform:uppercase;
}

.why-title h2 span{
    color:#dc2626;
}

.red-line{
    width:48px;
    height:3px;
    background:#dc2626;
    margin-top:20px;
}

.why-stat{
    padding:0 34px;
    border-left:1px solid rgba(255,255,255,.16);
}

.why-stat i{
    font-size:34px;
    color:#dc2626;
    margin-bottom:16px;
}

.why-stat h3{
    font-size:31px;
    margin-bottom:8px;
}

.why-stat p{
    font-size:14px;
    line-height:1.6;
    color:#d6d6d6;
}

@media(max-width:1100px){
    .why-inner{
        grid-template-columns:1fr 1fr;
        gap:35px;
    }

    .why-stat{
        border-left:none;
        padding:0;
    }
}
.why-stat{
    padding:0 34px;
    border-left:1px solid rgba(255,255,255,.16);

    display:flex;
    flex-direction:column;
    align-items:flex-start;
}

.why-stat i{
    font-size:34px;
    color:#dc2626;
    margin-bottom:16px;

    height:40px;
    display:flex;
    align-items:center;
}

.why-stat h3{
    font-size:31px;
    margin-bottom:8px;

    min-height:42px;
    display:flex;
    align-items:center;
}

.why-stat p{
    font-size:14px;
    line-height:1.6;
    color:#d6d6d6;

    margin:0;
    min-height:48px;
}

@media(max-width:768px){
    .why-inner{
        grid-template-columns:1fr;
    }

    .why-title{
        padding-right:0;
    }
}
/* ==========================================
   PROJECTS
========================================== */

.projects-section{
    padding:100px 0;
    background:#f8f8f8;
}

.section-heading{
    text-align:center;
    margin-bottom:70px;
}

.section-heading h2{
    font-size:46px;
    font-weight:800;
    text-transform:uppercase;
    margin-bottom:18px;
}

.section-heading h2 span{
    color:#dc2626;
}

.section-heading p{
    max-width:720px;
    margin:auto;
    font-size:18px;
    color:#666;
    line-height:1.8;
}
.projects-grid{
    display:grid;
    grid-template-columns:repeat(6, 1fr);
    gap:18px;
}

.project-card{
    position:relative;
    height:260px;
    overflow:hidden;
    background:#111;
    border:1px solid #ececec;
    transition:.35s;
}
.project-card img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:.45s ease;
}

.project-card::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(to top, rgba(0,0,0,.88), rgba(0,0,0,.15));
}

.project-content{
    position:absolute;
    left:18px;
    right:18px;
    bottom:18px;
    z-index:2;
    color:#fff;
}

.project-content h3{
    font-size:18px;
    font-weight:800;
    margin-bottom:6px;
    text-transform:uppercase;
}

.project-content p{
    font-size:12px;
    color:#ddd;
    margin-bottom:12px;
    text-transform:uppercase;
    letter-spacing:.5px;
}

.project-content a{
    font-size:11px;
    font-weight:700;
    text-transform:uppercase;
    color:#fff;
    text-decoration:none;
    border-bottom:2px solid #dc2626;
    padding-bottom:4px;
}

.project-card:hover img{
    transform:scale(1.08);
}

@media(max-width:900px){
    .projects-grid{
        grid-template-columns:1fr;
    }
}
@media(max-width:1400px){

    .projects-grid{
        grid-template-columns:repeat(3,1fr);
    }

}

@media(max-width:768px){

    .projects-grid{
        grid-template-columns:1fr;
    }

}
/* CTA STRIP */

.cta-strip{
    background:#dc2626;
    padding:30px 0;
    margin:0;
}
.cta-strip + .site-footer{
    margin-top:0;
}

.cta-strip::before,
.cta-strip::after{
    display:none;
}

.cta-strip-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
}

.cta-left{
    display:flex;
    align-items:flex-start;
    gap:24px;
}

.cta-text{
    display:flex;
    flex-direction:column;
}

.cta-text h2{
    margin-bottom:8px;
}

.cta-text p{
    margin:0;
}

.cta-strip span{
    font-size:64px;
    line-height:1;
    color:rgba(255,255,255,.45);
    font-weight:300;
}

.cta-strip h2{
    color:#fff;
    font-size:30px;
    font-weight:800;
    margin-bottom:6px;
    text-transform:none;
}

.cta-strip p{
    color:#fff;
    font-size:20px;
}

.cta-strip a{
    display:inline-flex;
    align-items:center;
    gap:14px;
    padding:18px 42px;
    background:#050505;
    color:#fff;
    text-decoration:none;
    font-size:14px;
    font-weight:800;
    text-transform:uppercase;
    white-space:nowrap;
    transition:.3s ease;
}

.cta-strip a:hover{
    background:#111;
    transform:translateY(-2px);
}

.cta-strip a i{
    color:#fff;
}

@media(max-width:900px){
    .cta-strip-inner,
    .cta-strip-inner > div{
        flex-direction:column;
        align-items:flex-start;
    }

    .cta-strip a{
        width:100%;
        justify-content:center;
    }
}
/* ==========================================
   FOOTER
========================================== */

.site-footer{
    background:#0f0f0f;
    color:#fff;
    padding:70px 0 0;
}

.footer-grid{
    display:grid;
    grid-template-columns:2fr 1fr 1fr 1.2fr;
    gap:70px;
    padding-bottom:50px;
}

.footer-about img{
    height:70px;
    margin-bottom:22px;
}

.footer-about p{
    color:#bdbdbd;
    font-size:16px;
    line-height:1.8;
    max-width:360px;
}

.footer-grid h4{
    font-size:18px;
    font-weight:800;
    margin-bottom:24px;
    color:#fff;
    position:relative;
}

.footer-grid h4::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-10px;
    width:38px;
    height:3px;
    background:#dc2626;
}

.footer-grid a{
    display:block;
    text-decoration:none;
    color:#bdbdbd;
    margin-bottom:14px;
    transition:.3s;
}

.footer-grid a:hover{
    color:#dc2626;
    padding-left:6px;
}

.footer-grid p{
    color:#bdbdbd;
    line-height:1.8;
    margin-bottom:14px;
}

.footer-grid p i{
    color:#dc2626;
    width:22px;
}

.footer-bottom{
    border-top:1px solid rgba(255,255,255,.08);
    padding:24px 0;
    text-align:center;
}

.footer-bottom p{
    color:#9a9a9a;
    font-size:14px;
}

/* RESPONSIVE */

@media(max-width:1100px){

    .footer-grid{
        grid-template-columns:repeat(2,1fr);
        gap:45px;
    }

}

@media(max-width:768px){

    .site-footer{
        padding-top:50px;
    }

    .footer-grid{
        grid-template-columns:1fr;
        text-align:center;
    }

    .footer-about p{
        max-width:100%;
    }

    .footer-grid h4::after{
        left:50%;
        transform:translateX(-50%);
    }

}
.service-toggle{
    margin-top:auto;
    background:none;
    border:none;
    padding:0;
    color:#111;
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
    display:inline-flex;
    align-items:center;
    gap:7px;
    cursor:pointer;
}

.service-toggle i{
    color:#dc2626;
}

.service-details{
    margin-top:35px;
}

.service-panel{
    display:none;
    background:#fff;
    border-left:5px solid #dc2626;
    padding:38px 42px;
    box-shadow:0 18px 45px rgba(0,0,0,.07);
}

.service-panel.active{
    display:block;
}

.service-panel h3{
    font-size:30px;
    margin-bottom:18px;
}

.service-panel p{
    font-size:17px;
    line-height:1.8;
    color:#444;
    margin-bottom:14px;
}
.service-card.active-service{
    transform:translateY(-6px);
    box-shadow:0 18px 40px rgba(0,0,0,.12);
    border-color:#dc2626;
}

.service-card.active-service::before{
    height:100%;
    top:0;
}

.service-card.active-service h3,
.service-card.active-service .service-toggle{
    color:#dc2626;
}
@media(max-width:768px){

    .service-details{
        margin-top:25px;
    }

    .service-panel.active{
        display:block !important;
    }

    .service-toggle{
        width:100%;
        justify-content:flex-start;
        font-size:12px;
    }
}
@media(max-width:768px){

    .service-panel{
        margin:0 0 22px 0;
        width:100%;
    }

    .service-panel.active{
        display:block !important;
    }
}
/* ==========================================
   SERVICES PAGE
========================================== */

/* HERO */

.services-hero{
    min-height:620px;
    display:flex;
    align-items:center;
    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.96) 0%,
            rgba(0,0,0,.88) 38%,
            rgba(0,0,0,.48) 68%,
            rgba(0,0,0,.18) 100%
        ),
        url("/assets/images/services.png");
    background-size:cover;
    background-position:center;
    color:#fff;
}

.services-hero-inner{
    display:flex;
    align-items:center;
    min-height:620px;
}

.services-hero-content{
    max-width:660px;
}

.services-hero-label{
    display:block;
    margin-bottom:18px;
    color:#dc2626;
    font-size:17px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.7px;
}

.services-hero-content h1{
    margin-bottom:24px;
    font-size:60px;
    line-height:1.05;
    font-weight:900;
}

.services-hero-content h1 strong{
    color:#dc2626;
}

.services-hero-content > p{
    max-width:590px;
    margin-bottom:34px;
    color:#e5e5e5;
    font-size:19px;
    line-height:1.75;
}

.services-hero-buttons{
    display:flex;
    flex-wrap:wrap;
    gap:16px;
}

.services-btn-primary,
.services-btn-secondary{
    min-height:54px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:0 28px;
    text-decoration:none;
    text-transform:uppercase;
    font-size:13px;
    font-weight:800;
    transition:.3s ease;
}

.services-btn-primary{
    background:#dc2626;
    color:#fff;
}

.services-btn-primary:hover{
    background:#b91c1c;
    transform:translateY(-2px);
}

.services-btn-secondary{
    border:1px solid rgba(255,255,255,.7);
    color:#fff;
}

.services-btn-secondary:hover{
    background:#fff;
    color:#111;
}

/* LISTA USLUGA */

.services-list-section{
    padding:70px 0 85px;
    background:#f8f8f8;
}

.services-list{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.service-row{
    display:grid;
    grid-template-columns:290px 1.25fr 1fr;
    min-height:250px;
    overflow:hidden;
    background:#fff;
    border:1px solid #e9e9e9;
    border-radius:12px;
    box-shadow:0 12px 35px rgba(0,0,0,.05);
    transition:.35s ease;
}

.service-row:hover{
    transform:translateY(-4px);
    box-shadow:0 22px 50px rgba(0,0,0,.09);
}

.service-row-image{
    min-height:250px;
    overflow:hidden;
}

.service-row-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:.5s ease;
}

.service-row:hover .service-row-image img{
    transform:scale(1.04);
}

.service-row-main{
    display:flex;
    align-items:center;
    gap:24px;
    padding:34px 36px;
}

.service-row-icon{
    width:70px;
    height:70px;
    flex:0 0 70px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#090909;
    color:#dc2626;
    font-size:27px;
}

.service-row-text{
    max-width:430px;
}

.service-row-number{
    display:block;
    margin-bottom:8px;
    color:#dc2626;
    font-size:14px;
    font-weight:900;
    letter-spacing:.6px;
}

.service-row-text h2{
    margin-bottom:14px;
    font-size:25px;
    line-height:1.2;
}

.service-row-text p{
    color:#555;
    font-size:15px;
    line-height:1.7;
}

.service-row-benefits{
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:32px 36px 32px 20px;
}

.service-row-benefits ul{
    margin:0 0 24px;
    padding:0;
    list-style:none;
}

.service-row-benefits li{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:11px;
    color:#333;
    font-size:14px;
    line-height:1.4;
}

.service-row-benefits li i{
    color:#dc2626;
    font-size:12px;
}

.service-row-link{
    align-self:flex-end;
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:#111;
    text-decoration:none;
    text-transform:uppercase;
    font-size:12px;
    font-weight:800;
    transition:.25s ease;
}

.service-row-link i{
    color:#dc2626;
}

.service-row-link:hover{
    color:#dc2626;
}

/* STATISTIKA */

.services-stats{
    padding:55px 0;
    background:#0b0b0b;
    color:#fff;
}

.services-stats-inner{
    display:grid;
    grid-template-columns:1.5fr repeat(3,1fr);
    align-items:center;
    gap:28px;
}

.services-stats-intro{
    padding-right:45px;
    border-right:1px solid rgba(255,255,255,.14);
}

.services-stats-intro h2{
    margin-bottom:18px;
    font-size:34px;
    line-height:1.2;
}

.services-stats-intro h2 span{
    color:#dc2626;
}

.services-stats-intro p{
    max-width:390px;
    color:#c8c8c8;
    font-size:15px;
    line-height:1.7;
}

.services-stat-item{
    min-height:150px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
}

.services-stat-item i{
    margin-bottom:13px;
    color:#dc2626;
    font-size:31px;
}

.services-stat-item h3{
    margin-bottom:7px;
    font-size:34px;
}

.services-stat-item p{
    max-width:190px;
    color:#d5d5d5;
    font-size:14px;
    line-height:1.45;
}

/* TABLET */

@media(max-width:1100px){

    .services-hero,
    .services-hero-inner{
        min-height:540px;
    }

    .services-hero-content h1{
        font-size:50px;
    }

    .service-row{
        grid-template-columns:240px 1fr;
    }

    .service-row-benefits{
        grid-column:2;
        padding:0 36px 34px;
    }

    .service-row-link{
        align-self:flex-start;
    }

    .services-stats-inner{
        grid-template-columns:1fr 1fr;
    }

    .services-stats-intro{
        grid-column:1 / -1;
        padding-right:0;
        padding-bottom:30px;
        border-right:0;
        border-bottom:1px solid rgba(255,255,255,.14);
    }
}

/* MOBILE */

@media(max-width:768px){

    .services-hero{
        min-height:auto;
        padding:80px 0;
        background-position:center;
    }

    .services-hero-inner{
        min-height:auto;
    }

    .services-hero-label{
        font-size:15px;
    }

    .services-hero-content h1{
        font-size:39px;
    }

    .services-hero-content > p{
        font-size:16px;
    }

    .services-hero-buttons{
        flex-direction:column;
    }

    .services-btn-primary,
    .services-btn-secondary{
        width:100%;
    }

    .services-list-section{
        padding:45px 0 55px;
    }

    .service-row{
        grid-template-columns:1fr;
        border-radius:8px;
    }

    .service-row-image{
        min-height:220px;
    }

    .service-row-main{
        align-items:flex-start;
        padding:28px 24px 20px;
    }

    .service-row-icon{
        width:58px;
        height:58px;
        flex-basis:58px;
        font-size:22px;
    }

    .service-row-text h2{
        font-size:22px;
    }

    .service-row-benefits{
        grid-column:auto;
        padding:0 24px 28px;
    }

    .services-stats{
        padding:45px 0;
    }

    .services-stats-inner{
        grid-template-columns:1fr;
    }

    .services-stat-item{
        padding:22px 0;
        border-top:1px solid rgba(255,255,255,.1);
    }
}
/* ==========================================
   EVENT PAGE
========================================== */

/* HERO */

.event-hero{
    min-height:650px;
    display:flex;
    align-items:center;
    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.96) 0%,
            rgba(0,0,0,.86) 38%,
            rgba(0,0,0,.40) 70%,
            rgba(0,0,0,.12) 100%
        ),
        url("/assets/images/event-hero.png");
    background-size:cover;
    background-position:center;
    color:#fff;
}

.event-hero-inner{
    min-height:650px;
    display:flex;
    align-items:center;
}

.event-hero-content{
    max-width:760px;
}

.event-hero-label{
    display:block;
    margin-bottom:18px;
    color:#dc2626;
    font-size:16px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.7px;
}

.event-hero h1{
    margin-bottom:24px;
    font-size:62px;
    line-height:1.04;
    font-weight:900;
    text-transform:uppercase;
}

.event-hero h1 strong{
    color:#dc2626;
}

.event-hero-content > p{
    max-width:700px;
    margin-bottom:32px;
    color:#e7e7e7;
    font-size:18px;
    line-height:1.8;
}

.event-hero-buttons{
    display:flex;
    flex-wrap:wrap;
    gap:16px;
    margin-bottom:42px;
}

.event-btn-primary,
.event-btn-secondary{
    min-height:54px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:0 28px;
    text-decoration:none;
    text-transform:uppercase;
    font-size:13px;
    font-weight:800;
    transition:.3s ease;
}

.event-btn-primary{
    background:#dc2626;
    color:#fff;
}

.event-btn-primary:hover{
    background:#b91c1c;
    transform:translateY(-2px);
}

.event-btn-secondary{
    border:1px solid rgba(255,255,255,.7);
    color:#fff;
}

.event-btn-secondary:hover{
    background:#fff;
    color:#111;
}

.event-hero-stats{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:22px;
    align-items:stretch;
}

.event-hero-stat{
    display:grid;
    grid-template-columns:42px 1fr;
    column-gap:14px;
    align-items:start;
}

.event-hero-stat > i{
    width:42px;
    height:42px;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#dc2626;
    font-size:28px;
}

.event-hero-stat div{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
}

.event-hero-stat strong{
    min-height:26px;
    margin:0 0 4px;

    display:flex;
    align-items:center;

    color:#fff;
    font-size:18px;
    line-height:1.2;
}

.event-hero-stat span{
    max-width:150px;
    min-height:44px;

    margin:0;
    color:#d5d5d5;
    font-size:11px;
    line-height:1.35;
    text-transform:uppercase;
}

/* SECTION HEADING */

.event-section-heading{
    margin-bottom:48px;
    text-align:center;
}

.event-section-heading > span{
    display:block;
    margin-bottom:9px;
    color:#dc2626;
    font-size:14px;
    font-weight:800;
    text-transform:uppercase;
}

.event-section-heading h2{
    font-size:38px;
    line-height:1.15;
    text-transform:uppercase;
}

.event-heading-line{
    width:48px;
    height:3px;
    margin:15px auto 0;
    background:#dc2626;
}

/* PACKAGES */

.event-packages{
    padding:80px 0 45px;
    background:#f8f8f8;
}

.event-packages-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
    align-items:stretch;
}

.event-package-card{
    position:relative;
    display:flex;
    flex-direction:column;
    padding:34px 30px 30px;
    background:#fff;
    border:1px solid #ececec;
    border-radius:12px;
    box-shadow:0 16px 40px rgba(0,0,0,.06);
    transition:.35s ease;
}

.event-package-card:hover{
    transform:translateY(-6px);
    box-shadow:0 24px 55px rgba(0,0,0,.10);
}

.event-package-featured{
    border:1px solid rgba(220,38,38,.35);
}

.event-package-badge{
    position:absolute;
    top:-14px;
    left:50%;
    transform:translateX(-50%);
    padding:8px 14px;
    background:#dc2626;
    color:#fff;
    border-radius:4px;
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
    white-space:nowrap;
}

.event-package-icon{
    width:72px;
    height:72px;
    margin:0 auto 22px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#fff0f0;
    color:#111;
    font-size:31px;
}

.event-package-card h3{
    margin-bottom:8px;
    text-align:center;
    font-size:24px;
    text-transform:uppercase;
}

.event-package-subtitle{
    min-height:44px;
    margin-bottom:26px;
    color:#666;
    text-align:center;
    font-size:14px;
    line-height:1.55;
}

.event-package-card ul{
    flex:1;
    margin:0 0 28px;
    padding:0;
    list-style:none;
}

.event-package-card li{
    display:flex;
    align-items:flex-start;
    gap:10px;
    margin-bottom:11px;
    color:#333;
    font-size:14px;
    line-height:1.45;
}

.event-package-card li i{
    margin-top:3px;
    color:#dc2626;
    font-size:12px;
}

.event-package-price{
    display:flex;
    flex-direction:column;
    align-items:center;
    margin-bottom:22px;
}

.event-package-price span{
    margin-bottom:3px;
    color:#111;
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
}

.event-package-price strong{
    color:#dc2626;
    font-size:34px;
    line-height:1.1;
}

.event-package-price small{
    margin-top:4px;
    color:#111;
    font-size:12px;
    font-weight:700;
}

.event-package-btn{
    min-height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border:1px solid #dc2626;
    color:#dc2626;
    text-decoration:none;
    font-size:13px;
    font-weight:800;
    text-transform:uppercase;
    transition:.3s ease;
}

.event-package-btn:hover{
    background:#dc2626;
    color:#fff;
}

.event-package-btn-filled{
    background:#dc2626;
    color:#fff;
}

.event-package-btn-filled:hover{
    background:#b91c1c;
}

/* NOT INCLUDED */

.event-not-included{
    padding:0 0 50px;
    background:#f8f8f8;
}

.event-not-included-inner{
    padding:34px 36px;
    background:#fff;
    border:1px solid #ececec;
    border-radius:12px;
    box-shadow:0 14px 35px rgba(0,0,0,.05);
}

.event-not-included h2{
    margin-bottom:28px;
    text-align:center;
    font-size:25px;
    text-transform:uppercase;
}

.event-not-included h2 span{
    color:#dc2626;
}

.event-costs-grid{
    display:grid;
    grid-template-columns:repeat(10,1fr);
    gap:18px;
    margin-bottom:24px;
}

.event-cost-item{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
}

.event-cost-item i{
    margin-bottom:10px;
    color:#dc2626;
    font-size:25px;
}

.event-cost-item span{
    color:#222;
    font-size:12px;
    line-height:1.35;
    font-weight:700;
}

.event-not-included-inner > p{
    text-align:center;
    color:#666;
    font-size:14px;
}

/* EXTRA SERVICES */

.event-extra-services{
    padding:10px 0 45px;
    background:#f8f8f8;
}

.event-section-heading-small{
    margin-bottom:28px;
}

.event-section-heading-small h2{
    font-size:28px;
}

.event-extra-grid{
    display:grid;
    grid-template-columns:repeat(8,1fr);
    gap:16px;
}

.event-extra-item{
    min-height:125px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:18px 12px;
    background:#0a0a0a;
    color:#fff;
    border-radius:8px;
    text-align:center;
    transition:.3s ease;
}

.event-extra-item:hover{
    transform:translateY(-5px);
    background:#151515;
}

.event-extra-item i{
    margin-bottom:14px;
    color:#dc2626;
    font-size:28px;
}

.event-extra-item span{
    font-size:11px;
    line-height:1.4;
    font-weight:700;
    text-transform:uppercase;
}

/* FINAL CTA */

.event-final-cta{
    padding:0 0 55px;
    background:#f8f8f8;
}

.event-final-cta-inner{
    display:grid;
    grid-template-columns:auto 1fr auto;
    align-items:center;
    gap:28px;
    padding:30px 34px;
    background:#0a0a0a;
    color:#fff;
    border-radius:10px;
}

.event-final-cta-icon{
    width:76px;
    height:76px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:linear-gradient(135deg,#dc2626,#7f1d1d);
    color:#fff;
    font-size:30px;
    box-shadow:0 0 28px rgba(220,38,38,.35);
}

.event-final-cta-text h2{
    margin-bottom:7px;
    font-size:26px;
}

.event-final-cta-text p{
    color:#d2d2d2;
    font-size:15px;
}

.event-final-cta-btn{
    min-height:54px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:0 28px;
    background:#dc2626;
    color:#fff;
    text-decoration:none;
    text-transform:uppercase;
    font-size:13px;
    font-weight:800;
    white-space:nowrap;
    transition:.3s ease;
}

.event-final-cta-btn:hover{
    background:#b91c1c;
    transform:translateY(-2px);
}

/* TABLET */

@media(max-width:1100px){

    .event-hero,
    .event-hero-inner{
        min-height:590px;
    }

    .event-hero h1{
        font-size:52px;
    }

    .event-hero-stats{
        grid-template-columns:repeat(2,1fr);
    }

    .event-packages-grid{
        grid-template-columns:1fr;
    }

    .event-package-card{
        max-width:760px;
        width:100%;
        margin:0 auto;
    }

    .event-costs-grid{
        grid-template-columns:repeat(5,1fr);
    }

    .event-extra-grid{
        grid-template-columns:repeat(4,1fr);
    }
}

/* MOBILE */

@media(max-width:768px){

    .event-hero{
        min-height:auto;
        padding:75px 0;
        background-position:center;
    }

    .event-hero-inner{
        min-height:auto;
    }

    .event-hero h1{
        font-size:38px;
    }

    .event-hero-content > p{
        font-size:16px;
    }

    .event-hero-buttons{
        flex-direction:column;
    }

    .event-btn-primary,
    .event-btn-secondary{
        width:100%;
    }

    .event-hero-stats{
        grid-template-columns:1fr;
        gap:18px;
    }

    .event-packages{
        padding:55px 0 35px;
    }

    .event-section-heading h2{
        font-size:30px;
    }

    .event-package-card{
        padding:32px 22px 24px;
    }

    .event-costs-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .event-extra-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .event-final-cta-inner{
        grid-template-columns:1fr;
        text-align:center;
    }

    .event-final-cta-icon{
        margin:0 auto;
    }

    .event-final-cta-btn{
        width:100%;
    }
}
/* ==========================================
   WEB SITES PAGE
========================================== */

/* HERO */

.web-hero{
    min-height:620px;
    display:flex;
    align-items:center;
    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.96) 0%,
            rgba(0,0,0,.88) 40%,
            rgba(0,0,0,.48) 70%,
            rgba(0,0,0,.12) 100%
        ),
        url("/assets/images/site-hero.png");
    background-size:cover;
    background-position:center;
    color:#fff;
}

.web-hero-inner{
    min-height:620px;
    display:flex;
    align-items:center;
}

.web-hero-content{
    max-width:720px;
}

.web-hero-label{
    display:block;
    margin-bottom:18px;
    color:#dc2626;
    font-size:16px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.7px;
}

.web-hero h1{
    margin-bottom:24px;
    font-size:60px;
    line-height:1.05;
    font-weight:900;
}

.web-hero h1 strong{
    color:#dc2626;
}

.web-hero-content > p{
    max-width:660px;
    margin-bottom:38px;
    color:#e5e5e5;
    font-size:18px;
    line-height:1.8;
}

.web-hero-stats{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:24px;
}

.web-hero-stat{
    display:flex;
    align-items:center;
    gap:14px;
}

.web-hero-stat > i{
    color:#dc2626;
    font-size:28px;
}

.web-hero-stat div{
    display:flex;
    flex-direction:column;
}

.web-hero-stat strong{
    margin-bottom:4px;
    color:#fff;
    font-size:18px;
}

.web-hero-stat span{
    max-width:150px;
    color:#d5d5d5;
    font-size:11px;
    line-height:1.35;
    text-transform:uppercase;
}

/* PACKAGES SECTION */

.web-packages-section{
    padding:70px 0 55px;
    background:#f8f8f8;
}

.web-section-heading{
    max-width:860px;
    margin:0 auto 48px;
    text-align:center;
}

.web-section-heading > span{
    display:block;
    margin-bottom:10px;
    color:#dc2626;
    font-size:14px;
    font-weight:800;
    text-transform:uppercase;
}

.web-section-heading h2{
    margin-bottom:14px;
    font-size:38px;
    line-height:1.2;
}

.web-section-heading p{
    color:#666;
    font-size:16px;
    line-height:1.7;
}

.web-heading-line{
    width:48px;
    height:3px;
    margin:17px auto 0;
    background:#dc2626;
}

/* WORDPRESS PACKAGE */

.wordpress-package{
    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:center;
    min-height:330px;
    margin-bottom:42px;
    overflow:hidden;
    background:#fff;
    border:1px solid #e8e8e8;
    border-radius:12px;
    box-shadow:0 16px 40px rgba(0,0,0,.06);
}

.wordpress-package-info{
    padding:38px 42px;
}

.wordpress-package-title{
    display:flex;
    align-items:center;
    gap:20px;
    margin-bottom:26px;
}

.wordpress-package-icon{
    width:66px;
    height:66px;
    flex:0 0 66px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    border:2px solid #111;
    color:#111;
    font-size:36px;
}

.wordpress-package-title > div:last-child > span{
    display:block;
    margin-bottom:6px;
    font-size:20px;
    font-weight:800;
    text-transform:uppercase;
}

.wordpress-price{
    display:flex;
    align-items:flex-end;
    gap:7px;
}

.wordpress-price small{
    margin-bottom:5px;
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
}

.wordpress-price strong{
    color:#111;
    font-size:38px;
    line-height:1;
}

.wordpress-price em{
    margin-bottom:4px;
    font-size:13px;
    font-style:normal;
}

.wordpress-features{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
    margin-bottom:22px;
}

.wordpress-features ul{
    list-style:none;
    padding:0;
    margin:0;
}

.wordpress-features li{
    display:flex;
    align-items:center;
    gap:9px;
    margin-bottom:11px;
    color:#333;
    font-size:14px;
}

.wordpress-features li i{
    color:#dc2626;
    font-size:13px;
}

.web-package-note{
    display:flex;
    align-items:center;
    gap:9px;
    margin-bottom:20px;
    padding:12px 15px;
    background:#f5f5f5;
    border-radius:5px;
    color:#555;
    font-size:12px;
}

.web-package-note i{
    color:#777;
}

.web-package-btn{
    min-height:48px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:0 24px;
    background:#dc2626;
    color:#fff;
    text-decoration:none;
    text-transform:uppercase;
    font-size:12px;
    font-weight:800;
    transition:.3s ease;
}

.web-package-btn:hover{
    background:#b91c1c;
    transform:translateY(-2px);
}

.wordpress-package-image{
    height:100%;
    min-height:330px;
}

.wordpress-package-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

/* PHP PACKAGES */

.php-packages-heading{
    margin-bottom:25px;
    text-align:center;
}

.php-packages-heading h2{
    font-size:27px;
    text-transform:uppercase;
}

.php-packages-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
    margin-bottom:32px;
}

.php-package-card{
    display:flex;
    flex-direction:column;
    min-height:560px;
    padding:30px 26px 26px;
    background:
        linear-gradient(
            145deg,
            #15191f 0%,
            #090b0e 100%
        );
    color:#fff;
    border:1px solid rgba(255,255,255,.08);
    border-radius:9px;
    box-shadow:0 16px 38px rgba(0,0,0,.14);
    transition:.35s ease;
}

.php-package-card:hover{
    transform:translateY(-6px);
    box-shadow:0 24px 55px rgba(0,0,0,.20);
}

.php-package-top{
    display:flex;
    align-items:center;
    gap:16px;
    margin-bottom:20px;
}

.php-package-icon{
    width:54px;
    height:54px;
    flex:0 0 54px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#dc2626;
    font-size:25px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:50%;
}

.php-package-top span{
    display:block;
    margin-bottom:3px;
    color:#f0f0f0;
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
}

.php-package-top h3{
    font-size:20px;
    text-transform:uppercase;
}

.php-package-price{
    display:flex;
    align-items:flex-end;
    gap:7px;
    margin-bottom:24px;
}

.php-package-price small{
    margin-bottom:5px;
    color:#dc2626;
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
}

.php-package-price strong{
    color:#dc2626;
    font-size:36px;
    line-height:1;
}

.php-package-price em{
    margin-bottom:4px;
    color:#fff;
    font-size:13px;
    font-style:normal;
}

.php-package-card ul{
    flex:1;
    margin:0 0 24px;
    padding:0;
    list-style:none;
}

.php-package-card li{
    display:flex;
    align-items:flex-start;
    gap:9px;
    margin-bottom:11px;
    color:#e2e2e2;
    font-size:13px;
    line-height:1.45;
}

.php-package-card li i{
    margin-top:3px;
    color:#dc2626;
    font-size:12px;
}

.php-package-note{
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:18px;
    color:#b9b9b9;
    font-size:11px;
    line-height:1.4;
}

.php-package-note i{
    color:#8d8d8d;
}

.php-package-btn{
    min-height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border:1px solid #dc2626;
    color:#fff;
    text-decoration:none;
    text-transform:uppercase;
    font-size:12px;
    font-weight:800;
    transition:.3s ease;
}

.php-package-btn:hover{
    background:#dc2626;
}

/* SEO PACKAGE */

.web-seo-package{
    display:grid;
    grid-template-columns:1.1fr 1.7fr auto;
    align-items:center;
    gap:35px;
    margin-bottom:0;
    padding:30px 34px;
    background:#fff;
    border:1px solid #e8e8e8;
    border-radius:10px 10px 0 0;
    box-shadow:0 14px 34px rgba(0,0,0,.05);
}

.web-seo-title{
    display:flex;
    align-items:center;
    gap:18px;
}

.web-seo-icon{
    width:62px;
    height:62px;
    flex:0 0 62px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:2px solid #111;
    border-radius:50%;
    color:#111;
    font-size:27px;
}

.web-seo-title h3{
    margin-bottom:7px;
    font-size:21px;
    text-transform:uppercase;
}

.web-seo-price{
    display:flex;
    align-items:flex-end;
    gap:7px;
}

.web-seo-price small{
    margin-bottom:5px;
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
}

.web-seo-price strong{
    font-size:35px;
    line-height:1;
}

.web-seo-price span{
    margin-bottom:4px;
    color:#555;
    font-size:12px;
}

.web-seo-features{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:22px;
}

.web-seo-features ul{
    margin:0;
    padding:0;
    list-style:none;
}

.web-seo-features li{
    display:flex;
    align-items:center;
    gap:9px;
    margin-bottom:10px;
    color:#333;
    font-size:13px;
}

.web-seo-features li i{
    color:#dc2626;
    font-size:12px;
}

.web-seo-btn{
    min-height:48px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:0 22px;
    background:#dc2626;
    color:#fff;
    text-decoration:none;
    text-transform:uppercase;
    white-space:nowrap;
    font-size:12px;
    font-weight:800;
    transition:.3s ease;
}

.web-seo-btn:hover{
    background:#b91c1c;
    transform:translateY(-2px);
}

.advanced-seo-note{
    display:flex;
    align-items:flex-start;
    gap:14px;
    margin-bottom:34px;
    padding:16px 34px;
    background:#fff;
    border:1px solid #e8e8e8;
    border-top:0;
    border-radius:0 0 10px 10px;
}

.advanced-seo-note > i{
    margin-top:3px;
    color:#777;
    font-size:18px;
}

.advanced-seo-note p{
    color:#444;
    font-size:12px;
    line-height:1.55;
}

.advanced-seo-note strong{
    text-transform:uppercase;
}

/* FINAL CTA */

.web-final-cta{
    overflow:hidden;
    background:
        linear-gradient(
            135deg,
            #111419 0%,
            #050607 100%
        );
    color:#fff;
    border-radius:10px;
}

.web-final-cta-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:35px;
    padding:32px 40px;
    border-bottom:1px solid rgba(255,255,255,.09);
}

.web-final-cta-top h2{
    font-size:29px;
    line-height:1.25;
}

.web-final-cta-top h2 span{
    color:#dc2626;
}

.web-final-cta-btn{
    min-height:52px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:11px;
    padding:0 27px;
    background:#dc2626;
    color:#fff;
    text-decoration:none;
    text-transform:uppercase;
    white-space:nowrap;
    font-size:12px;
    font-weight:800;
    transition:.3s ease;
}

.web-final-cta-btn:hover{
    background:#b91c1c;
    transform:translateY(-2px);
}

.web-final-benefits{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    padding:25px 28px 28px;
}

.web-final-benefits > div{
    display:grid;
    grid-template-columns:auto 1fr;
    column-gap:12px;
    padding:5px 22px;
    border-right:1px solid rgba(255,255,255,.10);
}

.web-final-benefits > div:last-child{
    border-right:0;
}

.web-final-benefits i{
    grid-row:1 / 3;
    color:#dc2626;
    font-size:25px;
}

.web-final-benefits strong{
    margin-bottom:4px;
    font-size:12px;
    text-transform:uppercase;
}

.web-final-benefits span{
    color:#c7c7c7;
    font-size:11px;
    line-height:1.4;
}

/* TABLET */

@media(max-width:1100px){

    .web-hero,
    .web-hero-inner{
        min-height:560px;
    }

    .web-hero h1{
        font-size:50px;
    }

    .web-hero-stats{
        grid-template-columns:repeat(2,1fr);
    }

    .wordpress-package{
        grid-template-columns:1fr;
    }

    .wordpress-package-image{
        min-height:300px;
    }

    .php-packages-grid{
        grid-template-columns:1fr;
    }

    .php-package-card{
        min-height:auto;
    }

    .web-seo-package{
        grid-template-columns:1fr;
    }

    .web-seo-btn{
        justify-self:start;
    }

    .web-final-benefits{
        grid-template-columns:repeat(2,1fr);
        row-gap:24px;
    }

    .web-final-benefits > div:nth-child(2){
        border-right:0;
    }
}

/* MOBILE */

@media(max-width:768px){

    .web-hero{
        min-height:auto;
        padding:75px 0;
        background-position:center;
    }

    .web-hero-inner{
        min-height:auto;
    }

    .web-hero h1{
        font-size:38px;
    }

    .web-hero-content > p{
        font-size:16px;
    }

    .web-hero-stats{
        grid-template-columns:1fr;
    }

    .web-packages-section{
        padding:50px 0 45px;
    }

    .web-section-heading h2{
        font-size:30px;
    }

    .wordpress-package-info{
        padding:30px 23px;
    }

    .wordpress-package-title{
        align-items:flex-start;
    }

    .wordpress-features{
        grid-template-columns:1fr;
        gap:0;
    }

    .wordpress-package-image{
        min-height:220px;
    }

    .web-package-btn{
        width:100%;
    }

    .php-package-card{
        padding:27px 22px 23px;
    }

    .php-package-btn{
        width:100%;
    }

    .web-seo-package{
        padding:26px 22px;
    }

    .web-seo-title{
        align-items:flex-start;
    }

    .web-seo-features{
        grid-template-columns:1fr;
        gap:0;
    }

    .web-seo-btn{
        width:100%;
    }

    .advanced-seo-note{
        padding:15px 22px;
    }

    .web-final-cta-top{
        flex-direction:column;
        align-items:flex-start;
        padding:28px 24px;
    }

    .web-final-cta-top h2{
        font-size:24px;
    }

    .web-final-cta-btn{
        width:100%;
    }

    .web-final-benefits{
        grid-template-columns:1fr;
        padding:22px;
    }

    .web-final-benefits > div{
        padding:18px 0;
        border-right:0;
        border-bottom:1px solid rgba(255,255,255,.1);
    }

    .web-final-benefits > div:last-child{
        border-bottom:0;
    }
}
/* ==========================================
   SEO PAGE
========================================== */

/* HERO */

.seo-page-hero{
    min-height:620px;
    display:flex;
    align-items:center;
    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.96) 0%,
            rgba(0,0,0,.88) 40%,
            rgba(0,0,0,.46) 70%,
            rgba(0,0,0,.12) 100%
        ),
        url("/assets/images/seo-hero.png");
    background-size:cover;
    background-position:center;
    color:#fff;
}

.seo-page-hero-inner{
    min-height:620px;
    display:flex;
    align-items:center;
}

.seo-page-hero-content{
    max-width:760px;
}

.seo-page-label{
    display:block;
    margin-bottom:18px;
    color:#dc2626;
    font-size:16px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.7px;
}

.seo-page-hero h1{
    margin-bottom:24px;
    font-size:58px;
    line-height:1.05;
    font-weight:900;
}

.seo-page-hero h1 strong{
    color:#dc2626;
}

.seo-page-hero-content > p{
    max-width:650px;
    margin-bottom:32px;
    color:#e6e6e6;
    font-size:18px;
    line-height:1.8;
}

.seo-page-hero-buttons{
    display:flex;
    flex-wrap:wrap;
    gap:16px;
    margin-bottom:40px;
}

.seo-page-btn-primary,
.seo-page-btn-secondary{
    min-height:54px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:0 28px;
    text-decoration:none;
    text-transform:uppercase;
    font-size:13px;
    font-weight:800;
    transition:.3s ease;
}

.seo-page-btn-primary{
    background:#dc2626;
    color:#fff;
}

.seo-page-btn-primary:hover{
    background:#b91c1c;
    transform:translateY(-2px);
}

.seo-page-btn-secondary{
    border:1px solid rgba(255,255,255,.7);
    color:#fff;
}

.seo-page-btn-secondary:hover{
    background:#fff;
    color:#111;
}

.seo-page-hero-benefits{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:24px;
}

.seo-page-hero-benefit{
    display:flex;
    align-items:center;
    gap:14px;
}

.seo-page-hero-benefit > i{
    color:#dc2626;
    font-size:28px;
}

.seo-page-hero-benefit div{
    display:flex;
    flex-direction:column;
}

.seo-page-hero-benefit strong{
    margin-bottom:4px;
    color:#fff;
    font-size:15px;
    text-transform:uppercase;
}

.seo-page-hero-benefit span{
    color:#d1d1d1;
    font-size:12px;
}

/* GENERAL HEADING */

.seo-page-heading{
    max-width:850px;
    margin:0 auto 46px;
    text-align:center;
}

.seo-page-heading > span{
    display:block;
    margin-bottom:9px;
    color:#dc2626;
    font-size:14px;
    font-weight:800;
    text-transform:uppercase;
}

.seo-page-heading h2{
    margin-bottom:14px;
    font-size:38px;
    line-height:1.2;
}

.seo-page-heading p{
    color:#666;
    font-size:16px;
    line-height:1.7;
}

/* IMPORTANCE */

.seo-importance-section{
    padding:70px 0 55px;
    background:#fff;
}

.seo-importance-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:0;
}

.seo-importance-item{
    min-height:220px;
    padding:28px 24px;
    text-align:center;
    border-right:1px solid #ececec;
}

.seo-importance-item:last-child{
    border-right:0;
}

.seo-importance-item > i{
    margin-bottom:20px;
    color:#dc2626;
    font-size:34px;
}

.seo-importance-item h3{
    margin-bottom:12px;
    font-size:18px;
}

.seo-importance-item p{
    color:#555;
    font-size:14px;
    line-height:1.6;
}

/* PACKAGES */

.seo-packages-section{
    padding:65px 0 30px;
    background:#f8f8f8;
}

.seo-packages-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
    align-items:stretch;
}

.seo-package-card{
    position:relative;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    background:#fff;
    border:1px solid #e8e8e8;
    border-radius:10px;
    box-shadow:0 14px 36px rgba(0,0,0,.06);
    transition:.35s ease;
}

.seo-package-card:hover{
    transform:translateY(-6px);
    box-shadow:0 24px 55px rgba(0,0,0,.10);
}

.seo-package-featured{
    border-color:rgba(220,38,38,.35);
}

.seo-package-badge{
    position:absolute;
    top:-1px;
    left:50%;
    transform:translateX(-50%);
    padding:8px 14px;
    background:#dc2626;
    color:#fff;
    border-radius:0 0 5px 5px;
    font-size:10px;
    font-weight:800;
    text-transform:uppercase;
    white-space:nowrap;
    z-index:2;
}

.seo-package-header{
    padding:30px 30px 26px;
    background:linear-gradient(145deg,#15191f 0%,#090b0e 100%);
    color:#fff;
}

.seo-package-header h3{
    margin-bottom:14px;
    font-size:18px;
    text-transform:uppercase;
}

.seo-package-price{
    display:flex;
    align-items:flex-end;
    gap:7px;
}

.seo-package-price small{
    margin-bottom:6px;
    color:#dc2626;
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
}

.seo-package-price strong{
    font-size:42px;
    line-height:1;
}

.seo-package-price span{
    margin-bottom:5px;
    color:#e1e1e1;
    font-size:11px;
}

.seo-package-body{
    display:flex;
    flex-direction:column;
    flex:1;
    padding:28px 30px 26px;
}

.seo-package-description{
    min-height:58px;
    margin-bottom:22px;
    color:#555;
    font-size:14px;
    line-height:1.6;
}

.seo-package-body ul{
    flex:1;
    margin:0 0 26px;
    padding:0;
    list-style:none;
}

.seo-package-body li{
    display:flex;
    align-items:flex-start;
    gap:9px;
    margin-bottom:11px;
    color:#333;
    font-size:13px;
    line-height:1.45;
}

.seo-package-body li i{
    margin-top:3px;
    color:#dc2626;
    font-size:12px;
}

.seo-package-button{
    min-height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border:1px solid #dc2626;
    color:#dc2626;
    text-decoration:none;
    text-transform:uppercase;
    font-size:12px;
    font-weight:800;
    transition:.3s ease;
}

.seo-package-button:hover{
    background:#dc2626;
    color:#fff;
}

.seo-package-button-filled{
    background:#dc2626;
    color:#fff;
}

.seo-package-button-filled:hover{
    background:#b91c1c;
}

.seo-packages-note{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:18px 20px 0;
    color:#666;
    font-size:14px;
}

.seo-packages-note i{
    color:#777;
}

/* PROCESS */

.seo-process-section{
    padding:55px 0 65px;
    background:#fff;
}

.seo-process-grid{
    display:grid;
    grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;
    align-items:center;
    gap:18px;
}

.seo-process-step{
    display:flex;
    align-items:flex-start;
    gap:14px;
}

.seo-process-icon{
    width:56px;
    height:56px;
    flex:0 0 56px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#f3f3f3;
    border-radius:8px;
    color:#111;
    font-size:23px;
}

.seo-process-step span{
    display:block;
    margin-bottom:3px;
    color:#dc2626;
    font-size:11px;
    font-weight:800;
}

.seo-process-step h3{
    margin-bottom:6px;
    font-size:15px;
    text-transform:uppercase;
}

.seo-process-step p{
    color:#555;
    font-size:12px;
    line-height:1.5;
}

.seo-process-arrow{
    color:#111;
    font-size:17px;
}

/* CTA */

.seo-final-cta{
    padding:0 0 55px;
    background:#fff;
}

.seo-final-cta-inner{
    display:grid;
    grid-template-columns:auto 1fr auto;
    align-items:center;
    gap:30px;
    padding:30px 36px;
    background:linear-gradient(135deg,#111419 0%,#050607 100%);
    border-radius:10px;
    color:#fff;
}

.seo-final-cta-icon{
    width:82px;
    height:82px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:linear-gradient(135deg,#dc2626,#7f1d1d);
    color:#fff;
    font-size:34px;
    box-shadow:0 0 28px rgba(220,38,38,.35);
}

.seo-final-cta-text h2{
    font-size:29px;
    line-height:1.25;
}

.seo-final-cta-text h2 span{
    color:#dc2626;
}

.seo-final-cta-button{
    min-height:54px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:0 28px;
    background:#dc2626;
    color:#fff;
    text-decoration:none;
    text-transform:uppercase;
    white-space:nowrap;
    font-size:13px;
    font-weight:800;
    transition:.3s ease;
}

.seo-final-cta-button:hover{
    background:#b91c1c;
    transform:translateY(-2px);
}

/* TABLET */

@media(max-width:1100px){

    .seo-page-hero,
    .seo-page-hero-inner{
        min-height:560px;
    }

    .seo-page-hero h1{
        font-size:48px;
    }

    .seo-page-hero-benefits{
        grid-template-columns:repeat(2,1fr);
    }

    .seo-importance-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .seo-importance-item{
        border-right:1px solid #ececec;
        border-bottom:1px solid #ececec;
    }

    .seo-packages-grid{
        grid-template-columns:1fr;
    }

    .seo-package-card{
        max-width:760px;
        width:100%;
        margin:0 auto;
    }

    .seo-process-grid{
        grid-template-columns:1fr;
    }

    .seo-process-arrow{
        display:none;
    }
}

/* MOBILE */

@media(max-width:768px){

    .seo-page-hero{
        min-height:auto;
        padding:75px 0;
        background-position:center;
    }

    .seo-page-hero-inner{
        min-height:auto;
    }

    .seo-page-hero h1{
        font-size:38px;
    }

    .seo-page-hero-content > p{
        font-size:16px;
    }

    .seo-page-hero-buttons{
        flex-direction:column;
    }

    .seo-page-btn-primary,
    .seo-page-btn-secondary{
        width:100%;
    }

    .seo-page-hero-benefits{
        grid-template-columns:1fr;
    }

    .seo-importance-section{
        padding:50px 0 35px;
    }

    .seo-page-heading h2{
        font-size:30px;
    }

    .seo-importance-grid{
        grid-template-columns:1fr;
    }

    .seo-importance-item{
        min-height:auto;
        border-right:0;
    }

    .seo-packages-section{
        padding:50px 0 25px;
    }

    .seo-package-header{
        padding:28px 22px 24px;
    }

    .seo-package-body{
        padding:24px 22px;
    }

    .seo-process-section{
        padding:45px 0 50px;
    }

    .seo-process-step{
        padding:15px 0;
        border-bottom:1px solid #ececec;
    }

    .seo-final-cta-inner{
        grid-template-columns:1fr;
        text-align:center;
    }

    .seo-final-cta-icon{
        margin:0 auto;
    }

    .seo-final-cta-button{
        width:100%;
    }
}
/* ==========================================
   SOCIAL MEDIA PAGE
========================================== */

.social-page-hero{
    min-height:620px;
    display:flex;
    align-items:center;
    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.96) 0%,
            rgba(0,0,0,.87) 40%,
            rgba(0,0,0,.43) 70%,
            rgba(0,0,0,.10) 100%
        ),
        url("/assets/images/social-hero.png");
    background-size:cover;
    background-position:center;
    color:#fff;
}

.social-page-hero-inner{
    min-height:620px;
    display:flex;
    align-items:center;
}

.social-page-hero-content{
    max-width:780px;
}

.social-page-label{
    display:block;
    margin-bottom:18px;
    color:#dc2626;
    font-size:16px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.7px;
}

.social-page-hero h1{
    margin-bottom:24px;
    font-size:58px;
    line-height:1.05;
    font-weight:900;
}

.social-page-hero h1 strong{
    color:#dc2626;
}

.social-page-hero-content > p{
    max-width:650px;
    margin-bottom:32px;
    color:#e6e6e6;
    font-size:18px;
    line-height:1.8;
}

.social-page-hero-buttons{
    display:flex;
    flex-wrap:wrap;
    gap:16px;
    margin-bottom:40px;
}

.social-page-btn-primary,
.social-page-btn-secondary{
    min-height:54px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:0 28px;
    text-decoration:none;
    text-transform:uppercase;
    font-size:13px;
    font-weight:800;
    transition:.3s ease;
}

.social-page-btn-primary{
    background:#dc2626;
    color:#fff;
}

.social-page-btn-primary:hover{
    background:#b91c1c;
    transform:translateY(-2px);
}

.social-page-btn-secondary{
    border:1px solid rgba(255,255,255,.7);
    color:#fff;
}

.social-page-btn-secondary:hover{
    background:#fff;
    color:#111;
}

.social-page-hero-benefits{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:24px;
}

.social-page-hero-benefit{
    display:flex;
    align-items:flex-start;
    gap:14px;
}

.social-page-hero-benefit > i{
    color:#dc2626;
    font-size:28px;
}

.social-page-hero-benefit div{
    display:flex;
    flex-direction:column;
}

.social-page-hero-benefit strong{
    margin-bottom:5px;
    color:#fff;
    font-size:14px;
    text-transform:uppercase;
}

.social-page-hero-benefit span{
    max-width:180px;
    color:#d1d1d1;
    font-size:11px;
    line-height:1.45;
}

/* GENERAL HEADING */

.social-page-heading{
    max-width:900px;
    margin:0 auto 45px;
    text-align:center;
}

.social-page-heading > span{
    display:block;
    margin-bottom:9px;
    color:#dc2626;
    font-size:14px;
    font-weight:800;
    text-transform:uppercase;
}

.social-page-heading h2{
    font-size:38px;
    line-height:1.2;
}

/* SERVICES */

.social-services-section{
    padding:70px 0 55px;
    background:#fff;
}

.social-services-grid{
    display:grid;
    grid-template-columns:repeat(6,1fr);
}

.social-service-item{
    min-height:230px;
    padding:30px 22px;
    text-align:center;
    border-right:1px solid #ececec;
}

.social-service-item:last-child{
    border-right:0;
}

.social-service-item > i{
    margin-bottom:20px;
    color:#dc2626;
    font-size:34px;
}

.social-service-item h3{
    margin-bottom:13px;
    font-size:16px;
    line-height:1.35;
    text-transform:uppercase;
}

.social-service-item p{
    color:#555;
    font-size:13px;
    line-height:1.6;
}

/* PACKAGES */

.social-packages-section{
    padding:65px 0 45px;
    background:#f8f8f8;
}

.social-packages-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}

.social-package-card{
    position:relative;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    background:#fff;
    border:1px solid #e8e8e8;
    border-radius:10px;
    box-shadow:0 14px 36px rgba(0,0,0,.06);
    transition:.35s ease;
}

.social-package-card:hover{
    transform:translateY(-6px);
    box-shadow:0 24px 55px rgba(0,0,0,.10);
}

.social-package-featured{
    border-color:rgba(220,38,38,.35);
}

.social-package-badge{
    position:absolute;
    top:-1px;
    left:50%;
    transform:translateX(-50%);
    padding:8px 14px;
    background:#dc2626;
    color:#fff;
    border-radius:0 0 5px 5px;
    font-size:10px;
    font-weight:800;
    text-transform:uppercase;
    z-index:2;
}

.social-package-header{
    padding:30px;
    background:linear-gradient(145deg,#15191f 0%,#090b0e 100%);
    color:#fff;
}

.social-package-header h3{
    margin-bottom:14px;
    font-size:18px;
    text-transform:uppercase;
}

.social-package-price{
    display:flex;
    align-items:flex-end;
    gap:7px;
}

.social-package-price small{
    margin-bottom:6px;
    color:#dc2626;
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
}

.social-package-price strong{
    font-size:42px;
    line-height:1;
}

.social-package-price span{
    margin-bottom:5px;
    color:#e1e1e1;
    font-size:11px;
}

.social-package-body{
    display:flex;
    flex-direction:column;
    flex:1;
    padding:28px 30px 26px;
}

.social-package-description{
    min-height:60px;
    margin-bottom:22px;
    color:#555;
    font-size:14px;
    line-height:1.6;
}

.social-package-body ul{
    flex:1;
    margin:0 0 26px;
    padding:0;
    list-style:none;
}

.social-package-body li{
    display:flex;
    align-items:flex-start;
    gap:9px;
    margin-bottom:11px;
    color:#333;
    font-size:13px;
    line-height:1.45;
}

.social-package-body li i{
    margin-top:3px;
    color:#dc2626;
    font-size:12px;
}

.social-package-button{
    min-height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border:1px solid #dc2626;
    color:#dc2626;
    text-decoration:none;
    text-transform:uppercase;
    font-size:12px;
    font-weight:800;
    transition:.3s ease;
}

.social-package-button:hover{
    background:#dc2626;
    color:#fff;
}

.social-package-button-filled{
    background:#dc2626;
    color:#fff;
}

.social-package-button-filled:hover{
    background:#b91c1c;
}

/* PROCESS */

.social-process-section{
    padding:55px 0 65px;
    background:#fff;
}

.social-process-grid{
    display:grid;
    grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;
    align-items:center;
    gap:18px;
}

.social-process-step{
    display:flex;
    align-items:flex-start;
    gap:14px;
}

.social-process-icon{
    width:56px;
    height:56px;
    flex:0 0 56px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#f3f3f3;
    border-radius:8px;
    color:#dc2626;
    font-size:23px;
}

.social-process-step span{
    display:block;
    margin-bottom:3px;
    color:#999;
    font-size:11px;
    font-weight:800;
}

.social-process-step h3{
    margin-bottom:6px;
    font-size:15px;
    text-transform:uppercase;
}

.social-process-step p{
    color:#555;
    font-size:12px;
    line-height:1.5;
}

.social-process-arrow{
    color:#111;
    font-size:17px;
}

/* CTA */

.social-final-cta{
    padding:0 0 55px;
    background:#fff;
}

.social-final-cta-inner{
    display:grid;
    grid-template-columns:auto 1fr auto;
    align-items:center;
    gap:30px;
    padding:30px 36px;
    background:linear-gradient(135deg,#111419 0%,#050607 100%);
    border-radius:10px;
    color:#fff;
}

.social-final-cta-icon{
    width:82px;
    height:82px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:linear-gradient(135deg,#dc2626,#7f1d1d);
    color:#fff;
    font-size:34px;
    box-shadow:0 0 28px rgba(220,38,38,.35);
}

.social-final-cta-text h2{
    margin-bottom:8px;
    font-size:29px;
    line-height:1.25;
}

.social-final-cta-text p{
    color:#d1d1d1;
    font-size:14px;
    line-height:1.6;
}

.social-final-cta-button{
    min-height:54px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:0 28px;
    background:#dc2626;
    color:#fff;
    text-decoration:none;
    text-transform:uppercase;
    white-space:nowrap;
    font-size:13px;
    font-weight:800;
    transition:.3s ease;
}

.social-final-cta-button:hover{
    background:#b91c1c;
    transform:translateY(-2px);
}

/* TABLET */

@media(max-width:1100px){

    .social-page-hero,
    .social-page-hero-inner{
        min-height:560px;
    }

    .social-page-hero h1{
        font-size:48px;
    }

    .social-page-hero-benefits{
        grid-template-columns:repeat(2,1fr);
    }

    .social-services-grid{
        grid-template-columns:repeat(3,1fr);
    }

    .social-packages-grid{
        grid-template-columns:1fr;
    }

    .social-package-card{
        max-width:760px;
        width:100%;
        margin:0 auto;
    }

    .social-process-grid{
        grid-template-columns:1fr;
    }

    .social-process-arrow{
        display:none;
    }
}

/* MOBILE */

@media(max-width:768px){

    .social-page-hero{
        min-height:auto;
        padding:75px 0;
        background-position:center;
    }

    .social-page-hero-inner{
        min-height:auto;
    }

    .social-page-hero h1{
        font-size:38px;
    }

    .social-page-hero-content > p{
        font-size:16px;
    }

    .social-page-hero-buttons{
        flex-direction:column;
    }

    .social-page-btn-primary,
    .social-page-btn-secondary{
        width:100%;
    }

    .social-page-hero-benefits{
        grid-template-columns:1fr;
    }

    .social-services-section{
        padding:50px 0 35px;
    }

    .social-page-heading h2{
        font-size:30px;
    }

    .social-services-grid{
        grid-template-columns:1fr;
    }

    .social-service-item{
        min-height:auto;
        border-right:0;
        border-bottom:1px solid #ececec;
    }

    .social-packages-section{
        padding:50px 0 35px;
    }

    .social-package-header{
        padding:28px 22px 24px;
    }

    .social-package-body{
        padding:24px 22px;
    }

    .social-process-section{
        padding:45px 0 50px;
    }

    .social-process-step{
        padding:15px 0;
        border-bottom:1px solid #ececec;
    }

    .social-final-cta-inner{
        grid-template-columns:1fr;
        text-align:center;
    }

    .social-final-cta-icon{
        margin:0 auto;
    }

    .social-final-cta-button{
        width:100%;
    }
}
/* ==========================================
   LEGAL / GDPR PAGE
========================================== */

/* HERO */

.legal-page-hero{
    min-height:620px;
    display:flex;
    align-items:center;
    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.96) 0%,
            rgba(0,0,0,.88) 40%,
            rgba(0,0,0,.46) 70%,
            rgba(0,0,0,.12) 100%
        ),
        url("/assets/images/gdpr-hero.png");
    background-size:cover;
    background-position:center;
    color:#fff;
}

.legal-page-hero-inner{
    min-height:620px;
    display:flex;
    align-items:center;
}

.legal-page-hero-content{
    max-width:720px;
}

.legal-page-label{
    display:block;
    margin-bottom:18px;
    color:#dc2626;
    font-size:16px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.7px;
}

.legal-page-hero h1{
    margin-bottom:24px;
    font-size:58px;
    line-height:1.06;
    font-weight:900;
}

.legal-page-hero h1 strong{
    color:#dc2626;
}

.legal-page-hero-content > p{
    max-width:650px;
    margin-bottom:32px;
    color:#e6e6e6;
    font-size:18px;
    line-height:1.8;
}

.legal-page-hero-buttons{
    display:flex;
    flex-wrap:wrap;
    gap:16px;
}

.legal-page-btn-primary,
.legal-page-btn-secondary{
    min-height:54px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:0 28px;
    text-decoration:none;
    text-transform:uppercase;
    font-size:13px;
    font-weight:800;
    transition:.3s ease;
}

.legal-page-btn-primary{
    background:#dc2626;
    color:#fff;
}

.legal-page-btn-primary:hover{
    background:#b91c1c;
    transform:translateY(-2px);
}

.legal-page-btn-secondary{
    border:1px solid rgba(255,255,255,.7);
    color:#fff;
}

.legal-page-btn-secondary:hover{
    background:#fff;
    color:#111;
}

/* GENERAL HEADING */

.legal-page-heading{
    max-width:900px;
    margin:0 auto 46px;
    text-align:center;
}

.legal-page-heading > span{
    display:block;
    margin-bottom:9px;
    color:#dc2626;
    font-size:14px;
    font-weight:800;
    text-transform:uppercase;
}

.legal-page-heading h2{
    font-size:38px;
    line-height:1.2;
}

.legal-heading-line{
    width:48px;
    height:3px;
    margin:16px auto 0;
    background:#dc2626;
}

/* IMPORTANCE */

.legal-importance-section{
    padding:70px 0 55px;
    background:#fff;
}

.legal-importance-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
}

.legal-importance-item{
    min-height:240px;
    padding:30px 28px;
    text-align:center;
    border-right:1px solid #ececec;
}

.legal-importance-item:last-child{
    border-right:0;
}

.legal-importance-item > i{
    margin-bottom:20px;
    color:#dc2626;
    font-size:36px;
}

.legal-importance-item h3{
    margin-bottom:14px;
    font-size:17px;
    line-height:1.35;
}

.legal-importance-item p{
    color:#555;
    font-size:14px;
    line-height:1.65;
}

/* SERVICES */

.legal-services-section{
    padding:55px 0 60px;
    background:#f8f8f8;
}

.legal-services-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
}

.legal-service-card{
    display:flex;
    align-items:flex-start;
    gap:18px;
    min-height:185px;
    padding:26px 24px;
    background:#fff;
    border:1px solid #e8e8e8;
    border-radius:10px;
    box-shadow:0 12px 30px rgba(0,0,0,.05);
    transition:.35s ease;
}

.legal-service-card:hover{
    transform:translateY(-5px);
    box-shadow:0 20px 45px rgba(0,0,0,.09);
}

.legal-service-icon{
    width:58px;
    height:58px;
    flex:0 0 58px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(220,38,38,.35);
    border-radius:50%;
    color:#dc2626;
    font-size:26px;
}

.legal-service-card h3{
    margin-bottom:10px;
    font-size:15px;
    text-transform:uppercase;
}

.legal-service-card p{
    color:#555;
    font-size:13px;
    line-height:1.6;
}

/* RISK SECTION */

.legal-risk-section{
    padding:0 0 55px;
    background:#f8f8f8;
}

.legal-risk-inner{
    display:grid;
    grid-template-columns:1.1fr 1.6fr 1fr;
    align-items:center;
    overflow:hidden;
    background:linear-gradient(135deg,#111419 0%,#050607 100%);
    color:#fff;
    border-radius:10px;
}

.legal-risk-image{
    min-height:250px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:
        radial-gradient(circle at center, rgba(220,38,38,.16), transparent 55%),
        #090b0e;
}

.legal-risk-symbol{
    width:120px;
    height:120px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:2px solid rgba(220,38,38,.7);
    border-radius:18px;
    color:#dc2626;
    font-size:54px;
    box-shadow:0 0 35px rgba(220,38,38,.28);
}

.legal-risk-content{
    padding:35px 40px;
    border-right:1px solid rgba(255,255,255,.10);
}

.legal-risk-content h2{
    margin-bottom:16px;
    font-size:29px;
    line-height:1.25;
}

.legal-risk-content p{
    color:#d0d0d0;
    font-size:14px;
    line-height:1.7;
}

.legal-risk-stats{
    padding:34px 38px;
}

.legal-risk-stats > div{
    margin-bottom:28px;
}

.legal-risk-stats > div:last-child{
    margin-bottom:0;
}

.legal-risk-stats strong{
    display:block;
    margin-bottom:7px;
    color:#dc2626;
    font-size:28px;
}

.legal-risk-stats span{
    color:#d5d5d5;
    font-size:13px;
    line-height:1.45;
}

/* PROCESS */

.legal-process-section{
    padding:55px 0 65px;
    background:#fff;
}

.legal-process-grid{
    display:grid;
    grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;
    align-items:stretch;
    gap:15px;
}

.legal-process-step{
    position:relative;
    min-height:210px;
    padding:25px 22px;
    background:#fafafa;
    border:1px solid #ececec;
    border-radius:8px;
}

.legal-process-number{
    position:absolute;
    top:15px;
    left:18px;
    color:#dedede;
    font-size:34px;
    font-weight:900;
}

.legal-process-step > i{
    display:block;
    margin:34px 0 16px;
    color:#dc2626;
    font-size:30px;
}

.legal-process-step h3{
    margin-bottom:10px;
    font-size:14px;
    text-transform:uppercase;
}

.legal-process-step p{
    color:#555;
    font-size:12px;
    line-height:1.55;
}

.legal-process-arrow{
    align-self:center;
    color:#dc2626;
    font-size:17px;
}

/* FINAL CTA */

.legal-final-cta{
    padding:0 0 55px;
    background:#fff;
}

.legal-final-cta-inner{
    overflow:hidden;
    background:linear-gradient(135deg,#111419 0%,#050607 100%);
    color:#fff;
    border-radius:10px;
}

.legal-final-cta-top{
    display:grid;
    grid-template-columns:1.3fr auto .8fr;
    align-items:center;
    gap:30px;
    padding:32px 36px;
    border-bottom:1px solid rgba(255,255,255,.09);
}

.legal-final-cta-top h2{
    font-size:29px;
    line-height:1.25;
}

.legal-final-cta-top h2 span{
    color:#dc2626;
}

.legal-final-cta-button{
    min-height:54px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:0 28px;
    background:#dc2626;
    color:#fff;
    text-decoration:none;
    text-transform:uppercase;
    white-space:nowrap;
    font-size:13px;
    font-weight:800;
    transition:.3s ease;
}

.legal-final-cta-button:hover{
    background:#b91c1c;
    transform:translateY(-2px);
}

.legal-final-slogan{
    display:flex;
    flex-direction:column;
    padding-left:28px;
    border-left:1px solid rgba(255,255,255,.12);
    text-transform:uppercase;
}

.legal-final-slogan strong{
    margin-bottom:5px;
    font-size:14px;
}

.legal-final-slogan span{
    color:#dc2626;
    font-size:14px;
    font-weight:800;
}

.legal-final-benefits{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    padding:26px 30px;
}

.legal-final-benefits > div{
    display:flex;
    align-items:flex-start;
    gap:13px;
    padding:4px 22px;
    border-right:1px solid rgba(255,255,255,.10);
}

.legal-final-benefits > div:last-child{
    border-right:0;
}

.legal-final-benefits i{
    color:#dc2626;
    font-size:25px;
}

.legal-final-benefits strong{
    display:block;
    margin-bottom:5px;
    font-size:12px;
    text-transform:uppercase;
}

.legal-final-benefits span{
    color:#c7c7c7;
    font-size:11px;
    line-height:1.45;
}

/* TABLET */

@media(max-width:1100px){

    .legal-page-hero,
    .legal-page-hero-inner{
        min-height:560px;
    }

    .legal-page-hero h1{
        font-size:48px;
    }

    .legal-importance-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .legal-importance-item{
        border-bottom:1px solid #ececec;
    }

    .legal-services-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .legal-risk-inner{
        grid-template-columns:1fr;
    }

    .legal-risk-content{
        border-right:0;
        border-bottom:1px solid rgba(255,255,255,.10);
    }

    .legal-process-grid{
        grid-template-columns:1fr;
    }

    .legal-process-arrow{
        display:none;
    }

    .legal-final-cta-top{
        grid-template-columns:1fr;
        text-align:center;
    }

    .legal-final-slogan{
        padding-left:0;
        border-left:0;
    }

    .legal-final-benefits{
        grid-template-columns:repeat(2,1fr);
        gap:22px 0;
    }

    .legal-final-benefits > div:nth-child(2){
        border-right:0;
    }
}

/* MOBILE */

@media(max-width:768px){

    .legal-page-hero{
        min-height:auto;
        padding:75px 0;
        background-position:center;
    }

    .legal-page-hero-inner{
        min-height:auto;
    }

    .legal-page-hero h1{
        font-size:38px;
    }

    .legal-page-hero-content > p{
        font-size:16px;
    }

    .legal-page-hero-buttons{
        flex-direction:column;
    }

    .legal-page-btn-primary,
    .legal-page-btn-secondary{
        width:100%;
    }

    .legal-importance-section{
        padding:50px 0 35px;
    }

    .legal-page-heading h2{
        font-size:30px;
    }

    .legal-importance-grid{
        grid-template-columns:1fr;
    }

    .legal-importance-item{
        min-height:auto;
        border-right:0;
    }

    .legal-services-section{
        padding:45px 0 50px;
    }

    .legal-services-grid{
        grid-template-columns:1fr;
    }

    .legal-service-card{
        min-height:auto;
    }

    .legal-risk-content,
    .legal-risk-stats{
        padding:28px 24px;
    }

    .legal-process-section{
        padding:45px 0 50px;
    }

    .legal-process-step{
        min-height:auto;
    }

    .legal-final-cta-top{
        padding:28px 24px;
    }

    .legal-final-cta-button{
        width:100%;
    }

    .legal-final-benefits{
        grid-template-columns:1fr;
        padding:22px;
    }

    .legal-final-benefits > div{
        padding:18px 0;
        border-right:0;
        border-bottom:1px solid rgba(255,255,255,.10);
    }

    .legal-final-benefits > div:last-child{
        border-bottom:0;
    }
}
/* ==========================================
   BUSINESS CONSULTING PAGE
========================================== */

/* HERO */

.consulting-page-hero{
    min-height:620px;
    display:flex;
    align-items:center;
    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.96) 0%,
            rgba(0,0,0,.87) 38%,
            rgba(0,0,0,.44) 68%,
            rgba(0,0,0,.12) 100%
        ),
        url("/assets/images/consulting-hero.png");
    background-size:cover;
    background-position:center;
    color:#fff;
}

.consulting-page-hero-inner{
    min-height:620px;
    display:flex;
    align-items:center;
}

.consulting-page-hero-content{
    max-width:700px;
}

.consulting-page-label{
    display:block;
    margin-bottom:18px;
    color:#dc2626;
    font-size:16px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.7px;
}

.consulting-page-hero h1{
    margin-bottom:24px;
    font-size:60px;
    line-height:1.05;
    font-weight:900;
}

.consulting-page-hero h1 strong{
    color:#dc2626;
}

.consulting-page-hero-content > p{
    max-width:650px;
    margin-bottom:32px;
    color:#e6e6e6;
    font-size:18px;
    line-height:1.8;
}

.consulting-page-btn-primary{
    min-height:54px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:0 28px;
    background:#dc2626;
    color:#fff;
    text-decoration:none;
    text-transform:uppercase;
    font-size:13px;
    font-weight:800;
    transition:.3s ease;
}

.consulting-page-btn-primary:hover{
    background:#b91c1c;
    transform:translateY(-2px);
}

/* GENERAL HEADING */

.consulting-page-heading{
    max-width:900px;
    margin:0 auto 46px;
    text-align:center;
}

.consulting-page-heading > span{
    display:block;
    margin-bottom:9px;
    color:#dc2626;
    font-size:14px;
    font-weight:800;
    text-transform:uppercase;
}

.consulting-page-heading h2{
    margin-bottom:12px;
    font-size:38px;
    line-height:1.2;
}

.consulting-page-heading p{
    color:#555;
    font-size:16px;
    line-height:1.7;
}

/* SERVICES */

.consulting-services-section{
    padding:70px 0 55px;
    background:#fff;
}

.consulting-services-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
}

.consulting-service-item{
    min-height:245px;
    padding:30px 25px;
    text-align:center;
    border-right:1px solid #ececec;
}

.consulting-service-item:last-child{
    border-right:0;
}

.consulting-service-item > i{
    margin-bottom:20px;
    color:#dc2626;
    font-size:36px;
}

.consulting-service-item h3{
    margin-bottom:13px;
    font-size:16px;
    line-height:1.35;
    text-transform:uppercase;
}

.consulting-service-item p{
    color:#555;
    font-size:13px;
    line-height:1.65;
}

/* APPROACH */

.consulting-approach-section{
    padding:20px 0 60px;
    background:#f8f8f8;
}

.consulting-approach-inner{
    display:grid;
    grid-template-columns:1fr 1fr;
    background:#fff;
    border:1px solid #e8e8e8;
    border-radius:10px;
    box-shadow:0 14px 34px rgba(0,0,0,.05);
}

.consulting-approach-column,
.consulting-price-column{
    padding:42px 48px;
}

.consulting-approach-column{
    border-right:1px solid #ececec;
}

.consulting-approach-label{
    display:block;
    margin-bottom:9px;
    color:#dc2626;
    font-size:13px;
    font-weight:800;
    text-transform:uppercase;
}

.consulting-approach-column h2,
.consulting-price-column h2{
    margin-bottom:24px;
    font-size:31px;
}

.consulting-approach-column ul{
    margin:0;
    padding:0;
    list-style:none;
}

.consulting-approach-column li{
    display:flex;
    align-items:flex-start;
    gap:10px;
    margin-bottom:14px;
    color:#333;
    font-size:14px;
    line-height:1.5;
}

.consulting-approach-column li i{
    margin-top:3px;
    color:#dc2626;
    font-size:12px;
}

.consulting-price-column{
    display:flex;
    align-items:flex-start;
    gap:24px;
}

.consulting-price-icon{
    width:64px;
    height:64px;
    flex:0 0 64px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#dc2626;
    font-size:29px;
}

.consulting-price-column p{
    margin-bottom:12px;
    color:#444;
    font-size:14px;
    line-height:1.65;
}

.consulting-outline-btn{
    min-height:50px;
    margin-top:14px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:0 25px;
    border:1px solid #dc2626;
    color:#dc2626;
    text-decoration:none;
    text-transform:uppercase;
    font-size:12px;
    font-weight:800;
    transition:.3s ease;
}

.consulting-outline-btn:hover{
    background:#dc2626;
    color:#fff;
}

/* NETWORK */

.consulting-network-section{
    padding:0;
    background:#050505;
    color:#fff;
}

.consulting-network-inner{
    display:grid;
    grid-template-columns:1fr 1.25fr;
    align-items:center;
    min-height:340px;
}

.consulting-network-content{
    padding:50px 0;
}

.consulting-network-content > span{
    display:block;
    margin-bottom:12px;
    color:#dc2626;
    font-size:14px;
    font-weight:800;
    text-transform:uppercase;
}

.consulting-network-content h2{
    margin-bottom:18px;
    font-size:38px;
}

.consulting-network-content p{
    max-width:500px;
    color:#d1d1d1;
    font-size:16px;
    line-height:1.8;
}

.consulting-network-visual{
    position:relative;
    min-height:340px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
}

.consulting-network-visual > i{
    color:rgba(255,255,255,.12);
    font-size:250px;
}

.network-point{
    position:absolute;
    width:12px;
    height:12px;
    border-radius:50%;
    background:#dc2626;
    box-shadow:0 0 22px rgba(220,38,38,.9);
}

.network-point-one{
    top:28%;
    left:27%;
}

.network-point-two{
    top:52%;
    left:40%;
}

.network-point-three{
    top:33%;
    right:33%;
}

.network-point-four{
    bottom:24%;
    right:22%;
}

.network-point-five{
    bottom:31%;
    left:22%;
}

/* FINAL CTA */

.consulting-final-cta{
    padding:30px 0;
    background:#fff;
}

.consulting-final-cta-inner{
    display:grid;
    grid-template-columns:auto 1fr auto;
    align-items:center;
    gap:28px;
}

.consulting-final-cta-icon{
    width:72px;
    height:72px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:linear-gradient(135deg,#dc2626,#991b1b);
    color:#fff;
    font-size:28px;
    box-shadow:0 0 25px rgba(220,38,38,.28);
}

.consulting-final-cta-text h2{
    margin-bottom:7px;
    font-size:25px;
}

.consulting-final-cta-text p{
    color:#555;
    font-size:14px;
}

.consulting-final-cta-button{
    min-height:52px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:0 28px;
    background:#dc2626;
    color:#fff;
    text-decoration:none;
    text-transform:uppercase;
    white-space:nowrap;
    font-size:13px;
    font-weight:800;
    transition:.3s ease;
}

.consulting-final-cta-button:hover{
    background:#b91c1c;
    transform:translateY(-2px);
}

/* TABLET */

@media(max-width:1100px){

    .consulting-page-hero,
    .consulting-page-hero-inner{
        min-height:560px;
    }

    .consulting-page-hero h1{
        font-size:48px;
    }

    .consulting-services-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .consulting-service-item{
        border-bottom:1px solid #ececec;
    }

    .consulting-approach-inner{
        grid-template-columns:1fr;
    }

    .consulting-approach-column{
        border-right:0;
        border-bottom:1px solid #ececec;
    }

    .consulting-network-inner{
        grid-template-columns:1fr;
    }

    .consulting-network-content{
        padding-bottom:10px;
    }
}

/* MOBILE */

@media(max-width:768px){

    .consulting-page-hero{
        min-height:auto;
        padding:75px 0;
        background-position:center;
    }

    .consulting-page-hero-inner{
        min-height:auto;
    }

    .consulting-page-hero h1{
        font-size:38px;
    }

    .consulting-page-hero-content > p{
        font-size:16px;
    }

    .consulting-page-btn-primary{
        width:100%;
    }

    .consulting-services-section{
        padding:50px 0 35px;
    }

    .consulting-page-heading h2{
        font-size:30px;
    }

    .consulting-services-grid{
        grid-template-columns:1fr;
    }

    .consulting-service-item{
        min-height:auto;
        border-right:0;
    }

    .consulting-approach-column,
    .consulting-price-column{
        padding:30px 24px;
    }

    .consulting-price-column{
        flex-direction:column;
    }

    .consulting-network-content{
        padding:42px 0 10px;
    }

    .consulting-network-content h2{
        font-size:31px;
    }

    .consulting-network-visual{
        min-height:250px;
    }

    .consulting-network-visual > i{
        font-size:185px;
    }

    .consulting-final-cta-inner{
        grid-template-columns:1fr;
        text-align:center;
    }

    .consulting-final-cta-icon{
        margin:0 auto;
    }

    .consulting-final-cta-button{
        width:100%;
    }
}
/* ==========================================
   CONTACT PAGE
========================================== */

/* HERO */

.contact-page-hero{
    min-height:590px;
    display:flex;
    align-items:center;
    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.96) 0%,
            rgba(0,0,0,.87) 40%,
            rgba(0,0,0,.42) 70%,
            rgba(0,0,0,.12) 100%
        ),
        url("/assets/images/kontakt-hero.png");
    background-size:cover;
    background-position:center;
    color:#fff;
}

.contact-page-hero-inner{
    min-height:590px;
    display:flex;
    align-items:center;
}

.contact-page-hero-content{
    max-width:690px;
}

.contact-page-label{
    display:block;
    margin-bottom:18px;
    color:#dc2626;
    font-size:16px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.7px;
}

.contact-page-hero h1{
    margin-bottom:24px;
    font-size:58px;
    line-height:1.05;
    font-weight:900;
}

.contact-page-hero h1 strong{
    color:#dc2626;
}

.contact-page-hero-content > p{
    max-width:620px;
    margin-bottom:35px;
    color:#e6e6e6;
    font-size:18px;
    line-height:1.8;
}

.contact-hero-benefits{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    max-width:660px;
    gap:35px;
}

.contact-hero-benefit{
    display:flex;
    align-items:flex-start;
    gap:16px;
}

.contact-hero-benefit > i{
    color:#dc2626;
    font-size:31px;
}

.contact-hero-benefit div{
    display:flex;
    flex-direction:column;
}

.contact-hero-benefit strong{
    margin-bottom:6px;
    color:#fff;
    font-size:14px;
    text-transform:uppercase;
}

.contact-hero-benefit span{
    color:#d1d1d1;
    font-size:12px;
    line-height:1.55;
}

/* MAIN SECTION */

.contact-main-section{
    padding:65px 0 45px;
    background:#f8f8f8;
}

.contact-main-grid{
    display:grid;
    grid-template-columns:.85fr 1.55fr;
    gap:28px;
    align-items:stretch;
}

/* HEADINGS */

.contact-block-heading{
    margin-bottom:32px;
}

.contact-block-heading h2{
    font-size:25px;
    text-transform:uppercase;
}

.contact-block-heading h2 span{
    color:#dc2626;
}

.contact-block-heading p{
    margin-top:10px;
    color:#d0d0d0;
    font-size:14px;
    line-height:1.6;
}

/* CONTACT INFO */

.contact-info-card{
    padding:38px 34px;
    background:#fff;
    border:1px solid #e8e8e8;
    border-radius:10px;
    box-shadow:0 14px 35px rgba(0,0,0,.05);
}

.contact-info-list{
    display:flex;
    flex-direction:column;
    gap:27px;
}

.contact-info-item{
    display:flex;
    align-items:flex-start;
    gap:18px;
}

.contact-info-item > i{
    width:30px;
    flex:0 0 30px;
    color:#dc2626;
    font-size:23px;
    text-align:center;
}

.contact-info-item div{
    display:flex;
    flex-direction:column;
}

.contact-info-item strong{
    margin-bottom:8px;
    color:#111;
    font-size:12px;
    text-transform:uppercase;
}

.contact-info-item a,
.contact-info-item p{
    color:#444;
    text-decoration:none;
    font-size:14px;
    line-height:1.65;
}

.contact-info-item a + a{
    margin-top:3px;
}

.contact-info-item a:hover{
    color:#dc2626;
}

/* TRUST */

.contact-trust-box{
    margin-top:34px;
    padding-top:28px;
    border-top:1px solid #ececec;
}

.contact-trust-box h3{
    margin-bottom:18px;
    font-size:17px;
    text-transform:uppercase;
}

.contact-trust-box ul{
    margin:0;
    padding:0;
    list-style:none;
}

.contact-trust-box li{
    display:flex;
    align-items:flex-start;
    gap:9px;
    margin-bottom:11px;
    color:#444;
    font-size:13px;
    line-height:1.5;
}

.contact-trust-box li i{
    margin-top:3px;
    color:#dc2626;
    font-size:11px;
}

/* SOCIAL */

.contact-social{
    margin-top:30px;
    padding-top:25px;
    border-top:1px solid #ececec;
}

.contact-social h3{
    margin-bottom:18px;
    font-size:13px;
    text-transform:uppercase;
}

.contact-social-links{
    display:flex;
    gap:14px;
}

.contact-social-links a{
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#090909;
    color:#dc2626;
    text-decoration:none;
    font-size:17px;
    transition:.3s ease;
}

.contact-social-links a:hover{
    background:#dc2626;
    color:#fff;
    transform:translateY(-3px);
}

/* FORM CARD */

.contact-form-card{
    padding:38px 40px;
    background:
        linear-gradient(
            145deg,
            #14181e 0%,
            #07090c 100%
        );
    color:#fff;
    border-radius:10px;
    box-shadow:0 18px 45px rgba(0,0,0,.14);
}

.contact-form{
    display:flex;
    flex-direction:column;
    gap:20px;
}

.contact-form-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:16px;
}

.contact-field{
    display:flex;
    flex-direction:column;
}

.contact-field-full{
    width:100%;
}

.contact-field label,
.contact-budget legend{
    margin-bottom:8px;
    color:#d5d5d5;
    font-size:12px;
    font-weight:700;
}

.contact-field input,
.contact-field select,
.contact-field textarea{
    width:100%;
    padding:15px 16px;
    border:1px solid rgba(255,255,255,.22);
    border-radius:5px;
    outline:none;
    background:rgba(0,0,0,.18);
    color:#fff;
    font-family:inherit;
    font-size:14px;
    transition:.25s ease;
}

.contact-field input{
    min-height:52px;
}

.contact-field select{
    min-height:52px;
    cursor:pointer;
}

.contact-field select option{
    background:#111;
    color:#fff;
}

.contact-field textarea{
    resize:vertical;
    min-height:145px;
}

.contact-field input:focus,
.contact-field select:focus,
.contact-field textarea:focus{
    border-color:#dc2626;
    box-shadow:0 0 0 3px rgba(220,38,38,.12);
}

.contact-field input::placeholder,
.contact-field textarea::placeholder{
    color:#999;
}

/* SELECTED SERVICE */

.contact-selected-service{
    display:flex;
    align-items:flex-start;
    gap:16px;
    padding:18px 20px;
    background:rgba(220,38,38,.10);
    border:1px solid rgba(220,38,38,.38);
    border-radius:6px;
}

.contact-selected-icon{
    width:42px;
    height:42px;
    flex:0 0 42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#dc2626;
    color:#fff;
}

.contact-selected-service > div:last-child{
    display:flex;
    flex-direction:column;
}

.contact-selected-service span{
    margin-bottom:5px;
    color:#cfcfcf;
    font-size:11px;
    text-transform:uppercase;
}

.contact-selected-service strong{
    color:#fff;
    font-size:18px;
}

.contact-selected-service p{
    margin-top:6px;
    color:#ddd;
    font-size:13px;
}

/* BUDGET */

.contact-budget{
    margin:0;
    padding:0;
    border:0;
}

.contact-budget-options{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.contact-budget-options label{
    cursor:pointer;
}

.contact-budget-options input{
    position:absolute;
    opacity:0;
    pointer-events:none;
}

.contact-budget-options span{
    min-height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 14px;
    border:1px solid rgba(255,255,255,.22);
    border-radius:4px;
    color:#d5d5d5;
    font-size:12px;
    transition:.25s ease;
}

.contact-budget-options input:checked + span{
    background:#dc2626;
    border-color:#dc2626;
    color:#fff;
}

/* CONSENT */

.contact-consent{
    display:flex;
    align-items:flex-start;
    gap:10px;
    color:#c8c8c8;
    font-size:11px;
    line-height:1.5;
    cursor:pointer;
}

.contact-consent input{
    margin-top:3px;
    accent-color:#dc2626;
}

/* SUBMIT */

.contact-submit-button{
    min-height:54px;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    border:0;
    background:#dc2626;
    color:#fff;
    cursor:pointer;
    font-family:inherit;
    font-size:13px;
    font-weight:800;
    text-transform:uppercase;
    transition:.3s ease;
}

.contact-submit-button:hover{
    background:#b91c1c;
    transform:translateY(-2px);
}

/* FORM MESSAGES */

.contact-form-message{
    display:flex;
    align-items:flex-start;
    gap:14px;
    margin-bottom:22px;
    padding:18px 20px;
    border-radius:6px;
}

.contact-form-success{
    background:rgba(34,197,94,.12);
    border:1px solid rgba(34,197,94,.35);
}

.contact-form-success > i{
    color:#22c55e;
    font-size:24px;
}

.contact-form-success strong{
    display:block;
    margin-bottom:5px;
}

.contact-form-success p{
    color:#d5d5d5;
    font-size:13px;
    line-height:1.55;
}

.contact-form-error{
    background:rgba(220,38,38,.12);
    border:1px solid rgba(220,38,38,.40);
}

.contact-form-error i{
    color:#dc2626;
}

/* MAP */

.contact-map-section{
    padding:0 0 35px;
    background:#f8f8f8;
}

.contact-map-wrapper{
    position:relative;
    height:310px;
    overflow:hidden;
    border-radius:10px;
    border:1px solid #e8e8e8;
}

.contact-map-wrapper iframe{
    width:100%;
    height:100%;
    border:0;
}

.contact-map-address{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    display:flex;
    align-items:center;
    gap:15px;
    min-width:310px;
    padding:18px 22px;
    background:rgba(255,255,255,.94);
    color:#111;
    border-radius:7px;
    box-shadow:0 14px 35px rgba(0,0,0,.18);
}

.contact-map-address > i{
    color:#dc2626;
    font-size:32px;
}

.contact-map-address div{
    display:flex;
    flex-direction:column;
}

.contact-map-address strong{
    margin-bottom:4px;
    font-size:14px;
}

.contact-map-address span{
    color:#555;
    font-size:13px;
}

/* FINAL CTA */

.contact-final-cta{
    padding:0 0 55px;
    background:#f8f8f8;
}

.contact-final-cta-inner{
    display:grid;
    grid-template-columns:auto 1fr auto;
    align-items:center;
    gap:28px;
    padding:30px 36px;
    background:
        linear-gradient(
            135deg,
            #14181e 0%,
            #050607 100%
        );
    color:#fff;
    border-radius:10px;
}

.contact-final-cta-icon{
    width:76px;
    height:76px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:linear-gradient(135deg,#dc2626,#7f1d1d);
    color:#fff;
    font-size:30px;
    box-shadow:0 0 28px rgba(220,38,38,.35);
}

.contact-final-cta-text h2{
    margin-bottom:6px;
    font-size:26px;
}

.contact-final-cta-text p{
    color:#dc2626;
    font-size:21px;
    font-weight:800;
}

.contact-final-cta-button{
    min-height:52px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:0 28px;
    border:1px solid rgba(255,255,255,.55);
    color:#fff;
    text-decoration:none;
    text-transform:uppercase;
    white-space:nowrap;
    font-size:12px;
    font-weight:800;
    transition:.3s ease;
}

.contact-final-cta-button:hover{
    background:#dc2626;
    border-color:#dc2626;
}

/* TABLET */

@media(max-width:1100px){

    .contact-page-hero,
    .contact-page-hero-inner{
        min-height:540px;
    }

    .contact-page-hero h1{
        font-size:48px;
    }

    .contact-main-grid{
        grid-template-columns:1fr;
    }

    .contact-info-card{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:20px 45px;
    }

    .contact-info-card .contact-block-heading{
        grid-column:1 / -1;
    }

    .contact-social{
        margin-top:0;
    }
}

/* MOBILE */

@media(max-width:768px){

    .contact-page-hero{
        min-height:auto;
        padding:75px 0;
        background-position:center;
    }

    .contact-page-hero-inner{
        min-height:auto;
    }

    .contact-page-hero h1{
        font-size:38px;
    }

    .contact-page-hero-content > p{
        font-size:16px;
    }

    .contact-hero-benefits{
        grid-template-columns:1fr;
        gap:22px;
    }

    .contact-main-section{
        padding:45px 0 35px;
    }

    .contact-info-card{
        display:block;
        padding:30px 23px;
    }

    .contact-trust-box,
    .contact-social{
        margin-top:28px;
    }

    .contact-form-card{
        padding:30px 22px;
    }

    .contact-form-grid{
        grid-template-columns:1fr;
    }

    .contact-budget-options{
        flex-direction:column;
    }

    .contact-budget-options span{
        width:100%;
    }

    .contact-map-wrapper{
        height:360px;
    }

    .contact-map-address{
        top:auto;
        bottom:18px;
        left:18px;
        right:18px;
        min-width:0;
        transform:none;
    }

    .contact-final-cta-inner{
        grid-template-columns:1fr;
        text-align:center;
    }

    .contact-final-cta-icon{
        margin:0 auto;
    }

    .contact-final-cta-button{
        width:100%;
    }
}

/* ==========================================
   ABOUT PAGE
========================================== */

/* HERO */

.about-page-hero{
    min-height:590px;
    display:flex;
    align-items:center;
    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.96) 0%,
            rgba(0,0,0,.86) 40%,
            rgba(0,0,0,.43) 70%,
            rgba(0,0,0,.10) 100%
        ),
        url("/assets/images/o-nama-hero.png");
    background-size:cover;
    background-position:center;
    color:#fff;
}

.about-page-hero-inner{
    min-height:590px;
    display:flex;
    align-items:center;
}

.about-page-hero-content{
    max-width:720px;
}

.about-page-label,
.about-section-label{
    display:block;
    margin-bottom:16px;
    color:#dc2626;
    font-size:14px;
    font-weight:800;
    letter-spacing:.5px;
    text-transform:uppercase;
}

.about-page-hero h1{
    margin-bottom:18px;
    font-size:58px;
    line-height:1.07;
    font-weight:900;
}

.about-page-hero h1 strong{
    color:#dc2626;
}

.about-page-line{
    width:55px;
    height:3px;
    margin:18px 0 24px;
    background:#dc2626;
}

.about-page-hero-content > p{
    max-width:650px;
    margin-bottom:32px;
    color:#e5e5e5;
    font-size:17px;
    line-height:1.8;
}

.about-page-primary-btn{
    min-height:54px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:0 28px;
    background:#dc2626;
    color:#fff;
    text-decoration:none;
    text-transform:uppercase;
    font-size:13px;
    font-weight:800;
    transition:.3s ease;
}

.about-page-primary-btn:hover{
    background:#b91c1c;
    transform:translateY(-2px);
}

/* STATISTICS */

.about-stats-section{
    position:relative;
    z-index:5;
    margin-top:-65px;
}

.about-stats-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    padding:30px 25px;
    background:#0b0b0b;
    color:#fff;
    box-shadow:0 20px 45px rgba(0,0,0,.18);
}

.about-stat-item{
    display:flex;
    align-items:flex-start;
    gap:16px;
    padding:5px 24px;
    border-right:1px solid rgba(255,255,255,.12);
}

.about-stat-item:last-child{
    border-right:0;
}

.about-stat-item > i{
    color:#dc2626;
    font-size:30px;
}

.about-stat-item div{
    display:flex;
    flex-direction:column;
}

.about-stat-item strong{
    margin-bottom:5px;
    font-size:28px;
}

.about-stat-item span{
    color:#d0d0d0;
    font-size:12px;
    line-height:1.45;
}

/* STORY */

.about-story-section{
    padding:90px 0 65px;
    background:#fff;
}

.about-story-grid{
    display:grid;
    grid-template-columns:1fr 1.1fr;
    align-items:center;
    gap:70px;
}

.about-story-content h2{
    font-size:42px;
    line-height:1.15;
}

.about-story-content p{
    margin-bottom:17px;
    color:#444;
    font-size:15px;
    line-height:1.8;
}

.about-story-image{
    position:relative;
    padding:25px 0 0 30px;
}

.about-story-red-block{
    position:absolute;
    left:0;
    top:80px;
    width:95px;
    height:260px;
    background:#dc2626;
}

.about-story-image img{
    position:relative;
    z-index:2;
    width:100%;
    min-height:460px;
    display:block;
    object-fit:cover;
    filter:grayscale(100%);
}

/* VALUES */

.about-values-section{
    padding:30px 0 75px;
    background:#fff;
}

.about-section-heading{
    margin-bottom:40px;
    text-align:center;
}

.about-section-heading h2{
    font-size:34px;
    text-transform:uppercase;
}

.about-section-heading .about-page-line{
    margin:14px auto 0;
}

.about-values-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:16px;
}

.about-value-card{
    min-height:250px;
    padding:30px 22px;
    text-align:center;
    background:#fff;
    border:1px solid #e8e8e8;
    transition:.35s ease;
}

.about-value-card:hover{
    transform:translateY(-6px);
    border-color:#dc2626;
    box-shadow:0 18px 40px rgba(0,0,0,.08);
}

.about-value-card > i{
    margin-bottom:22px;
    color:#dc2626;
    font-size:37px;
}

.about-value-card h3{
    margin-bottom:13px;
    font-size:16px;
}

.about-value-card p{
    color:#555;
    font-size:13px;
    line-height:1.65;
}

/* TEAM */

.about-team-section{
    padding:70px 0;
    background:#0b0b0b;
    color:#fff;
}

.about-team-heading{
    max-width:620px;
    margin-bottom:38px;
}

.about-team-heading h2{
    margin-bottom:16px;
    font-size:42px;
    line-height:1.15;
}

.about-team-heading p{
    color:#c9c9c9;
    font-size:15px;
    line-height:1.75;
}

.about-team-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
    align-items:stretch;
}

.about-team-card{
    overflow:hidden;
    background:#121212;
    border:1px solid rgba(255,255,255,.12);
    transition:.35s ease;
    display:flex;
    flex-direction:column;
}

.about-team-card:hover{
    transform:translateY(-6px);
    border-color:#dc2626;
}

.about-team-photo{
    height:280px;
    overflow:hidden;
    background:#e7e7e7;
}

.about-team-photo img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    filter:none;
}

.about-team-photo-placeholder{
    height:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:14px;
    color:#777;
}

.about-team-photo-placeholder > i{
    font-size:58px;
}

.about-team-photo-placeholder span{
    font-size:12px;
    text-transform:uppercase;
}

.about-team-info{
    padding:22px 20px 20px;
}

.about-team-info h3{
    margin-bottom:6px;
    color:#fff;
    font-size:17px;
}

.about-team-info p{
    margin-bottom:15px;
    color:#bdbdbd;
    font-size:13px;
}

.about-team-info a{
    width:34px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    color:#111;
    text-decoration:none;
    transition:.3s ease;
}

.about-team-info a:hover{
    background:#dc2626;
    color:#fff;
}

/* OPEN POSITION */

.about-team-open-card{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:390px;
    background:
        radial-gradient(
            circle at center,
            rgba(220,38,38,.16),
            transparent 60%
        ),
        #111;
}

.about-team-open-content{
    padding:28px 25px;
    text-align:center;
}

.about-team-open-icon{
    width:68px;
    height:68px;
    margin:0 auto 20px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #dc2626;
    border-radius:50%;
    color:#dc2626;
    font-size:28px;
}

.about-team-open-content > span{
    display:block;
    margin-bottom:10px;
    color:#dc2626;
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
}

.about-team-open-content h3{
    margin-bottom:15px;
    font-size:25px;
    line-height:1.25;
    text-transform:uppercase;
}

.about-team-open-content p{
    margin-bottom:22px;
    color:#c9c9c9;
    font-size:13px;
    line-height:1.65;
}

.about-team-open-content a{
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:#fff;
    text-decoration:none;
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
}

.about-team-open-content a i{
    color:#dc2626;
}

@media(max-width:1000px){

    .about-team-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:650px){

    .about-team-grid{
        grid-template-columns:1fr;
    }

    .about-team-photo{
        height:300px;
    }

    .about-team-open-card{
        min-height:auto;
    }

}
/* FINAL CTA */

.about-final-cta{
    padding:32px 0;
    background:#dc2626;
    color:#fff;
}

.about-final-cta-inner{
    display:grid;
    grid-template-columns:auto 1fr auto;
    align-items:center;
    gap:28px;
}

.about-final-cta-icon{
    color:rgba(255,255,255,.55);
    font-size:58px;
}

.about-final-cta-text h2{
    margin-bottom:6px;
    font-size:28px;
}

.about-final-cta-text p{
    font-size:17px;
}

.about-final-cta-button{
    min-height:52px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:0 28px;
    background:#fff;
    color:#111;
    text-decoration:none;
    text-transform:uppercase;
    font-size:12px;
    font-weight:800;
    transition:.3s ease;
}

.about-final-cta-button:hover{
    background:#111;
    color:#fff;
}

/* TABLET */

@media(max-width:1100px){

    .about-page-hero,
    .about-page-hero-inner{
        min-height:550px;
    }

    .about-page-hero h1{
        font-size:48px;
    }

    .about-stats-grid{
        grid-template-columns:repeat(2,1fr);
        gap:25px 0;
    }

    .about-stat-item:nth-child(2),
    .about-stat-item:nth-child(4){
        border-right:0;
    }

    .about-story-grid{
        grid-template-columns:1fr;
    }

    .about-values-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .about-team-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

/* MOBILE */

@media(max-width:768px){

    .about-page-hero{
        min-height:auto;
        padding:75px 0 120px;
        background-position:center;
    }

    .about-page-hero-inner{
        min-height:auto;
    }

    .about-page-hero h1{
        font-size:38px;
    }

    .about-page-hero-content > p{
        font-size:16px;
    }

    .about-page-primary-btn{
        width:100%;
    }

    .about-stats-section{
        margin-top:-70px;
    }

    .about-stats-grid{
        grid-template-columns:1fr;
        padding:25px 20px;
    }

    .about-stat-item{
        padding:18px 5px;
        border-right:0;
        border-bottom:1px solid rgba(255,255,255,.12);
    }

    .about-stat-item:last-child{
        border-bottom:0;
    }

    .about-story-section{
        padding:65px 0 45px;
    }

    .about-story-grid{
        gap:40px;
    }

    .about-story-content h2{
        font-size:33px;
    }

    .about-story-image{
        padding-left:18px;
    }

    .about-story-red-block{
        width:65px;
        height:190px;
    }

    .about-story-image img{
        min-height:320px;
    }

    .about-values-grid{
        grid-template-columns:1fr;
    }

    .about-value-card{
        min-height:auto;
    }

    .about-team-section{
        padding:55px 0;
    }

    .about-team-heading h2{
        font-size:34px;
    }

    .about-team-grid{
        grid-template-columns:1fr;
    }

    .about-team-photo{
        height:390px;
    }

    .about-final-cta-inner{
        grid-template-columns:1fr;
        text-align:center;
    }

    .about-final-cta-icon{
        margin:0 auto;
    }

    .about-final-cta-button{
        width:100%;
    }
}
/* ==========================================
   CASE STUDIES HERO
========================================== */

.cases-hero{
    position:relative;
    min-height:560px;
    display:flex;
    align-items:center;
    overflow:hidden;
    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.96) 0%,
            rgba(0,0,0,.88) 38%,
            rgba(0,0,0,.52) 62%,
            rgba(0,0,0,.12) 100%
        ),
        url("/assets/images/studije-hero.png");
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

.cases-hero-inner{
    min-height:560px;
    display:flex;
    align-items:center;
}

.cases-hero-content{
    position:relative;
    z-index:2;
    max-width:720px;
}

.cases-label{
    display:block;
    margin-bottom:16px;
    color:#dc2626;
    font-size:14px;
    font-weight:800;
    letter-spacing:.6px;
    text-transform:uppercase;
}

.cases-hero h1{
    margin-bottom:26px;
    color:#fff;
    font-size:58px;
    line-height:1.08;
    font-weight:900;
}

.cases-hero h1 strong{
    color:#dc2626;
}

.cases-hero-content > p{
    max-width:650px;
    color:#dedede;
    font-size:17px;
    line-height:1.8;
}

/* SECTIONS */

.case-study-section{
    padding:25px 0 45px;
    background:#f7f7f7;
}

.case-study-section-alt{
    padding-top:10px;
}

.case-study-card{
    overflow:hidden;
    background:#fff;
    border:1px solid #e7e7e7;
    border-radius:12px;
    box-shadow:0 18px 45px rgba(0,0,0,.07);
}

/* TECHNOLOGENT */

.case-technologent{
    display:grid;
    grid-template-columns:.78fr 1.62fr;
}

.case-study-image{
    min-height:730px;
    background:#090909;
}

.case-study-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.case-study-content{
    padding:42px 42px 35px;
}

.case-study-top{
    display:grid;
    grid-template-columns:1fr auto;
    gap:35px;
    align-items:start;
    margin-bottom:34px;
}

.case-study-top h2,
.case-diverseit-content h2{
    max-width:820px;
    margin-bottom:15px;
    color:#111;
    font-size:34px;
    line-height:1.22;
}

.case-study-top h2 strong,
.case-diverseit-content h2 strong{
    color:#dc2626;
}

.case-study-top p,
.case-diverseit-intro{
    max-width:750px;
    color:#555;
    font-size:14px;
    line-height:1.75;
}

.case-brand-mark{
    min-width:190px;
    padding:20px 18px;
    background:#0b0b0b;
    color:#fff;
    text-align:center;
}

.case-brand-mark span{
    display:block;
    margin-bottom:7px;
    font-size:18px;
    font-weight:900;
}

.case-brand-mark small{
    color:#bdbdbd;
    font-size:9px;
    letter-spacing:1px;
}

/* RESULTS */

.case-results-grid{
    display:grid;
    grid-template-columns:repeat(5, 1fr);
    align-items:stretch;
    margin-bottom:32px;
    border-top:1px solid #ececec;
    border-bottom:1px solid #ececec;
}

.case-result-item{
    min-height:200px;
    padding:26px 14px 22px;
    border-right:1px solid #ececec;
    text-align:center;

    display:grid;
    grid-template-rows:48px 58px 62px;
    justify-items:center;
    align-content:start;
}

.case-result-item:last-child{
    border-right:0;
}

.case-result-item i{
    width:100%;
    height:48px;
    margin:0;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    color:#dc2626;
    font-size:31px;
    line-height:1;
}

.case-result-item strong{
    width:100%;
    min-height:0;
    margin:0;
    padding:0 4px;

    display:flex;
    align-items:flex-start;
    justify-content:center;

    color:#111;
    font-size:13px;
    font-weight:800;
    line-height:1.3;
    text-transform:uppercase;
}

.case-result-item span{
    width:100%;
    min-height:0;
    margin:0;
    padding:0 4px;

    display:flex;
    align-items:flex-start;
    justify-content:center;

    color:#555;
    font-size:12px;
    line-height:1.5;
}

/* BOTTOM */

.case-study-bottom{
    display:grid;
    grid-template-columns:1.35fr .85fr;
    gap:30px;
    align-items:stretch;
}

.case-work-done{
    padding:10px 0;
}

.case-work-done h3{
    margin-bottom:20px;
    color:#dc2626;
    font-size:13px;
    text-transform:uppercase;
}

.case-work-done ul{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:16px 25px;
    margin:0;
    padding:0;
    list-style:none;
}

.case-work-done li{
    display:flex;
    align-items:flex-start;
    gap:9px;
    color:#333;
    font-size:12px;
    line-height:1.45;
}

.case-work-done li i{
    margin-top:3px;
    color:#dc2626;
    font-size:10px;
}

.case-quote{
    margin:0;
    padding:30px;
    background:#0b0b0b;
    color:#fff;
    border-radius:8px;
}

.case-quote > i{
    margin-bottom:17px;
    color:#dc2626;
    font-size:35px;
}

.case-quote p{
    margin-bottom:17px;
    font-size:18px;
    line-height:1.5;
}

.case-quote cite{
    color:#dc2626;
    font-size:12px;
    font-style:normal;
}

/* DIVERSEIT */

.case-diverseit{
    padding:38px 28px 25px;
}

.case-diverseit-layout{
    display:grid;
    grid-template-columns:.75fr 2fr .75fr;
    gap:25px;
    align-items:end;
}

.case-diverseit-content{
    padding-top:12px;
}

.case-results-diverseit{
    margin-top:28px;
}

.case-mascot{
    align-self:stretch;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
}

.case-mascot-image{
    flex:1;
    min-height:500px;
    display:flex;
    align-items:flex-end;
    justify-content:center;
}

.case-mascot-image img{
    max-width:100%;
    max-height:560px;
    display:block;
    object-fit:contain;
    object-position:bottom;
}

.case-mascot-name{
    padding:18px 5px 5px;
}

.case-mascot-name strong{
    display:block;
    margin-bottom:5px;
    color:#dc2626;
    font-size:22px;
}

.case-mascot-name span{
    color:#333;
    font-size:12px;
}

.case-mascot-brand{
    margin-bottom:auto;
    padding-top:15px;
    text-align:center;
}

.case-mascot-brand strong{
    display:block;
    color:#111;
    font-size:28px;
}

.case-mascot-brand span{
    color:#666;
    font-size:10px;
    text-transform:uppercase;
}

.case-quote-red{
    background:#dc2626;
}

.case-quote-red > i,
.case-quote-red cite{
    color:#fff;
}

/* CTA */

.cases-final-cta{
    padding:20px 0 55px;
    background:#f7f7f7;
}

.cases-final-cta-inner{
    display:grid;
    grid-template-columns:auto 1fr auto;
    align-items:center;
    gap:28px;
    padding:26px 34px;
    background:#fff;
    border:1px solid #e7e7e7;
    border-radius:10px;
    box-shadow:0 14px 35px rgba(0,0,0,.06);
}

.cases-final-cta-icon{
    width:76px;
    height:76px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:8px;
    background:#0b0b0b;
    color:#dc2626;
    font-size:32px;
}

.cases-final-cta-text h2{
    margin-bottom:6px;
    color:#111;
    font-size:27px;
}

.cases-final-cta-text h2 span{
    color:#dc2626;
}

.cases-final-cta-text p{
    color:#555;
    font-size:14px;
}

.cases-final-cta-button{
    min-height:52px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:0 28px;
    background:#dc2626;
    color:#fff;
    text-decoration:none;
    text-transform:uppercase;
    white-space:nowrap;
    font-size:12px;
    font-weight:800;
    transition:.3s ease;
}

.cases-final-cta-button:hover{
    background:#111;
    transform:translateY(-2px);
}

/* TABLET */

@media(max-width:1100px){

    .cases-hero-inner{
        grid-template-columns:1fr .65fr;
    }

    .cases-hero h1{
        font-size:48px;
    }

    .case-technologent{
        grid-template-columns:1fr;
    }

    .case-study-image{
        min-height:480px;
    }

    .case-diverseit-layout{
        grid-template-columns:1fr;
    }

    .case-mascot{
        max-width:420px;
        width:100%;
        margin:0 auto;
    }

    .case-mascot-aca{
        order:3;
    }

    .case-diverseit-content{
        order:2;
    }

    .case-mascot-marko{
        order:1;
    }
}

/* MOBILE */

@media(max-width:768px){

    @media(max-width:768px){

    .cases-hero{
        min-height:auto;
        padding:75px 0;
        background-position:68% center;
    }

    .cases-hero-inner{
        min-height:auto;
    }

    .cases-hero-content{
        max-width:100%;
    }

    .cases-hero h1{
        font-size:38px;
    }

    .cases-hero-content > p{
        font-size:15px;
    }
}
    .cases-hero-visual{
        min-height:240px;
    }

    .cases-hero-square{
        width:150px;
        height:150px;
        border-width:18px;
    }

    .cases-hero-check{
        font-size:120px;
    }

    .case-study-content{
        padding:28px 20px;
    }

    .case-study-top{
        grid-template-columns:1fr;
    }

    .case-brand-mark{
        width:100%;
    }

    .case-study-top h2,
    .case-diverseit-content h2{
        font-size:28px;
    }

    .case-results-grid{
        grid-template-columns:1fr;
    }

    .case-result-item{
        min-height:auto;
        border-right:0;
        border-bottom:1px solid #ececec;
    }

    .case-result-item:last-child{
        border-bottom:0;
    }

    .case-study-bottom{
        grid-template-columns:1fr;
    }

    .case-work-done ul{
        grid-template-columns:1fr;
    }

    .case-diverseit{
        padding:28px 20px 20px;
    }

    .case-mascot-image{
        min-height:360px;
    }

    .case-mascot-image img{
        max-height:420px;
    }

    .cases-final-cta-inner{
        grid-template-columns:1fr;
        text-align:center;
    }

    .cases-final-cta-icon{
        margin:0 auto;
    }

    .cases-final-cta-button{
        width:100%;
    }
}
/* ==========================================
   PROJECTS PAGE
========================================== */

/* HERO */

.projects-page-hero{
    min-height:560px;
    display:flex;
    align-items:center;
    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.96) 0%,
            rgba(0,0,0,.88) 40%,
            rgba(0,0,0,.45) 68%,
            rgba(0,0,0,.10) 100%
        ),
        url("/assets/images/projekti-hero.png");
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    color:#fff;
}

.projects-page-hero-inner{
    min-height:560px;
    display:flex;
    align-items:center;
}

.projects-page-hero-content{
    max-width:720px;
}

.projects-page-label{
    display:block;
    margin-bottom:16px;
    color:#dc2626;
    font-size:14px;
    font-weight:800;
    letter-spacing:.6px;
    text-transform:uppercase;
}

.projects-page-hero h1{
    margin-bottom:18px;
    color:#fff;
    font-size:58px;
    line-height:1.08;
    font-weight:900;
}

.projects-page-hero h1 strong{
    color:#dc2626;
}

.projects-page-line{
    width:55px;
    height:3px;
    margin-bottom:24px;
    background:#dc2626;
}

.projects-page-hero-content > p{
    max-width:650px;
    margin-bottom:30px;
    color:#dedede;
    font-size:17px;
    line-height:1.8;
}

.projects-page-hero-button{
    min-height:54px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:0 28px;
    background:#dc2626;
    color:#fff;
    text-decoration:none;
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
    transition:.3s ease;
}

.projects-page-hero-button:hover{
    background:#b91c1c;
    transform:translateY(-2px);
}

/* FILTER */

.projects-filter-section{
    position:sticky;
    top:0;
    z-index:20;
    padding:18px 0;
    background:#fff;
    border-bottom:1px solid #e8e8e8;
    box-shadow:0 8px 20px rgba(0,0,0,.04);
}

.projects-filter-bar{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
}

.project-filter{
    min-height:42px;
    padding:0 19px;
    border:0;
    background:transparent;
    color:#111;
    cursor:pointer;
    font-family:inherit;
    font-size:12px;
    font-weight:700;
    transition:.25s ease;
}

.project-filter:hover,
.project-filter.active{
    background:#dc2626;
    color:#fff;
}

/* CATEGORY SECTIONS */

.projects-category-section{
    padding:70px 0;
    background:#fff;
    scroll-margin-top:90px;
}

.projects-category-section:nth-of-type(even){
    background:#f8f8f8;
}

.projects-category-section[hidden]{
    display:none !important;
}

.projects-section-heading{
    max-width:760px;
    margin:0 auto 42px;
    text-align:center;
}

.projects-section-heading > span{
    display:block;
    margin-bottom:9px;
    color:#dc2626;
    font-size:13px;
    font-weight:800;
    text-transform:uppercase;
}

.projects-section-heading h2{
    margin-bottom:12px;
    color:#111;
    font-size:38px;
}

.projects-section-heading p{
    color:#555;
    font-size:15px;
    line-height:1.7;
}

/* PROJECT GRID */

.projects-page-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:22px;
}

.portfolio-card{
    display:flex;
    flex-direction:column;
    overflow:hidden;
    background:#fff;
    border:1px solid #e6e6e6;
    transition:.35s ease;
}

.portfolio-card:hover{
    transform:translateY(-7px);
    border-color:#dc2626;
    box-shadow:0 20px 45px rgba(0,0,0,.09);
}

.portfolio-card-image{
    height:245px;
    overflow:hidden;
    background:#ededed;
}

.portfolio-card-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:.5s ease;
}

.portfolio-card:hover .portfolio-card-image img{
    transform:scale(1.04);
}

.portfolio-card-content{
    flex:1;
    display:flex;
    flex-direction:column;
    padding:23px 21px;
}

.portfolio-card-category{
    display:block;
    margin-bottom:9px;
    color:#dc2626;
    font-size:10px;
    font-weight:800;
    text-transform:uppercase;
}

.portfolio-card-content h3{
    min-height:48px;
    margin-bottom:11px;
    color:#111;
    font-size:19px;
    line-height:1.25;
}

.portfolio-card-content p{
    min-height:76px;
    margin-bottom:18px;
    color:#555;
    font-size:13px;
    line-height:1.65;
}

.portfolio-card-content a{
    margin-top:auto;
    display:inline-flex;
    align-items:center;
    gap:9px;
    color:#111;
    text-decoration:none;
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
}

.portfolio-card-content a i{
    color:#dc2626;
    transition:.25s ease;
}

.portfolio-card-content a:hover{
    color:#dc2626;
}

.portfolio-card-content a:hover i{
    transform:translateX(4px);
}

/* ==========================================
   BRENDIRANJE – PREMIUM LOGO TRAKA
========================================== */

/* ==========================================
   BRANDING MARQUEE – VEĆI LOGOTIPI
========================================== */

.branding-projects-section{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(
            circle at 20% 20%,
            rgba(220,38,38,.10),
            transparent 32%
        ),
        linear-gradient(
            135deg,
            #080808 0%,
            #111 50%,
            #070707 100%
        ) !important;
    color:#fff;
}

.branding-projects-section::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.025) 1px,
            transparent 1px
        ),
        linear-gradient(
            rgba(255,255,255,.025) 1px,
            transparent 1px
        );
    background-size:42px 42px;
}

.branding-projects-section .container,
.branding-marquee{
    position:relative;
    z-index:2;
}

.branding-projects-section .projects-section-heading h2{
    color:#fff;
}

.branding-projects-section .projects-section-heading p{
    color:#c7c7c7;
}

.branding-marquee{
    position:relative;
    width:100%;
    overflow:hidden;
    padding:22px 0 36px;
}

.branding-marquee::before,
.branding-marquee::after{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    z-index:5;
    width:100px;
    pointer-events:none;
}

.branding-marquee::before{
    left:0;
    background:linear-gradient(
        90deg,
        #080808 0%,
        rgba(8,8,8,.9) 40%,
        transparent 100%
    );
}

.branding-marquee::after{
    right:0;
    background:linear-gradient(
        270deg,
        #080808 0%,
        rgba(8,8,8,.9) 40%,
        transparent 100%
    );
}

.branding-marquee-track{
    width:max-content;
    display:flex;
    align-items:center;
    gap:26px;
    animation:branding-marquee-scroll 34s linear infinite;
    will-change:transform;
}

.branding-marquee:hover .branding-marquee-track{
    animation-play-state:paused;
}

.branding-logo-card{
    position:relative;

    width:320px;
    height:210px;
    flex:0 0 320px;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:12px;
    overflow:hidden;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.085),
            rgba(255,255,255,.025)
        );

    border:1px solid rgba(255,255,255,.12);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 18px 45px rgba(0,0,0,.28);

    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);

    transition:
        transform .35s ease,
        border-color .35s ease,
        background .35s ease,
        box-shadow .35s ease;
}

.branding-logo-card::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:0;
    width:0;
    height:3px;
    background:#dc2626;
    transform:translateX(-50%);
    transition:width .35s ease;
}

.branding-logo-card:hover{
    transform:translateY(-7px);

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.12),
            rgba(255,255,255,.045)
        );

    border-color:rgba(220,38,38,.50);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.11),
        0 24px 55px rgba(0,0,0,.42),
        0 0 30px rgba(220,38,38,.08);
}

.branding-logo-card:hover::after{
    width:54%;
}

.branding-logo-card img{
    position:relative;
    z-index:2;

    width:94%;
    height:94%;

    max-width:none;
    max-height:none;

    display:block;
    object-fit:contain;

    filter:none;
    opacity:1;

    transition:
        transform .35s ease,
        filter .35s ease;
}

.branding-logo-card:hover img{
    transform:scale(1.04);
    filter:drop-shadow(0 8px 16px rgba(0,0,0,.28));
}

@keyframes branding-marquee-scroll{

    from{
        transform:translateX(0);
    }

    to{
        transform:translateX(-50%);
    }
}

/* TABLET */

@media(max-width:900px){

    .branding-logo-card{
        width:270px;
        height:175px;
        flex-basis:270px;
        padding:10px;
    }

    .branding-logo-card img{
        width:94%;
        height:94%;
        max-width:none;
        max-height:none;
    }

    .branding-marquee::before,
    .branding-marquee::after{
        width:60px;
    }
}

/* MOBILE */

@media(max-width:600px){

    .branding-marquee{
        padding:14px 0 26px;
    }

    .branding-marquee-track{
        gap:16px;
        animation-duration:28s;
    }

    .branding-logo-card{
        width:230px;
        height:150px;
        flex-basis:230px;
        padding:8px;
    }

    .branding-logo-card img{
        width:95%;
        height:95%;
        max-width:none;
        max-height:none;
    }

    .branding-marquee::before,
    .branding-marquee::after{
        width:30px;
    }
}


/* EVENT */

.portfolio-event-card{
    display:grid;
    grid-template-columns:1.2fr 1fr;
    overflow:hidden;
    background:#0b0b0b;
    color:#fff;
}

.portfolio-event-image{
    min-height:520px;
}

.portfolio-event-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.portfolio-event-content{
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:55px 48px;
}

.portfolio-event-content > span{
    margin-bottom:11px;
    color:#dc2626;
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
}

.portfolio-event-content h3{
    margin-bottom:20px;
    font-size:37px;
    line-height:1.2;
}

.portfolio-event-content > p{
    margin-bottom:28px;
    color:#cfcfcf;
    font-size:15px;
    line-height:1.75;
}

.portfolio-event-content ul{
    margin:0;
    padding:0;
    list-style:none;
}

.portfolio-event-content li{
    display:flex;
    align-items:flex-start;
    gap:11px;
    margin-bottom:13px;
    color:#ddd;
    font-size:13px;
}

.portfolio-event-content li i{
    margin-top:3px;
    color:#dc2626;
}

/* PHOTO */

.portfolio-photo-card .portfolio-card-content p{
    min-height:auto;
}

/* STATS */

.projects-page-stats{
    padding:34px 0;
    background:#dc2626;
    color:#fff;
}

.projects-page-stats-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
}

.projects-page-stat{
    display:grid;
    grid-template-columns:auto 1fr;
    grid-template-rows:auto auto;
    align-items:center;
    gap:3px 14px;
    padding:10px 30px;
    border-right:1px solid rgba(255,255,255,.22);
}

.projects-page-stat:last-child{
    border-right:0;
}

.projects-page-stat i{
    grid-row:1 / 3;
    color:#fff;
    font-size:35px;
}

.projects-page-stat strong{
    font-size:25px;
}

.projects-page-stat span{
    color:#fff;
    font-size:11px;
    line-height:1.4;
}

/* FINAL CTA */

.projects-page-final-cta{
    padding:55px 0;
    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.96),
            rgba(0,0,0,.82)
        ),
        url("/assets/images/projects-cta.jpg");
    background-size:cover;
    background-position:center;
    color:#fff;
}

.projects-page-final-cta-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
}

.projects-page-final-cta h2{
    margin-bottom:12px;
    font-size:37px;
    line-height:1.2;
}

.projects-page-final-cta h2 span{
    color:#dc2626;
}

.projects-page-final-cta p{
    max-width:620px;
    color:#d3d3d3;
    font-size:15px;
    line-height:1.7;
}

.projects-page-final-cta a{
    min-height:54px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:0 28px;
    background:#fff;
    color:#111;
    text-decoration:none;
    white-space:nowrap;
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
    transition:.3s ease;
}

.projects-page-final-cta a:hover{
    background:#dc2626;
    color:#fff;
}

/* TABLET */

@media(max-width:1150px){

    .projects-page-grid{
        grid-template-columns:repeat(3,1fr);
    }

    .projects-page-stats-grid{
        grid-template-columns:repeat(2,1fr);
        gap:20px 0;
    }

    .projects-page-stat:nth-child(2),
    .projects-page-stat:nth-child(4){
        border-right:0;
    }
}

@media(max-width:900px){

    .projects-page-hero,
    .projects-page-hero-inner{
        min-height:520px;
    }

    .projects-page-hero h1{
        font-size:48px;
    }

    .projects-page-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .portfolio-event-card{
        grid-template-columns:1fr;
    }

    .portfolio-event-image{
        min-height:420px;
    }

    .projects-page-final-cta-inner{
        flex-direction:column;
        align-items:flex-start;
    }
}

/* MOBILE */

@media(max-width:768px){

    .projects-page-hero{
        min-height:auto;
        padding:75px 0;
        background-position:68% center;
    }

    .projects-page-hero-inner{
        min-height:auto;
    }

    .projects-page-hero h1{
        font-size:38px;
    }

    .projects-page-hero-content > p{
        font-size:15px;
    }

    .projects-page-hero-button{
        width:100%;
    }

    .projects-filter-section{
        position:relative;
        top:auto;
    }

    .projects-filter-bar{
        display:grid;
        grid-template-columns:repeat(2,1fr);
    }

    .project-filter{
        width:100%;
        padding:0 10px;
    }

    .projects-category-section{
        padding:50px 0;
    }

    .projects-section-heading h2{
        font-size:31px;
    }

    .projects-page-grid{
        grid-template-columns:1fr;
    }

    .portfolio-card-image{
        height:280px;
    }

    .portfolio-card-content h3,
    .portfolio-card-content p{
        min-height:0;
    }

    .branding-logo-card{
        width:190px;
        height:130px;
        flex-basis:190px;
    }

    .portfolio-event-image{
        min-height:300px;
    }

    .portfolio-event-content{
        padding:34px 24px;
    }

    .portfolio-event-content h3{
        font-size:29px;
    }

    .projects-page-stats-grid{
        grid-template-columns:1fr;
    }

    .projects-page-stat{
        border-right:0;
        border-bottom:1px solid rgba(255,255,255,.22);
    }

    .projects-page-stat:last-child{
        border-bottom:0;
    }

    .projects-page-final-cta h2{
        font-size:31px;
    }

    .projects-page-final-cta a{
        width:100%;
    }
}
/* ==========================================
   BLOG PAGE
========================================== */

.blog-page{
    background:#fff;
}

/* ==========================================
   BLOG HERO
========================================== */

.blog-hero{
    min-height:520px;
    display:flex;
    align-items:center;
    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.96) 0%,
            rgba(0,0,0,.90) 38%,
            rgba(0,0,0,.48) 68%,
            rgba(0,0,0,.08) 100%
        ),
        url("/assets/images/blog-hero.png");
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    color:#fff;
}

.blog-hero-inner{
    min-height:520px;
    display:flex;
    align-items:center;
}

.blog-hero-content{
    max-width:680px;
}

.blog-hero-label{
    display:block;
    margin-bottom:14px;
    color:#dc2626;
    font-size:14px;
    font-weight:800;
    letter-spacing:.5px;
    text-transform:uppercase;
}

.blog-hero h1{
    margin:0 0 20px;
    color:#fff;
    font-size:56px;
    line-height:1.1;
    font-weight:900;
}

.blog-hero-line{
    width:58px;
    height:3px;
    margin-bottom:24px;
    background:#dc2626;
}

.blog-hero p{
    max-width:620px;
    margin:0;
    color:#d5d5d5;
    font-size:17px;
    line-height:1.8;
}

/* ==========================================
   BLOG LISTING
========================================== */

.blog-listing-section{
    padding:70px 0 80px;
    background:#fff;
}

.blog-section-label{
    display:block;
    margin-bottom:18px;
    color:#dc2626;
    font-size:13px;
    font-weight:800;
    letter-spacing:.4px;
    text-transform:uppercase;
}

/* ==========================================
   FEATURED BLOG
========================================== */

.featured-blog-card{
    display:grid;
    grid-template-columns:42% 58%;
    min-height:390px;
    margin-bottom:28px;
    overflow:hidden;
    background:#090909;
    color:#fff;
    text-decoration:none;
    border:1px solid #1f1f1f;
    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;
}

.featured-blog-card:hover{
    transform:translateY(-6px);
    border-color:#dc2626;
    box-shadow:0 24px 60px rgba(0,0,0,.18);
}

.featured-blog-content{
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:48px 42px;
}

.blog-card-category{
    display:block;
    margin-bottom:13px;
    color:#dc2626;
    font-size:11px;
    font-weight:800;
    letter-spacing:.3px;
    text-transform:uppercase;
}

.featured-blog-content h2{
    margin:0 0 18px;
    color:#fff;
    font-size:39px;
    line-height:1.2;
    font-weight:900;
}

.featured-blog-content p{
    max-width:520px;
    margin:0 0 25px;
    color:#d1d1d1;
    font-size:15px;
    line-height:1.75;
}

.blog-card-meta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:18px;
}

.blog-card-meta span{
    display:inline-flex;
    align-items:center;
    gap:7px;
    font-size:12px;
}

.featured-blog-content .blog-card-meta{
    margin-bottom:27px;
    color:#f1f1f1;
}

.blog-card-meta i{
    color:#dc2626;
    font-size:13px;
}

.featured-blog-button{
    min-height:48px;
    width:max-content;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:11px;
    padding:0 22px;
    background:#dc2626;
    color:#fff;
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
    transition:
        background .3s ease,
        transform .3s ease;
}

.featured-blog-card:hover .featured-blog-button{
    background:#b91c1c;
}

.featured-blog-button i{
    transition:transform .3s ease;
}

.featured-blog-card:hover .featured-blog-button i{
    transform:translateX(4px);
}

.featured-blog-image{
    min-height:390px;
    overflow:hidden;
}

.featured-blog-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:transform .55s ease;
}

.featured-blog-card:hover .featured-blog-image img{
    transform:scale(1.04);
}

/* ==========================================
   BLOG GRID
========================================== */

.blog-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
}

.blog-card{
    min-width:0;
    background:#fff;
    border:1px solid #e3e3e3;
    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;
}

.blog-card:hover{
    transform:translateY(-7px);
    border-color:#dc2626;
    box-shadow:0 22px 48px rgba(0,0,0,.10);
}

.blog-card-main-link{
    height:100%;
    display:flex;
    flex-direction:column;
    color:#111;
    text-decoration:none;
}

.blog-card-image{
    height:245px;
    overflow:hidden;
    background:#ededed;
}

.blog-card-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:transform .5s ease;
}

.blog-card:hover .blog-card-image img{
    transform:scale(1.05);
}

.blog-card-content{
    flex:1;
    display:flex;
    flex-direction:column;
    padding:23px 22px 20px;
}

.blog-card-content h2{
    margin:0 0 12px;
    color:#111;
    font-size:21px;
    line-height:1.3;
    font-weight:800;
}

.blog-card-content p{
    margin:0 0 22px;
    color:#555;
    font-size:13px;
    line-height:1.7;
}

.blog-card-bottom{
    margin-top:auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
}

.blog-card-content .blog-card-meta{
    gap:14px;
    color:#4c4c4c;
}

.blog-card-content .blog-card-meta span{
    font-size:11px;
}

.blog-card-arrow{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:#dc2626;
    font-size:18px;
    transition:transform .3s ease;
}

.blog-card:hover .blog-card-arrow{
    transform:translateX(5px);
}



/* ==========================================
   BLOG CTA
========================================== */

.blog-bottom-cta{
    margin-top:60px;
    padding:28px 0;
    background:
        radial-gradient(
            circle at 12% 50%,
            rgba(220,38,38,.16),
            transparent 28%
        ),
        #0a0a0a;
    border-top:1px solid rgba(255,255,255,.08);
    border-bottom:1px solid rgba(255,255,255,.08);
    color:#fff;
}

.blog-bottom-cta-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:35px;
}

.blog-bottom-cta-copy{
    display:flex;
    align-items:center;
    gap:18px;
}

.blog-bottom-cta-icon{
    width:58px;
    height:58px;
    flex:0 0 58px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#dc2626;
    color:#fff;
    font-size:26px;
}

.blog-bottom-cta h2{
    margin:0 0 4px;
    color:#fff;
    font-size:24px;
    line-height:1.25;
}

.blog-bottom-cta p{
    margin:0;
    color:#c9c9c9;
    font-size:13px;
}

.blog-bottom-cta > .container > a,
.blog-bottom-cta-inner > a{
    min-height:50px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:11px;
    padding:0 24px;
    border:1px solid #dc2626;
    color:#fff;
    text-decoration:none;
    white-space:nowrap;
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
    transition:
        background .3s ease,
        border-color .3s ease;
}

.blog-bottom-cta-inner > a:hover{
    background:#dc2626;
}

/* ==========================================
   TABLET
========================================== */

@media(max-width:1100px){

    .featured-blog-card{
        grid-template-columns:46% 54%;
    }

    .featured-blog-content{
        padding:38px 32px;
    }

    .featured-blog-content h2{
        font-size:34px;
    }

    .blog-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:900px){

    .blog-hero,
    .blog-hero-inner{
        min-height:470px;
    }

    .blog-hero h1{
        font-size:46px;
    }

    .featured-blog-card{
        grid-template-columns:1fr;
    }

    .featured-blog-content{
        order:2;
    }

    .featured-blog-image{
        order:1;
        min-height:360px;
    }
}

/* ==========================================
   MOBILE
========================================== */

@media(max-width:768px){

    .blog-hero{
        min-height:auto;
        padding:76px 0;
        background:
            linear-gradient(
                90deg,
                rgba(0,0,0,.97) 0%,
                rgba(0,0,0,.90) 55%,
                rgba(0,0,0,.48) 100%
            ),
            url("/assets/images/blog-hero.png");
        background-size:cover;
        background-position:70% center;
    }

    .blog-hero-inner{
        min-height:auto;
    }

    .blog-hero-content{
        max-width:100%;
    }

    .blog-hero h1{
        font-size:38px;
    }

    .blog-hero p{
        max-width:90%;
        font-size:15px;
    }

    .blog-listing-section{
        padding:50px 0 60px;
    }

    .featured-blog-content{
        padding:30px 24px;
    }

    .featured-blog-content h2{
        font-size:30px;
    }

    .featured-blog-content p{
        font-size:14px;
    }

    .featured-blog-image{
        min-height:300px;
    }

    .blog-grid{
        grid-template-columns:1fr;
    }

    .blog-card-image{
        height:280px;
    }

    .blog-card-content h2{
        font-size:22px;
    }

    .blog-bottom-cta-inner{
        flex-direction:column;
        align-items:flex-start;
    }

    .blog-bottom-cta-inner > a{
        width:100%;
    }
}

@media(max-width:520px){

    .blog-hero{
        padding:64px 0;
        background-position:74% center;
    }

    .blog-hero h1{
        font-size:33px;
    }

    .blog-hero p{
        max-width:100%;
        line-height:1.7;
    }

    .featured-blog-image{
        min-height:235px;
    }

    .featured-blog-content{
        padding:25px 20px;
    }

    .featured-blog-content h2{
        font-size:26px;
    }

    .featured-blog-button{
        width:100%;
    }

    .blog-card-image{
        height:230px;
    }

    .blog-card-content{
        padding:21px 18px 18px;
    }

    .blog-card-bottom{
        align-items:flex-end;
    }

    .blog-card-content .blog-card-meta{
        flex-direction:column;
        align-items:flex-start;
        gap:7px;
    }

    .blog-pagination{
        flex-wrap:wrap;
    }

    .blog-bottom-cta-copy{
        align-items:flex-start;
    }

    .blog-bottom-cta-icon{
        width:50px;
        height:50px;
        flex-basis:50px;
        font-size:22px;
    }

    .blog-bottom-cta h2{
        font-size:21px;
    }
}
/* ==========================================
   SINGLE BLOG PAGE
========================================== */

.single-blog-page{
    background:#fff;
}

/* ==========================================
   HERO
========================================== */

.single-blog-hero{
    padding:105px 0 85px;
    background:
        radial-gradient(
            circle at 85% 30%,
            rgba(220,38,38,.10),
            transparent 26%
        ),
        linear-gradient(
            135deg,
            #050505 0%,
            #101010 58%,
            #070707 100%
        );
    color:#fff;
}

.single-blog-hero-inner{
    display:flex;
    justify-content:center;
}

.single-blog-hero-content{
    width:100%;
    max-width:980px;
    text-align:center;
}

.single-blog-back-link{
    display:inline-flex;
    align-items:center;
    gap:9px;
    margin-bottom:28px;
    color:#cfcfcf;
    text-decoration:none;
    font-size:12px;
    font-weight:700;
    text-transform:uppercase;
    transition:.25s ease;
}

.single-blog-back-link:hover{
    color:#dc2626;
}

.single-blog-category{
    display:block;
    margin-bottom:15px;
    color:#dc2626;
    font-size:13px;
    font-weight:800;
    text-transform:uppercase;
}

.single-blog-hero h1{
    max-width:900px;
    margin:0 auto 22px;
    color:#fff;
    font-size:58px;
    line-height:1.12;
    font-weight:900;
}

.single-blog-intro{
    max-width:780px;
    margin:0 auto 28px;
    color:#d3d3d3;
    font-size:18px;
    line-height:1.75;
}

.single-blog-meta{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:22px;
    color:#f1f1f1;
}

.single-blog-meta span{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-size:12px;
}

.single-blog-meta i{
    color:#dc2626;
}

/* ==========================================
   COVER IMAGE
========================================== */

.single-blog-cover-section{
    padding:55px 0 0;
    background:#fff;
}

.single-blog-cover{
    max-width:1180px;
    margin:0 auto;
    overflow:hidden;
    box-shadow:0 26px 60px rgba(0,0,0,.14);
}

.single-blog-cover img{
    width:100%;
    height:560px;
    display:block;
    object-fit:cover;
}

/* ==========================================
   CONTENT
========================================== */

.single-blog-content-section{
    padding:75px 0 90px;
    background:#fff;
}

.single-blog-layout{
    display:flex;
    justify-content:center;
}

.single-blog-article{
    width:100%;
    max-width:880px;
}

.single-blog-lead{
    margin:0 0 42px;
    color:#222;
    font-size:21px;
    line-height:1.8;
    font-weight:500;
}

.single-blog-toc{
    display:block;
    margin-bottom:60px;
    padding:30px 34px;
    background:#f7f7f7;
    border-left:4px solid #dc2626;
}

.single-blog-toc > span{
    display:block;
    width:100%;
    margin-bottom:18px;
    color:#111;
    font-size:16px;
    font-weight:800;
    line-height:1.3;
    text-align:left;
    text-transform:uppercase;
}

.single-blog-toc ol{
    margin:0;
    padding-left:22px;
}

.single-blog-toc li{
    margin-bottom:10px;
    color:#444;
}

.single-blog-toc li:last-child{
    margin-bottom:0;
}

.single-blog-toc a{
    color:#333;
    text-decoration:none;
    font-size:15px;
    line-height:1.5;
}

.single-blog-toc a:hover{
    color:#dc2626;
}

.single-blog-block{
    margin-bottom:65px;
    scroll-margin-top:120px;
}

.single-blog-number{
    display:block;
    margin-bottom:10px;
    color:#dc2626;
    font-size:13px;
    font-weight:900;
    letter-spacing:.5px;
}

.single-blog-block h2,
.single-blog-conclusion h2{
    margin:0 0 22px;
    color:#111;
    font-size:36px;
    line-height:1.25;
}

.single-blog-block p,
.single-blog-conclusion p{
    margin:0 0 20px;
    color:#444;
    font-size:17px;
    line-height:1.85;
}

.single-blog-block blockquote{
    position:relative;
    margin:34px 0;
    padding:28px 32px 28px 38px;
    background:#0b0b0b;
    color:#fff;
    border-left:5px solid #dc2626;
    font-size:20px;
    line-height:1.65;
    font-weight:600;
}

.single-blog-highlight,
.single-blog-checklist{
    margin-top:32px;
    padding:30px 32px;
    background:#f7f7f7;
    border:1px solid #e6e6e6;
}

.single-blog-highlight h3,
.single-blog-checklist h3{
    margin:0 0 18px;
    color:#111;
    font-size:22px;
}

.single-blog-highlight ul,
.single-blog-checklist ul{
    margin:0;
    padding:0;
    list-style:none;
}

.single-blog-highlight li{
    position:relative;
    margin-bottom:13px;
    padding-left:22px;
    color:#444;
    font-size:15px;
    line-height:1.6;
}

.single-blog-highlight li::before{
    content:"";
    position:absolute;
    top:10px;
    left:0;
    width:7px;
    height:7px;
    background:#dc2626;
}

.single-blog-checklist li{
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-bottom:13px;
    color:#444;
    font-size:15px;
    line-height:1.6;
}

.single-blog-highlight li:last-child,
.single-blog-checklist li:last-child{
    margin-bottom:0;
}

.single-blog-checklist i{
    margin-top:5px;
    color:#dc2626;
}

.single-blog-conclusion{
    margin-top:75px;
    padding:42px;
    background:
        linear-gradient(
            135deg,
            #0a0a0a,
            #171717
        );
    color:#fff;
}

.single-blog-conclusion > span{
    display:block;
    margin-bottom:11px;
    color:#dc2626;
    font-size:13px;
    font-weight:800;
    text-transform:uppercase;
}

.single-blog-conclusion h2{
    color:#fff;
}

.single-blog-conclusion p{
    color:#d6d6d6;
}

.single-blog-conclusion p:last-child{
    margin-bottom:0;
}

/* ==========================================
   CTA
========================================== */

.single-blog-cta{
    padding:55px 0;
    background:#dc2626;
    color:#fff;
}

.single-blog-cta-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
}

.single-blog-cta-inner > div{
    max-width:760px;
}

.single-blog-cta span{
    display:block;
    margin-bottom:8px;
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
}

.single-blog-cta h2{
    margin:0 0 10px;
    color:#fff;
    font-size:35px;
}

.single-blog-cta p{
    margin:0;
    color:#fff;
    font-size:15px;
    line-height:1.7;
}

.single-blog-cta a{
    min-height:54px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:11px;
    padding:0 26px;
    background:#0a0a0a;
    color:#fff;
    text-decoration:none;
    white-space:nowrap;
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
    transition:.3s ease;
}

.single-blog-cta a:hover{
    background:#fff;
    color:#111;
}

/* ==========================================
   RELATED BLOGS
========================================== */

.single-blog-related{
    padding:80px 0 90px;
    background:#f7f7f7;
}

.single-blog-related-heading{
    margin-bottom:38px;
    text-align:center;
}

.single-blog-related-heading span{
    display:block;
    margin-bottom:8px;
    color:#dc2626;
    font-size:13px;
    font-weight:800;
    text-transform:uppercase;
}

.single-blog-related-heading h2{
    margin:0;
    color:#111;
    font-size:38px;
}

.single-blog-related-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
}

.single-related-card{
    display:flex;
    flex-direction:column;
    overflow:hidden;
    background:#fff;
    color:#111;
    text-decoration:none;
    border:1px solid #e3e3e3;
    transition:.35s ease;
}

.single-related-card:hover{
    transform:translateY(-7px);
    border-color:#dc2626;
    box-shadow:0 22px 48px rgba(0,0,0,.10);
}

.single-related-image{
    height:235px;
    overflow:hidden;
}

.single-related-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:.5s ease;
}

.single-related-card:hover img{
    transform:scale(1.05);
}

.single-related-content{
    flex:1;
    display:flex;
    flex-direction:column;
    padding:23px 22px;
}

.single-related-content > span{
    display:block;
    margin-bottom:10px;
    color:#dc2626;
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
}

.single-related-content h3{
    margin:0 0 22px;
    color:#111;
    font-size:20px;
    line-height:1.35;
}

.single-related-content > div{
    margin-top:auto;
    display:flex;
    align-items:center;
    gap:9px;
    color:#111;
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
}

.single-related-content i{
    color:#dc2626;
    transition:.3s ease;
}

.single-related-card:hover i{
    transform:translateX(5px);
}

/* ==========================================
   TABLET
========================================== */

@media(max-width:1000px){

    .single-blog-hero h1{
        font-size:48px;
    }

    .single-blog-cover img{
        height:470px;
    }

    .single-blog-related-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .single-blog-cta-inner{
        flex-direction:column;
        align-items:flex-start;
    }
}

/* ==========================================
   MOBILE
========================================== */

@media(max-width:768px){

    .single-blog-hero{
        padding:75px 0 65px;
    }

    .single-blog-hero-content{
        text-align:left;
    }

    .single-blog-hero h1{
        margin-left:0;
        font-size:38px;
    }

    .single-blog-intro{
        margin-left:0;
        font-size:16px;
    }

    .single-blog-meta{
        justify-content:flex-start;
        align-items:flex-start;
        flex-direction:column;
        gap:10px;
    }

    .single-blog-cover-section{
        padding-top:32px;
    }

    .single-blog-cover img{
        height:330px;
    }

    .single-blog-content-section{
        padding:55px 0 65px;
    }

    .single-blog-lead{
        font-size:18px;
    }

    .single-blog-toc{
        padding:25px 23px;
    }

    .single-blog-block{
        margin-bottom:50px;
    }

    .single-blog-block h2,
    .single-blog-conclusion h2{
        font-size:30px;
    }

    .single-blog-block p,
    .single-blog-conclusion p{
        font-size:16px;
    }

    .single-blog-block blockquote{
        padding:24px;
        font-size:18px;
    }

    .single-blog-conclusion{
        padding:30px 24px;
    }

    .single-blog-cta h2{
        font-size:29px;
    }

    .single-blog-cta a{
        width:100%;
    }

    .single-blog-related{
        padding:60px 0 70px;
    }

    .single-blog-related-heading h2{
        font-size:31px;
    }

    .single-blog-related-grid{
        grid-template-columns:1fr;
    }

    .single-related-image{
        height:280px;
    }
}

@media(max-width:520px){

    .single-blog-hero h1{
        font-size:33px;
    }

    .single-blog-cover img{
        height:240px;
    }

    .single-blog-lead{
        font-size:17px;
    }

    .single-blog-block h2,
    .single-blog-conclusion h2{
        font-size:27px;
    }

    .single-blog-highlight,
    .single-blog-checklist{
        padding:24px 20px;
    }

    .single-blog-conclusion{
        margin-top:55px;
    }

    .single-related-image{
        height:230px;
    }
}
#see-automotive{
    scroll-margin-top:120px;
}
.hero {
    position: relative;
}

.hero .hero-inner {
    position: relative;
    z-index: 2;
}

.hero-cms-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}

.hero-align-left .hero-left {
    text-align: left;
}

.hero-align-center .hero-left {
    text-align: center;
}

.hero-align-right .hero-left {
    text-align: right;
}

.hero-height-small {
    min-height: 420px;
}

.hero-height-medium {
    min-height: 560px;
}

.hero-height-large {
    min-height: 680px;
}

.hero-height-fullscreen {
    min-height: 100vh;
}
/* CMS HERO – ispravka prikaza sadržaja */

.hero {
    position: relative;
    isolation: isolate;
}

.hero::before,
.hero::after {
    z-index: 0 !important;
}

.hero-cms-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}

.hero .container,
.hero .hero-inner {
    position: relative;
    z-index: 5 !important;
}

.hero-left,
.hero-slogan {
    position: relative;
    z-index: 6 !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.hero-left {
    display: block !important;
}

.hero-slogan {
    display: block !important;
}
/* GLOBAL FOOTER SOCIAL LINKS */

.footer-socials {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
}

.footer-socials a {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 50%;
    color: #ffffff;
    transition: 0.25s ease;
}

.footer-socials a:hover {
    background: #dc2626;
    border-color: #dc2626;
    color: #ffffff;
    transform: translateY(-2px);
}

.site-footer .footer-grid > div:last-child p a {
    display: inline;
    margin: 0;
    color: inherit;
}

.site-footer .footer-grid > div:last-child p a:hover {
    color: #dc2626;
}
/* FINALNI CMS BLOG PRIKAZ */

.blog-grid-cms {
    margin-top: 24px;
}

.blog-grid-cms .blog-card {
    height: 100%;
}

.blog-grid-cms .blog-card-main-link {
    height: 100%;
}

.cms-single-blog-article {
    counter-reset: cms-blog-section;
}

.cms-blog-content > h2 {
    position: relative;
    margin-top: 62px;
    padding-top: 24px;
    counter-increment: cms-blog-section;
}

.cms-blog-content > h2::before {
    content: counter(cms-blog-section, decimal-leading-zero);
    position: absolute;
    top: 0;
    left: 0;
    color: #dc2626;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.08em;
}

.cms-blog-content p {
    margin: 0 0 22px;
    line-height: 1.85;
}

.cms-blog-content blockquote {
    margin: 32px 0;
    padding: 25px 28px;
    border-left: 4px solid #dc2626;
    background: #111111;
    color: #ffffff;
    font-weight: 700;
    line-height: 1.7;
}

.cms-blog-content ul,
.cms-blog-content ol {
    margin: 24px 0;
    padding: 24px 30px 24px 48px;
    background: #f5f5f5;
    line-height: 1.8;
}

.cms-blog-content img {
    max-width: 100%;
    height: auto;
    margin: 30px 0;
}
/* =========================================================
   POSLOVNI KONSALTING — FINALNA VERZIJA
========================================================= */

.consulting-page-final{
    overflow:hidden;
    background:#fff;
}

/* HERO — CELA SEKCIJA IMA BACKGROUND */

.consulting-page-final-hero{
    position:relative;
    min-height:760px;
    display:flex;
    align-items:center;
    background-image:
        linear-gradient(
            90deg,
            rgba(255,255,255,.99) 0%,
            rgba(255,255,255,.98) 34%,
            rgba(255,255,255,.88) 48%,
            rgba(255,255,255,.32) 66%,
            rgba(255,255,255,0) 82%
        ),
        url("/assets/images/consulting-hero.png");
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
    border-bottom:1px solid #ececec;
}

.consulting-page-final-hero-inner{
    min-height:760px;
    display:flex;
    align-items:center;
}

.consulting-page-final-copy{
    width:min(650px,58%);
    padding:55px 0;
}

.consulting-page-final-eyebrow,
.consulting-page-final-heading > span,
.consulting-page-final-process-heading{
    display:block;
    color:#dc2626;
    font-size:14px;
    font-weight:900;
    letter-spacing:.04em;
    text-transform:uppercase;
}

.consulting-page-final-eyebrow{
    margin-bottom:22px;
}

.consulting-page-final-copy h1{
    margin:0 0 28px;
    font-size:68px;
    line-height:1.03;
    letter-spacing:-.04em;
    font-weight:900;
}

.consulting-page-final-copy h1 strong{
    color:#dc2626;
}

.consulting-page-final-lead{
    max-width:620px;
    margin-bottom:30px;
    color:#2f2f2f;
    font-size:18px;
    line-height:1.7;
}

.consulting-page-final-benefits{
    max-width:650px;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:28px;
    margin-bottom:34px;
}

.consulting-page-final-benefit{
    display:grid;
    grid-template-columns:60px 1fr;
    gap:16px;
    align-items:center;
}

.consulting-page-final-benefit-icon{
    width:60px;
    height:60px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #ececec;
    border-radius:50%;
    background:#fff;
    color:#dc2626;
    font-size:24px;
    box-shadow:0 10px 28px rgba(0,0,0,.07);
}

.consulting-page-final-benefit h2{
    margin-bottom:5px;
    font-size:16px;
}

.consulting-page-final-benefit p{
    color:#555;
    font-size:13px;
    line-height:1.55;
}

.consulting-page-final-button{
    min-height:56px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    padding:0 28px;
    background:#dc2626;
    color:#fff;
    text-decoration:none;
    text-transform:uppercase;
    font-size:13px;
    font-weight:900;
    border-radius:4px;
    box-shadow:0 12px 28px rgba(220,38,38,.22);
    transition:.3s ease;
}

.consulting-page-final-button:hover{
    background:#b91c1c;
    transform:translateY(-2px);
}

/* PARTNERSTVO */

.consulting-page-final-partnership{
    padding:78px 0 88px;
    background:#fff;
}

.consulting-page-final-heading{
    margin-bottom:48px;
    text-align:center;
}

.consulting-page-final-heading > span{
    margin-bottom:15px;
}

.consulting-page-final-heading h2{
    font-size:42px;
    line-height:1.15;
    letter-spacing:-.025em;
}

.consulting-page-final-heading h2 strong{
    color:#dc2626;
}

.consulting-page-final-partnership-grid{
    max-width:1120px;
    margin:0 auto;
    display:grid;
    grid-template-columns:minmax(0,1fr) 240px minmax(0,1fr);
    gap:35px;
    align-items:stretch;
}

.consulting-page-final-partner-card{
    min-height:510px;
    display:flex;
    flex-direction:column;
    padding:40px 45px 34px;
    border:1px solid #e8e8e8;
    border-radius:18px;
    background:#fff;
    color:#111;
    text-decoration:none;
    box-shadow:0 16px 40px rgba(0,0,0,.07);
    transition:.35s ease;
}

a.consulting-page-final-partner-card:hover{
    transform:translateY(-6px);
    box-shadow:0 24px 55px rgba(0,0,0,.11);
}

.consulting-page-final-vasilica-logo{
    width:220px;
    height:78px;
    margin:0 auto 12px;
    object-fit:contain;
}

.consulting-page-final-biztrust-logo{
    width:145px;
    height:78px;
    margin:0 auto 12px;
    object-fit:contain;
}

.consulting-page-final-partner-type{
    display:block;
    margin-bottom:28px;
    text-align:center;
    color:#5f174e;
    font-size:12px;
    font-weight:900;
    letter-spacing:.04em;
    text-transform:uppercase;
}

.consulting-page-final-partner-card ul{
    flex:1;
    margin:0;
    padding:0;
    list-style:none;
}

.consulting-page-final-partner-card li{
    display:flex;
    align-items:center;
    gap:11px;
    margin-bottom:15px;
    font-size:15px;
    line-height:1.4;
}

.consulting-page-final-partner-card li i{
    color:#dc2626;
    font-size:13px;
}

.consulting-page-final-card-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin-top:15px;
    color:#dc2626;
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
}

.consulting-page-final-partnership-center{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
}

.consulting-page-final-partnership-line{
    width:76px;
    height:1px;
    background:linear-gradient(90deg,transparent,#dc2626,transparent);
}

.consulting-page-final-handshake{
    width:100px;
    height:100px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:14px 0 24px;
    border:1px solid #ededed;
    border-radius:50%;
    background:#fff;
    color:#dc2626;
    font-size:44px;
    box-shadow:0 17px 42px rgba(0,0,0,.08);
}

.consulting-page-final-partnership-center p{
    margin:20px 0;
    color:#333;
    font-size:17px;
    line-height:1.55;
}

.consulting-page-final-partnership-center strong{
    font-size:16px;
    line-height:1.65;
}

/* PROCES */

.consulting-page-final-process{
    padding:34px 0 70px;
    border-top:1px solid #ededed;
    border-bottom:1px solid #ededed;
    background:#fff;
}

.consulting-page-final-process-heading{
    margin-bottom:24px;
    text-align:center;
}

.consulting-page-final-process-grid{
    display:grid;
    grid-template-columns:1fr 70px 1fr 70px 1fr 70px 1fr 70px 1fr;
    align-items:center;
}

.consulting-page-final-step{
    text-align:center;
}

.consulting-page-final-step > span{
    display:block;
    margin-bottom:12px;
    color:#dc2626;
    font-size:15px;
    font-weight:900;
}

.consulting-page-final-step > div{
    width:82px;
    height:82px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 17px;
    border:1px solid #ededed;
    border-radius:50%;
    background:#fff;
    color:#dc2626;
    font-size:32px;
    box-shadow:0 12px 30px rgba(0,0,0,.06);
}

.consulting-page-final-step h3{
    font-size:16px;
    line-height:1.5;
    font-weight:700;
}

.consulting-page-final-arrow{
    color:#dc2626;
    text-align:center;
    font-size:27px;
}

/* REFERENCE — LOGOTIPI OSTAJU U BOJI */

.consulting-page-final-references{
    padding:55px 0 62px;
    background:#fafafa;
}

.consulting-page-final-heading-small{
    margin-bottom:32px;
}

.consulting-page-final-heading-small h2{
    font-size:34px;
}

.consulting-page-final-marquee{
    width:100%;
    overflow:hidden;
    -webkit-mask-image:linear-gradient(
        90deg,
        transparent 0,
        #000 7%,
        #000 93%,
        transparent 100%
    );
    mask-image:linear-gradient(
        90deg,
        transparent 0,
        #000 7%,
        #000 93%,
        transparent 100%
    );
}

.consulting-page-final-marquee-track{
    width:max-content;
    display:flex;
    align-items:center;
    gap:26px;
    animation:consultingFinalLogoScroll 32s linear infinite;
}

.consulting-page-final-marquee:hover .consulting-page-final-marquee-track{
    animation-play-state:paused;
}

.consulting-page-final-logo-item{
    width:220px;
    height:104px;
    flex:0 0 220px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
    border:1px solid #ececec;
    border-radius:10px;
    background:#fff;
    box-shadow:0 8px 22px rgba(0,0,0,.05);
}

.consulting-page-final-logo-item img{
    max-width:100%;
    max-height:62px;
    object-fit:contain;
    filter:none !important;
    opacity:1 !important;
}

@keyframes consultingFinalLogoScroll{
    from{
        transform:translateX(0);
    }
    to{
        transform:translateX(calc(-50% - 13px));
    }
}

/* FINALNI CTA */

.consulting-page-final-cta{
    padding:35px 0;
    border-top:1px solid #ededed;
    background:#fff;
}

.consulting-page-final-cta-inner{
    display:grid;
    grid-template-columns:1fr auto auto;
    align-items:center;
    gap:50px;
}

.consulting-page-final-cta-copy h2{
    margin-bottom:8px;
    font-size:28px;
}

.consulting-page-final-cta-copy p{
    max-width:460px;
    color:#444;
    font-size:15px;
    line-height:1.6;
}

@media(max-width:640px){

    .consulting-page-final-cta-logos{
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:12px;
        width:100%;
    }

    .consulting-page-final-cta-logos img:first-child{
        width:135px;
        max-width:100%;
    }

    .consulting-page-final-cta-logos span{
        display:block;
        font-size:24px;
        line-height:1;
    }

    .consulting-page-final-cta-logos img:last-child{
        width:82px;
        max-width:100%;
    }
}

/* TABLET */

@media(max-width:1180px){

    .consulting-page-final-hero{
        background-position:62% center;
    }

    .consulting-page-final-copy{
        width:min(610px,62%);
    }

    .consulting-page-final-copy h1{
        font-size:55px;
    }

    .consulting-page-final-partnership-grid{
        grid-template-columns:1fr;
        max-width:720px;
    }

    .consulting-page-final-partnership-center{
        min-height:240px;
    }

    .consulting-page-final-process-grid{
        grid-template-columns:repeat(5,1fr);
        gap:18px;
    }

    .consulting-page-final-arrow{
        display:none;
    }

    .consulting-page-final-cta-inner{
        grid-template-columns:1fr;
        text-align:center;
    }

    .consulting-page-final-cta-copy p{
        margin:0 auto;
    }

    .consulting-page-final-cta-logos{
        justify-content:center;
    }

    .consulting-page-final-cta .consulting-page-final-button{
        justify-self:center;
    }
}

@media(max-width:900px){

    .consulting-page-final-hero{
        min-height:auto;
        padding:70px 0 420px;
        background-image:
            linear-gradient(
                180deg,
                rgba(255,255,255,.99) 0%,
                rgba(255,255,255,.98) 48%,
                rgba(255,255,255,.18) 76%,
                rgba(255,255,255,0) 100%
            ),
            url("/assets/images/consulting-hero.png");
        background-position:center bottom;
        background-size:cover;
    }

    .consulting-page-final-hero-inner{
        min-height:auto;
    }

    .consulting-page-final-copy{
        width:100%;
    }

    .consulting-page-final-copy h1{
        font-size:50px;
    }

    .consulting-page-final-process-grid{
        grid-template-columns:repeat(2,1fr);
        row-gap:35px;
    }
}

/* MOBILNI */

@media(max-width:640px){

    .consulting-page-final-hero{
        padding:58px 0 290px;
    }

    .consulting-page-final-copy h1{
        font-size:39px;
    }

    .consulting-page-final-lead{
        font-size:16px;
    }

    .consulting-page-final-benefits{
        grid-template-columns:1fr;
    }

    .consulting-page-final-button{
        width:100%;
    }

    .consulting-page-final-heading h2{
        font-size:32px;
    }

    .consulting-page-final-partner-card{
        min-height:auto;
        padding:32px 25px;
    }

    .consulting-page-final-process-grid{
        grid-template-columns:1fr;
    }

    .consulting-page-final-logo-item{
        width:180px;
        flex-basis:180px;
    }

    .consulting-page-final-cta-logos{
        flex-wrap:wrap;
        justify-content:center;
    }

    .consulting-page-final-cta-logos img:first-child{
        width:150px;
    }

    .consulting-page-final-cta-logos img:last-child{
        width:95px;
    }
}