/* BASIC css start */
.mo-only{display:none}
.dn{display:none !important}

@media only screen and (max-width: 1024px) {
    .hero-inner{
        min-height: auto !important;
        width: calc(100% - 10%);
        max-height: 90vh;}
    .hero-text{}
    .hero-label{
        font-size: 14px !important;
        margin-bottom: 20px !important;}
    .hero-title{font-size: clamp(14px, 9vw, 40px);}
    .hero-desc{
        font-size: clamp(14px, 3.2vw, 22px) !important;  line-height: 1.5 !important;}
    .hero-illust-wrap{margin: 0 !important; width: 100%;}
    .hero-illust-wrap img{width:100%}    
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

      :root {
        --blue:       #2b57e4;
        --blue-dark:  #0050aa;
        --dark:       #000000;
        --mid:        #333333;
        --light:      #666666;
        --hero-bg:    #bdd0ed;
        --white:      #ffffff;
        --border:     #e2e2e2;
        --ticker-bg:  #1a2a4a;
        --card-bg:    #f8f9fc;
      }

      html { scroll-behavior: smooth; }

      body *{
        font-family: 'Pretendard', sans-serif;
      }

      
      .hero {
        position: relative;
        _overflow: hidden;
        background-image: url(/design/epsonkorea/demonstration/tour/blue_bg_.png);
        background-position: center;
        background-size: cover;
      }

      /* ¦¡¦¡ PC hero ¦¡¦¡ */
      .hero-inner {
        max-width: 1440px;
        margin: 0 auto;
        padding: 50px 1%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: center;
        gap: 16px;
        display: flex;
        align-content: center;
        justify-content: space-between;
      }

      .hero-label {
        font-size: 18px;
        font-weight: bold;
        color: var(--blue);
        letter-spacing: 0;
        margin-bottom: 38px;
        line-height: 20px;
    }
      .hero-label{}
      .hero-title {
        font-size:clamp(14px,9vw,64px);
        font-weight: 700;
        line-height: 1.082;
        color: var(--dark);
        margin-bottom: 67px;
        letter-spacing: -0.02em;
        word-break: keep-all;
      }

      .hero-desc {
        font-size: clamp(14px, 4vw, 22px);
        line-height: 38px;
        color: #000;
        word-break: keep-all;
        letter-spacing: -.02em;
      }
      .hero-desc strong {
        font-weight: 700;
        color: var(--dark);
        display: block;
      }

      .hero-illust-wrap {
        display: flex;
        justify-content: flex-end;
        align-items: center;
      }

      .hero-illust-wrap img{width:80%}    
    
      .hero-illust {
        width: 100%;
        max-width: 500px;
        height: auto;
        display: block;
      }

      .gradient_bg{position:relative}
      .gradient_bg:before{
        position: absolute;
        content: " ";
        top: 0;
        left: 0;
        z-index: -1;
        background: radial-gradient(circle at 50% 20%, rgba(219, 234, 254, 0.6) 0%, rgba(255, 255, 255, 0) 60%);
        width: 100%;
        height: 55%;}
      
      .intro-section {
        padding: 100px 0;
        text-align: center;
      }

      .intro-section p {
        font-size: 28px;
        color: var(--mid);
        word-break: keep-all;
        margin: 0 auto;
        line-height: 1.65;
      }

      .intro-section p strong { color: var(--dark); font-weight: 700; }
      .intro-section p em { color: #1c78ff; font-weight: 700; }


      /* ¦¡¦¡ Section ¦¡¦¡ */
  .cards-section {
    display: flex;
    gap: 24px;
    max-width: 1440px;
    margin: auto;
    padding-bottom: 200px;
  }
 
  /* ¦¡¦¡ Card ¦¡¦¡ */
  .tour-card {
    flex: 1;
    background: none;
    display: flex;
    flex-direction: column;
    cursor:pointer;
  }
  .hero-title{}
  
  .r-box-wrapper{
    background: #fff;
    overflow: hidden;
    box-shadow: 0 2px 16px rgba(0,0,0,0.07);
    border-radius: 20px;}
  /* »ó´Ü ŸÀÌƲ ¿µ¿ª */
.card-header {
  text-align: center;
  padding: 40px 20px 20px;
    text-align: center;
    
}
.card-header .eng-title {    display: block;
    font-size: 20px;
    color: #0066ff;
    font-weight: 700;
    letter-spacing: -0.02px;
    margin-bottom: 15px;
}
.card-header .kor-title {
  font-size: 50px;
  font-weight: bold;
  color: #000000;
  margin: 0;
}

/* ÀÌ·± ºÐ²² Ãßõµå·Á¿ä ¹Ú½º */
.recommend-box {
  width: 100%;
  padding:48px 30px 0;
  box-sizing: border-box;
  margin-bottom: 56px;
}
.recommend-badge {
    background: linear-gradient(90deg, #94b7ff 0%, #6096ff 100%);
    color: #ffffff;
    text-align: center;
    padding: 9.5px 0;
    border-radius: 22px;
    font-size: 20px;
    font-weight: 600;
    width: 440px;
    margin: 0 auto 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    letter-spacing: -.02em;
}
.recommend-icons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
}
.icon-item {
  text-align: center;
}
.icon-img {
    width: 120px;
    height: 120px;
    background: #f6f8fb;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.icon-img img {/*
  width: 32px;
  height: 32px;*/
}
.icon-item p {
    font-size: 17px;
    color: #000;
    font-weight: 500;
    margin: 0;
    white-space: nowrap;
    margin-top: 21px;
    line-height: 1;
}

  /* ¦¡¦¡ Card Image Area ¦¡¦¡ */
  .card-img {
    width: 100%;
    position: relative;
    overflow: hidden;
  }
  .card-img img {
  width: 100%;
  display: block;
  object-fit: cover;
}
/* ÇÏ´Ü ½ÅûÇϱ⠹öÆ° */
.card-btn-submit {
    width: 100%;
    background: linear-gradient(90deg, #84adff 0%, #0057ff 100%);
    color: #ffffff;
    text-align: center;
    padding: 26.25px 0;
    font-size: 22px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: background 0.2s ease;
}
.tour-card:hover .card-btn-submit {
}

  .tour-card:hover .card-img{transform:scale(1.05); transition:0.8s ease;}
  
  /* Card 1: Solution Center   dark showroom */
  .card-img-sol {
    background: #1a1a1e;
  }
 
  /* Card 2: Product Demo   light blue gradient */
  .card-img-prod {
    background: linear-gradient(135deg, #dde8f8 0%, #c8d8f0 40%, #d0d8f4 100%);
    display: flex;
    align-items: center;
    justify-content: center;
  }
 
  /* ¦¡¦¡ Card Body ¦¡¦¡ */
  .card-body {
    padding: 50px 0 60px;
    text-align: center;
  }
 
  .card-tag {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    color: #1c78ff;
    margin-bottom: 25px;
    letter-spacing: .02em;
    line-height: 1;
  }
 
  .card-title {
    font-size: 38px;
    font-weight: 700;
    color: #111827;
    letter-spacing: -0.02em;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
  }
 
  .card-arrow {
    color: #1c78ff;
    font-size: 24px;
    font-weight: 400;
    margin-top: -5px;
  }
 
  /* %P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P
     SHOWROOM (Card 1)
  %P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P */
  .showroom {
    position: absolute;
    inset: 0;
  }
 
  /* Ceiling track rail */
  .showroom::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 18px;
    background: #111;
    z-index: 2;
  }
 
  /* Floor */
  .showroom::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 30%;
    background: linear-gradient(180deg, #2a2a2e 0%, #3a3a3e 100%);
  }
 
  /* Back wall */
  .showroom-wall {
    position: absolute;
    top: 18px;
    left: 0;
    right: 0;
    height: 60%;
    background: #f5f5f0;
  }
 
  /* White fluted panel on left */
  .panel-fluted {
    position: absolute;
    top: 18px;
    left: 0;
    width: 34%;
    bottom: 30%;
    background: repeating-linear-gradient(
      90deg,
      #e8e8e4 0px, #f4f4f0 8px, #e0e0dc 10px, #f4f4f0 12px
    );
    border-right: 1px solid #ccc;
  }
 
  /* "Epson Monna Lisa" label */
  .showroom-label {
    position: absolute;
    top: 24px;
    left: 16px;
    font-size: 10px;
    font-weight: 600;
    color: #333;
    letter-spacing: 0.05em;
    z-index: 10;
    background: rgba(255,255,255,0.9);
    padding: 2px 6px;
    border-radius: 2px;
  }
 
  /* Dark right section */
  .panel-dark {
    position: absolute;
    top: 18px;
    right: 0;
    width: 38%;
    bottom: 30%;
    background: #222;
  }
 
  /* Middle display area */
  .panel-mid {
    position: absolute;
    top: 18px;
    left: 34%;
    right: 38%;
    bottom: 30%;
    background: #e8e8e4;
  }
 
  /* Ceiling track lights */
  .ceiling-track {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 18px;
    background: #111;
    z-index: 5;
  }
 
  .track-light {
    position: absolute;
    top: 0;
    width: 3px;
    height: 22px;
    background: #555;
    z-index: 6;
  }
 
  .track-light::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 50%;
    transform: translateX(-50%);
    width: 20px;
    height: 5px;
    background: #ffe8a0;
    border-radius: 2px;
    box-shadow: 0 0 14px 8px rgba(255,220,100,0.5);
  }
 
  /* Mannequin */
  .mannequin {
    position: absolute;
    z-index: 4;
  }
 
  .mannequin-head {
    width: 14px;
    height: 14px;
    background: #d4c0a8;
    border-radius: 50%;
    margin: 0 auto 2px;
  }
 
  .mannequin-body {
    width: 22px;
    height: 50px;
    border-radius: 4px 4px 0 0;
    margin: 0 auto;
  }
 
  .mannequin-stand {
    width: 3px;
    height: 20px;
    background: #888;
    margin: 0 auto;
  }
 
  .mannequin-base {
    width: 22px;
    height: 4px;
    background: #aaa;
    border-radius: 2px;
    margin: 0 auto;
  }
 
  /* Rack */
  .rack-bar {
    position: absolute;
    height: 3px;
    background: #666;
    z-index: 4;
  }
 
  .rack-bar::before {
    content: '';
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    height: 10px;
    background: #666;
  }
 
  /* Garment on rack */
  .garment {
    position: absolute;
    border-radius: 0 0 4px 4px;
    z-index: 4;
  }
 
  .garment::before {
    content: '';
    position: absolute;
    top: -6px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 6px solid #888;
  }
 
  /* Display screen */
  .display-screen {
    position: absolute;
    top: 22%;
    right: 39%;
    width: 80px;
    height: 60px;
    background: #1a1a2e;
    border-radius: 3px;
    padding: 6px;
    z-index: 4;
    display: flex;
    flex-direction: column;
    gap: 5px;
  }
 
  .display-screen .bar {
    height: 4px;
    background: rgba(255,255,255,0.25);
    border-radius: 2px;
    width: 90%;
  }
 
  .display-screen .bar.accent {
    background: #4a9eff;
    width: 60%;
  }
 
  .display-screen .bar.short {
    width: 40%;
  }
 
  /* Reception counter */
  .reception {
    position: absolute;
    bottom: 30%;
    left: 34%;
    right: 38%;
    height: 18%;
    background: #1a1a1a;
    z-index: 4;
    border-radius: 2px 2px 0 0;
  }
 
  .reception::before {
    content: '';
    position: absolute;
    top: -4px;
    left: 0;
    right: 0;
    height: 4px;
    background: #333;
    border-radius: 2px 2px 0 0;
  }
 
  /* Shelf items in dark panel */
  .shelf-items {
    position: absolute;
    top: 25%;
    right: 2%;
    width: 36%;
    height: 40%;
    z-index: 4;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(3, 1fr);
    gap: 3px;
    padding: 4px;
  }
 
  .shelf-dot {
    width: 8px;
    height: 8px;
    border-radius: 1px;
    background: rgba(255,255,255,0.15);
  }
 
  /* Screen on back dark wall */
  .wall-screen {
    position: absolute;
    top: 20%;
    right: 39.5%;
    width: 26%;
    height: 35%;
    background: #0a0a1a;
    z-index: 3;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }
 
  .wall-screen-inner {
    width: 90%;
    height: 90%;
    background: linear-gradient(135deg, #1a3a5c, #0a1a3c);
    border-radius: 1px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
  }
 
  /* %P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P
     PRODUCT STACK (Card 2)
  %P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P */
  .prod-stack {
    width: 90%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 24px 0;
  }
 
  /* Large wide-format printer (SC-P20540) */
  .p-large {
    width: 85%;
    height: 90px;
    background: linear-gradient(180deg, #f0f0f0 0%, #d8d8d8 60%, #c0c0c0 100%);
    border-radius: 6px 6px 4px 4px;
    position: relative;
    box-shadow: 0 6px 20px rgba(0,0,0,0.18);
  }
 
  .p-large::before {
    content: 'SC-P20540';
    position: absolute;
    top: -22px;
    left: 50%;
    transform: translateX(-50%);
    background: #111;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 20px;
    white-space: nowrap;
    letter-spacing: 0.05em;
  }
 
  .p-large::after {
    content: '';
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    height: 10px;
    background: #555;
  }
 
  .p-large-inner {
    position: absolute;
    inset: 8px 12px;
    background: #222;
    border-radius: 3px;
    overflow: hidden;
  }
 
  .p-large-inner::before {
    content: '';
    position: absolute;
    left: 0;
    top: 30%;
    bottom: 30%;
    width: 100%;
    background: linear-gradient(90deg,
      transparent 0%, rgba(255,255,255,0.04) 50%, transparent 100%
    );
  }
 
  .p-large-inner::after {
    content: 'EPSON';
    position: absolute;
    top: 6px;
    left: 12px;
    font-size: 8px;
    font-weight: 700;
    color: rgba(255,255,255,0.5);
    letter-spacing: 0.1em;
  }
 
  /* Row of smaller printers */
  .p-row {
    display: flex;
    gap: 14px;
    align-items: flex-end;
    width: 85%;
  }
 
  .p-sm {
    flex: 1;
    position: relative;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  }
 
  .p-sm-light {
    height: 70px;
    background: linear-gradient(180deg, #f0f0f0, #d0d0d0);
  }
 
  .p-sm-dark {
    height: 60px;
    background: linear-gradient(180deg, #3a3a3a, #1a1a1a);
  }
 
  .p-sm::before {
    content: attr(data-label);
    position: absolute;
    top: -22px;
    left: 50%;
    transform: translateX(-50%);
    background: #111;
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 20px;
    white-space: nowrap;
    letter-spacing: 0.04em;
  }
 
  .p-sm::after {
    content: '';
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    height: 10px;
    background: #555;
  }
 
  .p-sm-inner {
    position: absolute;
    inset: 6px 8px;
    border-radius: 2px;
  }
 
  .p-sm-light .p-sm-inner {
    background: rgba(0,0,0,0.1);
  }
 
  .p-sm-dark .p-sm-inner {
    background: rgba(255,255,255,0.06);
  }
 
  /* Ink cartridge stack on SC-F1040 side */
  .p-sm:last-child {
    position: relative;
  }
 
  .ink-stack {
    position: absolute;
    right: -18px;
    top: 0;
    bottom: 0;
    width: 16px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    justify-content: center;
  }
 
  .ink-dot {
    height: 6px;
    border-radius: 1px;
  }
 
  /* %P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P
     RESPONSIVE
  %P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P%P */
 
  /* Tablet: 768px ~ 1024px   Ä«µå ¾à°£ Ãà¼Ò */
  @media (max-width: 1024px) {
    body {
      _padding: 30px 16px;
    }
    
    .intro-section{padding: 20% 5%;}
    
    .cards-section {
        gap: 16px;
        margin: 0 5%; 
        display: block;
    }
    .recommend-icons{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 4%;}
        
    .recommend-icons .icon-item{}
    .recommend-icons .icon-item .icon-img{width: 90px; height: 90px; margin: auto;}
    .recommend-icons .icon-item .icon-img img{}
    .icon-item p{font-size: 15px;word-break: keep-all; white-space: unset;}
    .recommend-badge{width:100%}
    
    .card-body {
      padding: 20px 20px 24px;
    }
    .card-btn-submit{
    padding: 16.25px 0;
    font-size: 17px;}
     
    .card-btn-submit .arrow{
    font-size: 9px;}

    .card-title {
      font-size: 22px;
    }
 
    .card-tag {
      font-size: 10px;
    }
 
    /* Printer sizes scale down */
    .p-large {
      height: 70px;
    }
 
    .p-sm-light { height: 56px; }
    .p-sm-dark  { height: 50px; }
 
    .prod-stack {
      gap: 12px;
      padding: 20px 0;
    }
  }
 
  /* Mobile landscape / small tablet: 600px ~ 767px   2¿­ À¯Áö, ´õ Ãà¼Ò */
  @media (max-width: 767px) {
  
   .card-header{_width:50% !important}
    .pc-only{display:none !important}
    .mo-only{display:block !important}
    
    .intro-section p{font-size: 16px;  color: #000; line-height: 1.5;}
    .intro-section p em{font-size: 1.2em;}
    .cards-section{padding-bottom:0}
    body {
      padding: 0;
      align-items: flex-start;
    }
    
    .hero-illust-wrap{
        display: flex;
        flex-direction: column;}
    
    .hero-illust-wrap img{width:80%; margin:auto}
    
    .hero-desc.mo-only{ margin-top: 45px; text-align: center;}
    
    .hero-inner{
        flex-direction: column !important;
        min-height: unset;
        padding: 17% 0% 9.5%;
        display: flex;
        justify-content: center;
        _gap: 140px;}
    
    .hero-text{width: 100%; text-align: center;}
      
    .hero-title{margin-bottom:0;
        font-size: clamp(14px, 11vw, 72px) !important}
    
    .cards-section {
      gap: 12px;
    }
 
    .card-img {
      aspect-ratio: 1 / 1;
    }
 
    .card-body {
      padding: 16px 12px 18px;
    }
 
    .card-title {
      font-size: 18px;
    }
 
    .card-arrow {
      font-size: 18px;
    }
 
    .card-tag {
      font-size: 9px;
      letter-spacing: 0.08em;
      margin-bottom: 6px;
    }
 
    /* Showroom label smaller */
    .showroom-label {
      font-size: 8px;
      padding: 1px 4px;
    }
 
    /* Printer stack */
    .p-large {
      height: 54px;
    }
 
    .p-large::before {
      font-size: 8px;
      padding: 2px 7px;
      top: -18px;
    }
 
    .p-sm-light { height: 44px; }
    .p-sm-dark  { height: 38px; }
 
    .p-sm::before {
      font-size: 7px;
      padding: 2px 5px;
      top: -18px;
    }
 
    .p-sm-inner {
      inset: 4px 6px;
    }
 
    .prod-stack {
      gap: 10px;
      padding: 16px 0;
    }
 
    .p-row {
      gap: 8px;
    }
 
    .ink-stack {
      right: -12px;
      width: 10px;
    }
 
    .ink-dot {
      height: 4px;
    }
  }
 
  /* Mobile portrait: ~ 599px   ¼¼·Î 1¿­ */
  @media (max-width: 599px) {
    body {
      padding: 0;
      align-items: flex-start;
    }
 
    .cards-section {
      flex-direction: column;
      gap: 16px;
    }
 
    .tour-card {
      width: 100%;
      border-radius: 16px;
    }
   .card-header{width:100% !important}

     .card-header .eng-title{
        font-size: 17px;
    }
     .card-header .kor-title{
        font-size: 35px;
        margin-bottom: 15px;}
    .card-img {
      aspect-ratio: 16 / 9;
    }
 
    .card-body {
      padding: 30px 20px 30px;
    }
 
    .card-title {
      font-size: 24px;
    }
 
    .card-tag {
      font-size: 11px;
      letter-spacing: 0.12em;
    }
 
    /* Restore card-img-sol to proper ratio */
    .card-img-sol {
      aspect-ratio: 16 / 9;
    }
    .card-img-sol img{width:100%}
 
    /* Showroom label */
    .showroom-label {
      font-size: 9px;
    }
 
    /* Printer sizes   more room on full width */
    .p-large {
      height: 72px;
    }
 
    .p-large::before {
      font-size: 10px;
    }
 
    .p-sm-light { height: 60px; }
    .p-sm-dark  { height: 52px; }
 
    .p-sm::before {
      font-size: 9px;
    }
 
    .prod-stack {
      gap: 14px;
      padding: 22px 0;
    }
 
    .p-row {
      gap: 12px;
    }
  }
 
  /* Very small phones: ~ 374px */
  @media (max-width: 374px) {
    .card-title {
      font-size: 20px;
    }
 
    .p-large {
      height: 58px;
    }
 
    .p-sm-light { height: 50px; }
    .p-sm-dark  { height: 42px; }
  }
.marquee-container {
	overflow:hidden;
	white-space:nowrap;
	width:100%;
	color:#fff;
	position:relative;
	height:clamp(32px,6.3vh,64px);
	display:flex;
	cursor:default;
	background:#3858bf;
	text-transform:uppercase;
	align-items:center;
}
.marquee {
	display:flex;
	animation:scroll 60s linear infinite;
	font-size:clamp(12px,1.5vh,20px);
	font-weight:700;
	font-family:'Pretendard Variable';
	font-style:italic;
	letter-spacing:0.25px;
}
.marquee span {
    padding: 0 10px;
    font-size: 16px;
    font-weight: 700;
    text-transform: capitalize;
    background: linear-gradient(270deg, #AAE2FF 0%, #ffffff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.marquee span img {
	width:11px;
    display: none;
}

.marquee span:has(img) {
    height: 1px;
    width: 40px;
    background: linear-gradient(270deg, #AAE2FF 0%, #ffffff 100%);
    align-items: stretch;
    margin: 0 30px;
    margin-top: 9px;
}


@keyframes scroll {
	from {
		transform:translateX(0);
	}
	to {
		transform:translateX(-50%);
	}
}



/* BASIC css end */