/* Header */
.cw-header-info {
  background-image: linear-gradient(
      180deg,
      rgba(18, 29, 56, 0.2),
      rgba(250, 250, 250, 0.2)
    ),
    url(https://apihoard.webit.com/api/v1/Image/64AA190A80E4276D5EA08DE3DE304DEE/64AA190A80E4276D5EA08DE3DE304DEE.jpg?size=1920x1440);
  background-position: 50% 50%;
  background-size: cover;
}
.cw-header-info .cw-address,
.cw-header-info .cw-phone {
  font-size: 1.8em;
  font-weight: 900;
  text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.7);
  margin: 0;
}

.cw-header-info img {
  max-width: 600px;
  width: 100%;
  margin: -60px auto;
}

.cw-header-info .cw-phone a {
  color: #ebcb53;
  font-size: 1.4em;
}

.cw-header-business h3 {
  font-size: 3em;
  padding: 0.3em 0.5em;
  margin-bottom: 0;
}
.cw-header-business p {
  font-size: 0.9em;
  /* padding: 0.2em 0.5em; */
  line-height: 1.4em;
  margin-bottom: 0;
}

/* Hero */
@media (min-width: 992px) {
  .cw-hero {
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0.5)
      ),
      url("https://apihoard.webit.com/api/v1/Image/5D56E416A27DE18F862B52D7BBE928DB/5D56E416A27DE18F862B52D7BBE928DB.jpg?size=1920x1440");
    background-size: cover;
    background-position: top center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    height: 80em;
  }
}

.cw-hero .cw-heroLogo {
  max-width: 220px;
  width: 100%;

  margin: 2em 0;
}
@media (min-width: 1200px) {
  .cw-hero .cw-heroLogo {
    max-width: 280px;
    margin: 0 0 3em 0;
  }
}
.cw-heroText {
  margin: auto;
  max-width: 660px;
  background: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.85),
      rgba(0, 0, 0, 0.85)
    ),
    url("https://apihoard.webit.com/api/v1/Image/5D56E416A27DE18F862B52D7BBE928DB/5D56E416A27DE18F862B52D7BBE928DB.jpg?size=1920x1440");
  background-size: cover;
  background-position: top center;
  padding-bottom: 3em;
}

.cw-heroText h1 {
  position: relative;
  z-index: 2;
  background: var(--color-theme-primary);
  background: linear-gradient(to right, white 4px, transparent 4px) 0 0,
    linear-gradient(to right, white 4px, transparent 4px) 0 100%,
    linear-gradient(to left, white 4px, transparent 4px) 100% 0,
    linear-gradient(to left, white 4px, transparent 4px) 100% 100%,
    linear-gradient(to bottom, white 4px, transparent 4px) 0 0,
    linear-gradient(to bottom, white 4px, transparent 4px) 100% 0,
    linear-gradient(to top, white 4px, transparent 4px) 0 100%,
    linear-gradient(to top, white 4px, transparent 4px) 100% 100%;
  background-repeat: no-repeat;
  background-size: 40px 25px;
  padding: 1em;
}

.cw-heroText h1 {
  font-size: 1.4rem;
  color: var(--color-theme-secondary);
  text-shadow: 2px 2px 0 rgb(0, 0, 0);
}

.cw-heroText h1 span {
  color: var(--color-theme-primary);
  text-shadow: 2px 2px 0 rgb(0, 0, 0);
  font-size: 1.4em;
  /* line-height: 1; */
}

@media (max-width: 567px) {
}

@media (min-width: 768px) {
  .cw-heroText h1 {
    /* position: absolute; */
    /* bottom: 50px; */
  }
}

@media (min-width: 1200px) {
  .cw-heroText h1 {
    /* bottom: 35%; */
  }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .cw-heroText h1 {
    font-size: 1.7rem;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 992px) {
  .cw-hero .cw-hero-center {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;

    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .cw-hero .cw-heroText {
    max-width: 800px;
    background: transparent;
  }
}
/* Navbar */
.navbar {
  font-size: 1.5em;
}
.navbar .nav-item .nav-link {
  padding: 0.8em 0;
  font-family: "Khand", sans-serif;
}

/* collapse faq */

.collapse-header {
  position: relative;
  padding: 1.1rem 4rem 1.1rem 1em;
  background: var(--color-theme-background);
  color: var(--color-theme-text);
  border-bottom: 1px solid var(--color-theme-border);
  display: block;
  overflow: hidden;
  font-size: 1.1em;
  font-weight: 700;
}

.collapse-header:hover,
.collapse-header:not(.collapsed) {
  color: var(--color-theme-primary);
}

.collapse-header::after {
  content: "+";
  position: absolute;
  z-index: 3;
  right: 1em;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  font-size: 1.5em;
  line-height: 1em;
  transition: 0.2s;
  color: var(--color-theme-primary);
}

.collapse-header.collapsed::after {
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.collaspe-content {
  padding: 1.5rem 1em;
  border-bottom: 1px solid var(--color-theme-border);
}

.big-btn {
  font-size: 1.75rem;
  padding: 1.25rem 2.5rem;
}
/*------{rewards buttons}------*/
 .bg-gradient {
        background: #101d39;
        background: -webkit-linear-gradient(legacy-direction(to right), #233558 0%, #101d39 100%);
        background: -webkit-linear-gradient(linear, left top, right top, from(#233558), to(#101d39));
        background: -webkit-linear-gradient(left, #233558 0%, #101d39 100%);
        background: -o-linear-gradient(left, #233558 0%, #101d39 100%);
        background: linear-gradient(to right, #233558 0%, #101d39 100%);
    }

    .text-box {
        padding: 30px 20px;
    }

    .font-stylish {
        font-weight: 400 !important;
        font-size: 2.75em;
        line-height: .95;
        margin-bottom: .35em;
    }

    .font-small {
        font-size: .85em;
    }

    .btn {
        -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15) !important;
        box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15) !important;
        -webkit-transition: 0s;
        -o-transition: 0s;
        transition: 0s;
    }   


    .btn-arrow {
        position: relative;
    }

    .btn-arrow span {
        display: inline-block;
        position: relative;
        -webkit-transition: all 300ms ease-out;
        -o-transition: all 300ms ease-out;
        transition: all 300ms ease-out;
        will-change: transform;
    }

    .btn-arrow:hover span,
    .btn-arrow:focus span {
        -webkit-transform: translate3d(-1rem, 0, 0);
        transform: translate3d(-1rem, 0, 0);
    }

    .btn-arrow i {
        position: absolute;
        width: 1.1em;
        right: 0px;
        right: 0rem;
        opacity: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: all 300ms ease-out;
        -o-transition: all 300ms ease-out;
        transition: all 300ms ease-out;
        will-change: right, opacity;
    }

    .btn-arrow:hover i,
    .btn-arrow:focus i {
        opacity: 1;
        right: -2rem;
    }

    .fa-angle-double-right:before {
        content: "\f101";
    }/*----------------*/