.pointer{
    cursor: pointer!important;
}

.blockquote::before{
    display: none!important;
}

.h8{
    font-size: 14px;
    font-weight: 700;
}

.h8-unbold{
  font-size: 14px;
}

.h7{
  font-size: 15px;
  font-weight: 700;
}

.h-35{
    height: 29px!important;
}


.modal-90w{
    min-width: 50%!important;
}

.model-100w{
    min-width: 60vw!important;
}


.model-120w{
    min-width: 80vw!important;
}


.pointer{
    cursor: pointer;
}



.rounded{
    border-radius: 10px!important;
}

.card{
    overflow: 'none';
}

.activee{
    color: #ff3f3a!important;
    background-color: rgba(0, 0, 0, 0)!important;
    border-color: #ff3f3a!important;
    border-top: 0px!important;
    border-right: 0px!important;
    border-left: 0px!important;
    border-radius: 0px!important;
    border-bottom-width: 3px!important;
}

.muuri-item {
    z-index: 1;
  }
  .muuri-item-dragging {
    z-index: 3;
  }
  .muuri-item-releasing {
    z-index: 2;
  }
 
  .blockquote::before{
      display: none!important;
  }

  figure > img {
    object-fit: cover;
    width: 100%;
    max-height: 100%; 
  }


.click-hg:hover{
    background-color: #d1d1d1!important;
}

.click-hg{
    background-color: #ececec;
}

.link-no-style{
    color: black!important;
    font-style: normal!important;
    text-decoration: none!important;
}


.testimonials-bg{
    object-fit: cover;
    object-position: 50% 50%;
    max-width: none;
 
}


.bg-card-assessment{
    background-size: 280px;
    min-height: 240px;
    background-repeat: no-repeat;
    background-position: right
}



.d-100{
  height: 60px!important;
}

@media (min-width: 576px) {


    .border-sm-top {
      border-top: 1px solid #e3e7eb !important;
    }
    .border-sm-right {
      border-right: 1px solid #e3e7eb !important;
    }
    .border-sm-bottom {
      border-bottom: 1px solid #e3e7eb !important;
    }
    .border-sm-left {
      border-left: 1px solid #e3e7eb !important;
    }
    .border-sm-top-0 {
      border-top: 0 !important;
    }
    .border-sm-right-0 {
      border-right: 0 !important;
    }
    .border-sm-bottom-0 {
      border-bottom: 0 !important;
    }
    .border-sm-left-0 {
      border-left: 0 !important;
    }
    .border-sm-x {
      border-left: 1px solid #e3e7eb !important;
      border-right: 1px solid #e3e7eb !important;
    }
    .border-sm-y {
      border-top: 1px solid #e3e7eb !important;
      border-bottom: 1px solid #e3e7eb !important;
    }
    .border-sm {
      border-top: 1px solid #e3e7eb !important;
      border-bottom: 1px solid #e3e7eb !important;
      border-left: 1px solid #e3e7eb !important;
      border-right: 1px solid #e3e7eb !important;
    }
    .border-sm-0 {
      border-top: 0 !important;
      border-bottom: 0 !important;
      border-left: 0 !important;
      border-right: 0 !important;
    }
    
  }
  
  @media (min-width: 768px) {
    .border-md-top {
      border-top: 1px solid #e3e7eb !important;
    }
    .border-md-right {
      border-right: 1px solid #e3e7eb !important;
    }
    .border-md-bottom {
      border-bottom: 1px solid #e3e7eb !important;
    }
    .border-md-left {
      border-left: 1px solid #e3e7eb !important;
    }
    .border-md-top-0 {
      border-top: 0 !important;
    }
    .border-md-right-0 {
      border-right: 0 !important;
    }
    .border-md-bottom-0 {
      border-bottom: 0 !important;
    }
    .border-md-left-0 {
      border-left: 0 !important;
    }
    .border-md-x {
      border-left: 1px solid #e3e7eb !important;
      border-right: 1px solid #e3e7eb !important;
    }
    .border-md-y {
      border-top: 1px solid #e3e7eb !important;
      border-bottom: 1px solid #e3e7eb !important;
    }
    .border-md {
      border-top: 1px solid #e3e7eb !important;
      border-bottom: 1px solid #e3e7eb !important;
      border-left: 1px solid #e3e7eb !important;
      border-right: 1px solid #e3e7eb !important;
    }
    .border-md-0 {
      border-top: 0 !important;
      border-bottom: 0 !important;
      border-left: 0 !important;
      border-right: 0 !important;
    }
    
  }
  
  @media (min-width: 992px) {

    .d-lg-80{
      height: 80px!important;
    }

    .d-lg-120{
      height: 120px!important;
    }

    .mt-lg-x{
      margin-top: 17px!important;
    }

    .border-lg-top {
      border-top: 1px solid #e3e7eb !important;
    }
    .border-lg-right {
      border-right: 1px solid #e3e7eb !important;
    }
    .border-lg-bottom {
      border-bottom: 1px solid #e3e7eb !important;
    }
    .border-lg-left {
      border-left: 1px solid #e3e7eb !important;
    }
    .border-lg-top-0 {
      border-top: 0 !important;
    }
    .border-lg-right-0 {
      border-right: 0 !important;
    }
    .border-lg-bottom-0 {
      border-bottom: 0 !important;
    }
    .border-lg-left-0 {
      border-left: 0 !important;
    }
    .border-lg-x {
      border-left: 1px solid #e3e7eb !important;
      border-right: 1px solid #e3e7eb !important;
    }
    .border-lg-y {
      border-top: 1px solid #e3e7eb !important;
      border-bottom: 1px solid #e3e7eb !important;
    }
    .border-lg {
      border-top: 1px solid #e3e7eb !important;
      border-bottom: 1px solid #e3e7eb !important;
      border-left: 1px solid #e3e7eb !important;
      border-right: 1px solid #e3e7eb !important;
    }
    .border-lg-0 {
      border-top: 0 !important;
      border-bottom: 0 !important;
      border-left: 0 !important;
      border-right: 0 !important;
    }

    .modal-lg-40w{
      max-width: 25%!important;
    }
    
    
  }
  
  @media (min-width: 1200px) {

    .dynamic-height{
      height: 70vh!important;
    }

    .border-xl-top {
      border-top: 1px solid #e3e7eb !important;
    }
    .border-xl-right {
      border-right: 1px solid #e3e7eb !important;
    }
    .border-xl-bottom {
      border-bottom: 1px solid #e3e7eb !important;
    }
    .border-xl-left {
      border-left: 1px solid #e3e7eb !important;
    }
    .border-xl-top-0 {
      border-top: 0 !important;
    }
    .border-xl-right-0 {
      border-right: 0 !important;
    }
    .border-xl-bottom-0 {
      border-bottom: 0 !important;
    }
    .border-xl-left-0 {
      border-left: 0 !important;
    }
    .border-xl-x {
      border-left: 1px solid #e3e7eb !important;
      border-right: 1px solid #e3e7eb !important;
    }
    .border-xl-y {
      border-top: 1px solid #e3e7eb !important;
      border-bottom: 1px solid #e3e7eb !important;
    }
    .border-xl {
      border-top: 1px solid #e3e7eb !important;
      border-bottom: 1px solid #e3e7eb !important;
      border-left: 1px solid #e3e7eb !important;
      border-right: 1px solid #e3e7eb !important;
    }
    .border-xl-0 {
      border-top: 0 !important;
      border-bottom: 0 !important;
      border-left: 0 !important;
      border-right: 0 !important;
    }
  }

  .one-edge-shadow {
    -webkit-box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.1)!important;
       -moz-box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.1)!important;
            box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.1)!important;
}


.alice-carousel__dots{
  display: none;
}

.css-1onp1rd-menu{
  z-index: 10000000000;
}


.invalid{
  border-color: #ff4242;
    padding-right: calc(1.5em + 1.25rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ff4242' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ff4242' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .3125rem) center;
    background-size: calc(.75em + .625rem) calc(.75em + .625rem)
}

.invalid-tooltip {
  color: #000!important;
  background-color: rgb(255 202 202 / 90%)!important;
}




.mt-x{
  margin-top: 80px;
}


#ct-container{
  z-index: 1000000000000000000!important;
}

.avatars-sm{
  height: 35px;
  width: 35px;
  object-fit: cover;
  border-radius: 200px;
}





.bg-light-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(253, 236, 236, 0)), color-stop(14.32%,rgba(253, 236, 236, 0.53)), color-stop(45.83%, #fdecec), color-stop(84.33%, rrgba(253, 236, 236, 0.43)), to(rgba(253, 236, 236, 0)));
  background: -o-linear-gradient(top, rgba(253, 236, 236, 0) 0%, rgba(253, 236, 236, 0.53) 14.32%, #fdecec 45.83%, rgba(253, 236, 236, 0.43) 84.33%, rgba(253, 236, 236, 0) 100%);
  background: linear-gradient(180deg, rgba(253, 236, 236, 0) 0%, rgba(253, 236, 236, 0.53) 14.32%, #fdecec 45.83%, rgba(253, 236, 236, 0.43) 84.33%, rgba(253, 236, 236, 0) 100%)
}

.bg-holder1 {
  position: absolute;
  width: 100%;
  min-height: 80vh;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center;
  overflow: hidden;
  will-change: transform, opacity, filter;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-repeat: no-repeat;
  z-index: 0
}


.icon-font{
  font-size: 26px
}



.form1 {
  margin: 0 auto;
  padding: 100px 30px 0;

  @media (min-width: 800px) {
    max-width: 60%;
  }
}



.fade-in-section {
  opacity: 0;
  transform: translateX(3vh);
  visibility: hidden;
  transition: opacity 0.6s ease-out, transform 1.2s ease-out;
  will-change: opacity, visibility;
}
.fade-in-section.is-visible {
  opacity: 1;
  transform: none;
  visibility: visible;
}




.no-scroll {
  -ms-overflow-style: none;  /* Internet Explorer 10+ */
  scrollbar-width: none;  /* Firefox */
}
.no-scroll::-webkit-scrollbar { 
  display: none;  /* Safari and Chrome */
}



.see-details-pill{
  border-radius: 14px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 400;
  height: 28px;
  line-height: 28px;
  padding: 0;
  position: absolute;
  width: 120px;
  margin-left: -60px;
  left: 50%;
  top: -14px;
  color: white;
  text-align: center;

}


.bold{
  font-weight: 700;
}



.BookHeader_Container{
  align-items: center;
  display: flex;
  height: 60px;
  justify-content: center;
  margin: 0 auto;
  max-width: 1024px;
  min-width: 320px;
  padding: 0 20px;
  position: relative;
}

.BookHeader {
  background: #fff;
}

.BookHeader_Logo {
  height: 40px;
  /* width: 40px; */
  left: 20px;
  position: absolute;
  top: 10px;
}

.BookHeader_Progress {
  display: flex;
  font-size: 16px;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.BookHeader_Progress li, .BookHeader_Progress li a {
  align-items: center;
  display: flex;
  margin: 0;
  text-decoration: none;
}

.BookHeader_Progress_Icon {
  color: black;;
  font-size: 12px;
  margin: 0 32px;
}

.BookHeader_Progress_Number {
  border: 1px solid #8d8d8d;
  border-radius: 50%;
  display: inline-block;
  color: #8d8d8d;
  font-size: 10px;
  font-weight: 700;
  width: 19px;
  height: 19px;
  line-height: 19px;
  text-align: center;
  margin-right: 12px;
}

.Fontello-right-open:before {
  content: '\f054';
}

[class^="Fontello-"]:before, [class*=" Fontello-"]:before {
  font-family:"Font Awesome 5 Free";
  content: '\f054';
  font-style: normal;
  font-weight: 400;
  display:block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media only screen and (max-width: 840px){
  .BookHeader_Progress_Number {
    margin-right: 0;
  }
  .BookHeader {
    border-bottom: 1px solid #cecece;
    position: sticky;
    top: 0;
    z-index: 10;
  }
  .BookHeader_Logo {
    height: 34px;
    width: 34px;
    top: 13px;
  }
  .BookHeader_Progress li, .BookHeader_Progress li a {
    display: block;
    text-align: center;
  }
  .BookHeader_Progress li a {
    display: block;
    text-align: center;
  }
  .BookHeader_Progress_Number {
    margin-right: 0;
  }
  .BookHeader_Progress_Icon {
    margin: 0 6px;
  }
  .BookHeader_Progress_Label {
    display: block;
    font-size: 9px;
    margin-top: 2px;
  }
  .border-sm-rightt{
    border-right: 1px solid #e5e8ed !important
  }
}



.BookHeader_Progress-Selected .BookHeader_Progress_Number {
  background: var(--color-takelessons-blue);
  border: 1px solid var(--color-takelessons-blue);
  color: #fff;
}



ul {
  display: block;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}

.h33{
  font-size: 28px;
}


.text-soft-secondary{
  color: #404040;
  opacity: .5;
  transition: 0.2s color;
  font-size: 1em;
}

.bg-layer {
  background-color: rgb(107 107 107 / 70%);
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  height: calc(100vh - 60px);
}

.object-fit{
  object-fit: cover;
}


.PartnerPublic_Testimonials_Entry {
  background: #fff;
  border: 1px solid #ccc;
  height: 300px;
  margin: 0 6px;
  position: relative;
  width: calc(25% - 12px);
}

.PartnerPublic_HowItWorks_Entry, .PartnerPublic_WhyTeach_Entry, .PartnerPublic_WhyTeach_Stats_Entry, .PartnerPublic_Testimonials_Entry, .PartnerPublic_FAQ_Entry {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
}

.PartnerPublic_Testimonials_Entry_Image {
  background-position: center top;
  background-size: cover;
  bottom: 0;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.PartnerPublic_Testimonials_Entry_Text {
  background: rgba(47,72,96,.9);
  bottom: 57px;
  box-sizing: border-box;
  color: #fff;
  font-size: 14px;
  left: 0;
  opacity: 0;
  overflow-y: auto;
  padding: 20px;
  position: absolute;
  top: 0;
  transition: 0.2s opacity;
  white-space: normal;
  width: 100%;
}

.PartnerPublic_Testimonials_Entry_Info {
  background: rgba(47,72,96,.9);
  bottom: 0;
  box-sizing: border-box;
  color: #fff;
  height: 57px;
  left: 0;
  padding: 10px 10px 0 10px;
  position: absolute;
  width: 100%;
}

.PartnerPublic_Testimonials_Entry {
  background: #fff;
  border: 1px solid #ccc;
  height: 300px;
  margin: 0 6px;
  position: relative;
  width: calc(25% - 12px);
}

.PartnerPublic_Testimonials_Holder {
  margin-bottom: 40px;
}


.input-group-overlay {
  position: relative;
  width: 100%;
}

.input-group-overlay .appended-form-control:not(.rounded-right-0) {
  padding-right: 3rem;
}


.input-group-overlay .prepended-form-control:not(.rounded-left-0), .input-group-overlay .appended-form-control:not(.rounded-right-0) {
  border-radius: .25rem;
}

.input-group-append-overlay {
  right: 0;
}

.input-group-append-overlay, .input-group-prepend-overlay {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  height: 100%;
  z-index: 5;
}

.input-group-overlay.input-group-light .input-group-prepend-overlay .input-group-text, .input-group-overlay.input-group-light .input-group-prepend-overlay .btn, .input-group-overlay.input-group-light .input-group-append-overlay .input-group-text, .input-group-overlay.input-group-light .input-group-append-overlay .btn {
  /* color: #fff; */
  font-size: 2rem;
  transition: color .3s;
}

.input-group-append-overlay .input-group-text, .input-group-prepend-overlay .input-group-text {
  border: 0;
  font-size: 2rem;
  background-color: transparent;
}
.input-group-text {
  display: -ms-flexbox;
  display: flex;
  font-size: 2rem;
  -ms-flex-align: center;
  align-items: center;
  padding: .625rem 1rem;
  margin-bottom: 0;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #424551;
  text-align: center;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #dadbdd;
  border-radius: .25rem;
}


/* .Calendar{
  box-shadow: none!important;
  border: 1px solid rgb(139, 139, 139, 0.3);
} */


.arrow-down{
  transition: transform 0.1s linear;

}

.change-arrow{
  transform: rotateZ(180deg)!important;
}

.fadedScroller {
  overflow: auto;
  position: relative;
}

.fadedScroller_fade {
  content:'';
  margin-top: -100px;
  height: 40px;
  background: linear-gradient(to bottom, rgba(251, 251, 251, 1) 0%, rgba(251, 251, 251, 0) 100%);
  position: relative;
}
.fadedScroller:after {
  content:'';
  position: fixed;
  top: 0;
  left: 0;
  height: 20px;
  right: 0;
  background: linear-gradient(to bottom, rgba(251, 251, 251, 1) 0%, rgba(251, 251, 251, 0) 100%);
}


.fadeout {
  position: sticky; 
  bottom: -2px;
  width:100%;
  height: 3em;
  background: -webkit-linear-gradient(
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 1) 100%
  ); 
  background-image: -moz-linear-gradient(
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 1) 100%
  );
  background-image: -o-linear-gradient(
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 1) 100%
  );
  background-image: linear-gradient(
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 1) 100%
  );
  background-image: -ms-linear-gradient(
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 1) 100%
  );
} 
.fadeout-container {position:relative}  


.text-muted-link{
  color: #95aac9
}

.text-muted-link:hover{
  color: black;
}

.bg-dark1{
  background-color: rgb(0, 0, 0, 0.81);
}

.rounded-0 {
  border-radius: 0px;
}


.show-notif:hover .show-notif-hover{
    display: block;
}


.w-100px{
  min-width: 0px!important;
}


.DatePicker{
  width: 100%!important;


}


.rbc-allday-cell {
  height: 0px!important;
}

.rbc-time-view .rbc-row div:nth-child(1) {
  height: 0px !important;
}

.calendar-primary{
  background-color: #ff3f3a!important;
}

.rbc-event-label{
  display: none!important;
}








.multisteps-form__progress-btn {
  position: relative;
  color: rgba(255, 255, 255, 0.7);
  border: none;
  background-color: transparent;
  outline: none !important;
  cursor: pointer;
  font-size: 20px;
  font-weight: 600;
  display: flex;
  align-items: center;
  min-width: max-content;
  z-index: 1
}

.multisteps-form__progress-btn span {
  color: #fff
}

.multisteps-form__progress-btn i {
  width: 50px;
  height: 50px;
  left: 0px;
  top: 0px;
  margin-right: 15px;
  line-height: 50px;
  position: relative;
  text-align: center;
  display: inline-block;
  border: 2px solid #00D97E;
  border-radius: 50%;
  z-index: -1
}

.multisteps-form__progress-btn.js-active {
  color: #fff
}

.multisteps-form__progress-btn.js-active span {
  color: #fff
}

.multisteps-form__progress-btn.js-active i {
  color: #fff;
  border-color: #fff
}

.multisteps-form__progress-btn.js-active:after {
  background-color: #fff
}

.multisteps-form__progress {
  padding-top: 60px;
  height: 100%
}



.steps-area-fixed {
  position: fixed;
  width: 25% !important
}

.steps-area-fixed .multisteps-form__progress {
  padding-top: 0
}

.steps-area-fixed .steps {
  top: 70px
}

.steps-area-fixed+.multisteps-form__form {
  padding-left: 500px
}



.steps-area {
  float: left;
  width: 30%;
  overflow: hidden;
  max-width: 500px
}

.steps-area .steps {
  top: 110px;
  z-index: 9;
  right: 80px;
  position: absolute
}

.steps-area .steps li {
  margin-bottom: 85px;
  position: relative
}

.steps-area .steps li:before {
  content: "";
  top: -8px;
  left: -8px;
  width: 55px;
  height: 55px;
  position: absolute;
  border-radius: 100%;
  border: 2px solid #00D97E;
  z-index: 3
}

.steps-area .steps li span {
  width: 40px;
  color: #000;
  height: 40px;
  font-size: 16px;
  font-weight: 700;
  line-height: 40px;
  border-radius: 50%;
  background: #fff;
  position: relative;
  text-align: center;
  display: inline-block;
  z-index: -1
}

.steps-area .steps li span:before {
  content: "";
  width: 2px;
  height: 95px;
  background: #b8b9b9;
  position: absolute;
  right: 18px;
  top: 40px
}

.steps-area .steps li span:after {
  content: "";
  width: 2px;
  height: 0;
  background: #00D97E;
  position: absolute;
  right: 18px;
  top: 40px;
  transition: all 0.6s ease
}

.steps-area .steps li.last span:before,
.steps-area .steps li.last span:after {
  display: none
}

.steps-area .steps li.js-active span {
  background: #00D97E
}

.steps-area .steps li.js-active span:after {
  height: 86px
}

.steps-area .steps li.js-active:before {
  content: '';
  top: -8px;
  left: -8px;
  width: 55px;
  height: 55px;
  position: absolute;
  border-radius: 100%;
  border: 2px solid #00D97E
}

.steps-area .steps li.current span {
  background: #00D97E
}

.steps-area .steps li.current span:after {
  height: 50px
}


@media screen and (max-width: 1440px) {
  .steps-area-fixed {
      position: fixed
  }

  .steps-area-fixed+.multisteps-form__form {
      padding-left: 360px
  }

  .steps {
      left: 250px
  }

  .step-box-content .step-box-text h3 {
      font-size: 22px
  }



  .actions {
      right: 4%;
      bottom: 0
  }



  .image-holder {
      width: 490px;
      overflow: hidden
  }

  .image-holder img {
      object-fit: cover;
      height: 100%;
      object-position: 79%
  }
}


@media screen and (max-width: 1199px) {
  .steps-area-fixed {
      position: static;
      width: 100% !important
  }

  .steps-area .steps {
      left: 0;
      width: 100%;
      text-align: center
  }

  .steps-area-fixed+.multisteps-form__form {
      margin-left: 0
  }

  .steps-area,
  .multisteps-form__form {
      width: 100%;
      max-width: 100%
  }

  .image-holder {
      width: 100%;
      height: 250px;
      display: block;
      overflow: hidden
  }

  .image-holder img {
      height: auto;
      width: 100%
  }

 

  .inner {
      display: inline-block;
      width: 100%
  }

  .steps li {
      display: inline-block;
      margin-right: 80px
  }

  .steps li span:before {
      display: none
  }

  .steps li.js-active span:after {
      width: 100px;
      height: 2px !important;
      right: -100px;
      top: 20px
  }

  .actions {
      padding: 30px 0px 50px;
      position: static;
      margin-right: 80px;
      float: right
  }



  .actions ul {
      display: block
  }

  .actions ul li {
      display: inline-block
  }
}



.multisteps-form__form {
  position: relative;
  float: left
}


.wrapper {
  margin: 0 auto
}



@media screen and (max-width: 767px) {
  .steps li {
      display: inline-block;
      margin-right: 30px;
      margin-left: 30px
  }



  .step-box-content {
      margin-bottom: 30px
  }

  .step-progress {
      margin-left: 0;
      margin-bottom: 30px
  }


  .upload-documents .upload-option {
      float: none
  }

  .budget-area .opti-list li {
      margin-bottom: 20px
  }

  .plan-icon-text {
      margin-bottom: 20px
  }

  .plan-icon-text {
      width: 100%
  }

  .step-inner-content {
      padding-bottom: 50px
  }

  .budget-area .opti-list li {
      font-size: 14px;
      width: 100%
  }

  .date-picker span {
      min-width: 70px;
      font-size: 12px;
      top: 20px
  }

  .actions {
      position: static;
      padding-right: 0;
      margin-right: auto;
      margin-left: auto;
      float: none;
      padding: 0
  }

  .actions ul {
      display: flex
  }

  .actions li span {
      height: 60px;
      width: 170px;
      line-height: 60px
  }
}

@media screen and (max-width: 580px) {
  .steps li {
      margin-right: 15px;
      margin-left: 15px
  }

  .steps li.js-active span:after {
      width: 70px;
      height: 2px !important;
      right: -70px;
      top: 19px
  }


}

@media screen and (max-width: 460px) {
  .steps li {
      margin-right: 10px;
      margin-left: 10px
  }

  .steps li.js-active span:after {
      width: 60px;
      right: -60px
  }
}


.btn-pill{
  border-radius: 14px;
}

table td.highlighted {
  background-color:#999;
}


.cell-selected{
  background-color: #d5e5fa;
  border: 0px solid #12263F!important;
  padding-top: 0.5rem!important;
  padding-bottom: 0.5rem!important;
}

.cell-being-selected{
  background-color: #eff5fd;
  padding-top: 0.5rem!important;
  padding-bottom: 0.5rem!important;
}

.cell-enabled{
  padding-top: 0.5rem!important;
  padding-bottom: 0.5rem!important;
}

.thead{
  background-color: #f9fbfd;
    text-transform: uppercase;
    font-size: .625rem;
    font-weight: 600;
    letter-spacing: .08em;
    color: #95aac9;
    border-bottom-width: 1px;
    border-bottom: 2px solid #edf2f9;
}

.tr-pad{
  padding-top: 0.5rem!important;
  padding-bottom: 0.5rem!important;
}

@media (min-width: 1200px) {
  .pl-xl-300{
    padding-left: 360px!important;
  }
}


.no-pointer{
  cursor:auto;
}


.form__group {
  position: relative;
  padding: 15px 0 0;
  margin-top: 10px;
  width: 50%;
}
.form__field {
  font-family: inherit;
  width: 100%;
  border: 0;
  border-bottom: 2px solid #ff3f3a;
  outline: 0;
  font-size: .9375rem;
  color: #000;
  padding: 7px 0;
  background: transparent;
  transition: border-color 0.2s;
}
.form__field::placeholder {
  color: transparent;
}
.form__field:placeholder-shown ~ .form__label {
  font-size: .9375rem;
  cursor: text;
  top: 20px;
}
.form__label {
  position: absolute;
  top: 0;
  display: block;
  transition: 0.2s;
  font-size: .9375rem;
  color: #9b9b9b;
}
.form__field:focus {
  padding-bottom: 6px;
  font-weight: 700;
  border-width: 3px;
  border-image: linear-gradient(to right, #ff3f3a, #ff7874);
  border-image-slice: 1;
}
.form__field:focus ~ .form__label {
  position: absolute;
  top: 0;
  display: block;
  transition: 0.2s;
  font-size: .9375rem;
  color: #ff3f3a;
  font-weight: 500;
}
/* reset input */
.form__field:required, .form__field:invalid {
  box-shadow: none;
}


.disabled-input{
  background-color: rgb(230, 230, 230)!important;
  cursor: not-allowed;

}

.btn-group.btn-block {
  display: flex;
}
.btn-group.btn-block > .btn {
  flex: 1;
}


.hero[class*="-with-header"] {
  padding-top: 12.5rem; }


  .text-decorated {
    position: relative; }
    .text-decorated::after {
      content: "";
      position: absolute;
      left: 0;
      top: .6em;
      width: 5rem;
      height: 1px;
      background: #000;
      -webkit-transform: translate(-140%, 0);
      -moz-transform: translate(-140%, 0);
      transform: translate(-140%, 0); }
    .text-decorated[class*="padding"] {
      padding-left: 6.875rem; }
      .text-decorated[class*="padding"]::after {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        transform: translate(0, 0); }
  
  .text-white .text-decorated::after {
    background: #fff; }



[class*="bordered"] {
  border-radius: 0.25rem;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s;
  background-color: transparent;
  border: 1px solid #e5e5e5; }

.text-white [class*="bordered"], .user-caption .socials {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.2); }


  @media (min-width: 768px) {
    [class*="scaling"] {
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transition-delay: 0s;
      -moz-transition-delay: 0s;
      transition-delay: 0s; }
      [class*="scaling"]:hover {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
        position: relative;
        z-index: 50; }
    [class*="rising"] {
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transition-delay: 0s;
      -moz-transition-delay: 0s;
      transition-delay: 0s; }
      [class*="rising"]:hover {
        -webkit-transform: translate(0, -10px);
        -moz-transform: translate(0, -10px);
        transform: translate(0, -10px);
        position: relative;
        z-index: 50;
        -webkit-box-shadow: 0px 10px 15px 0 rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 10px 15px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0px 10px 15px 0 rgba(0, 0, 0, 0.1); } }


.modal-80vw{
  min-width: 55vw!important;
}





.select-flush{
  /* outline: none; */
  /* appearance: none; */
  /* background-color: transparent; */
  /* border: 1px solid grey; */
  padding: 0 1em 0 0;
  margin: 0;
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  cursor: inherit;
  line-height: inherit;
  cursor: pointer;
}


.select-flush::-ms-expand {
  display: none;
}


.modal-open .container-fluid, .modal-open  .container {
  -webkit-filter: blur(2px) grayscale(90%);
}


.video-wrapper{
  position: relative;
}

.video-overlay{
  width: 100%;
  height: 100%;
}

.video-play{
  width: 100%;
  height: 100%;
  padding: 10px calc(60% - 50px);
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  cursor: pointer;
  transition: opacity 100ms;
  opacity: 0;
}

.video-wrapper:hover .video-play{
  transition: opacity 100ms;
  opacity: 1;
}


.video-play-2{
  width: 100%;
  height: 100%;
  padding: 10px calc(75% - 50px);
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  cursor: pointer;
  transition: opacity 100ms;
  opacity: 0;
}

.video-wrapper:hover .video-play-2{
  transition: opacity 100ms;
  opacity: 1;
}


.img-wrap {
  position: relative;
}
.close1 {
  cursor: pointer;
  color: rgb(78, 78, 78)!important;
  font-size: 16px;
  background-color: white;
}