.main {
    display: flex;
    flex-direction: column;
    background-color: rgb(250, 250, 250);
    overflow: hidden;
}

/* Navbar Home */
/* Section 1 smartagrikultur */
.smartAgricultureSection {
    display: flex;
    flex-direction: column;
}

.showcaseBannerDiv {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 23px auto 58px;
    width: 97.78%;
    max-width: 1408px;
    background: var(--src) center center / cover no-repeat;
}

@media (max-width: 383px) {
    .showcaseBannerDiv {
        margin: 23px auto 50px;
    }
}

.showcaseImageFig {
    position: absolute;
    right: -49px;
    bottom: 0;
    width: 505px;
    height: 56px;
}

@media (max-width: 1399px) {
    .showcaseImageFig {
        right: -125px;
    }
}

.showcaseFlexContainerDiv {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 59px 0;
    margin: 3px 33px 204px 25px;
    width: 95.88%;
}

@media (max-width: 1399px) {
    .showcaseFlexContainerDiv {
        margin: 3px auto 204px;
    }
}

@media (max-width: 991px) {
    .showcaseFlexContainerDiv {
        margin: 3px auto 150px;
    }
}

@media (max-width: 575px) {
    .showcaseFlexContainerDiv {
        margin: 3px auto 80px;
    }
}

@media (max-width: 383px) {
    .showcaseFlexContainerDiv {
        gap: 50px 0;
        margin: 3px auto 50px;
    }
}

.showcaseRowContainerDiv {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0 10px;
    width: 100%;
}

@media (max-width: 383px) {
    .showcaseRowContainerDiv {
        -moz-column-gap: 8px;
        column-gap: 8px;
    }
}

.showcaseSubRowDiv {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0 10px;
    width: 742px;
    min-width: 0;
}

@media (max-width: 767px) {
    .showcaseSubRowDiv {
        width: auto;
    }
}

@media (max-width: 383px) {
    .showcaseSubRowDiv {
        -moz-column-gap: 8px;
        column-gap: 8px;
    }
}

.showcaseMainImageFig {
    width: 32px;
    height: 52px;
    aspect-ratio: 0.62;
    -o-object-fit: contain;
    object-fit: contain;
}

.showcaseControlsDiv {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0 10px;
    width: 623px;
    min-width: 0;
}

@media (max-width: 767px) {
    .showcaseControlsDiv {
        display: none;
    }
}

.aboutBtn {
    display: flex;
    justify-content: center;
    min-width: 103px;
    font: 600 17px/1.23 Montserrat, Helvetica, Arial, serif;
    color: rgb(30 30 30);
    text-align: center;
    border-radius: 10px;
    padding: 7.5px 18px;
    outline: 2px solid #4e9f3d;
    outline-offset: -2px;
}

.productLabelP {
    font: 600 17px/1.23 Montserrat, Helvetica, Arial, serif;
    color: rgb(30 30 30);
    cursor: pointer;
    transition-duration: 0.3s;
    transition-property: box-shadow;
    padding: 8px;
}

@media (max-width: 991px) {
    .productLabelP {
        align-items: flex-start;
        font-size: 16px;
    }
}

.productLabelP:hover {
    box-shadow: inset 0 0 0 1.5px #4e9f3d, 0 0 1px rgb(0 0 0 / 0%);
    border-radius: 10px;
}

.sustainabilityLabelP {
    font: 600 17px/1.23 Montserrat, Helvetica, Arial, serif;
    color: rgb(30 30 30);
    cursor: pointer;
    transition-duration: 0.3s;
    transition-property: box-shadow;
    padding: 8px;
}

@media (max-width: 991px) {
    .sustainabilityLabelP {
        align-items: flex-start;
        font-size: 16px;
    }
}

.sustainabilityLabelP:hover {
    box-shadow: inset 0 0 0 1.5px #4e9f3d, 0 0 1px rgb(0 0 0 / 0%);
    border-radius: 10px;
}

.careerLabelP {
    font: 600 17px/1.23 Montserrat, Helvetica, Arial, serif;
    color: rgb(30 30 30);
    cursor: pointer;
    transition-duration: 0.3s;
    transition-property: box-shadow;
    padding: 8px;
}

@media (max-width: 991px) {
    .careerLabelP {
        align-items: flex-start;
        font-size: 16px;
    }
}

.careerLabelP:hover {
    box-shadow: inset 0 0 0 1.5px #4e9f3d, 0 0 1px rgb(0 0 0 / 0%);
    border-radius: 10px;
}

.showcaseRowImagesDiv {
    display: flex;
    gap: 0 23px;
    width: 432px;
    min-width: 0;
}

@media (max-width: 1399px) {
    .showcaseRowImagesDiv {
        -moz-column-gap: 20px;
        column-gap: 20px;
        width: 390px;
    }
}

@media (max-width: 575px) {
    .showcaseRowImagesDiv {
        -moz-column-gap: 16px;
        column-gap: 16px;
    }
}

@media (max-width: 479px) {
    .showcaseRowImagesDiv {
        width: auto;
    }
}

@media (max-width: 383px) {
    .showcaseRowImagesDiv {
        -moz-column-gap: 8px;
        column-gap: 8px;
    }
}

.contentBoxWithSearchDiv {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 315px;
    min-width: 0;
    border-radius: 16.5px;
    outline: 1px solid rgb(250 250 250);
    outline-offset: -1px;
}

@media (max-width: 1399px) {
    .contentBoxWithSearchDiv {
        flex: 0 1 auto;
        margin: 0 0 0 10px;
        width: 280px;
    }
}

@media (max-width: 479px) {
    .contentBoxWithSearchDiv {
        display: none;
    }
}

.searchImageFig {
    position: relative;
    margin: 0 0 0 auto;
    width: 39px;
    height: 33px;
    aspect-ratio: 1.18;
    object-fit: cover;
}

.searchLabelP_box {
    position: absolute;
    top: 4px;
    left: 19.01251220703125px;
    width: 59px;
    height: 21px;
    opacity: 0.5;
}

@media (max-width: 991px) {
    .searchLabelP_box {
        align-items: flex-start;
    }
}

.searchLabelP {
    width: 100%;
    font: 400 17px/1.23 Montserrat, Helvetica, Arial, serif;
    color: rgb(250 250 250);
    background-color: transparent;
    border: 0;
    padding: 0;
    vertical-align: top;
}

@media (max-width: 991px) {
    .searchLabelP {
        font-size: 16px;
    }
}

.searchLabelP:focus {
    outline: none;
}

.additionalImage1Fig {
    width: 94px;
    min-width: 0;
    height: 33px;
    object-fit: cover;
}

@media (max-width: 1399px) {
    .additionalImage1Fig {
        width: 90px;
        -o-object-fit: fill;
        object-fit: fill;
    }
}

.showcaseRowHeaderDiv {
    display: flex;
    justify-content: space-between;
    gap: 0 10px;
    width: 95.33%;
}

@media (max-width: 767px) {
    .showcaseRowHeaderDiv {
        flex-direction: column;
        align-items: center;
        gap: 30px 10px;
    }
}

.heroTitleContainerDiv {
    display: flex;
    flex-direction: column;
    gap: 74px 0;
    margin: 0 0 125px;
    width: 439px;
    min-width: 0;
}

@media (max-width: 767px) {
    .heroTitleContainerDiv {
        margin: 0;
        width: 100%;
        min-width: unset;
    }
}

@media (max-width: 383px) {
    .heroTitleContainerDiv {
        gap: 50px 0;
    }
}

.heroTitleH1_box {
}

@media (max-width: 991px) {
    .heroTitleH1_box {
        align-items: flex-start;
    }
}

.heroTitleH1 {
    font: 700 40px/1.25 Play, Helvetica, Arial, serif;
    color: rgb(255 255 255);
}

@media (max-width: 991px) {
    .heroTitleH1 {
        font-size: 36px;
    }
}

@media (max-width: 479px) {
    .heroTitleH1 {
        font-size: 32px;
    }
}

.heroTitleH1_span0 {
    font: 700 1em/1.25 Play, Helvetica, Arial, serif;
}

.heroTitleH1_span1 {
    font: 1em/1.25 Play, Helvetica, Arial, serif;
}

.ratingContainerDiv {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 27px 0;
    margin: 0 0 0 21px;
    width: 301px;
    max-width: 85%;
}

@media (max-width: 575px) {
    .ratingContainerDiv {
        margin: 0 0 0 16px;
    }
}

@media (max-width: 383px) {
    .ratingContainerDiv {
        margin: 0 0 0 8px;
    }
}

.flexRowDiv {
    display: flex;
    gap: 0 6px;
    width: 88.7%;
}

.ratingScoreH2 {
    display: flex;
    align-items: center;
    font: 400 24px/1.15 Play, Helvetica, Arial, serif;
    color: rgb(30 30 30);
}

@media (max-width: 991px) {
    .ratingScoreH2 {
        font-size: 22px;
    }
}

@media (max-width: 479px) {
    .ratingScoreH2 {
        font-size: 20px;
    }
}

.ratingCommentDiv {
    display: flex;
    flex-direction: column;
    margin: 2px 0 0;
    width: 146px;
    min-width: 0;
    background-color: rgb(255 225 68);
    border-radius: 13px;
}

.bestReviewLabelP {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2.5px 19px 2.5px 17px;
    font: 700 17px/1.21 Montserrat, Helvetica, Arial, serif;
    color: rgb(30 30 30);
    text-align: center;
}

@media (max-width: 991px) {
    .bestReviewLabelP {
        font-size: 16px;
    }
}

@media (max-width: 575px) {
    .bestReviewLabelP {
        margin: 2.5px 16px;
    }
}

@media (max-width: 383px) {
    .bestReviewLabelP {
        margin: 2.5px 8px;
    }
}

.additionalRatingScoreH2 {
    display: flex;
    align-items: center;
    font: 400 24px/1.15 Play, Helvetica, Arial, serif;
    color: rgb(0 0 0);
}

@media (max-width: 991px) {
    .additionalRatingScoreH2 {
        font-size: 22px;
    }
}

@media (max-width: 479px) {
    .additionalRatingScoreH2 {
        font-size: 20px;
    }
}

.clientsContainerDiv {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: rgb(255 255 255 / 20%);
    border-radius: 20px;
    outline: 1px solid rgb(78 159 61);
    outline-offset: -1px;
}

.clientsCountContainerDiv {
    display: flex;
    flex-direction: column;
    margin: 8px 17px 13px;
}

@media (max-width: 575px) {
    .clientsCountContainerDiv {
        margin: 8px 16px 13px;
    }
}

@media (max-width: 383px) {
    .clientsCountContainerDiv {
        margin: 8px 8px 13px;
    }
}

.clientsTitleH1_box {
}

@media (max-width: 991px) {
    .clientsTitleH1_box {
        align-items: flex-start;
    }
}

.clientsTitleH1 {
    font: 700 48px/1.21 Montserrat, Helvetica, Arial, serif;
    color: rgb(30 30 30);
}

@media (max-width: 991px) {
    .clientsTitleH1 {
        font-size: 44px;
    }
}

@media (max-width: 479px) {
    .clientsTitleH1 {
        font-size: 36px;
    }
}

.clientsTitleH1_span0 {
    font: 700 1em/1.21 Montserrat, Helvetica, Arial, serif;
}

.clientsTitleH1_span1 {
    font: 700 0.5em/1.21 Montserrat, Helvetica, Arial, serif;
}

.clientsTitleH1_span2 {
    font: 700 1em/1.21 Montserrat, Helvetica, Arial, serif;
}

.separatorLineHR {
    margin: 6px 8px 0 0;
    width: 97%;
    height: 1px;
    min-height: 1px;
    background-color: rgb(78 159 61);
}

.contactUsBtn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0 20px;
    margin: 12px 0 0;
    width: 150px;
    max-width: 100%;
    background-color: rgb(78 159 61);
    border-radius: 10px;
    padding: 8px 17px 8px 19px;
    cursor: pointer;
}

.contactUsBtnTextDiv {
    display: flex;
    align-items: center;
    min-width: 0;
    font: 700 13px/1.21 Montserrat, Helvetica, Arial, serif;
    color: rgb(255 255 255);
}

.contactUsBtnIconImg {
    margin: 0.5px 0 1.5px;
    width: 19px;
    min-width: 0;
    height: 14px;
    aspect-ratio: 1.36;
}

.upcomingEventsContainerDiv {
    display: flex;
    flex-direction: column;
    gap: 54px 0;
    margin: 136px 0 0;
    width: 344px;
    min-width: 0;
}

@media (max-width: 767px) {
    .upcomingEventsContainerDiv {
        margin: 0;
        width: 100%;
        min-width: unset;
    }
}

@media (max-width: 383px) {
    .upcomingEventsContainerDiv {
        gap: 50px 0;
    }
}

.eventImageContainerDiv {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0 1px 0 0;
}

.eventImageFig {
    position: relative;
    width: 100%;
    aspect-ratio: 2.32;
    object-fit: cover;
}

.yearTitleH1 {
    position: absolute;
    top: 8px;
    left: 24.012451171875px;
    width: 297px;
    height: 148px;
    font: 400 128px/1.15 Play, Helvetica, Arial, serif;
    color: rgb(250 250 250);
}

@media (max-width: 991px) {
    .yearTitleH1 {
        align-items: flex-start;
        font-size: 52px;
    }
}

@media (max-width: 479px) {
    .yearTitleH1 {
        font-size: 36px;
    }
}

.farmHubInfoContainerDiv {
    display: flex;
    flex-direction: column;
}

.farmHubTitleH1 {
    margin: 0 1px 0 6px;
    font: 700 36px/1.15 Play, Helvetica, Arial, serif;
    color: rgb(30 30 30);
}

@media (max-width: 991px) {
    .farmHubTitleH1 {
        align-items: flex-start;
        font-size: 32px;
    }
}

@media (max-width: 479px) {
    .farmHubTitleH1 {
        font-size: 30px;
    }
}

.farmHubDescriptionP {
    margin: 16px 0 0 2px;
    font: 400 12px/1.17 "Work Sans", Helvetica, Arial, serif;
    color: rgb(30 30 30);
    text-align: justify;
}

.getTheAppBtn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 17px;
    margin: 33px 0 0;
    width: 173px;
    max-width: 100%;
    background-color: rgb(78 159 61);
    border-radius: 10px;
    padding: 11.5px 15px 11.5px 17px;
}

.getTheAppBtnTextP {
    margin: 0 0 1px;
    min-width: 0;
    font: 500 17px/1.23 Montserrat, Helvetica, Arial, serif;
    color: rgb(250 250 250);
}

.getTheAppBtnIconImg {
    margin: 1px 0 0;
    width: 16px;
    min-width: 0;
    height: 21px;
    aspect-ratio: 0.76;
}

/* section 2 farmintroduction */
.farmIntroductionSection {
    display: flex;
    flex-direction: column;
}

.flex_row {
    display: flex;
    justify-content: space-between;
    gap: 0 110px;
    margin: 70px auto 0px auto;
    /* width: auto; */
    max-width: 1325.9432373046875px;
    padding: 0 30px 0 0;
}

@media (max-width: 1199px) {
    .flex_row {
        flex-direction: column;
        align-items: center;
        gap: 30px 10px;
    }
}

@media (max-width: 575px) {
    .flex_row {
        margin: 69px auto 80px;
        padding: 0 16px 0 0;
    }
}

@media (max-width: 383px) {
    .flex_row {
        margin: 50px auto;
        padding: 0 8px 0 0;
    }
}

.flex-row1 {
    display: flex;
    gap: 0 29px;
    width: 730px;
    min-width: 0;
}

@media (max-width: 1199px) {
    .flex-row1 {
        width: 100%;
        min-width: unset;
    }
}

@media (max-width: 575px) {
    .flex-row1 {
        -moz-column-gap: 16px;
        column-gap: 16px;
    }
}

@media (max-width: 383px) {
    .flex-row1 {
        -moz-column-gap: 8px;
        column-gap: 8px;
    }
}

.featuresSubtitle {
    margin: 37px 0 465px;
    font: 500 20px/1.17 "Work Sans", Helvetica, Arial, serif;
    color: rgb(0 0 0);
    text-align: justify;
}

@media (max-width: 991px) {
    .featuresSubtitle {
        align-items: flex-start;
        margin: 37px 0 150px;
        font-size: 18px;
    }
}

@media (max-width: 575px) {
    .featuresSubtitle {
        margin: 37px 0 80px;
    }
}

@media (max-width: 479px) {
    .featuresSubtitle {
        font-size: 16px;
    }
}

@media (max-width: 383px) {
    .featuresSubtitle {
        margin: 37px 0 50px;
    }
}

.flex_col {
    display: flex;
    flex-direction: column;
    width: 652px;
    min-width: 0;
}

.introductionTitle {
    font: 700 64px/1.15 Play, Helvetica, Arial, serif;
    color: rgb(30 30 30);
}

@media (max-width: 991px) {
    .introductionTitle {
        align-items: flex-start;
        font-size: 52px;
    }
}

@media (max-width: 479px) {
    .introductionTitle {
        font-size: 36px;
    }
}

.applicationOverview {
    margin: 31px 0 0;
    font: 300 18px/1.14 Ubuntu, Helvetica, Arial, serif;
    color: rgb(30 30 30);
    text-align: justify;
}

@media (max-width: 991px) {
    .applicationOverview {
        align-items: flex-start;
        font-size: 16px;
    }
}

.iotContribution {
    margin: 34px 0 0;
    font: 300 18px/1.14 Ubuntu, Helvetica, Arial, serif;
    color: rgb(30 30 30);
    text-align: justify;
}

@media (max-width: 991px) {
    .iotContribution {
        align-items: flex-start;
        font-size: 16px;
    }
}

.dataDrivenFarming {
    margin: 33px 0 0;
    font: 300 18px/1.14 Ubuntu, Helvetica, Arial, serif;
    color: rgb(30 30 30);
    text-align: justify;
}

@media (max-width: 991px) {
    .dataDrivenFarming {
        align-items: flex-start;
        font-size: 16px;
    }
}

.flex_col1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 31px 0;
    margin: 0 0 3px;
    width: 470px;
    min-width: 0;
}

@media (max-width: 1199px) {
    .flex_col1 {
        margin: 0;
        width: 100%;
        min-width: unset;
    }
}

.flex_row2 {
    display: flex;
    justify-content: space-between;
    gap: 0 10px;
    width: 97.02%;
}

@media (max-width: 383px) {
    .flex_row2 {
        -moz-column-gap: 8px;
        column-gap: 8px;
    }
}

.featuresTitle {
    display: flex;
    align-items: center;
    font: 700 64px/1.15 Play, Helvetica, Arial, serif;
    color: rgb(30 30 30);
}

@media (max-width: 991px) {
    .featuresTitle {
        font-size: 52px;
    }
}

@media (max-width: 479px) {
    .featuresTitle {
        font-size: 36px;
    }
}

.flex_row3 {
    display: flex;
    gap: 0 20px;
    margin: 50px 0 5px;
    width: 56px;
    min-width: 0;
}

@media (max-width: 575px) {
    .flex_row3 {
        -moz-column-gap: 16px;
        column-gap: 16px;
    }
}

@media (max-width: 383px) {
    .flex_row3 {
        -moz-column-gap: 8px;
        column-gap: 8px;
    }
}

.featureImage1 {
    margin: 1px 0;
    width: 19px;
    height: 19px;
    aspect-ratio: 1;
    -o-object-fit: cover;
    object-fit: cover;
}

.featureImage2 {
    width: 19px;
    height: 19px;
    aspect-ratio: 1;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (max-width: 1399px) {
    .featureImage2 {
        width: 17px;
        height: 17px;
    }
}

.flex_row4 {
    display: flex;
    align-items: center;
    gap: 0 4px;
    width: 100%;
}

@media (max-width: 479px) {
    .flex_row4 {
        flex-direction: column;
        gap: 30px 4px;
    }
}

.flex_col2 {
    display: flex;
    flex-direction: column;
    gap: 54px 0;
    width: 173px;
    min-width: 0;
    margin-bottom: 18px;
}

@media (max-width: 479px) {
    .flex_col2 {
        width: 100%;
        min-width: unset;
    }
}

@media (max-width: 383px) {
    .flex_col2 {
        gap: 50px 0;
    }
}

.iotButton {
    display: flex;
    justify-content: center;
    font: 500 14px/1.17 "Work Sans", Helvetica, Arial, serif;
    color: rgb(30 30 30);
    text-align: center;
    background-color: rgb(250 250 250 / 49.8%);
    border-radius: 10px;
    padding: 10px 22px;
    outline: 1px solid rgb(78 159 61);
    outline-offset: -1px;
}

.aiButton {
    display: flex;
    justify-content: center;
    font: 500 14px/1.17 "Work Sans", Helvetica, Arial, serif;
    color: rgb(250 250 250);
    text-align: center;
    background-color: rgb(78 159 61);
    border-radius: 10px;
    padding: 10px 14px;
}

.sensorTechnologyButton {
    display: flex;
    justify-content: center;
    font: 500 14px/1.17 "Work Sans", Helvetica, Arial, serif;
    color: rgb(30 30 30);
    text-align: center;
    background-color: rgb(250 250 250 / 49.8%);
    border-radius: 10px;
    padding: 10px 20px;
    outline: 1px solid rgb(78 159 61);
    outline-offset: -1px;
}

.irrigationButton {
    display: flex;
    justify-content: center;
    font: 500 14px/1.17 "Work Sans", Helvetica, Arial, serif;
    color: rgb(30 30 30);
    text-align: center;
    background-color: rgb(250 250 250 / 49.8%);
    border-radius: 10px;
    padding: 10px 26px;
    outline: 1px solid rgb(78 159 61);
    outline-offset: -1px;
}

.dataAnalysisButton {
    display: flex;
    justify-content: center;
    font: 500 14px/1.17 "Work Sans", Helvetica, Arial, serif;
    color: rgb(30 30 30);
    text-align: center;
    background-color: rgb(250 250 250 / 49.8%);
    border-radius: 10px;
    padding: 10px 38px;
    outline: 1px solid rgb(78 159 61);
    outline-offset: -1px;
}

.flex_row5 {
    display: flex;
    gap: 0 4px;
    width: 293px;
    min-width: 0;
}

@media (max-width: 479px) {
    .flex_row5 {
        width: 100%;
        min-width: unset;
    }
}

.featureHighlightImage {
    margin: 90px 0 291px;
    width: 24px;
    min-height: 36px;
    background-color: rgb(78 159 61);
    border-radius: 5px;
}

@media (max-width: 991px) {
    .featureHighlightImage {
        margin: 90px 0 150px;
    }
}

@media (max-width: 575px) {
    .featureHighlightImage {
        margin: 80px 0;
    }
}

@media (max-width: 383px) {
    .featureHighlightImage {
        margin: 50px 0;
    }
}

.content_box2 {
    display: flex;
    flex-direction: column;
    width: 265px;
    min-width: 0;
    background: var(--src) center center / cover no-repeat;
    border-radius: 15px;
}

.content_box1 {
    display: flex;
    flex-direction: column;
    margin: 36px 20px 31px 35px;
    background-color: rgb(250 250 250);
    border-radius: 10px;
    padding: 14px;
}

@media (max-width: 991px) {
    .content_box1 {
        margin: 36px 20px 31px 32px;
    }
}

@media (max-width: 575px) {
    .content_box1 {
        margin: 36px 16px 31px;
    }
}

@media (max-width: 479px) {
    .content_box1 {
        margin: 36px auto 31px;
    }
}

.group {
    position: relative;
    display: flex;
    flex-direction: column;
}

.featureHighlightNum {
    position: relative;
    min-height: 166px;
    background-color: rgb(30 30 30);
    border-radius: 7px;
}

.flex_row6 {
    position: absolute;
    top: 10px;
    left: 50%;
    display: flex;
    justify-content: space-between;
    gap: 0 10px;
    width: 161px;
    transform: translate(-50%, 0);
}

@media (max-width: 383px) {
    .flex_row6 {
        -moz-column-gap: 8px;
        column-gap: 8px;
    }
}

.image14 {
    margin: 0 0 138px;
    width: 42px;
    height: 8px;
    aspect-ratio: 5.25;
    object-fit: cover;
}

@media (max-width: 575px) {
    .image14 {
        margin: 0 0 80px;
    }
}

@media (max-width: 383px) {
    .image14 {
        margin: 0 0 50px;
    }
}

.image11 {
    margin: 57px 0 71px;
    width: 14px;
    height: 18px;
    aspect-ratio: 0.78;
    object-fit: cover;
}

@media (max-width: 383px) {
    .image11 {
        margin: 50px 0;
    }
}

.image141 {
    margin: 138px 0 0;
    width: 42px;
    height: 8px;
    aspect-ratio: 5.25;
    object-fit: cover;
}

@media (max-width: 575px) {
    .image141 {
        margin: 80px 0 0;
    }
}

@media (max-width: 383px) {
    .image141 {
        margin: 50px 0 0;
    }
}

.flex_col3 {
    display: flex;
    flex-direction: column;
    gap: 3px 0;
    margin: 13px 0 0;
}

.flex_row7 {
    display: flex;
    justify-content: space-between;
    gap: 0 10px;
}

@media (max-width: 383px) {
    .flex_row7 {
        -moz-column-gap: 8px;
        column-gap: 8px;
    }
}

.image30 {
    margin: 0 0 4px;
    width: 18px;
    height: 17px;
    aspect-ratio: 1.06;
    -o-object-fit: cover;
    object-fit: cover;
}

.info {
    margin: 7px 0 0;
    font: 400 12px/1.19 "Zen Dots", Helvetica, Arial, serif;
    color: rgb(78 159 61);
    text-align: justify;
}

.sectionDivider {
    width: 100%;
    height: 1px;
    min-height: 1px;
    background-color: rgb(78 159 61);
}

.aiOptimizationDescription {
    margin: 35px 0 0;
    font: 400 12px/1.14 Ubuntu, Helvetica, Arial, serif;
    color: rgb(30 30 30);
    text-align: justify;
}

/* section 3 meettheteamsection */
.meetTheTeamSection {
    display: flex;
    flex-direction: column;
}

.flexContainer {
    display: flex;
    flex-direction: column;
    gap: 173px 0;
    margin: 85px auto 69px;
    width: 94.24%;
    max-width: 1357.050048828125px;
}

@media (max-width: 991px) {
    .flexContainer {
        gap: 150px 0;
    }
}

@media (max-width: 575px) {
    .flexContainer {
        gap: 80px 0;
        margin: 80px auto 69px;
    }
}

@media (max-width: 383px) {
    .flexContainer {
        gap: 50px 0;
        margin: 50px auto;
    }
}

.teamOverviewColumn {
    display: flex;
    flex-direction: column;
    gap: 68px 0;
    margin: 0 auto;
    width: 93.66%;
}

@media (max-width: 383px) {
    .teamOverviewColumn {
        gap: 50px 0;
    }
}

.teamHeaderRow {
    display: flex;
    justify-content: space-between;
    gap: 0 10px;
    margin: 0 0 0 4px;
}

@media (max-width: 383px) {
    .teamHeaderRow {
        -moz-column-gap: 8px;
        column-gap: 8px;
    }
}

.heroContentRow {
    display: flex;
    align-items: center;
    gap: 0 24px;
    width: 556px;
    min-width: 0;
}

@media (max-width: 575px) {
    .heroContentRow {
        -moz-column-gap: 16px;
        column-gap: 16px;
    }
}

@media (max-width: 383px) {
    .heroContentRow {
        -moz-column-gap: 8px;
        column-gap: 8px;
    }
}

.teamImage {
    width: 40px;
    height: 31px;
    aspect-ratio: 1.29;
    -o-object-fit: cover;
    object-fit: cover;
}

.heroTitle {
    display: flex;
    align-items: center;
    font: 700 64px/1.15 Play, Helvetica, Arial, serif;
    color: rgb(30 30 30);
}

@media (max-width: 991px) {
    .heroTitle {
        font-size: 52px;
    }
}

@media (max-width: 479px) {
    .heroTitle {
        font-size: 36px;
    }
}

.sectionSubtitle {
    margin: 48px 0 3px;
    font: 500 20px/1.17 "Work Sans", Helvetica, Arial, serif;
    color: rgb(0 0 0);
    text-align: justify;
}

@media (max-width: 991px) {
    .sectionSubtitle {
        align-items: flex-start;
        font-size: 18px;
    }
}

@media (max-width: 479px) {
    .sectionSubtitle {
        font-size: 16px;
    }
}

.teamMemberRow {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0 10px;
    margin: 0 4px 0 0;
}

@media (max-width: 1399px) {
    .teamMemberRow {
        gap: 30px 10px;
    }
}

.teamImagesColumn {
    display: flex;
    gap: 0 19px;
    width: 597px;
    min-width: 0;
}

@media (max-width: 1399px) {
    .teamImagesColumn {
        -moz-column-gap: 19px;
        column-gap: 19px;
        margin-top: unset;
        margin-right: unset;
        margin-bottom: unset;
        margin-left: unset;
        width: 573.43px;
        min-width: unset;
        height: 510px;
    }
}

@media (max-width: 767px) {
    .teamImagesColumn {
        flex-direction: column;
        align-items: center;
        gap: 30px 19px;
    }
}

.imageGalleryRow {
    display: flex;
    flex-direction: column;
    width: 129px;
    min-width: 0;
    gap: 19px;
}

@media (max-width: 1399px) {
    .imageGalleryRow {
        width: 99px;
        height: 510px;
    }
}

@media (max-width: 767px) {
    .imageGalleryRow {
        width: 100%;
        min-width: unset;
    }
}

/* INI UNTUK GAMBAR GANTI GANTI */
.imageGalleryRow img {
    cursor: pointer;
    transition: transform 0.2s, filter 0.2s;
    filter: grayscale(100%);
    border: 4px solid #4e9f3d;
    border-radius: 26px;
}

.imageGalleryRow img:hover {
    filter: none;
    transform: scale(1.1);
    /* border: 4px solid #4e9f3d; */
}

.imageGalleryRow img.active {
    filter: none;
    transform: scale(1.1);
    /* border: 4px solid #4e9f3d; */
}
/* SAMPAI SINI BATASNYA */

.memberImage1 {
    margin: 0px 4px;
    width: 121px;
    height: 119px;
    outline: 4px none rgb(30 30 30);
    outline-offset: -4px;
    aspect-ratio: 1.02;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (max-width: 1399px) {
    .memberImage1 {
        margin: 0 4px 0 0;
        width: 93px;
        height: 109px;
    }
}

.memberImage2 {
    margin: 0px 4px;
    width: 121px;
    height: 119px;
    outline: 4px none #4e9f3d;
    outline-offset: -4px;
    aspect-ratio: 1;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (max-width: 1399px) {
    .memberImage2 {
        width: 99px;
    }
}

.memberImage3 {
    margin: 0px 4px;
    width: 121px;
    height: 119px;
    outline: 4px none rgb(30 30 30);
    outline-offset: -4px;
    aspect-ratio: 0.98;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (max-width: 1399px) {
    .memberImage3 {
        margin: 19px auto 0;
    }
}

.memberImage4 {
    margin: 0px 4px;
    width: 121px;
    height: 119px;
    outline: 4px none rgb(30 30 30);
    outline-offset: -4px;
    aspect-ratio: 0.98;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (max-width: 1399px) {
    .memberImage4 {
        margin: 8px auto 0;
    }
}

.contactFormBox {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 5px 0 66px;
    width: 449px;
    min-width: 0;
    background: var(--src) center center / cover no-repeat;
}

@media (max-width: 1399px) {
    .contactFormBox {
        width: 419px;
        height: 428px;
    }
}

@media (max-width: 767px) {
    .contactFormBox {
        margin: 0;
        width: 100%;
        min-width: unset;
    }
}

.contactFormRow {
    position: absolute;
    right: -331.00001525878906px;
    bottom: -66px;
    display: flex;
    align-items: center;
    gap: 0 28px;
    width: 755px;
}

@media (max-width: 1399px) {
    .contactFormRow {
        right: -325px;
        -moz-column-gap: 18px;
        column-gap: 18px;
        width: 725px;
        height: 40px;
    }
}

@media (max-width: 575px) {
    .contactFormRow {
        -moz-column-gap: 16px;
        column-gap: 16px;
    }
}

@media (max-width: 383px) {
    .contactFormRow {
        -moz-column-gap: 8px;
        column-gap: 8px;
    }
}

.contactFormTitle {
    font: 400 20px/1.15 Play, Helvetica, Arial, serif;
    color: rgb(30 30 30);
    text-align: justify;
}

@media (max-width: 1399px) {
    .contactFormTitle {
        align-items: flex-start;
        font-size: 18px;
    }
}

@media (max-width: 479px) {
    .contactFormTitle {
        font-size: 16px;
    }
}

.contactInputBox {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 598px;
    min-width: 0;
    border-radius: 15px;
    outline: 1px solid rgb(78 159 61);
    outline-offset: -1px;
}

@media (max-width: 1399px) {
    .contactInputBox {
        width: 564px;
        height: 41px;
    }
}

.contactInputLabel_box {
    position: absolute;
    top: 50%;
    left: 21px;
    width: 41px;
    height: 21px;
    opacity: 0.5;
    transform: translate(0, -50%);
}

@media (max-width: 991px) {
    .contactInputLabel_box {
        align-items: flex-start;
    }
}

.contactInputLabel {
    width: 100%;
    font: 400 17px/1.23 Montserrat, Helvetica, Arial, serif;
    color: rgb(30 30 30);
    background-color: transparent;
    border: 0;
    padding: 0;
    vertical-align: top;
}

@media (max-width: 991px) {
    .contactInputLabel {
        font-size: 16px;
    }
}

.contactInputLabel:focus {
    outline: none;
}

.sendButton {
    position: relative;
    display: flex;
    justify-content: center;
    margin: 0 0 0 auto;
    width: 101px;
    font: 700 17px/1.23 Montserrat, Helvetica, Arial, serif;
    color: rgb(250 250 250);
    text-align: center;
    background-color: rgb(78 159 61);
    border-radius: 15px;
    padding: 11.5px 25px 11.5px 30px;
    outline: 1px solid rgb(78 159 61);
    outline-offset: -1px;
}

@media (max-width: 1399px) {
    .sendButton {
        align-items: flex-start;
        width: 97px;
        height: 41.52px;
        font-size: 15px;
    }
}

.teamMembersColumn {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 35px 0;
    margin: 33px 38px 0 auto;
    width: 327px;
    max-width: 85%;
}

@media (max-width: 1399px) {
    .teamMembersColumn {
        gap: 25px 0;
        margin: 33px auto 0;
    }
}

@media (max-width: 767px) {
    .teamMembersColumn {
        width: 85%;
    }
}

.individualMemberImageColumn {
    display: flex;
    flex-direction: column;
    gap: 12px 0;
    width: 100%;
}

@media (max-width: 1399px) {
    .individualMemberImageColumn {
        margin: 0 0 0 50px;
        height: 0;
    }
}

.individualMemberImage {
    width: 100%;
    outline: 3px none #4e9f3d;
    outline-offset: -3px;
    aspect-ratio: 1.15;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (max-width: 1399px) {
    .individualMemberImage {
        margin: 0 0 0 7px;
        width: 297px;
        height: 254px;
    }
}

#mainImage {
    width: 100%;
    outline: 3px none #4e9f3d;
    outline-offset: -3px;
    aspect-ratio: 1.15;
    -o-object-fit: cover;
    object-fit: cover;
    border: 2.5px solid #4e9f3d;
    border-radius: 21px 21px 0px 0px;
}

.memberDetailsColumn {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px 0;
    margin: 0 0 0 15.9%;
    width: 195px;
    max-width: 85%;
}

@media (max-width: 479px) {
    .memberDetailsColumn {
        margin: 0 auto;
    }
}

.memberName {
    font: 700 20px/1.17 "Work Sans", Helvetica, Arial, serif;
    color: rgb(250 250 250);
}

@media (max-width: 991px) {
    .memberName {
        align-items: flex-start;
        font-size: 18px;
    }
}

@media (max-width: 479px) {
    .memberName {
        font-size: 16px;
    }
}

.memberPosition {
    font: 400 16px/1.14 Ubuntu, Helvetica, Arial, serif;
    color: rgb(250 250 250);
}

.additionalImagesContainer {
    display: flex;
    flex-direction: column;
    width: 120.98750305175781px;
    max-width: 85%;
    background-color: rgb(30 30 30);
    border-radius: 15px;
}

@media (max-width: 1399px) {
    .additionalImagesContainer {
        margin: 330px 0 0 45px;
        width: 111px;
        height: 40px;
    }
}

.additionalImagesRow {
    display: flex;
    gap: 0 8px;
    margin: 3px 15px 4px 22px;
}

@media (max-width: 1399px) {
    .additionalImagesRow {
        margin: 3px 15px 4px;
        width: 83.98px;
        height: 37px;
    }
}

@media (max-width: 575px) {
    .additionalImagesRow {
        margin: 3px 15px 4px 16px;
    }
}

@media (max-width: 383px) {
    .additionalImagesRow {
        margin: 3px 8px 4px;
    }
}

.additionalImage1 {
    width: 38px;
    height: 37px;
    aspect-ratio: 1.03;
    -o-object-fit: cover;
    object-fit: cover;
}

.additionalImage2 {
    width: 38px;
    height: 37px;
    aspect-ratio: 1.03;
    -o-object-fit: cover;
    object-fit: cover;
}

.teamQuoteRow {
    display: flex;
    justify-content: space-between;
    gap: 0 10px;
    width: 627px;
    min-width: 0;
}

@media (max-width: 1399px) {
    .teamQuoteRow {
        -moz-column-gap: 10px;
        column-gap: 10px;
        margin-top: unset;
        margin-right: unset;
        margin-bottom: unset;
        margin-left: unset;
        width: 583px;
        min-width: unset;
        height: 526.66px;
        min-height: 0;
    }
}

@media (max-width: 767px) {
    .teamQuoteRow {
        flex-direction: column;
        align-items: center;
        gap: 30px 10px;
    }
}

.quoteColumn {
    display: flex;
    flex-direction: column;
    gap: 20px 0;
    margin: 0 0 70px;
    width: 281px;
    min-width: 0;
}

@media (max-width: 1399px) {
    .quoteColumn {
        margin: 12px 0 0;
        width: 261px;
        height: 436px;
    }
}

@media (max-width: 767px) {
    .quoteColumn {
        margin: 0;
        width: 100%;
        min-width: unset;
    }
}

.quoteImage {
    width: 100%;
    outline: 2px none rgb(78 159 61);
    outline-offset: -2px;
    aspect-ratio: 0.9;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (max-width: 1399px) {
    .quoteImage {
        width: 261px;
        height: 291px;
    }
}

.quoteText {
    font: 400 15px/1.13 Ubuntu, Helvetica, Arial, serif;
    color: rgb(30 30 30);
    text-align: justify;
}

@media (max-width: 1399px) {
    .quoteText {
        align-items: flex-start;
        font-size: 14px;
    }
}

.joinButtonContainer {
    display: flex;
    gap: 0 15px;
    cursor: pointer;
}

@media (max-width: 383px) {
    .joinButtonContainer {
        flex-direction: column;
        align-items: center;
        gap: 30px 8px;
    }
}

.joinTeamButton {
    display: flex;
    justify-content: center;
    min-width: 237px;
    font: 500 20px/1.17 "Work Sans", Helvetica, Arial, serif;
    color: rgb(250 250 250);
    text-align: center;
    background-color: rgb(78 159 61);
    border-radius: 10px;
    padding: 6.5px 8px;
    cursor: pointer;
}

@media (max-width: 1399px) {
    .joinTeamButton {
        align-items: flex-start;
        width: 217px;
        min-width: 0;
        height: 35px;
        font-size: 18px;
    }
}

@media (max-width: 383px) {
    .joinTeamButton {
        width: 100%;
        min-width: unset;
    }
}

.joinButtonImage {
    margin: 3px 0 4px;
    width: 29px;
    height: 29px;
    aspect-ratio: 1;
    cursor: pointer;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (max-width: 1399px) {
    .joinButtonImage {
        width: 28px;
        height: 28px;
    }
}

@media (max-width: 383px) {
    .joinButtonImage {
        margin: 0;
        width: 100%;
        max-width: 29px;
    }
}

.teamStatisticsContainer {
    display: flex;
    flex-direction: column;
    width: 302px;
    min-width: 0;
    border-radius: 15px;
    outline: 2px solid rgb(78 159 61);
    outline-offset: -2px;
}

@media (max-width: 1399px) {
    .teamStatisticsContainer {
        margin: 12px 0 0;
        width: 272px;
        height: 496px;
    }
}

@media (max-width: 767px) {
    .teamStatisticsContainer {
        margin: 0;
        width: 100%;
        min-width: unset;
    }
}

.statisticsColumn {
    display: flex;
    flex-direction: column;
    margin: 32px 33px;
}

@media (max-width: 1399px) {
    .statisticsColumn {
        margin: 32px 22px 22px 32px;
    }
}

@media (max-width: 991px) {
    .statisticsColumn {
        margin: 32px 32px 22px;
    }
}

@media (max-width: 575px) {
    .statisticsColumn {
        margin: 32px 16px 22px;
    }
}

@media (max-width: 383px) {
    .statisticsColumn {
        margin: 32px 8px 22px;
    }
}

.consultationTeamStatsRow {
    display: flex;
    gap: 0 13px;
}

@media (max-width: 383px) {
    .consultationTeamStatsRow {
        -moz-column-gap: 8px;
        column-gap: 8px;
    }
}

.consultationTeamCount {
    display: flex;
    align-items: center;
    font: 600 20px/1.2 Montserrat, Helvetica, Arial, serif;
    color: rgb(30 30 30);
}

@media (max-width: 1399px) {
    .consultationTeamCount {
        font-size: 18px;
    }
}

@media (max-width: 479px) {
    .consultationTeamCount {
        font-size: 16px;
    }
}
.consultationTeamTitle {
    display: flex;
    align-items: center;
    font: 600 20px/1.2 Montserrat, Helvetica, Arial, serif;
    color: rgb(30 30 30);
}

@media (max-width: 1399px) {
    .consultationTeamTitle {
        font-size: 18px;
    }
}

@media (max-width: 479px) {
    .consultationTeamTitle {
        font-size: 16px;
    }
}

.marketingTeamStatsRow {
    display: flex;
    gap: 0 13px;
    margin: 43px 0 0;
}

@media (max-width: 383px) {
    .marketingTeamStatsRow {
        -moz-column-gap: 8px;
        column-gap: 8px;
    }
}

.marketingTeamCount {
    display: flex;
    align-items: center;
    font: 600 20px/1.2 Montserrat, Helvetica, Arial, serif;
    color: rgb(30 30 30);
}

@media (max-width: 1399px) {
    .marketingTeamCount {
        font-size: 18px;
    }
}

@media (max-width: 479px) {
    .marketingTeamCount {
        font-size: 16px;
    }
}

.marketingTeamTitle {
    display: flex;
    align-items: center;
    font: 600 20px/1.2 Montserrat, Helvetica, Arial, serif;
    color: rgb(30 30 30);
}

@media (max-width: 1399px) {
    .marketingTeamTitle {
        font-size: 18px;
    }
}

@media (max-width: 479px) {
    .marketingTeamTitle {
        font-size: 16px;
    }
}

.managementTeamStatsRow {
    display: flex;
    align-items: center;
    gap: 0 13px;
    margin: 31px 1px 0;
}

@media (max-width: 383px) {
    .managementTeamStatsRow {
        -moz-column-gap: 8px;
        column-gap: 8px;
    }
}

.managementTeamCount {
    display: flex;
    align-items: center;
    font: 600 20px/1.2 Montserrat, Helvetica, Arial, serif;
    color: rgb(30 30 30);
}

@media (max-width: 1399px) {
    .managementTeamCount {
        font-size: 18px;
    }
}

@media (max-width: 479px) {
    .managementTeamCount {
        font-size: 16px;
    }
}

.managementTeamTitle {
    display: flex;
    align-items: center;
    width: 185px;
    font: 600 20px/1.2 Montserrat, Helvetica, Arial, serif;
    color: rgb(30 30 30);
}

@media (max-width: 1399px) {
    .managementTeamTitle {
        font-size: 18px;
    }
}

@media (max-width: 479px) {
    .managementTeamTitle {
        font-size: 16px;
    }
}

.fieldTechniciansStatsRow {
    display: flex;
    gap: 0 13px;
    margin: 43px 1px 0;
}

@media (max-width: 383px) {
    .fieldTechniciansStatsRow {
        -moz-column-gap: 8px;
        column-gap: 8px;
    }
}

.fieldTechniciansCount {
    display: flex;
    align-items: center;
    font: 600 20px/1.2 Montserrat, Helvetica, Arial, serif;
    color: rgb(30 30 30);
}

@media (max-width: 1399px) {
    .fieldTechniciansCount {
        font-size: 18px;
    }
}

@media (max-width: 479px) {
    .fieldTechniciansCount {
        font-size: 16px;
    }
}

.fieldTechniciansTitle {
    display: flex;
    align-items: center;
    font: 600 20px/1.2 Montserrat, Helvetica, Arial, serif;
    color: rgb(30 30 30);
}

@media (max-width: 1399px) {
    .fieldTechniciansTitle {
        font-size: 18px;
    }
}

@media (max-width: 479px) {
    .fieldTechniciansTitle {
        font-size: 16px;
    }
}

.iotSpecialistsStatsRow {
    display: flex;
    gap: 0 13px;
    margin: 43px 0 0 1px;
}

@media (max-width: 383px) {
    .iotSpecialistsStatsRow {
        -moz-column-gap: 8px;
        column-gap: 8px;
    }
}

.iotSpecialistsCount {
    display: flex;
    align-items: center;
    font: 600 20px/1.2 Montserrat, Helvetica, Arial, serif;
    color: rgb(30 30 30);
}

@media (max-width: 1399px) {
    .iotSpecialistsCount {
        font-size: 18px;
    }
}

@media (max-width: 479px) {
    .iotSpecialistsCount {
        font-size: 16px;
    }
}

.iotSpecialistsTitle {
    display: flex;
    align-items: center;
    font: 600 20px/1.2 Montserrat, Helvetica, Arial, serif;
    color: rgb(30 30 30);
}

@media (max-width: 1399px) {
    .iotSpecialistsTitle {
        font-size: 18px;
    }
}

@media (max-width: 479px) {
    .iotSpecialistsTitle {
        font-size: 16px;
    }
}

.customerSupportStatsRow {
    display: flex;
    gap: 0 13px;
    margin: 55px 1px 0;
}

@media (max-width: 383px) {
    .customerSupportStatsRow {
        -moz-column-gap: 8px;
        column-gap: 8px;
        margin: 50px 1px 0;
    }
}

.customerSupportCount {
    display: flex;
    align-items: center;
    font: 600 20px/1.2 Montserrat, Helvetica, Arial, serif;
    color: rgb(30 30 30);
}

@media (max-width: 1399px) {
    .customerSupportCount {
        font-size: 18px;
    }
}

@media (max-width: 479px) {
    .customerSupportCount {
        font-size: 16px;
    }
}

.customerSupportTitle {
    display: flex;
    align-items: center;
    font: 600 20px/1.2 Montserrat, Helvetica, Arial, serif;
    color: rgb(30 30 30);
}

@media (max-width: 1399px) {
    .customerSupportTitle {
        font-size: 18px;
    }
}

@media (max-width: 479px) {
    .customerSupportTitle {
        font-size: 16px;
    }
}

.logisticsOperationsStatsRow {
    display: flex;
    align-items: center;
    gap: 0 13px;
    margin: 31px 1px 0;
}

@media (max-width: 383px) {
    .logisticsOperationsStatsRow {
        -moz-column-gap: 8px;
        column-gap: 8px;
    }
}

.logisticsOperationsCount {
    display: flex;
    align-items: center;
    font: 600 20px/1.2 Montserrat, Helvetica, Arial, serif;
    color: rgb(30 30 30);
}

@media (max-width: 1399px) {
    .logisticsOperationsCount {
        font-size: 18px;
    }
}

@media (max-width: 479px) {
    .logisticsOperationsCount {
        font-size: 16px;
    }
}

.logisticsOperationsTitle {
    display: flex;
    align-items: center;
    width: 178px;
    font: 600 20px/1.2 Montserrat, Helvetica, Arial, serif;
    color: rgb(30 30 30);
}

@media (max-width: 1399px) {
    .logisticsOperationsTitle {
        font-size: 18px;
    }
}

@media (max-width: 479px) {
    .logisticsOperationsTitle {
        font-size: 16px;
    }
}

.decorativeGroup {
    position: relative;
    width: 1020px;
    max-width: 85%;
    min-height: 49px;
    background: var(--src) center center / cover no-repeat;
}

@media (max-width: 1919px) {
    .decorativeGroup {
        background-size: 100% 100%;
        background-position: center center;
        background-repeat: no-repeat;
        right: 90px;
    }
}

@media (max-width: 1399px) {
    .decorativeGroup {
        width: 900px;
        padding: 0;
    }
}

.decorativeImage {
    position: absolute;
    right: -969px;
    bottom: -14px;
    width: 985px;
    height: 49px;
}

@media (max-width: 1399px) {
    .decorativeImage {
        right: -965px;
        bottom: -12px;
    }
}

/* section 4 productoverview */
.productOverviewSection {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.flexRow1 {
    display: flex;
    justify-content: space-between;
    gap: 0 10px;
    margin: 81px auto 0;
    width: 1320px;
    max-width: 1320.0455322265625px;
}

@media (max-width: 575px) {
    .flexRow1 {
        margin: 80px auto 0;
    }
}

@media (max-width: 383px) {
    .flexRow1 {
        -moz-column-gap: 8px;
        column-gap: 8px;
        margin: 50px auto 0;
    }
}

.flexCol1 {
    display: flex;
    flex-direction: column;
    gap: 47px 0;
    width: 371px;
    min-width: 0;
}

@media (max-width: 383px) {
    .flexCol1 {
        width: auto;
    }
}

.productHeroTitle_box {
    margin: 0 0 0 1px;
}

@media (max-width: 1399px) {
    .productHeroTitle_box {
        align-items: flex-start;
    }
}

@media (max-width: 383px) {
    .productHeroTitle_box {
        display: none;
    }
}

.productHeroTitle {
    font: 400 40px/1.15 Play, Helvetica, Arial, serif;
    color: rgb(30 30 30);
}

@media (max-width: 1399px) {
    .productHeroTitle {
        font-size: 39px;
    }
}

@media (max-width: 991px) {
    .productHeroTitle {
        font-size: 36px;
    }
}

@media (max-width: 479px) {
    .productHeroTitle {
        font-size: 32px;
    }
}

.productHeroTitle_span0 {
    font: 1em/1.15 Play, Helvetica, Arial, serif;
}

.productHeroTitle_span1 {
    font: 700 1em/1.15 Play, Helvetica, Arial, serif;
}

.productHeroTitle_span2 {
    font: 700 1.6em/1home 0.15 Play, Helvetica, Arial, serif;
}

.flex-row {
    display: flex;
    gap: 0 13px;
}

@media (max-width: 383px) {
    .flex-row {
        -moz-column-gap: 8px;
        column-gap: 8px;
    }
}

.rect22 {
    width: 31px;
    min-height: 8px;
    background-color: rgb(30 30 30);
    border-radius: 4.22px;
}

.rect23 {
    width: 30px;
    min-height: 8px;
    background-color: rgb(222 222 222);
    border-radius: 4.22px;
}

.rect24 {
    width: 31px;
    min-height: 8px;
    background-color: rgb(222 222 222);
    border-radius: 4.22px;
}

.flex_row1 {
    display: flex;
    justify-content: space-between;
    gap: 0 10px;
    margin: 32px 0 52px;
    width: 120px;
    min-width: 0;
}

@media (max-width: 575px) {
    .flex_row1 {
        display: none;
    }
}

.productImage1 {
    width: 41px;
    height: 41px;
    aspect-ratio: 1;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (max-width: 1399px) {
    .productImage1 {
        width: 40px;
        height: 40px;
    }
}

.productImage2 {
    margin: 2px 0;
    width: 41px;
    height: 41px;
    aspect-ratio: 1;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (max-width: 1399px) {
    .productImage2 {
        width: 40px;
        height: 40px;
    }
}

.contentBox2 {
    display: flex;
    flex-direction: column;
    margin: 52px auto 0;
    width: 1379.94px;
    max-width: 1379.9432373046875px;
    background: var(--src) center center / cover no-repeat;
}

@media (max-width: 1919px) {
    .contentBox2 {
        background-size: 100% 100%;
        background-position: center center;
        background-repeat: no-repeat;
    }
}

@media (max-width: 383px) {
    .contentBox2 {
        margin: 50px auto 0;
    }
}

.flex-col {
    display: flex;
    flex-direction: column;
    gap: 20px 0;
    margin: 0 23px 40px 36px;
}

@media (max-width: 1399px) {
    .flex-col {
        gap: 15px 0;
    }
}

@media (max-width: 991px) {
    .flex-col {
        margin: 0 23px 40px 32px;
    }
}

@media (max-width: 575px) {
    .flex-col {
        margin: 0 16px 40px;
    }
}

@media (max-width: 383px) {
    .flex-col {
        margin: 0 8px 40px;
    }
}

.flexRow3 {
    display: flex;
    justify-content: space-between;
    gap: 0 10px;
    margin: 0 0 0 auto;
    width: 1003.9091186523438px;
    max-width: 85%;
}

@media (max-width: 1199px) {
    .flexRow3 {
        flex-direction: column;
        align-items: center;
        gap: 30px 10px;
    }
}

.flexRow4 {
    display: flex;
    justify-content: space-between;
    gap: 0 10px;
    margin: 0 0 14px;
    width: 676px;
    min-width: 0;
}

@media (max-width: 1399px) {
    .flexRow4 {
        -moz-column-gap: 0;
        column-gap: 0;
        margin: 0 0 0 110px;
        width: 590px;
    }
}

@media (max-width: 1199px) {
    .flexRow4 {
        width: 100%;
        min-width: unset;
    }
}

@media (max-width: 991px) {
    .flexRow4 {
        flex-direction: column;
        align-items: center;
        gap: 30px 0;
    }
}

.ioTTechnologyButton {
    display: flex;
    justify-content: center;
    margin: 0 0 1px;
    min-width: 145px;
    font: 400 15px/1.14 Ubuntu, Helvetica, Arial, serif;
    color: rgb(250 250 250);
    text-align: center;
    background-color: rgb(0 0 0);
    border-radius: 10px;
    padding: 5px 18px;
}

@media (max-width: 1399px) {
    .ioTTechnologyButton {
        align-items: flex-start;
        flex: 0 1 auto;
        order: 1;
        width: 125px;
        min-width: 0;
        height: 27px;
        padding: 5px 0 0;
        font-size: 13px;
    }
}

@media (max-width: 991px) {
    .ioTTechnologyButton {
        margin: 0;
        width: 100%;
        min-width: unset;
    }
}

.farmHubAppButton {
    display: flex;
    justify-content: center;
    margin: 0 0 1px;
    min-width: 145px;
    font: 400 15px/1.14 Ubuntu, Helvetica, Arial, serif;
    color: rgb(0 0 0);
    text-align: center;
    background-color: rgb(250 250 250);
    border-radius: 10px;
    padding: 5px 24px;
    outline: 1px solid rgb(0 0 0);
    outline-offset: -1px;
}

@media (max-width: 1399px) {
    .farmHubAppButton {
        align-items: flex-start;
        flex: 0 1 auto;
        order: 3;
        width: 125px;
        min-width: 0;
        height: 27px;
        padding: 5px 0 0;
        font-size: 13px;
    }
}

@media (max-width: 991px) {
    .farmHubAppButton {
        margin: 0;
        width: 100%;
        min-width: unset;
    }
}

.agroMarketButton {
    display: flex;
    justify-content: center;
    margin: 1px 0 0;
    min-width: 145px;
    font: 400 15px/1.14 Ubuntu, Helvetica, Arial, serif;
    color: rgb(0 0 0);
    text-align: center;
    background-color: rgb(250 250 250);
    border-radius: 10px;
    padding: 5px 30px;
    outline: 1px solid rgb(0 0 0);
    outline-offset: -1px;
}

@media (max-width: 1399px) {
    .agroMarketButton {
        align-items: flex-start;
        flex: 0 1 auto;
        order: 5;
        width: 125px;
        min-width: 0;
        height: 27px;
        padding: 5px 0 0;
        font-size: 13px;
    }
}

@media (max-width: 991px) {
    .agroMarketButton {
        margin: 0;
        width: 100%;
        min-width: unset;
    }
}

.greenAcademyButton {
    display: flex;
    justify-content: center;
    margin: 0 0 1px;
    min-width: 145px;
    font: 400 15px/1.14 Ubuntu, Helvetica, Arial, serif;
    color: rgb(0 0 0);
    text-align: center;
    background-color: rgb(250 250 250);
    border-radius: 10px;
    padding: 5px 14px;
    outline: 1px solid rgb(0 0 0);
    outline-offset: -1px;
}

@media (max-width: 1399px) {
    .greenAcademyButton {
        align-items: flex-start;
        flex: 0 1 auto;
        order: 7;
        width: 125px;
        min-width: 0;
        height: 27px;
        padding: 5px 0 0;
        font-size: 13px;
    }
}

@media (max-width: 991px) {
    .greenAcademyButton {
        margin: 0;
        width: 100%;
        min-width: unset;
    }
}

.flexRow5 {
    display: flex;
    gap: 0 16px;
    margin: 19px 0 0;
    width: 138px;
    min-width: 0;
}

@media (max-width: 1199px) {
    .flexRow5 {
        margin: 0;
        width: 100%;
        min-width: unset;
    }
}

@media (max-width: 383px) {
    .flexRow5 {
        -moz-column-gap: 8px;
        column-gap: 8px;
    }
}

.viewMoreSubtitle {
    font: 600 20px/1.17 "Work Sans", Helvetica, Arial, serif;
    color: rgb(250 250 250);
    text-decoration: underline;
}

@media (max-width: 1399px) {
    .viewMoreSubtitle {
        align-items: flex-start;
        font-size: 18px;
    }
}

@media (max-width: 479px) {
    .viewMoreSubtitle {
        font-size: 16px;
    }
}

.image28 {
    margin: 8px 0 0;
    width: 18px;
    height: 16px;
    aspect-ratio: 1.13;
    -o-object-fit: cover;
    object-fit: cover;
}

.flexRow6 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0 10px;
    margin: 0 1px 0 0;
}

@media (max-width: 1199px) {
    .flexRow6 {
        flex-direction: column;
        gap: 30px 10px;
    }
}

.flexCol2 {
    display: flex;
    flex-direction: column;
    gap: 18px 0;
    width: 458px;
    min-width: 0;
}

@media (max-width: 1399px) {
    .flexCol2 {
        height: 246.89px;
    }
}

@media (max-width: 1199px) {
    .flexCol2 {
        width: 100%;
        min-width: unset;
    }
}

.ioTTechnologyTitle {
    display: flex;
    align-items: center;
    font: 700 64px/1.15 Play, Helvetica, Arial, serif;
    color: rgb(250 250 250);
}

@media (max-width: 1399px) {
    .ioTTechnologyTitle {
        width: 435px;
        font-size: 59px;
    }
}

@media (max-width: 991px) {
    .ioTTechnologyTitle {
        font-size: 52px;
    }
}

@media (max-width: 479px) {
    .ioTTechnologyTitle {
        font-size: 36px;
    }
}

.ioTTechnologyDescription {
    margin: 0 1px;
    font: 400 15px/1.14 Ubuntu, Helvetica, Arial, serif;
    color: rgb(250 250 250);
    text-align: justify;
}

@media (max-width: 1399px) {
    .ioTTechnologyDescription {
        align-items: flex-start;
        width: 426px;
        height: 160.68px;
        font-size: 14px;
    }
}

.contentBox1 {
    display: flex;
    flex-direction: column;
    width: 768px;
    min-width: 0;
    background-color: rgb(250 250 250);
    border-radius: 25px;
}

@media (max-width: 1399px) {
    .contentBox1 {
        margin: 0 0 7px;
        width: 680px;
    }
}

@media (max-width: 1199px) {
    .contentBox1 {
        margin: 0;
        width: 100%;
        min-width: unset;
    }
}

.flexRow7 {
    display: flex;
    justify-content: space-between;
    gap: 0 10px;
    margin: 7px auto 25px;
    width: 88.67%;
}

@media (max-width: 575px) {
    .flexRow7 {
        flex-direction: column;
        align-items: center;
        gap: 30px 10px;
    }
}

.productImage3 {
    margin: 0 0 96px;
    width: 173px;
    min-width: 0;
    aspect-ratio: 1.24;
    filter: drop-shadow(0 6px 4px rgb(0 0 0 / 25%));
    -o-object-fit: cover;
    object-fit: cover;
    transition-duration: 0.3s;
    transition-property: transform, filter;
}

@media (max-width: 1399px) {
    .productImage3 {
        width: 153px;
        height: 120px;
    }
}

@media (max-width: 575px) {
    .productImage3 {
        margin: 0;
        width: 100%;
        min-width: unset;
        max-width: 173px;
    }
}

.productImage3:hover {
    filter: drop-shadow(0 0 10px #00000080);
    transform: scale(1.1);
}

.productImage4 {
    margin: 23px 0 0;
    width: 263px;
    min-width: 0;
    aspect-ratio: 1.23;
    filter: drop-shadow(0 6px 4px rgb(0 0 0 / 25%));
    -o-object-fit: cover;
    object-fit: cover;
    transition-duration: 0.3s;
    transition-property: transform, filter;
}

@media (max-width: 1399px) {
    .productImage4 {
        width: 243px;
        height: 193px;
    }
}

@media (max-width: 575px) {
    .productImage4 {
        margin: 0;
        width: 100%;
        min-width: unset;
        max-width: 263px;
    }
}

.productImage4:hover {
    filter: drop-shadow(0 0 10px #00000080);
    transform: scale(1.1);
}

.productImage5 {
    margin: 11px 0 85px;
    width: 173px;
    min-width: 0;
    aspect-ratio: 1.24;
    filter: drop-shadow(0 6px 4px rgb(0 0 0 / 25%));
    -o-object-fit: cover;
    object-fit: cover;
    transition-duration: 0.3s;
    transition-property: transform, filter;
}

@media (max-width: 1399px) {
    .productImage5 {
        width: 153px;
        height: 120px;
    }
}

@media (max-width: 575px) {
    .productImage5 {
        margin: 0;
        width: 100%;
        min-width: unset;
        max-width: 173px;
    }
}

.productImage5:hover {
    filter: drop-shadow(0 0 10px #00000080);
    transform: scale(1.1);
}

.flexRow8 {
    display: flex;
    justify-content: space-between;
    gap: 0 10px;
    margin: 38px auto 0;
    width: 93.33%;
    max-width: 1343.9432373046875px;
}

@media (max-width: 1399px) {
    .flexRow8 {
        margin: 38px auto 0 42.78px;
    }
}

@media (max-width: 383px) {
    .flexRow8 {
        -moz-column-gap: 8px;
        column-gap: 8px;
    }
}

.productRangeDescription {
    margin: 4px 0 0;
    width: 448px;
    font: 400 15px/1.14 Ubuntu, Helvetica, Arial, serif;
    color: rgb(0 0 0);
    text-align: justify;
}

@media (max-width: 1399px) {
    .productRangeDescription {
        align-items: flex-start;
        margin: 4px 0 0 20px;
        font-size: 15px;
    }
}

.productAgeSubtitle {
    margin: 0 0 50px;
    font: 500 20px/1.17 "Work Sans", Helvetica, Arial, serif;
    color: rgb(0 0 0);
    text-align: justify;
}

@media (max-width: 991px) {
    .productAgeSubtitle {
        align-items: flex-start;
        font-size: 18px;
    }
}

@media (max-width: 479px) {
    .productAgeSubtitle {
        font-size: 16px;
    }
}

.additionalInfoRect {
    margin: 33px auto 121px;
    width: 1550px;
    max-width: 2000px;
    min-height: 10px;
    background-color: #4e9f3d;
}

@media (max-width: 575px) {
    .additionalInfoRect {
        margin: 33px auto 80px;
    }
}

@media (max-width: 383px) {
    .additionalInfoRect {
        margin: 33px auto 50px;
    }
}

/* section 5 trustedcompanies */
.trustedCompaniesSection {
    display: flex;
    flex-direction: column;
}

.flexContainerCol {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 99px 0;
    margin: 134px auto 31px;
    width: 95.83%;
    max-width: 1380px;
}

@media (max-width: 575px) {
    .flexContainerCol {
        gap: 80px 0;
        margin: 80px auto 31px;
    }
}

@media (max-width: 383px) {
    .flexContainerCol {
        gap: 50px 0;
        margin: 50px auto 31px;
    }
}

.flexContainerCol1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 224px 0;
    width: 100%;
}

@media (max-width: 991px) {
    .flexContainerCol1 {
        gap: 150px 0;
    }
}

@media (max-width: 575px) {
    .flexContainerCol1 {
        gap: 80px 0;
    }
}

@media (max-width: 383px) {
    .flexContainerCol1 {
        gap: 50px 0;
    }
}

.flexContainerCol2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.horizontalRule5 {
    width: 100%;
    height: 1px;
    min-height: 1px;
    background-color: rgb(78 159 61);
}

.flexContainerCol3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 52px 0;
    margin: 42px 0 0;
    width: 90.72%;
}

@media (max-width: 383px) {
    .flexContainerCol3 {
        gap: 50px 0;
    }
}

.flexContainerCol4 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px 0;
    width: 915.9091186523438px;
    max-width: 85%;
}

.sectionSubtitle04 {
    font: 500 20px/1.17 "Work Sans", Helvetica, Arial, serif;
    color: rgb(0 0 0);
    text-align: justify;
}

@media (max-width: 991px) {
    .sectionSubtitle04 {
        align-items: flex-start;
        font-size: 18px;
    }
}

@media (max-width: 479px) {
    .sectionSubtitle04 {
        font-size: 16px;
    }
}

.trustedByCompaniesTitle {
    font: 700 64px/1.15 Play, Helvetica, Arial, serif;
    color: rgb(0 0 0);
}

@media (max-width: 991px) {
    .trustedByCompaniesTitle {
        align-items: flex-start;
        font-size: 52px;
    }
}

@media (max-width: 479px) {
    .trustedByCompaniesTitle {
        font-size: 36px;
    }
}

.flexContainerRow {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0 10px;
    width: 100%;
}

@media (max-width: 575px) {
    .flexContainerRow {
        flex-direction: column;
        gap: 30px 10px;
    }
}

.trustedCompanyLogo1 {
    width: 165px;
    min-width: 0;
    aspect-ratio: 1.09;
    -o-object-fit: cover;
    object-fit: cover;
    transition-duration: 0.3s;
    transition-property: transform;
}

@media (max-width: 575px) {
    .trustedCompanyLogo1 {
        width: 100%;
        min-width: unset;
        max-width: 165px;
    }
}

.trustedCompanyLogo1:hover {
    transform: scale(1.1);
}

.trustedCompanyLogo2 {
    width: 135px;
    min-width: 0;
    aspect-ratio: 1;
    -o-object-fit: cover;
    object-fit: cover;
    transition-duration: 0.3s;
    transition-property: transform;
}

@media (max-width: 575px) {
    .trustedCompanyLogo2 {
        width: 100%;
        min-width: unset;
        max-width: 135px;
    }
}

.trustedCompanyLogo2:hover {
    transform: scale(1.1);
}

.trustedCompanyLogo3 {
    width: 116px;
    min-width: 0;
    aspect-ratio: 0.89;
    -o-object-fit: cover;
    object-fit: cover;
    transition-duration: 0.3s;
    transition-property: transform;
}

@media (max-width: 575px) {
    .trustedCompanyLogo3 {
        width: 100%;
        min-width: unset;
        max-width: 116px;
    }
}

.trustedCompanyLogo3:hover {
    transform: scale(1.1);
}

.trustedCompanyLogo4 {
    width: 129px;
    min-width: 0;
    aspect-ratio: 1;
    -o-object-fit: cover;
    object-fit: cover;
    transition-duration: 0.3s;
    transition-property: transform;
}

@media (max-width: 575px) {
    .trustedCompanyLogo4 {
        width: 100%;
        min-width: unset;
        max-width: 129px;
    }
}

.trustedCompanyLogo4:hover {
    transform: scale(1.1);
}

.trustedCompanyLogo5 {
    width: 185px;
    min-width: 0;
    aspect-ratio: 1.19;
    -o-object-fit: cover;
    object-fit: cover;
    transition-duration: 0.3s;
    transition-property: transform;
}

@media (max-width: 575px) {
    .trustedCompanyLogo5 {
        width: 100%;
        min-width: unset;
        max-width: 185px;
    }
}

.trustedCompanyLogo5:hover {
    transform: scale(1.1);
}

.horizontalRule51 {
    margin: 84px 0 0;
    width: 100%;
    height: 1px;
    min-height: 1px;
    background-color: rgb(78 159 61);
}

@media (max-width: 575px) {
    .horizontalRule51 {
        margin: 80px 0 0;
    }
}

@media (max-width: 383px) {
    .horizontalRule51 {
        margin: 50px 0 0;
    }
}

.goBackButton {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    width: 198px;
    max-width: 100%;
    font: 500 20px/1.17 "Work Sans", Helvetica, Arial, serif;
    color: rgb(250 250 250);
    text-align: center;
    background-color: rgb(78 159 61);
    border-radius: 10px;
    padding: 6.5px 8px;
}

.assistanceSubtitle_box {
    display: flex;
    justify-content: flex-end;
    width: 1047.9659423828125px;
    max-width: 85%;
}

@media (max-width: 991px) {
    .assistanceSubtitle_box {
        align-items: flex-start;
    }
}

.assistanceSubtitle {
    font: 300 20px/1.17 "Work Sans", Helvetica, Arial, serif;
    color: rgb(0 0 0);
    text-align: right;
}

@media (max-width: 991px) {
    .assistanceSubtitle {
        font-size: 18px;
    }
}

@media (max-width: 479px) {
    .assistanceSubtitle {
        font-size: 16px;
    }
}

.assistanceSubtitle_span0 {
    font: 300 1em/1.17 "Work Sans", Helvetica, Arial, serif;
    color: rgb(30 30 30);
}

.assistanceSubtitle_span1 {
    font: 300 1em/1.17 "Work Sans", Helvetica, Arial, serif;
    color: rgb(78 159 61);
    text-decoration: underline;
}

.assistanceSubtitle_span2 {
    font: 300 1em/1.17 "Work Sans", Helvetica, Arial, serif;
    color: rgb(30 30 30);
}

/* Bagian Footer */
/* section contactus */
.contactUsSection {
    display: flex;
    flex-direction: column;
    gap: 57px 0;
}

@media (max-width: 383px) {
    .contactUsSection {
        gap: 50px 0;
    }
}

.content-Box1 {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    width: 100%;
    max-width: 1440px;
    background-color: rgb(30 30 30);
    border-radius: 20px;
}

.dividerLine {
    position: absolute;
    bottom: 60px;
    left: 50%;
    width: 1386px;
    height: 1px;
    background-color: rgb(255 255 255);
    transform: translate(-50%, 0);
}

.flexColumn1 {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 78px 0;
    margin: 34px 46px 20px 27px;
    width: 94.93%;
}

@media (max-width: 1199px) {
    .flexColumn1 {
        margin: 34px auto 20px;
    }
}

@media (max-width: 383px) {
    .flexColumn1 {
        gap: 50px 0;
    }
}

.flexRow {
    display: flex;
    justify-content: space-between;
    gap: 0 10px;
}

@media (max-width: 1199px) {
    .flexRow {
        flex-direction: column;
        align-items: center;
        gap: 30px 10px;
    }
}

.flexColumn11 {
    display: flex;
    flex-direction: column;
    gap: 28px 0;
    margin: 0 0 91px;
    width: 202px;
    min-width: 0;
}

@media (max-width: 1199px) {
    .flexColumn11 {
        margin: 0;
        width: 100%;
        min-width: unset;
    }
}

.followContactText {
    margin: 0 29px 0 3px;
    font: 400 17px/1.23 Montserrat, Helvetica, Arial, serif;
    color: rgb(255 255 255);
}

@media (max-width: 991px) {
    .followContactText {
        align-items: flex-start;
        font-size: 16px;
    }
}

@media (max-width: 575px) {
    .followContactText {
        margin: 0 16px 0 3px;
    }
}

@media (max-width: 383px) {
    .followContactText {
        margin: 0 8px 0 3px;
    }
}

.flex-Row1 {
    display: flex;
    gap: 0 19px;
}

@media (max-width: 575px) {
    .flex-Row1 {
        -moz-column-gap: 16px;
        column-gap: 16px;
    }
}

@media (max-width: 383px) {
    .flex-Row1 {
        -moz-column-gap: 8px;
        column-gap: 8px;
    }
}

.companyImage1 {
    margin: 0 0 1px;
    width: 25px;
    height: 25px;
    aspect-ratio: 1;
    -o-object-fit: cover;
    object-fit: cover;
    transition-duration: 0.3s;
    transition-property: transform;
}

.companyImage1:hover {
    transform: scale(1.1);
}

.companyImage2 {
    margin: 0 0 1px;
    width: 25px;
    height: 25px;
    aspect-ratio: 1;
    -o-object-fit: cover;
    object-fit: cover;
    transition-duration: 0.3s;
    transition-property: transform;
}

.companyImage2:hover {
    transform: scale(1.1);
}

.companyImage3 {
    margin: 0 0 1px;
    width: 25px;
    height: 25px;
    aspect-ratio: 1;
    -o-object-fit: cover;
    object-fit: cover;
    transition-duration: 0.3s;
    transition-property: transform;
}

.companyImage3:hover {
    transform: scale(1.1);
}

.companyImage4 {
    margin: 0 0 1px;
    width: 25px;
    height: 25px;
    aspect-ratio: 1;
    -o-object-fit: cover;
    object-fit: cover;
    transition-duration: 0.3s;
    transition-property: transform;
}

.companyImage4:hover {
    transform: scale(1.1);
}

.companyImage5 {
    width: 26px;
    height: 26px;
    aspect-ratio: 1;
    -o-object-fit: cover;
    object-fit: cover;
    transition-duration: 0.3s;
    transition-property: transform;
}

.companyImage5:hover {
    transform: scale(1.1);
}

.flexRow2 {
    display: flex;
    justify-content: space-between;
    gap: 0 10px;
    margin: 3px 0 0;
    width: 800px;
    min-width: 0;
}

@media (max-width: 1199px) {
    .flexRow2 {
        margin: 0;
        width: 100%;
        min-width: unset;
    }
}

@media (max-width: 479px) {
    .flexRow2 {
        flex-direction: column;
        align-items: center;
        gap: 30px 10px;
    }
}

.flexColumn2 {
    display: flex;
    flex-direction: column;
    gap: 14px 0;
    width: 121px;
    min-width: 0;
}

@media (max-width: 479px) {
    .flexColumn2 {
        width: 100%;
        min-width: unset;
    }
}

.categoryTitle {
    margin: 0 31px 0 0;
    font: 600 19px/1.21 Montserrat, Helvetica, Arial, serif;
    color: rgb(255 255 255);
}

@media (max-width: 991px) {
    .categoryTitle {
        align-items: flex-start;
        font-size: 18px;
    }
}

@media (max-width: 575px) {
    .categoryTitle {
        margin: 0 16px 0 0;
    }
}

@media (max-width: 479px) {
    .categoryTitle {
        font-size: 16px;
    }
}

@media (max-width: 383px) {
    .categoryTitle {
        margin: 0 8px 0 0;
    }
}

.categoryAgriculture {
    margin: 0 21px 0 0;
    font: 600 17px/1.23 Montserrat, Helvetica, Arial, serif;
    color: rgb(173 173 173);
}

@media (max-width: 991px) {
    .categoryAgriculture {
        align-items: flex-start;
        font-size: 16px;
    }
}

@media (max-width: 575px) {
    .categoryAgriculture {
        margin: 0 16px 0 0;
    }
}

@media (max-width: 383px) {
    .categoryAgriculture {
        margin: 0 8px 0 0;
    }
}

.categoryInfrastructure {
    font: 600 17px/1.23 Montserrat, Helvetica, Arial, serif;
    color: rgb(173 173 173);
}

@media (max-width: 991px) {
    .categoryInfrastructure {
        align-items: flex-start;
        font-size: 16px;
    }
}

.categoryTechnology {
    margin: 0 19px 0 0;
    font: 600 17px/1.23 Montserrat, Helvetica, Arial, serif;
    color: rgb(173 173 173);
}

@media (max-width: 991px) {
    .categoryTechnology {
        align-items: flex-start;
        font-size: 16px;
    }
}

@media (max-width: 575px) {
    .categoryTechnology {
        margin: 0 16px 0 0;
    }
}

@media (max-width: 383px) {
    .categoryTechnology {
        margin: 0 8px 0 0;
    }
}

.categoryEducation {
    margin: 0 31px 0 0;
    font: 600 17px/1.23 Montserrat, Helvetica, Arial, serif;
    color: rgb(173 173 173);
}

@media (max-width: 991px) {
    .categoryEducation {
        align-items: flex-start;
        font-size: 16px;
    }
}

@media (max-width: 575px) {
    .categoryEducation {
        margin: 0 16px 0 0;
    }
}

@media (max-width: 383px) {
    .categoryEducation {
        margin: 0 8px 0 0;
    }
}

.flexColumn3 {
    display: flex;
    flex-direction: column;
    gap: 14px 0;
    width: 109px;
    min-width: 0;
}

@media (max-width: 479px) {
    .flexColumn3 {
        width: 100%;
        min-width: unset;
    }
}

.companyText {
    margin: 0 15px 0 0;
    font: 600 19px/1.21 Montserrat, Helvetica, Arial, serif;
    color: rgb(255 255 255);
}

@media (max-width: 991px) {
    .companyText {
        align-items: flex-start;
        font-size: 18px;
    }
}

@media (max-width: 479px) {
    .companyText {
        font-size: 16px;
    }
}

@media (max-width: 383px) {
    .companyText {
        margin: 0 8px 0 0;
    }
}

.aboutLink {
    font: 600 17px/1.23 Montserrat, Helvetica, Arial, serif;
    color: rgb(173 173 173);
}

@media (max-width: 991px) {
    .aboutLink {
        align-items: flex-start;
        font-size: 16px;
    }
}

.productLink {
    margin: 0 38px 0 0;
    font: 600 17px/1.23 Montserrat, Helvetica, Arial, serif;
    color: rgb(173 173 173);
}

@media (max-width: 991px) {
    .productLink {
        align-items: flex-start;
        margin: 0 32px 0 0;
        font-size: 16px;
    }
}

@media (max-width: 575px) {
    .productLink {
        margin: 0 16px 0 0;
    }
}

@media (max-width: 383px) {
    .productLink {
        margin: 0 8px 0 0;
    }
}

.sustainabilityLink {
    font: 600 17px/1.23 Montserrat, Helvetica, Arial, serif;
    color: rgb(173 173 173);
}

@media (max-width: 991px) {
    .sustainabilityLink {
        align-items: flex-start;
        font-size: 16px;
    }
}

.careerLink {
    font: 600 17px/1.23 Montserrat, Helvetica, Arial, serif;
    color: rgb(173 173 173);
}

@media (max-width: 991px) {
    .careerLink {
        align-items: flex-start;
        font-size: 16px;
    }
}

.flexColumn4 {
    display: flex;
    flex-direction: column;
    gap: 14px 0;
    margin: 0 0 70px;
    width: 135px;
    min-width: 0;
}

@media (max-width: 479px) {
    .flexColumn4 {
        margin: 0;
        width: 100%;
        min-width: unset;
    }
}

.supportLink {
    font: 600 19px/1.21 Montserrat, Helvetica, Arial, serif;
    color: rgb(255 255 255);
}

@media (max-width: 991px) {
    .supportLink {
        align-items: flex-start;
        font-size: 18px;
    }
}

@media (max-width: 479px) {
    .supportLink {
        font-size: 16px;
    }
}

.contactUsLink {
    margin: 0 38px 0 0;
    font: 600 17px/1.23 Montserrat, Helvetica, Arial, serif;
    color: rgb(173 173 173);
}

@media (max-width: 991px) {
    .contactUsLink {
        align-items: flex-start;
        margin: 0 32px 0 0;
        font-size: 16px;
    }
}

@media (max-width: 575px) {
    .contactUsLink {
        margin: 0 16px 0 0;
    }
}

@media (max-width: 383px) {
    .contactUsLink {
        margin: 0 8px 0 0;
    }
}

.supportCenterLink {
    font: 600 17px/1.23 Montserrat, Helvetica, Arial, serif;
    color: rgb(173 173 173);
}

@media (max-width: 991px) {
    .supportCenterLink {
        align-items: flex-start;
        font-size: 16px;
    }
}

.flexColumn5 {
    display: flex;
    flex-direction: column;
    gap: 14px 0;
    margin: 0 0 35px;
    width: 153px;
    min-width: 0;
}

@media (max-width: 479px) {
    .flexColumn5 {
        margin: 0;
        width: 100%;
        min-width: unset;
    }
}

.legalsLink {
    font: 600 19px/1.21 Montserrat, Helvetica, Arial, serif;
    color: rgb(255 255 255);
}

@media (max-width: 991px) {
    .legalsLink {
        align-items: flex-start;
        font-size: 18px;
    }
}

@media (max-width: 479px) {
    .legalsLink {
        font-size: 16px;
    }
}

.fAQLink {
    font: 600 17px/1.23 Montserrat, Helvetica, Arial, serif;
    color: rgb(173 173 173);
}

@media (max-width: 991px) {
    .fAQLink {
        align-items: flex-start;
        font-size: 16px;
    }
}

.privacyPolicyLink {
    margin: 0 31px 0 0;
    font: 600 17px/1.23 Montserrat, Helvetica, Arial, serif;
    color: rgb(173 173 173);
}

@media (max-width: 991px) {
    .privacyPolicyLink {
        align-items: flex-start;
        font-size: 16px;
    }
}

@media (max-width: 575px) {
    .privacyPolicyLink {
        margin: 0 16px 0 0;
    }
}

@media (max-width: 383px) {
    .privacyPolicyLink {
        margin: 0 8px 0 0;
    }
}

.termsConditionLink {
    font: 600 17px/1.23 Montserrat, Helvetica, Arial, serif;
    color: rgb(173 173 173);
}

@media (max-width: 991px) {
    .termsConditionLink {
        align-items: flex-start;
        font-size: 16px;
    }
}

.copyrightNotice {
    font: 400 16px/1.6 Play, Helvetica, Arial, serif;
    color: rgb(250 250 250);
}

.contentBox11 {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    width: 100%;
    max-width: 1440px;
    background-color: rgb(250 250 250);
}

.flex-Row3 {
    display: flex;
    gap: 0 17px;
    margin: 12px auto;
    width: 858px;
    max-width: 85%;
}

@media (max-width: 1199px) {
    .flex-Row3 {
        flex-direction: column;
        align-items: center;
        gap: 30px 17px;
    }
}

.cookieConsentMessage {
    font: 400 16px/1.6 Play, Helvetica, Arial, serif;
    color: rgb(0 0 0);
}

@media (max-width: 1199px) {
    .cookieConsentMessage {
        width: 100%;
    }
}

.flex-Row4 {
    display: flex;
    gap: 0 9px;
    width: 202px;
    min-width: 0;
}

@media (max-width: 1199px) {
    .flex-Row4 {
        width: 100%;
        min-width: unset;
    }
}

@media (max-width: 383px) {
    .flex-row1 {
        -moz-column-gap: 8px;
        column-gap: 8px;
    }
}

.customizeButton {
    display: flex;
    justify-content: center;
    min-width: 109px;
    font: 500 14px/1.17 "Work Sans", Helvetica, Arial, serif;
    color: rgb(30 30 30);
    text-align: center;
    border-radius: 13px;
    padding: 5px 12px;
    outline: 1px solid rgb(78 159 61);
    outline-offset: -1px;
}

.acceptButton {
    display: flex;
    justify-content: center;
    min-width: 84px;
    font: 500 14px/1.17 "Work Sans", Helvetica, Arial, serif;
    color: rgb(250 250 250);
    text-align: center;
    background-color: rgb(78 159 61);
    border-radius: 13px;
    padding: 5px 14px;
}