section {
    position: relative;
}

.about-us {
    padding: 7rem 0;
    position: relative;
}

.about-us .imgs-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[27];
    grid-template-colums: repeat(27, 1fr);
    position: relative;
}

.about-us .imgs-grid::before {
    content: "";
    position:absolute;
    width: clamp(120px, 200px, 255px);
    height: clamp(100px, 180px, 217px);
    background-image: url("../images/esetonia.png");
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-transform: translate(-40%, -40%);
    -ms-transform: translate(-40%, -40%);
    transform: translate(-40%, -40%);
    z-index: 1;
}

.about-us .imgs-grid .grid {
    position: relative;
}

.about-us .imgs-grid .grid img {
    border-radius: 20px;
    max-width: 100%;
}

.about-us .imgs-grid .grid.grid-1 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 18;
    grid-column: 1 / span 18;
    -ms-grid-row: 1;
    -ms-grid-row-span: 27;
    grid-row: 1 / span 27;
    transition: transform all .2s ease-in-out;
    
}


.about-us .imgs-grid .grid.grid-1:hover, .about-us .imgs-grid .grid.grid-2:hover, .about-us .imgs-grid .grid.grid-3:hover {
    animation: scale 2s ease-in-out;
}

@keyframes scale {
    from {
        transform: scale(0);
    }
    to {
        transform: scale(1.5);
    }
}
.about-us .imgs-grid .grid.grid-2 {
    -ms-grid-column: 19;
    -ms-grid-column-span: 27;
    grid-column: 19 / span 27;
    -ms-grid-row: 1;
    -ms-grid-row-span: 20;
    grid-row: 1 / span 20;
    padding-left: 20px;
}

.about-us .imgs-grid .grid.grid-3 {
    -ms-grid-column: 6;
    -ms-grid-column-span: 16;
    grid-column: 6 / span 16;
    -ms-grid-row: 10;
    -ms-grid-row-span: 27;
    grid-row: 10 / span 27;
    /* padding-top: 2px; */
    border: 10px solid orange;
    border-radius: 20px;
}

.call-to-action {
    position: relative;
}


.custom-shape-divider-top-1746099243 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-top-1746099243 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 52px;
}

.custom-shape-divider-top-1746099243 .shape-fill {
    fill: #F28D1F;
}