body .site-content {
    margin-bottom: 0px;
}

body .main-page-wrapper {
    background-color: #F5F5F5 !important;
    position: relative;
}

body .main-page-wrapper > .container {
    max-width: 100% !important;
    padding: 0px;
}

body .main-page-wrapper .section1 {
    max-width: 1623px !important;
    margin-right: 0 !important;
    margin-left: auto !important;
    background-color: #fff;
    margin-top: -80px;
    border-radius: 30px 0px 0px 0px;
    left: unset !important;
    width: 100% !important;
    right: 0 !important;
    padding: 8% 4%;
}

body .page-section .row-heading {
    font-family: 'Jura';
}

body .page-section .row-text {
    font-family: 'Jura';
}

body .page-section li::marker {
    font-size: 0px;
}

body .page-section li {
    position: relative;
    padding-left: 20px;
}

@media (max-width: 1140px) {
    body .page-section li {
        padding-left: 14px;
    }
}

body .section1 .row1 .text2 li:before,
body .section1 .row2 .text2 li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 11px;
    height: 11px;
    display: block;
    background-image: url('/wp-content/uploads/2023/02/arrow-grey.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    filter: brightness(0.3);
}

body .section1 .row2 .text1 {
    max-width: 475px;
    position: relative;
}

body .section1 .row2 .text1:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -50px;
    width: 250px;
    height: 2px;
    display: block;
    background-color: var(--wd-primary-color);
    border-radius: 500px;
}

body .section1 .row2 .text2 strong.heading b {
    color: var(--wd-primary-color);
    font-weight: 700;
}

body .section1 .row2 .text1 strong b {
    font-weight: 300;
}

body .section1 .row2 .text2 {
    max-width: 480px;
    margin-left: auto;
}

body .section1 .row2 .text2 ul {
    padding-left: 0px;
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
}

body .section1 .row2 {
    position: relative;
}

body .section1 .row2:before {
    content: "";
    position: absolute;
    left: 0;
    top: -50px;
    height: 1px;
    width: 100%;
    display: block;
    background-color: #f2f2f2;
}

@media (min-width: 992px) {
    body .section1 .row1 .column2 .vc_column-inner {
        padding-left: 15%;
    }
}

@media (max-width: 1650px) {
    body .main-page-wrapper .section1 {
        margin-left: 15px !important;
    }

    body .section1>.wpb_column {
        padding-right: 15px;
    }
}

@media (max-width: 991px) {
    body .section1 .row2 .text2 ul {
        grid-template-columns: 33.3333% 33.3333% 33.3333%;
    }
}

@media (max-width: 767px) {
    body .main-page-wrapper .section1 .heading1 {
        font-size: 35px !important;
        line-height: 45px !important;
    }

    body .section1 .row2 .text2 {
        max-width: 100%;
    }

    body .section1 .row2 .column1 {
        margin-bottom: 65px;
    }
}

@media (max-width: 550px) {
    body .section1 .row2 .text2 ul {
        grid-template-columns: 50% 50%;
    }
}


/*=============================================
=            Section 2            =
=============================================*/

.section2 .wd-gallery-item>a img {
    height: 80vh;
    object-fit: cover;
}

.section2 .owl-dots .owl-dot span {
    border-color: #858E9D;
    width: 12px;
    height: 12px;
}

.section2 .owl-dots .owl-dot:not(.active):hover span{
    border-color: var(--wd-primary-color);
}

.section2 .owl-dots .owl-dot.active span {
    border-color: var(--wd-primary-color);
    background-color: var(--wd-primary-color);
}

body .section2 .wd-images-gallery div:not(.wd-btn-arrow) {
    transition: 1s !important;
}

@media (max-width: 550px) {
    .section2 .wd-gallery-item>a img {
        height: 50vh;
    }
}

/*=============================================
=            Section 3            =
=============================================*/

.section3 {
    position: relative;
}

.section3 .row1 {
    max-width: 1550px;
    margin: 0 auto;
}

.section3 .row1 .img1 img {
    width: 100vw;
    max-width: 550px;
}

.section3 .heading1 {
    margin-bottom: 30px;
}

.section4 .section-row .row-column {
    min-height: 500px;
}

.section4 .arrow {
    transform: rotate(90deg);
    max-width: 80px;
    margin: 0 auto;
}

.section4 strong.heading {
    color: var(--wd-primary-color);
    font-weight: 700;
}

@media (min-width: 768px) {
    .section4 .row1 .column2 .vc_column-inner,
    .section4 .row3 .column2 .vc_column-inner {
        padding: 0 30px;
        max-width: 550px;
        margin: 0 auto;
    }

    .section4 .row2 .column1 .vc_column-inner {
        padding: 0 30px;
        max-width: 550px;
        margin: 0 auto;
    }
}

@media (max-width: 767px) {
    .section3 .row1 .img1 img {
        max-width: 350px;
    }

    body .section4 .row-text {
        padding: 0 10%;
    }
}

@media (max-width: 550px) {
    .section3 .row1 .img1 img {
        max-width: 250px;
    }

    body .section3 .heading1 {
        font-size: 35px !important;
        line-height: 45px !important;
    }

    .section4 .section-row .row-column {
        min-height: 400px;
    }
}



/*=============================================
=            Section 5            =
=============================================*/

body .section5 {
    max-width: 1623px !important;
    margin-right: 0 !important;
    margin-left: auto !important;
    background-color: #fff;
    margin-top: -80px;
    border-radius: 30px 0px 0px 0px;
    left: unset !important;
    width: 100% !important;
    right: 0 !important;
    padding: 8% 4%;
    position: relative;
    box-shadow: 0px 0px 50px #cfcfcf36;
}

.section5 .text1 {
    max-width: 850px;
}

.section5 .boxes svg path {
    fill: #4C4C4C;
}

.section5 .boxes * {
    font-family: 'Jura';
}

.section5 .owl-dots {
    text-align: left;
    margin-left: 10px;
}

.section5 .owl-dots .owl-dot span {
    border-color: #858E9D;
    width: 10px;
    height: 10px;
}

.section5 .owl-dots .owl-dot:not(.active):hover span{
    border-color: var(--wd-primary-color);
}

.section5 .owl-dots .owl-dot.active span {
    border-color: var(--wd-primary-color);
    background-color: var(--wd-primary-color);
}

body .section5 .info-box-inner {
    font-size: 14px !important;
    letter-spacing: 0.3px;
    line-height: 18px !important;
    font-weight: 300 !important;
    color: #9c9c9c !important;
}

body .section5 .boxes {
    padding-right: 15px;
}

body .section5 .wd-info-box .info-box-title {
    font-size: 20px !important;
    line-height: 27px !important;
}

@media (max-width: 1650px) and (min-width: 768px) {
    body .section5 {
        margin-left: 15px !important;
    }
}

@media (max-width: 767px) {
    body .section5 {
        margin-top: 0px;
        border-radius: 0px;
        padding: 8% 0%;
    }

    .section5 .owl-dots {
        margin-left: 0px;
    }
}

@media (max-width: 550px) {
    body .section5 .heading1 {
        font-size: 35px !important;
        line-height: 45px !important;
    }
}

/*=============================================
=            Section 6            =
=============================================*/

body .section6 {
    max-width: 1623px !important;
    margin-left: 0 !important;
    background-color: #fff;
    border-radius: 0px 30px 0px 0px;
    left: unset !important;
    width: 100% !important;
    right: 0 !important;
    padding: 8% 4%;
    position: relative;
    box-shadow: 0px 0px 50px #cfcfcf36;
    margin-top: 80px;
}

@media (max-width: 1650px) {
    body .section6 {
        right: 15px !important;
        padding: 8% 0px;
    }

    body .section6 > .wpb_column {
        padding-left: 15px;
    }
}

@media (max-width: 550px) {
    body .section6 .heading1 {
        font-size: 35px !important;
        line-height: 45px !important;
    }
}

/*=============================================
=            Section 7            =
=============================================*/

body .section7 {
    background-color: #ACD0B6;
    border-radius: 30px 30px 0px 0px;
    max-width: 1725px !important;
    margin: 0 auto !important;
    margin-top: 80px !important;
    padding: 6% 4%;
    position: relative;
}

body .section7 .heading1 {
    margin-bottom: 12px !important;
}

body .section7:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    background-image: url(/wp-content/uploads/2023/02/planet.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top right;
    opacity: 1;
    mix-blend-mode: luminosity;
    max-width: 750px;
}

body .section7 .text1 {
    max-width: 55%;
}

body .section7 .img1 img {
    border-radius: 30px;
}

@media (max-width: 1700px) and (min-width: 768px) {
    body .section7 {
        margin-right: 15px !important;
        margin-left: 0 !important;
    }

    body .section7 > .wpb_column {
        padding-left: 15px;
    }
}

@media (max-width: 1140px) {
    body .section7:before {
        position: relative;
        max-width: 748px;
        transform: scaleX(-1);
        margin-left: 0;
        margin-right: 0;
        height: 400px;
    }

    body .section7 {
        padding: 6% 0;
    }

    body .section7 .text1 {
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    body .section7 {
        border-radius: 0px;
    }
}

@media (max-width: 550px) {
    body .section7 .heading1 {
        font-size: 35px !important;
        line-height: 45px !important;
    }

    body .section7 .heading1 em {
        font-size: 14px !important;
        line-height: 1.2 !important;
    }
}