/* ROJS Brand */
/* ROJS Brand Variables and Theme Override */
:root {
  /* Brand Theme Override */
  --common-text-color: var(--common-white);
  --common-note-color: rgba(245, 201, 72, 1);
  --common-subtitle-color: rgba(151, 164, 176, 1);
  --common-title-color: var(--common-white);

  --common-base-gradent-1: #383838;
  --common-base-gradent-2: #3F3F3F;
  --common-base-gradent-3: #353535;
  --common-base-gradent-4: #404040;
  --common-base-shadow-color: rgba(11, 11, 11, 0.15);

  --common-button-gradient-1: #FEE4CB;
  --common-button-gradient-2: #F8CB90;
  --common-button-gradient-3: #E5B46F;
}

/* Desktop-first styles */
.wrapper {
  background-color: #232323;
  padding-top: 0%;
  background-image: url(../images/bg.webp);
  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-position: center top;
    background-size: auto 31vh;
    background-repeat: no-repeat;
  }
}