@charset 'utf-8';
  /* 最外层容器 主宽度限制1600px */
        .reyo-page-container {
            max-width: 1600px;
            margin: 0 auto;
            padding: 60px 10px;
        }
        /* 顶部小标题 */
        .reyo-core-tagline {
            text-align: center;
            color: #9c43b3;
            font-size: 14px;
            letter-spacing: 0.4px;
            margin-bottom: 18px;
            text-transform: uppercase;
            font-weight: bold;
        }
        /* 大标题 */
        .reyo-main-headline {
            font-size: 64px;
            text-align: center;
            font-weight: 700;
            line-height: 1.2;
            margin-bottom: 22px;
            transition: transform 0.3s ease;
        }
        .reyo-main-headline:hover {
            transform: translateY(-3px);
        }
        /* 标题下方简介 */
        .reyo-top-desc-text {
            max-width: 920px;
            margin: 0 auto 52px;
            text-align: center;
            color: #555555;
            font-size: 16px;
            transition: color 0.3s ease;
        }
        .reyo-top-desc-text:hover {
            color: #2f2f2f;
        }
        /* 图片+文本横向布局行 */
        .reyo-two-column-row {
            display: flex;
            gap: 50px;
            align-items: flex-start;
        }
        /* 左侧图片列 */
        .reyo-factory-column {
            flex: 1;
        }
        .reyo-factory-card {
            width: 100%;
            border-radius: 16px;
            overflow: hidden;
            transition: transform 0.4s ease, box-shadow 0.4s ease;
        }
        .reyo-factory-card img {
            width: 100%;
            display: block;
        }
        .reyo-factory-card:hover {
            transform: translateY(-7px);
            box-shadow: 0 14px 38px rgba(0, 0, 0, 0.11);
        }
        /* 右侧文本列 */
        .reyo-about-column {
            flex: 1;
        }
        .reyo-about-title {
            font-size: 48px;
            margin-bottom: 22px;
        }
        .reyo-purple-brand {
            color: #9c43b3;
        }
        .reyo-about-para {
            font-size: 16px;
            color: #333333;
            margin-bottom: 16px;
            transition: color 0.3s ease;
        }
        .reyo-about-para:hover {
            color: #111111;
        }
        /* 平板适配 */
        @media screen and (max-width: 1200px) {
            .reyo-main-headline {
                font-size: 48px;
            }
            .reyo-about-title {
                font-size: 36px;
            }
            .reyo-two-column-row {
                gap: 35px;
            }
        }
        /* 移动端适配 */
        @media screen and (max-width: 820px) {
            .reyo-page-container {
                padding: 40px 20px;
            }
            .reyo-main-headline {
                font-size: 36px;
            }
            .reyo-two-column-row {
                flex-direction: column;
            }
            .reyo-about-title {
                font-size: 28px;
            }
        }
		
		
		
 /* 主容器 最大宽度1600px 居中 */
        .reyo-history-wrap {
            max-width: 1600px;
            margin: 0 auto;
            padding: 60px 10px;
            display: flex;
            gap: 60px;
            align-items: flex-start;
        }
        /* 左侧内容区域 */
        .reyo-history-left {
            flex: 1;
        }
        .reyo-history-subtitle {
            color: #7b2c9c;
            font-size: 15px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            margin-bottom: 16px;
            font-weight: bold;
        }
        .reyo-history-title {
            font-size: 64px;
            font-weight: 700;
            line-height: 1.2;
            margin-bottom: 20px;
            transition: transform 0.3s ease;
        }
        .reyo-history-title:hover {
            transform: translateY(-3px);
        }
        .reyo-history-intro {
            font-size: 17px;
            color: #555;
            line-height: 1.6;
            margin-bottom: 40px;
            transition: color 0.3s ease;
        }
        .reyo-history-intro:hover {
            color: #222;
        }
        /* 时间线竖向滚动容器，仅保留上下滚动，禁止横向滚动 */
        .reyo-timeline-scrollbox {
            max-height: 320px;
            overflow-y: auto;
            overflow-x: hidden;
            padding-left: 10px;
        }
        .reyo-timeline-scrollbox::-webkit-scrollbar {
            width: 8px;
        }
        .reyo-timeline-scrollbox::-webkit-scrollbar-track {
            background: #f1f1f1;
            border-radius: 4px;
        }
        .reyo-timeline-scrollbox::-webkit-scrollbar-thumb {
            background: #d1bede;
            border-radius: 4px;
        }
        .reyo-timeline-scrollbox::-webkit-scrollbar-thumb:hover {
            background: #9c54b8;
        }
        /* 时间线本体 */
        .reyo-timeline-line {
            border-left: 3px solid #7b2c9c;
            position: relative;
            padding-left: 60px;
        }
        .reyo-timeline-item {
            position: relative;
            margin-bottom: 42px;
            transition: transform 0.25s ease;
        }
        .reyo-timeline-item:hover {
            transform: translateX(6px);
        }
        /* 时间节点圆点 */
        .reyo-timeline-dot {
            width: 16px;
            height: 16px;
            border-radius: 50%;
            background-color: #7b2c9c;
            position: absolute;
            left: calc(-60px - 10px);
            top: 20px;
        }
        /* 圆点右侧虚线 */
        .reyo-timeline-dot::after {
            content: '';
            position: absolute;
            left: 20px;
            top: 50%;
            width: 40px;
            height: 1px;
            border-top: 1px dashed #7b2c9c;
        }
        .reyo-timeline-year {
            font-size: 36px;
            font-weight: 700;
            color: #7b2c9c;
            margin-bottom: 10px;
        }
        .reyo-timeline-desc {
            font-size: 16px;
            color: #555;
            line-height: 1.5;
        }
        /* 右侧图片区域 */
        .reyo-history-right {
            flex: 1;
        }
        .reyo-showcase-card {
            width: 100%;
            border-radius: 24px;
            overflow: hidden;
            transition: transform 0.4s ease, box-shadow 0.4s ease;
        }
        .reyo-showcase-card img {
            width: 100%;
            display: block;
        }
        .reyo-showcase-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 16px 45px rgba(0,0,0,0.1);
        }
        /* 平板适配 */
        @media screen and (max-width:1200px) {
            .reyo-history-title {
                font-size: 48px;
            }
            .reyo-timeline-year {
                font-size: 30px;
            }
            .reyo-history-wrap {
                gap: 40px;
            }
        }
        /* 移动端适配 */
        @media screen and (max-width:820px) {
            .reyo-history-wrap {
                flex-direction: column;
                padding: 40px 20px;
            }
            .reyo-history-title {
                font-size: 36px;
            }
            .reyo-timeline-scrollbox {
                max-height: 360px;
            }
            .reyo-history-right {
                order: -1;
            }
        }		
		  /* ========== 当前模块：独立全屏背景容器 ========== */
        .reyo-factory-tour-section {
            /* 模块全屏背景，和截图浅灰白一致 */
            background-color: #f9f9f9;
            width: 100%;
        }
        /* 内容限制1600px居中 */
        .reyo-factory-tour-wrap {
            max-width: 1600px;
            margin: 0 auto;
            padding: 60px 10px;
        }

        /* 顶部标题区域 */
        .reyo-factory-tour-header {
            text-align: center;
            margin-bottom: 50px;
        }
        .reyo-factory-tour-subtitle {
            color: #7b2c9c;
            font-size: 14px;
            font-weight: bold;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            margin-bottom: 12px;
        }
        .reyo-factory-tour-title {
            font-size: 64px;
            font-weight: 700;
            line-height: 1.2;
            margin-bottom: 18px;
            transition: transform 0.3s ease;
        }
        .reyo-factory-tour-title:hover {
            transform: translateY(-3px);
        }
        .reyo-factory-tour-desc {
            max-width: 900px;
            margin: 0 auto;
            font-size: 16px;
            color: #555;
            line-height: 1.6;
            transition: color 0.3s ease;
        }
        .reyo-factory-tour-desc:hover {
            color: #222;
        }

        /* 8张图片网格，固定平铺无轮播 */
        .reyo-factory-tour-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 24px;
        }
        .reyo-factory-tour-item {
            border-radius: 16px;
            overflow: hidden;
            transition: transform 0.4s ease, box-shadow 0.4s ease;
        }
        .reyo-factory-tour-item img {
            width: 100%;
            height: 270px;
            object-fit: cover;
            display: block;
            transition: transform 0.4s ease;
        }
        .reyo-factory-tour-item:hover {
            transform: translateY(-6px);
            box-shadow: 0 14px 36px rgba(0, 0, 0, 0.1);
        }
        .reyo-factory-tour-item:hover img {
            transform: scale(1.04);
        }

        /* 平板适配 */
        @media screen and (max-width: 1200px) {
            .reyo-factory-tour-title {
                font-size: 48px;
            }
            .reyo-factory-tour-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        /* 移动端适配 */
        @media screen and (max-width: 820px) {
            .reyo-factory-tour-wrap {
                padding: 40px 20px;
            }
            .reyo-factory-tour-title {
                font-size: 36px;
            }
            .reyo-factory-tour-grid {
                grid-template-columns: 1fr;
            }
            .reyo-factory-tour-item img {
                height: 230px;
            }
        }
		
		
		
        /* 模块全屏背景外层 */
        .reyo-cert-section {
            width: 100%;
            background: #ffffff;
        }
        /* 内容容器 最大宽度1600px居中 */
        .reyo-cert-wrap {
            max-width: 1600px;
            margin: 0 auto;
            padding: 60px 10px;
        }

        /* 头部标题区域 */
        .reyo-cert-header {
            text-align: center;
            margin-bottom: 50px;
        }
        .reyo-cert-subtitle {
            color: #7b2c9c;
            font-size: 14px;
            font-weight: bold;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            margin-bottom: 12px;
        }
        .reyo-cert-title {
            font-size: 64px;
            font-weight: 700;
            line-height: 1.2;
            margin-bottom: 18px;
            transition: transform 0.3s ease;
        }
        .reyo-cert-title:hover {
            transform: translateY(-3px);
        }
        .reyo-cert-desc {
            max-width: 1100px;
            margin: 0 auto;
            font-size: 16px;
            color: #555;
            line-height: 1.6;
            transition: color 0.3s ease;
        }
        .reyo-cert-desc:hover {
            color: #222;
        }

        /* 证书网格布局 一行5个 */
        .reyo-cert-grid {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 20px;
        }
        .reyo-cert-item {
            border-radius: 6px;
            overflow: hidden;
            transition: transform 0.4s ease, box-shadow 0.4s ease;
        }
        .reyo-cert-item img {
            width: 100%;
            display: block;
            transition: transform 0.4s ease;
        }
        .reyo-cert-item:hover {
            transform: translateY(-7px);
            box-shadow: 0 14px 36px rgba(0,0,0,0.12);
        }
        .reyo-cert-item:hover img {
            transform: scale(1.03);
        }

        /* 平板适配 */
        @media screen and (max-width:1200px) {
            .reyo-cert-title {
                font-size: 48px;
            }
            .reyo-cert-grid {
                grid-template-columns: repeat(3, 1fr);
            }
        }
        /* 移动端适配 */
        @media screen and (max-width:768px) {
            .reyo-cert-wrap {
                padding: 40px 20px;
            }
            .reyo-cert-title {
                font-size: 36px;
            }
            .reyo-cert-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 16px;
            }
        }
        @media screen and (max-width:480px) {
            .reyo-cert-grid {
                grid-template-columns: 1fr;
            }
        }
		
		
 /* 模块全屏外层容器 */
        .reyo-recruit-section {
            width: 100%;
            background: #ffffff;
        }
        /* 内容最大宽度1600px居中 */
        .reyo-recruit-wrap {
            max-width: 1600px;
            margin: 0 auto;
            padding: 60px 10px;
        }
        /* 标题区域 */
        .reyo-recruit-header {
            text-align: center;
            margin-bottom: 40px;
        }
        .reyo-recruit-subtitle {
            color: #7b2c9c;
            font-size: 14px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            margin-bottom: 12px;
            font-weight: bold;
        }
        .reyo-recruit-title {
            font-size: 64px;
            font-weight: 700;
            transition: transform 0.3s ease;
        }
        .reyo-recruit-title:hover {
            transform: translateY(-3px);
        }
        /* 招聘折叠项通用样式 */
        .reyo-recruit-accordion-item {
            background-color: #f8f8f8;
            border-radius: 8px;
            margin-bottom: 14px;
            overflow: hidden;
            transition: box-shadow 0.3s ease;
        }
        .reyo-recruit-accordion-item:hover {
            box-shadow: 0 6px 18px rgba(0,0,0,0.07);
        }
        /* 折叠头部 */
        .reyo-recruit-accordion-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 18px 24px;
            cursor: pointer;
        }
        .reyo-recruit-position-name {
            display: flex;
            align-items: center;
            gap: 12px;
            font-size: 24px;
            font-weight: 600;
        }
        .reyo-recruit-icon {
            color: #7b2c9c;
            font-size: 22px;
        }
        .reyo-recruit-toggle {
            font-size: 30px;
            color: #7b2c9c;
            line-height: 1;
            transition: transform 0.3s ease;
        }
        /* 展开内容区域 */
        .reyo-recruit-content {
            padding: 0 24px;
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.35s ease, padding 0.35s ease;
        }
        .reyo-recruit-accordion-item.active .reyo-recruit-content {
            max-height: 800px;
            padding: 0 24px 24px;
        }
        .reyo-recruit-accordion-item.active .reyo-recruit-toggle {
            transform: rotate(45deg);
        }
        .reyo-recruit-subheading {
            font-size: 18px;
            font-weight: 600;
            margin: 18px 0 8px;
        }
        .reyo-recruit-text {
            font-size: 16px;
            color: #444;
            line-height: 1.6;
        }
        /* 适配 */
        @media screen and (max-width:1200px) {
            .reyo-recruit-title {
                font-size: 48px;
            }
            .reyo-recruit-position-name {
                font-size: 20px;
            }
        }
        @media screen and (max-width:768px) {
            .reyo-recruit-wrap {
                padding: 40px 20px;
            }
            .reyo-recruit-title {
                font-size: 36px;
            }
            .reyo-recruit-position-name {
                font-size: 18px;
            }
        }


	/* 模块外层容器，最大宽度1600px居中 */
		.reyo-contact-wrap1{background: url(../images/bs3.jpg) no-repeat;background-size: 100% 100%;}
.reyo-contact-wrap{
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    padding: 70px 10px;
    position: relative;
    overflow: hidden;
}
/* 浅淡网点世界地图背景底纹 */
.reyo-contact-wrap::before{
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='worldDotBg' width='140' height='140' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='5' cy='5' r='1.2' fill='%23e4e4e4'/%3E%3Cpath d='M25 20 L110 45 L70 115 Z' stroke='%23ececec' stroke-width='0.5' fill='none'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23worldDotBg)'/%3E%3C/svg%3E");
    opacity: 0.4;
    z-index: 1;
    pointer-events: none;
}
/* 左右分栏内容容器，层级高于背景图 */
.reyo-contact-inner{
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 70px;
    align-items: flex-start;
}
/* 左侧文字&联系方式区域 */
.reyo-contact-left{
}
.reyo-contact-top-tag{
    font-size: 14px;
    color: #792890;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: bold;
    margin-bottom: 14px;
}
.reyo-contact-main-title{
    font-size: clamp(34px, 5vw, 60px);
    color: #111111;
    font-weight: 700;
    line-height: 1.15;
    margin-bottom: 24px;
}
.reyo-contact-desc{
    font-size: 16px;
    color: #666666;
    line-height: 1.7;
    margin-bottom: 42px;
    max-width: 90%;
}
/* 联系方式列表 */
.reyo-contact-info-list{
    list-style: none;
}
.reyo-contact-info-item{
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 24px;
    font-size: 18px;
    color: #111111;
    line-height: 1.6;
}
/* SVG图标统一样式 */
.reyo-contact-info-svg{
    width: 24px;
    height: 24px;
    fill: #792890;
    min-width: 24px;
    margin-top: 4px;
}
/* 右侧表单区域 */
.reyo-contact-right{
    width: 100%;
}
/* 双列输入框行 */
.reyo-contact-form-two-col{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 20px;
}
/* 输入框通用样式 */
.reyo-contact-input{
    width: 100%;
    height: 58px;
    padding: 0 20px;
    border: 1px solid #eeeeee;
    background: #ffffff;
    font-size: 16px;
    color: #222222;
    transition: border-color 0.28s ease;
}
.reyo-contact-input::placeholder{
    color: #999999;
}
.reyo-contact-input:focus{
    outline: none;
    border-color: #792890;
}
/* 文本域留言框 */
.reyo-contact-textarea{
    width: 100%;
    min-height: 200px;
    padding: 18px 20px;
    border: 1px solid #eeeeee;
    background: #ffffff;
    font-size: 16px;
    resize: none;
    margin-bottom: 26px;
    transition: border-color 0.28s ease;
}
.reyo-contact-textarea::placeholder{
    color: #999999;
}
.reyo-contact-textarea:focus{
    outline: none;
    border-color: #792890;
}
/* 提交按钮：修复非通栏，自适应文字宽度 */
.reyo-contact-submit-btn{
    /* 删除 width:100% */
    height: 60px;
    padding: 0 50px;
    background-color: #792890;
    color: #ffffff;
    border: none;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
.reyo-contact-submit-btn:hover{
    background-color: #5a1e6d;
}

/* 响应式适配 */
@media (max-width: 1200px){
    .reyo-contact-wrap{
        padding: 50px 30px;
    }
    .reyo-contact-inner{
        gap: 50px;
    }
}
@media (max-width: 768px){
    .reyo-contact-wrap{
        padding: 40px 20px;
    }
    .reyo-contact-inner{
        grid-template-columns: 1fr;
        gap: 40px;
    }
    .reyo-contact-form-two-col{
        grid-template-columns: 1fr;
    }
    .reyo-contact-desc{
        max-width: 100%;
    }
}
@media (max-width: 480px){
    .reyo-contact-main-title{
        font-size: 32px;
    }
    .reyo-contact-info-item{
        font-size: 16px;
    }
    .reyo-contact-input{
        height: 52px;
    }
    .reyo-contact-submit-btn{
        height: 54px;
        font-size: 16px;
        padding: 0 36px;
    }
}



/* 外层全屏紫色背景容器 */
.reyo-purple-banner-full-bg{
    width: 100%;
    background-color: #792890;
    position: relative;
    overflow: hidden;
}

/* 网点纹理统一风格 */
.reyo-purple-banner-full-bg::before{
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='purpleDotBg' width='120' height='120' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='6' cy='6' r='1.5' fill='%23ffffff' opacity='0.08'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23purpleDotBg)'/%3E%3C/svg%3E");
    z-index: 1;
    pointer-events: none;
}

/* 内容容器：1600px居中 */
.reyo-purple-banner-wrap{
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    padding: 70px 10px;
    position: relative;
    z-index: 2;
    text-align: center;
}

/* 大标题 */
.reyo-purple-banner-title{
    font-size: clamp(34px, 5vw, 58px);
    color: #ffffff;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 16px;
}

/* 描述文字 */
.reyo-purple-banner-desc{
    max-width: 900px;
    margin: 0 auto 24px;
    font-size: 15px;
    color: #f1f1f1;
    line-height: 1.7;
}

/* 文字链接按钮，无白色背景，带箭头 */
.reyo-purple-banner-link{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    transition: gap 0.3s ease;
}
.reyo-purple-banner-link:hover{
    gap: 16px;
}
.reyo-purple-arrow{
    font-size: 20px;
}

/* 响应式适配 */
@media (max-width: 1200px){
    .reyo-purple-banner-wrap{
        padding: 50px 30px;
    }
}

@media (max-width: 768px){
    .reyo-purple-banner-wrap{
        padding: 40px 20px;
    }
    .reyo-purple-banner-title{
        font-size: 32px;
    }
    .reyo-purple-banner-desc{
        font-size: 14px;
    }
}

@media (max-width: 480px){
    .reyo-purple-banner-wrap{
        padding: 30px 16px;
    }
    .reyo-purple-banner-title{
        font-size: 28px;
    }
}





/* 模块外层容器 最大宽度1600px居中 */
.reyo-brand-logo-swiper-wrap{
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    padding: 60px 10px;
}

/* 顶部标题区域 居中排版 */
.reyo-brand-top-title-block{
    text-align: center;
    margin-bottom: 40px;
}
.reyo-brand-top-tag{
    font-size: 14px;
    color: #792890;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 12px;
    font-weight: bold;
}
.reyo-brand-main-title{
    font-size: clamp(32px, 5vw, 56px);
    color: #111111;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 18px;
}
.reyo-brand-desc-text{
    max-width: 820px;
    margin: 0 auto;
    font-size: 15px;
    color: #666666;
    line-height: 1.6;
}

/* Swiper容器 */
.reyo-brand-swiper{
    width: 100%;
}

/* 单张轮播slide：整张Logo网格大图 */
.reyo-brand-slide{
    width: 100%;
}
.reyo-brand-grid-full-img{
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.4s ease;
}
.reyo-brand-slide:hover .reyo-brand-grid-full-img{
    transform: scale(1.015);
}

/* 分页器：独立在图片下方，不叠加图片 */
.reyo-brand-pagination{
    margin-top: 32px;
    text-align: center;
    position: static !important;
}
.reyo-brand-pagination .swiper-pagination-bullet{
    width: 8px;
    height: 8px;
    background: #dddddd;
    opacity: 1;
    border-radius: 50%;
    margin: 0 5px;
    transition: all 0.3s ease;
}
.reyo-brand-pagination .swiper-pagination-bullet-active{
    background: #792890;
}

/* 隐藏Swiper自带左右导航按钮 */
.swiper-button-next,
.swiper-button-prev{
    display: none !important;
}

/* 响应式适配 */
@media (max-width: 1200px){
    .reyo-brand-logo-swiper-wrap{
        padding: 40px 30px;
    }
}
@media (max-width: 768px){
    .reyo-brand-logo-swiper-wrap{
        padding: 30px 20px;
    }
    .reyo-brand-main-title{
        font-size: 32px;
    }
}
@media (max-width: 480px){
    .reyo-brand-logo-swiper-wrap{
        padding: 24px 16px;
    }
    .reyo-brand-pagination{
        margin-top: 24px;
    }
}