.home-page { overflow: clip; }
.hero {
  position: relative;
  padding: 0;
}
.hero__backdrop {
  position: absolute;
  top: 0;
  left: 60px;
  width: 1279.782px;
  height: 826.594px;
  max-width: none;
  pointer-events: none;
  z-index: 0;
}
.hero__inner {
  position: relative;
  z-index: 1;
  min-height: 717px;
}
.hero__content {
  position: absolute;
  left: 32px;
  top: 206px;
  width: 645px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.hero__content h1 { max-width: 578px; font: 600 60px/72px 'Inter', sans-serif; letter-spacing: -1.2px; }
.hero__content p { max-width: 645px; color: var(--muted); font: 600 18px/28px 'Inter', sans-serif; }
.hero__actions { display: flex; gap: 24px; flex-wrap: wrap; }
.hero__media {
  position: absolute;
  left: 724px;
  top: 91px;
  display: flex;
  justify-content: flex-start;
}
.hero__media-card,
.showcase__card {
  position: relative;
  overflow: hidden;
  border-top-right-radius: 70px;
  border-bottom-left-radius: 70px;
  background: rgba(14,165,233,0.1);
}
.hero__media-card { width: 504px; height: 535px; }
.hero__shadow,
.hero__image,
.showcase__grid,
.showcase__shadow,
.showcase__image {
  position: absolute;
  z-index: 1;
  max-width: none;
}
.hero__shadow { width: 452.768px; height: 678.754px; left: 41.542px; top: -16.754px; }
.hero__image { width: 452.044px; height: 678.232px; left: 30px; top: -24px; object-fit: cover; }

.benefits { padding: 96px 0; }
.benefits h2 {
  max-width: 768px;
  margin-bottom: 64px;
  font: 600 36px/44px 'Inter', sans-serif;
  letter-spacing: -0.72px;
}
.benefits__grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 24px; }
.benefit-card {
  min-height: 348px;
  padding: 24px 24px 48px;
  background: var(--surface);
  display: flex;
  flex-direction: column;
  gap: 64px;
}
.benefit-card__icon { width: 48px; height: 48px; border-radius: 10px; background: var(--sky-500); display:flex; align-items:center; justify-content:center; }
.benefit-card__icon img { width:24px; height:24px; }
.benefit-card__content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}
.benefit-card__text {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.benefit-card h3 { margin: 0; font: 600 20px/30px 'Inter', sans-serif; }
.benefit-card p { color: var(--muted); font: 400 16px/24px 'Inter', sans-serif; }

.showcase { padding: 0; }
.showcase__inner { display:grid; grid-template-columns:minmax(0,658px) minmax(0,501px); justify-content:space-between; align-items:center; gap:56px; min-height:592px; }
.showcase--reverse .showcase__inner { grid-template-columns:minmax(0,501px) minmax(0,659px); }
.showcase--reverse .showcase__content { order:2; }
.showcase--reverse .showcase__media { order:1; }
.showcase__content { display:flex; flex-direction:column; gap:32px; }
.showcase__content h2 { font: 600 36px/44px 'Inter', sans-serif; letter-spacing: -0.72px; }
.showcase__content p { color: var(--muted); font: 400 20px/30px 'Inter', sans-serif; }
.showcase__button {
  align-self: flex-start;
  width: auto;
  min-height: 48px;
  padding: 12px 20px;
  border-radius: 8px;
}
.showcase__media { display:flex; justify-content:flex-end; }
.showcase__card { width:501px; height:448px; }
.showcase__grid { inset: 0; width: 100%; height: 100%; z-index: 0; }
.showcase__card--school {
  position: relative;
  overflow: visible;
  background: transparent;
}
.showcase__school-rotator {
  position: absolute;
  left: 26.5px;
  top: -26.5px;
  width: 448px;
  height: 501px;
  transform: rotate(90deg);
  transform-origin: center;
}
.showcase__school-surface {
  position: relative;
  width: 448px;
  height: 501px;
  overflow: hidden;
  border-top-right-radius: 70px;
  border-bottom-left-radius: 70px;
  background: rgba(14,165,233,0.1);
}
.showcase__school-grid-stage,
.showcase__school-shadow-stage,
.showcase__school-photo-stage {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}
.showcase__school-grid-stage {
  left: -443px;
  top: -880.78px;
  width: 826.594px;
  height: 1279.782px;
}
.showcase__school-grid {
  width: 1279.782px;
  height: 826.594px;
  max-width: none;
  transform: rotate(-90deg);
  opacity: 0.92;
  filter: contrast(1.52) brightness(0.88);
  mix-blend-mode: multiply;
}
.showcase__school-shadow-stage {
  left: 45.162px;
  top: 89.628px;
  width: 510.455px;
  height: 316.466px;
}
.showcase__school-shadow {
  width: 316.466px;
  height: 510.455px;
  max-width: none;
  transform: rotate(-90deg);
  opacity: 0.92;
}
.showcase__school-photo-stage {
  left: -21px;
  top: 72px;
  width: 584px;
  height: 389px;
}
.showcase__school-photo {
  width: 389px;
  height: 584px;
  max-width: none;
  transform: rotate(-90deg);
  object-fit: cover;
}
.showcase__card--organization,
.showcase__card--concert {
  position: relative;
  overflow: visible;
  background: transparent;
}
.showcase__organization-rotator,
.showcase__concert-rotator {
  position: absolute;
  left: 26.5px;
  top: -26.5px;
  width: 448px;
  height: 501px;
  transform-origin: center;
}
.showcase__organization-rotator {
  transform: rotate(90deg) scaleY(-1);
}
.showcase__concert-rotator {
  transform: rotate(90deg);
}
.showcase__organization-surface,
.showcase__concert-surface {
  position: relative;
  width: 448px;
  height: 501px;
  overflow: hidden;
  border-top-right-radius: 70px;
  border-bottom-left-radius: 70px;
  background: rgba(14,165,233,0.1);
}
.showcase__organization-grid-stage,
.showcase__organization-shadow-stage,
.showcase__organization-photo-stage,
.showcase__concert-grid-stage,
.showcase__concert-shadow-stage,
.showcase__concert-photo-stage {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}
.showcase__organization-grid-stage {
  right: -378.59px;
  top: -808px;
  width: 758.594px;
  height: 1279.782px;
}
.showcase__organization-grid {
  width: 1279.782px;
  height: 758.594px;
  max-width: none;
  transform: rotate(90deg) scaleY(-1);
  opacity: 0.88;
  filter: contrast(1.45) brightness(0.9);
  mix-blend-mode: multiply;
}
.showcase__organization-shadow-stage {
  left: 32.791px;
  top: 163.393px;
  width: 441.209px;
  height: 176.694px;
}
.showcase__organization-shadow {
  width: 176.694px;
  height: 441.209px;
  max-width: none;
  transform: rotate(-90deg) scaleX(-1);
  opacity: 0.92;
}
.showcase__organization-photo-stage {
  left: -17px;
  top: 63px;
  width: 481px;
  height: 321px;
}
.showcase__organization-photo {
  width: 321px;
  height: 481px;
  max-width: none;
  transform: rotate(90deg) scaleY(-1);
  object-fit: cover;
}
.showcase__concert-grid-stage {
  left: -81.703px;
  top: -389.78px;
  width: 826.594px;
  height: 1279.782px;
}
.showcase__concert-grid {
  width: 1279.782px;
  height: 826.594px;
  max-width: none;
  transform: rotate(-90deg);
  opacity: 0.82;
  filter: contrast(1.32) brightness(0.94);
  mix-blend-mode: multiply;
  -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.92) 44%, rgba(0,0,0,0.72) 62%, rgba(0,0,0,0.35) 82%, rgba(0,0,0,0.08) 100%);
  mask-image: linear-gradient(to bottom, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.92) 44%, rgba(0,0,0,0.72) 62%, rgba(0,0,0,0.35) 82%, rgba(0,0,0,0.08) 100%);
}
.showcase__concert-shadow-stage {
  left: 12px;
  top: 10.68px;
  width: 671px;
  height: 477px;
}
.showcase__concert-shadow {
  width: 477px;
  height: 671px;
  max-width: none;
  transform: rotate(-90deg);
  opacity: 0.92;
}
.showcase__concert-photo-stage {
  left: 16px;
  top: 0;
  width: 671px;
  height: 477px;
}
.showcase__concert-photo-frame {
  width: 477px;
  height: 671px;
  transform: rotate(-90deg);
}
.showcase__concert-photo-crop {
  position: relative;
  width: 477px;
  height: 671px;
  overflow: hidden;
}
.showcase__concert-photo {
  position: absolute;
  width: 286.26%;
  height: 136.76%;
  max-width: none;
  left: -107.14%;
  top: -28.61%;
  object-fit: cover;
}

.page-intro { padding: 96px 0 40px; }
.page-intro h1 { font: 600 54px/62px 'Inter', sans-serif; letter-spacing: -1px; margin-bottom: 16px; }
.page-intro p { max-width: 860px; color: var(--muted); font: 400 20px/30px 'Inter', sans-serif; }

.content-page__inner,
.about-page,
.contact-page,
.catalog-page,
.product-single { padding-bottom: 72px; }
.content-page__inner { padding-top: 96px; }
.content-page__body { max-width: 860px; color: var(--muted); font: 400 18px/30px 'Inter', sans-serif; }

.about-page__stats-grid { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:24px; padding-bottom:48px; }
.stat-card,.service-card,.branch-card { padding:32px; background:var(--surface); border-radius:24px; }
.stat-card h2 { color: var(--sky-700); font: 600 28px/36px 'Inter', sans-serif; }
.about-page__content-grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,0.9fr); gap:32px; padding-bottom:56px; }
.about-page__video iframe,.branch-card__map iframe { width:100%; min-height:360px; border:0; border-radius:24px; }
.about-page__list ul { display:grid; gap:16px; color:var(--muted); font:400 18px/28px 'Inter', sans-serif; }
.services-page h2 { margin-bottom:24px; font: 600 36px/44px 'Inter', sans-serif; }
.services-page__list { display:grid; gap:24px; }
.service-card { display:grid; grid-template-columns:minmax(0,320px) minmax(0,1fr); gap:32px; }
.service-card h3 { color:var(--sky-700); font:600 28px/36px 'Inter', sans-serif; }

.contact-page__branches-list { display:grid; gap:32px; }
.branch-card { display:grid; grid-template-columns:minmax(0,0.95fr) minmax(0,1.05fr); gap:32px; }
.branch-card__form h2 { margin-bottom:16px; font:600 32px/40px 'Inter', sans-serif; }
.branch-card__info { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:16px; padding-top:20px; color:var(--muted); font:400 16px/26px 'Inter', sans-serif; }

.catalog-hero { padding: 96px 0 32px; }
.catalog-hero h1 { font: 600 54px/62px 'Inter', sans-serif; letter-spacing: -1px; }
.catalog-layout__inner { display:grid; grid-template-columns:280px minmax(0,1fr); gap:32px; align-items:start; }
.catalog-sidebar__toggle { display:none; width:100%; min-height:48px; border:1px solid var(--line); background:#fff; border-radius:12px; }
.catalog-sidebar__panel { display:grid; }
.catalog-filter-card {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px 16px;
  background: #fff;
  border: 1px solid #d5d7da;
  border-radius: 12px;
}
.catalog-filter-card__title {
  margin: 0;
  font: 600 20px/30px 'Montserrat', 'Inter', sans-serif;
  color: #181d27;
}
.catalog-results { position:relative; }
#loader-overlay { position:absolute; inset:0; background:rgba(255,255,255,0.72); display:flex; align-items:center; justify-content:center; z-index:3; border-radius:24px; }
.catalog-grid,.related-products__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.cat_list .container {
  display: block;
  position: relative;
  padding-left: 36px;
  margin-bottom: 0;
  cursor: pointer;
  font: 500 14px/20px 'Inter', sans-serif;
  color: #525252;
  user-select: none;
}
.cat_list .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border: 2px solid #048aff;
  border-radius: 4px;
}
.sidebar-heading-checkbox {
  width: 20px;
  height: 20px;
}
.cat_list .container input:checked ~ .checkmark::after {
  display: block;
}
.checkmark::after {
  content: "";
  position: absolute;
  display: none;
  left: 5px;
  top: 1px;
  width: 6px;
  height: 11px;
  border: solid #00a2d7;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.sidebar-heading-checkbox::after {
  left: 5px;
  top: 1px;
  width: 6px;
  height: 11px;
}
.sidebar-category {
  margin-bottom: 0;
}
.sidebar-group-list {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  margin-top: 16px;
  padding-left: 36px;
}
.sidebar-group-item {
  display: flex;
  justify-content: flex-start;
}
.catalog-filter-card > .sidebar-category,
.catalog-filter-card > .sidebar-group {
  margin: 0;
}
.catalog-filter-card .sidebar-category + .sidebar-category {
  margin-top: 16px;
}
.catalog-card {
  width: 100%;
  background: #f3f3f3;
  padding: 40px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
}
.catalog-card__image-link {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: auto;
  overflow: visible;
  background: transparent;
  min-height: 23vw;
}
.catalog-card__image {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 23vw;
  object-fit: contain;
}
.catalog-card__content {
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.product-name {
  font: 500 24px/28px 'Inter', sans-serif;
  color: #000;
  text-align: center;
  margin: 20px 0 30px;
}
.product-actions .button--ghost {
  width: 100%;
  height: 55px;
  min-height: 55px;
  background: transparent;
  border: 2px solid #000;
  border-radius: 6px;
  box-shadow: none;
  font: 500 18px/36px 'Inter', sans-serif;
  color: #000;
}
.catalog-pagination,
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 20px;
  list-style: none;
  padding-left: 0;
}
.catalog-pagination .page-numbers,
.pagination .page-numbers,
.pagination a,
.pagination span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 5px;
  padding: 10px 15px;
  color: #333;
  text-decoration: none;
  border: 1px solid #ddd;
  background-color: #f9f9f9;
  border-radius: 5px;
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}
.catalog-pagination .current,
.pagination span.current,
.catalog-pagination .page-numbers.current {
  background-color: #00a2d7;
  color: #fff;
  border-color: #00a2d7;
}
.catalog-pagination a:hover,
.pagination a:hover {
  background-color: #00a2d7;
  color: #fff;
  border-color: #00a2d7;
}
.catalog-empty { text-align:center; color:var(--muted); }

.product-single__intro { padding:96px 0 48px; }
.product-single__breadcrumb { display:flex; gap:10px; color:var(--muted); margin-bottom:24px; }
.product-single__grid { display:grid; grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr); gap:48px; }
.product-single__gallery { display:grid; gap:16px; }
.product-single__main-image { width:100%; border-radius:24px; background:var(--surface); }
.product-single__thumbs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.product-single__thumb { width:100%; aspect-ratio:1; object-fit:cover; border-radius:18px; background:var(--surface); cursor:pointer; }
.product-single__content h1 { font:600 48px/56px 'Inter', sans-serif; margin-bottom:24px; }
.product-single__tabs { display:grid; gap:24px; margin-bottom:24px; }
.product-single__tabs .nav-link { color:var(--muted-2); border:none; border-bottom:2px solid transparent; padding-left:0; padding-right:0; }
.product-single__tabs .nav-link.active { color:var(--sky-700); border-color:var(--sky-500); }
.related-products { padding-bottom:72px; }
.related-products h2 { margin-bottom:24px; font:600 36px/44px 'Inter', sans-serif; }

#aboutUs_part {
  padding: 150px 0 50px;
}
.aboutUs_title {
  font: 500 60px/60px 'Inter', sans-serif;
  color: #000;
}
.aboutUs_text p,
.aboutUs_summery {
  font: 400 16px/26px 'Inter', sans-serif;
  color: #000;
  margin-top: 15px;
}
.aboutUs_left_row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  row-gap: 40px;
  margin-top: 60px;
}
.aboutUs_left_item h3 {
  max-width: 344px;
  height: 57px;
  margin: 0;
  padding-left: 20px;
  border-left: 1px solid rgba(30, 30, 30, 0.25);
  font: 500 24px/28px 'Inter', sans-serif;
  color: #00a2d7;
}
.aboutUs_video iframe {
  width: 100%;
  max-width: 600px;
  height: 315px;
}
.about_right_list {
  margin: 15px 0 0;
  padding-left: 30px;
}
.about_right_item {
  font: 400 16px/26px 'Inter', sans-serif;
  color: #000;
  list-style-type: disc;
}
.about_right_item::marker {
  color: #000;
}

#ourService {
  padding: 100px 0;
}
.ourService_title {
  font: 500 60px/60px 'Inter', sans-serif;
  color: #000;
  text-align: center;
  margin: 50px 0 150px;
}
.ourService_row {
  padding: 50px 0;
  border-bottom: 2px solid rgba(71, 71, 71, 0.1);
}
.ourService_heading_title {
  margin: 0;
  font: 500 40px/40px 'Inter', sans-serif;
  color: #00a2d7;
}
.ourService_summery,
.ourService_item,
.ourService_row p,
.ourService_row li {
  font: 400 16px/26px 'Inter', sans-serif;
  color: #000;
}
.ourService_list,
.ourService_row ul {
  padding-left: 40px;
  margin-top: 20px;
}
.ourService_item,
.ourService_row li {
  list-style-type: disc;
}
.about_right_list,
.ourService_row ul {
  list-style-position: outside;
}

#contact-section {
  padding: 150px 0 70px;
}
.contact-title {
  font: 500 80px/80px 'Inter', sans-serif;
  color: #000;
  text-align: center;
  margin-bottom: 50px;
}
.form-title {
  font: 500 60px/60px 'Inter', sans-serif;
  color: #000;
  margin-bottom: 20px;
}
.contact-content {
  display: flex;
  flex-direction: column;
  row-gap: 70px;
}
.contact-form-section .wpcf7 form {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
.contact-form-section .wpcf7 p {
  margin: 0;
}
.contact-form-section .connect__form {
  display: flex;
  flex-direction: column;
}
.contact-form-section .connect__form-item,
.contact-form-section .form__submit-button {
  display: block;
  width: 100%;
}
.contact-form-section .wpcf7-form-control-wrap {
  display: block;
}
.contact-form-section input.wpcf7-form-control.wpcf7-text,
.contact-form-section input.wpcf7-form-control.wpcf7-email,
.contact-form-section input.wpcf7-form-control.wpcf7-tel,
.contact-form-section textarea.wpcf7-form-control.wpcf7-textarea,
.contact-form-section select.wpcf7-form-control.wpcf7-select {
  width: 100%;
  border: 1px solid #a7d8ff;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
  font: 400 16px/24px 'Inter', sans-serif;
  color: #000;
}
.contact-form-section input.wpcf7-form-control.wpcf7-text,
.contact-form-section input.wpcf7-form-control.wpcf7-email,
.contact-form-section input.wpcf7-form-control.wpcf7-tel,
.contact-form-section select.wpcf7-form-control.wpcf7-select {
  height: 60px;
  padding: 0 15px;
  margin-bottom: 20px;
}
.contact-form-section textarea.wpcf7-form-control.wpcf7-textarea {
  height: 174px;
  padding: 15px;
  margin-bottom: 20px;
  resize: vertical;
}
.contact-form-section input::placeholder,
.contact-form-section textarea::placeholder {
  color: #7a7a7a;
  opacity: 1;
}
.contact-form-section input:focus,
.contact-form-section textarea:focus,
.contact-form-section select:focus {
  outline: none;
  border-color: #71bdf5;
}
.contact-form-section .wpcf7-spinner {
  margin: 12px 0 0;
}
.contact-form-section input.wpcf7-form-control.wpcf7-submit {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 81px;
  height: 54px;
  margin: 0;
  border: none;
  border-radius: 0;
  background: var(--sky-500);
  box-shadow: none;
  font: 400 16px/16px 'Inter', sans-serif;
  color: #fff;
  transition: background-color 160ms ease;
}
.contact-form-section input.wpcf7-form-control.wpcf7-submit:hover {
  background: #000;
}
.contact-form-section .wpcf7-not-valid-tip,
.contact-form-section .wpcf7 form .wpcf7-response-output {
  margin: 0;
  font: 400 14px/20px 'Inter', sans-serif;
}
.map-section iframe {
  width: 100%;
  height: 350px;
}
.address-section {
  justify-content: space-between;
}
.address-title {
  font: 500 24px/28px 'Inter', sans-serif;
  color: #000;
  margin: 12px 0 20px;
}
.address-list,
.address-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.address-item,
.address-list,
.address-list li {
  font: 400 16px/24px 'Inter', sans-serif;
  color: #000;
}
.address-link {
  font: 400 16px/16px 'Inter', sans-serif;
  color: #000;
  text-decoration: underline;
}

@media (max-width: 1199px) {
  .hero__inner,.showcase__inner,.showcase--reverse .showcase__inner,.about-page__content-grid,.branch-card,.product-single__grid,.catalog-layout__inner,.service-card {
    grid-template-columns:1fr;
    min-height:auto;
  }
  .showcase--reverse .showcase__content,.showcase--reverse .showcase__media { order:initial; }
  .hero__backdrop {
    left: 0;
    width: 100%;
    height: 100%;
  }
  .hero__inner {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
    padding: 72px 0 24px;
  }
  .hero__content,
  .hero__media {
    position: relative;
    left: auto;
    top: auto;
    width: auto;
  }
  .hero__media,.showcase__media { justify-content:center; }
}

@media (max-width: 991px) {
  .benefits__grid,.catalog-grid,.related-products__grid,.branch-card__info { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .catalog-sidebar__toggle { display:block; margin-bottom:16px; }
  .catalog-filter-card {
    margin-top: 0;
  }
  .catalog-card__image-link {
    min-height: 320px;
  }
  .catalog-card__image {
    max-height: 320px;
  }
  .aboutUs_video iframe {
    max-height: 220px;
  }
  .aboutUs_left_item h3 {
    height: auto;
  }
  .aboutUs_left_row {
    row-gap: 20px;
  }
  #ourService {
    padding: 0;
  }
  .ourService_title {
    font: 500 46px/46px 'Inter', sans-serif;
    margin: 50px 0;
  }
  .contact-title {
    font: 500 60px/60px 'Inter', sans-serif;
  }
  .form-title {
    font: 500 44px/44px 'Inter', sans-serif;
  }
  .map-section iframe {
    height: 270px;
  }
  .contact-form-section input.wpcf7-form-control.wpcf7-submit {
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .hero__content h1,.page-intro h1,.catalog-hero h1,.product-single__content h1 { font-size:40px; line-height:48px; }
  .hero__content p,.showcase__content p,.page-intro p { font-size:18px; line-height:28px; }
  .hero__media-card,.showcase__card { width:min(100%, 504px); height:auto; aspect-ratio:504 / 535; }
  .showcase__card { aspect-ratio:501 / 448; }
  .showcase {
    padding: 24px 0;
  }
  .showcase__inner {
    gap: 28px;
  }
  .showcase__content {
    gap: 24px;
  }
  .showcase__content h2 {
    font-size: 32px;
    line-height: 40px;
  }
  .showcase__content p {
    font-size: 16px;
    line-height: 26px;
  }
  .showcase__media {
    width: 100%;
    justify-content: center;
  }
  .showcase__card--school,
  .showcase__card--organization,
  .showcase__card--concert {
    width: min(100%, 360px);
    height: auto;
    aspect-ratio: 501 / 448;
    overflow: hidden;
    background: rgba(14,165,233,0.1);
    border-top-right-radius: 56px;
    border-bottom-left-radius: 56px;
  }
  .showcase__school-rotator,
  .showcase__organization-rotator,
  .showcase__concert-rotator {
    left: 50%;
    top: 50%;
    width: 448px;
    height: 501px;
    transform-origin: center;
  }
  .showcase__school-rotator {
    transform: translate(-50%, -50%) rotate(90deg) scale(0.72);
  }
  .showcase__organization-rotator {
    transform: translate(-50%, -50%) rotate(90deg) scaleY(-1) scale(0.72);
  }
  .showcase__concert-rotator {
    transform: translate(-50%, -50%) rotate(90deg) scale(0.72);
  }
  .showcase__school-surface,
  .showcase__organization-surface,
  .showcase__concert-surface {
    border-top-right-radius: 70px;
    border-bottom-left-radius: 70px;
  }
  .hero__backdrop,
  .showcase__grid,
  .hero__shadow,
  .hero__image,
  .showcase__shadow,
  .showcase__image {
    transform: scale(0.82);
    transform-origin: top left;
  }
  #aboutUs_part {
    padding: 120px 0 70px;
  }
  .aboutUs_title {
    font: 500 38px/33px 'Inter', sans-serif;
  }
  .aboutUs_summery {
    font: 400 16px/23px 'Inter', sans-serif;
  }
  .aboutUs_left_row {
    row-gap: 20px;
    margin: 40px 0;
  }
  .aboutUs_left_item h3 {
    height: auto;
    padding-left: 15px;
    font: 500 22px/28px 'Inter', sans-serif;
  }
  .aboutUs_video iframe {
    min-height: 160px;
    max-height: 270px;
  }
  #ourService {
    padding: 0;
  }
  .ourService_title {
    font: 500 36px/36px 'Inter', sans-serif;
    margin: 0;
  }
  .ourService_heading_title {
    font: 500 24px/26px 'Inter', sans-serif;
    margin-bottom: 15px;
  }
  .ourService_row {
    padding: 50px 0;
  }
  .contact-title {
    font: 500 46px/46px 'Inter', sans-serif;
    margin-bottom: 30px;
  }
  .form-title {
    font: 500 36px/36px 'Inter', sans-serif;
  }
  .map-section iframe {
    height: 270px;
  }
  .contact-form-section input.wpcf7-form-control.wpcf7-submit {
    margin-bottom: 30px;
  }
}

@media (max-width: 575px) {
  .benefits__grid,.catalog-grid,.related-products__grid,.about-page__stats-grid,.branch-card__info { grid-template-columns:1fr; }
  .hero__actions { flex-direction:column; }
  .button { width:100%; }
  .page-intro,.catalog-hero,.product-single__intro,.content-page__inner { padding-top:72px; }
  .showcase__card--school,
  .showcase__card--organization,
  .showcase__card--concert {
    width: min(100%, 348px);
  }
  .showcase__school-rotator {
    transform: translate(-50%, -50%) rotate(90deg) scale(0.68);
  }
  .showcase__organization-rotator {
    transform: translate(-50%, -50%) rotate(90deg) scaleY(-1) scale(0.68);
  }
  .showcase__concert-rotator {
    transform: translate(-50%, -50%) rotate(90deg) scale(0.68);
  }
  .sidebar-category {
    margin-bottom: 0;
  }
  .catalog-filter-card {
    padding: 20px 16px;
    gap: 16px;
  }
  .sidebar-group-list {
    margin-top: 16px;
  }
  .catalog-card__image-link {
    min-height: auto;
  }
  .catalog-card__image {
    max-height: none;
  }
  #aboutUs_part {
    padding: 100px 0 50px;
  }
  .aboutUs_title {
    font: 500 38px/33px 'Inter', sans-serif;
  }
  .aboutUs_summery {
    font: 400 15px/23px 'Inter', sans-serif;
  }
  .aboutUs_left_row {
    row-gap: 10px;
    margin: 40px 0;
  }
  .aboutUs_left_item h3 {
    height: auto;
    padding-left: 15px;
    font: 500 16px/28px 'Inter', sans-serif;
  }
  .aboutUs_video iframe {
    height: 160px;
  }
  #ourService {
    padding: 0;
  }
  .ourService_title {
    font: 500 34px/60px 'Inter', sans-serif;
    margin: 0;
  }
  .ourService_heading_title {
    font: 500 24px/26px 'Inter', sans-serif;
    margin-bottom: 15px;
  }
  .ourService_row {
    padding: 30px 0;
  }
  .contact-title {
    font: 500 40px/42px 'Inter', sans-serif;
    margin-bottom: 30px;
  }
  .form-title {
    font: 500 32px/34px 'Inter', sans-serif;
  }
  #contact-section {
    padding: 110px 0 50px;
  }
  .contact-form-section .wpcf7 form {
    row-gap: 16px;
  }
}