html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
:root {
--main-color-light: #f0e6e4;
--main-color-dark: #4d473a;
--main-color-hover: #ff8562;
--main-black: #000;
--main-white: #fff;
--transition: all .15s ease-in-out;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
font-size: 16px;
scroll-behavior: smooth;
}
body {
background-color: var(--main-color-light);
color: var(--main-color-dark);
min-width: 360px;
font-family: 'Montserrat', sans-serif;
letter-spacing: 1px;
overflow-x: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
margin: 0;
padding: 0;
color: var(--main-color-dark);
}
ul,
ol {
margin: 0;
padding: 0;
list-style: none;
}
a {
color: var(--main-color-dark);
text-decoration: none;
transition: var(--transition);
}
a:hover {
color: var(--main-color-hover);
}
main {
padding-top: 80px;
}
.section {
margin: 40px 0;
padding: 40px 0;
}
.container {
margin: 0 auto;
padding: 0 20px;
width: 100%;
max-width: 1280px;
}
@media (max-width: 991.5px) {
main {
padding-top: 0;
}
} .heading-1 {
font-size: 48px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
}
.heading-2 {
font-size: 30px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
}
.subtitle {
font-size: 25px;
font-weight: 500;
}
.text-wrapper {
margin-top: 48px;
}
.text-wrapper > * {
margin-bottom: 24px;
}
.text-wrapper > *:last-child {
margin-bottom: 0;
}
@media (max-width: 991.5px) {
.heading-1 {
font-size: 36px;
}
.heading-2 {
font-size: 24px;
}
.subtitle {
font-size: 18px;
}
} .btn,
.wpcf7-form input.btn {
display: inline-block;
padding: 12px 42px;
color: var(--main-color-light);
font-size: 16px;
line-height: 1;
font-weight: 600;
letter-spacing: 2.5px;
text-transform: uppercase;
background-color: var(--main-color-dark);
border: 1px solid var(--main-color-dark);
border-radius: 30px;
transition: var(--transition);
cursor: pointer;
}
.btn:hover,
.wpcf7-form input.btn:hover {
border-color: var(--main-color-hover);
background-color: var(--main-color-hover);
color: var(--main-color-light);
}
@media (max-width: 991.5px) {
.btn {
padding: 12px 24px;
text-align: center;
width: 100%;
}
} .dropdown {
position: relative;
display: inline-block;
}
.dropdown::after {
content: '';
width: 12px;
height: 12px;
display: inline-block;
background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9.42017C5.78493 9.42017 5.5699 9.33806 5.40593 9.17417L0.2462 4.01439C-0.082026 3.68616 -0.082026 3.154 0.2462 2.8259C0.574294 2.49781 1.10635 2.49781 1.4346 2.8259L6 7.39157L10.5654 2.82606C10.8936 2.49797 11.4256 2.49797 11.7537 2.82606C12.0821 3.15416 12.0821 3.68632 11.7537 4.01455L6.59407 9.17433C6.43002 9.33824 6.21498 9.42017 6 9.42017Z' fill='%234d473a'/%3E%3C/svg%3E%0A");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
transition: var(--transition);
transform: translateY(1px);
}
.dropdown:hover::after {
background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9.42017C5.78493 9.42017 5.5699 9.33806 5.40593 9.17417L0.2462 4.01439C-0.082026 3.68616 -0.082026 3.154 0.2462 2.8259C0.574294 2.49781 1.10635 2.49781 1.4346 2.8259L6 7.39157L10.5654 2.82606C10.8936 2.49797 11.4256 2.49797 11.7537 2.82606C12.0821 3.15416 12.0821 3.68632 11.7537 4.01455L6.59407 9.17433C6.43002 9.33824 6.21498 9.42017 6 9.42017Z' fill='%23ff8562'/%3E%3C/svg%3E%0A");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.dropdown-content {
display: none;
position: absolute;
top: 100%;
background-color: var(--main-color-light);
min-width: 160px;
padding: 8px 0;
border: 1px solid var(--main-black);
border-radius: 8px;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
z-index: 1;
overflow: hidden;
}
.dropdown-content a {
color: var(--main-color-dark);
padding: 12px 16px;
text-decoration: none;
display: block;
font-weight: 500;
text-wrap: nowrap;
}
.dropdown-content a:hover {
background-color: rgba(0, 0, 0, .05);
}
.dropdown:hover .dropdown-content {
display: block;
} .marquee {
--duration: 30s;
--gap: 32px;
display: flex;
overflow: hidden;
user-select: none;
gap: 32px;
font-size: 40px;
font-weight: 700;
}
.marquee_group {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: space-around;
gap: var(--gap);
min-width: 100%;
animation: scroll var(--duration) linear infinite;
}
@keyframes scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(calc(-100% - var(--gap)));
}
} .accordion {
border-bottom: 2px solid var(--main-color-dark);
border-top: 2px solid var(--main-color-dark);
}
.accordion .accordion-item:not(:last-child) {
border-bottom: 2px solid var(--main-color-dark);
}
.accordion button {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
width: 100%;
padding: 24px 0;
color: var(--main-color-dark);
font-size: 24px;
font-weight: 700;
border: none;
background: none;
outline: none;
transition: var(--transition);
}
.accordion button:hover {
cursor: pointer;
color: var(--main-color-hover);
}
.accordion button .icon {
display: inline-block;
width: 24px;
height: 24px;
border: 1px solid var(--main-color-dark);
border-radius: 50%;
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.9999 8.99997H11V0.999936C11 0.448058 10.552 0 9.99991 0C9.44803 0 8.99997 0.448058 8.99997 0.999936V8.99997H0.999936C0.448058 8.99997 0 9.44803 0 9.99991C0 10.552 0.448058 11 0.999936 11H8.99997V18.9999C8.99997 19.5519 9.44803 20 9.99991 20C10.552 20 11 19.5519 11 18.9999V11H18.9999C19.5519 11 20 10.552 20 9.99991C20 9.44803 19.5519 8.99997 18.9999 8.99997Z' fill='%234d473a'/%3E%3C/svg%3E%0A");
background-position: center;
background-repeat: no-repeat;
background-size: 16px;
transition: var(--transition);
}
.accordion button:hover .icon {
border: 1px solid var(--main-color-hover);
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.9999 8.99997H11V0.999936C11 0.448058 10.552 0 9.99991 0C9.44803 0 8.99997 0.448058 8.99997 0.999936V8.99997H0.999936C0.448058 8.99997 0 9.44803 0 9.99991C0 10.552 0.448058 11 0.999936 11H8.99997V18.9999C8.99997 19.5519 9.44803 20 9.99991 20C10.552 20 11 19.5519 11 18.9999V11H18.9999C19.5519 11 20 10.552 20 9.99991C20 9.44803 19.5519 8.99997 18.9999 8.99997Z' fill='%23ff8562'/%3E%3C/svg%3E%0A");
background-position: center;
background-repeat: no-repeat;
}
.accordion button[aria-expanded=true] .icon {
transform: rotate(135deg);
}
.accordion button[aria-expanded=true]+.accordion-content {
opacity: 1;
max-height: 300vh;
transition: all 500ms linear;
will-change: opacity, max-height;
}
.accordion .accordion-content {
opacity: 0;
max-height: 0;
overflow: hidden;
transition: opacity 500ms linear, max-height 500ms linear;
will-change: opacity, max-height;
}
.accordion .accordion-content > div {
margin: 0 0 24px;
display: flex;
flex-direction: column;
gap: 16px;
}
.accordion .accordion-content > div ul {
list-style: disc;
padding-left: 1rem;
margin-left: 1rem;
}
.accordion .accordion-content > div strong {
display: block;
}
.accordion .accordion-content > div strong:not(:last-child) {
margin-bottom: .5rem;
} .header {
position: fixed;
top: 0;
left: 0;
right: 0;
display: flex;
align-items: center;
padding: 8px 0;
background-color: var(--main-color-light);
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.20);
z-index: 1000;
}
.header__nav {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
}
.header__logo {
height: 60px;
width: 100px;
flex-shrink: 0;
}
.header__logo img {
width: 100%;
height: 100%;
object-fit: contain;
}
.header__list {
display: flex;
align-items: center;
gap: 32px;
list-style: none;
margin: 0;
padding: 0;
}
.header__item {
padding: 8px 0;
}
.header__link {
display: inline-block;
color: var(--main-color-dark);
font-weight: 600;
text-decoration: none;
transition: var(--transition);
}
.header__item:hover .header__link {
color: var(--main-color-hover);
}
@media (max-width: 991.5px) {
.header {
position: static;
}
.header__nav {
flex-direction: column;
}
.header__list {
flex-wrap: wrap;
justify-content: center;
}
} .hero__wrapper {
display: grid;
grid-template-columns: 2fr 1fr;
gap: 32px;
}
.hero__data {
display: grid;
grid-template-columns: 1fr;
gap: 64px;
}
.hero__data-top {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 32px;
}
.hero__data-top-item {
display: flex;
align-items: flex-start;
gap: 8px;
}
.hero__data-top-item img {
width: 20px;
}
.hero__data-top-item a,
.hero__data-top-item span {
font-weight: 500;
line-height: 20px;
}
.hero__data-text-heading {
margin-bottom: 24px;
}
.hero__data-text-subtitle {
margin-bottom: 24px;
}
.hero__data-bottom>p {
margin-bottom: 16px;
}
.hero__data-bottom-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
.hero__data-bottom-grid>a {
display: flex;
align-items: center;
justify-content: center;
padding: 8px;
font-size: 14px;
line-height: 1;
text-align: center;
border: 1px solid var(--main-color-dark);
border-radius: 50px;
}
.hero__data-bottom-grid>a:hover {
border-color: var(--main-color-hover);
}
.hero__img {
position: relative;
background-image: url(//newlevel.vn.ua/wp-content/themes/interschooltemplate/img/hero.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
border-radius: 8px;
overflow: hidden;
}
.hero__img::after {
display: block;
content: '';
width: 100%;
height: 100%;
background: linear-gradient(0deg, rgba(77, 71, 58, 1) 0%, rgba(0, 212, 255, 0) 50%);
z-index: 2;
}
.hero__img-data {
position: absolute;
bottom: 20px;
left: 20px;
right: 20px;
z-index: 5;
}
.hero__img-data-name {
display: flex;
align-items: center;
gap: 8px;
}
.hero__img-data-name>span {
font-size: 24px;
font-weight: 500;
color: var(--main-color-light);
}
.hero__img-data-name>a {
display: block;
line-height: 0;
width: 20px;
height: 20px;
}
.hero__img-data-name>a img {
width: 100%;
height: 100%;
object-fit: contain;
}
.hero__img-data-desc {
color: var(--main-color-light);
}
@media (max-width: 991.5px) {
.hero__wrapper {
grid-template-columns: 1fr;
}
.hero__img {
min-height: 400px;
}
.hero__data-top {
grid-template-columns: 1fr;
}
} .details__wrapper {
padding: 48px;
border: 1px solid var(--main-color-dark);
border-radius: 16px;
}
.details__heading {
margin-bottom: 48px;
}
.details__info {
margin-bottom: 48px;
display: grid;
grid-template-columns: 1fr;
gap: 16px;
}
.details__inner {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 48px;
}
.details__item-header {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 16px;
}
.details__item-header>img {
width: 100%;
height: 100%;
max-width: 20px;
max-height: 20px;
}
.details__item-header>span {
font-weight: 600;
}
.details__item ul,
.details__info ul {
display: flex;
flex-direction: column;
list-style: disc;
gap: 8px;
padding-left: 28px;
}
.details__item > p,
.details__info > p {
display: block;
margin-top: 16px;
}
.details__btn-wrapper {
grid-column: span 2;
}
.details__link-wrapper {
display: flex;
align-items: center;
}
.details__link-wrapper>a {
font-weight: 600;
}
@media (max-width: 991.5px) {
.details__wrapper {
padding: 24px;
}
.details__inner {
grid-template-columns: 1fr;
gap: 24px;
}
.details__btn-wrapper {
grid-column: unset;
}
} .program__marquee {
margin-bottom: 32px;
} .gallery__grid {
display: grid;
grid-template-columns: 2fr 1fr;
grid-template-rows: 300px 300px;
gap: 16px;
}
.gallery__item {
border-radius: 16px;
overflow: hidden;
max-height: 300px;
}
.gallery__item img {
width: 100%;
height: 100%;
object-fit: cover;
}
.gallery__item:nth-child(3n-2) {
grid-row: span 2;
max-height: 616px;
}
@media (max-width: 991.5px) {
.gallery__grid {
grid-template-columns: 1fr;
grid-template-rows: 240px 240px 240px;
}
.gallery__item:nth-child(3n-2) {
grid-row-start: unset;
grid-row-end: unset;
}
} .slider__heading {
margin-bottom: 32px;
}
.slider .swiper {
width: 100%;
height: auto;
}
.slider .swiper-button-next, 
.slider .swiper-button-prev {
color: var(--main-color-dark);
}
.slider .swiper-pagination-bullet-active {
background-color: var(--main-color-dark);
}
.slider .img-wrapper {
width: 100%;
height: 500px;
}
.slider .img-wrapper img {
width: 100%;
height: 100%;
object-fit: contain;
}
@media (max-width: 991.5px) {
.slider .img-wrapper {
height: 400px;
}
} .advantages__heading {
margin-bottom: 32px;
}
.advantages__grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 32px;
}
.advantages__title {
font-weight: 700;
font-size: 20px;
}
.advantages__item {
display: flex;
flex-direction: column;
gap: 16px;
padding: 24px;
border: 1px solid var(--main-color-dark);
border-radius: 16px;
}
.advantages__img {
width: 100px;
height: 100px;
overflow: hidden;
flex-shrink: 0;
}
.advantages__img img {
width: 100%;
height: 100%;
object-fit: contain;
}
.advantages__text {
line-height: 1.4;
}
@media (max-width: 991.5px) {
.advantages__grid {
grid-template-columns: 1fr;
}
} .learning__heading {
margin-bottom: 32px;
}
.learning__grid {
display: grid;
grid-template-columns: 1fr;
gap: 0;
}
.learning__item {
display: flex;
align-items: center;
gap: 48px;
padding: 32px 0;
}
.learning__item:not(:last-child) {
border-bottom: 1px solid var(--main-color-dark);
}
.learning__img {
width: 75px;
height: 75px;
overflow: hidden;
flex-shrink: 0;
}
.learning__img img {
width: 100%;
height: 100%;
object-fit: contain;
}
.learning__text {
line-height: 1.4;
} .instagram__heading {
margin-bottom: 32px;
}
.instagram__grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 16px;
}
.instagram__item {
aspect-ratio: 1 / 1;
overflow: hidden;
border-radius: 8px;
transition: var(--transition);
}
.instagram__item img {
width: 100%;
height: 100%;
object-fit: cover;
}
.instagram__item:hover {
transform: scale(1.05);
}
.instagram__btn-wrapper {
margin: 32px auto 0;
text-align: center;
}
@media (max-width: 991.5px) {
.instagram__grid {
grid-template-columns: 1fr 1fr;
}
} .wpcf7-form input {
padding: 10px 0;
width: 100%;
background-color: transparent;
border: none;
border-bottom: 1px solid var(--main-color-dark);
color: var(--main-color-dark);
font-size: 16px;
outline: none;
margin-bottom: 24px;
}
.wpcf7-spinner {
display: none;
} .contacts__heading {
margin-bottom: 32px;
}
.contacts__grid {
display: grid;
grid-template-columns: 2fr 3fr;
gap: 32px;
}
.contacts__map {
min-height: 400px;
border-radius: 16px;
border: 1px solid var(--main-color-dark);
overflow: hidden;
}
.contacts__map iframe {
width: 100%;
height: 100%;
}
.contacts__data {
display: flex;
flex-direction: column;
gap: 24px;
}
.contacts__data-item {
display: flex;
align-items: center;
gap: 16px;
}
.contacts__data-item .img-wrapper {
width: 20px;
height: 20px;
}
.contacts__data-item .img-wrapper img {
width: 100%;
height: 100%;
object-fit: contain;
}
.contacts__data-item a,
.contacts__data-item span {
font-weight: 500;
line-height: 20px;
}
@media (max-width: 991.5px) {
.contacts__grid {
grid-template-columns: 1fr;
}
} .lectors__inner {
display: grid;
grid-template-columns: 2fr 3fr;
gap: 48px;
padding: 48px;
border: 1px solid var(--main-color-dark);
border-radius: 16px;
}
.lectors__item {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 16px;
}
.lectors__img-wrapper {
width: 100%;
aspect-ratio: 1 / 1;
overflow: hidden;
border-radius: 8px;
}
.lectors__img-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
}
.lectors__heading {
font-size: 30px;
}
.lectors__subheading {
font-size: 20px;
}
.lectors__item-desc ul {    
display: flex;
flex-direction: column;
list-style: disc;
gap: 8px;
padding-left: 16px;
}
.lectors__item-footer {
display: grid;
grid-template-columns: 1fr;
gap: 8px;
}
.lectors__item-footer p {
margin-bottom: 8px;
}
.lectors__item-footer a {
display: flex;
align-items: center;
justify-content: center;
padding: 8px;
font-size: 14px;
line-height: 1;
text-align: center;
border: 1px solid var(--main-color-dark);
border-radius: 50px;
width: 100%;
max-width: 280px;
}
.lectors__item-footer a:hover {
border-color: var(--main-color-hover);
}
@media (max-width: 991.5px) {
.lectors__inner {
grid-template-columns: 1fr;
}
} .footer {
background-color: var(--main-color-dark);
color: var(--main-color-light);
padding: 24px 0;
}
.footer__grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
}
.footer__data {
font-size: 12px;
}
.footer__pages {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 16px;
}
.footer__pages a {
color: var(--main-color-light);
font-size: 14px;
}
.footer__pages a:hover {
color: var(--main-color-hover);
}
@media (max-width: 991.5px) {
.footer__grid {
grid-template-columns: 1fr;
}
.footer__pages {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
}