@font-face {
    font-family: 'Liberation Sans';
    font-style: normal;
    font-weight: normal;
    src: local('Liberation Sans'), url('/uploads/makeup/fonts/LiberationSans-Regular.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Liberation Sans Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Liberation Sans Italic'), url('/uploads/makeup/fonts/LiberationSans-Italic.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Liberation Sans Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Liberation Sans Bold'), url('/uploads/makeup/fonts/LiberationSans-Bold.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Liberation Sans Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Liberation Sans Bold Italic'), url('/uploads/makeup/fonts/LiberationSans-BoldItalic.woff') format('woff');
    }

body {
  font-family: 'Liberation Sans';
}

a {
  font-family: 'Liberation Sans';
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

.fw-800 {
  font-weight: 800;
}

.fw-900 {
  font-weight: 900;
}

.fs-9 {
  font-size: 9px;
}

.fs-10 {
  font-size: 10px;
}

.fs-11 {
  font-size: 11px;
}

.fs-12 {
  font-size: 12px;
}

.fs-14 {
  font-size: 14px;
}

.fs-16 {
  font-size: 16px;
}

.fs-18 {
  font-size: 18px;
}

.fs-20 {
  font-size: 20px;
}

.fs-24 {
  font-size: 24px;
}

.fs-26 {
  font-size: 26px;
}

.fs-28 {
  font-size: 28px;
}

.fs-32 {
  font-size: 32px;
}

.fs-45 {
  font-size: 45px;
}

.fs-80 {
  font-size: 80px;
}

.lh-100 {
  line-height: 100%;
}

.lh-130 {
  line-height: 130%;
}

.lh-150 {
  line-height: 150%;
}

.mb-100 {
  margin-bottom: 100px;
}

.mt-100 {
  margin-top: 100px;
}

.mb-70 {
  margin-bottom: 70px;
}

.mt-70 {
  margin-top: 70px;
}

.pl-20 {
  padding-left: 20px;
}

.gap-10 {
  gap: 10px;
}

.banner-light-blue {
  width: 100%;
  border-radius: 20px;
  padding: 60px;
  background: #F1F6FE;
  position: relative;
}

.text-blue {
  color: #106EEA;
}

.text-white {
  color: #fff;
}

.text-orange {
  color: #FF7416!important;
}

.white-panel {
  width: 100%;
  border-radius: 20px;
  padding: 30px;
  background: #fff;
}

.orange-btn {
  border-radius: 8px;
  padding: 15px 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FF7416;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  white-space: nowrap;
}

.orange-btn:hover {
  background: #f16c13;
  color: #fff;
}

.banner-img {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
}

.banner-img-3 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
}

.banner-img-2 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
}

.light-blue-panel {
  border-radius: 20px;
  padding: 20px 40px;
  background: #F1F6FE;
}

.light-blue-panel-4 {
  border-radius: 20px;
  padding: 30px 40px;
  background: #F1F6FE;
}

.blue-number {
  border: 2px solid #106EEA;
  padding: 10px;
  border-radius: 5px;
  font-size: 20px;
  font-weight: 700;
  color: #106EEA;
  height: 50px;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.blue-panel {
  background: #106EEA;
  border-radius: 20px;
  padding: 60px;
  color: #fff;
}

.blue-card {
  border-radius: 20px;
  border: 2px solid #106EEA;
  width: 100%;
  overflow: hidden;
}

.blue-card .blue-header {
  padding: 20px 30px;
  background: #106EEA;
  color: #fff;
  font-weight: 700;
  font-size: 24px;
  line-height: 150%;
  width: 100%;
}

.blue-card .card-main-content {
  padding: 30px;
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  color: #444444;
  width: 100%;
}

.light-blue-panel-2 {
  border-radius: 20px;
  padding: 30px;
  background: #F1F6FE;
  width: 100%;
}

.blue-badge {
  width: 54px;
  height: 54px;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  padding: 15px;
  background: #106EEA;
}

.table-rank th {
  border: 1px solid #106EEA;
  padding: 20px;
  background: #F1F6FE;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  color: #106EEA;
  border-top: unset;
}

.table-rank td {
  border: 1px solid #106EEA;
  padding: 20px;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
}

.table-rank {
  border: 1px solid #106EEA;
    display: block;
    border-radius: 20px;
    overflow: hidden;
    border-collapse: collapse;
}

.light-blue-panel-3 {
  border-radius: 20px;
  padding: 40px;
  background: #F1F6FE;
  width: 100%;
}

li {
  color: #106EEA;
}

li span {
  color: #444;
}

.form-control-input {
  padding: 15px;
  border-radius: 5px;
  background: #FFFFFF;
}

.form-choose {
  padding: 15px;
  border-radius: 5px;
  background: #FFFFFF;
  color: #106EEA;
  font-size: 16px;
}

.form-choosen {
  padding: 15px;
  border-radius: 5px;
  border: 1px solid #106EEA;
  background: #FFFFFF;
  color: #106EEA;
  font-size: 16px;
}

.calculator-img {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 1;
}

.calculator-img-2 {
  position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 1;
    height: 100%;
}
  
.circle-50 {
  width: 50px;
  height: 50px;
  border: 1px solid #106EEA;
  border-radius: 50%;
  aspect-ratio: 1/1;
}

.rewiew-card {
  padding: 30px;
  border-radius: 20px;
  border: 1px solid #d9d9d9;
}

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

.blue-badge-small {
  width: 28px;
  height: 28px;
  padding: 8px;
  border-radius: 5px;
  background: #106EEA;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
}

.blue-panel-2 {
  background: #106EEA;
  border-radius: 20px;
  padding: 20px;
}

.as-form-item[data-code="programIll"] .as-defaultRadio label {
    margin-right: 0px!important;
    width: 100%;
}

.faq-panel {
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #DBDBDB;
}

.answer-panel {
  padding-top: 20px;
}

.blog-card {
  width: 100%;
  border-radius: 8px;
  border: 1px solid #D9D9D9;
  overflow: hidden;
}

.blog-card img {
  width: 100%;
  aspect-ratio: 1/0.7;
  object-fit: cover;
}

.blog-card .card-content {
  padding: 30px;
}

.rating-circle {
  height: 120px;
  border-radius: 50%;
  border-width: 2px;
  border: 2px solid #106EEA;
  aspect-ratio: 1/1;
  display: flex;
    align-items: center;
    justify-content: center;
    border-top-color: #d9d9d9;
    rotate: 45deg;
}

.circle-36 {
  height: 36px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  border: 1px solid #D9D9D9;
}

.arrow-prev {
    position: absolute;
    left: -45px;
    top: 50%;
    transform: translate(0, -50%);
}

.arrow-next {
    position: absolute;
    right: -45px;
    top: 50%;
    transform: translate(0, -50%);
}

.form-bg {
    background: #F9FAFB;
    border-radius: 15px;
    box-shadow: -4px -4px 8px 0px #9f9f9f40, 4px 4px 8px 0px #9f9f9f40;
    padding: 60px 50px 60px 50px;
}

.faq-panel a.collapsed img {
  rotate: 0deg;
}

.faq-panel a[aria-expanded="true"] img {
  rotate: 135deg;
}

.check-btn {
    border-radius: 5px;
    background: #106EEA;
    height: 22px;
    aspect-ratio: 1/1;
  padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.as-form[data-code="getOffer"] .as-checkboxes label {
    display: inline-block;
    min-width: 200px;
    max-width: 250px;
    width: 100%;
    margin-right: 0px!important;
    font-weight: 400;
    vertical-align: top;
    padding: 15px!important;
    border-radius: 5px!important;
    background: #FFFFFF!important;
    color: #106EEA!important;
    font-size: 16px!important;
}

@media (max-width: 1570px) {
  .banner-light-blue {
    padding: 40px;
  }
  
  .banner-img-2 {
    right: -10%;
  }

  .banner-img-3 {
  right: -15%;
   }
  .white-panel {
    padding: 20px;
  }
  
  .light-blue-panel-3 {
    padding: 25px;
  }
  
  .form-choose {
    padding: 10px;
  }
  
  .form-choosen {
    padding: 10px;
  }
  
  .rewiew-card {
    padding: 25px;
  }
  
  .blue-panel {
    padding: 40px;
  }
  
  .calculator-img-2 {
    right: -80px;
  }
  
}

@media (max-width: 1200px) {
  .fs-45 {
    font-size: 42px;
  }
  
  .fs-18 {
    font-size: 16px;
  }
  
  .fs-24 {
    font-size: 22px;
  }
  
  .orange-btn {
    font-size: 18px;
  }
  
  .blue-panel {
    padding: 30px;
  }
  
  .light-blue-panel {
    padding: 15px 30px;
  }
  
  .blue-card .blue-header {
    padding: 15px 25px;
  }
  
  .blue-card .card-main-content {
    padding: 25px;
  }
  
  .light-blue-panel-2 {
    border-radius: 20px;
  }
  
  .rewiew-card {
    padding: 20px;
  }
  
  .blue-panel-2 {
    padding: 15px;
  }
  
  .blog-card .card-content {
    padding: 15px;
  }
  
  .rating-circle {
    height: 90px;
  }
  
  .mr-md-15 {
    margin-right: 15px!important;
  }
  
  .img-md-15 img {
    width: 15px;
  }
  
}

@media (max-width: 992px) {
  .banner-light-blue {
    padding-bottom: 320px;
  }
  
  .banner-img {
    bottom: -50px;
  }
  
  .banner-img-2 {
    bottom: 0px;
    right: 0%;
  }
  
  .fs-45 {
    font-size: 30px;
  }
  
  .mt-100 {
    margin-top: 70px;
  }
  
  .mb-100 {
    margin-bottom: 70px;
  }
  
  .table-rank {
    overflow: scroll;
  }
  
  .width-md-100 {
    width: 100%!important;
  }
  
  .calculator-img {
    display: none;
  }
  
  .calculator-img-2 {
    display: none;
  }
  
  .mr-md-15 {
    margin-right: 30px!important;
  }
  
  .mr-md-16 {
    margin-right: 13px!important;
  }
  
  .img-md-15 img {
    width: unset;
  }
  
  .arrow-prev {
    left: 0px;
  }
  
  .arrow-next {
    right: 0px;
  }
  
  .jc-md-start {
    justify-content: start!important;
  }
  
  .company-card {
    padding: 10px 20px!important;
  }
  
  .as-form-item[data-code="countPersons"] .as-defaultRadio label {
    margin-right: 0px!important;
    width: 100%;
  }
  
  /*.as-form[data-itemid="dms"] .as-form-item[data-code="program"] .as-defaultRadio label {
    margin-right: 0px!important;
    width: 100%;
  }*/
}

@media (max-width: 575px) {
  .banner-light-blue {
    padding-bottom: 200px;
  }
  
  
}

.company-card {
  border: 1px solid #D9D9D9;
  padding: 30px 100px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
}

.as-form-item[data-datatype=select2] .select2-container .select2-selection--single {
    height: 100%!important;
    padding: 15px!important;
    border-radius: 5px!important;
    background: #FFFFFF!important;
    border: unset!important;
}

.as-form-item[data-datatype=select2] .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 150%!important;
}

.as-defaultRadio label {
    padding: 15px!important;
    border-radius: 5px!important;
    background: #FFFFFF!important;
    color: #106EEA!important;
    font-size: 16px!important;
}

/*.as-defaultRadio .form-control[type=radio] {
    height: 0px!important;
    width: 0px!important;
    margin-right: 0px!important;
    top: 0px!important;
}*/

.select2-container--default .select2-selection--single .select2-selection__arrow b:before {
  content: url(/uploads/makeup/img/arrow-down.svg)
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-width: 0!important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 50%!important;
    right: 20px!important;
    width: 20px!important;
    transform: translate(0, -50%)!important;
}

.as-form-item[data-code="countPersons"] .as-defaultRadio label {
    margin-right: 10px!important;
    width: calc(50% - 10px);
}

.as-form-item[data-code="program"] .as-defaultRadio label {
    margin-right: 0px!important;
    width: 100%!important;
}

.blue-panels .as-defaultRadio label {
    background: #F1F6FE!important;
}

.as-form-item[data-datatype=select2] .select2-container .select2-selection--single:focus-visible {
  border: unset!important;
}

.as-form-item-custom {
    width: 100%;
}

.as-form[data-itemid="dms"] .select2-container--default .select2-selection--single .select2-selection__arrow b {
   
    top: 25%!important; 
}

.modal-header {
    padding: 1rem 1rem 0rem 1rem!important;
    border-bottom: unset!important;
}

.modal-content {
    border-radius: 16px!important;
}

.blue-circle-40 {
  width: 40px;
  height: 40px;
  border-radius: 100px;
  background: #106EEA;
  display: flex;
  align-items: center;
  justify-content: center;
}

.blue-square-40 {
    width: 40px;
    height: 40px;
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background: #106EEA;
}

.blue-square-36 {
    width: 36px;
    height: 36px;
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background: #106EEA;
}

.card-circle {
  width: 62px;
  height: 62px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  padding: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 5px solid #FFFFFF;
  background: #106EEA;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -100%);
}

.p-relative {
  position: relative;
}

.card-panel {
  width: 100%;
  border-radius: 16px;
  padding: 20px 16px;
  background: #FFFFFF;
  border: 1px solid #106EEA33;
}

.blue-circle-54 {
  width: 54px;
  height: 54px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #106EEA;
  display: flex;
  align-items: center;
  justify-content: center;
}

.white-badge {
  white-space: nowrap;
  border-radius: 100px;
  padding: 2px 12px;
  color: #106EEA;
  background: #ffffff;
  display: inline-block;
  
}

.swiper-wrapper {
    height: auto!important;
}

.white-badge-small {
    width: 28px;
    height: 28px;
    padding: 8px;
    border-radius: 5px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1/1;
}

.as-form-star {
    margin-left: 3px!important;
}