.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);
  }
 
  #form-slider[type=range] {
    --range-color: #024;
    height: 18px;
    background: rgba(0,34,68,.6);
    border-radius: 4px;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    outline: none;
    cursor: pointer;
    -webkit-appearance: none
  }

  #form-slider[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 40px;
    height: 40px;
    background-color: #024;
    border-radius: 50%;
    cursor: pointer;
    margin-top: -4px
  }
  .float-start {
    float: left!important;
  }
  .float-end {
    float: right!important;
  }
  .bg-success {
    background-color: #63ce4d;
    border-color: #63ce4d;
  }
  
  .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); }
    }
    input[type=range] {
      --range-color: #024;
      /* height: 18px; */
      background: rgba(0,34,68,.6);
      border-radius: 4px;
      -moz-appearance: none;
      appearance: none;
      margin: 0;
      outline: none;
      cursor: pointer;
      -webkit-appearance: none;
  }
  .h-20px{
    height: 20px;
  }
.h-65px{
  height: 65px;
}
.h-130px{
  height: 130px;
}
.tp-star:nth-of-type(-n + 5) .tp-star__canvas, .tp-star:nth-of-type(-n + 5) .tp-star__canvas--half{
  fill: #00b67a;
}
.review-section .tp-star:nth-of-type(-n + 1) .tp-star__canvas, .review-section .tp-star:nth-of-type(-n + 1) .tp-star__canvas--half {
  fill: #ff3722;
}
.tp-star__shape {
  fill: #fff;
}
.w-80px{
  width: 80px;
}
.review-wrapper{
  max-height: 200px;
  overflow: auto;
}

/* footer css */
.footer-section {
  background-color: #024;
  z-index: 99;
}
.social-icon {
  width: 45px;
  height: 45px;
}

/* 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%;
  }
}

/* Step-form Validation CSS */
label.state-error {
  color: red;
}

.state-error input {
  border: 1px solid red;
}

.tp-widget-logo {
  max-width: 140.25px;
}
.tp-stars--5 .tp-star:nth-of-type(-n + 5) .tp-star__canvas{
  fill: #00b67a;
}
.tp-stars--5 {
  width: 72%;
}
.works-card{
  counter-increment: counter;
    position: relative;
    text-align: center;
    color: #fff;
}
.works-card:before{
  content: counter(counter);
  border: 2px solid transparent;
  background-color: blue;
  font-family: 'noto_sansbold';
  font-size: 1.6rem;
  padding: 1.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  position: absolute;
  margin: auto;
  top: -30px;
  left: 0;
  right: 0;
}
.works-card:nth-child(1) .works-card__title, .how-it-works-card:nth-child(1):before, .works-card:nth-child(1) {
  background: rgb(0,211,203);
  background: linear-gradient(180deg, rgba(0,211,203,1) 0%, rgba(0,145,138,1) 80%);
}
.works-card:nth-child(2) .works-card__title, .works-card:nth-child(2):before, .works-card:nth-child(2){
  background: rgb(50,182,216);
    background: linear-gradient(180deg, rgba(50,182,216,1) 0%, rgba(1,130,178,1) 100%);
}
.works-card:nth-child(3) .works-card__title, .works-card:nth-child(3):before, .works-card:nth-child(3){
  background: rgb(250,162,26);
  background: linear-gradient(180deg, rgba(250,162,26,1) 0%, rgba(244,130,17,1) 100%);
}
.works-card:nth-child(4) .works-card__title, .works-card:nth-child(4):before, .works-card:nth-child(4){
  background: rgb(67,170,221);
  background: linear-gradient(180deg, rgba(67,170,221,1) 0%, rgba(19,73,132,1) 100%);
}
.works-card:nth-child(1):before {
  box-shadow: 0 0 0 0.8rem rgba(0,186,175, 1);
  background: linear-gradient(180deg, rgba(0,211,203,1) 0%, rgba(0,145,138,1) 80%);
}
.works-card:nth-child(1):before {
  border-color: rgb(0,211,203);
}
.works-card:nth-child(2):before {
  box-shadow: 0 0 0 0.8rem rgba(43,166,204, 1);
  border-color: rgb(50,182,216);
}
.works-card:nth-child(3):before {
  box-shadow: 0 0 0 0.8rem rgba(231,120,15, 1);
  border-color: rgb(250,162,26);
}
.works-card:nth-child(4):before {
  box-shadow: 0 0 0 0.8rem rgba(40,116,188, 1);
  border-color: rgb(67,170,221);
}
.works-card__title{
  padding-top: 3.5rem;
  font-size: 1.4rem;
  padding-bottom: 1.5rem;
  font-weight: 600;
}
.works-card__body{
  padding: 3rem;
}
.range::-webkit-slider-thumb {
  background: #00fd0a !important;
}