.elementor-1450 .elementor-element.elementor-element-973b36b{--display:flex;--min-height:23vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.3;}.elementor-1450 .elementor-element.elementor-element-973b36b:not(.elementor-motion-effects-element-type-background), .elementor-1450 .elementor-element.elementor-element-973b36b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://v2.top1-team.com/ciittoservo/uploads/2025/09/20250902100619_3260_4-scaled.webp-webp.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1450 .elementor-element.elementor-element-973b36b::before, .elementor-1450 .elementor-element.elementor-element-973b36b > .elementor-background-video-container::before, .elementor-1450 .elementor-element.elementor-element-973b36b > .e-con-inner > .elementor-background-video-container::before, .elementor-1450 .elementor-element.elementor-element-973b36b > .elementor-background-slideshow::before, .elementor-1450 .elementor-element.elementor-element-973b36b > .e-con-inner > .elementor-background-slideshow::before, .elementor-1450 .elementor-element.elementor-element-973b36b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-1450 .elementor-element.elementor-element-b037951{text-align:center;}.elementor-1450 .elementor-element.elementor-element-b037951 .elementor-heading-title{font-size:50px;font-weight:600;color:#F7F9FC;}.elementor-1450 .elementor-element.elementor-element-5401254{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1450 .elementor-element.elementor-element-649ac85{width:100%;max-width:100%;}/* Start custom CSS for html, class: .elementor-element-649ac85 *//* 基础样式 */
    .cert-section {
        margin-bottom: 4rem;
        overflow: hidden;
        position: relative;
    }

    .cert-section::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(145deg, rgba(255, 255, 255, 0.05) 0%, rgba(248, 250, 252, 0.1) 50%, rgba(241, 245, 249, 0.05) 100%);
        pointer-events: none;
        z-index: -1;
    }

    .cert-section h2 {
        text-align: center;
        font-size: 2.5rem;
        font-weight: 800;
        color: #0F172A;
        text-transform: uppercase;
        letter-spacing: 2px;
        position: relative;
        z-index: 10;
        background: linear-gradient(135deg, #1A1A2E 0%, #16213E 50%, #0F172A 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .cert-section h2::after {
        content: '';
        position: absolute;
        bottom: -15px;
        left: 50%;
        transform: translateX(-50%);
        width: 80px;
        height: 4px;
        background: linear-gradient(90deg, transparent 0%, #3B82F6 50%, transparent 100%);
        border-radius: 2px;
    }
    
    /* 轮播容器样式 */
    .carousel-container {
        position: relative;
        width: 100%;
        height: 720px;
        margin: 0 auto;
        padding: 0 60px;
        box-sizing: border-box;
        overflow: visible;
    }
    
    /* 轮播项样式 */
    .cert-item {
        position: absolute;
        width: 380px;
        height: 550px;
        top: 50%;
        left: 50%;
        transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        overflow: visible;
        opacity: 0;
        pointer-events: none;
        z-index: 1;
        background: #ffffff;
    }

    .cert-item img {
        width: 100%;
        height: 550px;
        object-fit: cover;
        display: block;
        background-color: #fff;
    }

    .cert-title {
        position: absolute;
        bottom: -120px;
        left: 0;
        width: 100%;
        padding: 1.2rem;
        text-align: center;
        background: transparent;
        color: #1A1A2E;
        font-weight: 700;
        font-size: 1.1rem;
        line-height: 1.4;
        transition: all 0.6s ease;
        transform: translateY(0);
        box-sizing: border-box;
        opacity: 0;
    }
    
    /* 轮播位置样式 - 部分堆叠：1-2堆叠，3独立，4-5堆叠 */
    .cert-position-0 { /* 第1张 - 被第2张部分覆盖 */
        transform: translate(-190%, -50%) scale(0.65);
        opacity: 0.4;
        z-index: 8;
        filter: blur(1px);
    }

    .cert-position-1 { /* 第2张 - 部分覆盖第1张，尺寸更大 */
        transform: translate(-150%, -50%) scale(0.85);
        opacity: 0.6;
        z-index: 15;
        filter: blur(0.5px);
    }

    .cert-position-2 { /* 第3张（中间）- 完全独立，不与任何图片堆叠 */
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
        z-index: 30;
        pointer-events: auto;
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.35), 0 8px 16px rgba(0, 0, 0, 0.2);
        filter: none;
    }

    .cert-position-2 .cert-title {
        bottom: -120px;
        opacity: 1;
        color: #1A1A2E;
        font-size: 1rem;
        font-weight: 600;
    }

    .cert-position-3 { /* 第4张 - 部分覆盖第5张，尺寸更大 */
        transform: translate(50%, -50%) scale(0.85);
        opacity: 0.6;
        z-index: 15;
        filter: blur(0.5px);
    }

    .cert-position-4 { /* 第5张 - 被第4张部分覆盖 */
        transform: translate(100%, -50%) scale(0.65);
        opacity: 0.4;
        z-index: 8;
        filter: blur(1px);
    }
    
    /* 箭头按钮样式 */
    .carousel-arrow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 70px;
        height: 70px;
        border-radius: 50%;
        background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(248, 250, 252, 0.9) 100%);
        border: 2px solid rgba(59, 130, 246, 0.2);
        color: #1A1A2E;
        font-size: 1.8rem;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        box-shadow:
            0 8px 25px rgba(0, 0, 0, 0.15),
            0 3px 10px rgba(0, 0, 0, 0.1),
            inset 0 1px 0 rgba(255, 255, 255, 0.6);
        transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        z-index: 40;
        padding: 0;
        backdrop-filter: blur(10px);
    }

    /* 箭头禁用状态 */
    .carousel-arrow.disabled {
        opacity: 0.2;
        cursor: not-allowed;
        pointer-events: none;
        filter: grayscale(0.8);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    }

    .carousel-arrow:not(.disabled):hover {
        background: linear-gradient(135deg, #1A1A2E 0%, #16213E 100%);
        color: white;
        transform: translateY(-50%) scale(1.15);
        box-shadow:
            0 12px 35px rgba(26, 26, 46, 0.4),
            0 6px 15px rgba(26, 26, 46, 0.2);
        border-color: rgba(59, 130, 246, 0.4);
    }

    .carousel-arrow:not(.disabled):active {
        transform: translateY(-50%) scale(1.05);
    }

    .arrow-left {
        left: 100px;
    }

    .arrow-right {
        right: 100px;
    }
    
    /* 自定义箭头符号 */
    .arrow-left::before {
        content: '‹';
    }
    
    .arrow-right::before {
        content: '›';
    }
    
    /* 响应式设计 - 桌面端 */
    @media (min-width: 1024px) {
        .cert-item {
            width: 380px;
            height: 520px;
        }

        .carousel-container {
            height: 720px;
            padding: 0 80px;
        }
    }

    /* 平板端 */
    @media (max-width: 1023px) and (min-width: 768px) {
        .carousel-container {
            height: 600px;
            padding: 0 50px;
        }

        .cert-item {
            width: 320px;
            height: 450px;
        }

        .cert-item img {
            height: 380px;
        }

        .cert-position-0 {
            transform: translate(-130%, -50%) scale(0.6);
            filter: blur(1.5px);
        }
        .cert-position-1 {
            transform: translate(-105%, -50%) scale(0.8);
            filter: blur(0.8px);
        }
        .cert-position-2 {
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), 0 6px 12px rgba(0, 0, 0, 0.15);
        }
        .cert-position-3 {
            transform: translate(10%, -50%) scale(0.8);
            filter: blur(0.8px);
        }
        .cert-position-4 {
            transform: translate(30%, -50%) scale(0.6);
            filter: blur(1.5px);
        }

        .carousel-arrow {
            width: 60px;
            height: 60px;
            font-size: 1.4rem;
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(248, 250, 252, 0.85) 100%);
            box-shadow:
                0 6px 20px rgba(0, 0, 0, 0.12),
                0 2px 8px rgba(0, 0, 0, 0.08);
        }

        .arrow-left {
            left: 25px;
        }

        .arrow-right {
            right: 25px;
        }

        .cert-section h2 {
            font-size: 2.2rem;
            margin-bottom: 3.5rem;
        }

        .cert-position-2 .cert-title {
            bottom: -10px;
            font-size: 1rem;
        }
    }

    /* 移动端 */
    @media (max-width: 767px) {
        .carousel-container {
            height: 420px;
            padding: 0 30px;
        }

        /* 移动端只显示中间一张 */
        .cert-position-0, .cert-position-1, .cert-position-3, .cert-position-4 {
            display: none !important;
        }

        .cert-position-2 {
            width: 90%;
            height: 420px;
            transform: translate(-50%, -50%) scale(1);
            box-shadow: 0 12px 25px rgba(0, 0, 0, 0.25), 0 4px 10px rgba(0, 0, 0, 0.12);
        }

        .cert-position-2 img {
            height: 350px;
        }

        .carousel-arrow {
            width: 50px;
            height: 50px;
            font-size: 1.2rem;
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(248, 250, 252, 0.9) 100%);
            box-shadow:
                0 5px 15px rgba(0, 0, 0, 0.15),
                0 2px 6px rgba(0, 0, 0, 0.1);
        }

        .arrow-left {
            left: 15px;
        }

        .arrow-right {
            right: 15px;
        }

        .cert-section h2 {
            font-size: 1.8rem;
            margin-bottom: 2.5rem;
            letter-spacing: 1.5px;
        }

        .cert-position-2 .cert-title {
            bottom: -5px;
            font-size: 0.95rem;
            padding: 1rem 0.5rem;
        }
    }/* End custom CSS */