﻿.tabs__process {
    display: flex;
    justify-content: center;
    gap: 20px;
    padding-top: 10px;
}

.tab__process {
    cursor: pointer;
    padding: 10px 20px;
    border-bottom: 3px solid gray;
    width:30%;
}

.active-tab__process {
    border-bottom: 3px solid #357EDD;
}


.embla {
    overflow: hidden;
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    clip-path: inset(0 0 0 0);
}

@media (hover: hover) {
    .cursor-grab {
        cursor: pointer;
    }
}

.embla__process {
    overflow: hidden;
}

.embla__benefits {
    overflow: hidden;
    width: 100%;
}

.embla__container__process {
    display: flex;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.embla__container__benefits {
    display: flex;
    flex-wrap: nowrap;
    transition: transform 0.3s ease;
}

.embla__slide__benefits {
    flex-shrink: 0;
    /*width: 30%;*/ /* Set each slide to 30% width */
}

@media screen and (max-width: 768px) {
    .embla__slide__benefits {
        width: 60%; /* On mobile, set width to 60% */
    }
}

.embla__slide__process {
    position: relative;
    flex: 0 0 100%;
    min-width: 0;
}

.embla__slide__benefits img {
    width: 100%;
    height: auto; /* 保持宽度自适应，按比例调整高度 */
    max-height: 500px; /* 设置最大高度为500px，超过部分会被裁剪 */
    object-fit: cover; /* 确保图片按比例缩放并填满容器 */
    display: block;
}


/* 导航点样式 */
.embla__dots__process {
    /*尽可能用css库本身的样式*/
    /*    display: flex;
    justify-content: center;
    padding: 20px 0;
    bottom: 20px;
    left: 0;
    right: 0;*/
}

.embla__dot {
    width: 12px;
    height: 12px;
    margin: 0 6px;
    border-radius: 50%;
    border: none;
    background-color: #CCCCCC;
    cursor: pointer;
    transition: background-color 0.3s;
}

.embla__dot--selected {
    background-color: #357EDD;
}


.embla__container__process {
    display: flex;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -webkit-tap-highlight-color: transparent;
}


