/*Image banner section two*/
.image-banner-section-two {
    display: flex;
    justify-content: center;
    align-items: center;
}

.image-banner-section-two .benifits {
    margin: 6rem 0;
    width: 90%;
    max-width: 1660px;
    display: flex;
}

.image-banner-section-two .benifits__sideimage-container {
    flex-basis: 40%;
}

.image-banner-section-two .benifits__sideimage-container__sideimage {
    width: 100%;
}

.image-banner-section-two .benifits__content {
    flex-basis: 50%;
    padding-left: 4rem;
}

.image-banner-section-two .benifits__content p,
.image-banner-section-two .benifits__content a {
    margin-bottom: 2rem;
}

.image-banner-section-two .benifits__content__title {
    color: #2c2c2c;
    font-family: Josefin Sans, sans-serif;
    font-size: 5.2rem;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.02em;
    text-align: left;
    margin-bottom: 2rem;
}

.image-banner-section-two .benifits__content__para {
    color: #2c2c2c;
    font-family: Lato, sans-serif;
    font-size: 2rem;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0;
    text-align: left;
    margin-bottom: 2rem;
}

.image-banner-section-two .benifits__content__para:nth-child(3) {
    margin-bottom: 4rem;
}

.image-banner-section-two.dark-card-wrapper {
    background: #2c2c2c;
    width: 90%;
    max-width: 1400px;
    margin: 5.6rem auto;
    border-radius: 30px;
}

.image-banner-section-two.dark-card-wrapper .benifits__content__title {
    color: white;
    font-size: 3.6rem;
}

.image-banner-section-two.dark-card-wrapper p {
    color: white;
    font-size: 1.8rem;
    opacity: 0.8;
}

.image-banner-section-two.dark-card-wrapper .benifits__sideimage-container img {
    border-radius: 30px;
}

@media only screen and (min-width: 700px) and (max-width: 800px) {
    .image-banner-section-two .benifits {
        flex-direction: column;
    }

    .image-banner-section-two .benifits__sideimage-container {
        order: 2;
        margin-top: 3rem;
    }
}

@media only screen and (min-width: 600px) and (max-width: 700px) {

    .image-banner-section-two .benifits {
        flex-direction: column;
    }

    .image-banner-section-two .benifits__sideimage-container {
        order: 2;
        margin-top: 3rem;
    }
}

@media only screen and (min-width: 500px) and (max-width: 600px) {
    .image-banner-section-two .benifits {
        flex-direction: column;
    }

    .image-banner-section-two .benifits__sideimage-container {
        order: 2;
        margin-top: 3rem;
    }
}

@media only screen and (min-width: 320px) and (max-width: 800px) {
    .image-banner-section-two .benifits {
        flex-direction: column;
    }

    .image-banner-section-two .benifits__sideimage-container {
        order: 2;
        margin-top: 3rem;
    }

    .image-banner-section-two .benifits__content {
        padding-left: 0;
    }

    .image-banner-section-two .benifits {
        margin: 2rem 0;
    }
}

/*End of image banner section two*/