@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap");
:root{
    --green:#006246;
    --green2:#008a68;
    --dark:#001f18;
    --accent:#b8ef5b;
    --light:#f6f7f6;
    --muted:#737c7a;
    --white:#fff;
    --shadow:0 18px 45px rgba(0,0,0,.08);
    --radius:22px;
}
body{
    font-family:'Inter',sans-serif;
}
.hero h1{
    font-family:'Inter',sans-serif;
    font-weight:800;
    font-size:clamp(64px,8vw,110px);
    line-height:0.92;
    letter-spacing:-0.07em;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    margin:0;
    font-family:'Inter',sans-serif;
    color:#101313;
    background:#fff;
    line-height:1.45;
    font-weight:400;
}
h1,
h2,
h3,
h4,
h5,
h6{
    font-family:'Inter',sans-serif;
    font-weight:800;
}
img,video{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
.container{
    width:min(1180px, calc(100% - 48px));
    margin-inline:auto;
}
mark{
    background:var(--accent);
    color:#00543d;
    padding:0 .12em;
}
.pill{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:6px 14px;
    border:1px solid rgba(0,98,70,.18);
    border-radius:999px;
    background:rgba(255,255,255,.9);
    color:#006246;
    font-size:12px;
    letter-spacing:.06em;
    text-transform:uppercase;
    font-weight:700;
}
.pill:before{
    content:"";
    width:6px;height:6px;border-radius:50%;
    background:var(--accent);
}
.pill-dark{
    background:rgba(255,255,255,.14);
    color:#d8ffe7;
    border-color:rgba(255,255,255,.25);
}
.dark-pill{
    background:rgba(255,255,255,.12);
    color:#dfffea;
    border-color:rgba(255,255,255,.25);
}
.small{font-size:10px;padding:5px 12px}
.btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    border-radius:999px;
    background:var(--green2);
    color:#fff;
    padding:15px 24px;
    font-weight:800;
    border:none;
    cursor:pointer;
    box-shadow:0 16px 35px rgba(0,98,70,.2);
}
.btn span{
    width:26px;height:26px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:#fff;
    color:var(--green);
}
.btn-white{
    background:#fff;
    color:var(--green);
}
.btn-header{
    padding:14px 24px;
}

/* Header */
.site-header{
    position:fixed;
    top:0;left:0;right:0;
    z-index:100;
    padding:20px 0;
    color:#fff;
    transition:.25s ease;
}
.site-header.is-scrolled{
    background:rgba(0,71,53,.92);
    backdrop-filter:blur(12px);
    padding:12px 0;
}
.header-inner{
    width:min(1360px, calc(100% - 44px));
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:28px;
}
.brand{
    display:flex;
    align-items:center;
    gap:12px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.03em;
    line-height:1;
}
.brand-mark{
    width:44px;height:35px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:3px;
}
.brand-mark span{
    background:#fff;
    clip-path:polygon(0 0,100% 50%,0 100%);
}
.brand-text{font-size:14px;white-space:nowrap}
.main-nav{
    display:flex;
    align-items:center;
    gap:28px;
    font-size:15px;
}
.header-actions{
    display:flex;
    align-items:center;
    gap:14px;
}
.phone-link{
    font-size:14px;
    line-height:1.15;
}
.phone-link span{
    display:block;
    opacity:.75;
}
.round-btn,.menu-toggle{
    width:46px;height:46px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.35);
    color:#fff;
    background:rgba(255,255,255,.08);
    font-size:19px;
}
.menu-toggle{display:none}

/* Hero */
.hero{
    min-height:760px;
    background:url("../img/hero.jpg") center/cover no-repeat;
    position:relative;
    color:#fff;
    overflow:hidden;
}
.hero-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(90deg, rgba(0,0,0,.74) 0%, rgba(0,0,0,.38) 48%, rgba(0,0,0,.62) 100%);
}
.hero-content{
    position:relative;
    z-index:2;
    width:min(1180px, calc(100% - 48px));
    margin:0 auto;
    padding-top:175px;
}
.hero h1{
    font-size:clamp(58px,7.4vw,106px);
    line-height:.92;
    letter-spacing:-.075em;
    margin:26px 0 26px;
    max-width:760px;
}
.hero p{
    max-width:610px;
    font-size:18px;
    color:rgba(255,255,255,.92);
    margin:0 0 34px;
}
.scroll-down{
    position:absolute;
    left:50%;
    bottom:34px;
    transform:translateX(-50%);
    width:54px;height:54px;
    border-radius:50%;
    background:#fff;
    color:var(--green);
    display:grid;
    place-items:center;
    font-size:26px;
    z-index:3;
}

/* Intro */
.intro{
    background:var(--green);
    color:#fff;
    padding:108px 0 88px;
    overflow:hidden;
}
.intro-head{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:90px;
    align-items:end;
}
.intro h2,
.section-head h2{
    font-size:clamp(38px,5.2vw,70px);
    line-height:0.98;
    letter-spacing:-0.06em;
    margin:22px 0;
    font-weight:800;
}
.intro-head p{
    color:rgba(255,255,255,.78);
    font-size:17px;
    max-width:520px;
}
.intro-cards{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;
    margin-top:70px;
}
.white-card{
    background:#fff;
    color:#111;
    border-radius:22px;
    box-shadow:var(--shadow);
}
.image-card{
    padding:16px 16px 30px;
}
.image-card img{
    width:100%;
    height:190px;
    object-fit:cover;
    border-radius:16px;
}
.image-card h3{
    font-size:25px;
    margin:24px 8px 12px;
}
.image-card p{
    color:#7b8380;
    font-size:15px;
    margin:0 8px;
}
.intro-note{
    max-width:900px;
    margin:70px auto 0;
    text-align:center;
    color:#dcfff0;
}

/* Standard */
.standard{
    background:#f7f8f7;
    padding:105px 0 30px;
    overflow:hidden;
}
.section-head.center{text-align:center;margin-inline:auto}
.section-head.center p{
    margin-inline:auto;
}
.section-head p{
    color:#7d8582;
    max-width:720px;
}
.section-head h2 em{
    color:var(--green2);
    font-style:normal;
}
.features-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
    margin-top:60px;
}
.feature-card{
    background:#fff;
    border-radius:17px;
    min-height:175px;
    padding:26px;
    box-shadow:0 10px 30px rgba(0,0,0,.035);
    position:relative;
}
.feature-card img{
    position:absolute;
    right:22px;
    top:22px;
    width:34px;
    height:34px;
}
.feature-card h3{
    font-size:19px;
    max-width:230px;
    margin:0 0 18px;
}
.feature-card p{
    color:#7d8582;
    font-size:14px;
    margin:0;
}
.client-logos{
    text-align:center;
    margin:62px 0 28px;
    color:#8a9290;
}
.client-logos div{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:46px;
    flex-wrap:wrap;
    margin-top:24px;
}
.client-logos img{
    max-height:24px;
    max-width:130px;
    opacity:.7;
}
.offices-visual{
    position:relative;
    min-height:300px;
    display:grid;
    place-items:center;
}
.offices-visual span{
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    font-size:210px;
    font-weight:900;
    color:transparent;
    -webkit-text-stroke:1px rgba(0,98,70,.25);
    letter-spacing:-.08em;
    line-height:.8;
}
.offices-visual img{
    position:relative;
    z-index:2;
    width:min(580px,80%);
    filter:drop-shadow(0 28px 40px rgba(0,0,0,.12));
}

/* Solutions */
.solutions{
    background:#fff;
    padding:110px 0 115px;
}
.solutions .section-head{
    max-width:860px;
    margin:0 auto 70px;
}
.solutions-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:58px 30px;
}
.solution-card img{
    width:100%;
    height:220px;
    object-fit:cover;
    border-radius:16px;
}
.solution-card h3{
    font-size:25px;
    margin:24px 0 12px;
}
.solution-card p{
    color:#737c7a;
    font-size:15px;
    min-height:120px;
}
.solution-card a{
    color:var(--green2);
    font-weight:700;
    font-size:14px;
}

/* Membership */
.membership{
    background:var(--green);
    color:#fff;
    padding:92px 0 0;
    overflow:hidden;
}
.membership-inner{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:60px;
    align-items:center;
}
.membership h2{
    font-size:clamp(52px,6.4vw,88px);
    line-height:1.04;
    letter-spacing:-.06em;
    margin:22px 0 28px;
}
.membership p{
    max-width:540px;
    color:rgba(255,255,255,.75);
}
.membership-card-art{
    position:relative;
    height:390px;
}
.member-card{
    position:absolute;
    width:430px;
    height:250px;
    border-radius:16px;
    background:linear-gradient(135deg,#0b3f32,#00251d);
    border:1px solid rgba(255,255,255,.15);
    box-shadow:0 36px 60px rgba(0,0,0,.35);
    text-transform:uppercase;
    letter-spacing:.08em;
    font-size:38px;
    padding:38px;
}
.member-card.one{
    right:20px;
    top:30px;
    transform:rotate(-18deg);
}
.member-card.two{
    right:0;
    top:130px;
    transform:rotate(-18deg);
    opacity:.92;
    font-size:18px;
    display:flex;
    align-items:flex-end;
}

/* More */
.more-space{
    background:#f7f8f7;
    padding-top:105px;
}
.more-head{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
    margin-bottom:68px;
}
.more-head h2{
    font-size:clamp(40px,5.4vw,66px);
    line-height:1.08;
    letter-spacing:-.045em;
    margin:18px 0;
}
.more-head h2 em{
    color:var(--green2);
    font-style:normal;
}
.more-head p{
    color:#737c7a;
}
.more-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:22px;
    padding-bottom:78px;
}
.more-card{
    background:#fff;
    border-radius:19px;
    padding:14px 14px 24px;
    box-shadow:var(--shadow);
}
.more-card:nth-child(2){transform:translateY(26px)}
.more-card:nth-child(3){transform:translateY(52px)}
.more-card:nth-child(4){transform:translateY(78px)}
.more-card img{
    width:100%;
    height:108px;
    object-fit:cover;
    border-radius:14px;
    filter:grayscale(1);
    opacity:.65;
}
.more-card h3{
    color:var(--green);
    margin:20px 0 10px;
    font-size:22px;
}
.more-card p{
    color:#737c7a;
    font-size:14px;
}
.inside-band{
    background:var(--green);
    color:#fff;
    padding:44px 0;
}
.inside-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:35px;
}
.inside-inner h2{
    font-size:40px;
    margin:0 0 6px;
}
.inside-inner p{
    margin:0;
    color:#baff75;
}

/* Testimonials/video */
.testimonials{
    background:#f7f8f7;
    padding:105px 0 120px;
}
.testimonials-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
    margin-top:56px;
}
.testimonial-card{
    background:#fff;
    border-radius:18px;
    padding:34px;
    min-height:270px;
    box-shadow:0 12px 30px rgba(0,0,0,.035);
}
.quote{
    color:var(--accent);
    font-size:58px;
    height:36px;
    line-height:.7;
}
.testimonial-card p{
    color:#66716e;
    font-size:15px;
}
.testimonial-card strong{
    font-size:13px;
}
.testimonial-card small{
    color:#7f8885;
}
.video-block{
    text-align:center;
    padding-top:118px;
}
.video-block h2{
    font-size:clamp(38px,5.2vw,66px);
    margin:16px 0 8px;
    letter-spacing:-.045em;
}
.video-block h2 em{
    color:var(--green2);
    font-style:normal;
}
.video-block p{
    font-weight:700;
    margin:0 0 8px;
}
.video-block a{
    color:var(--green2);
    font-weight:700;
}
.video-box{
    margin:42px auto 0;
    border-radius:18px;
    overflow:hidden;
    max-width:980px;
    box-shadow:0 18px 45px rgba(0,0,0,.12);
}
.video-box video{
    width:100%;
    display:block;
    background:#111;
}

/* CTA/Footer */
.contact-cta{
    position:relative;
    overflow:hidden;
    text-align:center;
    background:#f7f8f7;
    padding:115px 0 125px;
}
.contact-cta{
    position:relative;
    overflow:hidden;

    background:
    linear-gradient(
        rgba(255,255,255,.60),
        rgba(255,255,255,.60)
    ),
    url('assets/img/BBH_Footer.jpg') center center / cover no-repeat;
}

.contact-cta::before{
    content:"";
    position:absolute;
    inset:0;

    background:linear-gradient(
        140deg,
        transparent 0 44%,
        rgba(0,0,0,.03) 44% 56%,
        transparent 56%
    );

    pointer-events:none;
}
}
.contact-cta .container{position:relative}
.contact-cta h2{
    font-size:clamp(40px,5.2vw,66px);
    line-height:1.08;
    letter-spacing:-.045em;
    margin:16px 0 30px;
}
.footer{
    background:var(--green);
    color:#fff;
    padding:70px 0 26px;
}
.footer-grid{
    display:grid;
    grid-template-columns:1.45fr .75fr 1fr 1.3fr;
    gap:55px;
}
.footer-brand{margin-bottom:55px}
.footer p{
    color:rgba(255,255,255,.85);
}
.socials{
    display:flex;
    gap:12px;
}
.socials a{
    width:32px;height:32px;
    border-radius:50%;
    background:#fff;
    display:grid;
    place-items:center;
}
.socials img{
    width:17px;
    height:17px;
}
.footer nav a{
    display:block;
    margin:0 0 12px;
    color:rgba(255,255,255,.85);
    font-size:14px;
}
.fake-map{
    height:116px;
    border-radius:16px;
    background:
      linear-gradient(45deg, rgba(0,0,0,.08) 25%, transparent 25% 50%, rgba(0,0,0,.08) 50% 75%, transparent 75%),
      #e9ecea;
    background-size:28px 28px;
}
.address-card p{
    display:flex;
    align-items:center;
    gap:10px;
    font-size:14px;
}
.address-card img{
    width:25px;
}
.copyright{
    text-align:center;
    border-top:1px solid rgba(255,255,255,.13);
    margin-top:55px;
    padding-top:22px;
    color:rgba(255,255,255,.72);
    font-size:13px;
}

/* Responsive */
@media(max-width:1100px){
    .main-nav,.phone-link,.round-btn{display:none}
    .menu-toggle{display:block}
    .main-nav.is-open{
        display:flex;
        position:absolute;
        left:24px;
        right:24px;
        top:82px;
        flex-direction:column;
        align-items:flex-start;
        background:rgba(0,78,58,.98);
        border-radius:18px;
        padding:22px;
        box-shadow:0 25px 60px rgba(0,0,0,.25);
    }
    .intro-head,.membership-inner,.more-head{
        grid-template-columns:1fr;
        gap:32px;
    }
    .features-grid,.solutions-grid,.testimonials-grid{
        grid-template-columns:repeat(2,1fr);
    }
    .more-grid{
        grid-template-columns:repeat(2,1fr);
    }
    .more-card:nth-child(n){transform:none}
    .footer-grid{
        grid-template-columns:repeat(2,1fr);
    }
}
@media(max-width:760px){
    .container,.hero-content{
        width:calc(100% - 30px);
    }
    .hero{
        min-height:660px;
    }
    .hero-content{
        padding-top:135px;
    }
    .hero h1{
        font-size:55px;
        letter-spacing:-.045em;
    }
    .hero p{
        font-size:16px;
    }
    .btn-header{display:none}
    .intro,.standard,.solutions,.membership,.more-space,.testimonials,.contact-cta{
        padding-top:72px;
    }
    .intro h2,.section-head h2,.membership h2,.more-head h2,.video-block h2,.contact-cta h2{
        font-size:40px;
        letter-spacing:-.035em;
    }
    .intro-cards,.features-grid,.solutions-grid,.testimonials-grid,.more-grid,.footer-grid{
        grid-template-columns:1fr;
    }
    .image-card img,.solution-card img{
        height:220px;
    }
    .solution-card p{
        min-height:auto;
    }
    .offices-visual span{
        font-size:116px;
    }
    .membership-card-art{
        height:280px;
    }
    .member-card{
        width:310px;
        height:180px;
        font-size:27px;
    }
    .inside-inner{
        flex-direction:column;
        align-items:flex-start;
    }
    .footer-grid{
        text-align:center;
    }
    .footer .brand,.socials{
        justify-content:center;
    }
    .address-card p{
        justify-content:center;
    }
}
/* HERO PDF MATCH */

.hero-content{
    width:100%;
    max-width:none;
    margin:0;
    padding-top:190px;
    padding-left:128px;
    padding-right:40px;
}

.hero h1{
    font-family:'Inter',sans-serif;
    font-size:112px;
    font-weight:800;
    line-height:0.92;
    letter-spacing:-0.075em;
    max-width:1280px;
    margin:26px 0 26px;
}

.hero p{
    max-width:620px;
    font-size:18px;
    line-height:1.35;
    margin-bottom:34px;
}

.hero .pill{
    margin-left:0;
}

.site-header{
    padding-top:24px;
}

.header-inner{
    width:100%;
    max-width:1500px;
    padding:0 34px;
}

.brand{
    margin-right:40px;
}

.main-nav{
    gap:36px;
}

.main-nav a{
    font-size:15px;
    font-weight:500;
}

.brand-text{
    font-size:8px;
    font-weight:700;
    line-height:1.1;
}
/* HEADER + HERO - PDF MATCH */

.site-header{
    padding-top:30px;
}

.header-inner{
    width:100%;
    max-width:none;
    padding-left:48px;
    padding-right:34px;
    gap:42px;
    justify-content:flex-start;
}

.brand{
    flex:0 0 auto;
    margin-right:42px;
}

.main-nav{
    gap:32px;
    flex:0 0 auto;
}

.header-actions{
    margin-left:auto;
}

.hero-content{
    width:100%;
    max-width:none;
    margin:0;
    padding-top:215px;
    padding-left:145px;
    padding-right:40px;
}

.hero h1{
    font-family:'Inter',sans-serif;
    font-size:112px;
    font-weight:800;
    line-height:0.92;
    letter-spacing:-0.075em;
    max-width:1250px;
    margin:28px 0 28px;
}

.hero p{
    max-width:610px;
    font-size:17px;
    line-height:1.35;
    margin-bottom:34px;
}
/* INTRO - PDF MATCH */

/* INTRO - PDF MATCH */

.intro{
    position:relative;
    background:#006246;
    color:#fff;
    padding:92px 0 112px;
    overflow:hidden;
}

.intro-container{
     position:relative;
    z-index:2;
    width:100%;
    max-width:none;
    margin:0;
    padding-left:80px;
    padding-right:80px;
}

.intro-bg-lines{
    position:absolute;
    inset:0;
    background:
        linear-gradient(90deg, transparent 0 70%, rgba(255,255,255,.055) 70% 70.2%, transparent 70.2%),
        linear-gradient(140deg, transparent 0 69%, rgba(255,255,255,.055) 69% 69.2%, transparent 69.2%);
    opacity:.55;
    pointer-events:none;
}

.intro-head{
    display:grid;
    grid-template-columns:1.15fr .85fr;
    gap:80px;
    align-items:start;

    width:100%;
    max-width:1320px;
}

.intro-title .pill{
    margin-bottom:14px;
}

.intro h2{
    font-size:47px;
    line-height:1.08;
    letter-spacing:-0.045em;
    font-weight:500;
    margin:0;
}

.intro h2 mark{
    display:inline-block;
    background:#b8ef5b;
    color:#006246;
    padding:0 .08em .02em;
}

.intro-head p{
    max-width:430px;
    margin-top:118px;
    font-size:14px;
    line-height:1.45;
    font-weight:400;
    color:rgba(255,255,255,.78);
}

.intro-cards{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;

    width:100%;
    max-width:1320px;

    margin-top:66px;
}

.image-card{
    border-radius:16px;
    padding:14px 14px 26px;
}

.image-card img{
    width:100%;
    height:190px;
    object-fit:cover;
    border-radius:11px;
}

.image-card h3{
    font-size:20px;
    line-height:1.2;
    font-weight:800;
    margin:24px 0 12px;
}

.image-card p{
    font-size:14px;
    line-height:1.55;
    color:#8b928f;
    margin:0;
}

/* OVO JE GLAVNA IZMENA */
.intro-note{
    width:100%;
    max-width:1320px;

    margin-top:70px;

    padding-left:120px;
    padding-right:120px;

    text-align:center;

    font-size:15px;
    line-height:1.35;

    color:#fff;
}

.intro-note strong{
    color:#b8ef5b;
    font-weight:700;
}
body .container{
    width:min(1550px, calc(100% - 160px)) !important;
    max-width:1550px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}
@media(max-width:760px){
    body .container{
        width:calc(100% - 30px) !important;
        max-width:none !important;
    }
}
/* MOBILE - intro kartice jedna ispod druge */

@media (max-width: 768px){

    .intro-cards{
        display:flex !important;
        flex-direction:column !important;
        gap:20px !important;
    }

    .intro-cards .image-card{
        width:100% !important;
        max-width:none !important;
    }

    .intro-cards .image-card img{
        width:100% !important;
        height:auto !important;
        display:block;
    }

}
@media (max-width:768px){

    .intro-head{
        display:block !important;
    }

    .intro-head p{
        max-width:100% !important;
        margin-top:24px !important;
        margin-left:0 !important;
    }

    .intro h2{
        font-size:58px !important;
        line-height:1.05 !important;
    }

    .intro h2 mark{
        display:inline !important;
    }

}
.intro-head,
.intro-cards,
.intro-note{
    margin-left:auto !important;
    margin-right:auto !important;
}
.intro-cards{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:40px;
    width:100% !important;
    max-width:none !important;
    margin-top:66px;
}

.image-card{
    width:100% !important;
    border-radius:16px;
    padding:16px 16px 30px;
}

.image-card img{
    width:100%;
    aspect-ratio: 16 / 9;
    height:auto !important;
    object-fit:cover;
    border-radius:11px;
}
.brand-logo {
    height: 65px;
    width: auto;
    display: block;
}
.header-actions{
    display:flex;
    gap:16px;
}

.round-btn{
    width:64px;
    height:64px;
    border-radius:50%;
    border:1.5px solid rgba(255,255,255,.85);
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);

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

    color:#fff;
    cursor:pointer;
    transition:.3s;
}

.round-btn svg{
    width:28px;
    height:28px;
}

.round-btn:hover{
    background:rgba(255,255,255,.15);
}

/* NAVIGACIJA */

.nav-links a,
.main-nav a,
.header-menu a{
    position:relative !important;
    font-size:21px !important;
    font-weight:500 !important;
    line-height:1.2 !important;
    text-decoration:none !important;
}

/* Zelena linija ispod */

.nav-links a::after,
.main-nav a::after,
.header-menu a::after{
    content:'' !important;
    position:absolute !important;
    left:0 !important;
    bottom:-8px !important;
    width:0 !important;
    height:3px !important;
    background:#008060 !important; /* BBH zelena */
    transition:all .25s ease !important;
    border-radius:2px !important;
}

.nav-links a:hover::after,
.main-nav a:hover::after,
.header-menu a:hover::after,
.nav-links a.active::after,
.main-nav a.active::after,
.header-menu a.active::after{
    width:100% !important;
}

.nav-links,
.main-nav,
.header-menu{
    gap:38px !important;
}
/* BBH desni header blok - veće kao u PDF-u */

.header-phone,
.contact-phone,
.phone-box{
    font-size:20px !important;
    font-weight:500 !important;
    line-height:1.25 !important;
}

.header-phone strong,
.contact-phone strong,
.phone-box strong{
    font-size:20px !important;
    font-weight:600 !important;
}

.cta-btn,
.btn-primary,
.header-cta{
    min-width:230px !important;
    height:72px !important;
    padding:0 44px !important;
    font-size:20px !important;
    font-weight:500 !important;
    border-radius:999px !important;
}

.round-btn{
    width:74px !important;
    height:74px !important;
    min-width:74px !important;
    min-height:74px !important;
}

.round-btn svg{
    width:31px !important;
    height:31px !important;
}

.header-actions{
    gap:18px !important;
}
@media (max-width: 768px){

    .hero{
        min-height:100vh !important;
        padding-top:140px !important;
        overflow:hidden !important;
    }

    .hero h1,
    .hero-title{
        font-size:68px !important;
        line-height:0.92 !important;
        letter-spacing:-2px !important;
        max-width:100% !important;
        word-break:break-word !important;
    }

    .hero-content{
        width:100% !important;
        padding:0 24px !important;
    }

    .hero-text,
    .hero-description{
        max-width:100% !important;
        font-size:20px !important;
    }
}
@media (max-width: 768px){

    .header-actions{
        gap:10px !important;
    }

    .round-btn{
        width:54px !important;
        height:54px !important;
        min-width:54px !important;
        min-height:54px !important;
    }

    .round-btn svg{
        width:22px !important;
        height:22px !important;
    }

    .mobile-menu-btn,
    .hamburger,
    .menu-toggle{
        display:flex !important;
        width:54px !important;
        height:54px !important;
        min-width:54px !important;
        border-radius:50% !important;
        align-items:center !important;
        justify-content:center !important;
        z-index:20 !important;
    }

    .brand-logo{
        height:58px !important;
    }
}
/* DESNI HEADER BLOK - BBH PDF */
.header-right,
.header-actions-wrap,
.nav-actions{
    display:flex !important;
    align-items:center !important;
    gap:28px !important;
}

.contact-phone,
.header-phone,
.phone-box{
    font-size:18px !important;
    font-weight:400 !important;
    line-height:1.25 !important;
    color:#fff !important;
}

.contact-phone strong,
.header-phone strong,
.phone-box strong{
    font-weight:400 !important;
}

.cta-btn,
.btn-primary,
.header-cta{
    width:230px !important;
    height:74px !important;
    padding:0 38px !important;
    font-size:20px !important;
    font-weight:400 !important;
    border-radius:999px !important;
}

.round-btn{
    width:78px !important;
    height:78px !important;
    min-width:78px !important;
    min-height:78px !important;
    border:1.5px solid rgba(255,255,255,.95) !important;
}

.round-btn svg{
    width:30px !important;
    height:30px !important;
}
.header-phone{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
}

.phone-icon{
    width:40px !important;
    height:40px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#fff !important;
}

.phone-icon svg{
    width:32px !important;
    height:32px !important;
}
.cta-btn,
.header-cta{
    background:#00684d !important;
    color:#fff !important;

    width:220px !important;
    height:78px !important;

    border-radius:999px !important;

    font-size:18px !important;
    font-weight:600 !important;

    box-shadow:none !important;
}

.cta-btn:hover,
.header-cta:hover{
    background:#005b43 !important;
}
.phone-link{
    display:flex;
    align-items:center;
    gap:12px;
    color:#fff;
    text-decoration:none;
}

.phone-icon{
    width:38px;
    height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}

.phone-icon svg{
    width:32px;
    height:32px;
}

.phone-text{
    display:flex;
    flex-direction:column;
    line-height:1.2;
}

.phone-text small{
    font-size:14px;
    color:#ffffff;
    opacity:.9;
}

.phone-text strong{
    font-size:18px;
    font-weight:600;
    color:#fff;
}

.btn-header{
    background:#00684d !important;
    color:#fff !important;
    font-weight:600 !important;
    min-width:230px !important;
    height:78px !important;
    border-radius:999px !important;
}

.btn-header:hover{
    background:#005a42 !important;
}
.phone-link{
    display:flex !important;
    align-items:center !important;
    gap:14px !important;
    color:#fff !important;
    text-decoration:none !important;
}

.phone-icon{
    width:44px !important;
    height:44px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-shrink:0 !important;
}

.phone-icon svg{
    width:38px !important;
    height:38px !important;
}

.phone-text{
    display:flex !important;
    flex-direction:column !important;
    line-height:1.15 !important;
}

.phone-text small{
    font-size:16px !important;
    font-weight:400 !important;
    color:#fff !important;
    opacity:.95 !important;
}

.phone-text strong{
    font-size:20px !important;
    font-weight:400 !important;
    color:#fff !important;
    letter-spacing:0.01em !important;
}
.phone-link,
.phone-link *{
    color:#ffffff !important;
}

.phone-text small{
    color:#ffffff !important;
    opacity:1 !important;
    font-size:16px !important;
    font-weight:400 !important;
}

.phone-text span,
.phone-text strong{
    color:#ffffff !important;
    font-size:20px !important;
    font-weight:400 !important;
    opacity:1 !important;
}

.phone-icon,
.phone-icon svg{
    color:#ffffff !important;
    stroke:#ffffff !important;
}
.phone-link{
    opacity:1 !important;
}
.phone-link,
.phone-link *{
    color:#ffffff !important;
}

.phone-text small{
    color:#ffffff !important;
    opacity:1 !important;
    font-size:16px !important;
    font-weight:400 !important;
}

.phone-text span,
.phone-text strong{
    color:#ffffff !important;
    font-size:20px !important;
    font-weight:400 !important;
    opacity:1 !important;
}

.phone-icon,
.phone-icon svg{
    color:#ffffff !important;
    stroke:#ffffff !important;
}
/* GORNJI PILL */

.hero-pill{
    display:inline-flex !important;
    align-items:center !important;
    gap:10px !important;

    padding:14px 24px !important;

    border-radius:999px !important;

    background:rgba(15,22,28,.35) !important;
    backdrop-filter:blur(10px) !important;

    border:1px solid rgba(255,255,255,.18) !important;

    color:#ffffff !important;
    font-size:14px !important;
    font-weight:500 !important;
    text-transform:uppercase !important;
}

.hero-pill-dot{
    width:8px !important;
    height:8px !important;
    border-radius:50% !important;
    background:#b8ef5b !important;
}

/* DONJE DUGME */

.hero-btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    min-width:220px !important;
    height:74px !important;

    padding:0 10px 0 28px !important;

    border-radius:999px !important;

    background:rgba(30,35,40,.35) !important;
    backdrop-filter:blur(16px) !important;
    -webkit-backdrop-filter:blur(16px) !important;

    border:1px solid rgba(255,255,255,.22) !important;

    color:#ffffff !important;
    text-decoration:none !important;

    font-size:18px !important;
    font-weight:500 !important;
}

.hero-btn span:first-child{
    color:#ffffff !important;
}

.hero-btn-icon{
    width:46px !important;
    height:46px !important;

    border-radius:50% !important;

    background:#008a68 !important;

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

    color:#ffffff !important;
    font-size:20px !important;
}
/* HERO PILL - kao PDF */
.hero-pill{
    padding:7px 17px !important;
    min-height:28px !important;
    gap:8px !important;
    border-radius:999px !important;

    background:rgba(8,14,18,.38) !important;
    border:1px solid rgba(255,255,255,.32) !important;
    backdrop-filter:blur(8px) !important;
    -webkit-backdrop-filter:blur(8px) !important;

    color:#fff !important;
    font-size:11px !important;
    font-weight:400 !important;
    letter-spacing:.02em !important;
}

.hero-pill-dot{
    width:7px !important;
    height:7px !important;
}

/* HERO BUTTON - kao PDF */
.hero-btn{
    min-width:214px !important;
    height:62px !important;
    padding:0 8px 0 30px !important;
    gap:14px !important;

    border-radius:999px !important;
    background:rgba(18,24,28,.45) !important;
    border:1px solid rgba(255,255,255,.42) !important;

    backdrop-filter:blur(14px) !important;
    -webkit-backdrop-filter:blur(14px) !important;

    color:#fff !important;
    font-size:17px !important;
    font-weight:400 !important;
    text-decoration:none !important;
}

.hero-btn-icon{
    width:43px !important;
    height:43px !important;
    min-width:43px !important;

    border-radius:50% !important;
    background:#008a68 !important;

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

    color:#fff !important;
    font-size:19px !important;
    font-weight:400 !important;
}
@media (max-width:768px){

    .phone-link{
        display:none !important;
    }

    .btn-header{
        display:none !important;
    }

    .site-header,
    .header{
        padding:18px 22px !important;
    }

    .header-actions{
        gap:12px !important;
        margin-left:auto !important;
    }

    .round-btn{
        width:58px !important;
        height:58px !important;
        min-width:58px !important;
        min-height:58px !important;
    }

    .brand-logo{
        height:58px !important;
    }
}
@media (max-width:768px){

    .round-btn{
        width:46px !important;
        height:46px !important;
        min-width:46px !important;
        min-height:46px !important;
    }

    .round-btn svg{
        width:21px !important;
        height:21px !important;
    }

    .header-actions{
        gap:9px !important;
    }

    .brand-logo{
        height:52px !important;
    }
}
@media (max-width:768px){
    .round-btn{
        width:42px !important;
        height:42px !important;
        min-width:42px !important;
        min-height:42px !important;
    }

    .round-btn svg{
        width:19px !important;
        height:19px !important;
    }
}
@media (max-width:768px){

    .round-btn{
        width:30px !important;
        height:30px !important;
        min-width:30px !important;
        min-height:30px !important;
    }

    .round-btn svg{
        width:18px !important;
        height:18px !important;
    }

    .header-actions{
        gap:8px !important;
    }
}

.hero-btn{
    position:relative !important;
    overflow:hidden !important;

    background:rgba(18,24,28,.45) !important;
    backdrop-filter:blur(16px) !important;
    -webkit-backdrop-filter:blur(16px) !important;

    border:1px solid rgba(255,255,255,.35) !important;
}

/* bela blur fleka */

.hero-btn::before{
    content:'' !important;
    position:absolute !important;

    width:180px !important;
    height:180px !important;

    left:-60px !important;
    top:-55px !important;

    border-radius:50% !important;

    background:rgba(255,255,255,.22) !important;

    filter:blur(40px) !important;
    -webkit-filter:blur(40px) !important;

    pointer-events:none !important;
}
.hero-btn::before{
    content:'' !important;
    position:absolute !important;

    width:140px !important;
    height:140px !important;

    left:-30px !important;
    top:-40px !important;

    border-radius:50% !important;

    background:rgba(255,255,255,.35) !important;

    filter:blur(45px) !important;

    pointer-events:none !important;
}
.hero-overlay{
    background:rgba(0,0,0,.18) !important;
}

.hero img,
.hero-bg{
    filter:brightness(1.08) contrast(1.05) !important;
}

/* INTRO SECTION - CLEAN BBH */
.intro{
    position:relative;
    background:#006246;
    color:#fff;
    padding:110px 0 70px;
    overflow:hidden;
}

.intro .container,
.intro-container{
    width:100%;
    max-width:1307px;
    margin:0 auto;
    padding:0;
}

.intro-head{
    display:grid;
    grid-template-columns:1.15fr .85fr;
    gap:80px;
    align-items:end;
    margin-bottom:70px;
}

.intro-title{
    max-width:none;
}

.pill-dark{
    display:inline-flex;
    align-items:center;
    gap:8px;
    height:28px;
    padding:0 14px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.45);
    background:rgba(0,30,23,.25);
    color:#fff;
    font-size:13px;
    font-weight:400;
    letter-spacing:.03em;
}

.pill-dark::before{
    content:"";
    width:7px;
    height:7px;
    border-radius:50%;
    background:#b8ef5b;
}

.intro h2{
    margin:24px 0 0;
    font-size:64px;
    line-height:1.12;
    letter-spacing:-0.025em;
    font-weight:400;
    color:#fff;
}

.intro h2 mark{
    background:#b8ef5b;
    color:#00513d;
    padding:0 .08em;
}

.intro-head p{
    max-width:620px;
    margin:0 0 18px;
    font-size:18px;
    line-height:1.55;
    font-weight:300;
    color:#fff;
}

.intro-cards{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:32px;
    width:100%;
    margin:0 0 70px;
}

.intro-note{
    max-width:980px;
    margin:70px auto 0;
    text-align:center;
    font-size:16px;
    line-height:1.45;
}

.intro-note strong{
    color:#b8ef5b;
    font-weight:700;
}








/* BBH HERO FONT - TANJI KAO PDF */

.hero h1,
.hero-title{
    font-family:"Inter", Arial, sans-serif !important;
    font-weight:700 !important;
    font-size:clamp(70px, 7.2vw, 112px) !important;
    line-height:.93 !important;
    letter-spacing:-0.055em !important;
    transform:none !important;
    max-width:1180px !important;
}

@media (max-width:768px){
    .hero h1,
    .hero-title{
        font-weight:700 !important;
        font-size:58px !important;
        line-height:.96 !important;
        letter-spacing:-0.045em !important;
    }
}
.hero h1,
.hero-title{
    font-weight:700 !important;
    letter-spacing:-0.01em !important;
    line-height:0.95 !important;
}

/* =========================
   BBH INTRO SECTION
========================= */

.intro{
    position:relative;
    background:#006246;
    color:#fff;
    padding:110px 0 70px;
    overflow:hidden;
}

.intro .container,
.intro-container{
    width:100%;
    max-width:1307px;
    margin:0 auto;
    padding:0;
}

/* GORNJI DEO */

.intro-head{
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
    gap:100px !important;
    margin-bottom:70px !important;
}

/* LEVA KOLONA */

.intro-title{
    width:58% !important;
}

.pill-dark{
    display:inline-flex;
    align-items:center;
    gap:8px;
    height:38px;
    padding:0 18px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.25);
    background:rgba(0,0,0,.12);
    color:#fff;
    font-size:14px;
    font-weight:500;
}

.pill-dark::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:#b8ef5b;
}

.intro h2{
    margin:30px 0 0;
    font-size:64px;
    line-height:1.08;
    letter-spacing:-0.03em;
    font-weight:400;
    color:#fff;
}

.intro h2 mark{
    background:#b8ef5b;
    color:#00513d;
    padding:0 .08em;
}

/* DESNA KOLONA */

.intro-head > p{
    width:34% !important;
    margin:0 !important;

    font-size:18px;
    line-height:1.6;
    font-weight:300;
    color:#fff;
}

/* KARTICE */

.intro-cards{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:32px;
    width:100%;
    margin:0 0 70px;
}

/* DONJI TEKST */

.intro-note{
    max-width:980px;
    margin:70px auto 0;
    text-align:center;
    font-size:16px;
    line-height:1.45;
}

.intro-note strong{
    color:#b8ef5b;
    font-weight:700;
}

/* MOBILNI */

@media(max-width:991px){

    .intro-head{
        display:block !important;
    }

    .intro-title{
        width:100% !important;
    }

    .intro-head > p{
        width:100% !important;
        margin-top:30px !important;
    }

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

    .intro-cards{
        grid-template-columns:1fr;
    }
}
/* INTRO KARTICE da budu u istoj ravni kao intro-head */
section.intro#about .intro-cards{
    width:100% !important;
    max-width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(3, 1fr) !important;
    gap:32px !important;
    margin-left:0 !important;
    margin-right:0 !important;
}

/* ako su same kartice preširoke zbog paddinga/slike */
section.intro#about .white-card,
section.intro#about .image-card{
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
}
section.intro#about .intro-cards{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
}

section.intro#about .image-card img{
    width:100% !important;
}
section.intro .container.intro-container{
    max-width:1400px !important;
    width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
}
.pill-dark{
    display:inline-flex !important;
    align-items:center !important;
    gap:8px !important;

    height:28px !important;
    padding:0 16px !important;

    border:1px solid rgba(255,255,255,.55) !important;
    border-radius:14px !important;

    background:transparent !important;

    color:#fff !important;
    font-size:13px !important;
    font-weight:600 !important;
    line-height:1 !important;
}

.pill-dark::before{
    content:"";
    width:7px !important;
    height:7px !important;
    border-radius:50% !important;
    background:#b8ef5b !important;
}

@media (min-width: 1200px){

    .btn-header{
        transform: scale(.9) !important;
    }

    .phone-link{
        transform: scale(.9) !important;
    }

    .round-btn{
        transform: scale(.9) !important;
    }

}
/* HERO BUTTON */

.hero-btn{
    transition: all .3s ease !important;
}

.hero-btn-icon{
    transition: all .3s ease !important;
}

/* Desktop hover */

.hero-btn:hover{
    background:#006b52 !important;
    border-color:#006b52 !important;
    color:#fff !important;
}

.hero-btn:hover .hero-btn-icon{
    background:#009775 !important;
    color:#fff !important;
    transform:translateX(3px) !important;
}

/* Mobile tap */

.hero-btn:active{
    background:#006b52 !important;
    border-color:#006b52 !important;
    color:#fff !important;
}

.hero-btn:active .hero-btn-icon{
    background:#009775 !important;
    color:#fff !important;
    transform:translateX(3px) !important;
}
.hero-btn:hover .hero-btn-icon{
    background:#009775 !important;
    color:#fff !important;
    transform:translateX(3px) rotate(45deg) !important;
}

.hero-btn:active .hero-btn-icon{
    background:#009775 !important;
    color:#fff !important;
    transform:translateX(3px) rotate(45deg) !important;
}

.round-btn{
    transition:all .3s ease !important;
}

.round-btn svg{
    transition:all .3s ease !important;
}

/* Desktop */

.round-btn:hover{
    background:#006b52 !important;
    border-color:#006b52 !important;
    color:#fff !important;
    transform:translateY(-2px);
}

/* Mobile tap */

.round-btn:active{
    background:#006b52 !important;
    border-color:#006b52 !important;
    color:#fff !important;
}
.round-btn{
    width:70px !important;
    height:70px !important;
}

.round-btn svg{
    width:26px !important;
    height:26px !important;
}
.phone-link{
    gap:8px !important;
}
@media (max-width: 991px){

    .round-btn{
        transform: scale(.7) !important;
    }

}
@media (max-width:991px){

    .header-actions{
        position:absolute;
        right:55px;
        top:50%;
        transform:translateY(-50%);
    }

}
@media (max-width:991px){

    .header-actions{
        margin-right:0px !important;
    }

}
@media (max-width:991px){

    .header-inner{
        position:relative;
    }

    .menu-toggle{
        position:absolute !important;
        right:10px !important;
        top:50% !important;
        transform:translateY(-50%) !important;
        z-index:20;
    }

    .header-actions{
        padding-right:54px !important;
        gap:8px !important;
    }
}
@media (max-width:991px){

    .brand{
        margin-left:-50px !important;
    }

}
.intro .intro-container{
    max-width: 1500px !important;
    width: calc(100% - 72px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
section.intro#about > .container.intro-container{
    max-width:1500px !important;
    width:calc(100% - 72px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
}

section.intro#about .intro-head{
    margin-left:0 !important;
    padding-left:0 !important;
}

section.intro#about .intro-title{
    margin-left:0 !important;
    padding-left:0 !important;
}
/* =========================
   LARGE LAPTOP
========================= */
@media (max-width: 1440px){

    .container{
        width:calc(100% - 60px) !important;
    }

    .hero-title{
        font-size:110px !important;
    }

}

/* =========================
   LAPTOP
========================= */
@media (max-width: 1200px){

    .container{
        width:calc(100% - 50px) !important;
    }

    .hero-title{
        font-size:90px !important;
        line-height:.95 !important;
    }

    .intro-head{
        gap:60px !important;
    }

    .intro-title h2{
        font-size:54px !important;
    }

}

/* =========================
   TABLET
========================= */
@media (max-width: 991px){

    .container{
        width:calc(100% - 40px) !important;
    }

    .hero{
        min-height:800px !important;
    }

    .hero-title{
        font-size:72px !important;
        line-height:.95 !important;
    }

    .intro-head{
        display:block !important;
    }

    .intro-title h2{
        font-size:52px !important;
        margin-bottom:40px !important;
    }

    .intro-head p{
        max-width:100% !important;
    }

    .intro-cards{
        grid-template-columns:1fr 1fr !important;
    }

}

/* =========================
   MOBILE
========================= */
@media (max-width: 767px){

    .container{
        width:calc(100% - 30px) !important;
    }

    .hero{
        min-height:700px !important;
    }

    .hero-title{
        font-size:64px !important;
        line-height:.92 !important;
    }

    .hero-text{
        font-size:18px !important;
    }

    .intro{
        padding-top:80px !important;
    }

    .intro-title h2{
        font-size:42px !important;
        line-height:1.05 !important;
    }

    .intro-cards{
        grid-template-columns:1fr !important;
        gap:20px !important;
    }

}

/* =========================
   SMALL MOBILE
========================= */
@media (max-width: 480px){

    .hero-title{
        font-size:52px !important;
    }

    .intro-title h2{
        font-size:34px !important;
    }

    .pill{
        transform:scale(.9);
        transform-origin:left center;
    }

}
@media (max-width: 767px){

    .site-header{
        width:100% !important;
    }

    .hero{
        min-height:700px !important;
        height:auto !important;
        background-position:center top !important;
    }

    .hero-content{
        padding-top:135px !important;
        padding-left:24px !important;
        padding-right:24px !important;
    }

    .hero-title{
        font-size:58px !important;
        line-height:.95 !important;
        letter-spacing:-2px !important;
        margin-bottom:28px !important;
    }

    .hero-text{
        font-size:17px !important;
        line-height:1.35 !important;
        max-width:340px !important;
        margin-bottom:28px !important;
    }

    .hero .btn{
        transform:scale(.9) !important;
        transform-origin:left center !important;
    }

    .scroll-down{
        right:120px !important;
        bottom:38px !important;
        left:auto !important;
    }

    .intro{
        padding-top:80px !important;
    }

    .intro-container{
        width:calc(100% - 48px) !important;
    }
}
@media (max-width:767px){

    .hero-content{
        transform:translateY(-100px);
    }

}
@media (max-width:767px){

    .scroll-down{
        bottom:20px !important;
    }

}
@media (max-width:767px){

    .intro{
        padding-top:70px !important;
        padding-bottom:70px !important;
    }

    .intro-container{
        width:calc(100% - 40px) !important;
        padding-left:0 !important;
        padding-right:0 !important;
    }

    .intro-head{
        display:block !important;
    }

    .intro-title h2{
        font-size:38px !important;
        line-height:1.08 !important;
        letter-spacing:-1px !important;
    }

    .intro-title h2 br{
        display:none !important;
    }

    .intro-head p{
        margin-top:28px !important;
        font-size:16px !important;
        line-height:1.45 !important;
    }

    .intro-head p br{
        display:none !important;
    }

    .intro-cards{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:24px !important;
        margin-top:45px !important;
    }

    .intro-cards .white-card{
        width:100% !important;
        max-width:100% !important;
        border-radius:18px !important;
        overflow:hidden !important;
    }

    .intro-cards .white-card img{
        width:100% !important;
        height:210px !important;
        object-fit:cover !important;
        display:block !important;
    }

    .intro-cards .white-card h3{
        font-size:24px !important;
        line-height:1.15 !important;
        margin:22px 22px 12px !important;
    }

    .intro-cards .white-card p{
        font-size:16px !important;
        line-height:1.45 !important;
        margin:0 22px 26px !important;
    }

    .intro-note{
        margin-top:50px !important;
        font-size:17px !important;
        line-height:1.45 !important;
        text-align:left !important;
    }

    .intro-note br{
        display:none !important;
    }
}
@media (max-width:767px){

    .intro-cards article.image-card{
        flex:0 0 100% !important;
        min-width:100% !important;
    }
}
@media (max-width:767px){

    section.intro#about .intro-cards{
        display:flex !important;
        flex-direction:column !important;
        gap:24px !important;
        width:100% !important;
        margin-top:45px !important;
    }

    section.intro#about .intro-cards > article.white-card.image-card{
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;
        flex:0 0 auto !important;
        display:block !important;
    }

    section.intro#about .intro-cards > article.white-card.image-card img{
        width:100% !important;
        height:220px !important;
        object-fit:cover !important;
    }
}
.intro-head{
    display:grid !important;
    grid-template-columns: 58% 42% !important;
    align-items:end !important;
    gap:0 !important;
}

.intro-left{
    max-width:760px;
}

.intro-right{
    display:flex;
    justify-content:flex-start;
    align-items:flex-end;
    padding-left:40px;
    padding-bottom:12px;
}

.intro-right p{
    max-width:560px !important;
    margin:0 !important;
    font-size:16px !important;
    line-height:1.55 !important;
}

.intro-left h2{
    margin-top:46px !important;
    max-width:760px !important;
}
@media(max-width:767px){

    .intro-head{
        display:block !important;
    }

    .intro-left,
    .intro-right{
        max-width:100% !important;
        padding:0 !important;
    }

    .intro-right{
        margin-top:28px !important;
    }

    .intro-right p br{
        display:none !important;
    }
}
.intro-head{
    display:grid !important;
    grid-template-columns: 62% 38% !important;
}

.intro-right{
    justify-self:end !important;
    width:100% !important;
}

.intro-right p{
    width:100% !important;
    max-width:520px !important;
}
.intro-right{
    justify-self:end !important;
}
.intro-head{
    width:100% !important;
   max-width:1500px;
} !important;
}
.intro-right{
    width:570px !important;
}

.intro-right{
    display:flex !important;
    justify-content:flex-end !important;
}

.intro-right p{
    width:520px !important;
    max-width:520px !important;
}
.intro-right{
    display:flex !important;
    justify-content:flex-end !important;
    align-items:flex-end !important;
}

.intro-right p{
    position:relative;
    left:50px;
}
.intro-right{
    display:flex !important;
    justify-content:flex-end !important;
    align-items:flex-end !important;
    padding-bottom:35px !important;
}

.intro-right p{
    width:430px !important;
    margin:0 !important;
    line-height:1.6 !important;
}
.intro-right{
    padding-bottom:55px !important;
}
@media (max-width:767px){

    .intro-head{
        display:block !important;
    }

    .intro-left{
        width:100% !important;
    }

    .intro-right{
        width:100% !important;
        padding:0 !important;
        margin-top:25px !important;
        display:block !important;
    }

    .intro-right p{
        width:100% !important;
        max-width:100% !important;
        transform:none !important;
        font-size:16px !important;
        line-height:1.5 !important;
    }

    .intro-title h2{
        font-size:42px !important;
        line-height:1.08 !important;
    }

    .intro-title h2 br{
        display:none !important;
    }

    .intro-right p br{
        display:none !important;
    }
}
section.intro#about .intro-head{
    margin-left:0 !important;
    transform:none !important;
    width:100% !important;
}

section.intro#about .intro-left{
    padding-left:0 !important;
    margin-left:0 !important;
}

section.intro#about .intro-title h2{
    margin-left:0 !important;
}
/* INTRO DESKTOP RESET */
section.intro#about .intro-container{
    width:calc(100% - 72px) !important;
    max-width:1494px !important;
    margin:0 auto !important;
    padding:0 !important;
    overflow:hidden !important;
}

section.intro#about .intro-head{
    width:100% !important;
    display:grid !important;
    grid-template-columns: 48% 52% !important;
    align-items:end !important;
    gap:0 !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
}

section.intro#about .intro-left{
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
}

section.intro#about .intro-right{
    width:100% !important;
    margin:0 !important;
    padding:0 0 18px 0 !important;
    display:flex !important;
    justify-content:flex-end !important;
    transform:none !important;
}

section.intro#about .intro-right p{
    width:560px !important;
    max-width:560px !important;
    margin:0 !important;
    font-size:16px !important;
    line-height:1.55 !important;
    transform:none !important;
}

section.intro#about .intro-title h2{
    margin-left:0 !important;
    max-width:760px !important;
}
@media(max-width:767px){

    section.intro#about .intro-container{
        width:calc(100% - 40px) !important;
        max-width:none !important;
        margin:0 auto !important;
        overflow:hidden !important;
    }

    section.intro#about .intro-head{
        display:block !important;
        width:100% !important;
    }

    section.intro#about .intro-left,
    section.intro#about .intro-right{
        width:100% !important;
        padding:0 !important;
        margin:0 !important;
        transform:none !important;
    }

    section.intro#about .intro-title h2{
        font-size:42px !important;
        line-height:1.08 !important;
        max-width:100% !important;
        margin:35px 0 0 0 !important;
    }

    section.intro#about .intro-right{
        margin-top:28px !important;
        display:block !important;
    }

    section.intro#about .intro-right p{
        width:100% !important;
        max-width:100% !important;
        font-size:16px !important;
        line-height:1.5 !important;
        white-space:normal !important;
    }

    section.intro#about .intro-right p br{
        display:none !important;
    }
}
/* INTRO DESKTOP FINAL */
section.intro#about{
    padding-top:120px !important;
}

section.intro#about .intro-container{
    width:calc(100% - 72px) !important;
    max-width:1494px !important;
    margin:0 auto !important;
    padding:0 !important;
}

section.intro#about .intro-head{
    display:grid !important;
    grid-template-columns: 52% 48% !important;
    align-items:end !important;
    gap:0 !important;
    margin-bottom:80px !important;
}

section.intro#about .intro-left h2{
    font-size:56px !important;
    line-height:1.08 !important;
    letter-spacing:-1.4px !important;
    margin:45px 0 0 0 !important;
    max-width:760px !important;
}

section.intro#about .intro-right{
    display:flex !important;
    justify-content:flex-end !important;
    align-items:flex-end !important;
    padding-bottom:18px !important;
}

section.intro#about .intro-right p{
    width:560px !important;
    max-width:560px !important;
    margin:0 !important;
    font-size:16px !important;
    line-height:1.55 !important;
}

section.intro#about .intro-cards{
    display:grid !important;
    grid-template-columns:repeat(3, 1fr) !important;
    gap:32px !important;
}
@media(max-width:767px){

    section.intro#about{
        padding-top:70px !important;
    }

    section.intro#about .intro-container{
        width:calc(100% - 40px) !important;
    }

    section.intro#about .intro-head{
        display:block !important;
        margin-bottom:45px !important;
    }

    section.intro#about .intro-left h2{
        font-size:38px !important;
        line-height:1.08 !important;
        margin-top:32px !important;
    }

    section.intro#about .intro-left h2 br,
    section.intro#about .intro-right p br{
        display:none !important;
    }

    section.intro#about .intro-right{
        display:block !important;
        margin-top:28px !important;
        padding:0 !important;
    }

    section.intro#about .intro-right p{
        width:100% !important;
        max-width:100% !important;
        font-size:16px !important;
        line-height:1.5 !important;
    }

    section.intro#about .intro-cards{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:24px !important;
    }
}
@media(max-width:767px){

    section.intro#about .intro-left h2 br{
        display:block !important;
    }

    section.intro#about .intro-left h2{
        font-size:38px !important;
        line-height:1.08 !important;
        max-width:330px !important;
        margin-top:32px !important;
    }

    section.intro#about .intro-left h2 mark{
        display:inline !important;
        padding:0 5px 3px !important;
        box-decoration-break:clone;
        -webkit-box-decoration-break:clone;
    }

    section.intro#about .intro-right{
        margin-top:32px !important;
    }

    section.intro#about .intro-right p{
        width:100% !important;
        max-width:330px !important;
        font-size:16px !important;
        line-height:1.5 !important;
        overflow:visible !important;
    }

    section.intro#about .intro-right p br{
        display:none !important;
    }
    .intro-right p{
    max-width:100% !important;
    width:100% !important;
}
.intro-right{
    width:100% !important;
}
}
section.intro#about .intro-left h2 br{
    display:block !important;
}
@media(max-width:767px){

    .intro-left h2 br{
        display:none !important;
    }

    .intro-right p br{
        display:none !important;
    }

}
@media(max-width:767px){

    section.intro#about .intro-head{
        display:block !important;
        width:100% !important;
        margin:0 0 42px 0 !important;
        padding:0 !important;
    }

    section.intro#about .intro-left,
    section.intro#about .intro-right{
        width:100% !important;
        max-width:100% !important;
        margin:0 !important;
        padding:0 !important;
        display:block !important;
        transform:none !important;
    }

    section.intro#about .intro-left h2{
        width:100% !important;
        max-width:100% !important;
        font-size:35px !important;
        line-height:1.12 !important;
        margin:32px 0 0 0 !important;
        white-space:normal !important;
    }

    section.intro#about .intro-left h2 br{
        display:none !important;
    }

    section.intro#about .intro-left h2 mark{
        display:inline !important;
        padding:0 5px 3px !important;
        box-decoration-break:clone;
        -webkit-box-decoration-break:clone;
    }

    section.intro#about .intro-right{
        margin-top:28px !important;
    }

    section.intro#about .intro-right p{
        width:100% !important;
        max-width:100% !important;
        font-size:16px !important;
        line-height:1.5 !important;
        margin:0 !important;
        white-space:normal !important;
        overflow:visible !important;
    }

    section.intro#about .intro-right p br{
        display:none !important;
    }
}
@media(max-width:767px){

    .intro-right{
        width:100% !important;
        margin-top:30px !important;
        padding:0 !important;
        left:auto !important;
        right:auto !important;
        transform:none !important;
    }

    .intro-right p{
        width:100% !important;
        max-width:100% !important;
        margin:0 !important;
        padding:0 !important;
        font-size:16px !important;
        line-height:1.6 !important;
        text-align:left !important;
        position:static !important;
        left:auto !important;
        transform:none !important;
        overflow:visible !important;
    }
}
.intro-right{
    position:relative !important;
    top:40px !important;
     left: 30px !important;
}
@media (max-width: 767px){

    .intro-right{
        position: static !important;
        top: auto !important;
        left: auto !important;
        transform: none !important;
        margin-top: 25px !important;
    }

}


.intro-cards .image-card h3{
    font-size:26px !important;
    line-height:1.2 !important;
    font-weight:500 !important;
    margin:26px 26px 16px !important;
    color:#000 !important;
}

.intro-cards .image-card p{
    font-size:17px !important;
    line-height:1.45 !important;
    font-weight:400 !important;
    color:#7f8785 !important;
    margin:0 26px 32px !important;
}

.intro-note{
    max-width:1120px !important;
    margin:95px auto 0 !important;
    text-align:center !important;
    font-size:18px !important;
    line-height:1.45 !important;
    font-weight:400 !important;
    color:#fff !important;
}

.intro-note strong{
    color:#b6f35b !important;
    font-weight:600 !important;
}

.intro-note br{
    display:none !important;
}
.intro-cards{
    gap:24px !important;
}

.white-card.image-card{
    border-radius:22px !important;
}

.white-card.image-card img{
    border-radius:14px !important;
}
@media (max-width:767px){

    .intro-note{
        max-width:100% !important;
        width:100% !important;
        padding:0 20px !important;
        margin:50px auto 0 !important;
        font-size:16px !important;
        line-height:1.6 !important;
        text-align:center !important;

        white-space:normal !important;
        word-break:normal !important;
        overflow-wrap:break-word !important;
    }

    .intro-note strong{
        display:block !important;
        margin-bottom:12px !important;
    }

}
/* =========================
   sekcija 3
========================= */
.standard{
    background:#f3f3f1 !important;
    padding:90px 0 0 !important;
    color:#050505 !important;
    overflow:hidden !important;
}

.standard .container{
    max-width:1320px !important;
    width:calc(100% - 72px) !important;
    margin:0 auto !important;
}

.standard .section-head{
    text-align:center !important;
    margin-bottom:70px !important;
}

.standard .section-head .pill{
    position:absolute;
    left:0;
    top:0;
}

.standard .section-head{
    position:relative;
}

.standard .section-head h2{
    font-size:58px !important;
    line-height:1.05 !important;
    font-weight:500 !important;
    margin:0 0 34px !important;
    color:#000 !important;
}

.standard .section-head h2 em{
    font-style:normal !important;
    color:#078b72 !important;
}

.standard .section-head p{
    max-width:650px !important;
    margin:0 auto !important;
    font-size:16px !important;
    line-height:1.55 !important;
    color:#8b8b8b !important;
}

.features-grid{
    display:grid !important;
    grid-template-columns:repeat(3, 1fr) !important;
    gap:24px !important;
    margin-bottom:85px !important;
}

.feature-card{
    position:relative !important;
    background:#fff !important;
    border-radius:22px !important;
    min-height:220px !important;
    padding:38px 40px !important;
}

.feature-card img{
    position:absolute !important;
    right:38px !important;
    top:38px !important;
    width:52px !important;
    height:52px !important;
    object-fit:contain !important;
}

.feature-card h3{
    max-width:270px !important;
    font-size:30px !important;
    line-height:1.2 !important;
    font-weight:500 !important;
    margin:0 0 38px !important;
    color:#000 !important;
}

.feature-card p{
    max-width:330px !important;
    font-size:16px !important;
    line-height:1.5 !important;
    font-weight:400 !important;
    color:#8b8b8b !important;
    margin:0 !important;
}

.client-logos{
    text-align:center !important;
    margin-top:40px !important;
}

.client-logos p{
    font-size:20px !important;
    font-weight:500 !important;
    margin-bottom:34px !important;
    color:#000 !important;
}

.client-logos div{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:45px !important;
}

.client-logos img{
    max-height:34px !important;
    max-width:180px !important;
    opacity:.45 !important;
    filter:grayscale(1) !important;
}

.offices-visual{
    position:relative !important;
    margin-top:80px !important;
    min-height:430px !important;
}

.offices-visual span{
    position:absolute !important;
    left:-110px !important;
    bottom:-70px !important;
    font-size:310px !important;
    line-height:.75 !important;
    font-weight:500 !important;
    color:transparent !important;
    -webkit-text-stroke:1px #00745f !important;
    opacity:.9 !important;
    z-index:1 !important;
}

.offices-visual img{
    position:relative !important;
    display:block !important;
    width:760px !important;
    max-width:70% !important;
    margin-left:auto !important;
    margin-right:40px !important;
    z-index:2 !important;
}



@media(max-width:767px){

    .standard{
        padding:65px 0 0 !important;
    }

    .standard .container{
        width:calc(100% - 40px) !important;
    }

    .standard .section-head{
        text-align:left !important;
    }

    .standard .section-head .pill{
        position:static !important;
        margin-bottom:28px !important;
        display:inline-flex !important;
    }

    .standard .section-head h2{
        font-size:42px !important;
    }

    .features-grid{
        grid-template-columns:1fr !important;
        gap:18px !important;
    }

    .feature-card{
        padding:30px 28px !important;
        min-height:210px !important;
    }

    .feature-card h3{
        font-size:26px !important;
    }

    .client-logos div{
        flex-wrap:wrap !important;
        justify-content:center !important;
        gap:28px !important;
    }

    .offices-visual{
        min-height:300px !important;
        margin-top:55px !important;
    }

    .offices-visual span{
        font-size:150px !important;
        left:-35px !important;
        bottom:0 !important;
    }

    .offices-visual img{
        max-width:100% !important;
        width:100% !important;
        margin:0 auto !important;
    }
}
.feature-card{
    transition:.25s ease !important;
}

.feature-card:hover{
    background:#006347 !important;
}

.feature-card:hover h3{
    color:#b7f35b !important;
}

.feature-card:hover p{
    color:#ffffff !important;
}

.feature-card:hover img{
    filter:none !important;
    opacity:1 !important;
}
.feature-card img{
    width:58px !important;
    height:58px !important;
}

.feature-card:first-child img{
    width:68px !important;
    height:68px !important;
    right:34px !important;
    top:34px !important;
}
.feature-card:first-child img{
    transform:scale(1.25) !important;
    transform-origin:center !important;
}
.standard .container{
    max-width:1490px !important;
    width:100% !important;
}
@media(max-width:767px){

    .standard .container{
        width:calc(100% - 40px) !important;
        max-width:none !important;
        padding-left:0 !important;
        padding-right:0 !important;
        margin:0 auto !important;
        overflow:hidden !important;
    }

    .standard .section-head h2{
        font-size:38px !important;
        line-height:1.1 !important;
        white-space:normal !important;
    }

    .standard .section-head p{
        width:100% !important;
        max-width:100% !important;
        font-size:16px !important;
        line-height:1.5 !important;
        white-space:normal !important;
    }

    .features-grid{
        grid-template-columns:1fr !important;
        gap:18px !important;
    }

    .feature-card{
        width:100% !important;
        box-sizing:border-box !important;
    }
}
@media(max-width:767px){

    .feature-card h3{
        font-size:22px !important;
        line-height:1.15 !important;
    }

    .feature-card img{
        width:52px !important;
        height:52px !important;
    }

    .feature-card:first-child img{
        width:62px !important;
        height:62px !important;
    }

}
.standard .pill{
    display:inline-flex !important;
    align-items:center !important;
    gap:8px !important;

    height:28px !important;
    padding:0 10px !important;

    border:1px solid #b8b8b8 !important;
    border-radius:999px !important;

    background:transparent !important;

    color:#2f2f2f !important;
    font-size:15px !important;
    font-weight:500 !important;
    text-transform:uppercase !important;
    letter-spacing:.03em !important;
}

.standard .pill::before{
    content:'' !important;
    width:7px !important;
    height:7px !important;
    border-radius:50% !important;
    background:#b7f35b !important;
    display:block !important;
}
.client-logos{
    margin-bottom:20px !important;
}
.offices-visual img{
    width:78% !important;
    max-width:none !important;
}
.offices-visual{
    position:relative;
    padding-top:40px !important;
}

.offices-visual img{
    position:relative;
    top:40px !important;
}
.offices-visual span{
    font-size:520px !important;
    line-height:0.8 !important;
    bottom:-120px !important;
    left:0 !important;
}
.offices-visual{
    min-height:820px !important;
}
.offices-visual img{
    width:82% !important;
}
@media(max-width:767px){

    .client-logos{
        margin-top:45px !important;
        margin-bottom:40px !important;
    }

    .client-logos div{
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:24px 36px !important;
    }

    .client-logos img{
        max-width:135px !important;
        max-height:30px !important;
    }

    .offices-visual{
        min-height:360px !important;
        margin-top:20px !important;
        padding-top:0 !important;
    }

    .offices-visual img{
        width:125% !important;
        max-width:none !important;
        margin-left:-12% !important;
        top:0 !important;
    }

    .offices-visual span{
        font-size:210px !important;
        left:-80px !important;
        bottom:-10px !important;
    }
}
@media(max-width:767px){
    .offices-visual img{
        width:145% !important;
        margin-left:-22% !important;
    }
}
/* LOGOI BLIŽE 3D SLICI */
.client-logos{
    margin-bottom:0 !important;
}

.offices-visual{
    margin-top:25px !important;
    min-height:620px !important;
    overflow:visible !important;
}

/* 3D SLIKA MANJE PREKO SIVE / NIŽE I KONTROLISANO */
.offices-visual img{
    width:72% !important;
    max-width:none !important;
    margin-right:40px !important;
    position:relative !important;
    top:20px !important;
    z-index:3 !important;
}

/* BGD VEKTORI KAO ISPOD SLIKE */
.offices-visual span{
    font-size:430px !important;
    left:-70px !important;
    bottom:20px !important;
    line-height:.75 !important;
    z-index:1 !important;
    color:transparent !important;
    -webkit-text-stroke:1px #00745f !important;
}
.offices-visual img{
    top:0 !important;
}
.offices-visual{
    margin-top:0 !important;
}
.offices-visual{
    overflow:hidden !important;
    position:relative !important;
}

.offices-visual span{
    position:absolute !important;
    left:-40px !important;
    right:-40px !important;
    width:auto !important;

    font-size:430px !important;
    line-height:.8 !important;
    white-space:nowrap !important;

    color:transparent !important;
    -webkit-text-stroke:1px #00745f !important;
}
.offices-visual span{
    width:1800px !important;
}
.offices-visual{
    position:relative;
    overflow:visible !important;
    min-height:700px;
}
.offices-visual span{
    position:absolute;
    left:-70px;
    bottom:-120px;

    font-size:520px;
    line-height:.8;
    font-weight:300;

    white-space:nowrap;
    width:max-content;

    color:transparent;
    -webkit-text-stroke:1px #00745f;

    z-index:1;
}
.offices-visual{
    position:relative !important;
    overflow:visible !important;
    min-height:700px !important;
}

.offices-visual span{
    position:absolute !important;
    left:-70px !important;
    bottom:-160px !important;

    font-size:520px !important;
    line-height:.8 !important;
    font-weight:300 !important;

    white-space:nowrap !important;
    width:max-content !important;

    color:transparent !important;
    -webkit-text-stroke:1px #00745f !important;

    z-index:1 !important;
}

.offices-visual img{
    position:relative !important;
    z-index:5 !important;

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

    margin-left:auto !important;
    margin-right:40px !important;
    display:block !important;

    transform:translateY(70px) !important;
}
.offices-visual span{
    left:0% !important;

    transform:translateX(-10%) translateY(50px) !important;

    font-size:620px !important;
    font-weight:600 !important;

    letter-spacing:20px !important;

    line-height:.8 !important;
    width:max-content !important;
    white-space:nowrap !important;
}
.offices-visual{
    position:relative !important;
    overflow:visible !important;
    min-height:620px !important;
    z-index:5 !important;
}

.offices-visual img{
    position:relative !important;
    z-index:10 !important;
    transform:none !important;

    width:78% !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:40px !important;

    margin-bottom:-100px !important;
    top:80px !important;
}
.standard{
    overflow:visible !important;
}

.solutions{
    position:relative !important;
    z-index:1 !important;
    padding-top:180px !important;
}
.client-logos{
    margin-bottom:-80px !important;
}
@media (max-width:768px){

    .offices-visual{
        min-height:auto !important;
        padding-top:20px !important;
        margin-top:0 !important;
    }

    .offices-visual span{
        display:none !important;
    }

    .offices-visual img{
        width:95% !important;
        max-width:95% !important;

        position:relative !important;
        top:0 !important;
        left:0 !important;

        transform:none !important;
        margin:20px auto 0 !important;

        display:block !important;
    }

    .client-logos{
        margin-bottom:20px !important;
        padding-bottom:0 !important;
    }
}
@media (max-width:768px){

    .offices-visual img{
        width:115% !important;
        max-width:none !important;

        position:relative !important;
        left:-7.5% !important;

        margin-top:40px !important;
        margin-bottom:-80px !important;

        z-index:20 !important;
    }

    .offices-visual{
        overflow:visible !important;
    }
}
@media (max-width:768px){

    .business-solutions,
    .solutions,
    .next-section{
        padding-top:180px !important;
    }
}
@media(max-width:768px){

    .standard,
    .standard .container,
    .offices-visual{
        overflow:visible !important;
    }

    .offices-visual{
        position:relative !important;
        margin-bottom:-120px !important;
        z-index:5 !important;
        min-height:360px !important;
    }

    .offices-visual img{
        display:block !important;
        position:relative !important;
        z-index:10 !important;

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

        left:50% !important;
        transform:translateX(-50%) !important;

        margin-top:30px !important;
        margin-bottom:-120px !important;
    }
}
.client-logos{
    margin-bottom:20px !important;
    padding-bottom:0 !important;
}

.offices-visual{
    margin-top:-100px !important;
}
@media(max-width:768px){

    .client-logos img{
        max-width:120px !important;
        height:auto !important;
    }
}
/* =========================
   sekcija 4
========================= */
.solutions{
    background:#f3f3f1;
    padding:140px 0;
}

.solutions .container{
    max-width:1320px;
}

.solutions .section-head{
    display:grid;
    grid-template-columns:220px 1fr;
    align-items:start;
    gap:40px;
    margin-bottom:80px;
}

.solutions .section-head h2{
    font-size:72px;
    line-height:1.05;
    font-weight:400;
    margin:0;
    max-width:760px;
}

.solutions .section-head em{
    color:#008f6a;
    font-style:normal;
}

.solutions-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:56px;
}

.solution-card{
    background:transparent;
}

.solution-card img{
    width:100%;
    height:290px;
    object-fit:cover;
    border-radius:32px;
    display:block;
    margin-bottom:28px;
}

.solution-card h3{
    font-size:28px;
    line-height:1.15;
    font-weight:500;
    margin:0 0 24px;
}

.solution-card p{
    font-size:18px;
    line-height:1.6;
    color:#8c8c8c;
    margin:0 0 32px;
}

.solution-card a{
    color:#008f6a;
    font-size:18px;
    font-weight:600;
    text-decoration:none;
}

.solution-card a:hover{
    opacity:.8;
}
.solutions{
    background:#f3f3f1;
    padding:140px 0;
}

.solutions .container{
    max-width:1320px;
}

.solutions .section-head{
    display:grid;
    grid-template-columns:220px 1fr;
    align-items:start;
    gap:40px;
    margin-bottom:80px;
}

.solutions .section-head h2{
    font-size:72px;
    line-height:1.05;
    font-weight:400;
    margin:0;
    max-width:760px;
}

.solutions .section-head em{
    color:#008f6a;
    font-style:normal;
}

.solutions-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:56px;
}

.solution-card{
    background:transparent;
}

.solution-card img{
    width:100%;
    height:290px;
    object-fit:cover;
    border-radius:32px;
    display:block;
    margin-bottom:28px;
}

.solution-card h3{
    font-size:28px;
    line-height:1.15;
    font-weight:500;
    margin:0 0 24px;
}

.solution-card p{
    font-size:18px;
    line-height:1.6;
    color:#8c8c8c;
    margin:0 0 32px;
}

.solution-card a{
    color:#008f6a;
    font-size:18px;
    font-weight:600;
    text-decoration:none;
}

.solution-card a:hover{
    opacity:.8;
}
.solutions .section-head{
    display:grid;
    grid-template-columns:320px 1fr;
    gap:70px;
    align-items:start;
}
.solutions .section-head h2{
    width:800px !important;
    max-width:none !important;
}
.solutions .pill.small{
    width:auto !important;
    min-width:140px !important;
    padding:8px 16px !important;
    font-size:12px !important;
    letter-spacing:.08em !important;

    display:inline-flex !important;
    align-items:center !important;

    transform:scale(.85) !important;
    transform-origin:left center !important;

    margin-left:-25px !important;
}
/* ===== POSLOVNA RESENJA ===== */

.solutions{
    background:#f3f3f1;
    padding:120px 0;
}

.solutions .container{
    max-width:1320px;
}

/* HEADER */

.solutions .section-head{
    display:grid;
    grid-template-columns:260px 1fr;
    align-items:start;
    gap:40px;
    margin-bottom:70px;
}

.solutions .pill.small{
    position:relative;
    left:-20px;
    top:10px;

    transform:scale(.90);
    transform-origin:left center;
}

.solutions .section-head h2{
    position:relative;
    left:-40px;

    width:850px;
    max-width:850px;

    font-size:68px;   /* bilo 76 */
    line-height:0.95;
    font-weight:400;
    margin:0;
}

.solutions .section-head em{
    color:#008f6a;
    font-style:normal;
}

/* KARTICE */

.solutions-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:55px;
}

.solution-card img{
    width:100%;
    height:320px;
    object-fit:cover;
    border-radius:32px;
    display:block;
    margin-bottom:26px;
}

.solution-card h3{
    font-size:28px;
    line-height:1.15;
    font-weight:500;
    margin:0 0 22px;
}

.solution-card p{
    font-size:18px;
    line-height:1.6;
    color:#8d8d8d;
    margin:0 0 30px;
}

.solution-card a{
    color:#008f6a;
    font-size:18px;
    font-weight:600;
    text-decoration:none;
}

.solution-card a:hover{
    opacity:.8;
}

/* MOBILNI */

@media (max-width:768px){

    .solutions{
        padding:80px 0;
    }

    .solutions .section-head{
        grid-template-columns:1fr;
        gap:20px;
        margin-bottom:50px;
    }

    .solutions .pill.small{
        left:0;
        top:0;
        transform:scale(.85);
    }

    .solutions .section-head h2{
        left:0;
        width:auto;
        max-width:100%;

        font-size:48px;
        line-height:1.05;
    }

    .solutions-grid{
        grid-template-columns:1fr;
        gap:50px;
    }

    .solution-card img{
        height:240px;
        border-radius:24px;
    }

    .solution-card h3{
        font-size:24px;
    }

    .solution-card p{
        font-size:16px;
    }

    .solution-card a{
        font-size:16px;
    }
}
.solutions .section-head{
    position:relative;
}

.solutions .pill.small{
    position:absolute !important;
    left:0 !important;
    top:0 !important;

    transform:none !important;
    margin:0 !important;
}

.solutions .section-head h2{
    margin-left:420px !important;
}

.solutions .section-head{
    width:100% !important;
    max-width:none !important;
    display:grid !important;
    grid-template-columns:320px 1fr !important;
    gap:40px !important;
    align-items:start !important;
    margin-bottom:70px !important;
}

.solutions .section-head .pill.small{
    justify-self:start !important;
    position:static !important;
    transform:none !important;
    margin:0 !important;
}

.solutions .section-head h2{
    width:850px !important;
    max-width:850px !important;
    margin:0 !important;
    font-size:68px !important;
    line-height:1.05 !important;
}
.solutions .section-head{
    position:relative;
    min-height:170px;
}

.solutions .pill.small{
    position:absolute;
    left:0;
    top:20px;
}

.solutions .section-title-wrap{
    width:700px;
    margin-left:auto;
    margin-right:90px;
}

.solutions .section-title-wrap h2{
    font-size:55px !important;
    line-height:1.05;
    font-weight:400;
    margin:0;
}

.solutions .section-title-wrap h2 em{
    color:#008f6a;
    font-style:normal;
}
@media(max-width:768px){

    .solutions .section-head{
        display:block !important;
        position:relative !important;
        width:100% !important;
        max-width:100% !important;
        overflow:hidden !important;
    }

    .solutions .section-title-wrap,
    .solutions .section-head h2{
        position:static !important;
        left:auto !important;
        right:auto !important;
        transform:none !important;

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

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

    .solutions .section-head h2{
        font-size:36px !important;
        line-height:1.1 !important;
        white-space:normal !important;
    }

    .solutions .section-head h2 br{
        display:none !important;
    }
}
@media(max-width:768px){
    .solutions .section-head h2{
        margin-left:0 !important;
        margin-right:0 !important;
    }
}
@media(max-width:768px){

    .solutions .section-head h2{
        margin-top:30px !important;
    }

}
.solutions,
.solutions .container{
    background:#fff !important;
}

@media(max-width:768px){

    .solutions,
    .solutions .container{
        background:#fff !important;
    }

}
.form-modal{
    position:fixed;
    inset:0;
    z-index:99999;
    display:none;
}

.form-modal.active{
    display:block;
}

.form-modal-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.65);
}

.form-modal-box{
    position:relative;
    width:min(920px, calc(100% - 40px));
    height:min(86vh, 850px);
    margin:7vh auto 0;
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    z-index:2;
}

.form-modal-close{
    position:absolute;
    right:14px;
    top:10px;
    width:38px;
    height:38px;
    border:0;
    border-radius:50%;
    background:#006347;
    color:#fff;
    font-size:28px;
    line-height:38px;
    cursor:pointer;
    z-index:5;
}

.form-modal-iframe{
    width:100%;
    height:100%;
    padding:50px 16px 16px;
    box-sizing:border-box;
}

.form-modal-iframe iframe{
    width:100%;
    height:100%;
    border:none;
    border-radius:8px;
}

@media(max-width:768px){
    .form-modal-box{
        width:calc(100% - 24px);
        height:88vh;
        margin:6vh auto 0;
        border-radius:14px;
    }
}
@media (max-width:768px){

    .form-modal-box{
        width:calc(100% - 20px) !important;
        height:92vh !important;

        margin:4vh auto 0 !important;

        border-radius:18px !important;
        overflow:hidden !important;
    }

    .form-modal-close{
        width:42px !important;
        height:42px !important;

        top:10px !important;
        right:10px !important;

        font-size:28px !important;
        line-height:42px !important;

        z-index:9999 !important;
    }

    .form-modal-iframe{
        padding:55px 0 0 0 !important;
        height:100% !important;
    }

    .form-modal-iframe iframe{
        width:100% !important;
        height:100% !important;
        border:none !important;
        border-radius:0 !important;
    }

}
@media (max-width:768px){

    .form-modal{
        padding:0 !important;
    }

    .form-modal-box{
        width:calc(100vw - 24px) !important;
        max-width:calc(100vw - 24px) !important;
        height:92vh !important;
        margin:4vh auto 0 !important;
        border-radius:18px !important;
        overflow:hidden !important;
    }

    .form-modal-iframe{
        width:100% !important;
        height:100% !important;
        padding:58px 0 0 0 !important;
        box-sizing:border-box !important;
        overflow:hidden !important;
    }

    .form-modal-iframe iframe{
        width:100% !important;
        max-width:100% !important;
        height:100% !important;
        display:block !important;
        border-radius:0 !important;
    }

    .form-modal-close{
        right:10px !important;
        top:8px !important;
        z-index:99999 !important;
    }
}
@media (max-width:768px){

    .form-modal-box{
        width:100vw !important;
        max-width:100vw !important;
        height:100vh !important;
        margin:0 !important;
        border-radius:0 !important;
    }

    .form-modal-iframe iframe{
        height:calc(100vh - 48px) !important;
    }
}
/* =========================
   sekcija 5
========================= */
/* =========================
   MEMBERSHIP SECTION
========================= */

.membership{
    background:#005f49 !important;
    color:#fff !important;
    min-height:760px !important;
    padding:135px 0 110px !important;
    overflow:hidden !important;
}

.membership .container{
    max-width:1494px !important;
    width:calc(100% - 72px) !important;
    margin:0 auto !important;
}

.membership-inner{
    display:grid !important;
    grid-template-columns:58% 42% !important;
    align-items:center !important;
    gap:0 !important;
}

.membership .dark-pill{
    display:inline-flex !important;
    align-items:center !important;
    gap:8px !important;
    height:30px !important;
    padding:0 18px !important;
    border:1px solid rgba(255,255,255,.35) !important;
    border-radius:999px !important;
    color:#fff !important;
    background:transparent !important;
    font-size:13px !important;
    font-weight:500 !important;
    text-transform:uppercase !important;
}

.membership .dark-pill::before{
    content:"" !important;
    width:6px !important;
    height:6px !important;
    border-radius:50% !important;
    background:#b8f35b !important;
}

.membership h2{
    max-width:860px !important;
    margin:45px 0 30px !important;
    font-size:88px !important;
    line-height:.98 !important;
    font-weight:500 !important;
    letter-spacing:-2px !important;
    color:#fff !important;
}

.membership h2 mark{
    display:inline-block !important;
    background:#b8f35b !important;
    color:#005f49 !important;
    padding:0 12px 6px !important;
    line-height:1 !important;
}

.membership p{
    max-width:520px !important;
    margin:0 !important;
    color:rgba(255,255,255,.82) !important;
    font-size:18px !important;
    line-height:1.55 !important;
    font-weight:400 !important;
}

/* ako koristiš PNG sliku */
.membership-card-art{
    position:relative !important;
    min-height:560px !important;
}

.membership-card-art img{
    width:850px !important;
    max-width:none !important;
    position:absolute !important;
    right:-160px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    display:block !important;
}

/* ako još uvek koristiš stare div kartice */
.member-card{
    display:none !important;
}

/* =========================
   MOBILE
========================= */

@media(max-width:768px){

    .membership{
        min-height:auto !important;
        padding:80px 0 70px !important;
    }

    .membership .container{
        width:calc(100% - 40px) !important;
    }

    .membership-inner{
        grid-template-columns:1fr !important;
    }

    .membership .dark-pill{
        height:28px !important;
        padding:0 14px !important;
        font-size:11px !important;
    }

    .membership h2{
        font-size:46px !important;
        line-height:1.05 !important;
        letter-spacing:-1px !important;
        margin:34px 0 24px !important;
    }

    .membership h2 br{
        display:none !important;
    }

    .membership h2 mark{
        padding:0 6px 4px !important;
        box-decoration-break:clone;
        -webkit-box-decoration-break:clone;
    }

    .membership p{
        max-width:100% !important;
        font-size:16px !important;
        line-height:1.55 !important;
    }

    .membership-card-art{
        min-height:auto !important;
        margin-top:45px !important;
    }

    .membership-card-art img{
        position:relative !important;
        width:120% !important;
        max-width:none !important;
        right:auto !important;
        top:auto !important;
        transform:none !important;
        margin-left:-10% !important;
    }
}
.membership-card-art{
    position:relative !important;
    min-height:620px !important;
}

.membership-card-art img{
    width:700px !important;
    max-width:none !important;

    position:absolute !important;
    right:-210px !important;
    top:50% !important;

    transform:translateY(-50%) !important;

    display:block !important;
}
.membership-card-art img{
    top:80% !important;
}
@media(max-width:768px){

    .membership-card-art{
        margin-top:40px !important;
        min-height:320px !important;
        display:flex !important;
        justify-content:center !important;
        align-items:center !important;
        overflow:visible !important;
    }

    .membership-card-art img{
        position:relative !important;

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

        left:50% !important;
        right:auto !important;
        top:auto !important;

        transform:translateX(-50%) !important;

        margin:0 !important;
    }

}

@media(max-width:768px){

    .membership-card-art{
        min-height:260px !important;
        margin-top:20px !important;
        text-align:center !important;
    }

    .membership-card-art img{
        width:100% !important;
        max-width:420px !important;

        position:relative !important;
        left:auto !important;
        right:auto !important;
        top:auto !important;

        transform:none !important;

        display:block !important;
        margin:0 auto !important;
    }

}
@media(max-width:768px){

    section.membership .membership-card-art{
        position:relative !important;
        min-height:auto !important;
        margin:30px 0 0 0 !important;
        padding:0 !important;
        overflow:hidden !important;
        display:block !important;
    }

    section.membership .membership-card-art img{
        position:static !important;

        width:100% !important;
        max-width:100% !important;
        height:auto !important;

        left:auto !important;
        right:auto !important;
        top:auto !important;
        bottom:auto !important;

        transform:none !important;

        margin:0 auto !important;
        display:block !important;
    }
}
@media (max-width:768px){

    .membership{
        padding:70px 0 50px !important;
    }

    .membership h2{
        font-size:56px !important;
        line-height:0.95 !important;
        letter-spacing:-2px !important;
        margin-bottom:25px !important;
    }

    .membership h2 mark{
        display:inline-block !important;
        padding:6px 10px !important;
        margin-top:8px !important;
    }

    .membership p{
        font-size:16px !important;
        line-height:1.6 !important;
        margin-bottom:25px !important;
    }

    .membership-card-art{
        margin-top:10px !important;
    }

    .membership-card-art img{
        width:125% !important;
        max-width:none !important;

        margin-left:-12% !important;
        margin-top:-20px !important;

        display:block !important;
    }
}
@media(max-width:768px){

    section.membership{
        min-height:900px !important;
        padding-bottom:80px !important;
    }

    section.membership .membership-inner{
        min-height:800px !important;
    }

    section.membership .membership-card-art{
        min-height:360px !important;
    }

}
/* =========================
  6
========================= */
.more-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:24px;
    align-items:stretch;
}

.more-card{
    display:flex;
    flex-direction:column;
    height:100%;
}
.more-card img{
    width:100%;
    height:340px;
    object-fit:cover;
    border-radius:28px;
    display:block;
}
.more-head{
    display:grid;
    grid-template-columns:1fr 420px;
    gap:80px;
    align-items:end;
    margin-bottom:80px;
}

.more-head h2{
    font-size:78px;
    line-height:.95;
    font-weight:500;
    margin-top:25px;
}

.more-head p{
    font-size:22px;
    line-height:1.5;
    color:#6d6d6d;
    margin-bottom:12px;
}
@media(max-width:768px){

    .more-head{
        grid-template-columns:1fr;
        gap:25px;
        margin-bottom:40px;
    }

    .more-head h2{
        font-size:48px;
    }

    .more-grid{
        grid-template-columns:1fr;
        gap:30px;
    }

    .more-card img{
        height:260px;
    }
}
.more-space{
    background:
        url('assets/img/more-bg.webp') center top no-repeat,
        #f5f5f3;
    background-size:cover;
}
.more-grid{
    display:grid !important;
    grid-template-columns:repeat(4,1fr) !important;
    gap:24px !important;
    align-items:start !important;
}

.more-card{
    height:100% !important;
    align-self:start !important;
    display:flex !important;
    flex-direction:column !important;
}

.more-card img{
    height:230px !important; /* smanjeno za oko trećinu */
    width:100% !important;
    object-fit:cover !important;
    object-position:center !important;
    border-radius:24px !important;
}
.more-card:nth-child(n){
    margin-top:0 !important;
    transform:none !important;
}
.more-space .pill.small{
    display:inline-flex !important;
    align-items:center !important;
    gap:8px !important;

    padding:12px 18px !important;
    border:1px solid #bfc5c1 !important;
    border-radius:999px !important;

    font-size:14px !important;
    font-weight:500 !important;
    line-height:1 !important;

    color:#1d1d1d !important;
    background:#fff !important;
    text-transform:uppercase !important;
    letter-spacing:.04em !important;
}

.more-space .pill.small::before{
    content:'' !important;
    width:6px !important;
    height:6px !important;
    border-radius:50% !important;
    background:#b6df4f !important;
    display:block !important;
}

@media(max-width:768px){

    .more-grid{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:24px !important;
    }

    .more-card{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        margin:0 !important;
        transform:none !important;
    }

    .more-card img{
        width:100% !important;
        height:210px !important;
        object-fit:cover !important;
    }

    .more-card h3{
        font-size:24px !important;
        line-height:1.2 !important;
    }

    .more-card p{
        font-size:16px !important;
        line-height:1.45 !important;
    }
}
@media(max-width:768px){

    .more-grid > *{
        grid-column:1 / -1 !important;
        flex:0 0 100% !important;
    }

}
@media(max-width:768px){

    .more-head{
        display:flex !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        gap:20px !important;
    }

    .more-head > div{
        width:100% !important;
    }

    .more-head h2{
        width:100% !important;
        max-width:100% !important;

        font-size:54px !important;
        line-height:.95 !important;

        margin-top:20px !important;
        margin-left:0 !important;

        text-align:left !important;
    }

    .more-head p{
        width:100% !important;
        max-width:100% !important;
    }

}
@media(max-width:768px){

    .more-head{
        grid-template-columns:1fr !important;
    }

    .more-head h2{
        margin-left:0 !important;
        padding-left:0 !important;
    }

}
@media(max-width:768px){

    .more-space .container{
        width:calc(100% - 40px) !important;
        margin:0 auto !important;
        overflow:hidden !important;
    }

    .more-grid{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:24px !important;
        width:100% !important;
    }

    .more-card{
        width:100% !important;
        max-width:100% !important;
        margin:0 !important;
        padding:16px !important;
        box-sizing:border-box !important;
        transform:none !important;
    }

    .more-card img{
        width:100% !important;
        height:220px !important;
        object-fit:cover !important;
        border-radius:18px !important;
        display:block !important;
        margin:0 0 20px 0 !important;
    }

    .more-card h3,
    .more-card p{
        margin-left:0 !important;
        padding-left:0 !important;
    }
}
@media(max-width:768px){
    .more-card,
    .more-card *{
        left:auto !important;
        transform:none !important;
    }
}
@media(max-width:768px){

    section.more-space .more-grid{
        display:flex !important;
        flex-direction:column !important;
        align-items:stretch !important;
        width:100% !important;
        gap:24px !important;
    }

    section.more-space .more-grid > article.more-card{
        width:100% !important;
        max-width:100% !important;
        min-width:100% !important;
        flex:0 0 auto !important;

        margin:0 !important;
        left:0 !important;
        right:auto !important;
        transform:none !important;

        box-sizing:border-box !important;
    }

    section.more-space .more-card img{
        width:100% !important;
        max-width:100% !important;
        height:220px !important;
        object-fit:cover !important;
    }
}
/* =========================
  7
========================= */
.btn-white{
    display:inline-flex;
    align-items:center;
    justify-content:space-between;

    min-width:280px;
    height:60px;

    padding:0 10px 0 30px;

    background:#fff;
    border-radius:999px;

    color:#006547;
    text-decoration:none;
    font-size:20px;
    font-weight:500;

    transition:.35s ease;
}

.btn-white span{
    width:48px;
    height:48px;

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

    border-radius:50%;

    background:#006547;
    color:#fff;

    font-size:24px;

    transition:.35s ease;
}
.btn-white:hover{
    background:#aee64d;
    color:#006547;
}

.btn-white:hover span{
    transform:rotate(45deg);
    background:#baff75;
}
.btn-white:hover{
    background:#006547;
    color:#fff;
}

.btn-white:hover span{
    background:#fff;
    color:#006547;
    transform:rotate(45deg);
}
.inside-inner h2{
    font-size:72px !important;
    line-height:1.08 !important;
    font-weight:400 !important;
    letter-spacing:-0.02em !important;
}
.inside-inner h2{
    font-weight:300 !important;
}
.btn-white:hover{
    background:#B8E34A !important; /* ista kao screenshot */
    color:#005F45 !important;
}

.btn-white:hover span{
    background:#ffffff !important;
    color:#005F45 !important;
    transform:rotate(45deg) !important;
}
@media(max-width:768px){

    .inside-inner h2{
        font-size:48px !important;
        line-height:1.05 !important;
    }

}
.standard{
    position:relative !important;
    overflow:hidden !important;
}

.standard::after{
    content:"" !important;
    position:absolute !important;

    left:0 !important;
    right:0 !important;
    bottom:0 !important;

    height:330px !important;

    background:url("../img/Frame252.svg") center bottom no-repeat !important;
    background-size:100% auto !important;

    z-index:1 !important;
    pointer-events:none !important;
}

.standard .container{
    position:relative !important;
    z-index:2 !important;
}

.offices-visual img{
    position:relative !important;
    z-index:10 !important;
}
.standard{
    position:relative !important;
    overflow:visible !important;
}

.standard::after{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    height:330px !important;
    background:url("../img/Frame252.svg") center bottom no-repeat !important;
    background-size:100% auto !important;
    z-index:1 !important;
    pointer-events:none !important;
}

.standard .container{
    position:relative !important;
    z-index:2 !important;
}

.offices-visual{
    overflow:visible !important;
}

.offices-visual img{
    position:relative !important;
    z-index:5 !important;
}

/* =========================
  8
========================= */
.testimonials{
    position:relative;
    padding:120px 0;

    background:#f4f4f4 url("../img/backround-bbh-utisci-1536x871.png")
    center center no-repeat;

    background-size:cover;
}
.testimonials .section-head{
    text-align:center;
    margin-bottom:80px;
}

.testimonials .section-head h2{
    font-size:72px;
    line-height:1.1;
    font-weight:400;
    margin-top:20px;
}
.testimonials{
    position:relative;
    background:#f4f4f4;
}

.testimonials::before{
    content:'';
    position:absolute;
    inset:0;

    background:url("../img/backround-bbh-utisci-1536x871.png")
    center center no-repeat;

    background-size:cover;

    opacity:.25;
    z-index:1;
}

.testimonials .container{
    position:relative;
    z-index:2;
}

/* TESTIMONIJALI PILL */
.testimonials .pill.small{
    display:inline-flex !important;
    align-items:center !important;
    gap:8px !important;
    height:28px !important;
    padding:0 14px !important;
    border:1px solid #b8b8b8 !important;
    border-radius:999px !important;
    background:#fff !important;
    color:#222 !important;
    font-size:12px !important;
    font-weight:500 !important;
    text-transform:uppercase !important;
}

.testimonials .pill.small::before{
    content:"" !important;
    width:5px !important;
    height:5px !important;
    border-radius:50% !important;
    background:#b6df4f !important;
}

/* TESTIMONIAL CARDS */
.testimonials-grid{
    display:grid !important;
    grid-template-columns:repeat(3, 1fr) !important;
    gap:24px !important;
    margin-top:70px !important;
}

.testimonial-card{
    background:#fff !important;
    border-radius:18px !important;
    padding:34px 34px 26px !important;
    min-height:300px !important;
    display:flex !important;
    flex-direction:column !important;
    box-shadow:none !important;
}

.testimonial-card .quote{
    color:#b6df4f !important;
    font-size:64px !important;
    line-height:.7 !important;
    font-weight:700 !important;
    margin-bottom:28px !important;
}

.testimonial-card p{
    color:#8b8b8b !important;
    font-size:15px !important;
    line-height:1.45 !important;
    margin:0 0 auto !important;
}

.testimonial-card strong{
    color:#8b8b8b !important;
    font-size:15px !important;
    font-style:italic !important;
    font-weight:400 !important;
    margin-top:50px !important;
}

.testimonial-card small{
    color:#8b8b8b !important;
    font-size:15px !important;
    font-style:italic !important;
}

/* MOBILNI */
@media(max-width:768px){
    .testimonials-grid{
        grid-template-columns:1fr !important;
        gap:22px !important;
    }

    .testimonial-card{
        min-height:auto !important;
        padding:30px 26px !important;
    }
}
@media(max-width:768px){

    .testimonials{
        padding:80px 0;
        background-position:center center;
        background-size:cover;
    }

    .testimonials .section-head h2{
        font-size:42px;
    }

}
.testimonial-card{
    background:#fff;
    border-radius:24px;
    padding:34px;
    min-height:340px;

    display:flex;
    flex-direction:column;

    transition:.3s ease;
}

.testimonial-card:hover,
.testimonial-card.active{
    background:#005f45;
}

.testimonial-card:hover p,
.testimonial-card:hover strong,
.testimonial-card:hover small,
.testimonial-card.active p,
.testimonial-card.active strong,
.testimonial-card.active small{
    color:#fff;
}

.testimonial-card .quote{
    font-size:72px;
    line-height:1;
    color:#b6df4f;
    margin-bottom:20px;
}

.testimonial-card p{
    font-size:15px;
    line-height:1.6;
    color:#7d7d7d;
}

.testimonial-footer{
    margin-top:auto;

    display:flex;
    justify-content:space-between;
    align-items:flex-end;
}

.testimonial-person{
    font-style:italic;
    color:#8c8c8c;
}

.testimonial-logo img{
    max-width:150px;
    height:auto;
}
.testimonial-card .quote{
    font-size:90px !important;
    line-height:0.8 !important;

    color:#b6df4f !important;

    margin-bottom:10px !important;
}
.testimonial-footer{
    margin-top:auto !important;

    display:flex !important;
    justify-content:space-between !important;
    align-items:flex-end !important;
}
.testimonial-logo{
    font-size:18px !important;
    font-weight:700 !important;
    color:#000 !important;
    text-transform:uppercase !important;
}
.testimonials-grid{
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:24px !important;
    margin-top:70px !important;
}

.testimonial-card{
    background:#fff !important;
    border-radius:18px !important;
    min-height:300px !important;
    padding:32px 34px 26px !important;
    display:flex !important;
    flex-direction:column !important;
}

.testimonial-card .quote{
    color:#b6df4f !important;
    font-size:72px !important;
    line-height:.65 !important;
    font-weight:700 !important;
    margin-bottom:28px !important;
}

.testimonial-card p{
    margin:0 !important;
    color:#858585 !important;
    font-size:15px !important;
    line-height:1.45 !important;
    font-weight:400 !important;
}

.testimonial-footer{
    margin-top:auto !important;
    display:flex !important;
    justify-content:space-between !important;
    align-items:flex-end !important;
    gap:24px !important;
}

.testimonial-person strong,
.testimonial-person small{
    display:block !important;
    color:#858585 !important;
    font-size:15px !important;
    line-height:1.35 !important;
    font-style:italic !important;
    font-weight:400 !important;
}

.testimonial-logo{
    color:#000 !important;
    font-weight:700 !important;
    line-height:1 !important;
    white-space:nowrap !important;
}

.logo-press{
    font-size:18px !important;
    text-transform:uppercase !important;
}

.logo-spin{
    font-size:20px !important;
    letter-spacing:.14em !important;
    text-transform:uppercase !important;
}

.logo-acronis{
    font-size:24px !important;
    font-weight:500 !important;
}

.testimonial-card:hover{
    background:#006347 !important;
}

.testimonial-card:hover p,
.testimonial-card:hover .testimonial-person strong,
.testimonial-card:hover .testimonial-person small,
.testimonial-card:hover .testimonial-logo{
    color:#fff !important;
}

.testimonial-arrows{
    display:flex !important;
    justify-content:center !important;
    gap:22px !important;
    margin-top:36px !important;
}

.testimonial-arrows button{
    width:46px !important;
    height:46px !important;
    border-radius:50% !important;
    border:1px solid #006347 !important;
    background:transparent !important;
    color:#006347 !important;
    font-size:26px !important;
    cursor:pointer !important;
    transition:.3s ease !important;
}

.testimonial-arrows button:hover{
    background:#006347 !important;
    color:#fff !important;
}

@media(max-width:768px){
    .testimonials-grid{
        grid-template-columns:1fr !important;
        gap:22px !important;
    }

    .testimonial-card{
        min-height:300px !important;
        padding:30px 26px 24px !important;
    }

    .testimonial-footer{
        gap:16px !important;
    }

    .testimonial-logo{
        font-size:18px !important;
    }
}
.testimonials .pill.small{
    display:inline-flex !important;
    align-items:center !important;

    height:42px !important;
    padding:0 22px !important;

    border:1px solid #b8bcc3 !important;
    border-radius:999px !important;

    font-size:13px !important;
    font-weight:600 !important;
    letter-spacing:.05em !important;
    text-transform:uppercase !important;
}
.testimonials .section-head h2{
    font-size:58px !important;
    font-weight:400 !important;
    line-height:1.05 !important;
}
@media(max-width:768px){

    .testimonials-grid{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:20px !important;
    }

    .testimonial-card{
        width:100% !important;
        max-width:100% !important;
    }

}
@media(max-width:768px){

    .testimonials-grid{
        display:block !important;
    }

    .testimonial-card{
        display:none !important;
    }

    .testimonial-card.active{
        display:flex !important;
    }

}
@media(max-width:768px){

    .testimonials-grid{
        display:block !important;
    }

    .testimonial-card{
        display:none !important;
    }

    .testimonial-card.active{
        display:flex !important;
    }

}
@media(max-width:768px){

    .testimonials-grid{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:20px !important;
    }

    .testimonial-card{
        display:flex !important;
        flex-direction:column !important;
    }

}
@media(max-width:768px){

    section.testimonials .testimonials-grid{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:22px !important;
        width:100% !important;
    }

    section.testimonials .testimonial-card{
        display:flex !important;
        opacity:1 !important;
        visibility:visible !important;
        height:auto !important;
        min-height:300px !important;
        transform:none !important;
    }

}
@media(max-width:768px){

    section.testimonials .testimonials-grid{
        display:block !important;
        width:100% !important;
    }

    section.testimonials .testimonial-card{
        display:none !important;
    }

    section.testimonials .testimonial-card.active{
        display:flex !important;
        flex-direction:column !important;
        opacity:1 !important;
        visibility:visible !important;
        min-height:300px !important;
    }
}
/* Laptop 13/14 fix */
@media (max-width: 1366px){

    /* Header prebacujemo u kompaktnu / mobilnu logiku */
    .desktop-nav,
    .phone-link,
    .btn-header{
        display: none !important;
    }

    .mobile-menu-btn,
    .hamburger,
    .menu-toggle{
        display: flex !important;
    }

    .header-inner{
        justify-content: space-between !important;
        gap: 16px !important;
    }

    .site-logo img,
    .logo img{
        max-width: 150px !important;
        height: auto !important;
    }

    /* Slike da se ne izdužuju */
    img{
        max-width: 100%;
        height: auto;
    }

    .hero img,
    .intro img,
    .image-card img,
    .section-image img,
    .testimonial-card img{
        width: 100% !important;
        height: auto !important;
        object-fit: cover !important;
        object-position: center !important;
    }

    /* Ako slike imaju fiksnu visinu u karticama */
    .image-card{
        overflow: hidden;
    }

    .image-card img{
        aspect-ratio: 4 / 3;
        height: auto !important;
    }
}
/* 13" / 14" laptop fix */
@media (max-width: 1400px){

    .main-nav,
    .header-phone,
    .phone-link,
    .btn-header{
        display:none !important;
    }

    .round-btn.menu-btn,
    .menu-toggle,
    .hamburger{
        display:flex !important;
    }

    .site-header{
        height:96px !important;
    }

    .header-inner{
        height:96px !important;
        padding:0 28px !important;
        justify-content:space-between !important;
    }

    .logo img,
    .site-logo img{
        max-height:68px !important;
        width:auto !important;
    }

    .hero{
        padding-top:90px !important;
    }

    .hero-content h1{
        font-size:clamp(64px, 7vw, 96px) !important;
        line-height:.9 !important;
    }

    img{
        max-width:100%;
        height:auto;
    }

    .hero img,
    .intro img,
    .standard img,
    .solutions img,
    .image-card img,
    .card img{
        width:100% !important;
        height:auto !important;
        object-fit:cover !important;
        object-position:center !important;
    }

    .image-card,
    .card-image{
        overflow:hidden !important;
    }
}
/* Fix za laptop 13/14 - kartice ikonice */
@media (max-width: 1400px){

    .standard-card,
    .feature-card,
    .solution-card{
        position: relative !important;
        overflow: hidden !important;
    }

    .standard-card svg,
    .feature-card svg,
    .solution-card svg{
        width: 90px !important;
        height: 90px !important;
        max-width: 90px !important;
        max-height: 90px !important;
        position: absolute !important;
        right: 28px !important;
        top: 28px !important;
        opacity: 1 !important;
        transform: none !important;
    }

    .standard-card h3,
    .feature-card h3,
    .solution-card h3{
        max-width: 70% !important;
        font-size: 28px !important;
        line-height: 1.15 !important;
    }
}
@media (max-width: 1200px){

    .site-header{
        height:96px !important;
    }

    .header-inner{
        height:96px !important;
        padding:0 26px !important;
    }

    .main-nav,
    .phone-link,
    .btn-header{
        display:none !important;
    }

    .round-btn{
        width:78px !important;
        height:78px !important;
        flex:0 0 78px !important;
    }

    .round-btn svg{
        width:26px !important;
        height:26px !important;
    }

    .hero{
        min-height:720px !important;
        padding-top:96px !important;
    }

    .hero-content{
        padding:0 26px !important;
    }

    .hero h1{
        font-size:76px !important;
        line-height:.95 !important;
    }
}
@media (max-width: 1100px){

    .round-btn{
        width:64px !important;
        height:64px !important;
        flex:0 0 64px !important;
    }

    .logo img{
        max-width:150px !important;
        height:auto !important;
    }

    .hero h1{
        font-size:64px !important;
    }
}
@media (max-width: 1550px){

    .phone-link,
    .btn-header{
        transform: scale(.85) !important;
        transform-origin: right center !important;
    }

    .hero h1,
    .hero-title{
        font-size: clamp(72px, 6vw, 110px) !important;
        line-height: .92 !important;
    }

    .container{
        width: min(92%, 1320px) !important;
        max-width: 1320px !important;
    }

    .standard-card svg,
    .feature-card svg,
    .solution-card svg,
    .benefit-card svg{
        width: 90px !important;
        height: 90px !important;
        max-width: 90px !important;
        max-height: 90px !important;
        transform: none !important;
    }

    .standard-card,
    .feature-card,
    .solution-card,
    .benefit-card{
        overflow: hidden !important;
    }

    img{
        max-width: 100% !important;
        height: auto !important;
    }
}
@media (max-width: 1366px){
  .desktop-header,
  .main-header{
    display: none !important;
  }

  .mobile-header{
    display: flex !important;
  }
}

@media (max-width: 768px){
  .features-grid,
  .benefits-grid,
  .cards-grid{
    grid-template-columns: 1fr !important;
  }

  .feature-card,
  .benefit-card,
  .info-card{
    position: relative !important;
    overflow: hidden !important;
    min-height: 215px;
    padding: 28px 26px !important;
  }

  .feature-card h3,
  .benefit-card h3,
  .info-card h3{
    position: relative;
    z-index: 2;
    font-size: 26px !important;
    line-height: 1.12 !important;
    max-width: 75%;
  }

  .feature-card p,
  .benefit-card p,
  .info-card p{
    position: relative;
    z-index: 2;
    max-width: 82%;
  }

  .feature-card svg,
  .benefit-card svg,
  .info-card svg,
  .feature-card .card-icon,
  .benefit-card .card-icon,
  .info-card .card-icon{
    position: absolute !important;
    right: -35px !important;
    bottom: -35px !important;
    width: 150px !important;
    height: 150px !important;
    max-width: none !important;
    opacity: .9;
    z-index: 1;
  }
}

@media (max-width: 480px){
  .feature-card h3,
  .benefit-card h3,
  .info-card h3{
    font-size: 25px !important;
    max-width: 70%;
  }

  .feature-card svg,
  .benefit-card svg,
  .info-card svg,
  .feature-card .card-icon,
  .benefit-card .card-icon,
  .info-card .card-icon{
    width: 135px !important;
    height: 135px !important;
    right: -30px !important;
    bottom: -28px !important;
  }
}
@media (max-width: 768px){
  #standard article.card img{
    width: 95px !important;
    max-width: 95px !important;
    right: 24px !important;
    top: 26px !important;
  }
}
@media (max-width: 768px){

  #standard .feature-card,
  #standard article{
    position: relative !important;
    overflow: hidden !important;
  }

  #standard .feature-card img,
  #standard article img{
    width: 85px !important;
    height: auto !important;
    max-width: 85px !important;
    position: absolute !important;
    right: 24px !important;
    top: 26px !important;
    z-index: 1 !important;
    opacity: 1 !important;
  }

  #standard .feature-card h3,
  #standard article h3,
  #standard .feature-card p,
  #standard article p{
    position: relative !important;
    z-index: 5 !important;
  }

  #standard .feature-card h3,
  #standard article h3{
    max-width: 65% !important;
  }

  #standard .feature-card p,
  #standard article p{
    max-width: 78% !important;
  }
}

@media (max-width:768px){

    .brand{
        margin-left: 6px !important;
    }

}
@media (max-width:768px){

  .site-header{
    width:100% !important;
    display:flex !important;
    justify-content:center !important;
  }

  .header-inner{
    width:390px !important;
    max-width:100% !important;
    height:96px !important;
    margin:0 auto !important;
    padding:0 34px 0 0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
  }

  .brand{
    margin-left:0 !important;
    padding-left:0 !important;
    transform:translateX(-4px) !important;
  }

  .brand-logo{
    width:88px !important;
    height:auto !important;
    display:block !important;
  }

  .header-actions{
    display:flex !important;
    align-items:center !important;
    gap:26px !important;
    margin:0 !important;
  }

  .round-btn,
  .menu-toggle{
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    min-height:48px !important;
    max-width:48px !important;
    max-height:48px !important;
    border-radius:50% !important;
    aspect-ratio:1 / 1 !important;
    padding:0 !important;
    flex:0 0 48px !important;
  }

  .phone-link,
  .btn-header,
  .main-nav{
    display:none !important;
  }
}
@media (max-width:768px){

    .header-inner{
        height:88px !important;
        align-items:flex-start !important;
        padding-top:-5px !important;
    }

}
@media (max-width:768px){

    .header-inner{
        height:88px !important;
        align-items:flex-start !important;
        padding-top:5px !important;
    }

    .header-actions{
        margin-top:-15px !important;
    }

    .menu-toggle{
        margin-top:-15px !important;
    }

}
@media (max-width:768px){

    .main-nav{
        position:fixed !important;
        top:88px !important;
        left:-100% !important;
        width:100% !important;
        height:calc(100vh - 88px) !important;
        background:#0f5c4d !important;
        transition:.3s !important;
        display:flex !important;
        flex-direction:column !important;
    }

    .main-nav.active,
    .main-nav.is-open{
        left:0 !important;
    }

}
@media (max-width:768px){

    .hero{
        padding-top:220px !important;
    }

}

/* =========================================
   TABLET + MANJI LAPTOPOVI
   769px - 1280px
========================================= */

@media (min-width:769px) and (max-width:1280px){

    .main-nav,
    .phone-link,
    .btn-header{
        display:none !important;
    }

    .menu-toggle{
        display:flex !important;
    }

}
@media (min-width:769px) and (max-width:1280px){

    .feature-card{
        position:relative !important;
        overflow:hidden !important;
        min-height:280px !important;
        padding:36px 34px !important;
    }

    .feature-card > img{
        width:96px !important;
        max-width:96px !important;
        height:96px !important;
        max-height:96px !important;

        position:absolute !important;
        top:32px !important;
        right:32px !important;
        left:auto !important;
        bottom:auto !important;

        object-fit:contain !important;
        transform:none !important;
        z-index:1 !important;
    }

    .feature-card h3,
    .feature-card p{
        position:relative !important;
        z-index:2 !important;
    }

    .feature-card h3{
        max-width:70% !important;
    }

    .feature-card p{
        max-width:72% !important;
    }

    #menuToggle.menu-toggle{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        width:58px !important;
        height:58px !important;
        min-width:58px !important;
        min-height:58px !important;

        border-radius:50% !important;
        font-size:28px !important;
        line-height:1 !important;
        padding:0 !important;
    }
    .round-btn{
    width:58px !important;
    height:58px !important;
    min-width:58px !important;
    min-height:58px !important;

    border-radius:50% !important;

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

    padding:0 !important;
}

.round-btn svg{
    width:24px !important;
    height:24px !important;
}
}
@media (min-width:769px) and (max-width:1280px){

    .main-nav{
        display:none !important;
    }

    .main-nav.active,
    .main-nav.is-open{
        display:flex !important;
        position:absolute !important;
        top:100% !important;
        left:0 !important;
        width:100% !important;
        background:#0f5c4d !important;
        flex-direction:column !important;
        padding:24px 40px !important;
        z-index:99999 !important;
    }

    .main-nav.active a,
    .main-nav.is-open a{
        color:#fff !important;
        padding:12px 0 !important;
        text-decoration:none !important;
    }

}
@media (min-width:769px) and (max-width:1280px){

    .form-modal-overlay,
    #formModal{
        z-index:999999 !important;
    }

    .form-modal{
        z-index:1000000 !important;
        max-width:92vw !important;
        max-height:90vh !important;
    }

    #formModalIframe{
        height:80vh !important;
    }

    #formModalIframe iframe{
        width:100% !important;
        height:100% !important;
        display:block !important;
    }

    .form-modal-close,
    #formModalClose{
        z-index:1000001 !important;
    }
}
@media (min-width:769px) and (max-width:1280px){

    .form-modal{
        position:fixed !important;
        inset:0 !important;
        z-index:999999 !important;
    }

    .form-modal-overlay{
        position:absolute !important;
        inset:0 !important;
        background:rgba(0,0,0,.65) !important;
        z-index:1 !important;
    }

    .form-modal-box{
        position:relative !important;
        z-index:2 !important;

        width:90vw !important;
        max-width:950px !important;

        height:88vh !important;
        max-height:88vh !important;

        margin:4vh auto !important;
        overflow:hidden !important;
        border-radius:20px !important;
    }

    .form-modal-iframe,
    #formModalIframe{
        width:100% !important;
        height:100% !important;
    }

    .form-modal-iframe iframe,
    #formModalIframe iframe{
        width:100% !important;
        height:100% !important;
        display:block !important;
        border:none !important;
    }

    .form-modal-close{
        z-index:9999999 !important;
    }
}
@media (min-width:769px) and (max-width:1280px){

    .form-modal-box{
        width:94vw !important;
        max-width:1150px !important;
        height:94vh !important;
        max-height:94vh !important;
        margin:3vh auto !important;
    }

    .form-modal-iframe,
    #formModalIframe{
        height:94vh !important;
        min-height:94vh !important;
    }

    .form-modal-iframe iframe,
    #formModalIframe iframe{
        height:94vh !important;
        min-height:94vh !important;
        margin:1.5vh auto !important;
    }
}
/* =========================================
   MACBOOK 13 / 14
   1281px - 1440px
========================================= */

@media (min-width:1281px) and (max-width:1440px){

  .header-inner{
    padding:0 28px !important;
    gap:20px !important;
  }

  .brand-logo{
    width:110px !important;
  }

  .main-nav{
    gap:24px !important;
  }

  .main-nav a{
    font-size:15px !important;
  }

  .phone-link{
    display:flex !important;
    transform:scale(.82) !important;
    transform-origin:center right !important;
  }

  .phone-text{
    display:none !important;
  }

  .btn-header{
    min-width:170px !important;
    height:54px !important;
    padding:0 28px !important;
    font-size:15px !important;
  }

  .round-btn{
    width:58px !important;
    height:58px !important;
    min-width:58px !important;
    min-height:58px !important;
  }

  .round-btn svg{
    width:23px !important;
    height:23px !important;
  }

  .header-actions{
    gap:16px !important;
  }
}
@media (min-width:1281px) and (max-width:1440px){

    .phone-link{
        transform:scale(.72) !important;
        transform-origin:center right !important;
    }

    .phone-text{
        display:block !important;
    }

    .phone-text small{
        font-size:11px !important;
    }

    .phone-text span{
        font-size:16px !important;
    }
    .form-modal-box{
    width:92vw !important;
    max-width:1200px !important;

    height:96vh !important;
    max-height:96vh !important;

    margin:2vh auto !important;
}

.form-modal-iframe,
#formModalIframe{
    height:100% !important;
    overflow:auto !important;
}

.form-modal-iframe iframe,
#formModalIframe iframe{
    width:100% !important;
    height:100% !important;
    min-height:1200px !important;
}

.form-modal-close{
    top:16px !important;
    right:16px !important;
    z-index:999999 !important;
}

}
/* =========================================
   
  1440 - 1650 px
========================================= */
/* =========================================
   1440 - 1650 px
========================================= */

@media (min-width:1441px) and (max-width:1650px){

    .main-nav{
        gap:28px !important;
    }

    .main-nav a{
        font-size:16px !important;
    }

    .phone-link{
        display:flex !important;
        transform:scale(.85) !important;
        transform-origin:center right !important;
    }

    .phone-text{
        display:block !important;
    }

    .phone-text small{
        font-size:11px !important;
    }

    .phone-text span{
        font-size:17px !important;
    }

    .btn-header{
        min-width:190px !important;
        height:58px !important;
        padding:0 32px !important;
        font-size:16px !important;
    }

    .round-btn{
        width:60px !important;
        height:60px !important;
        min-width:60px !important;
        min-height:60px !important;
    }

    .header-actions{
        gap:18px !important;
    }

}
/* =========================================
   DESKTOP 1651px+
========================================= */

@media (min-width:1651px){

    .form-modal-box{
        width:90vw !important;
        max-width:1100px !important;

        height:96vh !important;
        max-height:96vh !important;

        margin:2vh auto !important;
        overflow-y:auto !important;
        overflow-x:hidden !important;
    }

    .form-modal-iframe,
    #formModalIframe{
        height:auto !important;
        min-height:1500px !important;
        overflow:visible !important;
    }

    .form-modal-iframe iframe,
    #formModalIframe iframe{
        width:100% !important;
        height:1500px !important;
        min-height:1500px !important;
        display:block !important;
        border:none !important;
    }

    .form-modal-close{
        position:fixed !important;
        top:20px !important;
        right:28px !important;
        z-index:9999999 !important;
    }
}
.btn-green{
    background:#007a53;
    color:#fff;
    border:1px solid #007a53;

    display:inline-flex;
    align-items:center;
    gap:10px;

    transition:.3s ease;
}

.btn-green:hover{
    background:#009867;
    border-color:#009867;
    color:#fff;
}

.btn-green span{
    transition:.3s ease;
}

.btn-green:hover span{
    transform:translate(3px,-3px);
}
/* LAPTOP 13/14 - 1366x768 i slicne rezolucije */
@media (width: 1366px) and (height: 768px),
   .feature-card{
    position:relative !important;
    overflow:hidden !important;
}

.feature-card img{
    position:absolute !important;
    right:20px !important;
    bottom:-6px !important;

    width:70px !important;
    height:70px !important;

    max-width:none !important;
    object-fit:contain !important;
    z-index:1 !important;
}

.feature-card h3,
.feature-card p{
    position:relative !important;
    z-index:5 !important;

}
.menu-toggle svg,
.hamburger svg{
    width:22px !important;
    height:22px !important;
    display:block !important;
    margin:auto !important;
}

.menu-toggle,
.hamburger{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}
.more-card{
    min-height: auto !important;
    height: auto !important;
    padding: 14px 14px 22px !important;
}

.more-card img{
    width: 100% !important;
    height: 190px !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    border-radius: 14px !important;
}

.more-card h3{
    margin-top: 18px !important;
    margin-bottom: 16px !important;
    font-size: 24px !important;
    line-height: 1.1 !important;
}

.more-card p{
    font-size: 16px !important;
    line-height: 1.45 !important;
    margin-bottom: 0 !important;
}
.more-card img{
    height: 160px !important;
}

.more-card{
    padding-bottom: 18px !important;
}
}

.hero{
    position: relative !important;
    overflow: hidden !important;
}

.hero-slide{
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;

    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;

    opacity: 0 !important;
    transition: opacity 1.5s ease !important;

    z-index: 1 !important;
}

.hero-slide.active{
    opacity: 1 !important;
}

.hero-overlay{
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
}

.hero-content{
    position: relative !important;
    z-index: 3 !important;
}

.scroll-down{
    position: relative !important;
    z-index: 3 !important;
}