* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
:root {
--primary: #FAA71B;
--second: #0A7BC1;
}
@font-face {
font-family: "SVN-Modisframe";
src: url(//renaissance.edu.vn/assets/fonts/SVN-Modisframe.otf) format("opentype");
}
* {
font-family: "IBM Plex Sans", sans-serif;
margin: 0;
padding: 0;
box-sizing: border-box;
}
section {
padding: 0px;
}:root {
--primary: #FAA71B; 
--second: #0A7BC1;
--dark: #121B37;
}
*::before,
*::after {
box-sizing: border-box;
}
* {
margin: 0;
}
html,
body {
height: 100%;
}
html {
overflow-x: hidden;
}
body {
font-family: "IBM Plex Sans", sans-serif;
font-weight: 400;
font-size: 18px;
-webkit-font-smoothing: antialiased;
line-height: 22px;
}
img,
picture,
video,
canvas,
svg {
display: inline-block;
max-width: 100%;
}
input,
button,
textarea,
select {
font: inherit;
}
p,
h1,
h2,
h3,
h4,
h5,
h6 {
overflow-wrap: break-word;
}
a {
text-decoration: none;
color: #fff;
-webkit-transition: 0.25s all linear;
transition: 0.25s all linear;
}
a:hover {
color: var(--primary);
}
img {
display: inline-block;
max-width: 100%;
}
strong {
font-weight: 700;
}
::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-track {
background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
background: rgba(0, 0, 0, 0.2);
}
h1 {
font-size: 48px;
font-weight: 600;
line-height: 64px;
}
h2 {
font-size: 39px;
font-weight: 600;
line-height: 60px;
}
h3 {
font-size: 25px;
font-weight: 600;
line-height: 42px;
}
h4 {
font-size: 20px;
font-weight: 600;
line-height: 35px;
}
.btn {
display: inline-block;
padding: 12px 24px;
color: var(--primary);
border-radius: 4px;
font-weight: 700;
cursor: pointer;
border: none;
line-height: 1;
}
.btn-primary {
background: var(--primary);
color: #fff;
}
.btn-primary:hover {
background: var(--second);
color: var(--primary)
}
.container {
width: 1250px;
max-width: 100%;
margin: auto;
}
.form-control {
padding: 12px 24px;
outline: none;
background: #211d36;
border: none;
width: 100%;
color: var(--white)
}
.w-100 {
width: 100% !important;
}
.section {
padding: 30px 0;
}
h1 {
font-size: 40px;
font-weight: 600;
line-height: 64px;
}
h2 {
font-size: 32px;
font-weight: 600;
line-height: 60px;
}
h3 {
font-size: 26px;
font-weight: 600;
line-height: 42px;
}
h4 {
font-size: 24px;
font-weight: 600;
line-height: 35px;
}
h5 {
font-size: 20px;
font-weight: 600;
}
p {
font-size: 18px;
line-height: 22px;
}
.uppercase {
text-transform: uppercase;
}
ul {
padding-left: 0;
margin-bottom: 0;
}
.text-right {
text-align: right;
}
.text-justify {
text-align: justify;
}
.text-dark {
color:var(--dark)!important;
}
.text-light {
color:#fff!important;
}
.bg-dark {
background-color: #121B38!important;
}
.lh-large, .lh-large p {
line-height: 1.5;
}
.bg-orrange {
background-color: #f28349!important;   
}
.bg-dark-light {
background-color: #A3978C;  
}
@font-face {
font-family:'SVN-Modisframe';
src: url(https://renaissance.edu.vn/wp-content/themes/riss/assets/fonts/SVN-Modisframe.otf);
font-display: swap;
}
.bg-second {
background-color: var(--second);
}
.mt-30 {
margin-top: 30px!important;
}
@media only screen and (min-width:480px){
.lang-item{
}
}
@media only screen and (max-width:480px){
.lang-item a span{
display:none;
}
.lang-item a{
display: flex;
flex-direction: row;
justify-content: flex-end;
}
}
@media only screen and (min-width:1024px){
.header-main .container{
width: calc(100% - 260px);
}
}body {
background-color: var(--dark);
}
:root {
--dark: #121B37;
}
a {
text-decoration: none !important;
color: #fff;
-webkit-transition: 0.25s all linear;
transition: 0.25s all linear;
}
.post-content>*:not(:last-child){
margin-bottom: 1em !important;
}
.post-content .text-wrap ul{
line-height:1.5;
}
.text-wrap ul{
line-height:1.5;
}
.menu-header-main {
display: flex;
padding-left: 0;
flex-wrap: wrap;
position: relative;
}
.post-content > ul > li:not(:last-child){
Margin-bottom:0px !important}
.menu-item {
list-style: none;
}
.menu-header-main>.menu-item {
position: relative;
}
.menu-header-main>.menu-item>.sub-menu {
position: absolute;
background: #121B37;
padding: 30px 40px;
min-width: max-content;
top: 70px;
visibility: hidden;
opacity: 0;
}
.menu-header-main>.menu-item:hover>.sub-menu {
visibility: visible;
opacity: 1;
}
.menu-header-main>.menu-item>.sub-menu>.sub-menu-inner>.menu-item:not(:last-child) {
margin-bottom: 15px;
}
.menu-header-main>.menu-item>.sub-menu>.sub-menu-inner {
border-left: 3px solid var(--second);
padding-left: 20px;
}
.menu-header-main>.menu-item>.menu-link {
text-transform: uppercase;
font-weight: 700;
}
#main {
margin-top: 70px;
}
.header-main {
background: #121B38;
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 999;
}
#header {
position: relative;
}
.slider-main {
z-index: 1;
width: 100%;
}
.page-template-default.home .slider-main {
display: block;
}
.slider-main img {
width: 100%;
}
.menu-header-main>.menu-item {
padding: 30px 15px;
}
.menu-header-main>.menu-item>.menu-link:hover {
background: var(--dark);
}
.header-buttons {
position: absolute;
left: -40px;
top: 50%;
transform: translateY(-50%);
z-index: 999;
}
.page-template-default.home .header-buttons {
display: block;
}
.header-button-item img {
width: 24px;
height: 24px;
object-fit: contain;
}
.header-button-item {
color: #fff;
display: flex;
align-items: center;
}
.header-button-item span {
margin-left: 20px;
font-weight: bold;
}
.header-buttons>*:not(:last-child) {
margin-bottom: 30px;
}
.home .slider-main img {
height: 100vh;
object-fit: cover;
}
.slider-main .swiper-buttons>* {
background: #fff;
color: #333;
width: 40px;
height: 40px;
display: flex;
align-items: center;
border-radius: 100%;
top: inherit;
bottom: 30px;
}
.slider-main .swiper-buttons>*:after {
font-size: 22px;
}
.slider-main .swiper-buttons>*:first-child {
left: inherit;
right: 115px;
}
.slider-main .swiper-buttons>*:last-child {
right: 60px;
}
.title-main>*>span {
color: var(--primary);
}
.sec-home-main.border-top{
border-top: 5px solid #faa81b;
}
.sec-home-main .text-wrap {
margin-left: 35%;
color: #fff;
}
.title-main {
position: relative;
padding-bottom: 15px;
}
@media only screen and (max-width:480px){
.title-main > h1{
font-size: 42px;
line-height: 1.2em;
text-transform: uppercase;
}
}
@media only screen and (min-width:480px){
.title-main > h1{
font-size: 80px;
line-height: 1.2em;
text-transform: uppercase;
}
}
.title-main>* {
font-size: 60px;
line-height: 1.2em;
font-weight: 400;
width: fit-content;
}
.title-main:after {
content: "";
width: 70px;
height: 8px;
background: var(--primary);
position: absolute;
bottom: 0;
left: 0;
}
.text-wrap>*:not(:last-child) {
margin-bottom: 50px;
}
.cta-main {
font-weight: 600;
}
.font-second {
font-family: "Josefin Sans", sans-serif;
}
.sec-home-main {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
min-height: 674px;
}
.sec-home-1{
margin-top: 15px;
}
.sec-home-2 {
background-image: url(//renaissance.edu.vn/wp-content/themes/riss/assets/css/wp-content/uploads/2025/01/section-2-overlay.png);
background-attachment: unset;
position: relative;
min-height: 550px;
padding-top: 50px;
}
.sec-home-2:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgb(29 40 44 / 81%);
z-index: 1;
}
.sec-home-2 .container {
position: relative;
z-index: 2;
}
.sec-home-2 .text-wrap {
margin-left: 0%;
color: #fff;
}
.bg-white {
background-color: #fff;
}
.title-main.text-center {
margin-left: auto;
margin-right: auto;
width: fit-content;
}
.section-news .desc-main,
.section-desc-center .desc-main {
width: 508px;
margin-left: auto;
margin-right: auto;
max-width: 100%;
}
.bg-white .list-item a {
color: #333;
}
.list-main .list-item h3 {
font-size: 20px;
}
.section-footer {
background-color: #121B38;
}
.footer-desc>* {
margin-bottom: 0;
}
.footer-link a:hover {
color: #fff;
opacity: 0.8;
}
.footer-link img{
width: 25px;
}
.footer-link .map{
width: 14px;
}
.color-white {
color: #fff;
}
.section-copyright {
background-color: var(--primary);
font-weight: 600;
padding:10px 0;
}
.list-footer-logo {
display: flex;
align-items: center;
justify-content: center;
}
.list-footer-logo>*:not(:last-child) {
margin-right: 30px;
}
.footer-desc p {
font-size: 14px;
}
.footer-desc strong {
font-weight: 500;
}
.footer-column {
display: flex;
flex-direction: column;
}
.footer-column>*:not(:last-child) {
margin-bottom: 24px;
}
.footer-link {
margin-top: auto;
font-size: 14px;
}
.footer-socials {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 30px;
}
.section-model img {
margin: auto;
}
.bg-white .title-main>*>span {
color: #9B9B9B;
}
.partner-list .swiper-slide img {
height: 50px;
object-fit: contain;
display: block;
margin: auto;
}
.sec-home-main.section-ib-learning .text-wrap {
color: #191F27;
margin-left: 0;
}
.ib-learning-item {
display: flex;
align-items: center;
position: relative;
overflow: hidden;
width: 33.33%;
transition: width .5s linear;
}
.ib-learning-text {
position: absolute;
transform: translateX(-120%);
transition: .5s linear;
width: 300px;
}
.section-ib-learning .list-main {
display: flex;
justify-content: flex-end;
}
.ib-learning-thumb {
margin-top: auto;
width: 100%;
transition: .2s ease-out;
}
.ib-learning-thumb img {
height: 100%;
object-fit: cover;
}
.ib-learning-item:hover {
width: 70%;
}
.ib-learning-item:hover {
flex-direction: row;
}
.ib-learning-item:hover {
flex-direction: row;
}
.ib-learning-item:hover .ib-learning-text {
transform: translateX(0);
width: 300px;
}
.ib-learning-thumb {
position: relative;
transform: translateY(20px);
transition: .5s linear;
}
.ib-learning-thumb-caption {
position: absolute;
bottom: 0;
transform: rotate(279deg);
font-size: 40px;
left: 57%;
z-index: 999;
color: #Fff;
text-shadow: 1px 5px 5px #000;
transform-origin: left top;
} .ib-learning-item:first-child .ib-learning-thumb-caption {
right: 37px;
}
.section-ib-learning.sec-home-main {
min-height: auto;
}
.ib-learning-item:hover .ib-learning-thumb {
transform: translateY(0);
margin-left: auto;
width: fit-content;
}
.sec-home-main.section-ib-learning .text-wrap .title-main {
margin-left: 35%;
}
.sec-home-main.section-ib-learning {
padding-top: 30px;
overflow: hidden;
}
.ib-learning-item:nth-child(2) .ib-learning-thumb-caption {
right: 102px;
}
.ib-learning-text h3 {
color: rgba(10, 123, 193, 1);
}
.section-our-voice {
position: relative;
} .voice-quote {
font-size: 40px;
line-height: 1.5;
width: 70%;
font-weight: 500;
position: relative;
z-index: 2;
margin-bottom: 30px;
}
.voice-quote>img {
position: absolute;
z-index: -1;
top: -14px;
left: -10px;
}
.voice-info>* {
margin-bottom: 0;
font-size: 20px;
}
.voice-info>*:first-child {
color: var(--second);
text-transform: uppercase;
font-weight: bold;
}
.voice-info>*:last-child {
color: var(--primary);
}
.cta-voice {
margin-top: 30px;
}
.cta-voice a {
color: rgba(0, 0, 0, 1);
font-weight: bold;
}
.list-voice-thumb img {
width: 40px;
height: 40px;
object-fit: cover;
cursor: pointer;
}
.list-voice-thumb>*:not(:last-child) {
margin-bottom: 15px;
}
.list-voice-thumb {
position: absolute;
top: 65%;
right: 13%;
z-index: 99;
}
.list-voice-thumb>* img {
filter: grayscale(1);
}
.page-template-default .slider-main {
display: none;
}
.page-template-default .header-buttons {
display: none;
}
.section-page-thumb img {
width: 100%;
}
.page-template-default .header-main {
padding-left: 0;
}
.breadcrumb-wrap{
margin-top: 30px;
}
.breadcrumb-wrap>* {
padding: 0;
padding-right: 15px;
}
.breadcrumb-wrap>*:not(:last-child):after {
content: ">";
padding-left: 15px;
}
.breadcrumb-title>* {
font-size: 42px;
text-transform: uppercase;
color: #9B9B9B;
}
.breadcrumb-title span {
color: var(--primary);
font-weight: normal;
font-size: 80px;
margin-left: 15px;
display: inline-block;
transform: translateY(10px);
}
.breadcrumb-desc {
border-left: 5px solid var(--primary);
padding-left: 15px;
}
.text-primary {
color: var(--primary) !important;
}
.team-item {
border: 1px solid var(--primary);
padding: 15px;
cursor: pointer;
}
.team-items{
border: 1px solid var(--primary);
padding: 15px;
height: 100%;
}
.team-title {
font-size: 20px;
text-align: center;
font-weight: 400;
margin-bottom: 0;
}
.team-text {
display: flex;
flex-direction: column;
align-items: center;
color: #Fff;
padding: 30px 15px;
}
.team-cta {
margin-top: 60px;
text-align: center;
}
.team-cta-custom {
margin-top: 60px;
text-align: center;
}
.team-title a {
color: var(--primary);
}
.team-text-top {
text-align: center;
}
.team-cta, .team-cta-custom {
position: relative;
}
.team-cta:before,
.team-cta:after {
content: "";
position: absolute;
width: 58px;
height: 1px;
background: var(--primary);
bottom: 5px;
}
.team-cta-custom:before, .team-cta-custom:after{
content: "";
position: absolute;
width: 58px;
height: 1px;
background: #ffff;
bottom: 5px;
}
.team-cta:before, .team-cta-custom:before {
left: -70px;
}
.team-cta:after, .team-cta-custom:after {
right: -70px;
}
.team-cta a {
line-height: 1;
}
.team-item {
background-color: var(--dark);
}
.section-management .team-item, .section-management .team-items{
background: var(--second);
border: 1px solid var(--second);
}
.breadcrumb-title span {
font-family: 'SVN-Modisframe';
text-transform: none;
}
.sidebar-wrap {
background: var(--dark);
padding: 15px;
color: #fff;
border-radius: 150px 150px 0 0;
}
.sidebar-menu li {
list-style: none;
}
.sidebar-menu ul>li:not(:last-child) {
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #ccc;
}
.sidebar-wrap>*:not(:last-child) {
margin-bottom: 30px;
}
.sidebar-wrap>*:first-child {
padding-top: 30px;
text-align: center;
}
.sidebar-posts>*:not(:last-child) {
margin-bottom: 30px;
}
.sidebar-post-item a {
color: var(--primary);
}
.sidebar-post-item .title-post{
color:#ffff;
}
.sidebar-post-item>*:not(:last-child) {
margin-bottom: 15px;
}
.post-content p {
line-height: 1.5;
}
.bg-gray {
background-color: #eee;
}
.bg-gray a {
color: #333;
}
.curriculum-introduction-text p {
line-height: 1.5;
font-weight: 300;
} .section-curriculum-introduction {
padding: 60px 0;
}
.curriculum-program-item .container {
padding: 100px;
}
.curriculum-program-left .container {
padding-left: 400px;
}
.curriculum-program-item {
position: relative;
overflow: hidden;
}
.curriculum-program-image {
position: absolute;
top: 0;
height: 100%;
left: 0;
background: #fff;
width: 30%;
}
.curriculum-program-thumb img {
height: 100%;
width: 100%;
object-fit: contain;
object-position: right;
}
.curriculum-program-image>* {
position: relative;
height: 100%;
right: -22px;
}
.curriculum-program-thumb>* {
position: absolute;
right: 0;
top: 0;
z-index: 2;
}
.list-curriculum-program {
padding: 15px 0;
}
.curriculum-program-thumb:after {
content: "";
position: absolute;
top: 88px;
right: 0; width: 80%;
height: 100%;
background-size: contain;
background-repeat: no-repeat;
z-index: 1;
opacity: 0.2;
}
.curriculum-program-image-title {
position: absolute;
bottom: 66px;
left: 57%;
height: auto;
color: #fff;
z-index: 3;
text-shadow: 1px 2px 3px #000;
font-size: 50px;
}
.curriculum-program-image:after {
content: "";
position: absolute;
top: -37px;
right: -2px;
width: 178px;
height: 129%;
background: #Fff;
transform: rotate(11deg);
}
.curriculum-program-right .container {
padding-right: 460px;
padding-left: 0;
}
.curriculum-program-right .curriculum-program-image {
right: 0;
left: unset;
}
.curriculum-program-right .curriculum-program-thumb:after {
right: unset;
left: 0;
}
.curriculum-program-right .curriculum-program-image:after {
right: unset;
left: -51px;
transform: rotate(10deg);
}
.curriculum-program-right .curriculum-program-thumb img {
object-position: left;
left: -122px;
}
.curriculum-program-item:not(:first-child) {
margin-top: 15px;
}
.curriculum-program-right .curriculum-program-image-title {
left: 95px;
}
.curriculum-program-title span {
font-family: 'SVN-Modisframe';
color: #fff;
font-weight: normal;
font-size: 50px;
position: absolute;
bottom: 0;
right: -66px;
}
.curriculum-program-title {
position: relative;
padding-bottom: 30px;
width: fit-content;
}
.curriculum-program-cta {
width: fit-content;
margin: auto;
position: relative;
font-weight: 300;
}
.curriculum-program-cta:after,
.curriculum-program-cta:before {
content: "";
position: absolute;
bottom: 5px;
height: 7px;
width: 32px;
background-image: url(//renaissance.edu.vn/wp-content/themes/riss/assets/css/wp-content/uploads/2025/01/Layer%2023.png);
background-position: center;
background-size: cover;
}
.curriculum-program-cta:before {
left: -45px;
}
.curriculum-program-cta:after {
right: -45px;
transform: rotateY(180deg);
}
.voice-thumb-item.active img {
filter: unset;
}
.voice-thumb-main {
height: 500px;
object-fit: cover;
}
.icon-header-menu {
display: none !important;
cursor: pointer;
}
.header-main-buttons {
justify-content: center;
display: none !important;
}
.icon-header-menu img {
margin-left: 15px;
}
.header-main-buttons a {
color: #333;
text-transform: uppercase;
font-weight: bold;
font-size: 10px;
line-height: 1;
}
.header-main-buttons>* {
display: flex;
align-items: center;
}
.header-main-buttons>*>img {
margin-right: 8px;
}
.header-main-buttons {
border-top: 1px solid #ccc;
padding-top: 15px;
margin-top: 15px;
}
.header-main-buttons>*:not(:last-child) {
margin-right: 15px;
}
.button-play-video {
background: transparent;
border: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 67px;
color: red;
}
.section-video.has-iframe {
position: relative;
width: 100%;
padding-bottom: 56.25%;
height: 0;
}
.section-video.has-iframe>iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.title-main.style-2 {
position: relative;
padding-bottom: 30px;
width: fit-content;
}
.title-main.style-2 span {
font-family: 'SVN-Modisframe';
color: var(--primary);
font-weight: normal;
font-size: 80px;
position: absolute;
bottom: -25px;
right: -35px;
text-transform: capitalize;
}
.title-main.style-2>* {
text-transform: uppercase;
font-weight: bold;
font-size: 40px;
}
.title-main.style-2:after {
content: none;
}
.row-early-year-media img {
width: 100%;
object-fit: cover;
}
.row-early-year-media>*:first-child>*:last-child,
.row-early-year-media>*:last-child>*:first-child {
height: 450px;
}
.row-early-year-media>*:first-child>*:first-child,
.row-early-year-media>*:last-child>*:last-child {
height: 250px;
}
.section-early-years .title-main.style-2 span {
right: -156px;
}
.section-early-years {
position: relative;
}
.section-early-years:after {
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 800px;
height: 21%;
background: #121B38;
z-index: 1;
}
.section-early-years>.container {
position: relative;
z-index: 2;
}
.row-early-year-media>*>*:not(:last-child) {
margin-bottom: 20px;
}
.section-sports-field .text-wrap {
position: absolute;
top: 50%;
transform: translateY(-50%);
max-width: 37%;
}
.section-sports-field {
position: relative;
}
.section-sports-field .text-wrap .title-main span {
right: -135px;
}
.section-sports-field .text-wrap>*:not(:last-child) {
margin-bottom: 15px;
}
.library-image {
display: flex;
}
.library-image img {
width: 85%;
}
.library-image span {
flex: 1;
margin-left: 15px;
transform: rotate(-90deg) translateY(-50%);
font-size: 55px;
position: absolute;
top: 200px;
right: -145px;
line-height: 1;
letter-spacing: 20px;
font-weight: 600;
color: var(--primary);
}
.library-image {
position: relative;
}
.section-library-intro {
padding: 100px 0;
position: relative;
padding-bottom: 200px;
}
.section-library-intro:after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 53%;
height: 100%;
background: #121B38;
z-index: 1;
}
.section-library-intro>.container {
z-index: 2;
position: relative;
}
.section-library-another .text-wrap>*:not(:last-child) {
margin-bottom: 15px;
}
.section-library-another {
position: relative;
margin-top: -120px;
z-index: 2;
}
.text-wrap-sm.text-wrap>*:not(:last-child) {
margin-bottom: 30px;
}
.col-adcenture-image>*:first-child {
width: 70%;
}
.col-adcenture-image>*:last-child {
width: 90%;
margin-top: -10px;
}
.section-astroturf .title-main.style-2 span {
right: -250px;
width: max-content;
bottom: -30px;
}
.section-rooms .title-main.style-2 span {
width: max-content;
right: -85px;
}
.section-rooms .row>*:last-child .title-main.style-2 span {
right: -254px;
}
.section-rooms>.container>*:not(:last-child) {
margin-bottom: 30px;
}
.row-sport-hallo>*:first-child>*:first-child {
height: 350px;
}
.row-sport-hallo img {
width: 100%;
object-fit: cover;
}
.row-sport-hallo>*>*:not(:last-child) {
margin-bottom: 20px;
}
.row-sport-hallo>*:last-child>*:first-child {
height: 256px;
}
.section-sport-hallo .title-main.style-2 span {
position: unset;
}
.section-sport-hallo .title-main.style-2>* {
display: flex;
}
.section-sport-hallo .title-main.style-2 {
padding-bottom: 0;
}
.section-page-breadcrumb {
position: relative;
z-index: 1;
overflow: hidden;
} .section-page-breadcrumb:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
opacity: 0.2;
z-index: 1;
}
.section-page-breadcrumb .container {
position: relative;
z-index: 3;
}
.home .header-main {
background: #121B38;
}
.home #main {
margin-top: 0;
}
.header-main.header-fixed {
background: #121B38;
}
.sidebar-tool {
width: 50px;
position: fixed;
left: 0;
top: 0;
height: 100vh;
background: var(--dark);
z-index: 3;
padding-top: 100px;
transition: width 0.3s ease
}
.sidebar-tool-item a {
display: none;
}
.sidebar-tool-item img {
width: 25px;
object-fit: contain;
}
.sidebar-tool-item {
display: flex;
justify-content: center;
padding: 30px 0;
transition: .3s linear;
}
.sidebar-tool-item:hover {
background: #172347;
}
.sidebar-tool-item span {
display: none;
}
.sidebar-tool.active, .sidebar-tool:hover {
width: 130px;
}
.sidebar-tool.active .sidebar-tool-item span , .sidebar-tool:hover .sidebar-tool-item span{
display: block;
font-size: 12px;
width: 100%;
margin-left: 8px;
font-weight: bold;
}
.sidebar-tool.active .sidebar-tool-item, .sidebar-tool:hover .sidebar-tool-item {
justify-content: space-between;
padding: 15px 10px;
}
.footer-logo-item img {
height: 40px;
object-fit: contain;
}
.popup-team {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #fff;
width: 1230px;
z-index: 999999;
box-shadow: -3px 2px 14px #121b38;
display: none;
height: 58%;
overflow-y: scroll;
overflow-x: hidden;
}
.popup-team.active {
width: 1400px;
height: 80vh;
display: block;
max-height: 90vh
}
.team-inner{
height: 100%;
}
.team-inner>.row>*>* {
padding: 60px 30px;
height: 100%;
}
.team-inner p {
margin-bottom: 0;
}
.team-inner h3 {
margin-bottom: 0;
}
.team-inner-sumary>*:not(:last-child) {
margin-bottom: 60px;
}
button.btn-close-team {
top: 20px;
right: 20px;
}
.btn-close-team {
position: absolute;
top: 41px;
right: 0;
background: transparent;
border: none;
font-size: 30px;
z-index: 99999;
color: #fff;
}
.team-inner-sumary {
background: var(--dark);
color: #fff;
}
.team-inner-thumb img {
width: 100%;
}
.team-sumary-top>*:not(:last-child) {
margin-bottom: 30px;
}
.team-sumary-info h3 {
font-size: 22px;
color: var(--primary);
}
.team-sumary-bottom h3,
.team-detail-item h3 {
font-family: 'SVN-Modisframe';
font-weight: normal;
color: var(--primary);
font-size: 38px;
}
.team-detail-item h3 {
font-size: 45px;
}
.team-sumary-bottom>*:not(:last-child) {
margin-bottom: 30px;
}
.team-info-item p:last-child {
font-size: 16px;
}
.team-info-item a {
color: var(--primary);
}
.team-inner-detail {
height: 100%; position: relative;
z-index: 2;
color: #fff;
padding: 0 10px !important;
}
.team-inner-container {
overflow-y: scroll;
max-height: 80vh;
padding: 30px;
}
.team-inner>*>* {
padding: 0;
}
.team-inner-detail {
padding: 0 10px !important;
} 
.team-inner-detail:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #0068a5f2;
z-index: -1;
}
.team-inner-detail>*:not(:last-child) {
margin-bottom: 30px;
}
.team-detail-item>*:not(:last-child) {
margin-bottom: 15px;
}
.team-detail-info h4 {
margin-bottom: 0;
font-size: 20px;
font-weight: 500;
}
.team-detail-desc>*:not(:last-child) {
margin-bottom: 30px;
}
.team-text-center {
margin-top: 60px;
display: -webkit-box;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
text-align: justify;
}
.bg-orrange .team-title a {
color: var(--dark);
}
.team-item {
margin-bottom: 30px;
height: 100%;
}
.list-team-custom .team-item{
position: relative;
}
.list-team-custom .team-item .team-text .team-cta{
position: absolute;
bottom: 40px;
}
.list-team-custom .team-item .team-text .team-cta-custom-ourstaff{
position: absolute;
bottom: 17px;
}
.list-team-custom .team-item .team-text .team-cta-custom{
position: absolute;
bottom: 20px;
}
.mt-custom{
margin-top: 10px;
}
.staff-search {
display: flex;
justify-content: space-between;
align-items: end;
}
.staff-search>* {
width: 100%;
}
.staff-search>*:not(:last-child) {
margin-right: 15px;
}
.desc-main.section4-desc-main.active{
color: #faa81b;
}
.staff-search .form-group .form-control {
background: transparent;
border: 1px solid var(--primary);
border-radius: 0;
height: 50px;
padding: 8px 14px;
font-size: 18px;
}
.staff-search .form-group>*:not(:last-child) {
margin-bottom: 15px;
font-weight: bold;
}
.staff-search .form-group .form-control:focus,
.staff-search .form-group .form-control:active {
box-shadow: none;
}
.staff-search>*:last-child {
width: 34%;
height: 65px;
color: var(--dak);
}
.staff-search button:hover {
background: var(--primary);
opacity: 0.9;
}
.staff-position-item {
cursor: pointer;
width: 100%;
background: var(--primary);
padding: 15px;
text-align: center;
color: #fff;
}
.staff-position {
display: flex;
justify-content: space-between;
}
.staff-position>*:not(:last-child) {
margin-right: 15px;
}
.row-early-year-media {
background: #fff;
padding: 10px 0;
}
.section-rooms>.container>.row>* {
padding: 0 20px;
}
.curriculum-program-item:first-child .curriculum-program-thumb>* {
top: 87px;
}
.curriculum-program-item:nth-child(2) .curriculum-program-thumb>* {
top: 17px;
}
.curriculum-program-item:nth-child(3) .curriculum-program-thumb>* {
top: 95px;
}
.curriculum-program-item:nth-child(4) .curriculum-program-thumb>* {
top: 44px;
}
.section-footer-logo {
padding: 15px 0;
}
.section-staff .list-main .row .team-item {
height: 100%;
margin-bottom: 0;
}
.section-staff .list-main .row > * {
margin-bottom: 30px;
}
.section-management .list-main .row {
justify-content: center;
}
.section-footer > .container > .row > * {
padding: 0 30px;
}
.mobile-menu-inner>.menu-mobile>.menu-item>.sub-menu.active {
display: block;
position: relative;
}
#menu-mobile-wrap {
display: none;
}
.header-fixed .menu-header-main>.menu-item>.sub-menu {
top: 80px;
}
.ib-learning-item-style-2 {
cursor: pointer;
position: relative; max-width: fit-content;
-webkit-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
object-fit: cover;
display: flex;
align-items: flex-end;
}
.ib-learning-item-style-2:nth-child(3){
margin-left: 30px;
}
.ib-learning-item-style-2 .ib-learning-text-style-2 {
cursor: auto;
opacity: 0;
pointer-events: none;
position: absolute;
bottom: 50px;
max-width: 301px;
width: 290px;
z-index: 10;
-webkit-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}
.ib-learning-item-style-2 .text-style-custom-1{
left: 158%;
}
.ib-learning-item-style-2 .text-style-custom-2{
left: 111%;
padding-right: 25px;
}
.ib-learning-item-style-2 .text-style-custom-3{
left: 115%;
}
.ib-learning-text-style-2 img{
width: 200px;
}
.active_item.ib-learning-item-style-2 {
transform: translatex(-342px);
}
.full_active.ib-learning-item-style-2 .ib-learning-text-style-2 {
opacity: 1;
}
.ib-learning-item-style-2:nth-child(3) img{
transform: translateX(0px);
}
.ib-learning-thumb-style-2 img {
height: 100%;
object-fit: contain;
transform: translateX(70px);
}
.ib-learning-text-style-2 h3 {
color: #0A7BC1;
font-size: 30px;
margin-bottom: 15px;
} .ib-learning-item-style-2:after {
content: "";
position: absolute;
background-color: #f7f8fb;
height: 100%;
width: 300px;
-webkit-transform: skew(-9deg);
transform: skew(-9deg);
-webkit-box-shadow: inset 20px 0px 30px rgba(0,0,0,.03);
box-shadow: inset 20px 0px 30px rgba(0,0,0,.03);
top: 0;
right: 0;
z-index: 1;
}
.ib-learning-thumb-style-2 {
z-index: 3 ;
} .ib-learning-item-style-2:first-child:after {
right: -90px;
}
.section-home1-mobile {
display: none;
}
.section.section-ib-learning-mobile {
display: none;
position: relative;
overflow: hidden;
}
.difference-vector-main {
position: relative;
}
.difference-vector-of-main img {
position: absolute;
top: 0;
left: 0;
height: 144px;
object-fit: contain;
z-index: 99999;
}
.difference-vector-of-main img:first-child {
top: -166px;
left: 24%;
z-index: 10;
clip-path: polygon(50% 0, 0 100%, 100% 100%);
}
.difference-vector-of-main img:nth-child(2) {
top: -18px;
left: 24%;
z-index: 3;
clip-path: polygon(50% 100%, 0 0, 100% 0);
}
.difference-vector-of-main img:nth-child(3) {
top: -16px;
left: 6%;
clip-path: polygon(50% 0, 0 100%, 100% 100%);
}
.difference-vector-of-main img:nth-child(4) {
top: -16px;
left: 42%;
z-index: 2;
clip-path: polygon(50% 0, 0 100%, 100% 100%);
}
.difference-vector-of-main {
position: relative;
top: -137px;
left: -9px;
}
.difference-vector-main > img {
position: relative;
top: 0;
left: 0;
z-index: 1;
}
.difference-vector-after {
position: absolute;
top: 83px;
right: 102px;
}
.difference-vector-text {
position: absolute;
top: 57px;
right: -55px;
z-index: -1;
}
.difference-vector {
position: relative;
}
.difference-vector-text > * {
background: #eee;
padding: 15px;
}
.difference-vector-text > * {
height: 82px;
width: 328px;
font-weight: bold;
position: relative;
cursor: pointer;
}
.difference-vector-text > *:nth-child(1) {
width: 270px;
padding-left: 135px;
--color-main: #F1F2F2;
background: var(--color-main);
}
.difference-vector-text > *:after {
content: "";
position: absolute;
top: 0px;
right: -39px; transform: rotate(-180deg);
z-index: -1;
width: 0;
height: 0;
border-left: 40px solid transparent;
border-right: 40px solid transparent;
border-bottom: 82px solid var(--color-main);
}
.difference-vector-text > *:nth-child(2) {
width: 290px;
padding-left: 151px;
--color-main: #BCBEC0;
background: var(--color-main);
}
.difference-vector-text > *:nth-child(3) {
width: 310px;
padding-left: 200px;
--color-main: #D1D3D4;
background: var(--color-main);
}
.difference-vector-text > *:nth-child(4) {
width: 350px;
--color-main: #E6E7E8;
background: var(--color-main);
padding-left: 250px;
}
.difference-vector-text > *:nth-child(4):after {
right: -40px;
}
.difference-vector-text-hover {
position: absolute;
top: 57px;
right: -55px;
z-index: 1;
}
.difference-vector-text-hover > * {
height: 82px;
width: 328px;
font-weight: bold;
position: relative;
cursor: pointer;
font-size: 0;
}
.difference-vector-mobile {
display: none;
}
.ib-learning-item-style-2:nth-child(2) .ib-learning-thumb-caption{
left: 76%;
width: 450px;
}
.ib-learning-item-style-2:nth-child(1) .ib-learning-thumb-caption {
left: 100%;
width: 400px;
}
.ib-learning-item-style-2:last-child .ib-learning-thumb-caption {
width: 100%;
left: 67%;
}
.ib-learning-text-style-2 p{
font-size: 14px;
} .menu-header-main>.menu-item.pll-parent-menu-item {
position: absolute;
top: 0;
right: -25px;
}
.menu-header-main>.menu-item.pll-parent-menu-item img {
width: 16px;
height: 16px!important;
border-radius: 100%;
}
.header-main .menu-header-main>.menu-item.pll-parent-menu-item>.sub-menu {
padding: 5px 15px;
}
.header-main .menu-header-main>.menu-item.pll-parent-menu-item>.sub-menu > * {
border: none;
padding-left: 0;
}
.section-presence img {
width: 50%;
}
.ib-learning-item-style-2.full_active.active_item ~ * {
margin-left: 33px;
}.post-content a {
color: var(--primary);
}
.post-content h2 {
line-height: 1.5;
} .handbook-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1rem;
margin: 1rem;
}
.handbook-card {
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
transition: 0.3s;
border-radius: 5px; }
.handbook-image {
width: 100%;
height: auto;
border-radius: 5px 5px 0 0;
}
.handbook-info {
padding: 2px 16px;
}
.handbook-title {
font-size: 1.1rem;
margin: 0.5rem 0;
}
.handbook-link {
display: inline-block;
margin: 1rem 0;
}
@media only screen and (max-width: 768px) {
.handbook-grid {
grid-template-columns: 1fr;
}
}
.accordion-item {
margin-bottom: 10px;
}
.accordion-header {
cursor: pointer;
}
.accordion-item {
margin-bottom: 10px;
}
.accordion-header {
cursor: pointer;
background: var(--dark);
color: #fff;
font-size: 18px;
padding-left: 15px;
}
.accordion-content {
display: block;
padding: 15px;
text-align:center;
}
.sub-accordion {
margin-left: 20px;
}
.sub-accordion .accordion-header {
background: var(--primary);
}
.breadcrumb-wrap p {
margin-bottom: 0;
}
.breadcrumb-title>* {
margin-bottom: 0;
}
.section-page-breadcrumb .text-wrap>*:not(:last-child) {
margin-bottom: 0px;
}
.list-handbooks{
--f-gap: 20px;
display: flex;
flex-wrap: wrap;
margin-left: calc(-1 * var(--f-gap));
margin-bottom: calc(-1 * var(--f-gap));
}
.list-handbooks > * {
margin-left: var(--f-gap);
margin-bottom: var(--f-gap);
width: calc((100% / var(--f-columns) - var(--f-gap)));
}
.handbook-text h3 {
text-align: center;
font-size: 18px;
margin-top: 15px;
line-height:25px;
}
.handbook-thumb img {
width: 100%;
height:300px;
object-fit: contain;
}
.section-library-intro h2 {
color: var(--primary);
font-size: 40px;
text-transform: uppercase;
}
.team-thumb img {
width: 100%;
object-fit: cover;
}
.modal {
display: none;
position: fixed;
z-index: 999;
padding-top: 100px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, .4);
}
.modal-content {
background-color: #fefefe;
margin: auto;
padding: 20px;
border: 1px solid #888;
width: 40%;
}
.close {
color: #aaaaaa;
float: right;
font-size: 28px;
font-weight: bold;
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
.modal-content .box{
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
margin-top: 15px;
}
.modal-content .box input{
width: 100%;
border: 1px solid #767676;
padding: 5px 10px;
}
.modal-content .box .search-button{
background: #FAA71B;
color: #fff;
padding: 6px 15px;
border-radius: 5px;
font-size: 15px;
border: none;
}
.text-result-permalink{
color: #FAA71B;
}
.tab-working-with-us .tab {
overflow: hidden;
gap: 10px;
display: flex;
flex-wrap: wrap;
}
.panel.panel-default{
border:none !important;
} .tab-working-with-us .tab button {
background-color: inherit;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
} .tab-working-with-us .tab button:hover {
background-color: #ddd;
} .tab-working-with-us .tab button.active {
background-color: #FAA61A !important;
color:#ffff;
} .tab-working-with-us .tabcontent {
padding: 6px 12px;
border-top: none;
}
.tab-working-with-us .tabcontent .panel-group{
margin-bottom: 10px;
}
.tab-working-with-us .tabcontent .panel-group .panel-box{
text-decoration: none;
}
.tab-working-with-us .tabcontent .panel-group .panel-box .panel-heading{
color: #000;
}
.panel-collapse .content{
font-size: 16px;
transition: all .3s;
padding: 15px;
}
.panel-collapse .content:hover{
background-color: #FAA61A;
color:#ffff;
}
.panel-collapse .content:hover span{
color: #000 !important;
}
.panel-collapse .content .action{
gap: 10px;
flex-wrap: wrap;
}
.panel-collapse .content .action .job-description{
background: #666666;
color: #fff;
padding: 13.33333px 20px;
font-weight: 700;
font-size: 16px;
}
.panel-collapse .content .action .apply-now{
background: #005BAA;
color: #fff;
padding: 13.33333px 20px;
font-weight: 700;
font-size: 16px;
}
.tab-working-with-us .tablinks{
background-color: #e1e1e1 !important;
color: #000;
}
.svg-close{
display: none;
}
.element-img-1, .element-img-2{
position: relative;
}
.element-img-1 img{
position: absolute;
left: -25%;
top: 30%;
width: 300px;
z-index: -1;
object-fit: cover;
}
.element-img-2 img{
position: absolute;
z-index: -1;
object-fit: cover;
width: 300px;
}
.element-img-3 img {
right: 20%;
z-index: -1;
object-fit: cover;
width: 300px;
margin-top: -5%;
position: relative;
}
.element-img-3-custom img{
z-index: -1;
object-fit: cover;
width: 300px;
position: relative;
right: 20%;
}
.info-repeater-item{
scale: 90%;
}
.info-repeater-item a{
color:#000;
margin-top: 10px;
}
.table-custom td{
border: 1px solid #ccc;
}
.table-custom tr{
display: flex !important;
gap: 0px !important;
}
table, td, th {
border: 1px solid;
padding:10px;
}
.reviews {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
overflow: hidden;
position: relative;
} .top-reviews{
display: flex;
}
.top-reviews {
animation: ticker 40s linear infinite;
align-self: flex-start;
}
@keyframes ticker {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}
@keyframes reversticker {
0% {
transform: translateX(0);
}
100% {
transform: translateX(50%);
}
}
.review {
padding: 24px;
width: 200px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.review img{
height: 50px;
object-fit: contain;
display: block;
margin: auto;
}
.team-title-custom a{
color: #ffff;
}
.title-job{
color: #FAA61A;
margin-bottom: 0;
}
.panel-title{
font-size: 30px !important;
}
.voice-container {
width: 100%;
position: relative;
}
.voice-container .swiper-slide {
background-position: center;
background-size: cover;
height: 700px;
display: flex;
align-items: center;
position: relative;
}
.voice-container .swiper-slide .row {
height: 100%;
}
.voice-container .left {
display: flex;
justify-content: end;
position: relative;
height: 100%;
padding: 60px 0;
margin-right: 10%;
}
.voice-container .left .img-container {
position: absolute;
transform: translate(-5%, -5%);
height: calc(100% - 120px);
width: 100%;
display: flex;
justify-content: flex-end;
}
.voice-container .left .img-container img {
height: 100%;
aspect-ratio: 4/5;
}
.voice-container .left .box-border {
border: 5px solid #faa81b;
height: 100%;
aspect-ratio: 4/5;
}
.voice-container .right {
padding-right: 40px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 60px 0;
}
.voice-container .right p {
color: #fff;
font-size: 25px;
line-height: 55px;
}
.voice-container .right h5 {
color: #faa81b;
font-size: 25px;
margin-bottom: 20px;
}
.voice-container .right button {
background: none;
border: none;
outline: none;
color: #fff;
display: flex;
align-items: center;
gap: 5px;
font-size: 25px;
}
.voice-container .right button img {
width: 40px;
}
.voice-container .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: -35px;
display: flex;
width: 100%;
justify-content: center;
gap: 5px;
}
.voice-container span.swiper-pagination-bullet {
width: 15px;
height: 15px;
}
.voice-container .swiper-pagination-bullet-active {
background: #131c39;
}
::-webkit-scrollbar {
width: 5px;
} ::-webkit-scrollbar-track {
background: #f1f1f1;
} ::-webkit-scrollbar-thumb {
background: #888;
} ::-webkit-scrollbar-thumb:hover {
background: #555;
}
.team-inner-thumb img {
width: 55%;
}
.team-inner-thumb {
text-align: center;
} 
.news-col-left .content a {
color: #212529;
}
.pt-60 {
padding-top: 60px;
}
.breadcrumb-title{
padding-top: 30px;
padding-bottom: 30px;
}
@media only screen and (max-width:480px){
.wp-caption{
width: 100% !important;
}
.renai-post-image{
width: 100% !important;
}
.school-service-btn{
text-align: center;
display: flex;
flex-direction: column;
gap: 1rem;
}
}
@media only screen and (min-width:480px){
.school-service-btn{
text-align: center;
display: flex;
gap: 1rem;
}
}.home .slider-main img {
margin-top: 82px;
width: calc(100vw - 130px);
margin-left: 130px;
aspect-ratio: 16 / 9;
height: unset !important;
}
@media only screen and (max-width: 768px){
.home .slider-main img {
margin-top: 55px;
margin-left: 0;
width: 100%;
}
}@media screen and (min-width: 1180px) and (max-width: 1289.99px) {
}
@media screen and (min-width: 768px) and (max-width: 1440.99px) {
.section-astroturf .title-main.style-2>* {
font-size: 30px;
}
}
@media screen and (min-width: 900px) and (max-width: 1290.99px) {
.team-inner>.row>*>* {
padding: 30px;
}
.team-inner-thumb img {
width: 45%;
}
}
@media screen and (min-width: 770px) and (max-width: 1290px) {
.menu-header-main>.menu-item>.menu-link {
padding: 5px;
font-size: 0.6em;
}
.curriculum-program-left .container {
padding-left: 500px!important;
}
.curriculum-program-right .container {
padding-right: 560px;
padding-left: 100px;
}
.container {
width: 1050px;
}
.list-curriculum-program .container {
width: 100%;
}
.curriculum-program-left .container {
padding-left: 500px;
}
.curriculum-program-image>* {
right: -80px;
}
.active_item.ib-learning-item-style-2 {
transform: translatex(-135px);
}
.difference-vector-text {
top: 24px;
right: -118px;
}
.difference-vector-after {
position: absolute;
top: 58px;
right: 51px;
}
.difference-vector-of-main {
top: -108px;
left: 3px;
}
.difference-vector-of-main img {
height: 115px
}
.difference-vector-of-main img:first-child {
top: -138px;
left: 24%;
}
.difference-vector-of-main {
top: -132px;
left: 3px;
}
.difference-vector-text>*:nth-child(1):before {
content: "";
position: absolute;
top: 23px;
left: -14px;
background: #F1F2F2;
width: 17px;
height: 80%;
}
.difference-vector-text>* {
left: 14px;
}
.team-inner-sumary>*:not(:last-child) {
margin-bottom: 35px;
}
.team-title {
font-size: 16px;
}
.team-desc {
font-size: 14px;
}
}
@media screen and (min-width: 768px) and (max-width: 1003px) {
.menu-header-main>.menu-item>.menu-link {
padding: 5px 8px;
}
.team-inner>.row>*>* {
padding: 30px;
}
}
@media only screen and (max-width: 1200px) {
.voice-container .swiper-slide {
height: 450px;
}
.voice-container .left {
padding: 40px 0px;
}
.voice-container .left .img-container {
height: calc(100% - 80px);
}
.voice-container .right {
padding: 40px 0px;
}
.voice-container .right p {
font-size: 25px;
padding-right: 30px;
line-height: 30px;
}
.voice-container .right h5 {
font-size: 20px;
}
.voice-container .right button {
font-size: 20px;
}
.voice-container .right button img {
width: 30px;
}
}
@media screen and (max-width: 767.98px) {
.page-template-default.home .header-buttons {
display: none;
}
.page-template-default.home .slider-main {
width: 100%;
min-height: 450px;
position: unset;
padding-left: 0;
margin-top: 15px;
}
.header-main-menu {
display: none;
}
.page-template-default.home .header-main {
background: #fff;
padding: 15px 0;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999;
}
.header-buttons>* {
width: 20%;
}
.header-buttons a {
color: #333;
}
body {
margin-left: 0;
}
.sec-home-1 { background-attachment: unset;
}
.sec-home-main .text-wrap {
margin-left: 0;
}
.title-main>* {
font-size: 30px;
line-height: 1.5;
color: #fff;
}
.icon-header-menu {
display: flex !important;
}
.header-main-buttons {
display: flex !important;
}
.voice-quote {
font-size: 16px;
width: 100%;
margin-bottom: 15px;
}
.section-our-voice:after {
content: none;
}
.list-voice-thumb {
position: unset;
display: flex;
justify-content: center;
scale: 100% !important;
}
.list-voice-thumb>*:not(:last-child) {
margin-right: 15px;
}
.voice-thumb-main {
height: 220px;
}
.voice-info>* {
font-size: 14px;
}
.cta-voice {
margin-top: 15px;
}
.cta-voice img {
width: 20px;
}
.footer-column:nth-child(2) {
order: 1;
margin-bottom: 15px;
}
.footer-column {
order: 2;
}
.footer-column:nth-child(2)>img {
width: 50%;
margin: auto;
}
.footer-column:nth-child(2)>*:not(:last-child) {
margin-bottom: 15px;
}
.footer-socials {
width: 50%;
margin: auto;
}
.section-copyright {
padding: 15px;
}
.sec-home-2 { }
.sidebar-tool {
display: none;
}
.header-main,
.header-main.header-fixed {
background: #fff;
}
#menu-mobile-wrap {
position: fixed;
top: 0;
right: 0;
width: 75%;
z-index: 9999;
padding: 60px 35px;
background: rgba(18, 27, 55, 1);
transform: translateY(-100%);
transition: .3s linear;
}
#menu-mobile-wrap.active {
transform: translateY(0);
}
.btn-close-menu {
color: #fff;
position: absolute;
right: 31px;
top: 26px;
font-size: 25px;
cursor: pointer;
}
.mobile-menu-inner>.menu-mobile>.menu-item>.menu-link {
text-transform: uppercase;
display: flex;
justify-content: space-between;
position: relative;
}
.menu-mobile>*:not(:last-child) {
margin-bottom: 30px;
}
.mobile-menu-inner {
border-left: 2px solid #0A7BC1;
padding-left: 20px;
}
.mobile-menu-inner>.menu-mobile>.menu-item>.menu-link>.sub-menu {
position: absolute;
}
.mobile-menu-inner>.menu-mobile>.menu-item>.sub-menu {
position: absolute;
display: none;
padding: 15px 0;
}
#menu-mobile-wrap {
display: block;
}
.mobile-menu-inner>.menu-mobile>.menu-item>.sub-menu .menu-icon {
display: none;
}
.mobile-menu-inner>.menu-mobile>.menu-item>.sub-menu.active>*:not(:last-child) {
margin-bottom: 15px;
}
.section-ib-learning .list-main {
display: none;
}
.section-news .list-main .list-item h3 {
font-size: 16px;
}
.section-news .list-main .list-item h3 a {
display: -webkit-box;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.header-main-buttons>*>img {
margin-right: 3px;
}
.curriculum-program-image:after {
content: none;
}
.curriculum-program-left .container {
padding-left: unset;
}
.curriculum-program-right .container {
padding-right: unset;
}
.curriculum-program-image {
position: unset;
background: transparent;
}
.curriculum-program-item .container {
padding: 50px 15px;
}
.curriculum-program-image {
display: none;
}
.curriculum-program-last>*>*:not(:last-child) {
margin-bottom: 15px;
}
.curriculum-program-last>*>*:last-child {
display: flex;
justify-content: center;
display: none;
}
.header-main {
padding: 15px 0;
}
.popup-team {
max-width: 100%;
width: 100%;
height: 100%;
overflow-y: scroll;
}
.team-inner-thumb img {
height: 150px;
object-fit: contain;
}
.staff-position {
flex-wrap: wrap;
}
.staff-position>*:not(:last-child) {
margin-right: 0;
margin-bottom: 15px;
width: 100%;
}
.section-rooms .row>*:last-child .title-main.style-2 span {
right: unset;
left: 37px;
top: 23px;
}
.section-astroturf .title-main.style-2 span {
right: -122px;
top: 32px;
}
.col-early-year-media-text desc-main {
color: #fff;
}
.col-early-year-media-text .desc-main {
color: #fff;
}
.col-early-year-media-text .title-main.style-2>* {
color: #fff;
}
.section-early-years .title-main.style-2 span {
right: 0;
top: 30px;
font-size: 74px;
}
.section-sports-field .text-wrap {
position: unset;
max-width: 100%;
transform: unset;
}
.section-primary-adcenture .title-main.style-2 span {
right: 0;
top: 97px;
font-size: 68px;
}
.library-image img {
width: 100%;
}
.section-library-intro:after {
width: 100%;
}
.library-image span {
transform: unset;
top: -82px;
left: -15px;
right: unset;
}
.sec-home-1 {
display: none;
}
.bg-white .title-main>* {
color: #191F27;
}
.title-main.center {
width: fit-content;
margin: auto;
}
.home1-mobile-text>*>*:not(:last-child) {
margin-bottom: 30px;
}
section.section-home1-mobile {
position: relative;
margin-top: 15px;
}
section.section-home1-mobile:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 58%; z-index: 2;
background-position: top;
background-size: 100% 100%;
background-repeat: no-repeat;
}
.home1-mobile-text {
position: relative;
z-index: 2;
top: -66px;
}
.home1-mobile-thumb {
position: relative;
padding-bottom: 80px;
}
section.section-home1-mobile {
overflow: hidden;
}
section.section-home1-mobile:after {
content: "";
position: absolute;
bottom: -4px;
left: 0;
width: 100%;
height: 71%; z-index: 2;
background-position: top;
background-size: 100% 100%;
background-repeat: no-repeat;
z-index: 1;
}
.desc-main-pic {
text-align: center;
}
.desc-main-pic p {
margin-bottom: 0;
}
.desc-main-pic p:first-child {
text-transform: uppercase;
}
.sec-home-main.section-ib-learning {
display: none;
}
.section-home1-mobile {
display: block;
}
.ib-learning-mobile-item {
display: flex;
position: relative;
flex-direction: column;
justify-content: flex-start;
max-height: 140px
}
.ib-learning-mobile-thumb {
width: 20%;
margin-left: auto;
position: absolute;
right: 0;
top: 0;
}
.ib-learning-mobile-item.full_active .ib-learning-mobile-thumb {
position: unset;
width: 35%;
}
.ib-learning-mobile-text {
flex: 1;
text-align: justify;
padding-right: 15px;
}
.ib-learning-mobile-text p {
opacity: 0;
transition: .1s linear;
margin-top: 25px;
margin-left: 15px;
}
.ib-learning-mobile-item:after {
content: "";
position: absolute;
height: 1000px;
width: 100%;
-webkit-transform: skew(0, -17deg);
transform: skew(0, -17deg);
right: auto;
left: 0;
-webkit-box-shadow: inset 20px 0px 100px rgba(0, 0, 0, .03);
box-shadow: inset 20px 0px 100px rgba(0, 0, 0, .03);
background: #f7f8fb;
top: 100%;
}
.ib-learning-mobile-text h3 {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 15px;
cursor: pointer;
}
.ib-learning-mobile-item.full_active .ib-learning-mobile-text p {
opacity: 1;
margin-top: 0;
}
.ib-learning-mobile-text img {
width: 150px;
}
.ib-learning-mobile-item.full_active {
max-height: 2000px;
-webkit-transition: max-height 1s ease-in-out;
transition: max-height 1s ease-in-out;
padding-top: 100px;
}
.sidebar-item img[alt="Logo sidebar"] {
max-width: 35%;
}
.ib-learning-mobile-item.full_active .ib-learning-mobile-text h3 {
position: unset;
margin-left: 15px;
}
.section.section-ib-learning-mobile {
display: block;
}
.voice-quote img {
width: 34px;
top: 0;
}
.sec-home-2 .title-main {
width: fit-content;
margin: auto;
margin-bottom: 30px;
}
.difference-vector {
display: none;
}
.difference-vector-mobile {
display: block;
}
.home .slider-main img {
height: auto;
aspect-ratio: unset;
}
.section-presence img {
width: 100%;
}
#main {
margin-top: 70px !important;
}
.section-page-thumb{
margin-top:125px;
}
.list-handbooks {
--f-columns: 1!important;
}
.list-curriculum-program .curriculum-program-left .container {
padding-left: 15px;
}
.modal-content {
width: 90%;
}
img,
svg {
max-width: 100%;
}
.tab-working-with-us .tablinks {
width: 100%;
}
.job-description,
.apply-now {
width: 100%;
}
.element-img-2 {
display: none;
}
.element-img-1 img,
.element-img-3 img {
left: -55%;
}
.voice-container .swiper-slide {
height: 350px;
}
.voice-container .left {
padding: 20px 0px;
transform: scale(0.9);
margin-right: 0;
}
.voice-container .left .img-container {
height: calc(100% - 40px);
}
.voice-container .right {
padding: 20px 0px;
}
.voice-container .right p {
font-size: 18px;
padding-right: 20px;
}
.voice-container .right h5 {
font-size: 12px;
}
.voice-container .right button {
font-size: 12px;
}
.voice-container .right button img {
width: 20px;
}
.section-astroturf .title-main.style-2 span {
right: 0px !important;
top: 100px;
}
.section-rooms .title-main.style-2 span {
top: 24px;
}
.home #main {
margin-top: 55px;
}
}
@media only screen and (max-width: 574px) {
.voice-container .swiper-slide {
height: auto;
}
.voice-container .left {
display: none;
}
.voice-container .right {
padding: 30px;
}
.voice-container .right p {
font-size: 15px;
padding-right: 20px;
}
.voice-container .right h5 {
font-size: 12px;
}
.voice-container .right button {
font-size: 12px;
}
.voice-container .right button img {
width: 15px;
}
}
@media only screen and (max-width: 480px){
.section-page-thumb{
margin-top: 114px;
}
} 
@media only screen and (max-width: 430px){
.section-page-thumb{
margin-top: 120px;
}
} 
@media only screen and (max-width: 390px){
.section-page-thumb{
margin-top: 114px;
}
}