.downloadVPN {
  width: 100%;
  height: 100vh;
  background-color: white;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .downloadVPN .d-banner {
    width: 100%;
    background: #F8F9FF;
    height: auto;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center; }
    .downloadVPN .d-banner .d-banner-container {
      width: 100%;
      height: 100%;
      background: url(../images/downloadVPN/downloadVPN_banner_bg.png) no-repeat;
      background-size: cover;
      background-position: center;
      padding-top: 180px;
      padding-bottom: 160px;
      box-sizing: border-box; }
    .downloadVPN .d-banner .d-banner-wrapper {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 38px; }
      .downloadVPN .d-banner .d-banner-wrapper .d-banner-text {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 24px; }
        .downloadVPN .d-banner .d-banner-wrapper .d-banner-text .d-banner-title {
          font-family: Regular_Bold;
          font-weight: normal;
          font-size: 54px;
          color: #2A2B33;
          line-height: 65px;
          text-align: center; }
        .downloadVPN .d-banner .d-banner-wrapper .d-banner-text .d-banner-desc {
          font-family: Regular;
          font-weight: 400;
          font-size: 18px;
          color: #565D73;
          line-height: 30px;
          text-align: center; }
      .downloadVPN .d-banner .d-banner-wrapper .d-banner-downloads {
        width: 100%;
        max-width: 980px;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 40px; }
        .downloadVPN .d-banner .d-banner-wrapper .d-banner-downloads .download-item {
          background: #FFFFFF;
          box-shadow: 0px 0px 20px 0px rgba(97, 95, 130, 0.1);
          border-radius: 24px;
          border: 2px solid #FFFFFF;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          padding: 40px 73px;
          box-sizing: border-box;
          transition: all 300ms; }
          .downloadVPN .d-banner .d-banner-wrapper .d-banner-downloads .download-item:hover {
            border: 2px solid #EBEDF3; }
          .downloadVPN .d-banner .d-banner-wrapper .d-banner-downloads .download-item .download-item-icon {
            width: 88px;
            height: 88px;
            background: #F6F7FC;
            border-radius: 24px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 24px; }
            .downloadVPN .d-banner .d-banner-wrapper .d-banner-downloads .download-item .download-item-icon img.windows-icon {
              width: 60px;
              height: 48px; }
            .downloadVPN .d-banner .d-banner-wrapper .d-banner-downloads .download-item .download-item-icon img.android-icon {
              width: 54px;
              height: 47px; }
            .downloadVPN .d-banner .d-banner-wrapper .d-banner-downloads .download-item .download-item-icon img.ios-icon {
              width: 54px;
              height: 54px; }
          .downloadVPN .d-banner .d-banner-wrapper .d-banner-downloads .download-item .download-item-text {
            font-family: Regular;
            font-weight: 400;
            font-size: 18px;
            color: #262933;
            line-height: 21px;
            text-align: center;
            margin-bottom: 30px; }
          .downloadVPN .d-banner .d-banner-wrapper .d-banner-downloads .download-item .download-item-btn {
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: Regular_Medium;
            font-weight: normal;
            font-size: 15px;
            color: #FFFFFF;
            line-height: 18px;
            text-align: center;
            width: 150px;
            height: 40px;
            box-sizing: border-box;
            background: #2A2B33;
            border-radius: 20px;
            text-decoration: none;
            cursor: pointer;
            transition: all 300ms; }
            .downloadVPN .d-banner .d-banner-wrapper .d-banner-downloads .download-item .download-item-btn:hover {
              background: #3F4047; }
          .downloadVPN .d-banner .d-banner-wrapper .d-banner-downloads .download-item .download-btn-img {
            display: block;
            width: 150px;
            height: 40px; }
            .downloadVPN .d-banner .d-banner-wrapper .d-banner-downloads .download-item .download-btn-img i {
              display: block;
              width: 100%;
              height: 100%;
              transition: all 300ms; }
            .downloadVPN .d-banner .d-banner-wrapper .d-banner-downloads .download-item .download-btn-img.download-btn-google i {
              background: url(../images/downloadVPN/btn_google_play.png) no-repeat;
              background-size: 100% 100%; }
              .downloadVPN .d-banner .d-banner-wrapper .d-banner-downloads .download-item .download-btn-img.download-btn-google i:hover {
                background: url(../images/downloadVPN/btn_google_play_hover.png) no-repeat;
                background-size: 100% 100%; }
            .downloadVPN .d-banner .d-banner-wrapper .d-banner-downloads .download-item .download-btn-img.download-btn-app i {
              background: url(../images/downloadVPN/btn_App_Store.png) no-repeat;
              background-size: 100% 100%; }
              .downloadVPN .d-banner .d-banner-wrapper .d-banner-downloads .download-item .download-btn-img.download-btn-app i:hover {
                background: url(../images/downloadVPN/btn_App_Store_hover.png) no-repeat;
                background-size: 100% 100%; }
  .downloadVPN .q-latest {
    margin-top: 100px; }

@media screen and (max-width: 700px) {
  .downloadVPN .d-banner .d-banner-container {
    padding: 100px 15px 50px !important; }
    .downloadVPN .d-banner .d-banner-container .d-banner-wrapper {
      gap: 30px !important; }
      .downloadVPN .d-banner .d-banner-container .d-banner-wrapper .d-banner-text {
        gap: 12px !important; }
        .downloadVPN .d-banner .d-banner-container .d-banner-wrapper .d-banner-text .d-banner-title {
          font-size: 26px !important;
          line-height: 45px !important; }
        .downloadVPN .d-banner .d-banner-container .d-banner-wrapper .d-banner-text .d-banner-desc {
          font-size: 12px !important;
          line-height: 18px !important; }
      .downloadVPN .d-banner .d-banner-container .d-banner-wrapper .d-banner-downloads {
        gap: 20px !important; }
        .downloadVPN .d-banner .d-banner-container .d-banner-wrapper .d-banner-downloads .download-item {
          width: 100%;
          padding: 20px 15px !important;
          flex-direction: row !important;
          border-radius: 10px !important;
          flex-wrap: wrap; }
          .downloadVPN .d-banner .d-banner-container .d-banner-wrapper .d-banner-downloads .download-item .download-item-icon {
            width: 44px !important;
            height: 44px !important;
            margin-bottom: 0px !important;
            margin-right: 8px;
            border-radius: 12px !important;
            flex-shrink: 0; }
            .downloadVPN .d-banner .d-banner-container .d-banner-wrapper .d-banner-downloads .download-item .download-item-icon img.windows-icon {
              width: 30px !important;
              height: 24px !important; }
            .downloadVPN .d-banner .d-banner-container .d-banner-wrapper .d-banner-downloads .download-item .download-item-icon img.android-icon {
              width: 27px !important;
              height: 23px !important; }
            .downloadVPN .d-banner .d-banner-container .d-banner-wrapper .d-banner-downloads .download-item .download-item-icon img.ios-icon {
              width: 27px !important;
              height: 27px !important; }
          .downloadVPN .d-banner .d-banner-container .d-banner-wrapper .d-banner-downloads .download-item .download-item-text {
            text-align: left !important;
            font-size: 16px !important;
            line-height: 19px !important;
            margin-bottom: 0px !important;
            flex: 1;
            margin-right: 8px !important;
            font-family: Regular_Medium !important; }
          .downloadVPN .d-banner .d-banner-container .d-banner-wrapper .d-banner-downloads .download-item .download-item-btn {
            width: 119px;
            height: 32px !important;
            font-size: 13px !important;
            line-height: 16px !important;
            padding: 0px !important; }
          .downloadVPN .d-banner .d-banner-container .d-banner-wrapper .d-banner-downloads .download-item .download-btn-img {
            width: 119px !important;
            height: 32px !important;
            flex-shrink: 0; } }
@media screen and (max-width: 375px) {
  .downloadVPN .d-banner .d-banner-container .d-banner-wrapper .d-banner-downloads {
    padding: 0px !important;
    box-sizing: border-box; }
    .downloadVPN .d-banner .d-banner-container .d-banner-wrapper .d-banner-downloads .download-item {
      width: 100%; } }

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