/* @import url('./components/section/section.css'); */
@import url('./root.css');
/* header */
@import url('./components/header/header.css');
@import url('./components/header/__wrapper/__wrapper.css');
@import url('./components/header/__logo/header__logo.css');
@import url('./components/header/__nav/header__nav.css');
@import url('./components/header/__links/__links.css');
@import url('./components/header/__link/__link.css');
@import url('./components/header/__buttons/__buttons.css');
@import url('./components/header/burger/burger.css');
@import url('./components/btn/btn.css');

/* Pages */
/* Pages */

@import url('./pages/index.css');
@import url('./pages/entry.css');
@import url('./pages/program.css');
@import url('./pages/blog.css');
@import url('./pages/instructor.css');
@import url('./woo.css');
@import url('./pages/single-post.css');
@import url('./pages/contact.css');
@import url('./pages/ourTeam.css');
@import url('./pages/tutor.css');
@import url('./pages/trial.css');

@import url('./components/modal/modal.css');
@import url('./components/slider/slider.css');

@media screen and (max-width: 768px) {
  .offer-card {
    width: -webkit-fill-available !important;
  }
}

.btn {
	white-space: normal !important;
}

.variant__link {
  text-align: center !important;
}

.video-wrapper {
  aspect-ratio: 16 / 9;
  width: 100%;
  max-width: 100%;
}

.video-wrapper iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

.video-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 35px;
  margin: 0 auto;
  margin-top: 70px;
}

@media (max-width: 600px) {
  .video-grid {
    grid-template-columns: 1fr;
  }
}