@font-face {
    font-family: 'MV Boli';
    src: url('../fonts/MVBoli.woff2') format('woff2'),
        url('../fonts/MVBoli.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

/* Bez horizontalnog skrola na manjim ekranima */
html {
    overflow-x: hidden;
    max-width: 100%;
}
body {
    overflow-x: hidden;
    max-width: 100%;
}
.page-wrapper {
    overflow-x: hidden;
    max-width: 100%;
}
img, video, iframe, object {
    max-width: 100%;
    height: auto;
}

/* Elementi iz šablona koji imaju fiksnu širinu – prilagoditi na malim ekranima */
@media (max-width: 991px) {
    .testimonials-two__bg {
        max-width: 100%;
        width: 100% !important;
    }
}

/* Gardeen slike – iste veličine i oblika kao prethodne */
/* Hero pozadina – ostaje cover, bez promene */
.main-slider-two__bg {
    background-size: cover;
    background-position: center center;
}

/* O nama – glavna i mala slika fiksne proporcije */
.about-two__thumb__item {
    position: relative;
    aspect-ratio: 4/3;
    overflow: hidden;
    border-radius: 12px;
}
.about-two__thumb__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 12px;
}

/* O nama – red sa sadržajem vertikalno na sredini, jednak razmak gore i dole */
#about .row.align-items-end.gutter-y-30 {
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
}
/* Drugi col-lg-6 (26+ godina iskustva) vertikalno na sredini reda */
#about .row.align-items-end.gutter-y-30 > .col-lg-6:last-child {
    display: flex;
    align-items: center;
}

.about-two__thumb__small {
    width: 250px;
    height: 187px;
    overflow: hidden;
}
@media (max-width: 575px) {
    .about-two__thumb__small {
        width: 100%;
        height: auto;
        aspect-ratio: 4/3;
    }
}
.about-two__thumb__small img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* Usluge – kartice iste visine */
.service-two__thumb {
    position: relative;
    aspect-ratio: 4/3;
    overflow: hidden;
}
.service-two__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* Sekcija Usluge (#services) – mask-group.png kao pozadina cele sekcije */
#services.service-two,
section#services {
    position: relative;
}
#services .service-two__bg {
    background-image: url(../images/mask-group.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

/* FAQ slika */
.faq-one__content__thumb {
    position: relative;
    aspect-ratio: 4/3;
    overflow: hidden;
    max-width: 240px;
}
.faq-one .faq-one__content__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* Naši rezultati (funfact) pozadina – ostaje cover */
.funfact-two__bg {
    background-size: cover;
    background-position: center center;
}

/* Tim – visina već fiksna u template; osiguravamo cover */
.team-card-two__image__item img,
.team-card-two__hover__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}
.team-card-two__hover__bg {
    background-size: cover;
    background-position: center center;
}

/* Naša rešenja */
.solution-area__right__thumb {
    position: relative;
    aspect-ratio: 4/3;
    overflow: hidden;
}
.solution-area__right__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* Utisci – avatar iste veličine */
.testimonials-one__thumb img {
    width: 100px !important;
    height: 100px !important;
    min-width: 100px;
    min-height: 100px;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
}

/* Zašto izabrati nas – svetlija pozadina za glavni red (moderno, profesionalno) */
#why-choose .container > .row.gutter-y-30 {
    background: linear-gradient(135deg, #f4f8f5 0%, #eef5f0 50%, #f0f6f2 100%);
    border-radius: 16px;
    padding: 48px 40px;
    box-shadow: 0 4px 24px rgba(32, 157, 47, 0.06), 0 1px 3px rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(32, 157, 47, 0.08);
}
@media (max-width: 767px) {
    #why-choose .container > .row.gutter-y-30 {
        padding: 32px 20px;
        border-radius: 12px;
    }
}

/* Zašto izabrati nas – krugovi fiksne veličine */
.why-choose-two__thumb__item {
    width: 100%;
    max-width: 500px;
    aspect-ratio: 1;
    overflow: hidden;
    border-radius: 50%;
}
.why-choose-two__thumb__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.why-choose-two__thumb__item-small {
    width: 300px;
    height: 300px;
    overflow: hidden;
    border-radius: 50%;
}
.why-choose-two__thumb__item-small img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* CTA / Naša priča slika */
.history-area__cta__image {
    position: relative;
    aspect-ratio: 16/10;
    overflow: hidden;
    max-width: 300px;
}
.history-area__cta__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* Blog kartice – ista visina slike */
.blog-two-card__image {
    position: relative;
    aspect-ratio: 4/3;
    overflow: hidden;
}
.blog-two-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* Blog autor (user) ikonica – kvadrat za watering-can ili foto */
.blog-two-card__meta li img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
}

/* CTA footer pozadina */
.cta-footer-two__bg {
    background-size: cover;
    background-position: center center;
}

/* Footer pozadina */
.main-footer__bg {
    background-size: cover;
    background-position: center center;
}

/* Footer post minijature – već 85x85 u template, osiguravamo cover */
.footer-widget--post__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* ============================================================
   Kontakt sekcija (#contact) – forma + slika + tri kartice (contact-top)
   ============================================================ */
section#contact.contact-one {
    background: linear-gradient(135deg, #f4f8f5 0%, #eef5f0 45%, #f0f6f2 100%);
    border-top: 1px solid rgba(32, 157, 47, 0.12);
    position: relative;
}

/* Naslov centriran */
section#contact .sec-title__tagline {
    color: var(--garlon-base, #209D2F);
    font-weight: 600;
    letter-spacing: 0.08em;
    margin-bottom: 8px;
}

section#contact .sec-title__title {
    color: var(--garlon-text-dark, #222222);
    font-size: clamp(1.75rem, 4vw, 2.25rem);
    line-height: 1.25;
    margin-bottom: 12px;
}

section#contact .contact-one__text {
    color: var(--garlon-text, #5E5B5B);
    font-size: 16px;
    line-height: 1.65;
    margin-bottom: 40px;
    max-width: 520px;
}

/* Gutter između redova */
section#contact .row.gutter-y-60 {
    --bs-gutter-y: 60px;
}

@media (max-width: 991px) {
    section#contact .row.gutter-y-60 {
        --bs-gutter-y: 40px;
    }
}

/* Forma (contact-three__form) – kutija i polja */
section#contact .contact-three__form {
    background: #fff;
    border-radius: 20px;
    padding: 40px 32px;
    border: 1px solid rgba(32, 157, 47, 0.1);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06), 0 2px 8px rgba(32, 157, 47, 0.04);
}

@media (max-width: 575px) {
    section#contact .contact-three__form {
        padding: 28px 20px;
    }
}

section#contact .contact-three__form .form-one__group {
    grid-gap: 20px;
}

section#contact .contact-three__form .form-one__control input[type="text"],
section#contact .contact-three__form .form-one__control input[type="email"],
section#contact .contact-three__form .form-one__control input[type="tel"] {
    height: 52px;
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    background: #f8faf9;
    padding: 0 20px;
    font-size: 15px;
    transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

section#contact .contact-three__form .form-one__control input:focus {
    border-color: var(--garlon-base, #209D2F);
    background: #fff;
    box-shadow: 0 0 0 3px rgba(32, 157, 47, 0.1);
}

section#contact .contact-three__form .form-one__control textarea {
    min-height: 120px;
    padding: 16px 20px;
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    background: #f8faf9;
    font-size: 15px;
    resize: vertical;
    transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

section#contact .contact-three__form .form-one__control textarea:focus {
    border-color: var(--garlon-base, #209D2F);
    background: #fff;
    box-shadow: 0 0 0 3px rgba(32, 157, 47, 0.1);
}

section#contact .contact-three__form .contact-one__form__select {
    height: 52px;
    padding: 0 44px 0 20px;
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    background-color: #f8faf9;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235E5B5B' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 18px center;
    appearance: none;
    cursor: pointer;
    font-size: 15px;
}

section#contact .contact-three__form .contact-one__form__select:focus {
    border-color: var(--garlon-base, #209D2F);
    background-color: #fff;
    box-shadow: 0 0 0 3px rgba(32, 157, 47, 0.1);
}

section#contact .contact-three__form .form-one__control .garlon-btn {
    width: 100%;
    justify-content: center;
    height: 53px;
    border-radius: 90px;
    font-weight: 600;
    letter-spacing: 0.04em;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

section#contact .contact-three__form .form-one__control .garlon-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(32, 157, 47, 0.35);
}

/* Desna kolona: slika + ispod tri kartice jedan ispod drugog */
section#contact .contact-one__right-col {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* Slika gore u desnoj koloni */
section#contact .contact-three__thumb--simple {
    position: relative;
    flex-shrink: 0;
    min-height: 260px;
}

section#contact .contact-three__thumb--simple .contact-three__thumb__inner {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 260px;
    border-radius: 20px;
    overflow: hidden;
    -webkit-mask: none;
    mask: none;
    background: transparent;
}

section#contact .contact-three__thumb--simple .contact-three__thumb__inner img {
    width: 100%;
    height: 100%;
    min-height: 260px;
    object-fit: cover;
    object-position: center;
}

/* Tri kartice jedan ispod drugog */
section#contact .contact-one__cards-stack {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

section#contact .contact-one__cards-stack .contact-top__item {
    height: auto;
}

/* Naslov i sadržaj (link/tekst) unutar item__top – jedan ispod drugog */
section#contact .contact-top__item__top__body {
    flex: 1;
    min-width: 0;
}

section#contact .contact-top__item__top__body .contact-top__item__text {
    font-size: 1.1rem;
    margin-bottom: 6px;
}

section#contact .contact-top__item__top__body .contact-top__item__content {
    margin: 0;
}

section#contact .contact-top__item__top__body .contact-top__item__content__item a,
section#contact .contact-top__item__top__body .contact-top__item__content .time {
    font-size: 15px;
    line-height: 1.4;
}

section#contact .contact-top__item__text {
    font-size: 1.1rem;
}

/* O nama – ikone zamenjene slikama (ista animacija) */
.about-two__list__icon .about-two__list__icon-img {
    display: block;
    width: 55px;
    height: 55px;
    object-fit: contain;
    transition: all 0.4s ease-in-out;
    transform: scaleX(1);
}
.about-two__list__item:hover .about-two__list__icon .about-two__list__icon-img {
    transform: scaleX(-1);
}