/* mobile fixes */
/* .new-card-mobile-spacer, .new-card-mobile-img{
  display: none !important;
} */
/* end mobile fix */

.new-card {
  position: relative;
  /* max-width: 900px; */
  padding: 60px 53px;
  padding-bottom: 60px;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #cccccc;
  margin-bottom: 50px;

  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100%;
  margin: auto;
  margin-bottom: 50px;
}

.new-card p {
  max-width: 476.37px;
}

.new-card li {
  font-size: 0.875rem;
  line-height: 1.625rem;
  font-weight: 300;
}

.new-card-wrapper {
  width: 100%;
}

.money {
  bottom: 10%;
  left: 10%;
  background: white;
  width: 100%;
  max-width: 550px;
  min-height: 14.375rem;
  overflow: hidden;
  margin-left: 16px;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  box-shadow: 0px 4px 6px -2px #10182808;
  box-shadow: 0px 12px 16px -4px #10182814;

}

/* .new-card.maskim .money{
  margin-left: 30px;
} */

.new-card.ryan {
  background-image: url("../img/clients/ryan-fg-min.png");
}

.new-card.hugo {
  background-image: url("../img/clients/hugo-fg.webp");
}

.new-card.maskim {
  background-image: url("../img/clients/maksim-fg.webp");
}

.new-card.jj {
  /* background-image: url("../img/clients/jj-fg.webp"); */
}

.new-card-wide.jj img {
  width: 100%;
  padding: 0;
  margin: 0;
}

.jj-desktop {
  display: block;
}

.jj-mobile {
  display: none;
}

.new-card-wide .inside {
  text-align: center;
}

.inside h1 {
  font-size: 38.61px;
  font-weight: 700;
  margin-top: 30px;
}

section.director-section.wavy-bg {
  padding-bottom: 0 !important;
}

.inside h3 {
  font-size: 25.74px;
}

.new-card.jj .money {
  float: right;
}

.new-card.jj .container.pt-4.pb-4 {
  margin-bottom: 30px;
}

.o-left {
  text-align: left;
}

.under-cards {
  max-width: 100%;
  padding: 20px 2rem;
}

@media (min-width: 1200px){
  .under-cards {
  padding: 20px 4rem;
}
}

.o-left .subheading {
  text-align: center;
  display: block;
}

.schedule-section-content {
  background: #fbfcfd;
}

.new-card-wide {
  min-width: 100%;
  /* max-width: 1000px; */
  border: none;
}

.new-card-mobile-img {
  display: none;
}



.money .hover-card-top-bar,
.director-card .hover-card-top-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  color: white;
  background: #0065fe;
  padding: 8px 12px;
}

.money .hover-card-main,
.director-card .hover-card-main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 14px;
  color: black;
}

.hover-card-price {
  font-weight: 700;
  font-size: 1.875rem;
  font-size: 38.61px;
  /* font-weight: 400; */
  line-height: 38.61px;
  text-align: center;
  margin: 20px;
}

.money .hover-card-main .hover-card-sub-title,
.director-card .hover-card-main .hover-card-sub-title {
  font-weight: 500;
  font-size: 1.25rem;
  font-size: 25.74px;
  /* font-weight: 400; */
  line-height: 38.1px;
  text-align: center;
}

.hover-card-comp {
  font-size: 20.59px;
  /* font-weight: 400; */
  line-height: 26.77px;
  text-align: center;
  color: #475467;
}

@media (max-width: 1200px) {
  .money {
    min-height: 10.375rem;
    max-width: 100%;
    background-color: white;
    margin-left: 0px;
  }

  .new-card.maskim .money {
    margin-left: 0px;
  }

   .new-card.ryan {
    background-image: url('../img/mobile/Ryan.jpg');
  }

   .new-card.hugo {
    background-image: url('../img/mobile/Hugo.png');
  }

   .new-card.maskim {
    background-image: url('../img/mobile/Maksim.png');
  }

   .new-card.jj {
    background-image: url('../img/mobile/JJ.png');
  }

  .new-card .col-md-4.p-0.pl-3 {
    padding: 0 !important;
  }

  .jj-desktop {
    display: none;
  }

  .jj-mobile {
    display: block;
  }

  .new-card-mobile-img {
    display: none !important;
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    padding-bottom: 100px;
  }

  .new-card-mobile-spacer {
    margin-top: 450px;
  }

  .money .hover-card-top-bar {
    font-size: 1rem;
  }

  h6.hover-card-price {
    font-size: 30px;
    padding: 0;
    margin: 0;
  }

  .money .hover-card-main .hover-card-sub-title,
  .director-card .hover-card-main .hover-card-sub-title {
    font-size: 17px;
    padding: 0;
    margin: 0;
  }

  p.hover-card-comp {
    font-size: 18px;
    margin: 0;
    padding: 0;
  }

  .container.new-container {
    padding: 0;
  }
}

@media (max-width: 800px) {
  .new-card{
    border: none;
  }

    .new-card.maskim,
  .new-card.hugo,
  .new-card.jj,
  .new-card.ryan {
    /* background-image: none; */
    background-position: center 90%;
  }

  .new-card-mobile-spacer {
    margin-top: 450px;
  }

  /* .under-cards {
    padding: 0px;
  } */
}

@media (max-width: 700px) {
  .new-card-mobile-spacer {
    margin-top: 350px;
  }
}


@media (max-width: 600px) {

  .new-card-mobile-spacer {
    margin-top: 350px;
  }

  .new-card {
    padding: 0 2rem !important;
  }

  .inside h3 {
    margin-bottom: 30px;
  }
}

@media (max-width: 500px) {
   .new-card-mobile-spacer {
    margin-top: 300px;
  }
}

@media (max-width: 450px) {
    .new-card-mobile-spacer {
    margin-top: 200px;
  }
}