/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 16 2021 | 09:24:38 */
/* halaman beli paket start */

#alp-elementor-element-7a99d980 .elementor-icon-list-text, #alp-elementor-element-7a99d980 .elementor-icon-list-icon i {

  color: #ffffff;

}

#alp-elementor-element-7a99d980 .elementor-icon-list-text, #fitur-paket .elementor-icon-list-text {

  line-height: 20px;

  padding-bottom: 5px;

}

#harga-paket-per-bulan .elementor-heading-title {

  font-size: 34px;

}

#alp-nama-paket .elementor-heading-title {

  text-transform: none;

  letter-spacing: 0px;

}

#box-paket .elementor-widget-wrap {

  align-content: baseline;

}

#fitur-paket .elementor-widget-container, #alp-elementor-element-7a99d980 .elementor-widget-container {

  padding: 0px;

}

#box-paket:nth-child(2) .elementor-widget-wrap::before, #box-paket-cloud .elementor-widget-wrap::before, #box-paket-undangan .elementor-widget-wrap::before {

  content: "Penjualan Terbaik!";

  position: absolute;

  padding: 15px 0px 15px 0px;

  width: 60%;

  top: -29px;

  left: 20%;

  color: #ffffff;

  font-weight: bold;

  background-color: #00bfa5;

  z-index: 2;

  animation-name: alp-bestseller;

  animation-duration: 1s;

  animation-iteration-count: 80;

}

#box-paket-cloud .elementor-widget-wrap::before, #box-paket-undangan .elementor-widget-wrap::before {

  content: "Direkomendasi!";

}

#box-paket:nth-child(2) .elementor-widget-wrap::after, #box-paket-cloud .elementor-widget-wrap::after, #box-paket-undangan .elementor-widget-wrap::after {

  content: " ";

  position: absolute;

  padding: 15px 15px 15px 15px;

  top: 11px;

  left: 45%;

  background-color: #00bfa5;

  -ms-transform: rotate(45deg);

  transform: rotate(45deg);

  animation-name: alp-bestseller1;

  animation-duration: 1s;

  animation-iteration-count: 80;

}

@keyframes alp-bestseller {

  0% {top: -29px}

  50% {top: -40px}

  100% {top: -29px}

}

@keyframes alp-bestseller1 {

  0% {top: 11px}

  50% {top: 0px}

  100% {top: 11px}

}

#alp-nama-paket a {

  font-weight: bold;

  color: #555ab2;

}

#alp-nama-paket a:hover, .huruf-warna-putih a:hover {

 color: #8f93de !important;

}

.detail-paket-hide {

  display: none;

}

.huruf-warna-putih, .huruf-warna-putih a {

  color: #ffffff !important;

}

@media (max-width: 1024px) {

  .elementor-element-populated {

    margin-top: 20px !important;

  }

}

.elementor-widget-wrap {

  border-radius: 0px !important;

}

#alp-clear-fix .elementor-element-populated::after {

  content: "asdf";

  display: table;

  clear: both;

}

.detail-fitur .elementor-widget-wrap {

  display: initial !important;

}

.detail-fitur .elementor-widget-wrap h3, .detail-fitur .elementor-widget-wrap p {

  margin-bottom: 10px;

}

.detail-fitur .logo-imun img {

  width: 92px;

  height: 111px;

  object-fit: cover;

  object-position: 1px -9px;

}

.left {

  float: left;

}

.detail-fitur-width {

  width: calc(100% - 114px) !important;

  max-width: calc(100% - 114px) !important;

}

.detail-fitur .ico-harga-murah {

  width: 117px;

  height: 73px;

  object-fit: cover;

  object-position: 0px 0px;

  margin: 20px 15px 20px 0px;

}

.detail-fitur .ico-selalu-online {

  height: 84px;

  object-position: 0px -71px;

}

.detail-fitur .ico-dukungan-tim-andal {

  height: 97px;

  object-position: 0px -159px;

}

/* halaman beli paket end */



/* halaman layanan pemesanan start */

.section-title {

  color: #4c4c4c;

  font-family: "Roboto", Sans-serif;

  font-size: 25px;

  font-weight: 400;

  text-transform: uppercase;

  font-style: normal;

  text-decoration: none;

  line-height: 1.2em;

  letter-spacing: 0px;

}

.hosting-period__list-item--selected, .multiselect__option--selected, .client-info__nav-button--active {

  background-color: #676cd4 !important;

}

.hosting-period__list-item:hover, .hosting-package__select-option-item:hover, .multiselect__option--highlight, .client-info__nav-button:hover {

  background-color: #7c81da !important;

}

.cart, .cart-summary, .checkout, .client-info, .domain, .hosting, .hostname-template, .license-template, .nipa-card, .ssl {

  border-radius: 0px;

  box-shadow: 0px 0px 20px 0px rgb(221 221 221 / 50%);

  padding: 28px 28px 55px 28px;

}

.site-content {

  background-color: #eeeeee;

}

.button:hover {

  background-color: #7c81da;

}



/* halaman layanan pemesanan end */



/* jasa pembuatan website start */

.jasa-web-section::before {

  content: "";

  width: 35%;

  height: 100%;

  background-color: #d2d4ff;

  transform: skewX(-10deg);

  position: absolute;

  left: -148px;

  top: 0px;

}

.harga-mulai-jasa-web::before {

  content: "";

  width: 290px;

  height: 210%;

  background-color: #d2d4ff;

  transform: skewX(-10deg);

  position: absolute;

  left: -51px;

  top: -128px;

}

@media (max-width: 1823px) {

  .harga-mulai-jasa-web::before {

    left: -70px;

  }

}

@media (max-width: 1199px) {

  .harga-mulai-jasa-web::before {

    left: -41px;

  }

}

@media (max-width: 1152px) {

  .harga-mulai-jasa-web::before {

    left: -20px;

  }

}

@media (max-width: 450px) {

  .harga-mulai-jasa-web::before {

    left: -51px;

  }

}

@media (max-width: 300px) {

  .harga-mulai-jasa-web::before {

    left: -81px;

  }

}

/* jasa pembuatan website end */