main {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 150px;
    align-self: stretch;
    margin: 81px auto!important;
}

section {
    align-items: stretch;
    max-width: 2160px;
    /*width: stretch;*/
}


.home-hero-section {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: calc(100vh - 110px);
    width: stretch;
    box-sizing: border-box;
    gap: var(--PaddingSmall);

}

.home-hero-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.image-wrapper {
    display: flex;
    overflow: hidden;
    align-items: center;
    border-radius: 15px;
    height: 100%;

}

.mobile-image { display: none; }

@media (max-width: 700px) {
    .desktop-image { display: none; }
    .mobile-image { display: block; }
}

.home-hero-under-section {
    display: flex;
    flex-direction: column;
    gap: var(--GridGap1);
    width: stretch;
}


.home-hero-under-section a p {
    margin: 0 auto;

}

@media (max-width: 1000px) {
    .home-hero-under-section a {
        width: 300px;
    }
}

.home-hero-text-section {
    display: grid;
    grid-template-columns: 2.1fr 1fr;
    gap: var(--GridGap1);
}

.home-hero-text-section p {
    max-width: 700px;
}


@media (max-width: 600px) {

    main {
        margin: 60px 0px var(--PaddingSmall) 0px!important;
    }

    .home-hero-section {
        gap: 50px;
        height: calc(100vh - 170px);
        grid-template-columns: 1fr;
    }

    .home-hero-under-section a {
        width: 100%;
        height: 45px;
    }

    .home-hero-under-section {
        gap: 30px;
    }

    .home-hero-text-section {
        width: 100%;
        grid-template-columns: 1fr;
    }

    .home-hero-button {
        width: 100%;
    }
}


.usp {
    display: flex;
    flex-direction: column;
    gap: var(--GridGap1);
    width: stretch;
}

.usp-top-section {
    display: grid;
    grid-template-columns: 2.1fr 1fr;
    max-height: 400px;
    gap: var(--GridGap1);
    align-items: stretch;
    width: 100%;
}

.usp-top-section-image {
    height: 315px;
    object-fit: cover;
    width: 100%;
}

.usp-top-section-text-box {
    background-color: var(--Softer-Black);
    flex: 0.8;
    padding: 40px 25px;
    color: var(--White);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.usp-repeater {
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: center;
}

.repeater-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
}

.usp-repeater-icons {
    width: 35px;
    height: 35px;
    object-fit: contain;
}

.usp-bottom-section {
    display: flex;
    flex-direction: row;
    gap: 40px;
    max-height: 400px;
    width: 100%;
}

.usp-bottom-section-text-box {
    background-color: var(--Off-White);
    border: 1px solid var(--Softer-Black);
    flex: 1.4;
    padding: 40px 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.usp-bottom-section-image-wrapper {
    height: 400px;
    display: flex;
}

.usp-bottom-section-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.usp-bottom-section-div {
    display: flex;
    flex-direction: column;
    gap: 40px;
    height: 400px;
    flex: 0.8;
}



@media (max-width: 1000px) {
    
    .usp-top-section, .usp-bottom-section-div, .usp-bottom-section, .usp {
        
    }


    .usp-bottom-section-image {
        width: 232px;
    }
}

@media (max-width: 800px) {

    .usp-bottom-section-image {
        width: 150px;
    }

    .usp-top-section {
        grid-template-columns: 1fr 1fr;
    }
}


.ups-bottom-section-div-image {
    width: 100%;
    height: 306px;
    object-fit: cover;
}

.usp-div-div {
    display: flex;
    gap: 40px;
    flex: 2.4;
}


.mobile {
    display: none;
}

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


@media (max-width: 600px) {

    .mobile {
        display: flex;
    }

    .desktop {
        display: none;
    }
    .usp-top-section-image {
        aspect-ratio: 1;
        height: auto;
    }

    .usp-top-section-text-box {
        padding: 12px;
    }

    .mobile-bottom {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .usp-bottom-section-text-box, .usp-bottom-section-div {
        flex: 1;
    }

    .usp-top-section, .usp-bottom-section-div, .usp-bottom-section, .usp {
        gap: 10px;
    }

    .usp-bottom-section {
        flex-direction: column;
        max-height: 840px;
    }

    .usp-bottom-section-text-box {
        flex: 1;
    }

    .usp-bottom-section-image {
        width: 100%;
    }

    .usp-bottom-section-div {
        width: 100%;
    }

    .ups-bottom-section-div-image {
        height: 250px;
    }

    .usp-bottom-section-image-wrapper {
        height: 300px;
    }


    .usp-div-div {
        width: 100%;
    }

    .usp-bottom-section-div,
    .usp-bottom-section-text-box {
        flex: 1 1 50%;
        width: 100%;
    }

    .usp-bottom-section-text-box {
        padding: 20px 12px;
        height: 272px;
    }

    .usp-bottom-section-div a {
        width: 100%;
    }


}




/*.faq {*/
/*    margin: 0 80px;*/
/*    width: auto;*/
/*    max-width: 1280px;*/
/*}*/

/*@media (max-width: 900px) {*/
/*    .faq {*/
/*        margin: 0 20px;*/
/*        width: auto;*/
/*    }*/
/*}*/