/* line 19, ../sass/all/base.scss */
.mr-top-0 {
  margin-top: 0 !important;
}

/* line 23, ../sass/all/base.scss */
.mr-top-10 {
  margin-top: 10px !important;
}

/* line 27, ../sass/all/base.scss */
.mr-top-20 {
  margin-top: 20px !important;
}

/* line 31, ../sass/all/base.scss */
.mr-top-30 {
  margin-top: 30px !important;
}

/* line 35, ../sass/all/base.scss */
.mr-top-40 {
  margin-top: 40px !important;
}

/* line 39, ../sass/all/base.scss */
.mr-top-50 {
  margin-top: 50px !important;
}

/* line 43, ../sass/all/base.scss */
.mr-bot-0 {
  margin-bottom: 0 !important;
}

/* line 47, ../sass/all/base.scss */
.mr-bot-10 {
  margin-bottom: 10px !important;
}

/* line 51, ../sass/all/base.scss */
.mr-bot-20 {
  margin-bottom: 20px !important;
}

/* line 55, ../sass/all/base.scss */
.mr-bot-30 {
  margin-bottom: 30px !important;
}

/* line 59, ../sass/all/base.scss */
.mr-bot-40 {
  margin-bottom: 40px !important;
}

/* line 63, ../sass/all/base.scss */
.mr-bot-50 {
  margin-bottom: 50px !important;
}

/* line 70, ../sass/all/base.scss */
.pd-top-0 {
  padding-top: 0 !important;
}

/* line 74, ../sass/all/base.scss */
.pd-top-10 {
  padding-top: 10px !important;
}

/* line 78, ../sass/all/base.scss */
.pd-top-20 {
  padding-top: 20px !important;
}

/* line 82, ../sass/all/base.scss */
.pd-top-30 {
  padding-top: 30px !important;
}

/* line 86, ../sass/all/base.scss */
.pd-top-40 {
  padding-top: 40px !important;
}

/* line 90, ../sass/all/base.scss */
.pd-top-50 {
  padding-top: 50px !important;
}

/* line 94, ../sass/all/base.scss */
.pd-bot-0 {
  padding-bottom: 0 !important;
}

/* line 98, ../sass/all/base.scss */
.pd-bot-10 {
  padding-bottom: 10px !important;
}

/* line 102, ../sass/all/base.scss */
.pd-bot-20 {
  padding-bottom: 20px !important;
}

/* line 106, ../sass/all/base.scss */
.pd-bot-30 {
  padding-bottom: 30px !important;
}

/* line 110, ../sass/all/base.scss */
.pd-bot-40 {
  padding-bottom: 40px !important;
}

/* line 114, ../sass/all/base.scss */
.pd-bot-50 {
  padding-bottom: 50px !important;
}

/* line 120, ../sass/all/base.scss */
.ttu {
  text-transform: uppercase;
}

/* line 124, ../sass/all/base.scss */
.tac {
  text-align: center;
}

/* line 128, ../sass/all/base.scss */
.no-pad-top {
  padding-top: 0 !important;
}

/* line 132, ../sass/all/base.scss */
.no-pad-bot {
  padding-bottom: 0 !important;
}

@media only screen and (max-width: 709px) and (min-width: 120px) {
  /* line 158, ../sass/all/base.scss */
  .mr-top-10 {
    margin-top: 7px !important;
  }

  /* line 162, ../sass/all/base.scss */
  .mr-top-20 {
    margin-top: 10px !important;
  }

  /* line 166, ../sass/all/base.scss */
  .mr-top-30 {
    margin-top: 15px !important;
  }

  /* line 170, ../sass/all/base.scss */
  .mr-top-40 {
    margin-top: 20px !important;
  }

  /* line 174, ../sass/all/base.scss */
  .mr-top-50 {
    margin-top: 30px !important;
  }

  /* line 178, ../sass/all/base.scss */
  .mr-bot-10 {
    margin-bottom: 7px !important;
  }

  /* line 182, ../sass/all/base.scss */
  .mr-bot-20 {
    margin-bottom: 10px !important;
  }

  /* line 186, ../sass/all/base.scss */
  .mr-bot-30 {
    margin-bottom: 15px !important;
  }

  /* line 190, ../sass/all/base.scss */
  .mr-bot-40 {
    margin-bottom: 20px !important;
  }

  /* line 194, ../sass/all/base.scss */
  .mr-bot-50 {
    margin-bottom: 30px !important;
  }

  /* line 200, ../sass/all/base.scss */
  .pd-top-10 {
    padding-top: 7px !important;
  }

  /* line 204, ../sass/all/base.scss */
  .pd-top-20 {
    padding-top: 10px !important;
  }

  /* line 208, ../sass/all/base.scss */
  .pd-top-30 {
    padding-top: 15px !important;
  }

  /* line 212, ../sass/all/base.scss */
  .pd-top-40 {
    padding-top: 20px !important;
  }

  /* line 216, ../sass/all/base.scss */
  .pd-top-50 {
    padding-top: 30px !important;
  }

  /* line 221, ../sass/all/base.scss */
  .pd-bot-10 {
    padding-bottom: 7px !important;
  }

  /* line 225, ../sass/all/base.scss */
  .pd-bot-20 {
    padding-bottom: 10px !important;
  }

  /* line 229, ../sass/all/base.scss */
  .pd-bot-30 {
    padding-bottom: 15px !important;
  }

  /* line 233, ../sass/all/base.scss */
  .pd-bot-40 {
    padding-bottom: 20px !important;
  }

  /* line 237, ../sass/all/base.scss */
  .pd-bot-50 {
    padding-bottom: 30px !important;
  }
}
/* line 3, ../sass/blog.scss */
.section-padding {
  padding: 70px 0;
}

/* line 7, ../sass/blog.scss */
.courses {
  background: #fff;
}

/* line 11, ../sass/blog.scss */
.courses-grid-search {
  margin: 30px auto;
}
/* line 14, ../sass/blog.scss */
.courses-grid-search form {
  position: relative;
  display: flex;
  justify-content: center;
  gap: 10px;
}
/* line 21, ../sass/blog.scss */
.courses-grid-search label {
  position: relative;
  display: block;
}
/* line 25, ../sass/blog.scss */
.courses-grid-search label svg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 20px;
  height: 20px;
  margin: 0 10px;
  pointer-events: none;
  opacity: .6;
}

/* line 39, ../sass/blog.scss */
.courses-grid-search__input {
  padding: 13px 40px;
  font-size: 16px;
  line-height: 20px;
  color: #9f9fa8;
  background-color: #fff;
  border: .5px solid #e4e4e4;
  border-radius: 5px;
  width: 350px;
  /* margin-right: 10px; */
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

/* line 52, ../sass/blog.scss */
.courses-grid-search__button {
  position: relative;
  display: flex;
  align-items: center;
  padding: 12px 26px;
  color: #fff;
  text-transform: initial;
  background: #1a1a1a;
  letter-spacing: .046875em;
  font-weight: 700;
  line-height: 1;
  font-size: 16px;
  border-radius: 5px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  transition: background .24s;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-transform: capitalize;
  gap: 12px;
  border: none;
}

/* line 75, ../sass/blog.scss */
.courses-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 48px;
}

/* line 82, ../sass/blog.scss */
.course-card-big {
  background: #f6f8fc;
  border-radius: 20px;
  padding: 60px;
  border: 2px solid transparent;
  transition: transform 0.25s, border-color 0.25s;
  overflow: hidden;
  grid-column: 1 / -1;
  width: 100%;
  height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  color: #fff;
  position: relative;
}
/* line 98, ../sass/blog.scss */
.course-card-big:hover {
  transform: translateY(-4px);
  border-color: var(--color-majorelle-blue);
}
/* line 103, ../sass/blog.scss */
.course-card-big img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  margin: 0;
  top: 0;
  left: 0;
}
/* line 114, ../sass/blog.scss */
.course-card-big:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.7)));
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}

/* line 134, ../sass/blog.scss */
.course-card-big__title, .course-card-big__text {
  position: relative;
  z-index: 2;
  flex: initial !important;
  color: #fff !important;
}
/* line 140, ../sass/blog.scss */
.course-card-big__title .size, .course-card-big__text .size {
  font-size: 1.4em;
}
/* line 144, ../sass/blog.scss */
.course-card-big__title .size2, .course-card-big__text .size2 {
  font-size: 1.2em;
}

/* line 149, ../sass/blog.scss */
.course-card-big__text {
  margin-bottom: 0 !important;
}

/* line 153, ../sass/blog.scss */
.course-card {
  background: #f6f8fc;
  border-radius: 20px;
  padding: 25px;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  border: 2px solid transparent;
  transition: transform 0.25s, border-color 0.25s;
}
/* line 164, ../sass/blog.scss */
.course-card:hover {
  transform: translateY(-4px);
  border-color: var(--color-majorelle-blue);
}
/* line 168, ../sass/blog.scss */
.course-card:hover .site-btn-new {
  background-position: 100% 50%;
}
/* line 171, ../sass/blog.scss */
.course-card:hover .site-btn-new.transparent {
  color: #fff;
}
/* line 177, ../sass/blog.scss */
.course-card .site-btn {
  text-align: center;
}

/* line 182, ../sass/blog.scss */
.course-card__image {
  display: block;
}

/* line 186, ../sass/blog.scss */
.course-card__image img {
  display: block;
  height: 245px;
  object-fit: cover;
  margin: -25px;
  width: calc(100% + 50px);
  position: relative;
  z-index: 2;
  margin-bottom: 0 !important;
}

/* line 197, ../sass/blog.scss */
.course-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0 8px;
  font-size: 14px;
  color: #717e95;
  font-weight: 600;
  margin-bottom: 15px;
}
/* line 206, ../sass/blog.scss */
.course-card__meta svg {
  position: relative;
  top: 7px;
}
/* line 211, ../sass/blog.scss */
.course-card__meta span {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 15px;
}
/* line 217, ../sass/blog.scss */
.course-card__meta span svg {
  position: relative;
  top: 1px;
}

/* line 224, ../sass/blog.scss */
.course-card__title {
  font-size: 24px;
  line-height: 1.2;
  font-weight: 600;
  margin-bottom: 16px;
}

/* line 231, ../sass/blog.scss */
.course-card__text {
  font-size: 16px;
  line-height: 1.6;
  color: #475467;
  margin-bottom: 20px;
  flex: 1;
}
/* line 238, ../sass/blog.scss */
.course-card__text p, .course-card__text h1, .course-card__text h2, .course-card__text h3, .course-card__text h4, .course-card__text h5, .course-card__text h6 {
  display: inline-block;
}
/* line 242, ../sass/blog.scss */
.course-card__text b, .course-card__text strong {
  font-weight: 700;
}

/* line 247, ../sass/blog.scss */
.course-card__btns {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
/* line 252, ../sass/blog.scss */
.course-card__btns .js-guide-like {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #f5fbf7;
  color: #012824;
  border: 1px solid rgba(1, 69, 62, 0.1);
  font-size: 18px;
}

/* line 265, ../sass/blog.scss */
.lang-he .courses {
  direction: rtl;
}
/* line 270, ../sass/blog.scss */
.lang-he .courses-grid-search label svg {
  left: initial;
  right: 0;
}

@media only screen and (min-width: 1280px) and (max-width: 1439px) {
  /* line 281, ../sass/blog.scss */
  .course-card__image img {
    height: 220px;
  }

  /* line 285, ../sass/blog.scss */
  .course-card__title {
    font-size: 22px;
  }

  /* line 289, ../sass/blog.scss */
  .course-card-big {
    padding: 50px;
    height: 400px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  /* line 300, ../sass/blog.scss */
  .courses-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }

  /* line 305, ../sass/blog.scss */
  .course-card {
    padding: 20px;
  }

  /* line 309, ../sass/blog.scss */
  .course-card__image img {
    height: 190px;
  }

  /* line 313, ../sass/blog.scss */
  .course-card__title {
    font-size: 20px;
  }

  /* line 317, ../sass/blog.scss */
  .course-card__text {
    font-size: 15px;
    line-height: 24px;
  }

  /* line 322, ../sass/blog.scss */
  .course-card-big {
    padding: 45px;
    height: 380px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 333, ../sass/blog.scss */
  .courses-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }

  /* line 338, ../sass/blog.scss */
  .course-card {
    padding: 20px;
  }

  /* line 342, ../sass/blog.scss */
  .course-card__image img {
    height: 220px;
  }

  /* line 346, ../sass/blog.scss */
  .course-card__title {
    font-size: 20px;
    line-height: 1.3;
  }

  /* line 351, ../sass/blog.scss */
  .course-card__text {
    font-size: 15px;
    line-height: 24px;
  }

  /* line 356, ../sass/blog.scss */
  .course-card-big {
    padding: 40px;
    height: 380px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 367, ../sass/blog.scss */
  .courses-grid {
    grid-template-columns: 1fr;
    gap: 16px;
    margin-top: 30px;
  }

  /* line 373, ../sass/blog.scss */
  .course-card {
    padding: 16px;
    border-radius: 16px;
  }

  /* line 378, ../sass/blog.scss */
  .course-card__image img {
    height: 200px;
  }

  /* line 382, ../sass/blog.scss */
  .course-card__meta {
    font-size: 13px;
    gap: 0 6px;
    margin-bottom: 12px;
  }
  /* line 387, ../sass/blog.scss */
  .course-card__meta span {
    margin-top: 12px;
  }

  /* line 392, ../sass/blog.scss */
  .course-card__title {
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 12px;
  }

  /* line 398, ../sass/blog.scss */
  .course-card__text {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 16px;
  }

  /* line 404, ../sass/blog.scss */
  .course-card .site-btn {
    min-height: 46px;
    font-size: 14px;
  }

  /* line 409, ../sass/blog.scss */
  .course-card-big {
    padding: 25px;
    height: 320px;
  }

  /* line 415, ../sass/blog.scss */
  .course-card-big__title .size, .course-card-big__text .size {
    font-size: 1.2em;
  }
  /* line 419, ../sass/blog.scss */
  .course-card-big__title .size2, .course-card-big__text .size2 {
    font-size: 1em;
  }

  /* line 424, ../sass/blog.scss */
  .courses-grid-search__input {
    width: 100%;
  }
}