body .home {
  background: linear-gradient(180deg, #000D1E 0%, #072031 100%); }
  body .home .section {
    padding: 5.7291666667vw 8.3333333333vw; }
    body .home .section .chose_box {
      display: flex;
      justify-content: space-between;
      align-items: center;
      position: relative;
      z-index: 20; }
      body .home .section .chose_box .box {
        position: relative; }
        body .home .section .chose_box .box .d1 {
          width: 100%;
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding: 0 1.7708333333vw;
          color: white;
          font-weight: 300;
          width: 16.25vw;
          border-radius: 12px;
          border: 1px solid #FFF;
          height: 3.3854166667vw;
          text-transform: capitalize;
          cursor: pointer; }
        body .home .section .chose_box .box .d2 {
          position: absolute;
          left: 0;
          top: 100%;
          background: white;
          border-radius: 12px;
          width: 100%;
          display: none; }
          body .home .section .chose_box .box .d2 p {
            padding: 0.5208333333vw 1.7708333333vw;
            cursor: pointer; }
    body .home .section .list {
      margin: 2.0833333333vw 0 2.9166666667vw 0; }
      body .home .section .list .item {
        border-radius: 12px;
        border: 1px solid #FFF;
        position: relative;
        padding: 1.0416666667vw 2.0833333333vw;
        display: flex;
        align-items: center;
        transition: all 600ms;
        cursor: pointer; }
        body .home .section .list .item:not(:last-child) {
          margin-bottom: 1.0416666667vw; }
        body .home .section .list .item .icon img {
          width: 3.5416666667vw; }
        body .home .section .list .item .pt {
          color: #FFF;
          font-weight: 600;
          margin-left: 1.0416666667vw;
          transition: all 600ms; }
        body .home .section .list .item a {
          position: absolute;
          right: 2.0833333333vw;
          top: 50%;
          transform: translateY(-50%);
          padding: 0.625vw 2.5vw;
          border-radius: 25.5px;
          background: #041426;
          color: #FFF;
          text-transform: capitalize;
          transition: all 600ms; }
        body .home .section .list .item:hover {
          background: #FFF; }
          body .home .section .list .item:hover .pt {
            color: #000; }
    body .home .section .pager {
      display: flex;
      justify-content: center; }
      body .home .section .pager a {
        width: 2.0833333333vw;
        height: 2.0833333333vw;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        margin: 0 0.78125vw;
        transition: all 600ms; }
        body .home .section .pager a svg {
          width: 100%;
          height: 100%;
          display: block; }
        body .home .section .pager a.on, body .home .section .pager a:hover {
          background: #fff;
          color: #0B1E30; }
      body .home .section .pager .next {
        transform: rotateY(180deg); }
      body .home .section .pager .prev,
      body .home .section .pager .next {
        opacity: .4;
        transition: all 600ms; }
        body .home .section .pager .prev:hover,
        body .home .section .pager .next:hover {
          opacity: 1;
          background: transparent; }
  @media screen and (max-width: 768px) {
    body .home .section {
      padding: 30px 5% 0 5%; }
      body .home .section .chose_box {
        display: block; }
        body .home .section .chose_box .box{
            margin-top: 20px;
        }
        body .home .section .chose_box .box .d1 {
          padding: 0 17px;
          width: 100%;
          height: 45px; }
        body .home .section .chose_box .box .d2 p {
          padding: 10px 17px; }
      body .home .section .list {
        margin: 20px 0 30px 0; }
        body .home .section .list .item {
          padding: 10px 15px; }
          body .home .section .list .item:not(:last-child) {
            margin-bottom: 20px; }
          body .home .section .list .item .icon img {
            width: 34px; }
          body .home .section .list .item .pt {
            margin-left: 10px;
            width: 70%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: 16px; }
          body .home .section .list .item a {
            position: static;
            transform: translateY(0);
            font-size: 12px;
            padding: 6px 12px; }
      body .home .section .pager a {
        width: 30px;
        height: 30px;
        margin: 0 7px; } }

/*# sourceMappingURL=download.css.map */