.core-bg {
  background-color: rgb(3 7 18);
}

.core-bg-light {
  background-color: rgb(8, 13, 26);
}

.core-bg-2 {
  background: linear-gradient(0deg, rgba(227, 238, 245, 1) 0%, rgba(255, 255, 255, 1) 100%);
}

.core-bg-3 {
  background: linear-gradient(360deg, hsla(224, 71%, 4%, 1) 0%, hsla(223, 72%, 8%, 1) 58%, hsla(222, 62%, 12%, 1) 100%);
}

.core-bg-header {
  background-color: rgba(3, 7, 18, 0.9);
}


.marquee {
  /*   overflow: hidden; */
}

.marquee-content {
  display: flex;
  animation: scrolling 35s linear infinite;
}

.marquee-item {
  flex: 0 0 20vw;
  margin: 0 1vw;
  /*   flex: 0 0 20vw; */
  /*   margin: 0 2vw; */

}

@media screen and (max-width: 480px) {
  .marquee-item {
    flex: 0 0 60vw;
    margin: 0 1vw;
    /*   flex: 0 0 20vw; */
    /*   margin: 0 2vw; */
  }

  .marquee-content {
    display: flex;
    animation: scrolling 20s linear infinite;
  }

}

.marquee-item img {
  display: block;
  width: 100%;
  /*   padding: 0 20px; */
}

@keyframes scrolling {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translatex(-144vw);
  }
}
/* timeshare page css start  */
.pt-25 {
  padding-top: 7rem;
}
.top-banner::before{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background:rgba(0, 0, 0, 0.7);
  z-index: -1;
}
.form-bg{
  background-color: rgba(5,33,90,0.47);
  z-index: 1;
}
.form-bg label {
  color: #666 !important
}
.process{
  background-color: #eeeeee!important;
}
.process-border{
  border-bottom: 2px solid #111827;
}

.testimonial:before {
  font-family: ETmodules!important;
  content: "”";
  font-size: 50px;
  left: 50%;
  position: absolute;
  top: -18px;
  background: #eeeeee;
  margin-left: -16px;
  border-radius: 31px;
  z-index: 2;
  width: 35px;
  color: #323232;
  height: 35px;
  line-height: 50px;
  border: 2px solid #323232;
}
.be-free{
  background-image: url('/assets/img/be-free.webp');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.footer-bg{
  background-color: #001843;
}

div.form-select label.error {
  padding-left: 10px;
  color: red;
}
.review-img img:hover{
  transform: scale(1.3);
}
.review-img img{
  transition: all .5s ease;
}
.card{
  box-shadow: 0px 20px 40px rgba(0,0,0,0.1);
}
.country-list li{
  list-style-type: disc;
  margin-left: 20px;
  margin-bottom: 5px;
}
.footer-bg{
  background-color: #424B54;
  color: #D4E2E4;
}
.step-banner{
  background: linear-gradient(to bottom, rgba(47, 48, 67, 0.6) 0%, rgba(47, 48, 67, 0.7) 50%,rgba(47, 48, 67, 0.8) 100%), url(/assets/img/banner_bg1.jpg) repeat 0 0;
  background-repeat: no-repeat;
  background-position: 50% 20%;
  -ms-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
@media(min-width:1024px){
  .step-banner{
    min-height: 630px;
  }
}

label.state-error {
  color: #ff0000c4 !important;
  font-size: 15px;
}

/* OFfer Pages css */

.mx-0 {
  margin-left: 0px;
  margin-right: 0px;
}

.max-w-offer-card {
  max-width: 100%;
}
.w-offer-card {
  width: 100%;
}

@media (min-width: 1024px) {
  .lg\:w-80 {
    width: 80%;
  }
  .lg\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .lg\:max-w-offer-card {
    max-width: 18rem;
  }
  .lg\:w-offer-card {
    width: 18rem;
  }
  .lg\:max-w-full {
    max-width: 100%;
  }
  .lg\:flex-row {
    flex-direction: row;
  }
}

@media (min-width: 1200px) {
  .xl\:flex {
    display: flex;
  }
  .xl\:max-w-offer-card {
    max-width: 17rem;
  }
  .xl\:w-offer-card {
    width: 17rem;
  }
}

@media (min-width: 640px) {
  .sm\:h-20 img {
    height: 6.5rem;
    width: auto;
    max-width: 32rem;
    max-height: 100%;
  }
}

.align-self {
  text-align: center;
  align-self: center;
}