/* ys89 Brand */
/* ys89 Brand Variables and Theme Override */
:root {
  /* Brand Theme Override */
  --common-text-color: var(--common-white);
  --common-note-color:#E5B46F;
  --common-subtitle-color: #fff;
  --common-title-color: var(--common-white);

  --common-base-gradent-1: #1C1C1C;
  --common-base-gradent-2: #1B1B1B;
  --common-base-gradent-3: #252525;
  --common-base-gradent-4: #262626;
  --common-base-shadow-color: rgba(11, 11, 11, 0.15);

  --common-button-gradient-1: #FFDDBC;
  --common-button-gradient-2: #EFC081;
  --common-button-gradient-3: #D9A65F;
}

/* Desktop-first styles */
.wrapper {
  background-color: #0F0F0F;
  padding-top: 0%;
  background-size: cover, auto 100%;
}

.customer-service .card {
  min-width: 144px;
}

@media screen and (min-width: 1000px) {
  .container .col:nth-of-type(2) {
    padding: 20px 50px;
  }
}

/* Mobile Styles - max-width approach */
@media screen and (max-width: 999px) {
  .wrapper {
    background-image: url(../images/bg-top.webp);
    background-position: center top;
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .text{
    text-align: center;
  }
}