#homeBoxes.homebox-2 .row {
    padding-bottom: 150px
}

.homebox-2 .boxTxt {
    padding-right: 0;
    padding-left: 0;
    font-size: inherit;
    line-height: inherit;
    max-width: 60%;
    width: 750px;
    position: relative;
    z-index: 2;
}

.boxRow {
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center right;
}

.boxRow.reverseCol {
    background-position: center left;
}

.homebox-2 .boxImg img {
    width: 100%;
}

.homebox-2 .boxImg {}


.boxContent {
    background: var(--maincolor);
    padding: 60px;
    width: 100%;
}

.box2Wrapper:nth-child(even) .boxContent a:hover {
    text-decoration: none;
    background-color: #fff;
    color: var(--maincolor);
    border-color: #fff;
}

.box2Wrapper:nth-child(even) .boxContent {
    background: var(--bgDarkblue);
}

.boxContent a {
    border: 2px solid #fff;
    background-color: transparent;
    color: #fff;
    padding: 8px 26px;
    border-radius: 30px;
    transition: all 0.2s;
    font-size: 16px;
    line-height: 24px;
    margin-top: 10px;
    display: inline-block;
    font-weight: 400;
}

.boxContent a:hover {
    text-decoration: none;
    background-color: #fff;
    color: var(--maincolor);
    border-color: #fff;
}

.reverseCol .boxContent {
    margin-left: 0;
    margin-right: 0;
}

.reverseCol {
    flex-direction: row-reverse;
    display: flex;
}

.homebox-2 .reverseCol .boxImg {
    right: auto;
    left: 0
}

.boxTxt {
    z-index: 2;
}

.boxImg {
    z-index: 1;
}

.box2Wrapper {
    position: relative;
}

.box2Wrapper:last-child .contentContainer {
    padding-bottom: 130px
}

.box2Wrapper:nth-child(odd) .contentContainer:before {
    background: url(../img/bgBox.svg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: 30px center;
    content: '';
    position: absolute;
    left: -250px;
    top: 0;
    width: 700px;
    height: 100%;
    display: block;
}

.aboxTxt {
    padding-right: 0;
    padding-left: 0;
    font-size: inherit;
    line-height: inherit;
    max-width: 60%;
    width: 525px;
    position: relative;
    z-index: 2;
    padding-top: 80px;
    padding-bottom: 80px
}

.aboxContent {
    background: var(--maincolor);
    padding: 60px;
    width: 100%;
}

.aboxRow {
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center right;
}

.aboxRow.reverseCol {
    background-position: center left;
}

.aboxRow.reverseCol .aboxTxt {
    width: 700px
}

.bgBoxdarkblue {
    background-color: var(--darkbg);
}

@media screen and (max-width:1024px) {
    .homebox-2 .boxTxt {
        font-size: 20px;
        line-height: 30px;
    }
}

@media screen and (max-width:767px) {
    .homebox-2 .boxTxt {
        width: 100%;
        max-width: 100%;
    }

    .homebox-2 .contentContainer {
        max-width: 100%
    }

    .homebox-2 .boxRow {
        background-image: none !important
    }

    .homebox-2 .boxTxt {
        padding: 0;
    }

    .boxContent {
        padding: 55px 30px 92px
    }

    .box2Wrapper,
    .box2Wrapper:last-child {
        padding-bottom: 0;
    }

    .reverseCol {
        flex-direction: column !important;
    }

    .aboxRow.reverseCol,
    .aboxRow,
    .sctRow,
    .sctRow .reverseCol {
        display: flex;
        flex-direction: column-reverse !important;
    }

    .homebox-2 .boxImg img {
        width: 100%;
        display: block;
    }

    .aboxRow {
        background-image: none !important
    }

    .aboxRow .aboxTxt {
        width: 100% !important;
        max-width: 100%;
        padding-top: 0;
        padding-bottom: 0
    }

    .aboutBoxes .smallContainer {
        max-width: 100% !important;
    }

    .aboxContent {
        padding-left: 30px;
        padding-right: 30px
    }

    .aboxImg img {
        display: block;
    }

    .homebox-2 .contentContainer {
        padding-bottom: 0 !important
    }

    .padTop2.aboutBoxes {
        padding-top: 0
    }

    .padtop0Mob {
        padding-top: 0 !important
    }
}