/* downloads */

.banner-img {
  height: 800px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;

  .marginAuto {
    padding-top: 86px;
    height: 100%;

    .text-box {
      height: 100%;

      .text {
        max-width: 960px;
        font-size: 48px;
        color: #ffffff;
        font-family: "Poppins-Bold";
      }
    }
  }
}
            .search {
                margin-top: 20px;
                height: 46px;
                background: #ffffff;
                border-bottom: 1px solid #000000;
            }

.button {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNzUwMzMgMTUuODMzNEMxMi42NjIzIDE1LjgzMzQgMTUuODMzNyAxMi42NjIxIDE1LjgzMzcgOC43NTAwOEMxNS44MzM3IDQuODM4MDggMTIuNjYyMyAxLjY2Njc1IDguNzUwMzMgMS42NjY3NUM0LjgzODMzIDEuNjY2NzUgMS42NjY5OSA0LjgzODA4IDEuNjY2OTkgOC43NTAwOEMxLjY2Njk5IDEyLjY2MjEgNC44MzgzMyAxNS44MzM0IDguNzUwMzMgMTUuODMzNFoiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTYuNjcxMiAxOC4wODQ5QzE3LjA2MTcgMTguNDc1NSAxNy42OTQ5IDE4LjQ3NTUgMTguMDg1NCAxOC4wODQ5QzE4LjQ3NTkgMTcuNjk0NCAxOC40NzU5IDE3LjA2MTIgMTguMDg1NCAxNi42NzA3TDE2LjY3MTIgMTguMDg0OVpNMTMuMTM1NyAxNC41NDk0TDE2LjY3MTIgMTguMDg0OUwxOC4wODU0IDE2LjY3MDdMMTQuNTQ5OSAxMy4xMzUyTDEzLjEzNTcgMTQuNTQ5NFoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=);
  width: 20px;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  background-repeat: no-repeat;
  height: 20px;
  cursor: pointer;
}
                input{border: none;}    
.Support-main {
  padding: 100px 0;
  background-color: #ffffff;

  .marginAuto {
    .top-box {
      padding-bottom: 60px;

      .title {
        font-size: 48px;
        color: #000000;
        font-family: "Poppins-Bold";
      }

      .search {
        margin-top: 20px;

        height: 46px;
        background: #ffffff;
        border-bottom: 1px solid #000000;

        input {
          flex: 1;
          border: none;
        }

        .button {
          background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNzUwMzMgMTUuODMzNEMxMi42NjIzIDE1LjgzMzQgMTUuODMzNyAxMi42NjIxIDE1LjgzMzcgOC43NTAwOEMxNS44MzM3IDQuODM4MDggMTIuNjYyMyAxLjY2Njc1IDguNzUwMzMgMS42NjY3NUM0LjgzODMzIDEuNjY2NzUgMS42NjY5OSA0LjgzODA4IDEuNjY2OTkgOC43NTAwOEMxLjY2Njk5IDEyLjY2MjEgNC44MzgzMyAxNS44MzM0IDguNzUwMzMgMTUuODMzNFoiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTYuNjcxMiAxOC4wODQ5QzE3LjA2MTcgMTguNDc1NSAxNy42OTQ5IDE4LjQ3NTUgMTguMDg1NCAxOC4wODQ5QzE4LjQ3NTkgMTcuNjk0NCAxOC40NzU5IDE3LjA2MTIgMTguMDg1NCAxNi42NzA3TDE2LjY3MTIgMTguMDg0OVpNMTMuMTM1NyAxNC41NDk0TDE2LjY3MTIgMTguMDg0OUwxOC4wODU0IDE2LjY3MDdMMTQuNTQ5OSAxMy4xMzUyTDEzLjEzNTcgMTQuNTQ5NFoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=");
          width: 20px;
          text-indent: -9999px;
          white-space: nowrap;
          overflow: hidden;
          background-repeat: no-repeat;
          height: 20px;
          cursor: pointer;
        }
      }
    }

    .wrap {
      .cell {
        width: 50%;
        margin-bottom: 24px;

        .cell-main {
          width: 100%;
          min-height: 98px;
          background: #f5f5f5;
          padding: 25px 32px;

          .left {
            width: 90%;
          }

          .name {
            font-size: 18px;
            color: #000000;
            font-family: "Poppins-Bold";
            /* white-space: nowrap; 
            overflow: hidden; 
            text-overflow: ellipsis; */
            width: 100%;
          }

          .info {
            font-size: 14px;
            color: #666666;
            padding-top: 8px;
            font-family: "Poppins-Regular";
          }

          .down {
            width: 48px;
            height: 48px;
            border-radius: 24px;
            cursor: pointer;
            background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI0LjAwMzkgMjguOTQ5OFYxNSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMzAgMjNMMjQgMjlMMTggMjMiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTMwIDMzSDE4IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
          }

          .down:hover {
            background-color: #ffffff;
          }
        }
      }

      .cell:nth-child(odd) {
        padding-right: 12px;
      }

      .cell:nth-child(even) {
        padding-left: 12px;
      }
    }
  }
}

.cell .cell-main {
  display: flex !important;
}

@media only screen and (max-width: 1440px) and (min-width:1200px) {
  .banner-img {
    height: 700px;

    .marginAuto {
      .text-box {
        .text {
          font-size: 40px;
        }
      }
    }
  }

}

@media only screen and (max-width: 1200px) and (min-width:1024px) {
  .banner-img {
    height: 500px;

    .marginAuto {
      .text-box {
        .text {
          font-size: 34px;
        }
      }
    }
  }

}

@media only screen and (max-width: 1024px) and (min-width:0px) {
  .banner-img {
    height: 500px;

    .marginAuto {
      padding-top: 48px;

      .text-box {
        .text {
          font-size: 24px;
          max-width: 100%;
        }
      }
    }
  }

  .Support-main {
    padding: 60px 0;

    .marginAuto {
      .top-box {
        padding-bottom: 40px;
        display: block;

        .title {
          font-size: 32px;
          width: 100%;
          padding-bottom: 24px;
        }

        .search {
          margin-top: 0px;
          width: 100%;
        }
      }

      .wrap {
        .cell {
          width: 100%;
          margin-bottom: 24px;
        }

        .cell:nth-child(odd) {
          padding-right: 0px;
        }

        .cell:nth-child(even) {
          padding-left: 0px;
        }
      }
    }
  }
}



@media only screen and (max-width: 1450px) {}

@media only screen and (max-width: 1350px) {}

@media only screen and (max-width: 1200px) {}

@media only screen and (max-width: 1023px) {}

@media only screen and (max-width: 950px) {}

/* support_guide */



@media only screen and (max-width: 1200px) {}

@media only screen and (max-width: 950px) {}

/* support_contact */

@media only screen and (max-width: 950px) {}