.section-sectors .sector-image {
    background-size: cover;
    background-position: center;
    width: 100%;
    aspect-ratio: 505.5401/226.4458;
    margin-bottom: 20px;

    background-size: 100%;
    background-repeat: no-repeat;

    transition: 300ms;
}

.section-sectors .sector-link:hover .sector-image {
    background-size: 105%;
}

/* .section-sectors .h1-style {
    margin-bottom: 50px;
} */

/* .section-sectors .h5-style {
    margin-bottom: var(--tateru-padding-default);
} */


.section-sectors .description {
    padding-bottom: 50px;
}


.section-sectors .sector-link {
    color: inherit;
    /* display: flex;
    flex-direction: column;
    row-gap: 15px; */
}

.section-sectors .sector-link:hover {
    text-decoration: none;
}

.section-sectors .sector .sector-title {
    color: var(--tateru-color-primary);
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-box-trim: trim-both;
    text-box-edge: cap alphabetic;
    position: relative;

    border-bottom: var(--tateru-line-width) solid #e5e5e5;
}


.section-sectors .sector .sector-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    height: var(--tateru-line-width);
    width: 0%;
    background-color: var(--tateru-color-secondary);
    transition: width 500ms;
    transition-timing-function: cubic-bezier(0.83, 0, 0.17, 1);
}
.section-sectors .sector-link:hover .sector-title::after {
    width: 100%;
}


.section-sectors .sector .sector-title span {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f4f4f4;
    width: 40px;
    height: 40px;
}

.section-sectors .sector-link:hover .sector-title span {
    background-color: var(--tateru-color-secondary);
}

.section-sectors .sector .sector-title span svg {
    height: var(--tateru-arrow-height);
    width: var(--tateru-arrow-width);
}

.section-sectors .sector .sector-title span svg .cls-1 {
    fill: var(--tateru-color-primary);
}

.section-sectors .sector-link:hover span svg .cls-1 {
    fill: var(--tateru-color-white);
}

.section-sectors .sector .sector-subheading {
    padding-top: 25px;
}

.section-sectors .sector .sector-description {
    padding-top: 25px;
}