@font-face {
  font-family: "Montserrat md";
  src:
    local("Montserrat Medium"),
    local("Montserrat-Medium"),
    url("../fonts/Montserrat-Medium.woff2") format("woff2"),
    url("../fonts/Montserrat-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

.hero {
  background: url("../img/hero-course1-bg.jpg") 50% 0% / cover no-repeat;
	
}
h1 {
  font-size: 60px;
}
.hero-wrapper {
  height: 80svh;
  color: #fff;
  text-align: center;
  max-width: 850px;
  margin: 0 auto;
  padding-top: 17rem;
}
.subtitle-course {
  font-size: 25px;
  text-transform: uppercase;
}
.descriprion-course {
  margin-top: 30px;
}
.button-course {
  margin-top: 40px;
  text-transform: uppercase;
  padding: 0.8rem 4rem;
  font-size: calc(var(--index) * 0.6);

}
.title-learning {
  margin-top: 7rem;
	margin-bottom: 4rem;
  text-align: center;
}

.learning-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 40px;
  width: 100%;
  margin-top: 2rem;
  margin-bottom: 2rem;
  font-size: 20px;
}
.learning-sublist {
  color: #fff;
  text-transform: lowercase;
}
.learning-list_subitem {
  margin-top: 25px;
  font-size: 16px;
}
.line-learning {
  height: 1px;
  margin: 0 auto;
  max-width: 100%;
  padding: 0 10px;
  background: #f3e4e7;
  margin-top: 10px;
}
.learning-list_item {
  background: url("../img/bg-learning.jpg") 50% 0% / cover no-repeat;
  text-align: center;
  padding: 0 15px;
  border-radius: 10px;
  width: 100%;
  min-height: 400px;
  padding-top: 20px;
}
.learning-list_item span {
  font-family: "Montserrat md";
  text-transform: uppercase;
  color: #fff;
}

.testimonials{
	margin-top: 7rem;
}
.helpfull_info{
	margin-top: 7rem;
}

.accordion-list__item {
  margin-bottom: 30px;
}

.accordion-list__item:last-child {
  margin-bottom: 0;
}
.accordion-line {
  height: 1px;
  background: #a86373;
  width: 100%;
}
.accordion-list__control {
  width: 100%;
  padding-bottom: 20px;
  display: flex;
  justify-content: space-between;

  font-size: 30px;
  border-bottom: solid #a86373 1px;
}
.accordion-list__control-title span {
  color: #a86373;
  text-transform: uppercase;
}

.accordion-list__item--opened .accordion-list__control {
  padding-bottom: 20px;
}

.accordion-list__control-icon {
  width: 36px;
  height: 36px;
  border: 1.5px solid var(--accent-color);
  border-radius: 50%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;

  transition: var(--transition);
}

.accordion-list__control-icon svg {
  margin-left: 2px;
}

.accordion-list__control-icon path {
  transition: var(--transition);
}

.accordion-list__control:hover .accordion-list__control-icon {
  transform: rotate(90deg);
}

.accordion-list__item--opened .accordion-list__control-icon {
  transform: rotate(90deg);
}

.accordion-list__content {
  max-height: 0;
  overflow: hidden;
  transition: var(--transition);
}

.accordion-content {
}

.accordion-content__col:first-child {
  max-width: 507px;
  width: 100%;
}

.accordion-content__title {
  text-transform: uppercase;
  line-height: 1.6;
  color: var(--accent-color-2);
  margin-bottom: 20px;
}
.accordion-content-item-title {
  font-family: "Montserrat md";
  font-size: 20px;
}

.accordion-content-item-description {
  padding-top: 5px;
  font-size: 16px;
}
.accordion-content-item {
  background: #f0e8ea;
  padding: 15px;
  margin: 20px 0;
  border-radius: 10px;
}

.accordion-content__item:last-child {
  margin-bottom: 0;
}

.accordion-content__icon {
  width: 24px;
  height: 24px;
  border: 1px solid var(--accent-color-2);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
  flex-shrink: 0;
}

.accordion-content__text {
  max-width: 274px;
}


.courses{
	margin-top: 7rem;
}


.price-block {
	margin-top: 4rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	color: #f3e4e7;
	background: #a86373;
	width: 100%;
	padding: 25px;
	border-radius: 10px;
}
.price-info {
}
.price-package{
	font-family: 'Montserrat md';
	font-weight: 500;
	margin-bottom: 20px;
	font-size: 20px;
}
.price-name{
	font-size: 25px;
}
.price-num{
	font-family: 'dance';
	font-size: 45px;
}
.price {
}
.button_wrapper {
}
.button-course {
}

@media (max-width: 1500px) {

.hero-wrapper{
	height: 100svh;
}
}

@media (max-width: 1100px) {

.price-img{
	display: none;
}
}
@media (max-width: 640px) {
  h1 {
    font-size: calc(var(--index) * 3.5);
    line-height: 110%;
    text-transform: uppercase;
  }
	.hero-wrapper{
		padding-top: 10rem;
	}
	.subtitle-course{
		margin-top: 10px;
		font-size: 20px;
	}
	.button-course{
		font-size: 16px;
	}

	.title-learning{
		margin-top: 4rem;
		margin-bottom: 2rem;
	}

	.learning-list_item{
		  background: url("../img/bg-learning.jpg") 50% 100% / cover no-repeat;

	}
	.testimonials{
		margin-top: 4rem;
	}
	.courses{
		margin-top: 4rem;
	}

	.accordion-list__control{
		font-size: 20px;
	}
	.accordion-content-item-title{
		font-size: 18px;
	}
	.accordion-content-item-description{
		font-size: 16px;
	}
	.helpfull_info{
		margin-top: 4rem;
	}
	.contacts{
		margin-top: 4rem;
	}
	.price-block {
	flex-direction: column;
}
.price-img{
	display: block;
	width: 100px;
}
.price-package{
	text-align: center;
}
.price{
	text-align: center;
}
.button-price{
	margin-top: 20px;
}
.hero-wrapper {
  height: 100svh;
  color: #fff;
  text-align: center;
  max-width: 850px;
  margin: 0 auto;
  padding-top: 10rem;
	padding-bottom: 40px;
}

}