@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mynerve&display=swap');
.subheader,
header .top-bar {
    background-repeat: no-repeat;
    background-size: cover;
}
#search-results .item,
.sm,
.sm li,
.sm ul,
.topmenu li > a,
ul.sm a,
ul.sm:after {
    display: block;
}
body,
html {
    font-size: 18px;
    overflow-x: hidden;
}
body {
    font-family: "Comfortaa", sans-serif;
    margin: 0;
    padding: 0;
    color: #18244d;
    text-rendering: optimizeLegibility;
    overflow-x: hidden;
}
a,
a.inverted,
a.white {
    cursor: pointer;
    color: #53bd99;
    text-decoration: none;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
    outline: 0;
}
a.inverted {
    color: #53bd99;
}
a.white {
    color: #fff;
}
a.hover,
a:focus,
a:hover {
    color: #4a5c62;
    -webkit-transition: all 0.55s ease;
    -moz-transition: all 0.55s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.55s ease;
    outline: 0;
    text-decoration: none;
}
a.inverted:focus,
a.inverted:hover {
    color: #394147;
}
a.white:focus,
a.white:hover {
    color: #e14d43;
}
hr {
    margin-top: 2em;
    margin-bottom: 2em;
    border: 0;
    height: 3px;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
    background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
}
p {
    margin-bottom: 1em;
}
p:last-child {
    margin-bottom: 0;
}

header {
    position: relative;
    z-index: 1000;
}
header .logo {
    padding-left: 4em;
}
.subheader h1 {
    display: none;
}
.subheader h1 small {
    display: block;
    font-weight: 300;
    color: #fff;
    margin-top: 0.5em;
}
.subheader .sk.breadcrumb {
    position: absolute;
    bottom: 0;
    right: 1em;
    background-color: rgba(255, 255, 255, 0.2);
    color: #fff;
    padding: 0.5em 1.2em;
    text-transform: capitalize;
    width: auto;
}
.topmenu li ul li a,
.topmenu li > a strong {
    text-transform: uppercase;
}
.subheader .sk.breadcrumb a.section {
    color: #fff;
}
.subheader .sk.breadcrumb a:hover {
    text-decoration: underline;
}
.subheader .sk.breadcrumb .section {
    font-size: 0.876em;
    color: #fff;
}
.subheader .sk.inverted.input {
    width: 300px;
}
#suggestions {
    position: absolute;
    width: 300px;
    top: 5em;
    z-index: 100;
}
ul.sm a,
ul.sm li {
    position: static;
}
#menu {
    position: relative;
}
#search-results {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
    background-color: #fff;
}
#pagination {
    margin-top: 1em;
}
.sm,
.sm li,
.sm ul {
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: normal;
    direction: ltr;
}
ul.sm li {
    float: left;
}
ul.sm a {
    white-space: nowrap;
}
ul.sm a.disabled {
    cursor: default;
}
ul.sm ul {
    position: absolute;
    top: -999999px;
    left: -800px;
    width: 100px;
}
.top-menu,
.topmenu li > a i,
.topmenu li > a small,
.topmenu li > a strong {
    position: relative;
}
ul.sm-rtl {
    direction: rtl;
}
ul.sm-rtl li {
    float: right;
}
ul.sm ul li,
ul.sm-vertical li {
    float: none;
}
ul.sm ul a,
ul.sm-vertical a {
    white-space: normal;
}
* html ul.sm-vertical li {
    float: left;
    width: 100%;
}
* html ul.sm-vertical ul li {
    float: none;
    width: auto;
}
ul.sm ul.sm-nowrap > li > a {
    white-space: nowrap;
}
ul.sm:after {
    content: "\00a0";
    height: 0;
    font: 0/0 serif;
    clear: both;
    visibility: hidden;
    overflow: hidden;
}
* html ul.sm {
    height: 1px;
}
ul.sm li *,
ul.sm li :after,
ul.sm li :before {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
ul.sm {
    -webkit-tap-highlight-color: transparent;
}
.topmenu li > a {
    text-decoration: none;
    padding-right: 60px;
    color: #18244d;
    letter-spacing: 1px;
    position: relative;
    z-index: 1;
}
.topmenu li > a:last-child {
    padding-right: 0;
}
.topmenu li a > i {
    display: none;
    font-size: 2em;
}
.topmenu li > a small {
    display: none;
    font-size: 0.85em;
}

.topmenu a > small {
    display: block;
}
.topmenu a.highlighted,
.topmenu a:active,
.topmenu a:focus,
.topmenu a:hover {
    color: #e96a5d;
}
.topmenu li.nav-submenu-item i.icon {
    margin-right: 0.5em;
}
.topmenu ul a.has-submenu,
.topmenu-vertical a.has-submenu {
    padding-right: 1.8em;
}
.topmenu li ul li a {
    padding: 10px 0;
    text-align: left;
    border: 0;
    font-size: 18px;
    z-index: 1;
    position: relative;
    text-transform: capitalize;
    font-weight: 800;
    margin-bottom: 10px;
}
.topmenu ul.menu-submenu ul.menu-submenu {
    position: absolute;
    left: 90% !important;
    top: -38px !important;
    width: 100% !important;
    padding: 25px 40px 25px 50px !important;
    box-shadow: none;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}
.topmenu ul.menu-submenu ul.menu-submenu a {
    color: white;
    font-weight: 500;
    box-shadow: none;
    padding: 15px 0;
    margin-bottom: 0px;
    white-space: nowrap;
    white-space-collapse: break-spaces;
    text-transform: initial;
}
.topmenu ul.menu-submenu ul.menu-submenu a:hover {
    color: white;
}
/*.topmenu .nav-submenu-item:hover {*/
/*    background-color: #fdc272;*/
/*}*/
.nav-submenu-item {
    position: relative !important;
    width: 50%;
}
.topmenu li ul li a:hover {
    color: #e96a5d;
}
.topmenu li ul li a i {
    font-size: 1em;
    display: inline-block;
    margin: 0 0.5em 0 0;
}
#menu ul.two.cols {
    width: 380px !important;
}
#menu ul.three.cols {
    width: 500px !important;
}
#menu ul.three.cols li {
    width: 33.33%;
}
#menu ul.four.cols li {
    width: 25%;
}
#menu ul.four.cols {
    width: 680px !important;
}
#menu ul.cols li {
    display: block;
    float: left;
    width: 50%;
}
#menu ul.cols li:first-child {
    box-shadow: none;
}
#menu ul.cols {
    clear: both;
}
.topmenu ul.menu-submenu {
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
    padding-top: 210px;
    top: -130px !important;
    background-color: white;
    left: -85px !important;
    padding-left: 85px;
    right: 0px;
    min-width: auto !important;
    display: block !important;
    margin: 0 !important;
    width: 100% !important;
    opacity: 0;
    pointer-events: none;
    padding-right: 50px;
}
.topmenu .nav-item:hover > ul.menu-submenu,
.topmenu .nav-submenu-item:hover > ul.menu-submenu {
    opacity: 1;
    pointer-events: auto;
}
.topmenu a span.sub-arrow {
    display: none;
}
.topmenu ul.menu-submenu a span.sub-arrow,
.topmenu-vertical a span.sub-arrow {
    right: 1em;
    top: 1.4em;
    left: auto;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.topmenu li:first-child,
.topmenu ul li,
.topmenu-vertical li {
    border-left: 0;
}
.topmenu ul li:first-child,
.topmenu-vertical li:first-child {
    border-top: 0;
}
.topmenu span.scroll-down,
.topmenu span.scroll-up {
    position: absolute;
    display: none;
    visibility: hidden;
    overflow: hidden;
    border: solid #bbb;
    border-width: 1px 0;
    background: #fff;
    height: 20px;
}
.topmenu span.scroll-down-arrow,
.topmenu span.scroll-up-arrow {
    position: absolute;
    top: -2px;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 8px;
    border-style: dashed dashed solid;
    border-color: transparent transparent #555;
}
#botwidget,
.loader {
    position: relative;
}
.topmenu span.scroll-down-arrow {
    top: 6px;
    border-style: solid dashed dashed;
    border-color: #555 transparent transparent;
}
#topwidget {
    background-color: #fff;
}
#topwidget .static-image {
    background-attachment: scroll;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding: 1em 4em;
    color: #fff;
}
#topwidget .static-image > h1 {
    font-size: 3em;
    text-transform: uppercase;
    color: #fff;
    font-family: "Comfortaa", sans-serif;
    font-weight: 100;
}
#leftwidget aside,
#rightwidget aside {
    margin-bottom: 1.5em;
}
#leftwidget aside h3,
#rightwidget aside h3 {
    font-weight: 400;
    color: #333;
}
.loader:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: url(../images/loader-large.gif) 50% 50% no-repeat rgba(255, 255, 255, 0.8);
    visibility: visible;
    z-index: 5000;
}
#scrollUp {
    bottom: 20px;
    right: 20px;
    width: 60px;
    height: 60px;
    background-color: #85959a;
    border-radius: 30px;
    line-height: 55px;
    opacity: 0.8;
    color: #455c6a;
}
#scrollUp:before {
    content: "\f077";
    display: inline-block;
    vertical-align: middle;
    font: 28px Icons;
    color: #455c6a;
}
#error-page {
    background-image: url(../images/404_bg.png);
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: top center;
    height: 100vh;
    background-color: #282828;
    box-shadow: inset 0 10px 0 0 #000, inset 0 -10px 0 0 #000;
    position: relative;
}
#error-page .logo {
    padding-top: 2em;
}
#error-page h1 {
    padding-top: 0.5em;
    color: #fff;
    font-size: 5em;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.75);
}
#error-page h3 {
    color: #7f7f7f;
    font-size: 1.5em;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.75);
}
#error-page h3.primary {
    margin-top: 2em;
}
#error-page #but.button {
    font-size: 2em;
    border-radius: 500em;
}
#error-page #but.button i.icon {
    font-size: 4em;
}
.section1 {
    background: #f4f6f8;
    position: relative;
    padding: 3em 1em;
}
/*All*/
.block {
    display:block;
}
.inline-block {
    display: inline-block;
}
.relative {
    position: relative;
}
.flex {
    display:flex;
}
.flex-wrap {
    display:flex;
    flex-wrap:wrap;
}
.flex-between {
    display:flex;
    justify-content: space-between;
}
.flex-wrap-between {
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
}
.flex-column {
    flex-flow: column;
}
.flex-center {
    display:flex;
    justify-content: center;
}
.flex-wrap-center {
    display:flex;
    flex-wrap:wrap;
    justify-content: center;
}
.flex-right {
    display:flex;
    justify-content: flex-end;
}
.flex-wrap-right {
    display:flex;
    flex-wrap:wrap;
    justify-content: flex-end;
}
.flex-all-center {
    display:flex;
    justify-content: center;
    align-items:center;
}
.flow-column {
    flex-flow:column;
}
.flex-vertical-center {
    display:flex;
    align-items:center;
}
.flex-bottom {
    display:flex;
    align-items:flex-end;
}
.flex-wrap-bottom {
    display:flex;
    flex-wrap:wrap;
    align-items:flex-end;
}
.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}
.col-flex {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
.row-2 {
    margin-left:-2px;
    margin-right:-2px;
}
.col-2 {
    padding-left:2px;
    padding-right:2px;
}
.row-10 {
    margin-left:-10px;
    margin-right:-10px;
}
.col-10 {
    padding-left:10px;
    padding-right:10px;
}
.row-15 {
    margin-left:-15px;
    margin-right:-15px;
}
.col-15 {
    padding-left:15px;
    padding-right:15px;
}
.row-20 {
    margin-left:-20px;
    margin-right:-20px;
}
.col-20 {
    padding-left:20px;
    padding-right:20px;
}
.row-25 {
    margin-left:-25px;
    margin-right:-25px;
}
.col-25 {
    padding-left:25px;
    padding-right:25px;
}
.row-30 {
    margin-left:-30px;
    margin-right:-30px;
}
.col-30 {
    padding-left:30px;
    padding-right:30px;
}
.row-40 {
    margin-left:-40px;
    margin-right:-40px;
}
.col-40 {
    padding-left:40px;
    padding-right:40px;
}
.row-45 {
    margin-left:-45px;
    margin-right:-45px;
}
.col-45 {
    padding-left:45px;
    padding-right:45px;
}
.row-60 {
    margin-left:-60px;
    margin-right:-60px;
}
.col-60 {
    padding-left:60px;
    padding-right:60px;
}
.row-90 {
    margin-left:-90px;
    margin-right:-90px;
}
.col-90 {
    padding-left:90px;
    padding-right:90px;
}
.row-100 {
    margin-left:-100px;
    margin-right:-100px;
}
.col-100 {
    padding-left:100px;
    padding-right:100px;
}
.header-menu-right-side {
    padding-right: calc((100vw - 1570px) / 2);
}
.header-top-menu {
    text-align: right;
}
.homepage-header header {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}
.top-menu-container ul {
    margin: 0;
}
.top-menu-container a {
    color: rgba(24,36,77,0.4);
    font-size: 14px;
    font-weight: bold;
    padding: 10px 2px;
    display: inline-block;
}
.top-menu-container a:hover {
    color: #e96a5d;
}
.top-menu-container > ul > li {
    position: relative;
    list-style: none;
    display: inline-block;
    margin-left: 40px;
}
.services-menu {
    position: absolute;
    top: 100%;
    left: -20px;
    margin: 0;
    padding: 10px 20px;
    text-align: left;
    box-shadow: 0px 0 10px 1px #888;
    opacity: 0;
    pointer-events: none;
    white-space: nowrap;
    background-color: white;
    z-index: 10;
}
.top-menu-container > ul > li:hover .services-menu {
    opacity: 1;
    pointer-events: all;
}
.services-menu li {
    list-style: none;
    border-bottom: 1px solid rgba(24,36,77,0.2);
}
.services-menu li:last-child {
    border-bottom: none;
}
.header-menu-container {
    margin-top: 30px;
}
.header-bottom-menu {
    margin-top: 25px;
}
.header-wrap h2 {
    font-size: 38px;
    color: #18244d;
    font-weight: 900;
    -webkit-text-stroke: 1px #18244d;
    line-height: 1.3;
}
.header-wrap {
    margin-top: 140px;
}
.header-methodology-btn {
    margin-top: 105px;
}
.header-methodology-btn a {
    background-color: #e96a5d;
    color: white;
    font-size: 18px;
    text-align: center;
    padding: 23px 25px;
    border-radius: 50px;
    text-transform: uppercase;
    box-shadow: 0 0 20px -3px #e96a5d;
    -webkit-text-stroke: 1px white;
    letter-spacing: 1px;
    border: 1px solid #e96a5d;
}
.header-methodology-btn a:hover {
    background-color: white;
    color: #e96a5d;
    -webkit-text-stroke: 1px #e96a5d;
}
.hm-header-container {
    position: relative;
}
.header-left {
    height: 100svh;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    position: relative;
}
.header-right {
    width: 250px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}
.each-hor-menu {
    display: block;
    width: 50px;
    height: 100%;
    position: relative;
}
.header-hr-lessons-menu {
    height: 100%;
}
.each-hor-menu a {
    display: block;
    height: 100%;
    position: relative;
}
.hr-menu-title {
    white-space: nowrap;
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    display: inline-block;
    position: absolute;
    left: 30px;
    line-height: 1;
    bottom: 55%;
    color: white;
    font-size: 18px;
    font-weight: 900;
}
.hr-menu-age {
    color: white;
    font-size: 14px;
    position: absolute;
    top: 530px;
    left: 0;
    -webkit-text-stroke: 1px white;
    right: 0;
    text-align: center;
}
.second-menu-age {
    top: 490px;
}
.third-menu-age {
    top: 450px;
}
.fourth-menu-age {
    top: 410px;
}
.fiftht-menu-age {
    top: 370px;
}
.red-dots-icons {
    position: absolute;
    bottom: 40px;
    left: 400px;
}
.red-rectangle-icons {
    position: absolute;
    bottom: -100px;
    left: 20px;
}
.blue-wavy-lines-icons {
    position: absolute;
    top: 300px;
    left: 0;
}
.homepage-header .header-menu-right-side {
    padding-right: 300px;
}

.red-rect-rotate {
    animation-name: rotate_animation;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes rotate_animation {
    0%   {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
.blue-dots-rotate {
    animation-name: left_right_animation;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes left_right_animation {
    0%   {
        transform: translateX(0);
    }
    50%   {
        transform: translateX(100px);
    }
    100% {
        transform: translateX(0);
    }
}
.ball-rotate {
    animation-name: blueball_animation;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes blueball_animation {
    0%   {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
.blues-dots-right-icons {
    position: absolute;
    top: 190px;
    right: 540px;
}
.yellow-right-half-icons {
    top: 220px;
    right: 350px;
    position: absolute;
}
.red-right-cylinder-icons {
    top: 445px;
    position: absolute;
    right: 275px;
}
.zikzak-right-icons {
    bottom: 240px;
    right: 250px;
    position: absolute;
}
.ball-right-icons {
    bottom: 50px;
    right: 430px;
    position: absolute;
}
.yellow-ball-icons {
    position: absolute;
    bottom: 430px;
    left: 115px;
}
.blue-half-left-icons {
    position: absolute;
    top: 480px;
    left: 225px;
}
/*circle */
.circle-text-wrap {
    position: absolute;
    top: 130px;
    width: 1600px;
    height: 1600px;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-animation: la-spin 20s infinite linear;
    animation: la-spin 20s infinite linear;
    overflow: hidden;
}
.circle-small {
    position: absolute;
    width: 1400px;
    height: 1400px;
    -webkit-animation: la-spin 20s infinite linear;
    animation: la-spin 20s infinite linear;
    overflow: hidden;
    margin: auto;
    top: 220px;
    left: 0;
    right: 0;
}
.circle-text {
    position: absolute;
    width: 1600px;
    height: 1600px;
    top: 0;
    left: 0;
    border-radius: 50%;
    transform: rotate(-42deg) translate(50%,0);
    color: #18244d;
    font-weight: 700;
    white-space: nowrap;
    font-size: 30px;
}
.circle-small .circle-text {
    position: absolute;
    width: 1400px;
    height: 1400px;
    transform: rotate(-26deg) translate(50%,0);
}
.circle-small .circle-text span {
    height: 700px;
    transform: rotate(1.7deg);
}
.circle-text span {
    height: 800px;
    position: absolute;
    left: -1px;
    top: 0;
    transform-origin: bottom center;
    transform: rotate(1.7deg);
    width: 1em;
    text-align: center;
}
.half-circle-container {
    box-shadow: 0 0 40px -3px rgba(23,36,77,0.3);
    padding-top: 100%;
    position: absolute;
    top: 12px;
    right: 0;
    left: 0;
    border-radius: 50%;
    background-color: white;
   animation-name: rotate_animation;
    animation-duration: 35s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.arc-text:nth-child(2) {
    transform: rotate(110deg);
}
.arc-text:nth-child(3) {
    transform: rotate(220deg);
}
.arc-text:nth-child(4) {
    transform: rotate(200deg);
}
.arc-text {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.half-circle {
    position: relative;
    overflow: hidden;
    padding-top: 50%;
}
.slogan-logo {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 230px;
    margin: auto;
    max-width: 1200px;
    text-align: center;
}

.slogan {
    position: absolute;
    font-size: 1.2em;
    width: 100%;
    text-align: center;
}

.slogan:nth-child(1) {
    transform: rotate(0deg);
}

.slogan:nth-child(2) {
    transform: rotate(180deg);
}

@keyframes rotateText {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
/*other*/
.our-mission-title {
    font-family: "Mynerve", cursive;
    font-size: 64px;
    text-align: center;
    color: white;
    margin-bottom: 125px;
}
.sk-grid {
    width: auto;
    max-width: 1680px;
    margin: 0 auto;
    padding: 0;
}
.footer-grid {
    width: auto;
    max-width: 1780px;
    margin: 0 auto;
    padding: 0;
}
.small-grid {
    width: auto;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0;
}
.our-missions {
    padding-top: 6em;
    /*
    background: linear-gradient(135deg, #f6b051, #e96a5d, #18244d, #67bfc2);
    */
    padding-bottom: 11em;
    margin-bottom: 90px;
    background: linear-gradient(135deg, rgba(246,176,81,0.8) 20%, rgba(233,106,93,0.8) 40%, rgba(24,36,77,0.8) 60%, rgba(103,191,194,0.9) 80%);
}
.each-mission {
    background-color: rgba(255,255,255,0.8);
    border-radius: 40px;
    padding: 90px 60px 90px 60px;
    min-height: 100%;
}
.each-mission h3 {
    font-size: 40px;
    font-weight: 700;
}
.each-mission p {
    font-size: 20px;
    font-weight: 500;
    margin-top: 30px;
}
.footer-ad {
    padding-bottom: 150px;
    position: relative;
}
.footer-content {
    font-size: 48px;
    text-align: center;
    font-weight: 300;
    line-height: 1.7;
}
.footer-content span {
    color: #67bfc2;
    font-weight: 900;
    -webkit-text-stroke: 1px #67bfc2;
}
.footer-content span .span-en-footer {
    color: #e96a5d;
    -webkit-text-stroke: 1px #e96a5d;
}
.footer-contact-btn {
    text-align: center;
    margin-top: 80px;
}
.footer-contact-btn a {
    background-color: #e96a5d;
    color: white;
    font-size: 18px;
    text-align: center;
    padding: 23px 25px;
    border-radius: 50px;
    text-transform: uppercase;
    box-shadow: 0 0 20px -3px #e96a5d;
    -webkit-text-stroke: 1px white;
    letter-spacing: 1px;
    border: 1px solid #e96a5d;
}
.footer-contact-btn a:hover {
    background-color: white;
    border: 1px solid #e96a5d;
    color: #e96a5d;
    -webkit-text-stroke: 1px #e96a5d;
}
.footer-ad-container {
    position: relative;
}
.footer-rect {
    position: absolute;
    top: -255px;
    left: 25px;
}
.footer-small-circle {
    position: absolute;
    bottom: 150px;
    left: 160px;
}
.footer-half-circle {
    position: absolute;
    right: 60px;
    bottom: -125px;
}
.footer-cilinder {
    position: absolute;
    top: -170px;
    right: 65px;
}
.tutoring-half-circle .half-circle-container {
    background-color: #fdf8f2;
    box-shadow: 0 0 40px -3px rgba(23,36,77,0.3);
}
.tutoring-half-circle {
    margin-inside: 100px;
}
.tutoring-half-circle .slogan-logo {
    bottom: 190px;
}
.tutoring-half-circle .half-circle {
    padding-top: 43%;
}
.tutoring-half-circle .circle-text-wrap {
    left: 50px;
    width: 1550px;
    height: 1550px;
}
.tutoring-half-circle .circle-text {
    width: 1550px;
    height: 1550px;
    transform: rotate(-42deg) translate(50%,0);
}
.tutoring-half-circle .circle-text span {
    transform: rotate(1.6deg);
}
/* home level classes */
.level-title-wrap {
    position: absolute;
    top: 0px;
    width: 1700px;
    height: 1700px;
    left: -200px;
    overflow: hidden;
}
.level-title-wrap .circle-text {
    position: absolute;
    width: 1700px;
    height: 1700px;
    top: 20px;
    left: 0;
    border-radius: 52%;
    transform: rotate(-44deg) translate(50%,0);
    color: #f5b050;
    font-weight: 900;
    white-space: nowrap;
    font-size: 65px;
}
.level-title-wrap .circle-text span {
    height: 850px;
    position: absolute;
    left: 0px;
    top: 0;
    transform-origin: bottom center;
    transform: rotate(3.5deg);
    width: 1em;
}
.hm-classes-level-title {
    color: #18244d;
    font-size: 28px;
    font-weight: 700;
    text-align: center;
}
.classes-level-item a:hover .hm-classes-level-title {
    color: #e96a5d;
}
.hm-classes-level-carousel::before {
    left: 0;
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 30%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 30%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgb(255, 255, 255) 30%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
    content: "";
    position: absolute;
    width: 260px;
    top: 0;
    bottom: 0;
    z-index: 10;
}

.hm-classes-level-carousel::after {
    right: 0;
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
    content: "";
    position: absolute;
    width: 150px;
    top: 0;
    bottom: 0;
    z-index: 1;
}
.waves-hm {
    margin-top: 10em;
    text-align: right;
    margin-bottom: 5em;
}
.classes-waves-animation {
    animation-name: wave_classes_animation;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes wave_classes_animation {
    0%   {
        transform: translateX(0);
    }
    50%   {
        transform: translateX(100px);
    }
    100% {
        transform: translateX(0);
    }
}
.class-level-arc-text {
    position: relative;
    padding-bottom: 100px;
}
.hm-classes-level-img.block {
    padding-top: 160%;
    position: relative;
}
.hm-classes-level-img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.footer-top-menu > ul > li {
    position: relative;
    list-style: none;
    display: inline-block;
    margin-left: 20px;
}
.footer-top-menu a {
    color: rgba(24,36,77,0.4);
    font-size: 14px;
    font-weight: bold;
}
.footer-top-menu a:hover {
    color: #e96a5d;
}
.main-footer-menu > ul > li {
    position: relative;
    list-style: none;
    display: inline-block;
    margin-left: 50px;
}
.main-footer-menu a {
    color: rgba(24,36,77,1);
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
.main-footer-menu a:hover {
    color: #e96a5d;
}
.top-footer-container {
    padding-right: 185px;
}
.footer-gradient {
    background: linear-gradient(90deg, rgba(255,255,255,0.2) 5%, rgba(103,191,194,0.4) 100%);
    position: relative;
}
.footer-gradient::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    content: "";
    background: -moz-linear-gradient(to bottom, rgb(255, 255, 255) 10%,rgba(255, 255, 255,0) 100%);
    background: -webkit-linear-gradient(to bottom, rgb(255, 255, 255) 10%,rgba(255, 255, 255,0) 100%);
    background: linear-gradient(to bottom, rgb(255, 255, 255) 10%,rgba(255, 255, 255,0) 100%);
    height: 100px;
}
.top-footer {
    position: relative;
    z-index: 10;
}
.main-footer-menu ul {
    margin-bottom: 0;
    margin-top: 0;
}
.footer-top-menu ul {
    margin-bottom: 25px;
}
.main-footer-menu > ul > li:first-child {
    margin-left: 0;
}
.footer-top-menu > ul > li:first-child {
    margin-left: 0;
}
.top-footer-menu {
    text-align: center;
}
.footer-social-media {
    text-align: right;
}
.footer-social-media img {
    opacity: 0.4;
    filter: brightness(0) saturate(100%) invert(22%) sepia(62%) saturate(1500%) hue-rotate(200deg) brightness(85%) contrast(95%);
}
.footer-social-media img:hover {
    opacity: 1;
    filter: none;
}
.contact-footer {
    margin-top: 150px;
}
.contact-footer .footer-content {
    font-size: 30px;
}
.middle-footer a {
    color: rgba(24,36,77,0.65);
    font-size: 14px;
}
.middle-footer a:hover {
    color: #e96a5d;
}
.middle-footer p {
    color: rgba(24,36,77,0.65);
    font-size: 14px;
}
.footer-legal {
    text-align: right;
    text-transform: uppercase;
}
.middle-footer {
    margin-top: 40px;
    padding-bottom: 10px;
}
.footer-sponsor-by h6 {
    font-size: 16px;
    text-align: right;
    margin-bottom: 7px;
    padding: 0;
}
.footer-sponsor-by p {
    color: rgba(24,36,77,0.6);
    font-size: 14px;
    text-align: right;
    margin: 0;
    padding: 0;
}
.bottom-footer {
    border-top: 1px solid #18244d;
    padding-top: 12px;
}
.footer-line {
    margin-left: -72px;
    margin-bottom: 40px;
}
.footer-logos img {
    margin-right: 12px;
}
.page-header-wrap {
    text-align: center;
    z-index: 1;
    position: relative;
    margin-top: -2em;
}

.page-header {
    margin-top: 145px;
    padding-bottom: 200px;
    background: linear-gradient(90deg, rgba(246,176,81,0.2) 20%, rgba(103,191,194,0.2) 100%);
    position: relative;
}
.page-header::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    content: "";
    background: linear-gradient(to bottom, rgb(255, 255, 255) 0%,rgba(255,255,255,0) 100%);
    height: 150px;
}
.page-header-lines {
    position: relative;
}
.page-header-title {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 700;
}
.page-header-content {
    font-size: 48px;
    font-weight: 900;
    line-height: 1.3;
    -webkit-text-stroke: 1px #18244d;
    margin-top: 100px;
}
.header-blue {
    font-family: "Mynerve", cursive;
    font-size: 64px;
    color: #67bfc2;
    font-weight: 400;
    -webkit-text-stroke: 0px #67bfc2;
}
.header-red {
    font-family: "Mynerve", cursive;
    font-size: 64px;
    color: #e96a5d;
    font-weight: 400;
    -webkit-text-stroke: 0px #e96a5d;
}
.each-img-slide {
    padding-top: 100%;
    position: relative;
}
.each-img-slide img {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.gallery-top-content {
    position: absolute;
    bottom: 55px;
    right: 0;
    left: 0;
    z-index: 1;
}
.gallery-top-heading {
    background-color: #18244d;
    border-radius: 40px;
    padding: 23px 32px;
    margin-left: 25px;
    margin-right: 25px;
    color: white;
    font-size: 21.45px;
    letter-spacing: 0.5px;
}
.gallery-top-content .swiper-button-next, .gallery-top-content .swiper-button-prev {
    position: static;
    margin: 0;
    background-color: #18244d;
    border-radius: 40px;
    display: inline-flex;
    width: 71px;
    height: 71px;
    justify-content: center;
}

.gallery-top-content .swiper-button-next::after, .gallery-top-content .swiper-button-prev::after {
    display: none;
}
.our-tutoring-gallery {
    border-bottom: 2px solid #18244d;
    border-top: 2px solid #18244d;
}
.our-facilities-gallery {
    border-bottom: 2px solid #18244d;
    border-top: 2px solid #18244d;
}
.each-img-slide {
    border: 2px solid;
    border-bottom: 3px solid;
    border-top: 3px solid;
}
.our-facilities-gallery .each-img-slide {
    padding-top: 140%;
}
.our-facilities-gallery .swiper-button-prev {
    margin-right: 30px;
}
.about-director {
    margin-top: 200px;
}
.director-msg {
    font-size: 27px;
    line-height: 2;
    font-weight: 700;
    margin-left: 50px;
}
.col-red {
    color: #e9695d;
}
.col-blue {
    color: #67bfc2;
}
.col-orange {
    color: #f6b051;
}
.director-icon {
    position: absolute;
    bottom: 0;
}
.director-wrap {
    position: relative;
}
.director-img img {
    border: 4px solid;
}
.dir-rectangle {
    display: inline-block;
    margin-top: 100px;
    margin-left: 50px;
}
.top-section-dir {
    position: relative;
}
.dir-baby img {
    border: 3px solid #e9695d;
}
.dir-baby {
    text-align: right;
    float: right;
    margin-top: 60px;
    padding-right: 30px;
}
.our-missions-tutoring {
    padding-top: 6em;
    background: linear-gradient(135deg, #f6b051, #e96a5d, #18244d, #67bfc2);
    padding-bottom: 11em;
    margin-top: 185px;
}
.about-our-tutoring {
    margin-top: 170px;
}
.each-evidence {
    color: #17254d;
    font-weight: 900;
    margin-bottom: 95px;
    line-height: 1.7;
}
.each-evidence.about-first-evidence {
    font-size: 22px;
}
.about-sec-evidence {
    font-size: 24px;
}
.about-third-evidence {
    font-size: 26px;
}
.about-fourth-evidence {
    font-size: 28px;
}
.about-fifth-evidence {
    font-size: 30px;
}
.about-sixth-evidence {
    font-size: 32px;
}

.half-circe-tut-container {
    box-shadow: 0px 0 10px 1px #888;
    padding-top: 100%;
    position: absolute;
    top: 12px;
    right: 0;
    left: 0;
    border-radius: 50%;
}
.half-circe-tut-text-wrap {
    position: absolute;
    top: 0;
    width: 1000px;
    height: 1000px;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-animation: la-spin 20s infinite linear;
    animation: la-spin 20s infinite linear;
    overflow: hidden;
}
.half-circe-tut-text-wrap {
    position: absolute;
    top: 0;
    width: 1000px;
    height: 1000px;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-animation: la-spin 20s infinite linear;
    animation: la-spin 20s infinite linear;
    overflow: hidden;
}
.test {
    color: red;
}
.circle-text-tutoring {
    position: absolute;
    width: 1000px;
    height: 1000px;
    top: 0;
    left: 0;
    border-radius: 50%;
    transform: rotate(-67deg) translate(50%,0);
    color: red;
    font-weight: 700;
    white-space: nowrap;
}
.facilities-hr-blue {
    border-bottom: 3px solid #67bfc2;
}
.facilities-hr-red {
    border-bottom: 3px solid #e9695d;
}
.trapezium-shaped-desk {
    margin-top: 150px;
    margin-bottom: 150px;
}
.facilities-title {
    font-weight: 900;
    margin-bottom: 40px;
    font-size: 40px;
}
.facilities-p {
    line-height: 1.2;
    font-weight: 700;
    font-size: 20px;
}
.trapezium-desk-container {
    margin-top: 50px;
}
.each-trapezium-desk img {
    border: 3px solid #e9695d;
}
.fs-40 {
    font-size: 40px;
}
.fs-20 {
    font-size: 20px;
}
.teaching-rooms {
    margin-top: 100px;
    margin-bottom: 150px;
}
.first-teaching-room {
    margin-top: 60px;
}
.teaching-room-img img {
    border: 3px solid #67bfc2;
}
.sec-teaching-room {
    margin-top: 125px;
}
.first-teaching-room p {
    margin-bottom: 95px;
}
.last-technologies {
    margin-top: 150px;
    margin-bottom: 150px;
}
.last-technologies p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 1.25em;
    height: 5em;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    margin-bottom: 60px;
}
.techn-img img {
    border: 3px solid;
}
.outdoor-spaces {
    margin-top: 100px;
    margin-bottom: 150px;
}
.outdoor-spaces p {
    margin-bottom: 100px;
}
.each-ext-img img {
    border: 3px solid #fbd095;
}
.facil-our-phil h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 1.25em;
    height: 3.75em;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 40px;
}
.facil-our-phil .each-mission {
    padding: 80px 55px 60px 55px;
}
.faqs-container .page-header {
    background: none;
    padding-bottom: 160px;
}
.faqs-container {
    background: linear-gradient(90deg, rgba(246,176,81,0.2) 20%, rgba(103,191,194,0.2) 100%);
    padding-bottom: 200px;
    position: relative;
}
.faqs-container::after {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    content: "";
    background: -moz-linear-gradient(top, rgb(255, 255, 255) 0%, rgba(59,62,65,0) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(59,62,65,0) 100%);
    background: linear-gradient(to top, rgb(255, 255, 255) 0%,rgba(59,62,65,0) 100%);
    height: 75px;
}
.kindergarden-page .page-header {
    background: none;
    padding-bottom: 160px;
}
.kindergarden-content {
    position: relative;
}
.kindergarder-icon {
    position: absolute;
    bottom: -10px;
    margin-left: -70px;
}
.kindergarden-content p {
    font-size: 32px;
    text-align: center;
    font-weight: 300;
    line-height: 2;
    letter-spacing: 1px;
}
.each-kindergargen-slide {
    padding-top: 65%;
    position: relative;
}
.each-kindergargen-slide img {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.our-kindergarden-gallery {
    margin-top: 150px;
    margin-bottom: 300px;
}
.peculiarities-container {
    background: linear-gradient(90deg, rgba(246,176,81,0.2) 20%, rgba(103,191,194,0.2) 100%);
    padding-bottom: 205px;
}
.peculiarities-wrap p {
    color: rgba(23,36,77,0.5);
    font-weight: 600;
    line-height: 1.7;
    margin-bottom: 30px;
}
.peculiarities-wrap {
    background-color: white;
    box-shadow: 0 0 40px -3px rgba(23,36,77,0.3);
    border-radius: 45px;
    padding: 45px 80px 50px 80px;
}
.ecsellens-icon {
    text-align: right;
}
.learning-peculiarities .page-header {
    padding-bottom: 55px;
}
.what-students-can {
    padding-top: 5em;
    background: linear-gradient(135deg, #f6b051, #e96a5d, #18244d, #67bfc2);
    padding-bottom: 1.5em;
}
.what-students-can h1 {
    font-family: "Mynerve", cursive;
    font-size: 64px;
    text-align: center;
    color: white;
    margin-bottom: 90px;
}
.lessons-grid {
    width: auto;
    max-width: 1250px;
    margin: 0 auto;
    padding: 0;
}
.each-student-can {
    margin-bottom: 60px;
}
.each-student-evidence {
    background-color: rgba(255,255,255,0.8);
    border-radius: 40px;
    padding: 40px 45px 40px 45px;
    min-height: 100%;
}
.each-student-evidence p {
    font-size: 19px;
    font-weight: 600;
}
.student-icon {
    margin-bottom: 35px;
}
.learning-difficulties-container p {
    font-size: 27px;
    line-height: 2;
    font-weight: 800;
}
.learning-difficulties-container {
    position: relative;
}
.learning-blue-icon {
    position: absolute;
    top: -45px;
    left: 80px;
}
.learning-difficulties {
    margin-top: 145px;
    position: relative;
}
.learning-diff-icons {
    position: relative;
    margin-top: 60px;
}
.learning-rectangle-icons {
    display: inline-block;
}
.learning-ball-icons {
    display: inline-block;
    float: right;
    margin-right: 125px;
}
.learning-diff-border {
    border-top: 3px solid #e9695d;
    margin-top: 120px;
    margin-bottom: 200px;
}
.teacher-role h2 {
    font-size: 40px;
    font-weight: 800;
    margin-bottom: 35px;
}
.teacher-role-wrap p {
    font-size: 20px;
    font-weight: 500;
}
.teacher-role-main-img {
    text-align: right;
}
.role-imgs img {
    border: 3px solid #67bfc2;
}
.teacher-role-imgs {
    margin-top: 60px;
}
.teacher-role-img-left {
    margin-top: 155px;
}
.teacher-role-wrap {
    margin-bottom: 300px;
}
.exsellens-method .page-header {
    padding-bottom: 110px;
}
.exsellens-method-wrap {
    padding-left: 25px;
    padding-right: 25px;
}
.exsellens-video-info {
    margin-top: 15px;
    font-weight: 700;
    line-height: 1.7;
    letter-spacing: 1px;
}
.exsellens-method-videos {
    margin-top: 70px;
    margin-bottom: 30px;
}
.awards-for-teaching {
    background: linear-gradient(90deg, rgba(246,176,81,0.2) 20%, rgba(103,191,194,0.2) 100%);
    padding-top: 120px;
    position: relative;
    padding-bottom: 50px;
}
.awards-for-teaching::before {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    content: "";
    background: -moz-linear-gradient(top, rgb(255, 255, 255) 0%, rgba(59,62,65,0) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(59,62,65,0) 100%);
    background: linear-gradient(to top, rgb(255, 255, 255) 0%,rgba(59,62,65,0) 100%);
    height: 75px;
}
.awards-logo {
    text-align: center;
}
.exsellense-icon {
    text-align: right;
}
/* homepage methodology */
.each-hm-methodology-bg::before {
    background-color: rgba(255,255,255,0.6);
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.hm-methodology-carousel .swiper-slide:hover {
    z-index: 100;
}
.each-hm-methodology-bg {
    padding-top: 55%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
}
.hm-methodology-title {
    color: #17244d;
    font-size: 23px;
    font-weight: 700;
    text-align: center;
}
.methodology-hm-item:hover .hm-methodology-title {
    background-color: white;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
}
.hm-methodology-wrap {
    position: absolute;
    top: 0;
    bottom: 60px;
    left: 0;
    right: 0;
    display: flex;
    align-items: end;
    justify-content: center;
}
.hm-methodology-carousel {
    overflow: visible;
}
.methodology-hm-item {
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
.methodology-hm-item:hover {
    transform: scale(1.8);
    box-shadow: 0px 0 10px 1px rgba(23,36,77,0.3);
}
.methodology-hm-item:hover .each-hm-methodology-bg {
    padding-top: 65%;
}
.methodology-hm-item:hover .each-hm-methodology-bg::before {
    display: none;
}
.hm-meth-wrap {
    margin-bottom: 8em;
}
.yellow-triangle-meth {
    margin-top: 50px;
    margin-left: -80px;
}
.meth-blue-shape {
    text-align: right;
    margin-top: 80px;
}
.zik-zak-lines {
    margin-top: 100px;
}
/*testimonials*/
.our-testimonials {
    margin-top: 5em;
    position: relative;
    margin-bottom: 350px;
    z-index: 1;
}
.testimonial-ball {
    position: absolute;
    right: 30px;
    top: 50px;
    z-index: 10;
}
.testimonials-container {
    max-width: 1000px;
    position: relative;
    margin: auto;
}
.each-testimonial {
    box-shadow: 0 0 40px -3px rgba(23,36,77,0.3);
    border-radius: 15px;
    padding: 40px 50px;
    height: 100%;
    position: relative;
}
.our-testimonials .swiper-wrapper {
    height: 350px;
}
.testimonial-name {
    font-weight: 800;
}
.testimonial-comment p {
    color: rgba(23,36,77,0.5);
    line-height: 1.5;
    font-weight: 700;
    margin: 0;
}
.testimonials-number {
    text-align: right;
}
.testimonials-title {
    font-family: "Mynerve", cursive;
    font-size: 64px;
    text-align: center;
    color: #f5b050;
    margin-bottom: 80px;
}
.testimonials-arrows {
    text-align: right;
}
.testimonials-container .swiper {
    overflow: visible;
}
.testimonials-arrows {
    text-align: right;
    max-width: 1000px;
    margin: auto;
    margin-top: 40px;
}
.testimonials-arrows .swiper-button-next, .testimonials-arrows .swiper-button-prev {
    position: static;
    background-color: #18244d;
    width: 50px;
    margin: 0;
    height: 50px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.testimonials-arrows .swiper-button-next::after, .testimonials-arrows .swiper-button-prev::after {
    display: none;
}
.testimonials-arrows .swiper-button-next, .testimonials-arrows .swiper-button-prev {
    position: static;
    margin: 0;
    background-color: #18244d;
    border-radius: 40px;
    display: inline-flex;
    width: 71px;
    height: 71px;
    justify-content: center;
}
.testimonials-bottom-section {
    position: absolute;
    bottom: 30px;
    left: 50px;
    right: 50px;
}
.testimonials-bottom-section .swiper-pagination {
    text-align: right;
    bottom: 0;
}
.testimonials-arrows .swiper-button-next {
    margin-left: 30px;
}

.testimonials-swiper::before {
    left: 0;
    background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
}
.testimonials-swiper::after {
    right: 0;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
}
.testimonials-swiper::before, .testimonials-swiper::after {
    content: "";
    pointer-events: none;
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    min-width: 35px;
    width: 4%;
}
.testimonial-ball-rotate {
    animation-name: testimonial_ball_animation;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes testimonial_ball_animation {
    0%   {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
/*contact*/
.sk.form {
    font-size: 16px;
}
.sk.form .field {
    margin: 0 0 25px;
}
.sk.form .content-right .field {
    margin: 0 0 25px;
}
.sk.form .small-field .field {
    margin: 0 0 10px;
}
.label-container {
    position: relative;
}
.sk.form .field label {
    margin: 0 0 .9em;
    font-size: 14px;
}
.sk.form .field label.input-label {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 15px 30px;
    line-height: 1.5;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
    color: #17244d;
    z-index: 1;
    pointer-events: none;
    font-size: 17px;
}
.sk.form .field label.input-label.focused {
    font-size: 12px;
    color: #e96a5d;
    font-weight: bold;
    padding: 0.25em 30px;
}
.sk.form .field label,
.sk.form textarea,
.sk.form input[type="text"],
.sk.form input[type="email"],
.sk.form input[type="date"],
.sk.form input[type="password"],
.sk.form input[type="number"],
.sk.form input[type="tel"],
.sk.form .fileinput > input,
.sk.button,
.sk.textarea,
.sk.form textarea,
.sk.form .field label.radio,
.sk.form .field label.checkbox {
    font-family: 'Comfortaa', cursive;
}
.sk.form textarea,
.sk.form input[type="text"],
.sk.form input[type="email"],
.sk.form input[type="date"],
.sk.form input[type="password"],
.sk.form input[type="number"],
.sk.form input[type="tel"],
.sk.form .fileinput > input {
    border: 1px solid white;
    border-radius: 40px;
    padding: 1.5em 30px 1.5em !important;
    background-color: rgba(255,255,255,0.9);
    line-height: initial;
    box-shadow: 0 0 40px -3px rgba(23,36,77,0.3);
}
.sk.form input[type="text"]:focus,
.sk.form input[type="email"]:focus,
.sk.form input[type="date"]:focus,
.sk.form input[type="password"]:focus,
.sk.form input[type="number"]:focus,
.sk.form input[type="url"]:focus,
.sk.form input[type="tel"]:focus,
.sk.form textarea:focus {
    color: #17244d;
    border-color: #e96a5d;
    border-bottom-left-radius: 35px;
    border-top-left-radius: 35px;
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 700;
}
.sk.textarea,
.sk.form textarea {
    resize: none;
}
.sk.form ::-webkit-input-placeholder {
    color: #17244d;
}
.sk.form ::-moz-placeholder {
    color: #17244d;
}
.sk.form :-ms-input-placeholder {
    color: #17244d;
}
.sk.form :-moz-placeholder {
    color: #17244d;
}
.sk.form .error ::-webkit-input-placeholder {
    color: #17244d;
}
.sk.form .error ::-moz-placeholder {
    color: #17244d;
}
.sk.form .error :-ms-input-placeholder {
    color: #17244d;
}
.sk.form .error :-moz-placeholder {
    color: #17244d;
}
.sk.form :hover::-webkit-input-placeholder {
    color: #17244d;
}
.sk.form :hover::-moz-placeholder {
    color: #17244d;
}
.sk.form :hover:-ms-input-placeholder {
    color: #17244d;
}
.sk.form :hover:-moz-placeholder {
    color: #17244d;
}
.sk.form :focus::-webkit-input-placeholder {
    color: #17244d;
}
.sk.form :focus::-moz-placeholder {
    color: #17244d;
}
.sk.form :focus:-ms-input-placeholder {
    color: #17244d;
}
.sk.form :focus:-moz-placeholder {
    color: #17244d;
}
.sk.form .error :focus::-webkit-input-placeholder {
    color: #17244d;
}
.sk.form .error :focus::-moz-placeholder {
    color: #17244d;
}
.sk.form .error :focus:-ms-input-placeholder {
    color: #17244d;
}
.sk.form .error :focus:-moz-placeholder {
    color: #17244d;
}
.sk.form .fields.error .field textarea, .sk.form .fields.error .field input[type="text"], .sk.form .fields.error .field input[type="email"], .sk.form .fields.error .field input[type="date"], .sk.form .fields.error .field input[type="password"], .sk.form .fields.error .field input[type="number"], .sk.form .fields.error .field input[type="url"], .sk.form .fields.error .field input[type="tel"], .sk.form .field.error textarea, .sk.form .field.error input[type="text"], .sk.form .field.error input[type="email"], .sk.form .field.error input[type="date"], .sk.form .field.error input[type="password"], .sk.form .field.error input[type="number"], .sk.form .field.error input[type="url"], .sk.form .field.error input[type="tel"] {
    border-bottom-left-radius: 35px;
    border-top-left-radius: 35px;
    box-shadow: none;
    background-color: transparent;
    border-color: red;
    background-color: white;
}
.sk.form .fields.error .field textarea, .sk.form .fields.error .field input[type="text"], .sk.form .fields.error .field input[type="email"], .sk.form .fields.error .field input[type="date"], .sk.form .fields.error .field input[type="password"], .sk.form .fields.error .field input[type="number"], .sk.form .fields.error .field input[type="url"], .sk.form .fields.error .field input[type="tel"], .sk.form .field.error textarea, .sk.form .field.error input[type="text"], .sk.form .field.error input[type="email"], .sk.form .field.error input[type="date"], .sk.form .field.error input[type="password"], .sk.form .field.error input[type="number"], .sk.form .field.error input[type="url"], .sk.form .field.error input[type="tel"] {
    border-left: 1px solid;
}
.radio,
.checkbox {
    margin-bottom: 0;
    padding-left: 0;
    line-height: 1;
}
.sk.form .field.error label div,
.sk.form #agreeInfo {
    font-size: 11px;
    color: #e96a5d;
    padding-left: 24px;
    padding-top: 7px;
}
.sk.form .fields.error .field label, .sk.form .field.error label, .sk.form .fields.error .field .input, .sk.form .field.error .input, .sk.form #agreeInfo {
    font-size: 11px;
}
.sk.form .fields.error .field label, .sk.form .field.error label, .sk.form .fields.error .field .input, .sk.form .field.error .input, .sk.form {
    font-size: 16px;
}
.sk.form .field label.checkbox {
    color: #17244d;
    font-size: 14px;
    margin-right: 5px;
}
.content-right a {
    color: #17244d;
}
.content-right a:hover {
    color: #e96a5d;
}
.radio i,
.checkbox i {
    position: relative;
    display: inline-block;
}
.checkbox i {
    width: 0.92em;
    height: 0.92em;
    border: 1px solid rgba(52,45,47,0.5);
    margin-right: 10px;
    background-color: white;
}
.checkbox input + i::after {
    content: "";
    color: #e96a5d;
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 11px;
}
.checkbox input:checked + i::after {
    content: "\f00c";
    color: #e96a5d;
}
.sk.button {
    background-color: #e96a5d;
    color: #fff;
    padding: 22px 25px;
    font-size: 18px;
    border-radius: 35px;
    min-width: 200px;
    -webkit-text-stroke: 1px white;
    letter-spacing: 0.5px;
    border: 2px solid #e96a5d;
}
.sk.button:hover {
    color: #e96a5d;
    background-color: white;
    border: 2px solid #e96a5d;
    -webkit-text-stroke: 1px #e96a5d;
}
.sk.success.message, .sk.positive.message {
    background-color: white !important;
    border-radius: 30px !important;
    color: #18244d !important;
    padding: 2em 6px !important;
    font-weight: 700;
    box-shadow: 0 0 40px -3px rgba(23,36,77,0.3);
}
.sk.message .header + p {
    color: rgba(23,37,77,0.6) !important;
}
.sk.message .header {
    font-family: "Comfortaa", sans-serif;
    text-transform: uppercase;
    -webkit-text-stroke: 1px #18244d;
}
.sk.icon.message > .icon:not(.close) {
    display: none !important;
}
megamenu-contact-info-right img {
    width: 185px;
}
/*end contact*/
.contact-informations {
    margin-top: 80px;
}
.each-contact-info {
    margin-bottom: 40px;
}
.each-contact-info h4 {
    color: rgba(23,37,77,0.6);
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0;
}
.each-contact-info p {
    font-size: 29px;
    font-weight: 300;
    line-height: 1.4;
}
.each-contact-info a {
    display: block;
    font-size: 29px;
    font-weight: 300;
    color: #18244d;
    line-height: 1.4;
}
.location a {
    color: #67bfc2;
    font-weight: 800;
    font-size: 16px;
    border-bottom: 1px solid;
    padding-bottom: 2px;
}
.location a {
    color: #67bfc2;
    font-weight: 800;
    font-size: 16px;
    border-bottom: 1px solid;
    padding-bottom: 2px;
}
.location a:hover {
    color: #e96a5d;
}
.location a:hover img {
    filter: brightness(0) saturate(100%) invert(45%) sepia(100%) saturate(700%) hue-rotate(325deg) brightness(95%) contrast(90%);
}
.location img {
    margin-top: 2px;
    width: 10px;
    margin-right: 5px;
}
.contact-us-right {
    margin-top: 30px;
}
.contact-us-right p {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 30px;
}
.contact-us .page-header {
    background: no-repeat;
    padding-bottom: 130px;
}
.contact-us {
    background: linear-gradient(90deg, rgba(246,176,81,0.2) 20%, rgba(103,191,194,0.2) 100%);
    position: relative;
}
.contact-heading {
    border-bottom: 4px solid #18244d;
    padding-bottom: 12px;
    text-transform: uppercase;
    color: rgba(23,37,77,0.6);
    font-weight: 600;
    letter-spacing: 0.5px;
}
.contact-img {
    text-align: center;
    margin-top: 30px;
    padding-bottom: 120px;
}
.video-description {
    font-size: 24px;
    margin-top: 22px;
    margin-bottom: 200px;
    font-weight: 600;
}
.menu.lang_menu {
    display: none;
}
.menu.lang_menu.show {
    display: block;
    position: absolute;
    background: white;
    z-index: 10000;
    width: auto;
    top: 46px;
}
.sk.menu {
    font-size: 20px;
}
.headerlanguage {
    cursor: pointer;
}
#langmenu .item {
    width: 100%;
}
.lazyload {
    display: block;
    min-height: 1px;
}
.lazyload.custom-loader {
    max-width: 50px;
    max-height: 50px;
    left: calc(50% - 25px);
}
/*Megamenu*/
.megamenu-toggle {
    width: 53px;
    height: 53px;
    background-color: #e96a5d;
    position: relative;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: none;
    border-radius: 50%;
}
.megamenu-toggle:hover {
    background-color: #bc8d27;
}
.megamenu-toggle .icon {
    width: 32px;
    position: relative;
    height: 3px;
    background-color: white;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.megamenu-toggle .icon .top,
.megamenu-toggle .icon .bottom {
    position: absolute;
    left: 0;
    right: 0;
    height: 3px;
    background-color: white;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.megamenu-toggle .icon .top {
    top: -9px;
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top;
}
.megamenu-toggle .icon .bottom {
    top: 9px;
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
}
.megamenu-toggle.open .icon {
    background-color: transparent !important;
}
.megamenu-toggle.open .icon .top {
    -webkit-transform: rotate(-45deg) translate(-5px, 0px);
    -moz-transform: rotate(-45deg) translate(-5px, 0px);
    -ms-transform: rotate(-45deg) translate(-5px, 0px);
    -o-transform: rotate(-45deg) translate(-5px, 0px);
    transform: rotate(-45deg) translate(-5px, 0px);
    top: -15px;
}
.megamenu-toggle.open .icon .bottom {
    -webkit-transform: rotate(45deg) translate(-4px, 2px);
    -moz-transform: rotate(45deg) translate(-4px, 2px);
    -ms-transform: rotate(45deg) translate(-4px, 2px);
    -o-transform: rotate(45deg) translate(-4px, 2px);
    transform: rotate(45deg) translate(-4px, 2px);
    top: 12px;
}
.megamenu {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: white;
    z-index: 1050;
    pointer-events: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.56);
    -moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.56);
    box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.56);
    width: 100%;
    opacity: 0;
}
.megamenu-scroll {
    height: 100svh;
    overflow-x: hidden;
    overflow-y: auto;
}
.megamenu .each-header-menu {
    color: #002851;
    display: block;
    padding-right: 0;
    font-size: 15px;
    font-weight: 500;
}
.megamenu .each-header-menu a {
    color: #002851;
    font-size: 1em;
}
.megamenu .each-header-menu:not(:last-child) {
    margin-bottom: 5px;
}
.megamenu .header-menu-right-side {
    display: block !important;
}
.megamenu .language-menu .item,
.megamenu .language-menu .item.active {
    color: #002851;
}
.megamenu .language-menu a.item:hover {
    color: #bc8d27;
}
.megamenu .language-menu .item.active {
    font-weight: 700;
}
.megamenu .language-menu .item:not(:last-child)::after {
    border-right: 1px solid #002851;
    height: 13px;
    top: 3px;
}
.megamenu .header-menu {
    padding: 15px 0;
}
.megamenu .header-menu .top-sub-menu {
    padding: 0;
}
.megamenu .megamenu-bottom-top nav {
    padding: 20px 0;
    font-size: 18px;
    border-bottom: 1px solid rgba(0,40,81,0.3);
}
.megamenu ul.topmenu ul {
    display: none;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 5px 0;
}
.megamenu .topmenu ul.menu-submenu {
    box-shadow: none;
    margin-top: 5px !important;
    margin-bottom: 10px !important;
    font-size: calc(1em - 2px);
    border: 0;
}
.megamenu .topmenu li.nav-item  {
    float: none;
    margin-right: 0;
}
.megamenu .topmenu li > a,
.megamenu .topmenu li > .nav-toggle {
    padding: 5px 20px 5px 0;
    line-height: 1;
    font-size: 1em;
    display: block;
    color: #002851;
    position: relative;
}
.megamenu .topmenu .nav-item.has-dropdown > a::after,
.megamenu .topmenu .nav-item.has-dropdown > .nav-toggle::after {
    content: "";
    border-top: 5px solid;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    position: absolute;
    top: -10px;
    bottom: 0;
    margin: auto;
    right: 0;
    height: 0;
}
body.is-mobile .megamenu .topmenu li.has-dropdown > a,
body:not(.is-mobile) .megamenu .topmenu li > .nav-toggle {
    display: none;
}
body:not(.is-mobile) .megamenu .topmenu li.nav-item:hover > .menu-submenu,
body.is-mobile .megamenu .topmenu li.nav-item.has-dropdown .nav-toggle.active + .menu-submenu {
    display: block !important;
}
.megamenu .topmenu li > a strong {
    font-size: 1em;
}
.megamenu .topmenu li ul li a {
    padding: 5px;
    border: 0;
    box-shadow: none;
    font-size: 1em;
    background-color: transparent;
}
.megamenu-bottom-bottom {
    padding: 15px 0;
    font-size: 15px;
}
body:not(.is-mobile) .megamenu .topmenu li.nav-item:hover > .menu-submenu, body.is-mobile .megamenu .topmenu li.nav-item.has-dropdown .nav-toggle.active + .menu-submenu {
    display: block !important;
}
.hm-classes .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 0;
    display: none;
}
.class-levels {
    z-index: 1;
    position: relative;
}
.hm-methodology-carousel .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
    display: none;
}
.page-header-lines-resp {
    display: none;
}
.footer-social-resp {
    display: none;
}
.exams-header .page-header {
    padding-bottom: 120px;
}
.course-levels-wrap {
    background: none !important;
}
.each-lessons-category-result {
    margin-top: 200px;
}
.lesson-result-img {
    text-align: center;
    margin-bottom: 70px;
}
.lesson-result-img img {
    height: 500px;
}
.lesson-result-title {
    color: #16234d;
    font-size: 25px;
    text-align: center;
    font-weight: 900;
}
.lesson-result-title:hover {
    color: #e96a5d;
}
#scrollUp {
    display: none !important;
}
/*responsive*/
@media only screen and (max-width: 1800px) {
    .footer-grid {
        padding-left: 35px;
        padding-right: 35px;
    }
    .sk-grid {
        padding-left: 35px;
        padding-right: 35px;
    }
    .small-grid {
        padding-left: 35px;
        padding-right: 35px;
    }
    header .logo {
        padding-left: 35px;
    }
    .header-menu-right-side {
        padding-right: 35px;
    }
    .last-technologies .row-15 {
        margin-left: 0;
        margin-right: 0;
    }
    .last-technologies .col-15 {
        padding-left: 0;
        padding-right: 0;
    }
    .last-technologies .row-45 {
        margin-left: -20px;
        margin-right: -20px;
    }
    .last-technologies .col-45 {
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media only screen and (max-width: 1700px) {
    .circle-text-wrap {
        width: 1200px;
        height: 1200px;
    }
    .circle-text {
        width: 1200px;
        height: 1200px;
    }
    .circle-text span {
        height: 600px;
        transform: rotate(1.8deg);
    }
    .circle-small {
        width: 1000px;
        height: 1000px;
    }
    .circle-small .circle-text {
        width: 1000px;
        height: 1000px;
        transform: rotate(-32deg) translate(50%,0);
    }
    .circle-small .circle-text span {
        height: 500px;
        transform: rotate(2deg);
    }
    .last-technologies p {
        max-width: 430px;
    }
    .techn-img img {
        width: 430px;
    }
    .last-technologies .col-45 {
        padding-left: 0;
        padding-right: 0;
    }
    .last-technologies .row-45 {
        margin-left: 0;
        margin-right: 0;
    }
    .last-technologies .col-15 {
        padding-left: 0;
        padding-right: 0;
    }
    .last-technologies .row-15 {
        margin-left: 0;
        margin-right: 0;
    }
    .last-technologies p br {
        display: none;
    }
    .learning-blue-icon {
        left: 40px;
    }
    .learning-blue-icon img {
        width: 140px;
    }
    .hm-classes-level-carousel::before {
        width: 120px;
    }
    .main-header-side {
        margin-left: -100px;
    }
    .blue-half-left-icons {
        left: 135px;
    }
    .slogan-logo {
        bottom: 190px;
        max-width: 700px;
    }
}
@media only screen and (max-width: 1650px) {
    .last-technologies .col-15 {
        padding-left: 5px;
        padding-right: 5px;
    }
    .last-technologies .row-15 {
        margin-left: -5px;
        margin-right: -5px;
    }
}
@media only screen and (max-width: 1600px) {
    .learning-blue-icon {
        display: none;
    }
    .level-title-wrap .circle-text {
        transform: rotate(-42deg) translate(50%,0);
        width: 1300px;
        height: 1300px;
        font-size: 45px;
    }
    .level-title-wrap .circle-text span {
        height: 600px;
    }
}
@media only screen and (max-width: 1550px) {
    .learning-difficulties-container p {
        font-size: 25px;
    }
    .header-wrap h2 {
        font-size: 32px;
    }
    .header-blue {
        font-size: 55px;
    }
    .header-red {
        font-size: 55px;
    }
    .blue-wavy-lines-icons {
        top: 230px;
    }
    .header-wrap {
        margin-top: 50px;
    }
    .yellow-triangle-meth {
        margin-left: -40px;
    }
    .mainhm-methodology-title img {
        width: 700px;
    }
    .hm-meth-wrap {
        margin-bottom: 3em;
    }
    .director-msg {
        font-size: 25px;
    }
}
@media only screen and (max-width: 1500px) {
    .lesson-result-title {
        font-size: 22px;
    }
    .lesson-result-img img {
        height: 350px;
    }
    .each-lessons-category-result {
        margin-top: 120px;
    }
    .footer-rect img {
        width: 180px;
    }
    .footer-rect {
        top: -215px;
    }
    .footer-half-circle img {
        width: 120px;
    }
    .last-technologies p {
        line-height: 1.25em;
        height: 6.25em;
        -webkit-line-clamp: 5;
    }
    .last-technologies p {
        max-width: 400px;
    }
    .techn-img img {
        width: 400px;
    }
    .facilities-title {
        font-size: 35px;
    }
    .teacher-role-img-right {
        text-align: center;
        padding-left: 15px;
    }
    .teacher-role-wrap {
        margin-bottom: 180px;
    }
    .learning-difficulties {
        margin-top: 100px;
    }
    .learning-diff-border {
        margin-top: 100px;
        margin-bottom: 100px;
    }
    .outdoor-spaces p br {
        display: none;
    }
    .outdoor-spaces {
        margin-top: 80px;
        margin-bottom: 120px;
    }
    .last-technologies {
        margin-top: 80px;
        margin-bottom: 100px;
    }
    .last-technologies p br {
        display: none;
    }
    .first-teaching-room p br {
        display: none;
    }
    .teaching-rooms {
        margin-bottom: 100px;
    }
    .trapezium-shaped-desk {
        margin-top: 100px;
        margin-bottom: 100px;
    }
    .top-footer-container {
        padding-right: 0px;
    }
    .top-footer-container .screen-5 {
        display: none;
    }
    .top-footer .screen-60 {
        width: 65%;
    }
    .footer-content {
        font-size: 45px;
    }
    .footer-small-circle {
        left: 80px;
    }
    .our-missions-tutoring {
        padding-top: 4em;
        padding-bottom: 7em;
    }
    .about-our-tutoring {
        margin-top: 100px;
    }
    .each-evidence {
        margin-bottom: 55px;
    }
    .about-director {
        margin-top: 150px;
    }
    .top-menu-container > ul > li {
        margin-left: 30px;
    }
    .topmenu li > a {
        padding-right: 50px;
    }
    .slogan-logo {
        max-width: 500px;
        bottom: 130px;
    }
    .half-circle {
        padding-top: 45%;
    }
    .circle-small .circle-text {
        transform: rotate(-37deg) translate(50%,0);
    }
    .circle-small .circle-text span {
        transform: rotate(2.4deg);
    }
    .circle-text-wrap {
        top: 100px;
    }
    .circle-small {
        top: 170px;
    }
    .each-hm-methodology-bg {
        padding-top: 75%;
    }
    .hm-methodology-title {
        font-size: 22px;
    }
    .page-header {
        margin-top: 100px;
        padding-bottom: 150px;
    }
    .kindergarden-content p {
        font-size: 30px;
        line-height: 1.8;
    }
    .our-kindergarden-gallery {
        margin-top: 120px;
        margin-bottom: 200px;
    }
    .kindergarden-page .page-header {
        padding-bottom: 100px;
    }
    .kindergarden-footer-ad .footer-rect {
        top: -165px;
    }
    .kindergarden-footer-ad .footer-small-circle {
        bottom: 40px;
    }
    .kindergarden-footer-ad .footer-cilinder {
        top: -110px;
    }
}
@media only screen and (max-width: 1450px) {
    .teacher-role-img-right {
        padding-left: 45px;
    }
    .facilities-p {
        font-size: 18px;
    }
    .last-technologies p {
        max-width: 360px;
    }
    .techn-img img {
        width: 360px;
    }
}
@media only screen and (max-width: 1400px) {
    .director-msg {
        font-size: 22px;
    }
    .director-icon img {
        width: 130px;
    }
    .top-menu-container > ul > li {
        margin-left: 15px;
    }
    .topmenu li > a {
        padding-right: 40px;
    }
    .red-right-cylinder-icons {
        display: none;
    }
    .yellow-right-half-icons {
        top: 230px;
    }
    .blues-dots-right-icons {
        display: none;
    }
    .yellow-ball-icons {
        bottom: 490px;
    }
    .blue-half-left-icons img {
        width: 110px;
    }
    .blue-half-left-icons {
        top: 480px;
        left: 95px;
    }
    .red-rectangle-icons.red-rect-rotate {
        width: 180px;
    }
    .red-rectangle-icons {
        bottom: -20px;
    }
    .red-dots-icons {
        bottom: 113px;
    }
    .ball-right-icons img {
        width: 110px;
    }
    .ball-right-icons {
        bottom: 40px;
        right: 440px;
    }
    .our-mission-title {
        font-size: 60px;
        margin-bottom: 75px;
    }
    .our-missions {
        padding-bottom: 8em;
    }
    .each-mission {
        padding: 70px 50px 70px 50px;
    }
    .each-mission h3 {
        font-size: 35px;
    }
    .each-mission p {
        font-size: 19px;
    }
    .hm-classes-level-title {
        font-size: 24px;
    }
    .our-missions {
        margin-bottom: 20px;
    }
    .page-header-content {
        font-size: 42px;
    }
    .header-blue {
        font-size: 50px;
    }
    .header-red {
        font-size: 50px;
    }
}
@media only screen and (max-width: 1315px) {
    .teacher-role-img-right {
        padding-left: 55px;
    }
    .footer-small-circle {
        bottom: 190px;
        left: 70px;
    }
    .header-right {
        display: none;
    }
    .homepage-header .header-menu-right-side {
        padding-right: 35px;
    }
    .main-header-side {
        margin-left: 0;
    }
    .blues-dots-right-icons {
        display: block;
    }
    .yellow-right-half-icons {
        top: 190px;
        right: 35px;
    }
    .red-right-cylinder-icons {
        display: block;
        right: 50px;
        top: 435px;
    }
    .zikzak-right-icons {
        right: 0;
    }
    .ball-right-icons {
        bottom: 60px;
        right: 215px;
    }
    .red-dots-icons {
        left: 580px;
    }
}
@media only screen and (max-width: 1280px) {
    .circle-text-wrap {
        width: 1000px;
        height: 1000px;
    }
    .circle-text {
        width: 1000px;
        height: 1000px;
        font-size: 27px;
    }
    .circle-text span {
        height: 500px;
        transform: rotate(1.9deg);
    }
    .circle-small .circle-text {
        width: 800px;
        height: 800px;
        transform: rotate(-36deg) translate(50%,0);
    }
    .circle-small .circle-text span {
        height: 400px;
        transform: rotate(2.4deg);
    }
    .circle-small {
        width: 800px;
        height: 800px;
        top: 160px;
    }
    .slogan-logo {
        max-width: 350px;
        bottom: 100px;
    }
    .our-philosophy-facilities {
        margin-bottom: 180px;
    }
    .our-mission-container .row-40 {
        margin-left: -20px;
        margin-right: -20px;
    }
    .our-mission-container .col-40 {
        padding-left: 20px;
        padding-right: 20px;
    }
    .facil-our-phil .each-mission {
        padding: 60px 45px 60px 45px;
    }
    .each-mission h3 {
        font-size: 32px;
        margin-bottom: 25px;
    }
    .facilities-title {
        font-size: 32px;
    }
    .facilities-p {
        font-size: 17px;
    }
    .techn-img img {
        width: 330px;
    }
    .last-technologies p {
        margin-bottom: 25px;
    }
    .zik-zak-lines {
        margin-top: 50px;
    }
    .testimonials-title {
        font-size: 55px;
    }
    .our-testimonials {
        margin-top: 4em;
    }
    .each-contact-info p {
        font-size: 25px;
    }
    .each-contact-info a {
        font-size: 25px;
    }
    .teacher-role h2 {
        font-size: 38px;
    }
    .what-students-can {
        padding-top: 3em;
    }
    .what-students-can h1 {
        font-size: 50px;
        margin-bottom: 60px;
    }
    .kindergarden-footer-ad .footer-half-circle img {
        width: 120px;
    }
    .footer-half-circle {
        right: 50px;
        bottom: -95px;
    }
    .kindergarden-footer-ad .footer-rect {
        top: -115px;
    }
    .kindergarden-footer-ad .footer-rect img {
        width: 180px;
    }
    .kindergarden-footer-ad .footer-cilinder {
        top: -80px;
        right: 35px;
    }
    .kindergarden-footer-ad .footer-cilinder img {
        width: 140px;
    }
    .our-kindergarden-gallery {
        margin-top: 100px;
        margin-bottom: 150px;
    }
    .kindergarden-content p {
        font-size: 27px;
    }
    .facilities-title {
        font-size: 35px;
    }
    .trapezium-shaped-desk {
        margin-top: 70px;
    }
    .our-testimonials {
        margin-bottom: 220px;
    }
    .footer-content {
        font-size: 40px;
        line-height: 1.6;
    }
    .each-evidence.about-first-evidence {
        font-size: 20px;
    }
    .about-sec-evidence {
        font-size: 22px;
    }
    .about-third-evidence {
        font-size: 24px;
    }
    .about-fourth-evidence {
        font-size: 26px;
    }
    .about-fifth-evidence {
        font-size: 28px;
    }
    .about-sixth-evidence {
        font-size: 30px;
    }
    .top-section-dir .screen-10 {
        display: none;
    }
    .top-section-dir .screen-70 {
        width: 80%;
    }
    .director-msg {
        margin-left: 0;
        margin-right: 35px;
        text-align: justify;
    }
    .about-director {
        margin-top: 110px;
    }
    .dir-rectangle {
        margin-left: 0;
    }
    .dir-baby {
        padding-right: 0;
    }
    .director-msg br {
        display: none;
    }
    .testimonial-ball.testimonial-ball-rotate {
        width: 100px;
        top: 70px;
    }
    .hm-classes-level-carousel::after {
        width: 90px;
    }
    .hm-classes-level-title {
        font-size: 20px;
    }
    .header-wrap h2 {
        font-size: 30px;
    }
    .header-blue {
        font-size: 45px;
    }
    .header-red {
        font-size: 45px;
    }
    .header-methodology-btn {
        margin-top: 75px;
    }
    .zikzak-right-icons img {
        width: 190px;
    }
    .ball-right-icons {
        bottom: 40px;
        right: 200px;
    }
    .red-dots-icons {
        left: 590px;
    }
    .gallery-top-heading {
        font-size: 20px;
        padding: 18px 30px;
    }
    .gallery-top-content {
        bottom: 30px;
    }
    .gallery-top-content .swiper-button-next, .gallery-top-content .swiper-button-prev {
        width: 60px;
        height: 60px;
    }
    .hm-methodology-title {
        font-size: 20px;
    }
    .mainhm-methodology-title img {
        width: 550px;
    }
    .exsellense-icon img {
        width: 100px;
    }
    .awards-for-teaching {
        padding-top: 90px;
        padding-bottom: 60px;
    }
}
@media only screen and (max-width: 1240px) {
    .lesson-result-img img {
        height: 300px;
    }
    .facilities-title {
        font-size: 30px;
    }
    .learning-difficulties-container p {
        font-size: 23px;
        line-height: 1.8;
    }
    .learning-rectangle-icons img {
        width: 160px;
    }
    .learning-ball-icons img {
        width: 100px;
    }
    .learning-diff-border {
        margin-top: 70px;
        margin-bottom: 70px;
    }
    .learning-difficulties {
        margin-top: 70px;
    }
    .footer-top-menu ul {
        padding-left: 0;
    }
    .main-footer-menu > ul > li {
        margin-left: 40px;
    }
    .each-mission {
        padding: 60px 40px 60px 40px;
    }
    .each-mission h3 {
        font-size: 30px;
    }
    .each-mission p {
        font-size: 18px;
        margin-top: 25px;
    }
}
@media only screen and (max-width: 1150px) {
    .circle-text-wrap {
        width: 800px;
        height: 800px;
        top: 70px;
    }
    .circle-text {
        width: 800px;
        height: 800px;
        font-size: 20px;
    }
    .circle-text span {
        height: 400px;
        transform: rotate(2deg);
    }
    .circle-small {
        width: 600px;
        height: 600px;
        top: 130px;
    }
    .circle-small .circle-text {
        width: 600px;
        height: 600px;
        transform: rotate(-35deg) translate(50%,0);
    }
    .circle-small .circle-text span {
        height: 300px;
        transform: rotate(2.6deg);
    }
    .facilities-title {
        font-size: 28px;
    }
    .techn-img img {
        width: 300px;
    }
    .last-technologies p {
        max-width: 300px;
    }
    .last-technologies .col-45 {
        padding-left: 20px;
        padding-right: 20px;
    }
    .last-technologies .row-45 {
        margin-left: -20px;
        margin-right: -20px;
    }
    .bottom-footer .screen-40 {
        width: 100%;
    }
    .bottom-footer .screen-60 {
        width: 100%;
    }
    .footer-sponsor-by h6 {
        text-align: left;
    }
    .footer-sponsor-by p {
        text-align: left;
    }
    .footer-sponsor-by {
        margin-top: 10px;
        border-top: 1px solid #18244d;
        padding-top: 15px;
    }
    .dir-rectangle img {
        width: 180px;
    }
    .top-footer-menu {
        display: none;
    }
}
@media only screen and (max-width: 1024px) {
    .lesson-result-title {
        font-size: 20px;
    }
    .lesson-result-img img {
        height: 250px;
    }
    .lesson-result-img {
        margin-bottom: 40px;
    }
    .each-lessons-category-result {
        margin-top: 100px;
    }
    .megamenu .topmenu .nav-item.has-dropdown > a::after, .megamenu .topmenu .nav-item.has-dropdown > .nav-toggle::after {
        top: -20px;
    }
    .circle-text-wrap {
        width: 700px;
        height: 700px;
        top: 50px;
    }
    .circle-text {
        width: 700px;
        height: 700px;
    }
    .circle-text span {
        height: 350px;
        transform: rotate(2deg);
        left: 0;
    }
    .circle-small {
        width: 500px;
        height: 500px;
        top: 100px;
    }
    .circle-small .circle-text {
        width: 500px;
        height: 500px;
        transform: rotate(-35deg) translate(50%,0);
    }
    .circle-small .circle-text span {
        height: 250px;
        transform: rotate(2.6deg);
    }
    .contact-us .page-header {
        padding-bottom: 70px;
    }
    .our-philosophy-facilities {
        padding-bottom: 7em;
        padding-top: 4em;
    }
    .each-mission h3 {
        font-size: 25px;
    }
    .facil-our-phil .each-mission {
        padding: 50px 25px 50px 25px;
    }
    .facilities-title {
        font-size: 25px;
    }
    .our-testimonials .swiper-wrapper {
        height: 400px;
    }
    .each-contact-info img {
        width: 230px;
    }
    .each-contact-info p {
        font-size: 22px;
    }
    .each-contact-info a {
        font-size: 22px;
    }
    .teacher-role-wrap {
        margin-bottom: 120px;
    }
    .learning-blue-icon {
        display: block;
        position: relative;
    }
    .learning-blue-icon img {
        width: 110px;
    }
    .what-students-can h1 {
        font-size: 42px;
        margin-bottom: 50px;
    }
    .student-icon img {
        height: 60px;
    }
    .each-student-evidence p {
        font-size: 18px;
    }
    .student-icon {
        margin-bottom: 25px;
    }
    .students-can-wrap .col-30 {
        padding-left: 20px;
        padding-right: 20px;
    }
    .students-can-wrap .row-30 {
        margin-left: -20px;
        margin-right: -20px;
    }
    .each-student-can {
        margin-bottom: 45px;
    }
    .kindergarden-footer-ad .footer-rect img {
        width: 150px;
    }
    .kindergarden-footer-ad .footer-rect {
        top: -95px;
    }
    .kindergarden-footer-ad .footer-half-circle img {
        width: 100px;
    }
    .footer-half-circle {
        bottom: -85px;
    }
    .kindergarden-content p {
        font-size: 25px;
    }
    .kindergarden-page .page-header {
        padding-bottom: 50px;
    }
    .our-kindergarden-gallery {
        margin-top: 60px;
    }
    .exsellens-video-info {
        letter-spacing: 0;
    }
    .outdoor-spaces {
        margin-top: 50px;
        margin-bottom: 90px;
    }
    .outdoor-spaces p {
        margin-bottom: 70px;
    }
    .ext-imgs .row-40 {
        margin-left: -20px;
        margin-right: -20px;
    }
    .ext-imgs .col-40 {
        padding-left: 20px;
        padding-right: 20px;
    }
    .teaching-rooms .row-40 {
        margin-left: -20px;
        margin-right: -20px;
    }
    .teaching-rooms .col-40 {
        padding-left: 20px;
        padding-right: 20px;
    }
    .teaching-rooms {
        margin-top: 80px;
        margin-bottom: 80px;
    }
    .trapezium-shaped-desk {
        margin-bottom: 80px;
    }
    .facilities-title {
        font-size: 25px;
    }
    .facilities-p {
        font-size: 17px;
    }
    .techn-img img {
        width: 280px;
    }
    .last-technologies p {
        max-width: 280PX;
    }
    .last-technologies .row-45 {
        margin-left: 0;
        margin-right: 0;
    }
    .last-technologies .col-45 {
        padding-left: 0;
        padding-right: 0;
    }
    .trapezium-shaped-desk .row-40 {
        margin-left: -20px;
        margin-right: -20px;
    }
    .trapezium-shaped-desk .col-40 {
        padding-left: 20px;
        padding-right: 20px;
    }
    .footer-menu-scr {
        display: none;
    }
    .footer-rect {
        top: -175px;
    }
    .footer-cilinder {
        top: -130px;
        right: 45px;
    }
    .footer-content {
        font-size: 35px;
    }
    .footer-half-circle {
        bottom: -105px;
    }
    .footer-contact-btn a {
        font-size: 16px;
    }
    .footer-rect img {
        width: 150px;
    }
    .footer-cilinder img {
        width: 140px;
    }
    .footer-half-circle img {
        width: 100px;
    }
    .our-missions-tutoring .each-mission h3 {
        font-size: 25px;
    }
    .our-missions-tutoring .each-mission {
        padding: 50px 30px 50px 30px;
    }
    .our-missions-tutoring {
        padding-top: 3em;
        padding-bottom: 3em;
        margin-top: 115px;
    }
    .each-evidence {
        margin-bottom: 35px;
    }
    .about-sec-evidence {
        font-size: 20px;
    }
    .about-third-evidence {
        font-size: 20px;
    }
    .about-fourth-evidence {
        font-size: 20px;
    }
    .about-fifth-evidence {
        font-size: 20px;
    }
    .about-sixth-evidence {
        font-size: 20px;
    }
    .about-our-tutoring {
        margin-top: 70px;
    }
    .dir-rectangle {
        display: none;
    }
    .director-icon {
        display: none;
    }
    .page-header-lines-resp {
        display: block;
        text-align: left;
        margin-top: 50px;
    }
    .page-header-content {
        font-size: 33px;
        margin-top: 50px;
    }
    .exsellens-method .page-header {
        padding-bottom: 80px;
    }
    .peculiarities-container {
        padding-bottom: 95px;
    }
    .peculiarities-wrap {
        padding: 45px 50px 50px 50px;
    }
    .page-header-lines {
        display: none;
    }
    .page-header-lines-resp img {
        width: 450px;
    }
    .page-header {
        margin-top: 80px;
        padding-bottom: 80px;
    }
    .megamenu-toggle {
        display: flex;
    }
    .header-menu-right-side{
        display: none;
    }
    .header-menu-right-side {
        padding-right: 0;
    }
    body.opened-megamenu .megamenu {
        pointer-events: all;
        opacity: 1;
    }
    .megamenu ul.topmenu ul {
        opacity: 1;
        display: none !important;
    }
    .megamenu-top {
        padding-top: 10px;
        padding-bottom: 20px;
        padding-left: 25px;
        padding-right: 25px;
    }
    .megamenu .topmenu li > .nav-toggle {
        text-transform: uppercase;
        font-weight: 700;
        padding: 0 40px 25px 0;
    }
    .megamenu .nav-submenu-item {
        width: 100%;
    }
    .megamenu-bottom-container .header-top-menu {
        text-align: left;
    }
    .megamenu-bottom-container ul {
        padding: 0;
    }
    .megamenu-bottom-container .top-menu-container > ul > li {
        display: block;
    }
    .megamenu-bottom-container .top-menu-container li a {
        padding: 8px 0;
    }
    .megamenu .menu-submenu .nav-toggle {
        padding: 0 !important;
    }
    header .logo {
        padding-left: 0;
    }
    .nav-toggle.active {
        padding-bottom: 15px !important;
        border-bottom: 1px solid;
    }
    .header-menu-container {
        padding-left: 25px;
        padding-right: 25px;
    }
    .footer-grid {
        padding-left: 25px;
        padding-right: 25px;
    }
    .sk-grid {
        padding-left: 25px;
        padding-right: 25px;
    }
    .small-grid {
        padding-left: 25px;
        padding-right: 25px;
    }
    .blue-wavy-lines-icons {
        top: 190px;
    }
    .blue-wavy-lines-icons.blue-dots-rotate.is-inview {
        width: 280px;
    }
    .blues-dots-right-icons {
        top: 140px;
        right: 250px;
    }
    .yellow-right-half-icons {
        top: 170px;
        right: 15px;
    }
    .header-wrap {
        margin-top: -80px;
    }
    .yellow-ball-icons {
        bottom: 480px;
        left: 15px;
    }
    .red-right-cylinder-icons img {
        width: 130px;
    }
    .red-right-cylinder-icons {
        right: 15px;
        top: 445px;
    }
    .blue-half-left-icons {
        display: none;
    }
    .red-rectangle-icons {
        bottom: 120px;
    }
    .zikzak-right-icons {
        display: none;
    }
    .ball-right-icons {
        bottom: 200px;
        right: 20px;
    }
    .red-dots-icons {
        bottom: 215px;
        left: 400px;
    }
    .header-methodology-btn a {
        font-size: 16px;
    }
    .gallery-top-heading {
        font-size: 17px;
        margin-left: 15px;
        margin-right: 15px;
    }
    .our-mission-title {
        margin-bottom: 35px;
    }
    .our-mission-container .screen-33 {
        margin-bottom: 50px;
    }
    .our-missions {
        padding-bottom: 3em;
        padding-top: 3em;
    }
    .hm-classes-level-carousel::before {
        width: 50px;
    }
    .level-title-wrap {
        left: -230px;
    }
    .methodology-hm-item:hover {
        transform: none;
    }
    .methodology-hm-item:hover .each-hm-methodology-bg {
        padding-top: 75%;
    }
}
@media only screen and (max-width: 950px) {
    .last-technologies .screen-35 {
        width: 100%;
    }
    .last-technologies .screen-50 {
        width: 100%;
    }
    .last-technologies .screen-65 {
        width: 100%;
    }
    .techn-img img {
        width: auto;
    }
    .last-technologies p {
        line-height: 1.25em;
        height: auto;
        -webkit-line-clamp: none;
    }
    .each-lastly-techn .facilities-title {
        font-size: 27px;
        margin-bottom: 10px;
    }
    .last-technologies p {
        max-width: 100%;
    }
    .each-lastly-techn {
        margin-bottom: 40px;
    }
    .last-technologies {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .last-technologies .facilities-title {
        margin-bottom: 10px;
    }
}
@media only screen and (max-width: 900px) {
    .circle-text-wrap {
        width: 600px;
        height: 600px;
    }
    .circle-text {
        width: 600px;
        height: 600px;
    }
    .circle-text span {
        height: 300px;
    }
    .circle-small {
        width: 400px;
        height: 400px;
    }
    .circle-small .circle-text {
        width: 400px;
        height: 400px;
    }
    .circle-small .circle-text span {
        height: 200px;
    }
    .slogan-logo {
        max-width: 300px;
        bottom: 70px;
    }
    .our-facilities-gallery .swiper-button-prev {
        margin-right: 5px;
    }
    .our-testimonials .swiper-wrapper {
        height: auto;
    }
    .our-testimonials .swiper-wrapper {
        height: auto;
    }
    .testimonials-bottom-section {
        position: relative;
        bottom: 0;
        left: 0;
        right: 0;
        margin-top: 30px;
    }
    .testimonials-arrows {
        margin-top: 10px;
    }
    .testimonials-arrows .swiper-button-next, .testimonials-arrows .swiper-button-prev {
        width: 61px;
        height: 61px;
    }
    .testimonials-arrows .swiper-button-next {
        margin-left: 10px;
    }
    .kindergarden-footer-ad .footer-rect {
        top: -125px;
        left: 15px;
    }
    .kindergarden-footer-ad .footer-cilinder {
        top: -100px;
        right: 5px;
    }
    .exsellense-icon img {
        width: 70px;
    }
    .awards-for-teaching {
        padding-top: 70px;
        padding-bottom: 40px;
    }
    .gallery-top-heading {
        display: none;
    }
    .gallery-top-content {
        right: 25px;
        left: auto;
        bottom: 15px;
    }
    .gallery-top-content .swiper-button-next img, .gallery-top-content .swiper-button-prev img {
        width: 10px;
    }
    .gallery-top-content .swiper-button-next, .gallery-top-content .swiper-button-prev {
        width: 45px;
        height: 45px;
    }
    .gallery-top-content .swiper-button-next {
        margin-left: 15px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .topmenu li > a {
        padding: 0.5em 1em;
    }
    .topmenu li a > i {
        font-size: 1.2em;
    }
    .topmenu li > a strong {
        font-size: 0.85em;
    }
    .topmenu li > a small {
        font-size: 0.65em;
    }
    .topmenu a span.sub-arrow {
        left: 40%;
    }
}
@media only screen and (max-width: 784px) {
    .footer-small-circle {
        bottom: 220px;
        left: 20px;
    }
    .footer-rect img {
        width: 150px;
    }
    .footer-half-circle img {
        width: 100px;
    }
}
@media only screen and (max-width: 769px) {
    .lesson-result-title {
        font-size: 20px;
    }
    .lesson-result-img img {
        height: auto;
    }
    .lesson-result-img {
        margin-bottom: 10px;
    }
    .each-lessons-category-result {
        margin-top: 50px;
    }
    .half-circle {
        padding-top: 40%;
    }
    .arc-text:nth-child(3) {
        display: none;
    }
    .arc-text:nth-child(2) {
        transform: rotate(200deg);
    }
    .circle-text-wrap {
        width: 500px;
        height: 500px;
        top: 40px;
    }
    .circle-text {
        width: 500px;
        height: 500px;
        font-size: 19px;
    }
    .circle-text span {
        height: 250px;
        transform: rotate(3deg);
        left: -1px;
    }
    .circle-small {
        width: 400px;
        height: 400px;
        top: 85px;
    }
    .circle-small .circle-text {
        width: 400px;
        height: 400px;
    }
    .circle-small .circle-text span {
        height: 200px;
        transform: rotate(3.7deg);
    }
    .slogan-logo {
        max-width: 200px;
        bottom: 30px;
    }
    .lessons-results-header {
        margin-top: 115px;
    }
    .each-contact-info img {
        width: 200px;
    }
    .sk.form .field label.input-label.focused {
        padding: 0.25em 27px;
    }
    .sk.form textarea, .sk.form input[type="text"], .sk.form input[type="email"], .sk.form input[type="date"], .sk.form input[type="password"], .sk.form input[type="number"], .sk.form input[type="tel"], .sk.form .fileinput > input {
        padding: 1.5em 27px 1.2em !important;
    }
    .sk.form .field label.input-label {
        font-size: 16px;
        padding: 17px 27px;
    }
    .contact-us::after {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        content: "";
        background: linear-gradient(to top, rgb(255, 255, 255) 0%,rgba(255,255,255,0) 100%);
        height: 50px;
    }
    .footer-line {
        margin-bottom: 10px;
    }
    .contact-us .page-header-lines-resp {
        margin-top: 40px;
    }
    .contact-us .page-header {
        padding-bottom: 50px;
    }
    .contact-informations {
        margin-top: 25px;
    }
    .each-contact-info {
        margin-bottom: 35px;
    }
    .each-contact-info p {
        font-size: 20px;
    }
    .each-contact-info a {
        font-size: 20px;
    }
    .contact-address {
        margin-bottom: 15px;
    }
    .contact-right-side {
        margin-top: 60px;
    }
    .contact-us-right .content-right {
        text-align: left;
        margin-top: 15px;
    }
    .contact-us-right .sk.button {
        padding: 18px 25px;
    }
    .contact-footer {
        margin-top: 0px;
    }
    .each-testimonial {
        padding: 30px 30px;
    }
    .testimonial-comment p {
        font-size: 17px;
    }
    .testimonial-name {
        font-size: 17px;
    }
    .testimonials-bottom-section .swiper-pagination {
        font-size: 17px;
    }
    .each-lastly-techn {
        margin-bottom: 30px;
    }
    .each-lastly-techn .facilities-title {
        font-size: 25px;
    }
    .gallery-top-content .swiper-button-next {
        margin-left: 10px;
    }

    .testimonials-title {
        font-size: 40px;
        margin-bottom: 15px;
    }
    .testimonial-ball.testimonial-ball-rotate {
        display: none;
    }
    .our-testimonials {
        margin-top: 2em;
    }
    .testimonials-arrows .swiper-button-next, .testimonials-arrows .swiper-button-prev {
        width: 50px;
        height: 50px;
    }
    .testimonials-arrows .swiper-button-next {
        margin-left: 10px;
    }
    .waves-hm {
        margin-top: 4em;
        margin-bottom: 4em;
    }
    .waves-hm img {
        width: 550px;
    }
    .teacher-role-imgs {
        margin-top: 40px;
    }
    .teacher-role h2 {
        font-size: 30px;
        margin-bottom: 25px;
    }
    .teacher-role-wrap p {
        font-size: 18px;
    }
    .teacher-role-wrap {
        margin-bottom: 50px;
    }
    .teacher-role-img-left {
        margin-top: 0;
    }
    .teacher-role-main-img {
        text-align: left;
    }
    .role-imgs {
        margin-bottom: 30px;
    }
    .teacher-role-img-right {
        padding-left: 0;
        text-align: left;
    }
    .learning-blue-icon img {
        width: 90px;
    }
    .learning-difficulties-container p {
        font-size: 20px;
        line-height: 1.5;
    }
    .learning-blue-icon {
        left: 15px;
        top: -35px;
    }
    .learning-rectangle-icons img {
        width: 110px;
    }
    .learning-ball-icons img {
        width: 80px;
    }
    .learning-diff-icons {
        position: relative;
        margin-top: 20px;
    }
    .learning-ball-icons {
        margin-right: 0;
        margin-top: -30px;
    }
    .learning-diff-border {
        margin-top: 60px;
        margin-bottom: 40px;
    }
    .what-students-can h1 {
        font-size: 35px;
        margin-bottom: 30px;
    }
    .what-students-can {
        padding-top: 2em;
        padding-bottom: 1.5em;
    }
    .each-student-can {
        margin-bottom: 30px;
    }
    .each-student-evidence {
        padding: 30px 30px 30px 30px;
    }
    .kindergarden-content p {
        font-size: 20px;
        line-height: 1.5;
    }
    .kindergarden-page .page-header {
        padding-bottom: 25px;
    }
    .our-kindergarden-gallery {
        margin-top: 30px;
        margin-bottom: 50px;
    }
    .exsellense-icon {
        display: none;
    }
    .awards-for-teaching {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .exsellens-video {
        margin-bottom: 30px;
    }
    .exsellens-method-videos {
        margin-top: 60px;
        margin-bottom: 10px;
    }
    .exsellens-video-info {
        font-size: 17px;
        margin-top: 8px;
    }
    .exsellens-method .page-header {
        padding-bottom: 30px;
    }
    .peculiarities-wrap {
        padding: 35px 40px 35px 40px;
    }
    .ecsellens-icon img {
        width: 110px;
    }
    .peculiarities-container {
        padding-bottom: 75px;
    }
    .peculiarities-wrap p {
        font-size: 17px;
    }
    .each-ext-img {
        margin-bottom: 30px;
    }
    .outdoor-spaces p {
        margin-bottom: 40px;
    }
    .first-teaching-room {
        margin-top: 0;
    }
    .teaching-rooms {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .first-teaching-room p {
        margin-bottom: 40px;
    }
    .sec-teaching-room {
        margin-top: 0;
    }
    .each-teaching-room {
        margin-bottom: 30px;
    }
    .facilities-p br {
        display: none;
    }
    .trapezium-desk-container {
        margin-top: 40px;
    }
    .facilities-title {
        font-size: 30px;
        margin-bottom: 20px;
    }
    .trapezium-shaped-desk {
        margin-top: 40px;
        margin-bottom: 30px;
    }
    .each-trapezium-desk {
        margin-bottom: 30px;
    }
    .facilities-p {
        font-size: 18px;
    }
    .footer-logos img {
        margin-right: 8px;
        height: 45px;
    }
    .footer-menu-scr {
        display: block;
    }
    .top-footer .screen-60 {
        width: 100%;
    }
    .footer-top-menu > ul > li {
        display: block;
        text-align: left;
        margin-left: 0;
        margin-bottom: 6px;
    }
    .main-footer-menu > ul > li {
        display: block;
        text-align: left;
        margin-left: 0;
        padding-left: 0;
        margin-bottom: 15px;
    }
    .main-footer-menu ul {
        padding-left: 0;
        margin-bottom: 35px;
    }
    .middle-footer {
        border-top: 1px solid rgba(24,36,77,0.4);
        padding-top: 10px;
        margin-top: 15px;
    }
    .top-footer-menu {
        display: block;
    }
    .footer-social-resp {
        display: block;
    }
    .footer-social-deskt {
        display: none;
    }
    .top-footer-container .flex-wrap {
        display: flex;
        flex-direction: column-reverse;
    }
    .footer-logo-sm {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end;
        justify-content: space-between;
    }
    .our-testimonials {
        margin-bottom: 80px;
    }
    .about-our-tutoring {
        margin-top: 50px;
    }
    .footer-ad {
        display: none;
    }
    .each-evidence.about-first-evidence {
        font-size: 18px;
    }
    .about-sec-evidence {
        font-size: 18px;
    }
    .about-third-evidence {
        font-size: 18px;
    }
    .about-fourth-evidence {
        font-size: 18px;
    }
    .about-fifth-evidence {
        font-size: 18px;
    }
    .about-sixth-evidence {
        font-size: 18px;
    }
    .top-section-dir .screen-70 {
        width: 100%;
    }
    .director-msg {
        font-size: 18px;
        line-height: 1.5;
        margin-right: 0;
    }
    .about-director {
        margin-top: 50px;
    }
    .director-img {
        margin-top: 40px;
    }
    .dir-baby {
        text-align: left;
        float: left;
        margin-top: 40px;
        width: 100%;
    }
    .our-missions-tutoring {
        margin-top: 75px;
    }
    .director-img img {
        width: 100%;
    }
    .page-header-content {
        padding-left: 15px;
        padding-right: 15px;
    }
    .page-header-title {
        font-size: 20px;
    }
    .page-header-lines-resp {
        margin-top: 30px;
    }
    .page-header-lines-resp img {
        width: 400px;
    }
    .page-header-content {
        font-size: 27px;
        margin-top: 25px;
    }
    .header-blue {
        font-size: 33px;
    }
    .header-red {
        font-size: 33px;
    }
    .page-header {
        margin-top: 90px;
        padding-bottom: 40px;
    }
    .meth-blue-shape {
        display: none;
    }
    .methodology-hm-item {
        margin-bottom: 50px;
    }
    .hm-methodology-carousel .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
        display: block;
    }
    .each-hm-methodology-bg::before {
        background-color: transparent;
    }
    .hm-meth-wrap {
        margin-bottom: 2em;
    }
    .hm-methodology-title {
        font-size: 20px;
        background-color: white;
    }
    .hm-methodology-wrap {
        bottom: 40px;
    }
    .mainhm-methodology-title img {
        width: 400px;
    }
    .yellow-triangle-meth {
        display: none;
    }
    .hm-classes-level-carousel::after {
        width: 20px;
    }
    .classes-level-item {
        margin-bottom: 50px;
    }
    .swiper-pagination-bullet-active {
        opacity: var(--swiper-pagination-bullet-opacity, 1);
        background: #18244d;
    }
    .hm-classes-level-img.block {
        padding-top: 100%;
    }
    .gallery-top-content {
        right: 15px;
    }
    .header-menu-container {
        padding-left: 15px;
        padding-right: 15px;
    }
    .footer-grid {
        padding-left: 15px;
        padding-right: 15px;
    }
    .small-grid {
        padding-left: 15px;
        padding-right: 15px;
    }
    .sk-grid {
        padding-left: 15px;
        padding-right: 15px;
    }
    #footer .links {
        float: none !important;
    }
    .sk.tabs li,
    ul.topmenu > li {
        float: none;
    }
    .sk.tabs li a.active,
    .sk.tabs li a.active:hover {
        border-color: #f4bf1e;
    }
    ul.topmenu {
        width: auto;
    }
    ul.topmenu ul {
        display: none;
        position: static;
        top: auto !important;
        left: auto !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
    }
    ul.topmenu ul.sm-nowrap > li > a,
    ul.topmenu > li > a {
        white-space: normal;
    }
    ul.topmenu iframe {
        display: none;
    }
    .topmenu ul.menu-submenu {
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .topmenu li > a {
        display: block;
        text-decoration: none;
        padding: 0.5em 1em;
        text-align: left;
        font-weight: 400;
        color: #fff;
        box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.2);
    }
    .topmenu li a > i {
        display: inline-block;
        font-size: 1em;
        margin-right: 1em;
    }
    .topmenu li > a small {
        display: block;
        font-size: 0.8em;
        margin-left: 2.5em;
    }
    .topmenu a span.sub-arrow {
        left: auto;
        right: 1em;
        bottom: 1em;
        width: 1em;
        height: 1em;
        line-height: 1em;
    }
    .topmenu ul a span.sub-arrow,
    .topmenu-vertical a span.sub-arrow {
        left: auto;
        right: 1em;
    }
    #menu ul.four.cols,
    #menu ul.three.cols,
    #menu ul.two.cols {
        width: 100% !important;
    }
    #menu ul.cols li {
        float: none;
        width: auto;
        box-shadow: none;
    }
    .topmenu li:hover a small,
    .topmenu li:hover > a i {
        opacity: 1;
        -webkit-animation: none;
        -moz-animation: none;
        -ms-animation: none;
        -o-animation: none;
        animation: none;
    }
    .topmenu a.highlighted span.sub-arrow {
        -ms-transform: rotate(-180deg);
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }
    .topmenu li {
        border-left: 0;
    }
    .topmenu li:first-child {
        border-top: 0;
    }
    .blue-wavy-lines-icons {
        display: none;
    }
    .yellow-ball-icons {
        display: none;
    }
    .red-rectangle-icons {
        display: none;
    }
    .red-dots-icons {
        display: none;
    }
    .blues-dots-right-icons {
        display: none;
    }
    .yellow-right-half-icons {
        display: none;
    }
    .red-right-cylinder-icons {
        display: none;
    }
    .zikzak-right-icons {
        display: none;
    }
    .ball-right-icons {
        display: none;
    }
    .homepage-header header {
        position: relative;
    }
    .header-left {
        display: block;
        height: auto;
        margin-top: 150px;
        margin-bottom: 100px;
        padding-right: 15px;
        padding-left: 15px;
    }
    .header-wrap h2 {
        font-size: 25px;
        line-height: 1.5;
    }
    .header-blue {
        font-size: 35px;
    }
    .header-red {
        font-size: 35px;
    }
    .header-methodology-btn {
        margin-top: 45px;
    }
    .header-methodology-btn a {
        font-size: 14px;
        padding: 14px 25px;
    }
    .each-img-slide {
        border: 0px solid;
        border-top: 2px solid;
        border-bottom: 2px solid;
    }
    .our-missions {
        padding-bottom: 2em;
        padding-top: 2em;
    }
    .each-mission {
        padding: 35px 30px 35px 30px;
    }
    .each-mission h3 {
        font-size: 28px;
        height: auto;
        -webkit-line-clamp: none;
        margin-bottom: 20px;
    }
    .facil-our-phil .each-mission {
        padding: 40px 25px 40px 25px;
    }
    .each-mission p {
        font-size: 17px;
        margin-top: 18px;
    }
    .our-mission-container .screen-33 {
        margin-bottom: 30px;
    }
    .our-mission-title {
        font-size: 50px;
    }
    .hm-classes .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
        display: block;
    }
    .level-title-wrap .circle-text {
        transform: rotate(-40deg) translate(50%,0);
        width: 1300px;
        height: 1300px;
        font-size: 35px;
    }
    .level-title-wrap .circle-text span {
        transform: rotate(3deg);
    }
    .level-title-wrap {
        left: -250px;
    }
    .kindergarden-footer-ad {
        display: block;
        padding-bottom: 100px;
    }
    .kindergarden-footer-ad .footer-rect img {
        width: 70px;
    }
    .kindergarden-footer-ad .footer-rect {
        top: 190px;
        left: 55px;
    }
    .kindergarden-footer-ad .footer-small-circle {
        display: none;
    }
    .kindergarden-footer-ad .footer-cilinder {
        display: none;
    }
    .kindergarden-footer-ad .footer-content {
        font-size: 30px;
        line-height: 1.5;
    }
    .kindergarden-footer-ad .footer-half-circle img {
        width: 60px;
    }
    .footer-half-circle {
        bottom: 0;
    }
    .footer-contact-btn a {
        font-size: 15px;
        padding: 20px 22px;
    }
    .learning-peculiarities .page-header {
        padding-bottom: 35px;
    }
    .our-philosophy-facilities {
        margin-bottom: 60px;
    }
}
@media only screen and (max-width: 600px) {
    .arc-text:nth-child(2) {
        display: none;
    }
    .learning-difficulties-container p {
        font-size: 18px;
    }
    .learning-blue-icon img {
        width: 70px;
    }
    .learning-blue-icon {
        top: -20px;
    }
    .learning-ball-icons img {
        width: 70px;
    }
    .learning-diff-border {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .learning-difficulties {
        margin-top: 50px;
    }
    .half-circle-container {
        animation-duration: 6s;
    }
}
@media only screen and (max-width: 550px) {
    .each-mission h3 {
        font-size: 24px;
        margin-bottom: 12px;
    }
    .our-mission-title {
        font-size: 35px;
    }
    .each-mission p {
        font-size: 16px;
        margin-top: 0;
    }
    .exsellens-method .page-header-content {
        font-size: 22px;
    }
    .exsellens-method .page-header-content br {
        display: none;
    }
    .page-header-content {
        font-size: 25px;
    }
    .lessons-results-header {
        margin-top: 105px;
    }
    #msgholder {
        margin-top: 25px;
    }
    .sk.message .header {
        font-size: 22px;
    }
    .sk.form .field label.input-label {
        font-size: 15px;
        padding: 18px 25px;
    }
    .sk.form .field label.input-label.focused {
        padding: 0.25em 25px;
    }
    .sk.form textarea, .sk.form input[type="text"], .sk.form input[type="email"], .sk.form input[type="date"], .sk.form input[type="password"], .sk.form input[type="number"], .sk.form input[type="tel"], .sk.form .fileinput > input {
        padding: 1.5em 25px 1.2em !important;
    }
    .contact-heading {
        font-size: 16px;
        padding-bottom: 6px;
        border-bottom: 3px solid #18244d;
    }
    .each-contact-info h4 {
        font-size: 13px;
    }
    .each-contact-info p {
        font-size: 19px;
    }
    .each-contact-info a {
        font-size: 19px;
    }
    .each-contact-info img {
        width: 200px;
    }
    .location a {
        font-size: 14px;
    }
    .location img {
        margin-top: 4px;
        width: 9px;
        margin-right: 2px;
    }
    .contact-us-right {
        margin-top: 10px;
    }
    .contact-us-right p {
        font-size: 15px;
        line-height: 1.5;
        margin-bottom: 20px;
    }
    .contact-us-right .sk.button {
        width: 100%;
        font-size: 17px;
        font-weight: 900;
        -webkit-text-stroke: 0;
    }
    .sk.form .content-right .field {
        margin: 0 0 15px;
    }
    .contact-img {
        padding-bottom: 70px;
    }
    .testimonials-arrows .swiper-button-next, .testimonials-arrows .swiper-button-prev {
        width: 45px;
        height: 45px;
    }
    .testimonials-arrows .swiper-button-next {
        margin-left: 2px;
    }
    .testimonials-title {
        font-size: 32px;
    }
    .our-testimonials {
        margin-top: 1.5em;
    }
    .learning-ball-icons {
        margin-top: -20px;
    }
    .kindergarden-footer-ad .footer-content {
        font-size: 25px;
    }
    .kindergarden-footer-ad .footer-half-circle img {
        width: 50px;
    }
    .footer-half-circle {
        bottom: 30px;
    }
    .kindergarden-footer-ad .footer-rect {
        top: 240px;
        left: 35px;
    }
    .footer-contact-btn {
        margin-top: 70px;
    }
    .footer-contact-btn a {
        font-size: 14px;
        padding: 15px 20px;
    }
    .peculiarities-wrap {
        padding: 30px 30px 30px 30px;
    }
    .peculiarities-wrap p {
        margin-bottom: 20px;
    }
    .facilities-title {
        font-size: 27px;
    }
    .facilities-p {
        font-size: 17px;
    }
    .footer-sponsor-by h6 {
        font-size: 15px;
    }
    .footer-sponsor-by p {
        font-size: 13px;
    }
    .page-header-lines-resp img {
        width: auto;
    }
    .header-wrap h2 br {
        display: none;
    }
    .header-wrap h2 {
        font-size: 22px;
    }
    .header-blue {
        font-size: 30px;
    }
    .header-red {
        font-size: 30px;
    }
    .header-left {
        margin-top: 130px;
    }
}
@media only screen and (max-width: 500px) {
    .half-circle {
        display: none;
    }
    .header-left {
        margin-bottom: 80px;
    }
    .waves-hm {
        margin-top: 3em;
        margin-bottom: 3em;
    }
    .waves-hm img {
        width: 400px;
        height: 70px;
    }
    .each-mission h3 {
        font-size: 25px;
    }
    .level-title-wrap {
        left: -270px;
    }
    .level-title-wrap .circle-text {
        transform: rotate(-36deg) translate(50%,0);
        font-size: 30px;
    }
    .level-title-wrap .circle-text span {
        height: 500px;
    }
    .class-level-arc-text {
        padding-bottom: 50px;
    }
    .teacher-role h2 {
        font-size: 25px;
    }
    .teacher-role-wrap p {
        font-size: 17px;
    }
    .learning-ball-icons {
        margin-top: -20px;
    }
    .learning-rectangle-icons img {
        width: 100px;
    }
    .learning-diff-icons {
        margin-top: 40px;
    }
    .student-icon img {
        height: auto;
    }
    .each-student-evidence p {
        font-size: 17px;
    }
    .what-students-can h1 {
        font-size: 32px;
    }
    .kindergarden-content p {
        font-size: 18px;
        letter-spacing: 0;
    }
    .kindergarden-footer-ad .footer-rect img {
        width: 55px;
    }
    .kindergarden-footer-ad .footer-rect {
        top: 255px;
        left: 20px;
    }
    .kindergarden-footer-ad .footer-half-circle img {
        width: 45px;
    }
    .footer-half-circle {
        right: 30px;
    }
    .exsellens-video-info {
        line-height: 1.5;
    }
    .footer-logos img {
        margin-right: 5px;
    }
    .about-our-tutoring {
        margin-top: 40px;
    }
    .our-missions-tutoring {
        padding-top: 2em;
        padding-bottom: 1.5em;
        margin-top: 65px;
    }
    .about-director {
        margin-top: 40px;
    }
    .director-msg {
        font-size: 17px;
    }
    .page-header-content {
        font-size: 22px;
        font-weight: 500;
    }

    .page-header-title {
        font-size: 19px;
    }
    .page-header {
        padding-bottom: 30px;
    }
    .our-mission-title {
        font-size: 45px;
    }
}
@media only screen and (max-width: 414px) {
    .level-title-wrap .circle-text {
        top: 0px;
    }
    .class-level-arc-text {
        padding-bottom: 70px;
    }
    .our-mission-title {
        font-size: 30px;
    }
    .each-mission h3 {
        font-size: 22px;
    }
    .exsellens-method .page-header-content {
        font-size: 20px;
    }
    .testimonials-title {
        font-size: 25px;
    }
    .waves-hm img {
        width: 320px;
        height: 60px;
    }
    .waves-hm {
        margin-top: 2em;
        margin-bottom: 2em;
    }
    .hm-classes-level-title {
        font-size: 18px;
    }
    .class-level-arc-text {
        padding-bottom: 50px;
    }
    .hm-classes-level-carousel::before {
        display: none;
    }
    .learning-difficulties-container p {
        font-size: 17px;
    }
    .kindergarden-footer-ad .footer-content {
        font-size: 22px;
    }
    .our-kindergarden-gallery {
        margin-bottom: 60px;
    }
    .peculiarities-wrap {
        padding: 20px 20px 20px 20px;
    }
    .peculiarities-wrap p {
        font-size: 16px;
    }
    .page-header-content {
        font-size: 23px;
    }
    .footer-logos img {
        height: 40px;
    }
    .page-header-lines-resp img {
        width: 300px;
    }
    .our-mission-title {
        font-size: 38px;
    }
    .middle-footer .screen-50 {
        width: 100%;
    }
    .footer-legal {
        text-align: left;
        margin-top: 5px;
    }
}
@media only screen and (max-width: 375px) {
    .level-title-wrap .circle-text {
        top: 0px;
    }
    .level-title-wrap .circle-text span {
        height: 430px;
    }
    .footer-half-circle {
        right: 5px;
    }
    .kindergarden-footer-ad .footer-rect img {
        width: 45px;
    }
    .kindergarden-footer-ad .footer-rect {
        top: 255px;
        left: 10px;
    }
    .page-header-lines-resp img {
        width: 280px;
    }
    .footer-logos img {
        margin-right: 2px;
        height: 38px;
    }
}
@media only screen and (max-width: 360px) {
    .level-title-wrap {
        left: -280px;
    }
    .page-header-content {
        font-size: 22px;
    }
    .footer-logos img {
        margin-right: 2px;
        height: 35px;
    }
    .kindergarden-footer-ad .footer-content {
        font-size: 20px;
    }
    .kindergarden-footer-ad .footer-content br {
        display: none;
    }
}