.layout-services .service-item {
    background-color: var(--color-white);
    position: relative;
    margin-bottom: 2px;
}
.layout-services .square-container {
    width: 100%;
    aspect-ratio: 250 / 205;
    overflow: hidden;
    justify-self: end;
    transition: width 0.5s ease-out, aspect-ratio 0.5s ease-out;
}
.layout-services .square-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-out;
}
@media (min-width: 744px) {
    .layout-services .square-container {
        height: 100%;
    }
}
@media (min-width: 1200px) {
    .layout-services .square-container {
        width: 280px;
        height: 280px;
        aspect-ratio: 1 / 1;
    }
    .layout-services .service-item:hover {
        background-color: var(--color-light-blue);
        transition: background-color 0.5s ease-out;
    }
    .layout-services .selected-service::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        height: 4px;
        width: 100%;
        background-color: var(--color-blue);
        transform: scaleX(0);
        transform-origin: left;
        transition: transform 0.5s ease-out;
    }
    .layout-services .service-item:hover .selected-service::before {
        transform: scaleX(1);
    }
    .layout-services .service-item:hover .square-container {
        width: 100%;
    }
}
.layout-services .list-items .item {
    border-bottom: 1px solid var(--color-light-gray);
    padding: 10px 0;
    display: flex;
    align-items: start;
}
.layout-services .list-items .item::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-top: 2px;
    margin-right: 15px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.35 8.86'%3E%3Cpath d='m4.55,8.86L.22,4.52c-.29-.29-.29-.77,0-1.06s.77-.29,1.06,0l3.27,3.27L11.07.22c.29-.29.77-.29,1.06,0s.29.77,0,1.06l-7.58,7.58h0Z' style='fill:%23999999;'/%3E%3C/svg%3E") no-repeat center / 10px;
}
.layout-services .list-items .item:first-child {
    padding-top: 0;
}
.layout-services .list-items .item:last-child {
    border-bottom: none;
}
.layout-services .btn-circle {
    position: absolute;
    right: 20px;
    bottom: 20px;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.5s ease-out, visibility 0.5s ease-out;
}
@media (min-width: 744px) {
    .layout-services .btn-circle {
        right: 10px;
        bottom: 10px;
    }
}
@media (min-width: 1200px) {
    .layout-services .btn-circle {
        opacity: 0;
        visibility: hidden;
    }
    .layout-services .service-item:hover .btn-circle {
        opacity: 1;
        visibility: visible;
    }
}
/* Line Under Title */
.layout-services .selected-service {
    position: relative;
    display: inline-block;
}
/* theContent */
.layout-services .theContent h1,
.layout-services .theContent h2,
.layout-services .theContent h3,
.layout-services .theContent h4,
.layout-services .theContent h5,
.layout-services .theContent h6,
.layout-services .theContent p {
    font-size: calc(0.875rem + ((1vw - 0.2rem) * 0.4464)); /* 14 - 16 */
    line-height: 157%;
    font-family: var(--font-b);
font-weight: 300;
}

@media(min-width: 768px) {
    .layout-services .theContent h1,
    .layout-services .theContent h2,
    .layout-services .theContent h3,
    .layout-services .theContent h4,
    .layout-services .theContent h5,
    .layout-services .theContent h6,
    .layout-services .theContent p {
        font-size: calc(1rem + ((1vw - 0.48rem) * 0.1096)); /* 16 - 17 */
        line-height: 146%;
    }
}
@media(min-width: 1681px) {
    .layout-services .theContent h1,
    .layout-services .theContent h2,
    .layout-services .theContent h3,
    .layout-services .theContent h4,
    .layout-services .theContent h5,
    .layout-services .theContent h6,
    .layout-services .theContent p {
        font-size: 1.0625rem; /* 17 */
        line-height: 147%;
    }
}