.glcc {
  .glcc-banner {
    position: relative;
    background-image: linear-gradient(to right, #081843, #000a1d);
    margin-bottom: 159px;
  }
  .slick-track {
    height: 679px;
    display: flex;
    .slick-slide {
      position: relative;
      height: 100%;
      div {
        height: 100%;
        .regform {
          & > div {
            overflow: hidden;
            img {
              height: 100%;
              width: 1920px;
              position: relative;
              left: 50%;
              margin-left: -960px;
            }
          }
        }
        .regPrg {
          position: absolute;
          z-index: 2;
          width: 1200px;
          left: 50%;
          margin-left: -600px;
          top: 54%;
          margin-top: -23px;
          a {
            color: #fff !important;
            display: inline-block;
            background-color: #466aff;
            border-radius: 5px;
            height: 46px;
            line-height: 46px;
            width: 98px;
            text-align: center;
            font-size: 18px;
            letter-spacing: 2px;
            &:hover {
              color: #ffffff !important;
              background-color: #355cff;
            }
          }
        }
      }

      // img{
      //   position: absolute;
      //   width: 100%;
      //   height: 100%;
      //   top:0px;
      //   left: 0px;
      //   z-index: 1;
      // }
    }
  }
  .slick-slider {
    min-width: 1200px;
    position: relative;
    &:hover {
      .slick-arrow {
        display: block !important;
        cursor: pointer;
        z-index: 2;
      }
    }
    .slick-arrow {
      position: absolute;
      top: 50%;
      z-index: 1000;
      background: transparent;
      border: none;
      margin-top: -50px;
      display: none !important;
      &:hover {
        i {
          color: rgba(225, 225, 225, 0.8);
        }
      }
      i {
        font-size: 50px !important;
        color: rgba(225, 225, 225, 0.3);
        transition: 0.3s;
      }
      &.slick-prev {
        left: 50px;
      }
      &.slick-next {
        right: 50px;
      }
    }
    .slick-dots {
      width: 1200px;
      text-align: left;
      left: 50%;
      margin-left: -600px;
      bottom: 25%;
      position: absolute;
      display: flex !important;
      z-index: 2;
      li {
        background-color: rgba(225, 225, 225, 0.5);
        position: relative;
        height: 3px;
        width: 46px;
        margin-right: 15px;
        &::after {
          position: absolute;
          left: 0px;
          width: 0px;
          top: 0px;
          height: 100%;
          content: "";
          transition: 5.2s;
          transition-property: width;
        }
        &.slick-active::after {
          background-color: #fff;
          width: 100%;
        }
        button {
          position: absolute;
          width: 100%;
          height: 10px;
          left: 0px;
          background-color: transparent !important;
          border: none;
          cursor: pointer;
          color: transparent;
        }
      }
    }
  }
  .topEditionUl {
    position: absolute;
    width: 1244px;
    //   background-image: url('./Img/top-bg.png');
    height: 244px;
    bottom: -139px;
    left: 50%;
    margin-left: -622px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    a {
      // background-image: url('./Img/top-2.png');
      height: 139px;
      width: 353px;
      padding: 15px 24px;
      color: #fff;
      margin: 0px 17px;
      border-radius: 11px;
      background-size: 100% 100%;
      color: #fff !important;
      &:hover {
        box-shadow: 0px 2px 7px rgba(225, 225, 225, 0.85);
      }
      // &:first-child{
      //   background-image: url('./Img/top-1.png');
      // }
      // &:last-child{
      //   background-image: url('./Img/top-3.png');
      // }
    }
  }
}
