.elite--container {
  width: 1400px;
  max-width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 auto;
  box-sizing: border-box;
}

.elite--main * {
  box-sizing: border-box;
}

.elite--main h2 {
  font-size: 24px;
  color: #101010;
  font-weight: 400;
  text-align: center;
  margin: 0;
  line-height: 1.1;
}
.elite--main .lead {
  font-size:18px;
}

.slick-slide {
  height: auto !important;
}

/* Hero */

.elite--hero-section {
  width: 100%;
  height: 480px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;

  position: relative;
  overflow: hidden;
}
.elite--hero-section .bg-image {
  height: 100%;
    width: 100%;
    object-position: top;
    object-fit: cover;
}
.elite--hero-container {
  position: absolute;
  z-index: 1;
  left: 50%;
  top:50%;
  transform: translate(-50%, -50%);
  height: 100%;
  display: flex;
  align-items: center;
}
.elite--hero-container .hero-left-col,
.elite--hero-container .hero-right-col {
  width: 50%;
}
.form-wrapper {
  background-color: #fff;
  padding:35px 40px;
  border-radius: 10px;
}
.form-wrapper h3 {
  font-size: 26px;
  text-align: center;
  margin-top: 0;
}
.form-wrapper p {
  font-size: 16px;
}

.form-wrapper .form-row {
  display: flex;
}

.form-wrapper .form-row {
  display: flex;
  margin-left: -15px;
    margin-right: -15px;
}
.form-wrapper .form-row > div {
  display: flex;
  flex-direction: column;
  padding-bottom: 25px;
  position: relative;
}
.form-wrapper .form-row .form-col {
  width: 50%;
  padding-left: 15px;
  padding-right: 15px;
}
.form-wrapper .form-col-full {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}
.form-wrapper label {
  margin-bottom: 3px;
}
.form-wrapper label > span {
  color: #ff1f00;
}
.form-wrapper .form-cta {
  display: flex;
  justify-content: center;
}
.form-wrapper .form-cta button {
  height: 50px;
  width: 200px;
}

.form-wrapper .elite-control {
  border-radius: 5px;
}

.form-wrapper .message-state.hide {
  display: none;
}
.form-wrapper .form-state.hide {
  display: none;
}

.form-wrapper .elite-control.is-invalid + .control-error {
  display: inline-block;
}

.form-wrapper .elite-control.is-invalid {
  border-color: #FF1F00;
}
.form-wrapper .control-error {
    color: #ff1f00;
    position: absolute;
    bottom: 7px;
    font-size: 13px;
    display: none;
}

.elite--hero-headline {
  font-size: 50px;
  font-weight: 800;
  color: #FFFFFF;
  line-height: 1.1;
  text-transform: uppercase;
  margin: 0;
  filter: drop-shadow(4px 4px 54px rgb(0, 0, 0, 0.7));
}
.elite--hero-logo {
  max-width: 240px;
  margin: 20px 0;
  display: block;
  pointer-events: none;
}
.elite--hero-desc {
  font-size: 22px;
  color: #FFFFFF;
  line-height: 1.3;
  font-weight: 700;
  margin: 20px 0 0;

  filter: drop-shadow(4px 4px 54px rgb(0, 0, 0, 0.7));
}
.elite--hero-button {
  color: #FFFFFF;
  background-color: #532279;
  font-weight: 800;
  font-size: 14px;
  padding: 17px 60px;
  display: block;
  text-decoration: none;
  width: fit-content;
  margin: 0 0 30px;
  line-height: 1;
  text-transform: uppercase;
  transition: all .2s linear;
}
.elite--hero-button:hover {
  background-color: #602b89;
}

/* Icons */
.elite--icons {
  padding: 30px 0;
  background-color: #EBEBFF;
}
.elite--icons-slider {
  margin-top: 20px;
}
.elite--icons-slider .slick-list {
  padding-left: 0 !important;
}
.elite--icons-slider .slick-slide {
  /* max-width: 295px;
  max-height: 295px; */
  padding: 0 10px;
}
.elite--icons-slide {
  aspect-ratio: 1/1;
  border: 1px solid rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 295px;
  max-height: 295px;
  margin: 0 auto;
}
.elite--icons-slide img {
  width: 60px;
  height: 60px;
}
.elite--icons-slide p {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  text-align: center;
  margin: 20px 0 0;
}
.elite--icons-arrows {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding-top: 20px;
  cursor: pointer;
}
.elite--icons-arrow {
  width: 30px;
  height: 30px;
}
.elite--icons-arrow.slick-disabled {
  opacity: .6;
}

.footer-banner {
  display: none;
}


/* Who We Serve. */
.elite--serve {
  padding: 40px 0;
  background-color: #fff;
}
.elite-cards {
  display: flex;
  padding-top: 30px;
  flex-wrap: wrap;
  padding-bottom: 30px;
  column-gap: 16px;
}
.elite-cards .elite-card {
flex: 1 0 18%;
}
.elite-cards .elite-card-item {
  display: flex;
  flex-direction: column;
  background-color: #EBEBFF;
  border: 1px solid rgba(0, 0, 0, 0.3);
  text-decoration: none !important;
  color: #4a4a4a;
}

.elite-cards .elite-card-item.current {
  background-color: #F6F5F0;
}

.elite-cards .elite-card-item img {
  max-width: 100%;
  display: inline-block;
}
.elite-cards .elite-card-item picture {
  display: flex;
}

.elite-cards .elite-card-item .img-wrapp {
  position: relative;
}

.elite-cards .elite-card-item .elite-card-title {
  font-size: 18px;
  text-align: center;
  padding: 20px 10px;
}

.elite-cards .elite-card-item .over {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  background-color: rgba(54,23,84,0.8);
  font-size: 20px;
  display: flex;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  font-weight: 500;
  opacity: 0;
  transition: all .1s linear;
}
.elite-cards .elite-card-item .over span { 
  font-weight: 400;
}

.elite-cards .elite-card-item:hover .over {
  opacity: 1;
}
.elite-cards .elite-card-item.current:hover .over {
  opacity: 0;
}

.elite-tabs {
  background-color: #F6F5F0;
}
.elite-tabs .elite-tab-item {
  padding: 45px;
  display: none;
}
.elite-tabs .elite-tab-item.show {
  display: block;
}
.elite-tabs .elite-tab-item .tabs-col {
  display: flex;
  column-gap: 16px;
  width: 100%;

}
.elite-tabs .elite-tab-item .tabs-col > div {
  width: 50%;
}

.elite-tabs .elite-tab-item li {
  padding: 5px 0;
}

.elite--cta .elite--cta-list {
display: flex;
flex-direction: column;
align-items: center;
}

.elite--cta {
  background: rgb(83,34,121);
background: linear-gradient(90deg, rgba(83,34,121,1) 50%, rgba(255,255,255,1) 50%);
}
.elite--cta .btn {
  font-size: 21px;
  padding: 9px 24px;
  margin-top: 20px;
  display: inline-flex;
  align-items: center;
  width: 350px;
  justify-content: center;
  text-transform: none;
}
.elite--cta .btn img {
  margin-right: 10px;
}

.elite--cta h2 {
  text-transform: uppercase;
  font-size: 36px;
  font-weight: 800;
  color: #fff;
  text-align: center !important;
}
.elite--cta p {
  font-size: 21px;
}

.elite--cta .elite-cta-cols {
  display: flex;
  
}
.elite--cta .elite-cta-cols .elite-cta-col {
  display: flex;
  width: 50%;
  flex-direction: column;
  justify-content: center;
}
.elite--cta .elite-cta-cols .elite-cta-col.bg-color {
background-color: #532279;
color: #fff;
padding:30px ;
}
.elite--cta .elite-cta-cols .elite-cta-col.bg-image picture {
  display: flex;
  height: 100%;
}
.elite--cta .elite-cta-cols .elite-cta-col.bg-image img {
  max-width: 100%;
  display: inline-block;
  object-fit: cover;
  object-position: bottom;
}

.elite-accordion {
  border-top: 1px solid  rgba(0, 0, 0, 0.3);
  margin-top: 30px;
  display: none;
}

.accordion-header {
  font-size: 16px;
  font-weight: 400;
  color: #4a4a4a;
  border-bottom:1px solid  rgba(0, 0, 0, 0.3);
  padding: 20px;
  margin: 0;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}
.accordion-content {
  padding: 0px;
  background-color: #fff;
  overflow: hidden;
  height: 0;
}
.accordion-header.state-active + .accordion-content {
 
}

.accordion-inner {
  padding: 20px;
}

.accordion-content p {
  margin-top: 0;
}
.accordion-header-icon {
  background-image: url('/spinlifepro/img/chevron-down.svg');
  background-repeat: no-repeat;
  background-size: 24px;
  width: 24px;
  height: 24px;
  display: block;
}
.accordion-header.state-active .accordion-header-icon {
  background-image: url('/spinlifepro/img/chevron-up.svg');
}

.spinlifeProError {
  width: 92%;
  text-align: center;
  font-size: 15px;
  padding: 15px;
  border: 1px solid var(--error-border-color);
  color: var(--error-color);
  background-color:var(--error-bg-color);
  border-radius: 5px;
}

/* Media quries */
/* Small devices */
@media only screen and (min-width: 480px) {
  .elite--icons-slide p {
    font-size: 16px;
  }
}

@media only screen and (min-width: 600px) {
  .elite--hero-section {
    height: 700px;
  }
  .elite--hero-logo {
    max-width: 300px;
    margin: 45px 0;
  }
}

/* Medium devices */
@media only screen and (min-width: 768px) {
  .elite--main h2 {
    font-size: 30px;
    text-align: start;
  }

  .elite--icons-arrows {
    padding-top: 35px;
  }
  
  .elite--hero-section .bg-image {
    object-position: right;
}
}

/* Large devices */
@media only screen and (min-width: 992px) {
  .hideOnDesktop {
    display: none;
  }
  .elite--hero-container {

  }
  .elite--hero-section {
    text-align: start;
  }
  .elite--hero-desc {
    display: block;
  }
  .elite--hero-button {
    margin: 0;
  }
  
  .elite--icons-slide p {
    font-size: 18px;
  }
  .elite--icons-slider {
    margin-top: 30px;
  }
  
}

/* Extra large devices */
@media only screen and (min-width: 1200px) {
  .elite--icons {
    padding: 40px 0;
  }
  .elite--icons-slide p {
    font-size: 21px;
  }

  .elite--hero-section .bg-image {
    object-position: center;
}
}

@media only screen and (min-width: 1400px) {
  .elite--main h2 {
    font-size: 34px;
  }
  .elite--icons-slide {
    max-width: 340px;
    max-height: 340px;
  }
  .elite--icons-slide p {
    font-size: 21px;
  }  
}

@media only screen and (max-width: 991px) {
  .hideOnMobile {
    display: none !important;
  }
  .form-wrapper {
    padding: 25px;
  }
  .form-wrapper .form-row .form-col {
    width: 100%;
  }
  .elite--hero-headline {
    font-size: 41px;
  }
  .elite--hero-desc {
    font-size: 17px;
  }
  .elite-cards .elite-card-item .over {
    font-size: 16px;
  }
  .elite-cards {
    display: none;
  }
  .elite--serve {
    background-color: #F6F5F0;
    padding: 30px 0;
  }
  .elite--serve .elite--container {
    padding: 0;
  }
  .elite-accordion { 
    display: block;
  }
  
  .elite--hero-headline {
    font-size: 34px;
  }
}
.form-mobile {
  display: none;
}
@media only screen and (max-width: 768px) {
  .elite--hero-container {
    flex-direction: column;
    justify-content: end;
        align-items: center;
        text-align: center;
  }
  .elite--hero-logo {
   
    margin: 45px auto;
}
  
  .elite--hero-container .hero-left-col, .elite--hero-container .hero-right-col {
    width: 100%;
  }
  .elite--hero-section .form-wrapper {
    display: none;
  }
  .form-mobile {
    display: flex;
  }
  .form-wrapper p  {
    text-align: center;
  }
  .elite--hero-section {
    height: 480px;
}
.elite--cta .elite-cta-cols {
  flex-direction: column-reverse;
}
.elite--cta {
  background: none;
}
.elite--cta .elite--container {
  padding: 0;
}
.elite--cta .elite-cta-cols .elite-cta-col {
  width: 100%;
}
.elite--cta p {
  text-align: center;
}
.elite--main .lead {
  text-align: center;
}
}

@media only screen and (max-width: 400px) {
}

.removeTransform {
  transform: none !important;
}