/*slider css*/
.main-home-slider {
    padding: 10rem 0;
}

/*------------------------------*/
.insects_info_card {
    width: 53rem;
}

.info-blocks .insects_images {
    width: calc(100% - 53rem);
}

.card {
    border-radius: 0.8rem;
    padding: 4rem;
    border: 0.1rem solid var(--green);
}

.card.greenCard {
    background: var(--green);
}
.card.greenCard .card-title,
.card.greenCard .card-text {
    color: var(--white);
}

.card .card-title {
    margin: 0 0 10rem;
}

.image_card img {
    border-radius: 0.8rem;
}

.card .card-text {
    font-size: 2rem;
    line-height: 2.4rem;
    letter-spacing: 1.28px;
}

.card.greenCard .site-button a {
    width: 100%;
}

.card .site-button {
    margin: 5rem 0 0;
}

.row.info-blocks {
    padding: 3.5rem 0;
}

.row.imageLeft {
    flex-direction: row-reverse;
}

.insects_images .image_card,
.insects_images .image_card img,
.insects_info_card .card {
    height: 100%;
}

/*home page responsive css start here*/
@media (min-width: 1200px) and (max-width: 1599px) {
    .insects_info_card {
        width: 40rem;
    }

    .info-blocks .insects_images {
        width: calc(100% - 40rem);
    }
    .card{
        padding: 3rem 2.4rem;
    }

    .card .card-title {
        margin: 0 0 8rem;
    }   

    .card .site-button {
        margin: 3rem 0 0;
    }

    .card .card-text{
        font-size: 1.6rem;
        line-height: 2.4rem;
    }
}

@media screen and (max-width: 1199px) {
    .insects_info_card, .info-blocks .insects_images {
        width: 50%;
    }
}
@media (min-width: 656px) and (max-width: 1023px) {
    .insects_info_card, .info-blocks .insects_images {
        width: 50%;
    }
}

@media screen and (max-width: 1023px) {
    .insects_info_card {
        width: 40rem;
    }

    .info-blocks .insects_images {
        width: calc(100% - 40rem);
    }

    .card {
        padding: 3rem;
    }
}

@media (min-width: 656px) and (max-width: 1023px) {
    .card .card-title{
        margin: 0 0 3rem;
    }
    .insects_info_card, .info-blocks .insects_images {
        width: 50%;
    }
}

@media screen and (max-width: 655px) {
    .image_card img{
        min-height: 25rem;
    }

    .info-blocks .insects_images {
        width: 100%;
    }

    .insects_info_card {
        width: 100%;
        margin: 2rem 0 0;
        order: 2;
    }

    .row.info-blocks {
        padding: 2rem 0;
    }

    .insects-blocks, .card .card-title {
        margin: 0 0 3rem;
    }
}