.main-container {
    background-color: #ffff;
    width: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow-x: hidden;
    margin-bottom: 110px;
}

.drone-img-container {
    width: 100%;
    height: 505px;
    background: transparent url('images/landing-drone-2x.png') 0% 0% no-repeat padding-box;
    background-position: center;
    display:flex;
    justify-content: center;
    position: relative;
    margin-bottom:  150px;
}

.drone-img-text {
    max-width:800px;
    margin: 150px;
}

.drone-img-overlap {
    position: absolute;
    bottom: -20%; 
    left: 50%;
    transform: translateX(-50%);  
    background: #E8F5E9 0% 0% no-repeat padding-box;
    border-radius: 20px;
    opacity: 1;
    padding: 52px 50px 35px 50px;
    width: 80%;
    max-width: 700px;
}
.drone-img-overlap-text {
    color: #2C3E50;
    text-align: center;
    font: normal normal 18px/28px 'Inter';
    letter-spacing: -0.18px;
    opacity: 1;
}

.drone-header {
    text-align: center;
    font: normal normal 600 38px/46px 'Inter';
    letter-spacing: -0.38px;
    color: #FFFFFF;
    opacity: 1;
}

.main-content {
    max-width: 1500px;
    width: calc(100% - 290px); 
}
.section {
    margin-bottom: 100px;
}

.section-content {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 100px;
}
.middle{
    justify-content: center;
    text-align: center;
}

.above-content {
    margin: 0 0 15px 0;
    max-width: 450px;
}


.grey-background {
    background-color: #F7F9FA;
}

.section.grey-background {
    position: relative;
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    background-color: #F7F9FA;
    padding: 50px calc((100vw - 100%) / 2);
    padding-bottom: 100px;
}

.underline {
    width: 57px;
    height: 6px;
    background: #2A8B21 0% 0% no-repeat padding-box;
    opacity: 1;
    margin: 15px 0 15px 0;
}
.middle .underline {
    margin: 15px auto;
    
}

.middle p {
    padding: 0 0 15px 0;
}

.above-content{
    margin: 0 0 15px 0;
    max-width: 450px;
}
.below-content {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 150px 0 0 0;
    
}   
.item {
    max-width: 300px;
    gap: 2em;
    margin: 0 15px 0 0;
}

.summary {
    display:flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    background: #E8F5E9 0% 0% no-repeat padding-box;
    border-radius: 20px;
    opacity: 1;
    padding: 48px 71px 61px 71px;
    max-width: 700px;
    text-align: center;
    font: normal normal 15px/25px 'Inter';
    letter-spacing: -0.15px;
}
.summary p {
    padding: 15px 0 0 0;
}
.image-icon {
    margin: 0 0 15px 0;
    max-width: 96px;
    max-height: 96px;
}

.highlight {
    color: #21631B;
    font-weight: bold;
}

.note {
    color: #757575;
}
.paragraph-inter{
    text-align: left;
    font: normal normal 15px/25px 'Inter';
    letter-spacing: -0.15px;
    color: #2C3E50;
    opacity: 1;
}

.image-large {
    border-radius: 20px;
    width: 100%;
    max-width: 536px;
    max-height: 367px;
}
@media screen and (max-width: 1392px) {
    .drone-img-container {
        background-image: url('images/landing-drone.png');
    }
}