.single-service-flex-content{
    padding: 100px 24px;
    >*{
        margin-bottom: 100px;
        &:last-child{
            margin-bottom: 0;
        }
    }
}
@media screen and (width < 576px) {
    .single-service-flex-content{
        padding: 60px 24px;
        >*{
            margin-bottom: 60px;
        }
    }
}

.single-service-img-content{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    align-items: center;

    >.content {
        padding-right: 36px;
        > p{
            white-space: pre-line;
            margin-top: 24px;
        }
    }
    >.swiper{
        width: 100%;
        .swiper-slide{
            aspect-ratio: 3 / 2;
            >img{
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }
        > .pagination{
            display: flex;
            justify-content: center;
            gap: 24px;
            position: absolute;
            z-index: 1;
            bottom: 24px;
            >.bullet{
                width: 11px;
                aspect-ratio: 1;
                border-radius: 50%;
                border: 1px solid var(--color-primary-1);
                background-color: transparent;
                transition: background-color 1s;
                &.active{
                    background-color: var(--color-primary-1);
                }
            }
        }
    }
}
@media screen and (width < 1024px) {
    .single-service-img-content{
        >.content {
            padding-right: 0;
        }
    }
}
@media screen and (width < 768px) {
    .single-service-img-content{
        grid-template-columns: 100%;
        gap: 40px;
    }
}

.single-service-youtube{
    max-width: 996px;
    margin-left: auto;
    margin-right: auto;
    aspect-ratio: 16 / 9;
    >iframe{
        width: 100%;
        height: 100%;
    }
}

.single-service-content{
    >h3{
        text-align: center;
    }
    >p{
        white-space: pre-line;
        margin-top: 24px;
    }
}