.pageContentHolder {position:relative;width: 100%;min-height: 10em;margin:5em auto;}
.pageContent {width: 73.27em;min-height: 10em;margin:5em auto;}

.pageContent > .textContent {width: 70%; }

.grid-container {display: grid;grid-template-columns: 1fr 1fr;margin-top: 3.13em;grid-row-gap: 5em;}
.grid-container > .oneBox {max-width: 24em;}
.oneBox > .boxText {padding-left: 3.3em;padding-top: 1em;font-size: 1.13em;line-height: 1.5;font-weight: 500;}

.oneBox h4 {display: flex;align-items: center;font-size: 1.25em;color: rgba(1, 160, 226, 1);font-weight: 600;gap: .9em;}
.oneBox h4:before {content: "";display: inline-block;width: 1.75em;height: 1.75em;background: url("../../images/icons/check.svg") no-repeat;background-size: cover;}

.mozaiikHolder {position: absolute;top:0;right: 0;height:50%;width: 30%;}
.mozaiikHolder > .imagesHolder {position: relative;height: 50%;}
.mozaiikHolder > .imagesHolder > div {position: absolute;border-radius:.9em;background-position: center;}
.mozaiikHolder > .imagesHolder > .image_4, .mozaiikHolder > .imagesHolder > .image_5 {top:0; right:0;width: 9.32em;height: 17.64em;border-bottom-right-radius: 0;border-top-right-radius: 0;}
.mozaiikHolder > .imagesHolder > .image_5 {top: 19em;}
.mozaiikHolder > .imagesHolder > .image_3 {top: 9.7em;right: 10.8em;width: 13em;height: 17.64em;}

.middleBannerHolder {display: flex;width: 100%; max-width: 77.5em;margin:0 auto;height: 16em;box-shadow: 0 17px 28.299999237060547px -22px rgba(8, 43, 132, 0.15);
    border: 1px solid rgba(217, 232, 250, 1);border-radius: .9em;margin-top: 5.63em;background: rgba(255, 255, 255, 1);}
.middleBannerHolder > .titleSide {display: flex;width: 58%;height: 100%;align-items: center;justify-content: center;padding-left: 6.3em;}
.middleBannerHolder > .pointsSide {display: flex;flex-direction: column;justify-content: center;width: 40%;padding-left:2em;gap:1.3em;}
.middleBannerHolder > .pointsSide > .checkHolder {display: flex;flex-direction: row;gap: 2em;}
.middleBannerHolder > .pointsSide > .checkHolder > img  {width: 1.2em;}
.middleBannerHolder > .pointsSide h4 {font-size: 1.25em;font-weight: 700;color: rgba(8, 45, 139, 1)}

.sliderHolder {width: 100%;height: 13.75em;margin-top: 5.63em;margin-bottom: 9em;}
.sliderHolder .slide {width: 18.84em;height: 13.75em;border-radius: .9em;margin:0 .5em;cursor: pointer;}

.sliderPrev {position: absolute;width: 3.25em;height: 3.25em;background: url("../../images/icons/ring-arrow.svg") no-repeat;background-size: cover;right: 51%;bottom: -6em;cursor: pointer;}
.sliderNext {position: absolute;width: 3.25em;height: 3.25em;background: url("../../images/icons/ring-arrow.svg") no-repeat;transform: rotate(180deg);background-size: cover;left: 50%;bottom: -6em;cursor: pointer;}

.shadowHolder {position: relative;width: 100%;}
.shadowHolder > .leftShadow {position: absolute;width: 2em;height: 100%;z-index: 1;background: rgba(255,255,255, 20%);left:0;top:0;}
.shadowHolder > .rightShadow {position: absolute;width: 2em;height: 100%;z-index: 1;background: rgba(255,255,255, 20%);right:0;top:0;}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image, .lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img {border-radius: .9em;}

@media all and (max-width: 800px) {
    .heroBannerHolder {height: 7.25em;}
    .truckBackground {background-size: 70%;}
    .pageContentHolder {width: 100%;margin:0 auto;}

    .pageContent {width: 100%;margin: 2em auto;}
    .mozaiikHolder {display: none;}

    .pageContent > .textContent {width: 100%;}
    .grid-container {grid-template-columns: 1fr;grid-row-gap: 2em;margin-top: 3em;}

    .middleBannerHolder {flex-direction: column;height: auto;padding-top: 2em;margin-top: 0;}
    .middleBannerHolder > .titleSide {width: 100%;padding-left: 1em;}
    .middleBannerHolder > .pointsSide {width: 100%;margin-top: 1.8em;margin-bottom: 2.1em;}
}