/*
|--------------------------
|   ESG
|--------------------------
*/
:root {
    --color-blue:#003d76;
    --color-blue-dark:#21252c;
    --color-red:#9c1e33;
    --color-white:#fff;
    --color-gray-light:#f2f2f2;
    --color-gray-medium:#d9d9d9;
}

/* Policy */
.policy-container {
    background: linear-gradient(
        180deg,
        transparent 60%,
        var(--color-gray-light) 50%);
    padding-bottom: 5rem;
}
.policy-container > div {
    border-top:6px solid var(--color-red);
}
.policy-container article strong {
    display: block;
    margin: 3rem 0;
    text-transform: uppercase;
    font-weight: 500;
    color: var(--color-blue);
}
.policy-container article p > a {
    text-decoration:underline;
    font-weight:500;
}
.policy-container article p {
    font-size:.85rem;
}
.policy-container div > aside span {
    font-size:1.2rem;
}
/* feature */
.feature-container {
    padding-bottom: 4rem;
    background:var(--color-gray-light);
}
.feature-container .card-feature {
    background: var(--color-white);
}
.feature-container .card-feature img {
    object-fit:cover;
}
.feature-container .card-feature article h3 {
    width: 100%;
    position: relative;
    padding:.75rem 0;
    font-size:1.25rem;
    font-weight:400;
    text-transform: uppercase;
    color:var(--color-blue);
}
.feature-container .card-feature article h3::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    width: 100%;
    height: 1px;
    background: var(--color-red);
}
.feature-container .card-feature article p {
    font-size: .95rem;
}
.feature-container .card-feature article a {
    text-transform: uppercase;
    font-weight: 600;
    background: transparent;
    border:2px solid var(--color-gray-medium);
    color:var(--color-blue);
}

.others-action-container .card-feature article strong, .others-action-container .card-feature article strong > a,
.others-action-container .card-others aside strong, .others-action-container .card-others aside strong > a {
    color:var(--color-red);
    font-weight: 700;
}
.others-action-container .card-feature article h2,
.others-action-container .card-others aside h2 {
    font-size:1.25rem;
    font-weight:700;
    color:var(--color-blue);
}
.others-action-container .card-others aside {
    border-top:1px solid var(--color-red);
    border-bottom:1px solid var(--color-red);
}
.others-action-container .card-others {
    overflow: hidden;
}
.others-action-container .card-others aside + aside {
    border-top: 0 none;
}
.others-action-container .footer a {
    display: block;
    font-size:.75rem;
    font-weight:700;
    text-decoration: underline;
    color:var(--color-blue-dark);
}
/* Tablet */
@media(min-width:768px) {
    .others-action-container
    .card-others aside + aside {
        border-top:1px solid var(--color-red);
    }
}

/* Desktop */
@media(min-width:1024px) {
    .feature-container
    .card-feature.card-reverse article h3::after {
        right:-20%;
    }
    .feature-container
    .card-feature article h3::after {
        right: 5%;
        width: 120%;
    }
}