h1 {
    color: var(--Cream, #f7f2e7);
    font-family: "kudryashev-d-contrast", sans-serif;
    font-size: calc(4rem + 1.5vw);
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 88px */
    letter-spacing: 0.8px;
}

h2 {
    color: var(--Black, #29291f);
    font-family: "Kudryashev Display";
    font-size: calc(2rem + 1.5vw);
    font-style: normal;
    font-weight: 401;
    line-height: normal;
}
h3 {
    color: var(--Black, #29291f);
    font-family: "Kudryashev Display";
    font-size: calc(1.5rem + 1.5vw);
    font-style: normal;
    font-weight: 300;
    line-height: 110%; /* 39.2px */
}
h4 {
    color: var(--Black, #151412);
    font-family: "Kudryashev Display";
    font-size: 125px;
    font-style: normal;
    font-weight: 400;
    line-height: 105%; /* 131.25px */
    letter-spacing: 2.5px;
}
h5 {
    color: var(--Cream, #f7f2e7);
    /* Headline/Small */
    font-family: "Kudryashev Display";
    font-size: 64px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 70.4px */
    letter-spacing: 1.28px;
}
h6 {
    color: #000;

    /* Headline/Smaller */
    font-family: "Kudryashev Display";
    font-size: 51px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 56.1px */
    letter-spacing: 1.02px;
}

.mt-195 {
    margin-top: 195px;
}

body {
    background-color: #151412;
    -webkit-text-fill-color: #f7f2e7;
    font-family: Kurd;
}

.navbar {
    background: transparent;
}

.laconcept {
    background-color: #f7f2e7;
    -webkit-text-fill-color: #151412;
}

.how-we-deliver {
    background-color: #f7f2e7;
    -webkit-text-fill-color: #151412;
}

.footer {
    background-color: #151412;
    -webkit-text-fill-color: #f7f2e7;
}

.lconcept {
    background-color: #f7f2e7;
    -webkit-text-fill-color: #151412;
}

.section-we-are {
    padding-top: 130px;
    padding-bottom: 80px;
    font-family: Kudryashev Display;
    font-size: calc(2rem + 1.5vw);
    position: relative;
}

.section-we-are h1 {
    font-size: calc(2rem + 1.5vw);
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    font-family: "kudryashev-d-contrast", sans-serif;
}

.section-we-are .weare-numbers {
    margin-top: 190px;
}

.section-we-are .weare-numbers h1 {
    font-family: "kudryashev-d-contrast", sans-serif;
    font-size: 96px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 2.88px;
}

.section-craft {
    padding-top: 80px;
    padding-bottom: 60px;
    background-image: url("../img/lauden-proizvodnja.png");
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 60%;
    min-height: 400px;
    margin-bottom: 130px;
}

.section-craft .bg-intro span {
    font-family: "Open Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.section-craft .bg-intro span img {
    margin-right: 12px;
}

.section-craft .bg-intro p {
    margin-top: 55px;
    font-family: "Open Sans";
    font-size: 25px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%; /* 42px */
    letter-spacing: 0.28px;
}

.section-craft .logo-partners {
    margin-top: 50px;
}

.section-craft .logo-partners .partner-logo {
    margin-bottom: 30px;
}

ul.float-ul {
    position: relative;
    float: left;
    width: 100%;
    padding-left: 0px;
    list-style-type: none;
}

ul.float-ul li {
    float: left;
    margin-right: 20px;
}

ul.float-ul li:last-child {
    margin-right: 0px;
}

.accordion-item {
    background-color: transparent;
}

.accordion-button {
    background-color: transparent;
}

.accordion-button:not(.collapsed) {
    background-color: transparent;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button:focus {
    z-index: 3;
    border-color: none;
    outline: 0;
    box-shadow: none;
}

.section-gallery span {
    font-family: "Open Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 140%;
    text-align: center;
    position: relative;
}

.section-gallery span img {
    margin-right: 12px;
}

.section-gallery .introcent {
    text-align: center;
}

.section-gallery h1 {
    text-align: center;
    position: relative;
    margin-top: 25px;
    margin-bottom: 80px;
}

.section-slajder {
    padding-bottom: 6rem;
}

.laconcept .bg-intro span {
    color: #000;
    font-family: "Open Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 25.2px */
    position: relative;
}

.laconcept .bg-intro img {
    margin-right: 12px;
}

.laconcept .bg-intro h1 {
    margin-top: 51px;
}

.minih {
    color: var(--Black, #29291f);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.32px;
}

.laconcept {
    padding-top: 201px;
    padding-bottom: 199px;
}

.laconcept p {
    color: var(--Black, #151412);
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 36px */
    letter-spacing: 0.24px;
    margin-top: 90px;
    margin-bottom: 60px;
}

.laconcept button {
    padding-bottom: 24px;
}

.laconcept .btnstyl span {
    color: #6b6b6b;
    text-align: center;
    font-family: Lato;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
    letter-spacing: 0.14px;
}

.our-clients {
    margin-top: 196px;
}

.our-clients span {
    font-family: "Open Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    text-align: center;
    position: relative;
}

.our-clients img {
    margin-right: 12px;
}

.our-clients .introcent {
    text-align: center;
}

.our-clients .ourcmarg {
    margin-top: 120px;
    display: inline-flex;
    align-items: flex-start;
    gap: 208px;
}

.our-clients .swiper {
    width: 100%;
    color: var(--White, #fff);
    text-align: center;
    font-family: "kudryashev-d-contrast", sans-serif !important;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 41.6px */
}

.our-clients .ourcmarg span {
    -webkit-text-fill-color: #E4CFA1;
}

.our-clients {
    padding-bottom: 224px;
}

.how-we-deliver {
    padding-top: 154px;
    padding-bottom: 199px;
}

.how-we-deliver span {
    color: #000;
    font-family: "Open Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 25.2px */
    position: relative;
}

.how-we-deliver img {
    margin-right: 12px;
}

.how-we-deliver h1 {
    margin-top: 52px;
}

.how-we-deliver .minitx span {
    color: var(--Black, #29291f);
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 30px */
    letter-spacing: 0.4px;
    padding-bottom: 32px;
}

.how-we-deliver .minitx h3 {
    margin-bottom: 24px;
}

.how-we-deliver .accordion-item button {
    color: var(--Black, #29291f);
    font-family: Inter;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 39.2px */
}

.footer {
    color: var(--Cream, #f7f2e7);
    font-family: Switzer;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.4px;
    text-align: center;
}

.footer .wwu {
    padding-top: 180px;
    text-align: center;
}

.footer .wwu button {
    margin-bottom: 180px;
    padding-top: 64px;
}

.footer .wwu h1 {
    padding-top: 51px;
}

.footer .wwu span {
    color: var(--Black, #29291f);
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 30px */
    letter-spacing: 0.4px;
    padding-bottom: 36px;
}

.footer .wwu img {
    margin-right: 12px;
}

.footer .tfr {
    color: var(--Cream, #f7f2e7);
    font-family: Switzer;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.4px;
}

.footer .tfr img {
    position: relative;
}

.lconcept {
    padding-bottom: 37px;
    padding-top: 14rem;
}

.lconcept p {
    color: var(--Black, #151412);
    font-family: "Open Sans";
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 31.5px */
    padding-top: 23px;
    margin-bottom: 2rem;
}

.lconcept img {
    position: relative;
    margin-bottom: 2rem;
}

.lconcept .lefti {
    position: relative;
    z-index: 0;
    transform: translate(-130px, 560px);
}

.lconcept .righti {
    position: relative;
    z-index: 1;
    transform: translate(260px, -540px);
}

.lconcept .leftst {
    text-align: left;
}

.trimage .bfdisp {
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover;
    margin: 0%;
    padding: 0%;
}

.trimage img {
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.Ustvarite {
    padding-top: 121px;
    padding-bottom: 142px;
}

.Ustvarite h1 {
    margin-bottom: 142px;
}

.Ustvarite span {
    color: var(--White, #fff);
    font-family: "Open Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 25.2px */
    position: relative;
    padding-bottom: 10px;
}

.Ustvarite span img {
    margin-right: 12px;
}

.Ustvarite h5 {
    margin-top: 32px;
    margin-bottom: 16px;
}

.Ustvarite p {
    color: var(--Cream, #f7f2e7);
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    letter-spacing: 0.32px;
}

.Ustvarite .sivomini p {
    color: var(--Natural-300, #acacaa);
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    margin-top: 24px;
}

.Ustvarite img {
    position: relative;
}

.we-do {
    background-color: #f7f2e7;
    -webkit-text-fill-color: #151412;
}

.we-do span {
    color: var(--Black, #151412);
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    letter-spacing: 0.32px;
}

.we-do span img {
    margin-right: 12px;
}

.we-do h2 {
    padding-top: 32px;
    margin-bottom: 120px;
}

.we-do .wedopad p {
    margin-top: 60px;
}

.we-do .wedopad .rightcol span {
    padding-right: 0px;
}

.we-do .wedopad .rightcol p {
    padding-right: 0px;
}

.we-do .wedopad p {
    margin-bottom: 84px;
}

.we-do .dno3d img {
    margin-bottom: 16px;
}

.we-do .dno3d span {
    color: #474747;
    font-family: Lato;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
}

.we-do {
    padding-bottom: 119px;
}

.our-work-g {
    padding-top: 135px;
    padding-bottom: 123px;
    background-color: #f7f2e7;
    -webkit-text-fill-color: #151412;
    text-align: center;
}

.our-work-g span {
    color: var(--Black, #151412);
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    letter-spacing: 0.32px;
}

.our-work-g .bleki span img {
    margin-right: 12px;
}

.our-work-g h1 {
    padding-top: 32px;
    padding-bottom: 57px;
}

.our-work-g .slideri {
    margin-bottom: 204px;
}

.how-we-deliver2 {
    padding-top: 135px;
    padding-bottom: 123px;
    background-color: #f7f2e7;
    -webkit-text-fill-color: #151412;
}

.how-we-deliver2 span {
    color: var(--Black, #151412);
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    letter-spacing: 0.32px;
}

.how-we-deliver2 .bleki span img {
    margin-right: 12px;
}

.how-we-deliver2 h1 {
    padding-top: 35px;
}

.how-we-deliver2 .accordion-item:first-child {
    margin-top: 60px;
}

.how-we-deliver2 .accordion-item button {
    color: var(--Black, #29291f);
    font-family: Inter;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 39.2px */
}

.how-we-deliver2 .accordion-item {
    margin-left: 115px;
}

.our-team {
    background-color: #f7f2e7;
    -webkit-text-fill-color: #151412;
    padding-top: 120px;
    padding-bottom: 120px;
}

.our-team .levislik {
    padding-left: 75px;
}

.our-team p {
    color: var(--Natural-400, #434343);
    font-family: "Open Sans";
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 31.5px */
    padding-top: 32px;
    padding-bottom: 100px;
}

.posto {
    text-align: center;
    background-color: #f7f2e7;
    -webkit-text-fill-color: #151412;
    margin-top: 6rem;
}

.posto h1 {
    font-family: "kudryashev-d-contrast", sans-serif;
    font-size: 96px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 2.88px;
}

.slocraft {
    margin-top: 120px;
    margin-bottom: 91px;
}

.slocraft span {
    color: var(--Cream, #f7f2e7);
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    letter-spacing: 0.32px;
}

.slocraft span img {
    margin-right: 12px;
}

.slocraft p {
    color: var(--Cream, #f7f2e7);
    font-family: "Open Sans";
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 31.5px */
    padding-top: 42px;
    margin-bottom: 82px;
}

.slocraft .wasd {
    color: var(--Cream, #f7f2e7);
    font-family: "Open Sans";
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 31.5px */
}

.slocraft .wasd span {
    margin-top: 42px;
}

.slcr {
    background-color: #f7f2e7;
    -webkit-text-fill-color: #151412;
    padding-top: 92px;
    padding-bottom: 120px;
}

.slcr span {
    color: var(--Black, #151412);
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    letter-spacing: 0.32px;
}

.slcr span img {
    margin-right: 12px;
}

.slcr h6 {
    padding-bottom: 5rem;
}

.slcr p {
    padding-top: 60px;
    color: var(--Black, #151412);
    font-family: "Open Sans";
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 31.5px */
}

.slcr .desnipad p {
    margin-right: 0px;
}

.footer .aufoot {
    padding-top: 180px;
    text-align: center;
}

.footer .aufoot button {
    margin-bottom: 180px;
    padding-top: 64px;
}

.footer .aufoot h1 {
    padding-top: 51px;
}

.footer .aufoot span {
    color: var(--Black, #29291f);
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 30px */
    letter-spacing: 0.4px;
    padding-bottom: 36px;
}

.footer .aufoot img {
    margin-right: 12px;
}

.footer .col-md-2 {
    text-align: left;
}

.unique {
    background-color: #f7f2e7;
    -webkit-text-fill-color: #151412;
    padding-top: 120px;
    padding-bottom: 140px;
}

.unique h5 {
    padding-bottom: 18px;
}

.unique p {
    color: var(--Natural-400, #434343);
    font-family: "Open Sans";
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 31.5px */
}

.grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    grid-template-rows: masonry;
}

.grid {
    margin-bottom: 204px;
}

.mkitchen {
    background-color: #f7f2e7;
    -webkit-text-fill-color: #151412;
    padding-top: 122px;
    padding-bottom: 120px;
}

.mkitchen p {
    color: var(--Primary-Default, #181614);
    font-family: "Open Sans";
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 31.5px */
}

.mkitchen span {
    color: #000;
    font-family: "Open Sans";
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 31.5px */
}

.kislika {
    background-color: #f7f2e7;
    -webkit-text-fill-color: #151412;
    padding-bottom: 54px;
}

.csdescription {
    background-color: #f7f2e7;
    -webkit-text-fill-color: #151412;
}

.csdescription h1 {
    color: var(--Primary-Default, #181614);
    font-family: "Kudryashev Display";
    font-size: 51px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 56.1px */
    letter-spacing: 1.02px;
}

.csdescription p {
    color: #000;
    font-family: "Open Sans";
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 31.5px */
    padding-top: 54px;
    margin-bottom: 80px;
}

.ourservice {
    background-color: #f7f2e7;
    -webkit-text-fill-color: #151412;
}

.ourservice h1 {
    color: var(--Primary-Default, #181614);
    font-family: "Kudryashev Display";
    font-size: 51px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 56.1px */
    letter-spacing: 1.02px;
}

.ourservice span {
    color: #000;
    font-family: "Open Sans";
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 31.5px */
}

.ourservice span:last-child {
    margin-bottom: 35px;
}

.os-slajder {
    background-color: #f7f2e7;
    -webkit-text-fill-color: #151412;
    padding-bottom: 96px;
}

.vuga {
    background-color: #f7f2e7;
    -webkit-text-fill-color: #151412;
}

.vuga h1 {
    color: var(--Primary-Default, #181614);
    font-family: "Kudryashev Display";
    font-size: 51px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 56.1px */
    letter-spacing: 1.02px;
}

.vuga p {
    color: #000;
    font-family: "Open Sans";
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 31.5px */
    padding-bottom: 100px;
}

.vuga p:last-child {
    padding-bottom: 120px;
}

.clienttest {
    padding-top: 100px;
    padding-bottom: 100px;
}

.clienttest h1 {
    color: var(--Cream, #f7f2e7);
    font-family: "Kudryashev Display";
    font-size: 51px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 56.1px */
    letter-spacing: 1.02px;
}

.clienttest p {
    color: var(--Cream, #f7f2e7);
    font-family: "Kudryashev Display";
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 41.6px */
    padding-top: 72px;
}

.clienttest span {
    -webkit-text-fill-color: #d8ae47;
    text-align: center;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-top: 32px;
}

.exploremp {
    background-color: #f7f2e7;
    -webkit-text-fill-color: #151412;
    padding-top: 101px;
    padding-bottom: 108px;
}

.exploremp h1 {
    color: var(--Primary-Default, #181614);
    font-family: "Kudryashev Display";
    font-size: 51px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 56.1px */
    letter-spacing: 1.02px;
}

.letsget {
    background-color: #f7f2e7;
    -webkit-text-fill-color: #151412;
    padding-top: 120px;
    padding-bottom: 90px;
}

.letsget h1 {
    color: var(--Black, #151412);
    font-family: "Kudryashev Display";
    font-size: 125px;
    font-style: normal;
    font-weight: 400;
    line-height: 105%; /* 131.25px */
    letter-spacing: 2.5px;
}

.letsget p {
    color: var(--Natural-400, #434343);
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    letter-spacing: 0.32px;
}

.infoboxs {
    background-color: #f7f2e7;
    -webkit-text-fill-color: #151412;
    padding-bottom: 146px;
}

.infoboxs .col-md-4 {
    border: #000;
}