.w-layout-blockcontainer {
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.w-layout-grid {
    grid-row-gap: 16px;
    grid-column-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

@media screen and (max-width: 991px) {
    .w-layout-blockcontainer {
        max-width: 728px;
    }
}

@media screen and (max-width: 767px) {
    .w-layout-blockcontainer {
        max-width: none;
    }
}

.navbar-logo-left-container {
    z-index: 5;
    background-color: #0000;
    width: 1030px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 15px 20px;
}

    .navbar-logo-left-container.shadow-three {
        width: 100%;
        max-width: 1400px;
        margin-bottom: 0;
        padding-top: 20px;
        padding-bottom: 20px;
    }

.container {
    width: 100%;
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
}

.navbar-wrapper {
    background-color: #f0ecf5;
    border-radius: 18px;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    display: flex;
}

.nav-menu-two {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    display: flex;
}

.nav-link {
    color: #1a1b1f;
    letter-spacing: .25px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 5px 10px;
    font-family: Blinker, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
    text-decoration: none;
}

    .nav-link:hover {
        color: #1a1b1fbf;
    }

    .nav-link:focus-visible, .nav-link[data-wf-focus-visible] {
        outline-offset: 0px;
        color: #0050bd;
        border-radius: 4px;
        outline: 2px solid #0050bd;
    }

    .nav-link.w--current {
        font-size: 18px;
    }

.nav-dropdown {
    margin-left: 5px;
    margin-right: 5px;
}

.nav-dropdown-toggle {
    letter-spacing: .25px;
    padding: 5px 30px 5px 10px;
    font-size: 14px;
    line-height: 20px;
}

    .nav-dropdown-toggle:hover {
        color: #1a1b1fbf;
    }

    .nav-dropdown-toggle:focus-visible, .nav-dropdown-toggle[data-wf-focus-visible] {
        outline-offset: 0px;
        color: #0050bd;
        border-radius: 5px;
        outline: 2px solid #0050bd;
    }

.nav-dropdown-icon {
    margin-right: 10px;
}

.nav-dropdown-list {
    background-color: #fff;
    border-radius: 12px;
}

    .nav-dropdown-list.w--open {
        padding-top: 10px;
        padding-bottom: 10px;
    }

.nav-dropdown-link {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 14px;
}

    .nav-dropdown-link:focus-visible, .nav-dropdown-link[data-wf-focus-visible] {
        outline-offset: 0px;
        color: #0050bd;
        border-radius: 5px;
        outline: 2px solid #0050bd;
    }

.nav-divider {
    background-color: #e4ebf3;
    width: 1px;
    height: 22px;
    margin-left: 15px;
    margin-right: 15px;
}

.nav-link-accent {
    color: #1a1b1f;
    letter-spacing: .25px;
    margin-left: 5px;
    margin-right: 20px;
    padding: 5px 10px;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    text-decoration: none;
}

    .nav-link-accent:hover {
        color: #1a1b1fbf;
    }

.button-primary {
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    background-color: #1a1b1f;
    padding: 12px 25px;
    font-size: 12px;
    line-height: 20px;
    transition: all .2s;
}

    .button-primary:hover {
        color: #fff;
        background-color: #32343a;
    }

    .button-primary:active {
        background-color: #43464d;
    }

.main-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 1440px;
    height: auto;
    max-height: none;
    padding-top: 0;
    padding-bottom: 20px;
    display: flex;
}

.hero {
    box-sizing: border-box;
    aspect-ratio: auto;
    opacity: .95;
    -webkit-text-fill-color: inherit;
    object-fit: cover;
    background-image: url('../images/colak-hero-bg.webp');
    background-size: cover;
    background-clip: padding-box;
    border-radius: 24px;
    flex-flow: column;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: none;
    height: auto;
    min-height: 744px;
    max-height: none;
    margin-top: 0;
    display: block;
    position: static;
    overflow: visible;
}

    .hero.contact-page {
        background-blend-mode: multiply;
        background-image: linear-gradient(225deg, #3e3e3e, #fff), url('../images/contact-hero.webp');
        background-position: 0 0, 50%;
        background-size: auto, cover;
        min-height: 0;
    }

    .hero.proizvodi-page {
        background-image: url('../images/hero-proizvodi.webp');
        background-position: 50%;
    }

    .hero.projekti-page {
        background-image: url('../images/projekti-hero-bg.webp');
        height: auto;
        min-height: 0;
    }

    .hero.galerija-page {
        background-image: url('../images/projekti-hero-bg.webp');
        min-height: 0;
    }

.image {
    border-radius: 30px;
}

.text-block {
    color: #000;
    background-color: #0000;
    font-family: Blinker, sans-serif;
    font-size: 20px;
    font-weight: 600;
}

.text-block-2 {
    font-family: Blinker, sans-serif;
    font-size: 18px;
    font-weight: 600;
}

.container-2 {
    color: #fff;
    max-width: none;
    height: 578px;
    padding: 20px;
}

.heading {
    font-family: Blinker, sans-serif;
    font-size: 55px;
    font-weight: 600;
    line-height: 66px;
}

.paragraph {
    font-size: 24px;
}

.paragraph-2 {
    margin-top: 29px;
    font-size: 24px;
    line-height: 36px;
}

.paragraph-3 {
    font-size: 24px;
}

.paragraph-4 {
    margin-top: 20px;
    font-family: Blinker, sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
}

.div-block {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    color: #ffffff4d;
    background-color: #ffffff61;
    border: 1px solid #1b2c5c26;
    border-radius: 14px;
    justify-content: space-between;
    align-items: center;
    max-width: 567px;
    height: 50px;
    max-height: none;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.body {
    border: 0 #000;
    font-family: Blinker, sans-serif;
    font-size: 18px;
    line-height: 24px;
}

.link {
    color: #1b2c5c;
    text-transform: uppercase;
    font-family: Blinker, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-decoration: none;
}

.o-nama {
    grid-column-gap: 10px;
    flex-flow: row;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    margin-top: 10px;
    text-decoration: none;
    display: flex;
}

.image-2 {
    object-fit: cover;
    border-radius: 4px 24px 24px 4px;
}

.frame-32 {
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

.frame-31 {
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 10px;
    text-decoration: none;
    display: flex;
}

.frame-22 {
    grid-row-gap: 12px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

.text {
    color: #1b2c5c;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 42px;
    font-weight: 600;
    line-height: 46px;
    text-decoration: none;
}

.error-b168cf2f-4fa0-dbdb-f333-c3a3d6823da1 {
    color: #1b2c5c;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    text-decoration: none;
}

.olak-je-jedna-od-vode-ih-firmi-u-srbiji-i-regionalni-lider-u-prodaji-granita-mermera-i-kvarca-kompanija-postoji-od-1962-godine-raspola-e-sa-velikim-izborom-kamena-iz-italije-indije-panije-kine-afrike-i-drugih-zemalja-saradnja-sa-vode-im-proizvo-a-ima-kamena-posete-svetskim-sajmovima-primena-moderne-tehnologije-obrade-kamena-omogu-ili-su-nam-da-budemo-uvek-u-vrhu-nudimo-irok-raspon-proizvoda-proizvodnja-obuhvata-veliki-raspon-od-spomenika-stepenica-ankova-fontana-figurado-prodaje-poliranih-i-nepoliranih-plo-a-na-e-proizvode-izvozimo-direktno-u-austriju-italiju-francuskunema-ku-hrvatsku-bosnu-i-hercegovinu-crnu-goru-i-druge-dr-ave-direktno-snabdevamo-lokalne-manjefirme-a-na-im-kupcima-nudimo-proizvode-po-atraktivnim-cenama-uz-dugogodi-nju-garanciju-0 {
    color: #1b2c5c;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    text-decoration: none;
}

.olak-je-jedna-od-vode-ih-firmi-u-srbiji-i-regionalni-lider-u-prodaji-granita-mermera-i-kvarca-kompanija-postoji-od-1962-godine-raspola-e-sa-velikim-izborom-kamena-iz-italije-indije-panije-kine-afrike-i-drugih-zemalja-saradnja-sa-vode-im-proizvo-a-ima-kamena-posete-svetskim-sajmovima-primena-moderne-tehnologije-obrade-kamena-omogu-ili-su-nam-da-budemo-uvek-u-vrhu-nudimo-irok-raspon-proizvoda-proizvodnja-obuhvata-veliki-raspon-od-spomenika-stepenica-ankova-fontana-figurado-prodaje-poliranih-i-nepoliranih-plo-a-na-e-proizvode-izvozimo-direktno-u-austriju-italiju-francuskunema-ku-hrvatsku-bosnu-i-hercegovinu-crnu-goru-i-druge-dr-ave-direktno-snabdevamo-lokalne-manjefirme-a-na-im-kupcima-nudimo-proizvode-po-atraktivnim-cenama-uz-dugogodi-nju-garanciju-1 {
    color: #1b2c5c;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 24px;
    text-decoration: none;
}

.olak-je-jedna-od-vode-ih-firmi-u-srbiji-i-regionalni-lider-u-prodaji-granita-mermera-i-kvarca-kompanija-postoji-od-1962-godine-raspola-e-sa-velikim-izborom-kamena-iz-italije-indije-panije-kine-afrike-i-drugih-zemalja-saradnja-sa-vode-im-proizvo-a-ima-kamena-posete-svetskim-sajmovima-primena-moderne-tehnologije-obrade-kamena-omogu-ili-su-nam-da-budemo-uvek-u-vrhu-nudimo-irok-raspon-proizvoda-proizvodnja-obuhvata-veliki-raspon-od-spomenika-stepenica-ankova-fontana-figurado-prodaje-poliranih-i-nepoliranih-plo-a-na-e-proizvode-izvozimo-direktno-u-austriju-italiju-francuskunema-ku-hrvatsku-bosnu-i-hercegovinu-crnu-goru-i-druge-dr-ave-direktno-snabdevamo-lokalne-manjefirme-a-na-im-kupcima-nudimo-proizvode-po-atraktivnim-cenama-uz-dugogodi-nju-garanciju-2 {
    color: #1b2c5c;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    text-decoration: none;
}

.frame-38 {
    grid-column-gap: 48px;
    background-image: url('../images/Frame-38.webp'), linear-gradient(#f3f2f300 0%, #f3f1f4 100%);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 24px;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: 1400px;
    height: 744px;
    min-height: 744px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    text-decoration: none;
    display: flex;
}

.frame-8 {
    background-color: #f0ecf5;
    border-radius: 18px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 1360px;
    padding: 12px 12px 12px 25px;
    text-decoration: none;
    display: flex;
}

.frame-7 {
    grid-column-gap: 12px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

.frame-6 {
    grid-column-gap: 10px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 12px 16px;
    text-decoration: none;
    display: flex;
}

.text-3 {
    color: #1b2c5c;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 100%;
    text-decoration: none;
}

.frame-5 {
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 12px 16px;
    text-decoration: none;
    display: flex;
}

.vectors-wrapper {
    object-fit: cover;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    text-decoration: none;
    display: flex;
}

.frame-21 {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    height: 576px;
    text-decoration: none;
    display: flex;
}

.frame-56 {
    grid-row-gap: 28px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

.text-4 {
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 55px;
    font-weight: 600;
    line-height: 100%;
    text-decoration: none;
}

.text-5 {
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 36px;
    text-decoration: none;
}

.frame-54 {
    grid-row-gap: 12px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

.frame-9 {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background-color: #ffffff4d;
    border: 1px solid #1b2c5c26;
    border-radius: 14px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 567px;
    padding: 12px 12px 12px 32px;
    text-decoration: none;
    display: flex;
}

.frame-10 {
    grid-column-gap: 8px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
}

.text-6 {
    color: #1b2c5c;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-decoration: none;
}

.vectors-wrapper-2 {
    object-fit: cover;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    text-decoration: none;
    display: flex;
}

.frame-55 {
    grid-column-gap: 45.9259px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

.vectors-wrapper-3 {
    object-fit: cover;
    justify-content: center;
    align-items: center;
    width: 27.5556px;
    height: 27.5556px;
    text-decoration: none;
    display: flex;
}

.olak-rs-0 {
    color: #2e2d2a;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 100%;
    text-decoration: none;
}

.olak-rs-1 {
    color: #1b2c5c;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 100%;
    text-decoration: none;
}

.frame-29 {
    grid-column-gap: 33px;
    grid-row-gap: 33px;
    border-radius: 24px;
    flex-flow: wrap;
    place-content: space-between flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: none;
    text-decoration: none;
    display: flex;
    overflow: hidden;
}

.frame-12 {
    grid-row-gap: 79px;
    background-image: url('../images/1.webp');
    background-position: 50%;
    background-size: cover;
    border-radius: 4px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    max-width: 335px;
    height: 270px;
    min-height: 270px;
    text-decoration: none;
    display: flex;
    overflow: hidden;
    box-shadow: 0 0 24px #4b6bf340;
}

.frame-20 {
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    background-color: #ffffff4d;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    padding: 20px;
    text-decoration: none;
    display: flex;
}

.frame-11 {
    grid-row-gap: 17px;
    background-image: url('../images/1.webp');
    background-position: 0 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

.text-7 {
    color: #f1eff5;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 21px;
    font-weight: 600;
    line-height: 24px;
    text-decoration: none;
}

.vectors-wrapper-4 {
    object-fit: cover;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    text-decoration: none;
    display: flex;
}

.frame-13 {
    grid-row-gap: 79px;
    background-image: url('../images/2.webp');
    background-position: 50%;
    background-size: cover;
    border-radius: 4px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    max-width: 335px;
    height: 270px;
    min-height: 270px;
    text-decoration: none;
    display: flex;
    overflow: hidden;
}

.frame-14 {
    grid-row-gap: 79px;
    background-image: url('../images/3.webp'), linear-gradient(113.98deg, #0000, #000 58%), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 50%, 0 0, 0 0;
    background-size: cover, auto, auto;
    border-radius: 4px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    max-width: 335px;
    height: 270px;
    min-height: 270px;
    text-decoration: none;
    display: flex;
    overflow: hidden;
}

.frame-15 {
    grid-row-gap: 79px;
    background-image: url('../images/4.webp'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 50%, 50%;
    background-repeat: repeat, no-repeat;
    background-size: cover, cover;
    border-radius: 4px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    max-width: 335px;
    height: 270px;
    min-height: 270px;
    text-decoration: none;
    display: flex;
    overflow: hidden;
}

.frame-16 {
    grid-row-gap: 79px;
    background-image: url('../images/5.webp'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 50%, 50%;
    background-repeat: repeat, no-repeat;
    background-size: cover, cover;
    border-radius: 4px 4px 4px 24px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    max-width: 335px;
    height: 270px;
    min-height: 270px;
    text-decoration: none;
    display: flex;
    overflow: hidden;
}

.frame-17 {
    grid-row-gap: 79px;
    background-image: url('../images/6.webp'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 50%, 50%;
    background-repeat: repeat, no-repeat;
    background-size: cover, cover;
    border-radius: 4px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    max-width: 335px;
    height: 270px;
    min-height: 270px;
    text-decoration: none;
    display: flex;
    overflow: hidden;
}

.frame-18 {
    grid-row-gap: 79px;
    background-image: url('../images/7.webp'), linear-gradient(181.41deg, #0000, #000), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 50%, 0 0, 0 0;
    background-size: cover, auto, auto;
    border-radius: 4px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    max-width: 335px;
    height: 270px;
    min-height: 270px;
    text-decoration: none;
    display: flex;
    overflow: hidden;
}

.frame-19 {
    grid-row-gap: 79px;
    background-image: url('../images/8.webp'), linear-gradient(#0000, #000), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 50%, 0 0, 0 0;
    background-size: cover, auto, auto;
    border-radius: 4px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    max-width: 335px;
    height: 270px;
    min-height: 270px;
    text-decoration: none;
    display: flex;
    overflow: hidden;
}

.frame-57 {
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    background-color: #ffffff4d;
    background-image: linear-gradient(135deg, #2f2f2f, #fff);
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    padding: 20px;
    text-decoration: none;
    display: flex;
}

.frame-58 {
    grid-row-gap: 17px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

.text-8 {
    color: #f1eff5;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 21px;
    font-weight: 600;
    line-height: 24px;
    text-decoration: none;
}

.vectors-wrapper-5 {
    object-fit: cover;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    text-decoration: none;
    display: flex;
}

.contact {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: none;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: none;
    margin-top: 20px;
    text-decoration: none;
    display: flex;
}

.frame-79 {
    grid-row-gap: 30px;
    flex-flow: column;
    flex: none;
    order: 0;
    justify-content: center;
    align-self: auto;
    align-items: flex-start;
    width: 30%;
    padding: 0 10px 10px;
    text-decoration: none;
    display: flex;
}

.text-9 {
    color: #1b2c5c;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 42px;
    font-weight: 600;
    line-height: 46px;
    text-decoration: none;
}

.text-10 {
    color: #000;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    text-decoration: none;
    display: none;
}

.frame-83 {
    grid-row-gap: 15px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: auto;
    text-decoration: none;
    display: flex;
}

.frame-82 {
    grid-column-gap: 15px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    text-decoration: none;
    display: flex;
}

.text-11 {
    color: #1b2c5c;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-decoration: none;
}

.form {
    grid-row-gap: 16px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: 572px;
    text-decoration: none;
    display: flex;
}

.frame-39 {
    grid-row-gap: 5px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    text-decoration: none;
    display: flex;
}

.text-12 {
    color: #1b2c5c;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 100%;
    text-decoration: none;
}

.frame-4 {
    grid-column-gap: 10px;
    border: 1px solid #1b2c5c1a;
    border-radius: 4px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding: 12px 16px;
    text-decoration: none;
    display: flex;
}

.text-13 {
    opacity: .5;
    color: #1b2c5c;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 100%;
    text-decoration: none;
}

.frame-93 {
    border: 1px solid #1b2c5c1a;
    border-radius: 4px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 12px 16px;
    text-decoration: none;
    display: flex;
}

.vectors-wrapper-6 {
    object-fit: cover;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    text-decoration: none;
    display: flex;
}

.frame-3 {
    grid-column-gap: 10px;
    background-color: #1b2c5c;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 12px 16px;
    text-decoration: none;
    display: flex;
}

.text-14 {
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 100%;
    text-decoration: none;
}

.image-1 {
    object-fit: cover;
    border-radius: 4px 4px 40px;
    width: auto;
    max-width: none;
    height: 100%;
    min-height: 100%;
    margin-top: 10px;
}

.footer {
    grid-row-gap: 62px;
    background-color: #f9f7fb;
    border-radius: 24px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: none;
    margin-top: 20px;
    padding: 40px;
    text-decoration: none;
    display: flex;
}

.frame-75 {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    text-decoration: none;
    display: flex;
}

.frame-74 {
    justify-content: space-around;
    align-items: flex-start;
    width: 100%;
    max-width: 944px;
    text-decoration: none;
    display: flex;
}

.korisne-info-footer {
    grid-row-gap: 30px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

.text-16 {
    color: #1b2c5c;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-decoration: none;
}

.frame-69 {
    grid-row-gap: 12px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

.text-17 {
    color: #1b2c5c;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-decoration: none;
}

.frame-73 {
    grid-column-gap: 10px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

.text-18 {
    color: #000;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-decoration: none;
}

.frame-94 {
    grid-column-gap: 45.9259px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

.vectors-wrapper-7 {
    object-fit: cover;
    justify-content: center;
    align-items: center;
    width: 27.5556px;
    height: 27.5556px;
    text-decoration: none;
    display: flex;
}

.olak-rs-2 {
    color: #2e2d2a;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 100%;
    text-decoration: none;
}

.olak-rs-3 {
    color: #1b2c5c;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 100%;
    text-decoration: none;
}

.frame-95 {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    height: auto;
    padding: 10px;
    text-decoration: none;
    display: flex;
}

.frame-96 {
    grid-row-gap: 30px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

.text-19 {
    color: #1b2c5c;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 42px;
    font-weight: 600;
    line-height: 46px;
    text-decoration: none;
}

.text-20 {
    color: #000;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    text-decoration: none;
}

.frame-78 {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    max-width: 256px;
    height: 162px;
    text-decoration: none;
    display: flex;
}

.serbia-asset-1 {
    object-fit: cover;
}

.frame-97 {
    grid-row-gap: 12px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    text-decoration: none;
    display: flex;
}

.frame-98 {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background-color: #ffffff4d;
    border: 1px solid #1b2c5c26;
    border-radius: 14px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: none;
    margin-top: 20px;
    padding: 12px 12px 12px 32px;
    text-decoration: none;
    display: flex;
}

.frame-99 {
    grid-column-gap: 8px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
}

.text-21 {
    color: #1b2c5c;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-decoration: none;
}

.medjunarodna-prisutnost {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    display: flex;
}

.form-block {
    justify-content: flex-start;
    align-items: center;
    width: 30%;
    padding-right: 60px;
    display: block;
}

.frame-100 {
    grid-column-gap: 10px;
    background-color: #1b2c5c;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 20px;
    padding: 12px 16px;
    text-decoration: none;
    display: flex;
}

.text-22 {
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 100%;
    text-decoration: none;
}

.frame-92 {
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    max-width: 1400px;
    text-decoration: none;
    display: flex;
}

.frame-101 {
    grid-row-gap: 30px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 10px;
    text-decoration: none;
    display: flex;
}

.text-23 {
    color: #1b2c5c;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 42px;
    font-weight: 600;
    line-height: 46px;
    text-decoration: none;
}

.text-24 {
    color: #000;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    text-decoration: none;
}

.frame-102 {
    grid-row-gap: 25px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 135px;
    text-decoration: none;
    display: flex;
}

.frame-103 {
    grid-column-gap: 15px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    text-decoration: none;
    display: flex;
}

.vectors-wrapper-8 {
    object-fit: cover;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    text-decoration: none;
    display: flex;
}

.text-25 {
    color: #1b2c5c;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-decoration: none;
}

.frame-42 {
    grid-row-gap: 16px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: 572px;
    text-decoration: none;
    display: flex;
}

.frame-104 {
    grid-row-gap: 5px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    text-decoration: none;
    display: flex;
}

.text-26 {
    color: #1b2c5c;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 100%;
    text-decoration: none;
}

.frame-105 {
    grid-column-gap: 10px;
    border: 1px solid #1b2c5c1a;
    border-radius: 4px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding: 12px 16px;
    text-decoration: none;
    display: flex;
}

.text-27 {
    opacity: .5;
    color: #1b2c5c;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 100%;
    text-decoration: none;
}

.frame-106 {
    border: 1px solid #1b2c5c1a;
    border-radius: 4px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 12px 16px;
    text-decoration: none;
    display: flex;
}

.vectors-wrapper-9 {
    object-fit: cover;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    text-decoration: none;
    display: flex;
}

.frame-107 {
    grid-column-gap: 10px;
    background-color: #1b2c5c;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 12px 16px;
    text-decoration: none;
    display: flex;
}

.text-28 {
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 100%;
    text-decoration: none;
}

.image-3 {
    object-fit: cover;
    border-radius: 4px 4px 40px;
}

.form-2 {
    padding-top: 10px;
}

.frame-108 {
    grid-column-gap: 48px;
    background-image: linear-gradient(270deg, #3e3e3e00 0%, #565e60 100%), url('../images/Frame-38.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 24px;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 744px;
    min-height: 744px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.frame-109 {
    background-color: #f0ecf5;
    border-radius: 18px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 1360px;
    padding: 12px 12px 12px 25px;
    text-decoration: none;
    display: flex;
}

.frame-110 {
    grid-column-gap: 12px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

.frame-111 {
    grid-column-gap: 10px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 12px 16px;
    text-decoration: none;
    display: flex;
}

.text-30 {
    color: #1b2c5c;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 100%;
    text-decoration: none;
}

.frame-112 {
    background-color: #fff;
    border-radius: 10px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 12px 16px;
    text-decoration: none;
    display: flex;
    box-shadow: 0 0 4px #0000001f;
}

.vectors-wrapper-10 {
    object-fit: cover;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    text-decoration: none;
    display: flex;
}

.frame-113 {
    background-color: #f0ecf5;
    border-radius: 10px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 12px 16px;
    text-decoration: none;
    display: flex;
    box-shadow: 0 0 4px #0000001f;
}

.frame-114 {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    height: 576px;
    text-decoration: none;
    display: flex;
}

.frame-115 {
    grid-row-gap: 28px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

.text-31 {
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 55px;
    font-weight: 600;
    line-height: 100%;
    text-decoration: none;
}

.text-32 {
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 36px;
    text-decoration: none;
}

.frame-116 {
    grid-row-gap: 12px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

.frame-117 {
    -webkit-backdrop-filter: blur(7.5px);
    backdrop-filter: blur(7.5px);
    background-color: #ffffff4d;
    border: 1px solid #1b2c5c26;
    border-radius: 14px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 567px;
    padding: 12px 12px 12px 32px;
    text-decoration: none;
    display: flex;
}

.frame-118 {
    grid-column-gap: 8px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
}

.text-33 {
    color: #1b2c5c;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-decoration: none;
}

.vectors-wrapper-11 {
    object-fit: cover;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    text-decoration: none;
    display: flex;
}

.frame-119 {
    grid-column-gap: 45.9259px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

.vectors-wrapper-12 {
    object-fit: cover;
    justify-content: center;
    align-items: center;
    width: 27.5556px;
    height: 27.5556px;
    text-decoration: none;
    display: flex;
}

.olak-rs-4 {
    color: #2e2d2a;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 100%;
    text-decoration: none;
}

.olak-rs-5 {
    color: #1b2c5c;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 100%;
    text-decoration: none;
}

.frame-120 {
    background-color: #f0ecf5;
    border-radius: 18px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 1360px;
    padding: 12px 12px 12px 25px;
    text-decoration: none;
    display: flex;
}

.frame-121 {
    grid-column-gap: 12px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

.frame-122 {
    grid-column-gap: 10px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 12px 16px;
    text-decoration: none;
    display: flex;
}

.text-35 {
    color: #1b2c5c;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 100%;
    text-decoration: none;
}

.frame-123 {
    background-color: #fff;
    border-radius: 10px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 12px 16px;
    text-decoration: none;
    display: flex;
    box-shadow: 0 0 4px #0000001f;
}

.vectors-wrapper-13 {
    object-fit: cover;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    text-decoration: none;
    display: flex;
}

.frame-124 {
    background-color: #f0ecf5;
    border-radius: 10px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 12px 16px;
    text-decoration: none;
    display: flex;
    box-shadow: 0 0 4px #0000001f;
}

.olak-rs-6 {
    color: #2e2d2a;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 100%;
    text-decoration: none;
}

.olak-rs-7 {
    color: #1b2c5c;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 100%;
    text-decoration: none;
}

.granit {
    grid-column-gap: 10px;
    background-image: url('../images/granit.webp');
    background-position: 50%;
    background-repeat: repeat;
    background-size: cover;
    background-attachment: scroll;
    border-radius: 24px;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 450px;
    min-height: 450px;
    display: flex;
    overflow: hidden;
}

.frame-125 {
    grid-row-gap: 10px;
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    background-color: #ffffff73;
    border-radius: 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: 700px;
    height: 450px;
    padding: 40px;
    text-decoration: none;
    display: flex;
    overflow: hidden;
}

.text-36 {
    color: #1b2c5c;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 42px;
    font-weight: 600;
    line-height: 46px;
    text-decoration: none;
}

.frame-126 {
    grid-row-gap: 25px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: 562px;
    text-decoration: none;
    display: flex;
}

.text-37 {
    color: #3e3e3e;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
    text-decoration: none;
}

.error-1433df92-7f01-702a-f288-da83a7f3a45b {
    color: #3e3e3e;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    text-decoration: none;
}

.mermer {
    grid-column-gap: 10px;
    background-image: url('../images/mermer.webp'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 50%, 50%;
    background-repeat: repeat, no-repeat;
    background-size: cover, cover;
    border-radius: 24px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 450px;
    min-height: 450px;
    display: flex;
    overflow: hidden;
}

.frame-127 {
    grid-row-gap: 10px;
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    background-color: #ffffff73;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: 700px;
    height: 450px;
    padding: 40px;
    text-decoration: none;
    display: flex;
}

.text-38 {
    color: #1b2c5c;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 42px;
    font-weight: 600;
    line-height: 46px;
    text-decoration: none;
}

.frame-128 {
    grid-row-gap: 25px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: 614px;
    text-decoration: none;
    display: flex;
}

.text-39 {
    color: #3e3e3e;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
    text-decoration: none;
}

.error-28b459c1-dfc6-c7a9-9902-f48c7bd716b2 {
    color: #3e3e3e;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    text-decoration: none;
}

.kvarc {
    grid-column-gap: 10px;
    background-image: url('../images/kvarc.webp'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 50%, 50%;
    background-repeat: repeat, no-repeat;
    background-size: cover, cover;
    border-radius: 24px;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 450px;
    min-height: 450px;
    display: flex;
    overflow: hidden;
}

.frame-129 {
    grid-row-gap: 10px;
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    background-color: #ffffff73;
    border-radius: 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: 700px;
    height: 450px;
    padding: 40px;
    text-decoration: none;
    display: flex;
    overflow: hidden;
}

.frame-130 {
    grid-row-gap: 25px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: 562px;
    text-decoration: none;
    display: flex;
}

.text-40 {
    color: #3e3e3e;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
    text-decoration: none;
}

.error-9e391e75-bb7a-07d4-1849-9142b1297bbd {
    color: #3e3e3e;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    text-decoration: none;
}

.stepenice {
    grid-column-gap: 10px;
    background-image: url('../images/stepenice.webp'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 50%, 50%;
    background-repeat: repeat, no-repeat;
    background-size: cover, cover;
    border-radius: 24px;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 450px;
    min-height: 450px;
    display: flex;
    overflow: hidden;
}

.frame-131 {
    grid-row-gap: 10px;
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    background-color: #ffffff73;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: 700px;
    height: 450px;
    padding: 40px;
    text-decoration: none;
    display: flex;
}

.frame-132 {
    grid-row-gap: 25px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: 562px;
    text-decoration: none;
    display: flex;
}

.text-41 {
    color: #3e3e3e;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
    text-decoration: none;
}

.error-ebc49ab8-16af-0fe9-4d7c-adaf4d8fffd7 {
    color: #3e3e3e;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    text-decoration: none;
}

.sankovi {
    grid-column-gap: 10px;
    background-image: url('../images/sank.webp'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 50%, 50%;
    background-repeat: repeat, no-repeat;
    background-size: cover, contain;
    border-radius: 24px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 450px;
    min-height: 450px;
    display: flex;
    overflow: hidden;
}

.frame-133 {
    grid-row-gap: 10px;
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    background-color: #ffffff73;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: 700px;
    height: 450px;
    padding: 40px;
    text-decoration: none;
    display: flex;
}

.frame-134 {
    grid-row-gap: 25px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: 614px;
    text-decoration: none;
    display: flex;
}

.text-42 {
    color: #3e3e3e;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
    text-decoration: none;
}

.error-e68e2be7-1682-3a19-2c72-0b61d7d41a11 {
    color: #3e3e3e;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    text-decoration: none;
}

.ploce {
    grid-column-gap: 10px;
    background-image: url('../images/ploce.webp'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 50%, 50%;
    background-repeat: repeat, no-repeat;
    background-size: cover, cover;
    border-radius: 24px;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    min-height: 423px;
    text-decoration: none;
    display: flex;
    overflow: hidden;
}

.frame-135 {
    grid-row-gap: 10px;
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    background-color: #ffffff73;
    border-radius: 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: 700px;
    height: 423px;
    padding: 40px;
    text-decoration: none;
    display: flex;
    overflow: hidden;
}

.frame-136 {
    grid-row-gap: 25px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: 614px;
    text-decoration: none;
    display: flex;
}

.text-43 {
    color: #3e3e3e;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
    text-decoration: none;
}

.error-0d58f394-16b7-3f0b-befd-eba3e405fcb1 {
    color: #3e3e3e;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    text-decoration: none;
}

.figure {
    grid-column-gap: 10px;
    background-image: url('../images/figure.webp'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 50%, 50%;
    background-repeat: repeat, no-repeat;
    background-size: cover, cover;
    border-radius: 24px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 450px;
    min-height: 450px;
    display: flex;
    overflow: hidden;
}

.frame-137 {
    grid-row-gap: 10px;
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    background-color: #ffffff73;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: 700px;
    height: 450px;
    padding: 40px;
    text-decoration: none;
    display: flex;
}

.frame-138 {
    grid-row-gap: 25px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: 562px;
    text-decoration: none;
    display: flex;
}

.text-44 {
    color: #3e3e3e;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
    text-decoration: none;
}

.error-7cf075c8-cbfb-7aae-5131-01b9a571235c {
    color: #3e3e3e;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    text-decoration: none;
}

.spomenici {
    grid-column-gap: 10px;
    background-image: url('../images/spomenici.webp'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 50%, 50%;
    background-repeat: repeat, no-repeat;
    background-size: cover, contain;
    border-radius: 24px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 450px;
    min-height: 450px;
    display: flex;
    overflow: hidden;
}

.frame-139 {
    grid-row-gap: 10px;
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    background-color: #ffffff73;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: 700px;
    height: 450px;
    padding: 40px;
    text-decoration: none;
    display: flex;
}

.frame-140 {
    grid-row-gap: 25px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: 614px;
    text-decoration: none;
    display: flex;
}

.text-45 {
    color: #3e3e3e;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
    text-decoration: none;
}

.error-cbfd0b17-db73-03cd-c60b-fdcbd61de988 {
    color: #3e3e3e;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    text-decoration: none;
}

.frame-141 {
    background-color: #fff;
    border-radius: 10px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 0 5px;
    text-decoration: none;
    display: flex;
    box-shadow: 0 0 4px #0000001f;
}

.text-46 {
    color: #1b2c5c;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 100%;
    text-decoration: none;
}

.vectors-wrapper-14 {
    object-fit: cover;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    text-decoration: none;
    display: flex;
}

.strucnost {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-image: url('../images/Frame-93.webp'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 50%, 50%;
    background-repeat: repeat, no-repeat;
    background-size: cover, cover;
    border-radius: 24px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 450px;
    min-height: 450px;
    display: flex;
}

.frame-142 {
    grid-row-gap: 10px;
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    background-color: #ffffff73;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: 700px;
    height: 450px;
    padding: 40px 40px 40px 0;
    text-decoration: none;
    display: flex;
}

.text-47 {
    color: #1b2c5c;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 42px;
    font-weight: 600;
    line-height: 46px;
    text-decoration: none;
}

.frame-143 {
    grid-row-gap: 25px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: 614px;
    text-decoration: none;
    display: flex;
}

.error-4130aa33-9c2c-3a46-656b-6a7752175267 {
    color: #3e3e3e;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    text-decoration: none;
}

.text-48 {
    color: #3e3e3e;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
    text-decoration: none;
}

.frame-144 {
    grid-column-gap: 33px;
    border-radius: 24px;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: none;
    text-decoration: none;
    display: flex;
    overflow: hidden;
}

.frame-145 {
    grid-row-gap: 79px;
    background-image: url('../images/Frame-16.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 4px 4px 4px 24px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    max-width: 335px;
    height: 270px;
    min-height: 270px;
    text-decoration: none;
    display: flex;
}

.frame-146 {
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    background-color: #ffffff4d;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    padding: 20px;
    text-decoration: none;
    display: flex;
}

.frame-147 {
    grid-row-gap: 17px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

.text-49 {
    color: #f1eff5;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 21px;
    font-weight: 600;
    line-height: 24px;
    text-decoration: none;
}

.vectors-wrapper-15 {
    object-fit: cover;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    text-decoration: none;
    display: flex;
}

.frame-148 {
    grid-row-gap: 79px;
    background-image: url('../images/Frame-17.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 4px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    max-width: 335px;
    height: 270px;
    min-height: 270px;
    text-decoration: none;
    display: flex;
}

.frame-149 {
    grid-row-gap: 79px;
    background-image: linear-gradient(181.41deg, #0000 0%, #000 100%), url('../images/Frame-18.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 4px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    max-width: 335px;
    height: 270px;
    min-height: 270px;
    text-decoration: none;
    display: flex;
}

.frame-150 {
    grid-row-gap: 79px;
    background-image: url('../images/2c909d15b49e9790efb5fe324d1fa20f.webp'), linear-gradient(#0000, #000), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 50%, 0 0, 0 0;
    background-size: cover, auto, auto;
    border-radius: 4px 4px 24px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    max-width: 335px;
    height: 270px;
    min-height: 270px;
    text-decoration: none;
    display: flex;
}

.frame-151 {
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 360px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-decoration: none;
    display: flex;
}

.frame-152 {
    grid-row-gap: 28px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 80%;
    text-decoration: none;
    display: flex;
}

.text-50 {
    color: #fff;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 55px;
    font-weight: 600;
    line-height: 100%;
    text-decoration: none;
}

.text-51 {
    color: #fff;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    text-decoration: none;
}

.frame-153 {
    grid-column-gap: 8px;
    -webkit-backdrop-filter: blur(7.5px);
    backdrop-filter: blur(7.5px);
    background-color: #ffffff4d;
    border: 1px solid #1b2c5c26;
    border-radius: 14px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 12px;
    text-decoration: none;
    display: none;
}

.frame-154 {
    background-color: #ffffff4d;
    border-radius: 10px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 12px 16px;
    text-decoration: none;
    display: flex;
}

.text-52 {
    color: #1b2c5c;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 100%;
    text-decoration: none;
}

.frame-155 {
    background-color: #fff;
    border-radius: 10px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 12px 16px;
    text-decoration: none;
    display: flex;
    box-shadow: 0 0 4px #0000001f;
}

.frame-156 {
    grid-column-gap: 45.9259px;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 0;
    margin-left: 40px;
    text-decoration: none;
    display: flex;
}

    .frame-156.projekti-socials {
        margin-bottom: 20px;
        margin-left: 20px;
    }

.vectors-wrapper-16 {
    object-fit: cover;
    justify-content: center;
    align-items: center;
    width: 27.5556px;
    height: 27.5556px;
    text-decoration: none;
    display: flex;
}

.frame-157 {
    grid-column-gap: 33px;
    grid-row-gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 1440px;
    text-decoration: none;
    display: flex;
}

.frame-158 {
    grid-row-gap: 79px;
    object-fit: cover;
    border-radius: 24px 4px 4px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    max-width: 335px;
    height: 270px;
    text-decoration: none;
    display: flex;
    box-shadow: 0 0 24px #4b6bf340;
}

.frame-159 {
    grid-row-gap: 79px;
    object-fit: cover;
    border-radius: 4px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    max-width: 335px;
    height: 270px;
    text-decoration: none;
    display: flex;
}

.frame-160 {
    grid-row-gap: 79px;
    object-fit: cover;
    background-image: linear-gradient(113.98deg, #0000 0%, #000 58%);
    border-radius: 4px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    max-width: 335px;
    height: 270px;
    text-decoration: none;
    display: flex;
}

.frame-161 {
    grid-row-gap: 79px;
    object-fit: cover;
    border-radius: 4px 24px 4px 4px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    max-width: 335px;
    height: 270px;
    text-decoration: none;
    display: flex;
}

.frame-162 {
    grid-row-gap: 79px;
    object-fit: cover;
    border-radius: 4px 4px 4px 24px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    max-width: 335px;
    height: 270px;
    text-decoration: none;
    display: flex;
}

.frame-163 {
    grid-row-gap: 79px;
    object-fit: cover;
    background-image: linear-gradient(181.41deg, #0000 0%, #000 100%);
    border-radius: 4px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    max-width: 335px;
    height: 270px;
    text-decoration: none;
    display: flex;
}

.frame-164 {
    grid-row-gap: 79px;
    object-fit: cover;
    background-image: linear-gradient(#0000 0%, #000 100%);
    border-radius: 4px 4px 24px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    max-width: 335px;
    height: 270px;
    text-decoration: none;
    display: flex;
}

.frame-165, .frame-166 {
    grid-row-gap: 79px;
    object-fit: cover;
    border-radius: 24px 4px 4px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    max-width: 335px;
    height: 270px;
    text-decoration: none;
    display: flex;
    box-shadow: 0 0 24px #4b6bf340;
}

.frame-167 {
    grid-row-gap: 60px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding: 20px;
    text-decoration: none;
    display: flex;
}

.frame-168 {
    grid-row-gap: 28px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 70%;
    font-family: Blinker, sans-serif;
    text-decoration: none;
    display: flex;
}

.text-53 {
    color: #fff;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 55px;
    font-weight: 600;
    line-height: 100%;
    text-decoration: none;
}

.error-e44dc535-c67d-a4ea-9da4-cc22e341890b {
    color: #fff;
    text-align: center;
    white-space: pre-wrap;
    word-break: normal;
    overflow-wrap: break-word;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
    text-decoration: none;
}

.frame-85 {
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    background-color: #ffffff4d;
    border-radius: 24px;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    padding: 20px;
    text-decoration: none;
    display: flex;
}

.frame-169 {
    grid-row-gap: 30px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 10px;
    text-decoration: none;
    display: flex;
}

.text-54 {
    color: #000;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    text-decoration: none;
}

.frame-170 {
    grid-row-gap: 25px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

.frame-171 {
    grid-column-gap: 15px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    text-decoration: none;
    display: flex;
}

.vectors-wrapper-17 {
    object-fit: cover;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    text-decoration: none;
    display: flex;
}

.text-55 {
    color: #1b2c5c;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-decoration: none;
}

.frame-172 {
    grid-row-gap: 16px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: 524px;
    text-decoration: none;
    display: flex;
}

.frame-173 {
    grid-row-gap: 5px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    text-decoration: none;
    display: flex;
}

.text-56 {
    color: #1b2c5c;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 100%;
    text-decoration: none;
}

.frame-174 {
    grid-column-gap: 10px;
    background-color: #ffffff80;
    border: 1px solid #1b2c5c1a;
    border-radius: 4px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding: 12px 16px;
    text-decoration: none;
    display: flex;
}

.text-57 {
    opacity: .5;
    color: #1b2c5c;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 100%;
    text-decoration: none;
}

.frame-175 {
    background-color: #ffffff80;
    border: 1px solid #1b2c5c1a;
    border-radius: 4px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 12px 16px;
    text-decoration: none;
    display: flex;
}

.vectors-wrapper-18 {
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    text-decoration: none;
    display: flex;
}

.frame-176 {
    grid-column-gap: 10px;
    background-color: #1b2c5c;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 12px 16px;
    text-decoration: none;
    display: flex;
}

.text-58 {
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Blinker, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 100%;
    text-decoration: none;
}

.image-5 {
    object-fit: cover;
    border-radius: 4px 4px 24px;
}

.o-nama-footer {
    display: none;
}

.gallery-overview {
    background-color: #f5f7fa;
    border-bottom: 1px solid #e4ebf3;
    width: 100%;
    padding: 80px 30px;
    position: relative;
}

.container-3 {
    width: 100%;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
}

.gallery-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    place-items: flex-start stretch;
    width: 100%;
    display: flex;
}

.gallery-block {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.gallery-features-block {
    margin-top: 16px;
    margin-bottom: 24px;
}

.gallery-feature {
    background-image: url('../images/');
    background-position: 0%;
    background-repeat: no-repeat;
    background-size: 20px;
    margin-bottom: 8px;
    padding-left: 30px;
    font-size: 14px;
    line-height: 24px;
}

.button-primary-2 {
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    background-color: #1a1b1f;
    padding: 12px 25px;
    font-size: 12px;
    line-height: 20px;
    transition: all .2s;
}

    .button-primary-2:hover {
        color: #fff;
        background-color: #32343a;
    }

    .button-primary-2:active {
        background-color: #43464d;
    }

.gallery-grid {
    grid-row-gap: 40px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.gallery-image {
    width: 100%;
}

    .gallery-image.shadow-two {
        max-width: none;
    }

.gallery-slider {
    border-bottom: 1px solid #e4ebf3;
    width: 100%;
    padding: 80px 30px;
    position: relative;
}

.gallery-wrapper-2 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    align-items: start;
    width: 100%;
    display: grid;
}

.gallery-slide {
    background-color: #0000;
    height: auto;
}

.gallery-slide-wrapper {
    max-width: 47%;
    margin-right: 6%;
}

.gallery-slide-image {
    position: relative;
}

.gallery-slide-text {
    color: #f5f7fa;
    margin-bottom: 0;
    line-height: 32px;
    position: absolute;
    bottom: 24px;
    left: 24px;
    right: 24px;
}

.gallery-slider-left {
    justify-content: center;
    align-items: center;
    width: 40px;
    display: flex;
    left: -50px;
}

    .gallery-slider-left:focus-visible, .gallery-slider-left[data-wf-focus-visible] {
        outline-offset: 0px;
        border-radius: 5px;
        outline: 2px solid #0050bd;
    }

.slider-arrow-embed {
    color: #1a1b1f;
}

.gallery-slider-right {
    justify-content: center;
    align-items: center;
    width: 40px;
    display: flex;
    right: -50px;
}

    .gallery-slider-right:focus-visible, .gallery-slider-right[data-wf-focus-visible] {
        outline-offset: 0px;
        border-radius: 5px;
        outline: 2px solid #0050bd;
    }

.gallery-slide-nav {
    display: none;
}

.gallery-scroll {
    background-color: #f5f7fa;
    border-bottom: 1px solid #e4ebf3;
    width: 100%;
    padding: 0;
    position: relative;
}

.container-4 {
    width: 100%;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
}

.gallery-sticky {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
    position: sticky;
    top: 80px;
}

.gallery-link {
    color: #1a1b1f;
    margin-bottom: 35px;
    font-size: 24px;
    line-height: 32px;
    text-decoration: none;
}

    .gallery-link:hover {
        color: #1a1b1fcc;
    }

    .gallery-link.w--current {
        font-weight: 600;
    }

.gallery-grid-2 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto auto;
    grid-template-columns: .5fr .5fr;
    grid-auto-columns: 1fr;
    justify-items: stretch;
    width: 100%;
    display: grid;
}

.gallery-image-wrapper {
    position: relative;
}

.gallery-image-text {
    color: #f5f7fa;
    margin-bottom: 0;
    position: absolute;
    bottom: 16px;
    left: 16px;
    right: 16px;
}

.h1 {
    font-family: Blinker, sans-serif;
    font-size: 42px;
    font-weight: 600;
    line-height: 46px;
}

.body2 {
    font-family: Blinker, sans-serif;
    font-size: 24px;
    font-weight: 600;
}

.tabs-menu {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: #ffffff4d;
    border-radius: 14px;
    width: auto;
    height: auto;
    margin-left: 0;
    padding: 12px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.tabs {
    grid-column-gap: 52px;
    grid-row-gap: 52px;
    flex-flow: column;
    align-items: center;
    width: 100%;
    margin-top: -158px;
    display: flex;
}

.text-block-3, .text-block-4, .text-block-5, .text-block-6 {
    font-family: Blinker, sans-serif;
    font-size: 16px;
    font-weight: 600;
}

.tab-link-tab-1 {
    border-radius: 10px;
}

    .tab-link-tab-1.w--current {
        background-color: #fff;
    }

.tab-link-tab-2 {
    border-radius: 10px;
}

    .tab-link-tab-2.w--current {
        background-color: #fff;
    }

.tab-link-tab-3 {
    border-radius: 10px;
}

    .tab-link-tab-3.w--current {
        background-color: #fff;
    }

.tab-link-tab-4 {
    border-radius: 10px;
}

    .tab-link-tab-4.w--current {
        background-color: #fff;
    }

.tab-link-tab-5 {
    border-radius: 10px;
}

    .tab-link-tab-5.w--current {
        background-color: #fff;
    }

.tab-link-tab-6 {
    border-radius: 10px;
}

    .tab-link-tab-6.w--current {
        background-color: #fff;
    }

.tab-link-tab-7 {
    border-radius: 10px;
}

    .tab-link-tab-7.w--current {
        background-color: #fff;
    }

.tab-link-tab-8 {
    border-radius: 10px;
}

    .tab-link-tab-8.w--current {
        background-color: #fff;
    }


.tabs-content {
    width: 100%;
    height: 100%;
}

.grid {
    border-radius: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    overflow: hidden;
}

.image-6 {
    width: auto;
    height: auto;
    max-height: 400px;
}

.image-7, .image-8 {
    max-height: 400px;
}

.div-block-2 {
    background-image: url('../images/338197227_741075740890335_6464235260428515647_n.webp');
    background-position: 0 0;
    background-size: cover;
    height: 400px;
}

.div-block-3 {
    background-image: url('../images/338284402_1465787193827552_1702585275272255790_n.webp');
    background-position: 0 0;
    background-size: cover;
    height: 400px;
}

    .div-block-3.sd {
        background-image: url('../images/339076127_2312057692316184_8714147800031703795_n.webp');
    }

    .div-block-3.sdsd {
        background-image: url('../images/9.webp');
    }

.div-block-4 {
    background-image: url('../images/339087907_1390587778408687_1152797528996956830_n.webp');
    background-position: 0 0;
    background-size: cover;
}

.div-block-5 {
    background-image: url('../images/338598101_197582286329544_7107127212934650900_n.webp');
    background-position: 0 0;
    background-size: cover;
}

.div-block-6 {
    background-image: url('../images/375395117_811780113756879_24719668426085272_n.webp');
    background-position: 0 0;
    background-size: cover;
    width: auto;
    height: 400px;
}

    .div-block-6.sdadsasd {
        background-image: url('../images/393274540_6733143710110853_3281298612851161362_n.webp');
    }

        .div-block-6.sdadsasd.sdsd {
            background-image: url('../images/3_1.webp');
        }

.grid-2 {
    border-radius: 24px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    overflow: hidden;
}

.div-block-7 {
    background-image: url('../images/44812359_1983266221711756_1652101892446093312_n.webp');
    background-position: 0 0;
    background-size: cover;
    height: 400px;
}

.div-block-8 {
    background-image: url('../images/43645062_1983258598379185_440699571971031040_n.webp');
    background-position: 50%;
    background-size: cover;
}

.div-block-9 {
    background-image: url('../images/44715715_1983265478378497_3266086830608482304_n.webp');
    background-position: 0 0;
    background-size: cover;
}

.div-block-10 {
    background-image: url('../images/20230515-131552-572887-327a9586-hdr.webp');
    background-position: 0 0;
    background-size: cover;
    height: 400px;
}

.div-block-11 {
    background-image: url('../images/20230516-214034-747356-ste-346.webp');
    background-position: 0 0;
    background-size: cover;
}

.div-block-12 {
    background-image: url('../images/20231025-094345-849911-hoa050-1.webp');
    background-position: 0 0;
    background-size: cover;
}

.div-block-13 {
    background-image: url('../images/20645232_1490706344301082_7266007160831454986_o_1490706344301082.webp');
    background-position: 0 0;
    background-size: cover;
    height: 400px;
}

.div-block-14 {
    background-image: url('../images/44703460_1983258948379150_3611557717677703168_n_1983258941712484.webp');
    background-position: 0 0;
    background-size: cover;
}

.div-block-15 {
    background-image: url('../images/20708030_1490706257634424_3823338715718470279_n_1490706257634424.webp');
    background-position: 0 0;
    background-size: cover;
}

.div-block-16 {
    background-image: url('../images/WhatsApp-Image-2024-01-22-at-08.06.27.webp');
    background-position: 0 0;
    background-size: cover;
    height: 400px;
}

.grid-3 {
    border-radius: 24px;
    grid-template-columns: 1fr 1fr 1fr;
    overflow: hidden;
}

.div-block-17 {
    background-image: url('../images/8_1.webp');
    background-position: 0 0;
    background-size: cover;
}

.div-block-18 {
    background-image: url('../images/336500510_912194389984903_4418917241794821076_n.webp');
    background-position: 0 0;
    background-size: cover;
}

.div-block-19 {
    background-image: url('../images/336799319_780821410137230_6841531801029479261_n.webp');
    background-position: 0 0;
    background-size: cover;
    height: 400px;
}

.div-block-20 {
    background-image: url('../images/1_1.webp');
    background-position: 0 0;
    background-size: cover;
    height: 400px;
}

.div-block-21 {
    background-image: url('../images/336343791_1389215285209348_9041801077720001656_n.webp');
    background-position: 0 0;
    background-size: cover;
    height: 400px;
}

.div-block-22 {
    grid-column-gap: 37px;
    grid-row-gap: 37px;
    flex-flow: column;
    width: 100%;
    display: flex;
}

@media screen and (max-width: 991px) {
    .container {
        max-width: 728px;
    }

    .nav-menu-wrapper {
        background-color: #0000;
    }

    .nav-menu-two {
        background-color: #fff;
        border-radius: 50px;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: center;
        margin-top: 10px;
        padding: 20px;
        display: flex;
        box-shadow: 0 8px 50px #0000000d;
    }

    .nav-link {
        padding-left: 5px;
        padding-right: 5px;
    }

    .nav-dropdown-list.shadow-three.w--open {
        position: absolute;
    }

    .menu-button {
        padding: 12px;
    }

        .menu-button.w--open {
            color: #fff;
            background-color: #a6b1bf;
        }

    .main-container {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        border-radius: 0;
        justify-content: flex-start;
        align-items: center;
    }

    .hero {
        background-position: 50%;
        border-radius: 0;
        height: 100%;
        min-height: 0;
        max-height: 744px;
    }

        .hero.contact-page {
            max-height: none;
        }

    .body {
        border-style: none;
    }

    .o-nama {
        flex-flow: column;
        justify-content: flex-end;
        align-items: center;
        padding-top: 20px;
    }

    .image-2 {
        border-radius: 0;
        order: 1;
        width: 100%;
        height: 100%;
    }

    .frame-31 {
        order: -1;
    }

    .frame-29 {
        justify-content: center;
        align-items: flex-start;
        margin-top: 20px;
    }

    .contact {
        flex-flow: wrap;
        justify-content: space-around;
        align-items: center;
    }

    .frame-79 {
        width: 40%;
    }

    .text-9 {
        font-size: 38px;
    }

    .image-1 {
        display: none;
    }

    .footer {
        max-width: 1440px;
        padding-left: 20px;
    }

    .frame-74 {
        margin-left: 20px;
    }

    .olak-rs-2, .olak-rs-3 {
        font-size: 30px;
    }

    .frame-95 {
        justify-content: space-between;
        align-items: flex-start;
        width: 90%;
        margin-left: 20px;
        margin-right: 20px;
    }

    .frame-96 {
        margin-top: 20px;
        padding: 0 10px;
    }

    .text-20 {
        font-size: 18px;
    }

    .medjunarodna-prisutnost {
        flex-flow: column;
    }

    .form-block {
        width: 50%;
    }

    .image-4 {
        max-width: 90%;
    }

    .granit {
        background-image: url('../images/granit.webp');
        background-position: 100% 100%;
        background-repeat: repeat;
        background-size: cover;
        background-attachment: scroll;
        justify-content: flex-end;
        align-items: center;
    }

    .o-nama-footer {
        display: none;
    }

    .container-3 {
        max-width: 728px;
    }

    .gallery-wrapper, .gallery-wrapper-2 {
        grid-template-columns: 1fr 1fr;
    }

    .gallery-slider-left {
        left: -20px;
    }

    .gallery-slider-right {
        right: -20px;
    }

    .container-4 {
        max-width: 728px;
    }

    .gallery-sticky {
        position: relative;
        top: 0;
    }
}

@media screen and (max-width: 767px) {
    .navbar-logo-left-container {
        max-width: 100%;
    }

    .navbar-brand {
        padding-left: 0;
    }

    .nav-menu-two {
        border-radius: 20px;
        flex-direction: column;
        padding-bottom: 30px;
    }

    .nav-link {
        padding-top: 10px;
        padding-bottom: 10px;
        display: inline-block;
    }

    .nav-dropdown {
        flex-direction: column;
        align-items: center;
        display: flex;
    }

    .nav-dropdown-toggle {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .nav-dropdown-list.shadow-three {
        box-shadow: 0 8px 50px #0000000d;
    }

        .nav-dropdown-list.shadow-three.w--open {
            position: relative;
        }

        .nav-dropdown-list.shadow-three.mobile-shadow-hide {
            box-shadow: none;
        }

    .nav-divider {
        width: 200px;
        max-width: 100%;
        height: 1px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .nav-link-accent {
        margin-right: 5px;
        padding-top: 10px;
        padding-bottom: 10px;
        display: inline-block;
    }

    .mobile-margin-top-10 {
        margin-top: 10px;
    }

    .hero.contact-page {
        max-height: none;
    }

    .body {
        border-style: none;
    }

    .text-9 {
        font-size: 26px;
    }

    .text-10 {
        display: none;
    }

    .footer {
        margin-top: 0;
        padding-left: 20px;
        padding-right: 20px;
    }

    .frame-75 {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        flex-flow: column;
        justify-content: space-between;
        align-items: flex-start;
    }

    .frame-74 {
        justify-content: space-between;
        max-width: none;
        margin-left: 0;
    }

    .korisne-info-footer {
        display: flex;
    }

    .frame-144 {
        justify-content: center;
        align-items: flex-start;
    }

    .frame-151 {
        height: auto;
    }

    .frame-156 {
        margin-top: 20px;
    }

    .o-nama-footer {
        display: none;
    }

    .gallery-overview, .gallery-slider {
        padding: 60px 15px;
    }

    .gallery-slide {
        margin-left: 10px;
        margin-right: 10px;
    }

    .gallery-slide-text {
        line-height: 30px;
    }

    .gallery-slider-left {
        left: -20px;
    }

    .gallery-slider-right {
        right: -20px;
    }

    .gallery-scroll {
        padding: 60px 15px;
    }

    .gallery-grid-2 {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 479px) {
    .navbar-logo-left {
        flex: 0 auto;
        width: 100%;
    }

    .navbar-logo-left-container.shadow-three {
        padding-top: 20px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .container {
        max-width: none;
    }

    .navbar-wrapper {
        height: 100%;
        padding-top: 0;
        padding-bottom: 0;
    }

    .nav-menu-two {
        flex-direction: column;
    }

    .main-container {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        justify-content: flex-start;
        align-items: center;
        padding-bottom: 20px;
    }

    .hero {
        -webkit-text-fill-color: inherit;
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: cover;
        background-clip: padding-box;
        border-radius: 0;
        flex: none;
        justify-content: space-between;
        align-items: flex-start;
        height: 100vh;
        display: flex;
    }

        .hero.contact-page {
            grid-column-gap: 0px;
            grid-row-gap: 0px;
            height: 100%;
            max-height: none;
        }

        .hero.proizvodi-page {
            max-height: none;
            margin-left: 15px;
            margin-right: 15px;
        }

        .hero.projekti-page {
            height: 100vh;
        }

        .hero.galerija-page {
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: cover;
            justify-content: flex-start;
            height: 600px;
            max-height: none;
        }

    .container-2 {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        flex-flow: column;
        justify-content: space-between;
        align-items: flex-start;
        height: 100%;
        padding: 0 10px;
        display: flex;
    }

    .heading {
        font-size: 40px;
        line-height: 45px;
    }

    .paragraph-4 {
        font-size: 20px;
        line-height: 30px;
    }

    .div-block {
        width: 100%;
        margin-top: 0;
    }

    .body {
        color: #0a0a0a;
        border-style: none;
        font-family: Blinker, sans-serif;
        font-size: 16px;
        line-height: 22px;
    }

    .o-nama {
        margin-top: 20px;
    }

    .image-2 {
        border: 1px #000;
        border-radius: 0;
        width: 100%;
        height: 100%;
        max-height: 100%;
    }

    .text {
        font-size: 36px;
    }

    .olak-je-jedna-od-vode-ih-firmi-u-srbiji-i-regionalni-lider-u-prodaji-granita-mermera-i-kvarca-kompanija-postoji-od-1962-godine-raspola-e-sa-velikim-izborom-kamena-iz-italije-indije-panije-kine-afrike-i-drugih-zemalja-saradnja-sa-vode-im-proizvo-a-ima-kamena-posete-svetskim-sajmovima-primena-moderne-tehnologije-obrade-kamena-omogu-ili-su-nam-da-budemo-uvek-u-vrhu-nudimo-irok-raspon-proizvoda-proizvodnja-obuhvata-veliki-raspon-od-spomenika-stepenica-ankova-fontana-figurado-prodaje-poliranih-i-nepoliranih-plo-a-na-e-proizvode-izvozimo-direktno-u-austriju-italiju-francuskunema-ku-hrvatsku-bosnu-i-hercegovinu-crnu-goru-i-druge-dr-ave-direktno-snabdevamo-lokalne-manjefirme-a-na-im-kupcima-nudimo-proizvode-po-atraktivnim-cenama-uz-dugogodi-nju-garanciju-0, .olak-je-jedna-od-vode-ih-firmi-u-srbiji-i-regionalni-lider-u-prodaji-granita-mermera-i-kvarca-kompanija-postoji-od-1962-godine-raspola-e-sa-velikim-izborom-kamena-iz-italije-indije-panije-kine-afrike-i-drugih-zemalja-saradnja-sa-vode-im-proizvo-a-ima-kamena-posete-svetskim-sajmovima-primena-moderne-tehnologije-obrade-kamena-omogu-ili-su-nam-da-budemo-uvek-u-vrhu-nudimo-irok-raspon-proizvoda-proizvodnja-obuhvata-veliki-raspon-od-spomenika-stepenica-ankova-fontana-figurado-prodaje-poliranih-i-nepoliranih-plo-a-na-e-proizvode-izvozimo-direktno-u-austriju-italiju-francuskunema-ku-hrvatsku-bosnu-i-hercegovinu-crnu-goru-i-druge-dr-ave-direktno-snabdevamo-lokalne-manjefirme-a-na-im-kupcima-nudimo-proizvode-po-atraktivnim-cenama-uz-dugogodi-nju-garanciju-2 {
        font-size: 16px;
    }

    .frame-29 {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .frame-15 {
        border-top-right-radius: 4px;
    }

    .contact {
        flex-flow: column;
        flex: none;
        justify-content: space-around;
        align-items: center;
    }

    .frame-79 {
        width: 100%;
    }

    .text-10 {
        display: none;
    }

    .footer {
        justify-content: center;
        align-items: flex-start;
        max-width: none;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-right: 20px;
    }

    .frame-75 {
        flex-flow: column;
        justify-content: space-between;
        align-items: center;
    }

    .text-15 {
        padding-bottom: 0;
    }

    .frame-74 {
        flex-flow: column;
        justify-content: space-between;
        align-items: flex-start;
    }

    .korisne-info-footer {
        justify-content: center;
        align-items: flex-start;
        width: 100%;
        margin-top: 20px;
        display: flex;
    }

    .frame-69 {
        flex-flow: column;
        justify-content: center;
        align-items: flex-start;
    }

    .frame-94 {
        margin-top: 20px;
    }

    .form-block {
        flex-flow: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        display: block;
    }

    .form-2 {
        flex-flow: column;
        width: 100%;
        display: flex;
    }

    .granit {
        grid-column-gap: 0px;
        background-image: url('../images/granit.webp');
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: scroll;
        border-radius: 4px;
        justify-content: center;
        align-items: flex-end;
        height: 600px;
        margin-top: 0;
        display: flex;
        overflow: hidden;
    }

    .frame-125 {
        -webkit-backdrop-filter: blur(15px);
        backdrop-filter: blur(15px);
        color: #bebebe;
        background-color: #ffffff4d;
        max-width: none;
        height: auto;
        padding: 20px 10px;
    }

    .text-36 {
        font-size: 32px;
        line-height: 32px;
    }

    .text-37 {
        font-size: 18px;
        line-height: 18px;
    }

    .error-1433df92-7f01-702a-f288-da83a7f3a45b {
        font-size: 14px;
        line-height: 16px;
    }

    .mermer {
        background-image: url('../images/mermer.webp');
        background-position: 50%;
        background-repeat: repeat;
        background-size: cover;
        border-radius: 4px;
        justify-content: center;
        align-items: flex-end;
        height: 600px;
        min-height: 450px;
    }

    .frame-127 {
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
        background-color: #0000;
        border-radius: 4px;
        justify-content: center;
        align-items: center;
        height: auto;
        margin-top: 20px;
        padding: 20px 10px;
    }

    .kvarc {
        background-image: url('../images/kvarc.webp');
        background-position: 50%;
        background-repeat: repeat;
        background-size: cover;
        border-radius: 0;
        justify-content: center;
        align-items: flex-end;
        height: 600px;
    }

    .frame-129 {
        -webkit-backdrop-filter: blur(15px);
        backdrop-filter: blur(15px);
        background-color: #ffffff61;
        height: auto;
        min-height: auto;
        padding: 20px 10px;
    }

    .stepenice {
        grid-column-gap: 0px;
        border-radius: 0;
        flex-flow: column;
        justify-content: flex-end;
        align-items: center;
        height: 600px;
    }

    .frame-131 {
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
        background-color: #ffffff61;
        height: auto;
        padding: 20px 10px;
    }

    .sankovi {
        background-position: 50% 100%, 50%;
        background-size: auto, contain;
        border-radius: 0;
        justify-content: center;
        align-items: flex-end;
        height: 600px;
    }

    .frame-133 {
        background-color: #ffffff75;
        justify-content: flex-end;
        align-items: center;
        height: auto;
        padding: 10px 10px 20px;
    }

    .ploce {
        border-radius: 0;
        justify-content: center;
        align-items: flex-end;
        height: 600px;
    }

    .frame-135 {
        height: auto;
        padding: 20px 10px;
    }

    .figure {
        background-position: 50% 0, 50%;
        background-repeat: no-repeat, no-repeat;
        background-size: 700px 300px, cover;
        border-radius: 0;
        justify-content: center;
        align-items: flex-end;
        height: 600px;
    }

    .frame-137 {
        height: auto;
        padding: 20px 10px;
    }

    .spomenici {
        background-position: 50% 0, 50%;
        background-size: auto, contain;
        border-radius: 0;
        justify-content: center;
        align-items: flex-end;
        height: 600px;
    }

    .frame-139 {
        height: auto;
        padding: 20px 10px;
    }

    .strucnost {
        justify-content: center;
        align-items: center;
        height: auto;
    }

    .frame-142 {
        justify-content: flex-start;
        align-items: center;
        height: auto;
        padding-left: 10px;
        padding-right: 10px;
    }

    .error-4130aa33-9c2c-3a46-656b-6a7752175267 {
        font-size: 16px;
    }

    .frame-144 {
        grid-row-gap: 20px;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        padding-left: 10px;
        padding-right: 10px;
        display: flex;
    }

    .frame-151 {
        height: auto;
    }

    .text-51 {
        font-size: 14px;
        line-height: 16px;
    }

    .frame-153 {
        flex-flow: wrap;
        flex: 0 auto;
        order: 0;
        align-self: auto;
        width: 100%;
        display: none;
    }

    .frame-156 {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        justify-content: space-between;
        margin-top: 20px;
        margin-left: 0;
        padding-left: 40px;
        padding-right: 40px;
    }

        .frame-156.projekti-socials {
            margin-left: 0;
            padding-left: 20px;
            padding-right: 20px;
        }

    .frame-161 {
        border-radius: 0;
    }

    .frame-167 {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        padding-left: 10px;
        padding-right: 10px;
        display: flex;
        overflow: visible;
    }

    .frame-168 {
        width: 90%;
    }

    .error-e44dc535-c67d-a4ea-9da4-cc22e341890b {
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
    }

    .container-3 {
        max-width: none;
    }

    .gallery-wrapper {
        grid-template-columns: 1fr;
    }

    .gallery-wrapper-2 {
        grid-template-rows: auto;
        grid-template-columns: 1fr;
        grid-auto-columns: 1fr;
    }

    .gallery-slide-wrapper {
        max-width: 100%;
        margin-right: 0%;
    }

    .gallery-slider-left {
        left: -20px;
    }

    .gallery-slider-right {
        right: -20px;
    }

    .container-4 {
        max-width: none;
    }

    .gallery-grid-2 {
        grid-template-columns: 1fr;
    }

    .h1 {
        color: #1b2c5c;
        font-family: Blinker, sans-serif;
        font-size: 36px;
        font-weight: 600;
        line-height: 38px;
    }

    .body2 {
        color: #3e3e3e;
        font-family: Blinker, sans-serif;
        font-size: 18px;
        font-weight: 600;
    }

    .tabs-menu {
        flex-flow: column;
        width: 80%;
    }

    .tabs {
        margin-top: -287px;
    }

    .text-block-3, .text-block-4, .text-block-5, .text-block-6 {
        text-align: center;
    }

    .tab-link-tab-1.w--current, .tab-link-tab-2.w--current, .tab-link-tab-3.w--current, .tab-link-tab-4.w--current {
        background-color: #fff;
    }

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

    .div-block-4, .div-block-5 {
        height: 400px;
    }

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

    .div-block-8, .div-block-9, .div-block-11, .div-block-12, .div-block-14, .div-block-15 {
        height: 400px;
    }

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

    .div-block-17, .div-block-18 {
        height: 400px;
    }

    .tab-pane-tab-1, .tab-pane-tab-2, .tab-pane-tab-3, .tab-pane-tab-4,
    .tab-pane-tab-5, .tab-pane-tab-6, .tab-pane-tab-7, .tab-pane-tab-8 {
        padding-left: 10px;
        padding-right: 10px;
    }


    .div-block-22 {
        grid-column-gap: 18px;
        grid-row-gap: 18px;
        border-radius: 24px;
        flex-flow: column;
        margin-top: 20px;
        padding-top: 0;
        padding-left: 10px;
        padding-right: 10px;
        display: flex;
        overflow: hidden;
    }

    .div-block-23 {
        grid-column-gap: 0em;
        grid-row-gap: 0em;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        display: flex;
    }

    .div-block-24 {
        width: 100%;
    }

    .div-block-25, .div-block-26 {
        justify-content: space-between;
        width: 100%;
        display: flex;
    }

    .text-field, .text-field-2, .textarea {
        border-radius: 4px;
    }

    .link-2 {
        text-align: left;
    }
}


/* GALERIJA: Tabovi u GRID (8 kategorija)
   - Desktop: 4 kolone (2 reda)
   - Mobile: 2 kolone (4 reda)
*/
html[data-wf-page="677037ec68b53ceb62fae9a7"] .tabs-menu.w-tab-menu {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    align-items: stretch;
    justify-items: stretch;
    /* ako je container imao čudan padding/margine */
    padding: 12px 16px;
    box-sizing: border-box;
}

    /* Svaki tab link da bude iste širine/visine i bez margin “preklapanja” */
    html[data-wf-page="677037ec68b53ceb62fae9a7"] .tabs-menu.w-tab-menu .w-tab-link {
        width: 100% !important;
        min-height: 46px;
        margin: 0 !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        text-align: center;
        box-sizing: border-box;
        white-space: normal;
    }

        /* Tekst unutar taba */
        html[data-wf-page="677037ec68b53ceb62fae9a7"] .tabs-menu.w-tab-menu .w-tab-link > div {
            width: 100%;
            text-align: center;
            white-space: normal;
            line-height: 1.2;
        }

/* Tablet i manje: 2 kolone */
@media screen and (max-width: 991px) {
    html[data-wf-page="677037ec68b53ceb62fae9a7"] .tabs-menu.w-tab-menu {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        padding: 10px 12px;
    }
}

/* Telefon: malo manji font zbog dužih naziva */
@media screen and (max-width: 479px) {
    html[data-wf-page="677037ec68b53ceb62fae9a7"] .tabs-menu.w-tab-menu .w-tab-link {
        min-height: 44px;
        padding-left: 8px;
        padding-right: 8px;
    }

        html[data-wf-page="677037ec68b53ceb62fae9a7"] .tabs-menu.w-tab-menu .w-tab-link > div {
            font-size: 13px;
        }
}