.desc,
.desc1 {
  font-size: 14px;
  color: red;
  padding: 15px;
}
.teen_text {
  height: 118px;
  display: flex;
  align-items: center;
  margin: 0 auto;
  background: url(data:image/png;base64,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)
    no-repeat 50%;
  margin-bottom: 35px;
  margin-top: 45px;
}
.teen_text h1,
.teen_text .subtitle {
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 24px;
  font-family: Arial;
  font-weight: 600;
}
.color_span,
.color_title {
  color: #fff;
  display: block;
}
.color_span {
  width: 90%;
  margin: 0 auto;
  font-size: 14px;
  line-height: 20px;
  margin-top: 33px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  display: -webkit-box;
  overflow: hidden;
  max-height: 100px;
  text-overflow: ellipsis;
}
.color_span,
.color_title {
  font-family: Arial;
  font-weight: 400;
  color: #fff;
}
.color_title {
  height: 28px;
  font-size: 17px;
  line-height: 28px;
  position: absolute;
  background: linear-gradient(123deg, #ed0cff, #4eeaff);
  padding: 0 30px 0 5px;
  left: -1px;
  top: -20px;
  animation: btn 4s linear infinite;
}
@keyframes btn {
  0% {
    filter: hue-rotate(1turn);
  }
  to {
    filter: hue-rotate(0deg);
  }
}
.color_content {
  padding-bottom: 30px;
  margin-bottom: 50px;
  position: relative;
  width: 100%;
  border: 1px solid;
  -o-border-image: linear-gradient(180deg, #51ffef, #df21cb) 1 1;
  border-image: linear-gradient(180deg, #51ffef, #df21cb) 1 1;
  animation: border-animate 4s linear infinite;
}
@keyframes border-animate {
  0% {
    filter: hue-rotate(0deg);
  }
  to {
    filter: hue-rotate(1turn);
  }
}
.color_box {
  display: grid;
  justify-content: space-between;
  flex-wrap: wrap;
  grid-template-columns: repeat(auto-fill, 380px);
  grid-gap: 0 1px;
  max-width: 1200px;
  margin: 50px auto;
}

@media screen and (max-width: 600px) {
  .teen_text {
    background-size: 30%;
  }
  .teen_text h1 {
    font-size: 16px;
  }
  .color_title {
    padding: 2px 20px;
  }
  .color_span {
    font-size: 12px;
  }
  .teen_text .VersionTitle{
    font-size: 19px;;
  }
}
* {
  margin: 0;
  padding: 0;
}
.el-main {
  padding: 0 !important;
}
body {
  font-family: Arial !important;
}
.container {
  max-width: 1200px;
  margin: 0 auto;
}
.d-flex {
  display: flex;
  justify-content: space-between;
}
.justify-content-space-between {
  justify-content: space-between;
}

.boxAllAPK {
  height: 100% !important;
}

.boxAllAPK .master {
  height: 100% !important;
}

.master_box .allAPK {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  height: 100% !important;

}

.singleAPK {
  flex: 0 0 49%;
  height: 100% !important;
}

.singleAPK .master_box {
  height: 100% !important;
}

.car .master_box .master_centent span {
  padding: 10px 7px 30px 18px !important;
  height: 100% !important;
  max-height: fit-content !important;
}
.singleAPKDiv{
  padding-right: 10px !important;
}

.APKTitle {
  font-size: 28px;
  font-family: Arial;
  font-weight: 600;
  color: #fff;
  line-height: 40px;
  background: linear-gradient(107deg, #40fbff, #f206ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.footerU {
  margin: 10px 0; 
  display: flex;
  justify-content: center; 
  align-items: center; 
  height: 10px; 
   
}

.footerU p {
 margin-top:10px;
  font-size: 14px; 
  color: white; 
}
.__cf_email__{
  color: white;;
}

@media screen and (max-width: 1000px) {
  .allAPK {
    flex-direction: column;
    height: 100% !important;
    align-items: center !important;
  }
  .singleAPKDiv{
    padding-right:0 !important;
  }

  .allAPK .car {
    padding: 0 0 20px 0;
  }

  .boxAllAPK {
    height: 100% !important;
  }

  .boxAllAPK .master {
    height: 100% !important;
    width: 100% !important;
  }

  .boxAllAPK .master .carimg {
    height: 100% !important;
  }

  .singleAPK .master_box {
    height: 100% !important;
  }
}

@media screen and (max-width: 600px) {

  .allAPK .car {
    width: 340px !important;
  }

  .allAPK {
    width: 95% !important;
    margin: 0 auto;
  }

  .boxAllAPK .master .carimg {
    width: 145px !important;
    height: 180px !important;
    margin: auto 0 !important;
  }

  .allAPK .car .master_centent {
    padding: 11px 4px 20px 11px !important;
  }

  .singleAPK .master_box {
    position: relative !important;
    ;
  }

  .singleAPKDiv {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }

  .allAPK .car .singleAPKDiv span {
    font-size: 12px !important;
    font-family: Arial !important;
    font-weight: 500 !important;
    color: #e2daff !important;
    line-height: 17px !important;
    display: block !important;
    height: 100% !important;
    width: 95% !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 6 !important;
    display: -webkit-box !important;
    overflow: hidden !important;
    max-height: 100px !important;
    text-overflow: ellipsis !important;
    padding: 0 !important;
  }

  .APKTitle {
    font-size: 18px !important;
    line-height: normal !important;
    margin-top: 0px !important;
    margin-left: 10px !important;
  }

  .card-price {
    margin: 0 10px 10px 10px !important;
    line-height: 25px !important;
    height: 25px !important;

  }

  .card-price:before {
    left: -8px !important;
    border-top: 15px solid transparent !important;
    border-bottom: 10px solid transparent !important;
    border-right: 8px solid #6ab070 !important;
  }

  .download-btn {
    margin: 0 0 10px 0;
    padding: 6px 19px !important;
  }
}

.card-price {
  display: inline-block;
  width: auto;
  height: 34px;
  margin: 15px 0px 0px 30px;
  background-color: #6ab070;
  -webkit-border-radius: 3px 4px 4px 3px;
  -moz-border-radius: 3px 4px 4px 3px;
  border-radius: 3px 4px 4px 3px;
  border-left: 1px solid #6ab070;
  position: relative;
  color: white;
  font-weight: 300;
  line-height: 34px;
  padding: 0 10px 0 10px;
}

.card-price:before {
  content: "";
  position: absolute;
  display: block;
  left: -17px;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-right: 17px solid #6ab070;
}

.download-btn {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 5px;
  background: linear-gradient(135deg, #0056b3, #007bff);
  color: #fff;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  border: none;
  transition: background-color 0.3s ease;
  position: relative;
  overflow: hidden;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  /* Added box shadow for depth */
}

.download-btn::after {
  content: '\2193';
  display: inline-block;
  margin-left: 5px;
  animation: arrowMove 1s infinite linear;
}


@keyframes arrowMove {
  0% {
    transform: translateY(0%);
  }

  50% {
    transform: translateY(5px);
  }

  100% {
    transform: translateY(0);
  }
}