:root {
    --colorBackgroundBenefitsV4: var(--colorFour);
    --colorItemBenefitsV4: var(--colorThree);
    --colorItemBenefitsHoverV4: var(--colorOne);
    --colorItemIconoBackgorundBenefitsHoverV4: var(--colorTwo);
    --colorItemIconoHoverV4: var(--colorSeven);
    --colorItemIconoSinHoverV4: var(--colorOne);
    --colorItemIconoBackgorundBenefitsSinHoverV4: #ffffff;
    --colorTextSubtitle: #ffffff91;
    --colorTextItemUnic: #ffffff91;
    --colorTextItemUnicSpan: #fff;
}
* {
    font-family: "Podkova", serif;
}
#section-benefits-v4 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: auto auto;
    grid-gap: 15px;
    height: max-content;
    padding: 120px 0px;
    background-color: var(--colorFour);
}
#section-benefits-v4 .container-text-benefits-v4 {
    display: grid;
    grid-template-columns: 750px;
    place-content: center;
    margin-top: 5px;
    margin-bottom: 15px;
    color: #fff;
}
#section-benefits-v4 .container-text-benefits-v4 h2 {
    text-align: center;
    font-weight: 600;
    margin-bottom: 25px;
    font-size: 2.3rem;
}
#section-benefits-v4 .container-text-benefits-v4 p {
    text-align: center;
    font-size: 1.20rem;
    color: var(--colorTextSubtitle);
}
#section-benefits-v4 .container-items-benefits-v4 {
    position: relative;
    z-index: 99;
    display: grid;
    grid-gap: 23px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 280px);
    padding: 4px 80px;
    transition: all 0.35s ease-in;
}
#section-benefits-v4 .container-items-content {
    height: 100%;
}
#section-benefits-v4 .container-items-content > div {
    display: flex;
    flex-direction: column;
    text-align: justify;
    border-radius: var(--borderRadiusSize);
    background-color: var(--colorItemBenefitsV4);
    padding: 8px 18px;
    height: 100%;
    transition: all 0.4s ease-in-out;
}
#section-benefits-v4 .container-items-content > div:hover {
    background-color: var(--colorItemBenefitsHoverV4);
}
#section-benefits-v4 .container-items-content > div:hover .container-icon span {
    background: var(--colorItemIconoBackgorundBenefitsHoverV4);
    color: var(--colorItemIconoHoverV4);
}
#section-benefits-v4 .container-items-content.item-2-image {
    padding: 0;
    margin: 0;
    grid-row: span 2;
}
#section-benefits-v4 .container-items-content.item-2-image > div {
    padding: 0;
    overflow: hidden;
    height: 100%;
}
#section-benefits-v4 .container-items-content.item-2-image > div img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: all 0.35s ease-out;
}
#section-benefits-v4 .container-items-content.item-2-image:hover > div img { 
    transform: scale(1.10);
    filter: grayscale(1);
}
#section-benefits-v4 .container-items-benefits-v4 .container-icon {
    height: 120px;
}
#section-benefits-v4 .container-items-benefits-v4 .container-icon span {
    height: 59px;
    background: var(--colorItemIconoBackgorundBenefitsSinHoverV4);
    color: var(--colorItemIconoSinHoverV4);
    display: flex;
    width: 60px;
    border-radius: var(--borderRadiusSize);
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    margin-top: 15px;
    transition: all 0.35s ease-in;
}
#section-benefits-v4 .text-description {
    display: inline-block;
    font-size: 1.16rem;
    color: var(--colorTextItemUnic);
}
#section-benefits-v4 .text-description span {
    font-weight: 600;
    color: var(--colorTextItemUnicSpan);
}

.text-description p {
    color: var(--colorTwo);
}
@media screen and (max-width: 1536px) {
    #section-benefits-v4 .container-items-benefits-v4 {
        grid-template-rows: repeat(2, 260px);
    }
    #section-benefits-v4 .text-description {
        font-size: 1.12rem;
    }
}
@media screen and (max-width: 1280px) {
    #section-benefits-v4 .container-items-benefits-v4 {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width: 1024px) {
    #section-benefits-v4 .container-items-benefits-v4 {
        padding: 4px 30px;
    }

    #section-benefits-v4 .container-text-benefits-v4 {
        grid-template-columns: 91%;
    }
    #section-benefits-v4 .container-text-benefits-v4 h2 {
        font-size: 1.5rem;
    }

    #section-benefits-v4 .container-text-benefits-v4 p {
        font-size: 1.08rem;
    }
}
@media screen and (max-width: 768px) {
    #section-benefits-v4 .container-items-benefits-v4 {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 269px 296px;
        grid-auto-rows: max-content;
    }
    #section-benefits-v4 .container-text-benefits-v4 {
        padding: 0 35px;
    }
    #section-benefits-v4 .text-description {
        text-align: center;
    }
}
@media screen and (max-width: 640px) {
    #section-benefits-v4 .container-items-benefits-v4 {
        grid-template-rows: max-content 350px max-content;
        grid-template-columns: repeat(1, 1fr);
    }
    #section-benefits-v4 .container-items-content.item-2-image {
        grid-row: span 1;
    }
    #section-benefits-v4 .container-items-benefits-v4 .container-icon {
        height: 110px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}