.u-section-1 {
    min-height: 951px;
}

.u-section-1 .u-image-1 {
    min-height: 797px;
    margin-top: 0;
    margin-bottom: 0;
    height: auto;
    background-repeat: no-repeat, no-repeat;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url('/images/galeri1.jpg');
    --animation-custom_in-translate_x: 0px;
    --animation-custom_in-translate_y: -200px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
}

.u-section-1 .u-container-layout-1 {
    padding: 0 30px;
}

.u-section-1 .u-layout-wrap-1 {
    width: 1045px;
    margin: 433px auto 0;
}

.u-section-1 .u-layout-cell-1 {
    min-height: 280px;
    --animation-custom_in-translate_x: 0px;
    --animation-custom_in-translate_y: -300px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
}

.u-section-1 .u-container-layout-2 {
    padding: 30px 30px 30px 0;
}

.u-section-1 .u-text-1 {
    margin: 31px auto 0 0;
}

.u-section-1 .u-icon-1 {
    width: 64px;
    height: 64px;
    margin: 31px auto 59px 13px;
}

@media (max-width: 1199px) {
    .u-section-1 .u-image-1 {
        background-position: 50% 50%, 50% 50%;
        background-size: cover, cover;
        min-height: 2958px;
        height: auto;
    }

    .u-section-1 .u-layout-wrap-1 {
        width: 880px;
        margin-top: 3327px;
        margin-bottom: -968px;
    }

    .u-section-1 .u-layout-cell-1 {
        min-height: 599px;
    }
}

@media (max-width: 991px) {
    .u-section-1 .u-image-1 {
        min-height: 2051px;
    }

    .u-section-1 .u-layout-wrap-1 {
        width: 660px;
        margin-top: 2420px;
        margin-bottom: -654px;
    }

    .u-section-1 .u-layout-cell-1 {
        min-height: 285px;
    }
}

@media (max-width: 767px) {
    .u-section-1 .u-image-1 {
        min-height: 2529px;
    }

    .u-section-1 .u-container-layout-1 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .u-section-1 .u-layout-wrap-1 {
        width: 520px;
        margin-top: 2898px;
        margin-bottom: -566px;
    }

    .u-section-1 .u-layout-cell-1 {
        min-height: 100px;
    }

    .u-section-1 .u-container-layout-2 {
        padding-right: 10px;
    }
}

@media (max-width: 575px) {
    .u-section-1 {
        min-height: 558px;
    }

    .u-section-1 .u-image-1 {
        min-height: 434px;
    }

    .u-section-1 .u-layout-wrap-1 {
        width: 320px;
        margin-top: 0;
        margin-bottom: 0;
    }

    .u-section-1 .u-icon-1 {
        margin-top: 29px;
        margin-bottom: 31px;
        margin-left: calc(((100% - 340px) / 2) + -39px);
    }
}

.u-section-2 {
    background-image: none;
}

.u-section-2 .u-sheet-1 {
    min-height: 1361px;
}

.u-section-2 .u-text-1 {
    --animation-custom_in-translate_x: 0px;
    --animation-custom_in-translate_y: -300px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: 80px auto 0;
}

.u-section-2 .u-text-2 {
    width: 719px;
    --animation-custom_in-translate_x: 0px;
    --animation-custom_in-translate_y: -300px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: 30px auto 0;
}

.u-section-2 .u-list-1 {
    grid-template-rows: repeat(1, auto);
    margin-top: 39px;
    margin-bottom: 0;
}

.u-section-2 .u-repeater-1 {
    grid-template-columns: repeat(3, calc(33.3333% - 10.6667px));
    min-height: 574px;
    grid-auto-columns: calc(33.3333% - 10.6667px);
    --gap: 16px;
}

.u-section-2 .u-image-1 {
    --animation-custom_in-translate_x: 0px;
    --animation-custom_in-translate_y: 300px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url('/images/48e3cc436b44ab0b468d9a5b925ab37a0eb6cc92c5837d3106e0a2b20228eb25423972c2044fe36fe7c6fc7014d73596ec8212ca32e48540e6443a_1280.jpg');
    --radius: 30px;
    background-position: 50% 50%;
    animation-timing-function: ease-in-out;
}

.u-section-2 .u-container-layout-1 {
    padding: 30px 30px 40px;
}

.u-section-2 .u-text-3 {
    margin: 0;
}

.u-section-2 .u-image-2 {
    --animation-custom_in-translate_x: 0px;
    --animation-custom_in-translate_y: 300px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url('/images/full-shot-man-working-roof_23-21.jpg');
    --radius: 30px;
    background-position: 50% 50%;
    animation-timing-function: ease-in-out;
}

.u-section-2 .u-container-layout-2 {
    padding: 30px 30px 40px;
}

.u-section-2 .u-text-4 {
    margin: 0;
}

.u-section-2 .u-image-3 {
    --animation-custom_in-translate_x: 0px;
    --animation-custom_in-translate_y: 300px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url('/images/d054686f89c8a1b01defc4d355a015aeba915847b06387b4e07d3f587cf5904a21a0332aabf1cf5c6eafafdad908736aad2f65034d5f88d5826efa_1280.jpg');
    background-position: 50% 50%;
    --radius: 30px;
    animation-timing-function: ease-in-out;
}

.u-section-2 .u-container-layout-3 {
    padding: 30px 30px 40px;
}

.u-section-2 .u-text-5 {
    margin: 0;
}

.u-section-2 .u-image-4 {
    --animation-custom_in-translate_x: 0px;
    --animation-custom_in-translate_y: 300px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url('/images/ff794f5c0d6a2bdb81c8580fb88cbb2d427b6f17b22411fe757eea818f84e7b74cddbc3a1114a223b9a6f98584829d782f52c40b0a1315b4dc1e18_1280.jpg');
    background-position: 50% 50%;
    --radius: 30px;
    animation-timing-function: ease-in-out;
}

.u-section-2 .u-container-layout-4 {
    padding: 30px 30px 40px;
}

.u-section-2 .u-text-6 {
    margin: 0;
}

.u-section-2 .u-image-5 {
    --animation-custom_in-translate_x: 0px;
    --animation-custom_in-translate_y: 300px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url('/images/galeri2.jpg');
    background-position: 50% 50%;
    --radius: 30px;
    animation-timing-function: ease-in-out;
}

.u-section-2 .u-container-layout-5 {
    padding: 30px 30px 40px;
}

.u-section-2 .u-text-7 {
    margin: 0;
}

.u-section-2 .u-image-6 {
    --animation-custom_in-translate_x: 0px;
    --animation-custom_in-translate_y: 300px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url('/images/6c0a9841878edb3f3800519d23e0e3b9e49bf786c3a9ea71c4a208e54399090210b1fb049e4b6f2569048403f261430d90e03df5ab8687f75612b2_1280.jpg');
    --radius: 30px;
    background-position: 50% 50%;
    animation-timing-function: ease-in-out;
}

.u-section-2 .u-container-layout-6 {
    padding: 30px 30px 40px;
}

.u-section-2 .u-text-8 {
    margin: 0;
}

.u-section-2 .u-btn-1 {
    border-style: solid;
    font-weight: 700;
    text-transform: uppercase;
    --radius: 100px;
    font-size: 1.25rem;
    --animation-custom_in-translate_x: 0px;
    --animation-custom_in-translate_y: 300px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 0.3;
    background-image: none;
    letter-spacing: 1px;
    margin: 202px auto 60px;
    padding: 17px 53px 19px 51px;
}

@media (max-width: 1199px) {
    .u-section-2 .u-sheet-1 {
        min-height: 1360px;
    }

    .u-section-2 .u-text-1 {
        margin-top: 229px;
    }

    .u-section-2 .u-repeater-1 {
        grid-template-columns: repeat(3, calc(33.333333333333336% - 10.6667px));
        min-height: 473px;
        grid-auto-columns: calc(33.333333333333336% - 10.6667px);
        grid-gap: 16px;
    }
}

@media (max-width: 991px) {
    .u-section-2 .u-text-1 {
        margin-top: 80px;
    }

    .u-section-2 .u-repeater-1 {
        grid-template-columns: repeat(2, calc(50% - 8.000025px));
        min-height: 815px;
        grid-auto-columns: calc(50% - 8.000025px);
    }

    .u-section-2 .u-container-layout-1 {
        padding-bottom: 30px;
    }

    .u-section-2 .u-container-layout-2 {
        padding-bottom: 30px;
    }

    .u-section-2 .u-container-layout-3 {
        padding-bottom: 30px;
    }

    .u-section-2 .u-container-layout-4 {
        padding-bottom: 30px;
    }

    .u-section-2 .u-container-layout-5 {
        padding-bottom: 30px;
    }

    .u-section-2 .u-container-layout-6 {
        padding-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .u-section-2 .u-text-1 {
        margin-top: 60px;
    }

    .u-section-2 .u-text-2 {
        width: 540px;
    }

    .u-section-2 .u-repeater-1 {
        grid-template-columns: repeat(2, calc(50% - 8px));
        grid-auto-columns: calc(50% - 8px);
    }

    .u-section-2 .u-container-layout-1 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .u-section-2 .u-container-layout-2 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .u-section-2 .u-container-layout-3 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .u-section-2 .u-container-layout-4 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .u-section-2 .u-container-layout-5 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .u-section-2 .u-container-layout-6 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (max-width: 575px) {
    .u-section-2 .u-text-1 {
        width: auto;
        margin-top: 62px;
    }

    .u-section-2 .u-text-2 {
        width: auto;
        margin-left: 0;
        margin-right: 0;
    }

    .u-section-2 .u-list-1 {
        margin-top: 52px;
    }

    .u-section-2 .u-repeater-1 {
        grid-template-columns: 100%;
        min-height: 1574px;
        grid-auto-columns: calc(100% + 0px);
    }

    .u-section-2 .u-text-3 {
        margin-top: 165px;
    }

    .u-section-2 .u-text-4 {
        margin-top: 165px;
    }

    .u-section-2 .u-text-5 {
        margin-top: 165px;
    }

    .u-section-2 .u-text-6 {
        margin-top: 165px;
    }

    .u-section-2 .u-text-7 {
        margin-top: 165px;
    }

    .u-section-2 .u-text-8 {
        margin-top: 165px;
    }

    .u-section-2 .u-btn-1 {
        margin-top: 77px;
        margin-left: -13px;
        margin-right: -13px;
    }
}

.u-section-3 .u-sheet-1 {
    min-height: 691px;
}

.u-section-3 .u-layout-wrap-1 {
    margin-top: 60px;
    margin-bottom: 59px;
}

.u-section-3 .u-layout-cell-1 {
    min-height: 570px;
    --animation-custom_in-translate_x: 300px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
}

.u-section-3 .u-container-layout-1 {
    padding: 30px 30px 30px 0;
}

.u-section-3 .u-text-1 {
    margin: 0 auto 0 0;
}

.u-section-3 .u-text-2 {
    font-size: 3.4375rem;
    margin: 20px auto 0 0;
}

.u-section-3 .u-text-3 {
    margin: 17px auto 0 0;
}

.u-section-3 .u-btn-1 {
    border-style: solid;
    font-weight: 700;
    text-transform: uppercase;
    --radius: 100px;
    font-size: 1.25rem;
    --animation-custom_in-translate_x: 0px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 0.3;
    background-image: none;
    letter-spacing: 1px;
    margin: 30px auto 0 0;
    padding: 17px 53px 19px 51px;
}

.u-section-3 .u-layout-cell-2 {
    min-height: 570px;
}

.u-section-3 .u-container-layout-2 {
    padding: 30px;
}

.u-section-3 .u-image-1 {
    width: 459px;
    height: 468px;
    object-position: 55.03% 50%;
    --radius: 30px;
    --animation-custom_in-translate_x: 0px;
    --animation-custom_in-translate_y: -300px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: 4px 0 0 auto;
}

.u-section-3 .u-group-1 {
    width: 221px;
    height: 221px;
    --animation-custom_in-translate_x: 0px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 0.3;
    margin: -186px auto 0 0;
}

.u-section-3 .u-container-layout-3 {
    padding: 30px 27px;
}

.u-section-3 .u-text-4 {
    font-size: 3.75rem;
    font-weight: 700;
    margin: 0 auto;
}

.u-section-3 .u-text-5 {
    text-transform: uppercase;
    font-size: 1rem;
    margin: 10px 0 0;
}

@media (max-width: 1199px) {
    .u-section-3 .u-sheet-1 {
        min-height: 591px;
    }

    .u-section-3 .u-layout-cell-1 {
        min-height: 470px;
    }

    .u-section-3 .u-layout-cell-2 {
        min-height: 623px;
    }

    .u-section-3 .u-image-1 {
        width: 361px;
        height: 385px;
        margin-top: 0;
    }

    .u-section-3 .u-group-1 {
        margin-top: -103px;
    }
}

@media (max-width: 991px) {
    .u-section-3 .u-sheet-1 {
        min-height: 221px;
    }

    .u-section-3 .u-layout-cell-1 {
        min-height: 100px;
    }

    .u-section-3 .u-layout-cell-2 {
        min-height: 563px;
    }

    .u-section-3 .u-image-1 {
        width: 588px;
        height: 399px;
    }

    .u-section-3 .u-group-1 {
        margin-top: -117px;
    }
}

@media (max-width: 767px) {
    .u-section-3 .u-sheet-1 {
        min-height: 321px;
    }

    .u-section-3 .u-container-layout-1 {
        padding-right: 10px;
    }

    .u-section-3 .u-text-2 {
        font-size: 2.25rem;
    }

    .u-section-3 .u-container-layout-2 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .u-section-3 .u-image-1 {
        width: 437px;
        height: 332px;
    }

    .u-section-3 .u-group-1 {
        margin-top: -50px;
    }

    .u-section-3 .u-container-layout-3 {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (max-width: 575px) {
    .u-section-3 .u-sheet-1 {
        min-height: 1026px;
    }

    .u-section-3 .u-layout-wrap-1 {
        margin-bottom: 60px;
    }

    .u-section-3 .u-layout-cell-1 {
        min-height: 464px;
    }

    .u-section-3 .u-container-layout-1 {
        padding-right: 0;
    }

    .u-section-3 .u-text-2 {
        font-size: 1.875rem;
    }

    .u-section-3 .u-btn-1 {
        margin-left: -13px;
        margin-right: -13px;
    }

    .u-section-3 .u-layout-cell-2 {
        min-height: 443px;
    }

    .u-section-3 .u-image-1 {
        height: 219px;
        width: 265px;
        margin-left: 55px;
    }

    .u-section-3 .u-group-1 {
        margin-top: -58px;
    }

    .u-section-3 .u-container-layout-3 {
        padding: 25px;
    }
}

.u-section-4 {
    background-repeat: no-repeat;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5));
    background-position: 50% 50%;
    background-size: cover;
}

.u-section-4 .u-sheet-1 {
    min-height: 1037px;
}

.u-section-4 .u-text-1 {
    --animation-custom_in-translate_x: 0px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 0.3;
    margin: 150px auto 0;
}

.u-section-4 .u-list-1 {
    margin-top: 0;
    margin-bottom: 0;
}

.u-section-4 .u-repeater-1 {
    grid-template-columns: repeat(3, 33.3333%);
    min-height: 441px;
    grid-auto-columns: 33.3333%;
    --gap: 0px;
}

.u-section-4 .u-list-item-1 {
    --animation-custom_in-translate_x: 0px;
    --animation-custom_in-translate_y: -300px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
}

.u-section-4 .u-container-layout-1 {
    padding: 0 0 1px;
}

.u-section-4 .u-icon-1 {
    width: 373px;
    height: 134px;
    margin: 75px 0 0 auto;
    padding: 0;
}

.u-section-4 .u-list-item-2 {
    --animation-custom_in-translate_x: 0px;
    --animation-custom_in-translate_y: -300px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
}

.u-section-4 .u-container-layout-2 {
    padding: 0 0 1px;
}

.u-section-4 .u-icon-2 {
    width: 373px;
    height: 134px;
    margin: 75px 0 0 auto;
    padding: 0;
}

.u-section-4 .u-list-item-3 {
    --animation-custom_in-translate_x: 0px;
    --animation-custom_in-translate_y: -300px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
}

.u-section-4 .u-container-layout-3 {
    padding: 0 0 1px;
}

.u-section-4 .u-icon-3 {
    width: 373px;
    height: 134px;
    margin: 75px 0 0 auto;
    padding: 0;
}

.u-section-4 .u-image-1 {
    width: 207px;
    height: 448px;
    --radius: 30px;
    margin: -159px auto 60px 62px;
}

@media (max-width: 1199px) {
    .u-section-4 .u-sheet-1 {
        min-height: 1038px;
    }

    .u-section-4 .u-repeater-1 {
        grid-template-columns: repeat(3, 33.333333333333336%);
        min-height: 364px;
        grid-auto-columns: 33.333333333333336%;
        grid-gap: 0px;
    }

    .u-section-4 .u-image-1 {
        height: 449px;
    }
}

@media (max-width: 991px) {
    .u-section-4 .u-repeater-1 {
        grid-template-columns: repeat(2, 50%);
        min-height: 836px;
        grid-auto-columns: 50%;
    }
}

@media (max-width: 767px) {
    .u-section-4 .u-text-1 {
        margin-top: 60px;
    }

    .u-section-4 .u-repeater-1 {
        grid-template-columns: 100%;
        grid-auto-columns: 100%;
    }

    .u-section-4 .u-container-layout-1 {
        padding-left: 50px;
        padding-right: 50px;
    }

    .u-section-4 .u-container-layout-2 {
        padding-left: 50px;
        padding-right: 50px;
    }

    .u-section-4 .u-container-layout-3 {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media (max-width: 575px) {
    .u-section-4 .u-sheet-1 {
        min-height: 1434px;
    }

    .u-section-4 .u-container-layout-1 {
        padding-left: 0;
        padding-right: 0;
    }

    .u-section-4 .u-icon-1 {
        margin-left: -16px;
        margin-right: -16px;
    }

    .u-section-4 .u-container-layout-2 {
        padding-left: 0;
        padding-right: 0;
    }

    .u-section-4 .u-icon-2 {
        margin-left: -16px;
        margin-right: -16px;
    }

    .u-section-4 .u-container-layout-3 {
        padding-left: 0;
        padding-right: 0;
    }

    .u-section-4 .u-icon-3 {
        margin-left: -16px;
        margin-right: -16px;
    }

    .u-section-4 .u-image-1 {
        margin-top: 0;
        margin-left: auto;
        margin-bottom: 56px;
    }
}

.u-section-5 {
    min-height: 1382px;
}

.u-section-5 .u-shape-1 {
    height: 695px;
    margin-top: -7px;
    margin-bottom: 0;
}

.u-section-5 .u-layout-wrap-1 {
    width: 1140px;
    margin: -627px auto 60px;
}

.u-section-5 .u-layout-cell-1 {
    min-height: 764px;
}

.u-section-5 .u-container-layout-1 {
    padding: 20px 20px 0 0;
}

.u-section-5 .u-image-1 {
    width: 507px;
    height: 683px;
    --radius: 30px;
    --animation-custom_in-translate_x: -300px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: 0 auto 0 0;
}

.u-section-5 .u-layout-cell-2 {
    min-height: 497px;
    --animation-custom_in-translate_x: -300px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
}

.u-section-5 .u-container-layout-2 {
    padding: 30px 30px 30px 0;
}

.u-section-5 .u-text-1 {
    margin: 0;
}

.u-section-5 .u-text-2 {
    margin: 60px 248px 0 30px;
}

.u-section-5 .u-layout-cell-3 {
    min-height: 574px;
    --animation-custom_in-translate_x: 300px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    --radius: 50px;
}

.u-section-5 .u-container-layout-3 {
    padding: 30px;
}

.u-section-5 .u-text-3 {
    font-size: 3.4375rem;
    margin: 0 auto 0 0;
}

.u-section-5 .u-text-4 {
    margin: 17px auto 0 0;
}

.u-section-5 .u-btn-1 {
    border-style: solid;
    font-weight: 700;
    text-transform: uppercase;
    --radius: 100px;
    font-size: 1.25rem;
    --animation-custom_in-translate_x: 0px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 0.3;
    background-image: none;
    letter-spacing: 1px;
    margin: 30px auto 0 0;
    padding: 17px 53px 19px 51px;
}

.u-section-5 .u-layout-cell-4 {
    min-height: 670px;
}

.u-section-5 .u-container-layout-4 {
    padding: 0 30px;
}

.u-section-5 .u-image-2 {
    width: 352px;
    height: 352px;
    --radius: 30px;
    --animation-custom_in-translate_x: 300px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: 0 auto 0 0;
}

@media (max-width: 1199px) {
    .u-section-5 {
        min-height: 1315px;
    }

    .u-section-5 .u-shape-1 {
        --animation-custom_in-translate_x: 0px;
        --animation-custom_in-translate_y: -300px;
        --animation-custom_in-opacity: 0;
        --animation-custom_in-rotate: 0deg;
        --animation-custom_in-scale: 1;
    }

    .u-section-5 .u-layout-wrap-1 {
        width: 940px;
    }

    .u-section-5 .u-layout-cell-1 {
        min-height: 761px;
    }

    .u-section-5 .u-image-1 {
        width: 448px;
        height: 650px;
    }

    .u-section-5 .u-layout-cell-2 {
        min-height: 410px;
    }

    .u-section-5 .u-text-1 {
        margin-top: 94px;
    }

    .u-section-5 .u-text-2 {
        margin-right: 171px;
        margin-left: 0;
    }

    .u-section-5 .u-layout-cell-3 {
        min-height: 614px;
    }

    .u-section-5 .u-text-3 {
        font-size: 3rem;
    }

    .u-section-5 .u-layout-cell-4 {
        min-height: 691px;
    }
}

@media (max-width: 991px) {
    .u-section-5 {
        min-height: 2382px;
    }

    .u-section-5 .u-shape-1 {
        height: 720px;
    }

    .u-section-5 .u-layout-wrap-1 {
        width: 720px;
        margin-top: -659px;
        margin-bottom: 59px;
    }

    .u-section-5 .u-layout-cell-1 {
        min-height: 922px;
    }

    .u-section-5 .u-image-1 {
        width: 616px;
        height: 774px;
    }

    .u-section-5 .u-layout-cell-2 {
        min-height: 100px;
    }

    .u-section-5 .u-text-1 {
        margin-top: 0;
    }

    .u-section-5 .u-layout-cell-3 {
        min-height: 100px;
    }

    .u-section-5 .u-layout-cell-4 {
        min-height: 730px;
    }

    .u-section-5 .u-image-2 {
        width: 544px;
        height: 544px;
    }
}

@media (max-width: 767px) {
    .u-section-5 {
        min-height: 2220px;
    }

    .u-section-5 .u-shape-1 {
        height: 540px;
    }

    .u-section-5 .u-layout-wrap-1 {
        width: 540px;
        margin-top: -479px;
        margin-bottom: 55px;
    }

    .u-section-5 .u-layout-cell-1 {
        min-height: 692px;
    }

    .u-section-5 .u-container-layout-1 {
        padding-right: 10px;
    }

    .u-section-5 .u-image-1 {
        width: 530px;
        height: 666px;
    }

    .u-section-5 .u-container-layout-2 {
        padding-right: 10px;
    }

    .u-section-5 .u-text-2 {
        margin-right: 11px;
    }

    .u-section-5 .u-container-layout-3 {
        padding: 25px;
    }

    .u-section-5 .u-text-3 {
        font-size: 2.25rem;
    }

    .u-section-5 .u-layout-cell-4 {
        min-height: 548px;
    }

    .u-section-5 .u-container-layout-4 {
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 0;
    }

    .u-section-5 .u-image-2 {
        width: 490px;
        height: 490px;
        margin-top: 14px;
    }
}

@media (max-width: 575px) {
    .u-section-5 {
        min-height: 1544px;
    }

    .u-section-5 .u-shape-1 {
        height: 504px;
        margin-top: 0;
    }

    .u-section-5 .u-layout-wrap-1 {
        width: 340px;
        margin-top: -460px;
        margin-bottom: 57px;
    }

    .u-section-5 .u-layout-cell-1 {
        min-height: 0;
    }

    .u-section-5 .u-container-layout-1 {
        padding-top: 0;
    }

    .u-section-5 .u-image-1 {
        height: 415px;
        margin-right: initial;
        margin-left: initial;
        width: auto;
    }

    .u-section-5 .u-layout-cell-2 {
        min-height: 303px;
    }

    .u-section-5 .u-container-layout-2 {
        padding-right: 0;
    }

    .u-section-5 .u-text-1 {
        width: auto;
        margin-top: 44px;
        margin-right: 10px;
    }

    .u-section-5 .u-text-2 {
        margin-top: 17px;
        margin-right: 10px;
    }

    .u-section-5 .u-layout-cell-3 {
        min-height: 308px;
    }

    .u-section-5 .u-container-layout-3 {
        padding-left: 0;
        padding-right: 0;
    }

    .u-section-5 .u-text-3 {
        font-size: 1.875rem;
        width: auto;
        margin-right: 73px;
    }

    .u-section-5 .u-text-4 {
        width: auto;
        margin-top: 25px;
        margin-right: 93px;
    }

    .u-section-5 .u-btn-1 {
        margin-top: 23px;
        margin-left: -1px;
        padding: 18px 36px 18px 35px;
    }

    .u-section-5 .u-layout-cell-4 {
        min-height: 0;
    }

    .u-section-5 .u-container-layout-4 {
        padding-right: 10px;
    }

    .u-section-5 .u-image-2 {
        width: 330px;
        height: 330px;
    }
}

.u-section-6 .u-sheet-1 {
    min-height: 773px;
}

.u-section-6 .u-layout-wrap-1 {
    margin-top: 57px;
    margin-bottom: 57px;
}

.u-section-6 .u-layout-cell-1 {
    min-height: 229px;
    --animation-custom_in-translate_x: -300px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
}

.u-section-6 .u-container-layout-1 {
    padding: 30px;
}

.u-section-6 .u-text-1 {
    font-size: 3rem;
    margin: 7px 0 0;
}

.u-section-6 .u-layout-cell-2 {
    min-height: 229px;
    --animation-custom_in-translate_x: 0px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 0.3;
}

.u-section-6 .u-container-layout-2 {
    padding: 0 0 0 30px;
}

.u-section-6 .u-image-1 {
    width: 292px;
    height: 204px;
    margin: 0 20px 0 auto;
}

.u-section-6 .u-layout-cell-3 {
    min-height: 399px;
}

.u-section-6 .u-container-layout-3 {
    padding: 30px 30px 28px 0;
}

.u-section-6 .u-image-2 {
    width: 407px;
    height: 299px;
    --animation-custom_in-translate_x: 0px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 0.3;
    --radius: 30px;
    margin: 20px auto 0 0;
}

.u-section-6 .u-layout-cell-4 {
    min-height: 399px;
    --animation-custom_in-translate_x: 0px;
    --animation-custom_in-translate_y: 300px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
}

.u-section-6 .u-container-layout-4 {
    padding: 30px 0 30px 30px;
}

.u-section-6 .u-text-2 {
    margin: 0 146px 0 0;
}

.u-section-6 .u-btn-1 {
    border-style: solid;
    font-weight: 700;
    text-transform: uppercase;
    --radius: 100px;
    font-size: 1.25rem;
    background-image: none;
    letter-spacing: 1px;
    --animation-custom_in-translate_x: -200px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: 127px auto 0 0;
    padding: 17px 53px 19px 51px;
}

@media (max-width: 1199px) {
    .u-section-6 .u-sheet-1 {
        min-height: 667px;
    }

    .u-section-6 .u-layout-cell-1 {
        min-height: 189px;
    }

    .u-section-6 .u-layout-cell-2 {
        min-height: 189px;
    }

    .u-section-6 .u-image-1 {
        width: 158px;
        height: 153px;
        margin-right: 0;
    }

    .u-section-6 .u-layout-cell-3 {
        min-height: 329px;
        --animation-custom_in-translate_x: 0px;
        --animation-custom_in-translate_y: 300px;
        --animation-custom_in-opacity: 0;
        --animation-custom_in-rotate: 0deg;
        --animation-custom_in-scale: 1;
    }

    .u-section-6 .u-layout-cell-4 {
        min-height: 329px;
    }

    .u-section-6 .u-text-2 {
        margin-right: 33px;
    }
}

@media (max-width: 991px) {
    .u-section-6 .u-sheet-1 {
        min-height: 550px;
    }

    .u-section-6 .u-layout-cell-1 {
        min-height: 100px;
    }

    .u-section-6 .u-layout-cell-2 {
        min-height: 217px;
    }

    .u-section-6 .u-layout-cell-3 {
        min-height: 252px;
    }

    .u-section-6 .u-image-2 {
        width: 330px;
        height: 242px;
    }

    .u-section-6 .u-layout-cell-4 {
        min-height: 100px;
    }

    .u-section-6 .u-text-2 {
        margin-right: 0;
    }
}

@media (max-width: 767px) {
    .u-section-6 .u-sheet-1 {
        min-height: 1143px;
    }

    .u-section-6 .u-container-layout-1 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .u-section-6 .u-text-1 {
        font-size: 2.25rem;
    }

    .u-section-6 .u-layout-cell-2 {
        min-height: 543px;
    }

    .u-section-6 .u-container-layout-2 {
        padding-left: 10px;
    }

    .u-section-6 .u-layout-cell-3 {
        min-height: 360px;
    }

    .u-section-6 .u-container-layout-3 {
        padding-right: 10px;
    }

    .u-section-6 .u-image-2 {
        width: 439px;
        height: 253px;
        margin-right: 0;
    }

    .u-section-6 .u-container-layout-4 {
        padding-left: 10px;
    }
}

@media (max-width: 575px) {
    .u-section-6 .u-sheet-1 {
        min-height: 1045px;
    }

    .u-section-6 .u-layout-wrap-1 {
        margin-bottom: 0;
    }

    .u-section-6 .u-text-1 {
        font-size: 1.875rem;
    }

    .u-section-6 .u-layout-cell-2 {
        min-height: 153px;
    }

    .u-section-6 .u-image-1 {
        margin-right: auto;
    }

    .u-section-6 .u-layout-cell-3 {
        min-height: 227px;
    }

    .u-section-6 .u-image-2 {
        width: 330px;
        height: 190px;
    }

    .u-section-6 .u-layout-cell-4 {
        min-height: 434px;
    }

    .u-section-6 .u-container-layout-4 {
        padding-left: 0;
    }

    .u-section-6 .u-text-2 {
        margin-left: 10px;
    }

    .u-section-6 .u-btn-1 {
        margin-top: 86px;
        margin-left: -13px;
        margin-right: -13px;
    }
}

.u-section-7 {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('/images/full-shot-roofers-working-together-6.jpg');
}

.u-section-7 .u-sheet-1 {
    min-height: 684px;
}

.u-section-7 .u-text-1 {
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);
    --animation-custom_in-translate_x: 300px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 0.3;
    margin: 122px 345px 0 0;
}

.u-section-7 .u-text-2 {
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);
    --animation-custom_in-translate_x: 300px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 0.3;
    margin: 30px 345px 0 0;
}

.u-section-7 .u-btn-1 {
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 1.25rem;
    --radius: 100px;
    --animation-custom_in-translate_x: 0px;
    --animation-custom_in-translate_y: 0px;
    background-image: none;
    margin: 51px auto 60px 0;
    padding: 18px 42px 18px 41px;
}

@media (max-width: 1199px) {
    .u-section-7 {
        background-position: 50% 50%, 50% 50%;
        background-size: cover;
    }

    .u-section-7 .u-sheet-1 {
        min-height: 564px;
    }

    .u-section-7 .u-text-1 {
        margin-top: 60px;
        margin-right: 145px;
    }

    .u-section-7 .u-text-2 {
        margin-right: 145px;
    }

    .u-section-7 .u-btn-1 {
        border-style: solid;
        --animation-custom_in-opacity: 0;
        --animation-custom_in-rotate: 0deg;
        --animation-custom_in-scale: 0.3;
    }
}

@media (max-width: 991px) {
    .u-section-7 .u-sheet-1 {
        min-height: 432px;
    }

    .u-section-7 .u-text-1 {
        margin-right: 0;
    }

    .u-section-7 .u-text-2 {
        margin-right: 0;
    }
}

@media (max-width: 767px) {
    .u-section-7 .u-sheet-1 {
        min-height: 324px;
    }
}

@media (max-width: 575px) {
    .u-section-7 {
        background-position: 50% 50%;
    }

    .u-section-7 .u-sheet-1 {
        min-height: 204px;
    }
}

.u-section-8 {
    min-height: 757px;
}

.u-section-8 .u-shape-1 {
    height: 342px;
    margin-top: 0;
    margin-bottom: 0;
    --bottom-left-radius: 30px;
    --bottom-right-radius: 30px;
}

.u-section-8 .u-layout-wrap-1 {
    width: 1140px;
    margin: -237px auto 55px;
}

.u-section-8 .u-layout-cell-1 {
    min-height: 597px;
    --radius: 50px;
}

.u-section-8 .u-container-layout-1 {
    padding: 30px 60px;
}

.u-section-8 .u-text-1 {
    margin: 143px 0 0;
}

.u-section-8 .u-text-2 {
    margin: 20px 0 0;
}

.u-section-8 .u-layout-cell-2 {
    min-height: 597px;
    --top-right-radius: 50px;
    --bottom-right-radius: 50px;
    --bottom-left-radius: 50px;
}

.u-section-8 .u-container-layout-2 {
    padding: 3px;
}

.u-section-8 .u-map-1 {
    width: 496px;
    height: 531px;
    margin: 0 auto;
}

@media (max-width: 1199px) {
    .u-section-8 {
        min-height: 701px;
    }

    .u-section-8 .u-layout-wrap-1 {
        width: 940px;
    }

    .u-section-8 .u-layout-cell-1 {
        min-height: 492px;
    }

    .u-section-8 .u-layout-cell-2 {
        min-height: 492px;
    }

    .u-section-8 .u-map-1 {
        width: 464px;
        margin-top: -28px;
    }
}

@media (max-width: 991px) {
    .u-section-8 {
        min-height: 605px;
    }

    .u-section-8 .u-layout-wrap-1 {
        width: 720px;
    }

    .u-section-8 .u-layout-cell-1 {
        min-height: 100px;
    }

    .u-section-8 .u-container-layout-1 {
        padding-left: 30px;
        padding-right: 30px;
    }

    .u-section-8 .u-layout-cell-2 {
        min-height: 377px;
    }

    .u-section-8 .u-map-1 {
        width: 354px;
    }
}

@media (max-width: 767px) {
    .u-section-8 {
        min-height: 863px;
    }

    .u-section-8 .u-layout-wrap-1 {
        width: 540px;
    }

    .u-section-8 .u-container-layout-1 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .u-section-8 .u-layout-cell-2 {
        min-height: 566px;
    }
}

@media (max-width: 575px) {
    .u-section-8 {
        min-height: 830px;
    }

    .u-section-8 .u-layout-wrap-1 {
        width: 340px;
        margin-top: -221px;
        margin-bottom: 60px;
    }

    .u-section-8 .u-layout-cell-1 {
        min-height: 286px;
    }

    .u-section-8 .u-text-1 {
        width: auto;
        margin-top: 18px;
    }

    .u-section-8 .u-text-2 {
        width: auto;
        margin-top: 24px;
    }

    .u-section-8 .u-layout-cell-2 {
        min-height: 332px;
    }

    .u-section-8 .u-container-layout-2 {
        padding: 0;
    }

    .u-section-8 .u-map-1 {
        height: 397px;
        width: 337px;
        margin-top: -65px;
        margin-right: 0;
    }
}

.whatsapp-fixed {
    position: fixed !important;
    bottom: 20px; /* alttan mesafe */
    left: 20px; /* soldan mesafe */
    z-index: 9999; /* her şeyin üstünde olsun */
}