:root {
--font-family-jost: "Jost", sans-serif;
--color-green: #6ebd44;
--color-light-green: #d9eecf;
--color-blue: #b8eeff;
--color-dark-blue: #01c3ff;
--color-greenlight: #e7f4df;
--font-15: 0.781vw;
--font-16: 0.833vw;
--font-18: 0.938vw;
--font-20: 1.042vw;
--font-25: 1.302vw;
--font-30: 1.563vw;
--font-35: 1.823vw;
--font-40: 2.083vw;
--font-50: 2.604vw;
--font-60: 3.125vw;
--font-70: 3.646vw;
--font-80: 4.167vw;
--font-90: 4.688vw;
--font-100: 5.208vw;
--font-110: 5.729vw;
}
body {
font-family: var(--font-family-jost) !important;
overflow-x: hidden;
overflow-y: auto;
}
.overflow-hidden-sec {
overflow: hidden;
}
.main-wrapper-header {
width: 95%;
margin-left: auto;
margin-right: auto;
z-index: 1;
position: relative;
}
.main-wrapper {
width: 90%;
margin-left: auto;
margin-right: auto;
}
.main-wrap-left {
width: 85%;
margin-left: auto;
margin-right: 0;
}
.main-wrap-left {
width: 90%;
margin-left: auto;
margin-right: 0;
}
.middle-wrap-large {
width: 80%;
margin-left: auto;
margin-right: auto;
z-index: 1;
position: relative;
}
.middle-wrap {
width: 70%;
margin-left: auto;
margin-right: auto;
z-index: 1;
position: relative;
}
.middle-wrap-left {
width: 90%;
margin-left: auto;
margin-right: 0;
}
.small-wrap {
width: 50%;
margin-left: auto;
margin-right: auto;
z-index: 1;
position: relative;
}
.main-wrap {
width: 80%;
margin-left: auto;
margin-right: auto;
}
.creative-heading--white,
.paragraph--white,
.section-heading--white,
.special-para--white {
color: #fff;
}
.creative-heading--black,
.paragraph--black,
.section-heading--black,
.sub-heading--black {
color: #000;
}
.main-heading--green,
.section-heading--green {
color: var(--color-green);
}
.main-heading--white {
color: #fff;
}
.creative-heading {
font-size: var(--font-25);
line-height: var(--font-35);
font-weight: bold;
}
.main-heading {
font-size: var(--font-90);
line-height: var(--font-100);
font-weight: bold;
}
.hero-heading {
font-size: 2.75rem;
line-height: 3.5rem;
font-weight: 700;
}
.section-heading {
font-size: var(--font-50);
line-height: var(--font-60);
font-weight: bold;
}
.sub-heading {
font-size: var(--font-35);
line-height: var(--font-50);
font-weight: bold;
}
.paragraph {
font-size: var(--font-18);
line-height: var(--font-30);
}
.special-para {
font-size: var(--font-25);
line-height: var(--font-35);
}
.special-para--green {
color: var(--color-green);
}
.special-para--bold {
font-weight: bold;
}
.the-content-div p {
margin: 0;
}
.the-content-div,
.the-content-div a,
.the-content-div li,
.the-content-div p,
.the-content-div span,
.the-content-div td,
.the-content-div th {
font-size: var(--font-18);
line-height: var(--font-30);
font-family: var(--font-family-jost) !important;
}
.the-content-div h1,
.the-content-div h2,
.the-content-div h3,
.the-content-div h4,
.the-content-div h5,
.the-content-div h6 {
font-size: var(--font-40);
line-height: var(--font-50);
font-family: var(--font-family-jost) !important;
}
.paragraph--black .the-content-div,
.paragraph--black .the-content-div a,
.paragraph--black .the-content-div h1,
.paragraph--black .the-content-div h2,
.paragraph--black .the-content-div h3,
.paragraph--black .the-content-div h4,
.paragraph--black .the-content-div h5,
.paragraph--black .the-content-div h6,
.paragraph--black .the-content-div li,
.paragraph--black .the-content-div p,
.paragraph--black .the-content-div span,
.paragraph--black .the-content-div td,
.paragraph--black .the-content-div th {
color: #000 !important;
}
.paragraph--white .the-content-div,
.paragraph--white .the-content-div a,
.paragraph--white .the-content-div h1,
.paragraph--white .the-content-div h2,
.paragraph--white .the-content-div h3,
.paragraph--white .the-content-div h4,
.paragraph--white .the-content-div h5,
.paragraph--white .the-content-div h6,
.paragraph--white .the-content-div li,
.paragraph--white .the-content-div p,
.paragraph--white .the-content-div span,
.paragraph--white .the-content-div td,
.paragraph--white .the-content-div th {
color: #000 !important;
}
.explore-btn {
height: 60px;
padding: 0 50px;
border-radius: 30px;
display: flex;
align-items: center;
justify-content: center;
min-width: 250px;
width: max-content;
text-transform: none;
text-decoration: none;
font-weight: 600;
font-size: var(--font-18);
border: 1px solid #fff;
position: relative;
overflow: hidden;
transform: scale(1);
transition: all 0.5s;
}
.explore-btn:hover {
transform: scale(0.95);
transition: all 0.5s;
} .explore-btn--center {
width: fit-content;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
}
.explore-btn::after {
content: "";
height: 100px;
width: 100px;
background: rgb(255 255 255 / 15%);
border-radius: 50%;
position: absolute;
right: -25px;
bottom: 0;
animation: scaleUpDown 10s ease-in-out infinite;
}
.explore-btn::before {
content: "";
height: 100px;
width: 100px;
background: rgb(255 255 255 / 15%);
border-radius: 50%;
position: absolute;
left: -25px;
top: 0;
animation: scaleUpDown 10s ease-in-out infinite;
}
.explore-btn--green,
.explore-btn--green:hover {
background:
linear-gradient(265.57deg, #12b26a 0%, #6ebd44 100%),
linear-gradient(0deg, #ffffff, #ffffff);
color: #fff;
}
.explore-btn--blue,
.explore-btn--blue:hover {
color: #fff;
background:
linear-gradient(265.57deg, #1a8cb6 0%, #115eaa 100%),
linear-gradient(0deg, #ffffff, #ffffff);
}
.simple-padding-top {
padding-top: 80px;
}
.simple-padding-bottom {
padding-bottom: 80px;
} ::-webkit-scrollbar-track {
background: #f1f1f1;
} ::-webkit-scrollbar-thumb {
background: var(--color-green);
} ::-webkit-scrollbar-thumb:hover {
background: #555;
} body {
padding-top: 12vh;
}
#header {
height: 11vh;
position: fixed;
top: 0;
width: 100%;
z-index: 9999;
}
#header::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 0;
background: var(--color-light-green);
box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
transition: all 0.5s;
}
#header.header-scrolled::before {
height: 100% !important;
transition: all 0.5s;
}
#header.header-homepage:not(.header-scrolled) .menu-wrap ul#primary a,
#header.header-homepage:not(.header-scrolled) .menu-wrap ul#primary a:hover {
color: #fff;
}
#header.header-homepage:not(.header-scrolled) .menu-wrap ul#primary .active a {
color: #fff;
}
.menu-logo .logo-white {
display: none;
}
.menu-logo .logo-normal {
display: block;
}
#header.header-homepage:not(.header-scrolled) .menu-logo .logo-white {
display: block;
}
#header.header-homepage:not(.header-scrolled) .menu-logo .logo-normal {
display: none;
}
#header.header-homepage.header-scrolled .menu-logo .logo-white {
display: none;
}
#header.header-homepage.header-scrolled .menu-logo .logo-normal {
display: block;
}
#header.header-homepage:not(.header-scrolled) .home-menu img {
filter: brightness(0) invert(1);
transition: filter 0.3s;
}
#header.header-homepage:not(.header-scrolled) .menu-search-btn img {
filter: brightness(0) invert(1);
transition: filter 0.3s;
}
#header.header-homepage:not(.header-scrolled) .language-div button,
#header.header-homepage:not(.header-scrolled) .language-div a {
color: #fff;
}
#header.header-homepage:not(.header-scrolled) .language-div .lan-glo,
#header.header-homepage:not(.header-scrolled) .language-div .dropp {
filter: brightness(0) invert(1);
transition: filter 0.3s;
}
#header.header-homepage.header-scrolled .menu-logo img,
#header.header-homepage.header-scrolled .home-menu img,
#header.header-homepage.header-scrolled .menu-search-btn img {
filter: none;
transition: filter 0.3s;
}
#header.header-homepage.header-scrolled .language-div button,
#header.header-homepage.header-scrolled .language-div a {
color: #000;
}
#header.header-homepage.header-scrolled .language-div .lan-glo,
#header.header-homepage.header-scrolled .language-div .dropp {
filter: none;
transition: filter 0.3s;
}
.menu-logo img {
width: 16vw;
transition: opacity 0.3s;
}
.menu-logo .logo-white,
.menu-logo .logo-normal {
position: relative;
top: 0;
left: 0;
}
.menu-logo {
position: relative;
}
.menu-logo a {
position: relative;
display: inline-block;
}
.header-gradiant {
height: 7px;
width: 100%;
background: linear-gradient(89.99deg, #115eaa -0.07%, #6ebd44 100.05%);
z-index: 1;
position: relative;
}
.menu-wrap ul#primary {
display: flex;
flex-direction: row !important;
}
.menu-wrap ul#primary a,
.menu-wrap ul#primary a:hover {
color: #000;
font-weight: bold;
text-transform: none;
position: relative;
font-size: var(--font-15);
display: flex;
align-items: center;
}
.menu-wrap ul#primary a::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 50px;
height: 50px;
border-radius: 50%;
background: var(--color-green);
transform: scale(0);
transition: all 0.5s;
z-index: -1;
}
.home-menu {
padding-right: 0.5vw;
}
.menu-wrap ul#primary ul a::before {
display: none !important;
}
.menu-wrap ul#primary a:hover::before {
transform: scale(1);
transition: all 0.5s;
}
.menu-wrap ul#primary li {
padding: 0 0.8vw;
}
.menu-wrap ul#primary .active a {
color: var(--color-green);
}
.menu-wrap ul#primary .active a::before {
display: none;
}
ul#primary ul {
padding: 0;
border: 0 !important;
border-radius: 0;
box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
}
ul#primary ul li {
padding: 0 !important;
}
ul#primary ul li a {
padding: 10px 20px;
color: #000 !important;
}
ul#primary ul li a:hover {
background: var(--color-green);
color: #fff !important;
}
.hamburgerbtn,
.hamburgerbtn:hover {
height: 10.5vh;
width: 90px;
padding: 15px;
color: #fff;
text-align: center;
background: var(--color-green);
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border: 0;
text-decoration: none;
}
.hamburgerbtn span {
width: 50px;
height: 2px;
background: #fff;
display: block;
margin-bottom: 10px;
}
.hamburgerbtn span:nth-child(3) {
width: 40px;
}
.hamburgerbtn div {
padding-bottom: 10px;
font-size: var(--font-16);
text-transform: none;
font-weight: bold;
text-decoration: none;
}
.menu-search-btn {
height: 50px;
width: 50px;
display: flex;
align-items: center;
justify-content: center;
background: transparent;
border: 1px solid #d8d8d8;
border-radius: 50px;
margin: 0 1vw 0 1vw;
}  .banner-left {
width: 45%;
padding-right: 5%;
padding-bottom: 10vh;
height: 80vh;
padding-top: 8%;
}
.banner-right {
width: 55%;
padding-bottom: 5vh;
padding-top: 8%;
}
.banner-right video {
height: 100%;
width: 100%;
object-fit: cover;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
overflow: hidden;
}
.main-banner {
padding-top: 0;
position: relative;
min-height: 80vh;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
margin-top: -13vh;
z-index: 1;
}
.hero-video-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.hero-video-wrapper video {
width: 100%;
height: 100%;
object-fit: cover;
}
.hero-video-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.45);
z-index: 2;
}
.hero-content-wrapper {
position: relative;
z-index: 3;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
padding: calc(11vh + 80px) 20px 200px;
}
.hero-content-inner {
max-width: 800px;
width: 100%;
background: rgba(0, 0, 0, 0.4);
padding: 20px;
border-radius: 10px;
}
.hero-content-inner .explore-btn {
margin: auto;
}
.hero-content-inner .hero-heading {
color: #fff;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}
.hero-content-inner .paragraph--white {
color: #fff;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
.hero-bottom-shape {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 4;
pointer-events: none;
}
.hero-bottom-shape img {
width: 100%;
height: auto;
display: block;
}
.main-banner video {
height: auto;
}
.welcome-sec {
margin-top: -10vh;
}
.welcome-left {
width: 40%;
}
.welcome-left ul {
padding-top: 30px;
}
.welcome-caption {
position: absolute;
left: 0;
right: 0;
top: 150px;
}
.welcome-caption p {
padding: 20px 0;
}
.welcome-right {
width: 50%;
}
.welcome-right img {
width: 100%;
height: 800px;
object-fit: cover;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
overflow: hidden;
}
.home-location-slider {
min-height: 800px;
height: 100%;
padding: 0;
margin: 0;
}
.home-location-slider .slick-list {
height: 100%;
min-height: 800px;
}
.home-location-slider .slick-track {
height: 100%;
min-height: 800px;
display: flex;
}
.home-location-slider .slide-item {
height: 100%;
min-height: 800px;
}
.home-location-slider .slide-item img {
width: 100%;
height: 100%;
min-height: 800px;
object-fit: cover;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
display: block;
}
.abo-left,
.abo-right {
width: 48%;
}
.abo-right img {
border-radius: 30px;
}
.green-dot-ul,
.the-content-div ul {
list-style: none;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.green-dot-ul li,
.the-content-div ul li {
width: 49%;
position: relative;
padding-left: 30px;
padding-bottom: 10px;
}
.green-dot-ul li::before,
.the-content-div li::before {
content: "";
height: 15px;
width: 15px;
border-radius: 50%;
background: var(--color-green);
position: absolute;
left: 0;
top: 5px;
} .inner-banner { }
.inner-banner .ban-img {
width: 100%;
height: 65vh;
object-fit: cover !important;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
overflow: hidden;
}
.banner-title {
height: 23vh;
display: flex;
align-items: center;
}
.inner-banner-short .banner-title {
height: auto !important;
}
.breadcumb {
padding-bottom: 20px;
}
.breadcumb,
.breadcumb a,
.breadcumb p {
color: #000;
font-size: var(--font-16);
text-decoration: none;
}
.all-caps {
text-transform: none;
}
.green-circle-big {
height: 40vw;
width: 40vw;
border-radius: 50%;
background: var(--color-green);
opacity: 0.1;
position: absolute;
z-index: -1;
left: 25%;
top: 16%;
animation: scaleUpDown 10s ease-in-out infinite;
}
.green-circle-big-img {
left: 25%;
top: -35%;
}
.blue-circle-big {
height: 40vw;
width: 40vw;
border-radius: 50%;
background: var(--color-blue);
opacity: 0.3;
position: absolute;
z-index: -1;
left: -14%;
top: 27%;
animation: scaleUpDown 10s ease-in-out infinite;
}
.blue-circle-big-img {
left: -14%;
top: -2%;
}
.overflowx-hidden {
overflow-x: hidden;
}
.contact-div-img {
width: 30%;
position: relative;
}
.contact-div-img img {
position: absolute;
left: 0;
top: -160px;
width: 100%;
height: 370px;
object-fit: contain;
}
.contact-div-img-pro img {
position: absolute;
left: 0;
top: -120px;
}
.contact-div-content {
width: 40%;
}
.contact-div-btn {
width: 30%;
}
.contact-div {
padding: 30px 50px;
background: linear-gradient(88.84deg, #d9eecf 0%, #b8eeff 100%);
border-radius: 35px;
margin-top: 50px;
margin-bottom: 50px;
}
.get-know {
background: var(--color-light-green);
padding: 100px 50px 50px;
border-radius: 35px;
overflow: hidden;
}
.white-div-large {
height: 40vw;
width: 40vw;
border-radius: 50%;
background: rgb(255 255 255 / 23%);
position: absolute;
left: -16%;
top: 38px;
}
.white-div-small {
height: 500px;
width: 500px;
border-radius: 50%;
background: rgb(255 255 255 / 23%);
position: absolute;
right: 10%;
top: -35%;
}
.get-top-left {
width: 20%;
}
.get-top-right {
width: 75%;
}
.get-know-inner {
width: 80%;
margin: auto;
z-index: 1;
position: relative;
}
.get-bottom-right {
width: 55%;
padding-bottom: 150px;
}
.get-bottom-left {
width: 40%;
padding-bottom: 150px;
}
.get-bottom-top {
padding-bottom: 60px;
}
.get-bottom-text {
background: rgb(255 255 255 / 43%);
padding: 30px;
border-radius: 30px;
}
.get-bottom-wrap {
padding-top: 50px;
}
.myTabget {
border: 0;
display: flex;
flex-direction: column;
}
.myTabget button {
background: transparent;
border: 0;
color: #000;
font-size: var(--font-25);
padding: 0;
width: 100%;
text-align: left;
}
.myTabget li {
width: 100%;
}
.myTabget button.active {
border: 0;
border-bottom: 1px solid #000 !important;
background: transparent !important;
}
.myTabget button:hover {
color: #000 !important;
}
.cloud-img {
position: absolute;
left: 0;
width: 100%;
bottom: -1px;
}
.vision-box {
background: linear-gradient(137.29deg, #12b26a 0%, #6ebd44 100%);
border-radius: 50px;
color: #fff;
width: 49%;
text-align: center;
padding: 100px;
}
.vision-mission-box {
margin-top: -100px;
}
.sus-left {
width: 43%;
}
.sus-right {
width: 53%;
}
.heading-padding {
padding-bottom: 30px;
}
.slick-slider-related .products:not(.slick-initialized),
.slick-slider:not(.slick-initialized) {
display: none !important;
}
.sus-slider img {
width: 100%;
height: 800px;
object-fit: cover;
border-bottom-left-radius: 50px;
border-top-left-radius: 50px;
}
.sus-slider .slick-dots {
list-style: none;
padding: 0;
display: flex;
z-index: 1;
margin-top: -50px;
position: relative;
justify-content: center;
}
.white-dots .slick-dots {
list-style: none;
padding: 0;
display: flex;
z-index: 1;
position: relative;
justify-content: center;
padding-top: 15px;
}
.green-light-dots .slick-dots {
list-style: none;
padding: 0;
display: flex;
z-index: 1;
position: relative;
justify-content: center;
padding-top: 15px;
}
.green-light-dots .slick-dots button {
font-size: 0;
height: 10px;
padding: 5px;
width: 10px;
background: var(--color-light-green);
border: 0;
border-radius: 50%;
}
.green-light-dots .slick-dots .slick-active button {
background: var(--color-green) !important;
}
.sus-slider .slick-dots button,
.white-dots .slick-dots button {
font-size: 0;
height: 10px;
padding: 5px;
width: 10px;
background: #fff;
border: 0;
border-radius: 50%;
}
.sus-slider .slick-dots .slick-active button,
.white-dots .slick-dots .slick-active button {
background: var(--color-green);
}
.white-dots-green .slick-dots .slick-active button {
background: #12b26a !important;
}
.green-light-dots .slick-dots li,
.sus-slider .slick-dots li,
.white-dots .slick-dots li {
padding: 0 5px;
}
.sub-box {
border: 1px solid #fff;
background: var(--color-green);
color: #fff;
font-size: var(--font-25);
padding: 30px;
position: absolute;
top: 35px;
right: 35px;
z-index: 3;
border-radius: 20px;
width: 30%;
text-align: center;
}
.sub-box span {
display: block;
font-size: var(--font-16);
padding-top: 15px;
}
.green-sec {
background: var(--color-green);
}
.cloud-bottom-sec {
padding-bottom: 200px;
}
.crew-sec img {
width: 100%;
border-radius: 30px;
overflow: hidden;
margin-top: 50px;
}
.white-div-large-c {
height: 55vw;
width: 55vw;
border-radius: 50%;
background: rgb(255 255 255 / 23%);
position: absolute;
left: -8%;
top: 50%;
}
.white-div-small-c {
height: 55vw;
width: 55vw;
border-radius: 50%;
background: rgb(255 255 255 / 23%);
position: absolute;
right: -7%;
top: -14%;
} @keyframes scaleUpDown {
0%,
100% {
transform: scale(1);
}
50% {
transform: scale(0.9);
}
}
#footer {
background: var(--color-dark-blue);
padding: 50px 0;
z-index: 99;
position: relative;
}
.top-green-div {
height: 50vw;
width: 50vw;
border-radius: 50%;
background: var(--color-green);
opacity: 0.1;
position: absolute;
z-index: -1;
left: -11%;
top: -20%;
animation: scaleUpDown 10s ease-in-out infinite;
}
.welcome-caption-inner {
width: 60%;
margin-left: auto;
margin-right: auto;
}
.room-green-div {
height: 50vw;
width: 50vw;
border-radius: 50%;
background: var(--color-green);
opacity: 0.1;
position: absolute;
z-index: -1;
left: -16%;
bottom: -37%;
animation: scaleUpDown 10s ease-in-out infinite;
}
.room-blue-div {
height: 50vw;
width: 50vw;
border-radius: 50%;
background: var(--color-dark-blue);
opacity: 0.1;
position: absolute;
z-index: -1;
left: 33%;
top: -36%;
animation: scaleUpDown 10s ease-in-out infinite;
}
.light-green-sec {
background: var(--color-light-green);
}
.why-choose-home-sec {
position: relative;
background: #fff;
padding-top: 100px;
}
.why-choose-home-sec .ban-img {
position: absolute;
top: 0px;
left: 0;
width: 100%;
height: auto;
z-index: 2;
object-fit: cover;
}
.why-choose-home-sec-inner {
background: linear-gradient(180deg, #069de1 20%, #b8eeff 100%);
padding-top: 100px;
padding-bottom: 100px;
}
.why-choose-container {
width: 75%;
margin-left: auto;
margin-right: auto;
z-index: 1;
position: relative;
}
@media (max-width: 768px) {
.why-choose-home-sec .ban-img {
height: 50px;
}
.why-choose-home-sec {
padding-top: 35px;
}
.banner-right {
padding-bottom: 4% !important;
}
.why-choose-card {
width: 100%;
padding: 0;
margin-bottom: 10px;
}
}
@media (min-width: 769px) and (max-width: 1500px) {
.why-choose-home-sec {
padding-top: 50px;
}
.banner-right {
padding-bottom: 5% !important;
}
}
.why-choose-grid {
margin-top: 50px;
}
.why-choose-card {
width: 48%;
padding: 0 5px 10px;
}
.why-choose-card-inner {
text-align: center;
position: relative;
background: #fff;
padding: 30px;
border-radius: 50px;
z-index: 1;
border: 2px solid #fff;
height: 100%;
display: flex;
flex-direction: column;
overflow: hidden;
}
.why-choose-green-div {
height: 150px;
width: 150px;
border-radius: 50%;
background: var(--color-green);
opacity: 0.15;
position: absolute;
z-index: 0;
left: -50px;
bottom: -50px;
animation: scaleUpDown 10s ease-in-out infinite;
}
.why-choose-blue-div {
height: 120px;
width: 120px;
border-radius: 50%;
background: var(--color-dark-blue);
opacity: 0.15;
position: absolute;
z-index: 0;
right: -40px;
top: -40px;
animation: scaleUpDown 10s ease-in-out infinite;
}
.why-choose-card-inner h3 {
margin-bottom: 20px;
font-size: var(--font-30);
line-height: var(--font-40);
position: relative;
z-index: 1;
}
.why-choose-card-inner p {
margin: 0;
flex-grow: 1;
position: relative;
z-index: 1;
}
.our-priority-sec {
background: #fff;
}
.our-priority-green-div {
height: 50vw;
width: 50vw;
border-radius: 50%;
background: var(--color-green);
opacity: 0.1;
position: absolute;
z-index: -1;
left: -16%;
bottom: -37%;
animation: scaleUpDown 10s ease-in-out infinite;
}
.our-priority-blue-div {
height: 50vw;
width: 50vw;
border-radius: 50%;
background: var(--color-dark-blue);
opacity: 0.1;
position: absolute;
z-index: -1;
left: 33%;
top: -36%;
animation: scaleUpDown 10s ease-in-out infinite;
}
.our-priority-container {
width: 80%;
margin-left: auto;
margin-right: auto;
z-index: 1;
position: relative;
}
.our-priority-grid {
margin-top: 50px;
}
.our-priority-card {
width: 32%;
padding: 0 5px 10px;
display: flex;
flex-direction: column;
}
.our-priority-card-inner {
text-align: center;
position: relative;
background: linear-gradient(45deg, #bfeef6, #d3eed7);
padding: 30px;
padding-top: 0;
border-radius: 50px;
z-index: 1;
border: 2px solid #fff;
flex-grow: 1;
display: flex;
flex-direction: column;
}
.priority-image-placeholder {
margin: 0 -30px 20px -30px;
border-radius: 50px 50px 0 0;
overflow: hidden;
min-height: 200px;
background: rgba(255, 255, 255, 0.3);
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.priority-image-placeholder img {
width: 100%;
height: auto;
display: block;
min-height: 200px;
object-fit: cover;
}
.priority-image-fallback {
width: 100%;
height: 200px;
background: rgba(255, 255, 255, 0.3);
display: flex;
align-items: center;
justify-content: center;
color: var(--color-green);
font-size: var(--font-18);
text-align: center;
padding: 20px;
position: absolute;
top: 0;
left: 0;
}
.priority-image-fallback::before {
content: "Image needed";
opacity: 0.5;
}
.our-priority-card-inner h3 {
margin-bottom: 20px;
font-size: var(--font-30);
line-height: var(--font-40);
}
.our-priority-card-inner p {
margin-bottom: 0;
flex-grow: 1;
}
.our-priority-card ul {
margin-top: 20px;
text-align: left;
padding-left: 0;
}
.our-priority-card ul li {
width: 100%;
}
.program-box {
text-align: center;
padding: 50px;
position: relative;
}
.programme-slider .slide-item {
padding: 0 10px;
}
.program-box::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgb(255 255 255 / 27%);
z-index: -1;
border: 1px solid #fff;
border-radius: 50px;
}
.programme-slider h6 {
height: 70px;
overflow: hidden;
padding-top: 10px;
}
.program-box img {
margin: auto;
display: block;
height: 150px;
width: auto;
}
.program-box p {
padding: 10px 0 0;
}
.programme-slider {
padding: 0 10%;
}
.programme-slider .explore-btn {
opacity: 0;
}
.programme-slider .explore-btn {
opacity: 0;
transition: all 0.5s;
}
.programme-slider .slick-active + .slick-active .explore-btn {
opacity: 1 !important;
transition: all 0.5s;
}
.programme-slider .slick-active + .slick-active + .slick-active .explore-btn {
opacity: 0 !important;
transition: all 0.5s;
}
.tailored-programme-slider {
padding: 0 10% !important;
}
.tailored-program-box {
overflow: hidden;
max-height: 380px;
transition: max-height 0.6s ease;
position: relative;
}
.tailored-program-box::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 120px;
background: linear-gradient(
to bottom,
transparent,
rgba(217, 238, 207, 0.98)
);
z-index: 1;
pointer-events: none;
transition: opacity 0.6s ease;
opacity: 1;
}
.tailored-program-box:hover::before {
opacity: 0;
}
.tailored-program-box:hover {
max-height: 1200px;
}
.tailored-program-box img {
transition: transform 0.6s ease;
margin-bottom: 20px;
}
.tailored-program-box:hover img {
transform: translateY(-10px);
}
.tailored-program-box h3 {
transition:
transform 0.6s ease,
opacity 0.6s ease;
transform: translateY(0);
opacity: 1;
margin-bottom: 15px;
}
.tailored-program-box p {
transition:
transform 0.6s ease,
opacity 0.6s ease;
transform: translateY(30px);
opacity: 0;
max-height: 0;
overflow: hidden;
margin: 0;
}
.tailored-program-box p:first-of-type {
opacity: 1;
transform: translateY(0);
max-height: 200px;
margin-bottom: 15px;
}
.tailored-program-box:hover p {
transform: translateY(0);
opacity: 1;
max-height: 500px;
margin-bottom: 15px;
}
.tailored-program-box:hover p:first-of-type {
transform: translateY(0);
margin-bottom: 15px;
}
.tailored-program-box .explore-btn {
transition:
transform 0.6s ease,
opacity 0.6s ease;
transform: translateY(30px);
opacity: 0;
margin-top: 0;
max-height: 0;
overflow: hidden;
}
.tailored-program-box:hover .explore-btn {
transform: translateY(0);
opacity: 1 !important;
margin-top: 20px;
max-height: 100px;
}
.tailored-programme-slider .explore-btn {
opacity: 0 !important;
}
.tailored-programme-slider .slick-active + .slick-active .explore-btn {
opacity: 0 !important;
}
.tailored-programme-slider
.slick-active
+ .slick-active
+ .slick-active
.explore-btn {
opacity: 0 !important;
}
.child-development-slider {
padding: 0 10% !important;
}
.child-development-box {
overflow: hidden;
min-height: 570px;
transition: max-height 0.6s ease;
position: relative;
}
.child-development-box::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 120px;
background: linear-gradient(
to bottom,
transparent,
rgba(217, 238, 207, 0.98)
);
z-index: 1;
pointer-events: none;
transition: opacity 0.6s ease;
opacity: 1;
}
.child-development-box:hover::before {
opacity: 0;
}
.child-development-box:hover {
max-height: 1200px;
}
.child-development-box .development-image {
transition: transform 0.6s ease;
margin-bottom: 20px;
width: 100%;
height: 200px;
object-fit: cover;
border-radius: 30px;
}
.child-development-box:hover .development-image {
transform: translateY(-10px);
}
.child-development-box h3 {
transition:
transform 0.6s ease,
opacity 0.6s ease;
transform: translateY(0);
opacity: 1;
margin-bottom: 15px;
}
.child-development-box p {
transition:
transform 0.6s ease,
opacity 0.6s ease;
transform: translateY(30px);
opacity: 0;
max-height: 0;
overflow: hidden;
margin: 0;
}
.child-development-box p:first-of-type {
opacity: 1;
transform: translateY(0);
max-height: 200px;
margin-bottom: 15px;
}
.child-development-box:hover p {
transform: translateY(0);
opacity: 1;
max-height: 500px;
margin-bottom: 15px;
}
.child-development-box:hover p:first-of-type {
transform: translateY(0);
margin-bottom: 15px;
}
.for-parents-sec {
background: #fff;
}
.for-parents-green-div {
height: 50vw;
width: 50vw;
border-radius: 50%;
background: var(--color-green);
opacity: 0.1;
position: absolute;
z-index: -1;
left: -16%;
bottom: -37%;
animation: scaleUpDown 10s ease-in-out infinite;
}
.for-parents-blue-div {
height: 50vw;
width: 50vw;
border-radius: 50%;
background: var(--color-dark-blue);
opacity: 0.1;
position: absolute;
z-index: -1;
left: 33%;
top: -36%;
animation: scaleUpDown 10s ease-in-out infinite;
}
.for-parents-container {
width: 90%;
margin-left: auto;
margin-right: auto;
z-index: 1;
position: relative;
}
.for-parents-wrapper {
align-items: flex-start;
}
.for-parents-image-left {
width: 48%;
position: relative;
}
.for-parents-main-image {
width: 100%;
height: auto;
border-radius: 50px;
object-fit: cover;
min-height: 600px;
}
.for-parents-image-fallback {
width: 100%;
min-height: 600px;
background: rgba(217, 238, 207, 0.3);
border-radius: 50px;
display: flex;
align-items: center;
justify-content: center;
color: var(--color-green);
font-size: var(--font-18);
text-align: center;
padding: 20px;
}
.for-parents-image-fallback::before {
content: "Image needed";
opacity: 0.5;
}
.for-parents-content-right {
width: 48%;
display: flex;
flex-direction: column;
}
.for-parents-content-block {
margin-bottom: 40px;
}
.for-parents-content-block:last-child {
margin-bottom: 0;
}
.for-parents-content-block h3 {
margin-bottom: 20px;
font-size: var(--font-30);
line-height: var(--font-40);
}
.for-parents-content-block p {
margin-bottom: 20px;
}
.for-parents-content-block ul {
margin-top: 20px;
margin-bottom: 30px;
text-align: left;
}
.for-parents-content-block ul li {
width: 100%;
margin-bottom: 10px;
}
.app-download-cta {
margin-top: 30px;
text-align: center;
}
.app-download-image {
max-width: 300px;
height: auto;
display: block;
margin: 0 auto;
}
.for-parents-content-block .explore-btn {
margin-top: 20px;
}
.curriculum-green-div {
height: 50vw;
width: 50vw;
border-radius: 50%;
background: var(--color-green);
opacity: 0.1;
position: absolute;
z-index: -1;
left: -16%;
bottom: -37%;
animation: scaleUpDown 10s ease-in-out infinite;
}
.curriculum-blue-div {
height: 50vw;
width: 50vw;
border-radius: 50%;
background: var(--color-dark-blue);
opacity: 0.1;
position: absolute;
z-index: -1;
left: 33%;
top: -36%;
animation: scaleUpDown 10s ease-in-out infinite;
}
.curriculum-container {
width: 90%;
margin-left: auto;
margin-right: auto;
z-index: 1;
position: relative;
}
.curriculum-top-wrapper {
margin-bottom: 50px;
}
.curriculum-top-left {
width: 55%;
}
.curriculum-top-right {
width: 42%;
}
.curriculum-top-image {
width: 100%;
height: auto;
border-radius: 50px;
object-fit: cover;
}
.curriculum-top-image-fallback {
width: 100%;
min-height: 400px;
background: rgba(217, 238, 207, 0.3);
border-radius: 50px;
display: flex;
align-items: center;
justify-content: center;
color: var(--color-green);
font-size: var(--font-18);
text-align: center;
padding: 20px;
}
.curriculum-top-image-fallback::before {
content: "Image needed";
opacity: 0.5;
}
.curriculum-layout-wrapper {
margin-top: 50px;
align-items: flex-start;
}
.curriculum-image-left {
width: 48%;
position: relative;
}
.curriculum-main-image {
width: 100%;
height: auto;
border-radius: 50px;
object-fit: cover;
min-height: 600px;
}
.curriculum-image-fallback {
width: 100%;
min-height: 600px;
background: rgba(217, 238, 207, 0.3);
border-radius: 50px;
display: flex;
align-items: center;
justify-content: center;
color: var(--color-green);
font-size: var(--font-18);
text-align: center;
padding: 20px;
}
.curriculum-image-fallback::before {
content: "Image needed";
opacity: 0.5;
}
.curriculum-content-right {
width: 48%;
display: flex;
flex-direction: column;
}
.curriculum-content-box {
width: 100%;
border-radius: 50px;
border: 2px solid #fff;
margin-bottom: 30px;
}
.curriculum-content-box:last-child {
margin-bottom: 0;
}
.curriculum-content-box h3 {
margin-bottom: 20px;
font-size: var(--font-30);
line-height: var(--font-40);
}
.curriculum-content-box p {
margin-bottom: 20px;
}
.curriculum-content-box ul {
margin-top: 20px;
text-align: left;
}
.curriculum-content-box ul li {
width: 100%;
margin-bottom: 10px;
} .curriculum-grid {
margin-top: 40px;
}
.curriculum-item {
width: 31%;
padding: 25px 20px;
background: #fff;
border-radius: 30px;
border: 2px solid #fff;
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
transition:
transform 0.3s ease,
box-shadow 0.3s ease;
margin-bottom: 30px;
}
.curriculum-item:hover {
transform: translateY(-5px);
box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
}
.curriculum-item h3 {
margin-bottom: 15px;
font-size: var(--font-25);
line-height: var(--font-35);
color: #000;
}
.curriculum-item p {
margin: 0;
font-size: var(--font-18);
line-height: var(--font-30);
}
.our-curriculum-intro-sec {
background: #fff;
}
.our-curriculum-veyldf-sec {
background: #fff;
}
.our-curriculum-pedagogy-sec {
background: #fff;
}
.our-curriculum-philosophies-sec {
background: var(--color-light-green);
}
.our-curriculum-sustainable-sec {
background: #fff;
}
.our-curriculum-kindergarten-sec {
background: var(--color-light-green);
}
.our-curriculum-tracking-sec {
background: #fff;
}
.our-curriculum-cta-sec {
background: var(--color-light-green);
} .child-care-centres-interactive {
background: #fff;
position: relative;
overflow: visible;
}
.child-care-centres-interactive .room-green-div,
.child-care-centres-interactive .room-blue-div {
z-index: 0;
}
.centres-interactive-wrapper {
margin-top: 60px;
gap: 60px;
align-items: flex-start;
position: relative;
z-index: 1;
flex-wrap: nowrap;
}
.centres-list-wrapper {
flex: 0 1 35%;
min-width: 0;
max-width: 420px;
width: auto;
position: relative;
z-index: 1;
}
.centres-list {
position: relative;
padding-left: 60px;
}
.centres-list::before {
content: "";
position: absolute;
left: 25px;
top: 0;
bottom: 0;
width: 2px;
background: linear-gradient(
to bottom,
rgba(110, 189, 68, 0.3) 0%,
rgba(110, 189, 68, 0.5) 50%,
rgba(110, 189, 68, 0.3) 100%
);
border-radius: 2px;
}
.centre-list-item {
display: flex;
align-items: center;
margin-bottom: 40px;
cursor: pointer;
transition: all 0.3s ease;
position: relative;
padding: 15px;
border-radius: 20px;
}
.centre-list-item:last-child {
margin-bottom: 0;
}
.centre-list-item::before {
content: "";
position: absolute;
left: -35px;
width: 20px;
height: 20px;
border-radius: 50%;
background: var(--color-light-green);
border: 3px solid #fff;
box-shadow: 0 0 0 2px var(--color-green);
z-index: 2;
transition: all 0.3s ease;
}
.centre-list-item.active::before {
background: var(--color-green);
box-shadow:
0 0 0 2px var(--color-green),
0 0 0 4px rgba(110, 189, 68, 0.2);
transform: scale(1.2);
}
.centre-list-item:hover {
background: rgba(110, 189, 68, 0.05);
}
.centre-list-item.active {
background: rgba(110, 189, 68, 0.1);
}
.centre-avatar {
width: 60px;
height: 60px;
border-radius: 50%;
overflow: hidden;
margin-right: 20px;
border: 3px solid var(--color-light-green);
transition: all 0.3s ease;
flex-shrink: 0;
}
.centre-list-item.active .centre-avatar {
border-color: var(--color-green);
transform: scale(1.1);
}
.centre-avatar img {
width: 100%;
height: 100%;
object-fit: cover;
}
.centre-list-info h4 {
font-size: var(--font-20);
line-height: var(--font-28);
margin-bottom: 5px;
transition: all 0.3s ease;
}
.centre-list-item.active .centre-list-info h4 {
font-size: var(--font-22);
font-weight: 600;
color: var(--color-green);
}
.centre-list-info p {
font-size: var(--font-14);
line-height: var(--font-20);
margin: 0;
color: #666;
}
.centre-list-item.active .centre-list-info p {
color: #333;
} .centre-details-wrapper {
flex: 1 1 0%;
min-width: 0;
width: auto;
position: relative;
min-height: 400px;
z-index: 1;
}
.centre-detail-content {
display: none;
animation: fadeIn 0.5s ease;
}
.centre-detail-content.active {
display: block;
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.centre-detail-image {
width: 100%;
height: auto;
border-radius: 30px;
overflow: hidden;
margin-bottom: 30px;
}
.centre-detail-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.centre-detail-text h3 {
font-size: var(--font-30);
line-height: var(--font-40);
margin-bottom: 20px;
}
.centre-detail-text p {
font-size: var(--font-18);
line-height: var(--font-28);
margin-bottom: 30px;
}
.centre-detail-text .explore-btn {
margin-top: 10px;
}
@media (max-width: 480px) {
.centres-list-wrapper {
width: 100%;
}
.centre-details-wrapper {
width: 100%;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.centres-list-wrapper {
flex: 0 1 38%;
max-width: 380px;
}
.centre-details-wrapper {
flex: 1 1 0%;
min-width: 0;
width: auto;
}
} .locations-grid {
margin-top: 50px;
}
.location-card {
width: 32%;
text-align: center;
padding: 30px;
background: #fff;
border-radius: 50px;
border: 2px solid var(--color-light-green);
margin-bottom: 30px;
}
.location-card img {
width: 100%;
height: auto;
object-fit: cover !important;
min-height: 300px;
border-radius: 30px;
margin-bottom: 20px;
transition: transform 0.3s ease;
}
.location-card:hover img {
transform: scale(1.05);
}
.location-card {
transition:
transform 0.3s ease,
box-shadow 0.3s ease;
}
.location-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.location-card h3 {
margin-bottom: 20px;
font-size: var(--font-30);
line-height: var(--font-40);
}
.location-card .explore-btn {
margin-top: 20px;
width: 100%;
}
.facilities-grid {
margin-top: 50px;
}
.facility-item {
width: 48%;
padding: 20px;
margin-bottom: 30px;
}
.facility-item h3 {
margin-bottom: 15px;
font-size: var(--font-25);
line-height: var(--font-35);
}
.facility-item p {
margin: 0;
}
.standards-content {
max-width: 800px;
margin: 50px auto 0;
text-align: left;
}
.safety-grid {
margin-top: 50px;
}
.safety-item {
width: 48%;
padding: 20px;
margin-bottom: 30px;
}
.safety-item h3 {
margin-bottom: 15px;
font-size: var(--font-25);
line-height: var(--font-35);
}
.safety-item p {
margin: 0;
}
.operating-info {
margin-top: 30px;
}
.operating-info p {
margin-bottom: 15px;
} .milestones-content {
max-width: 800px;
margin: 30px auto 0;
text-align: left;
}
.development-grid {
margin-top: 50px;
}
.development-item {
width: 32%;
padding: 20px;
margin-bottom: 30px;
}
.development-item h3 {
margin-bottom: 15px;
font-size: var(--font-25);
line-height: var(--font-35);
}
.development-item p {
margin: 0;
}
.development-content {
max-width: 800px;
margin: 30px auto 0;
text-align: left;
} .philosophy-content {
max-width: 800px;
margin: 30px auto 0;
text-align: left;
}
.nutrition-grid {
margin-top: 50px;
}
.nutrition-item {
width: 32%;
padding: 20px;
margin-bottom: 30px;
}
.nutrition-item h3 {
margin-bottom: 15px;
font-size: var(--font-25);
line-height: var(--font-35);
}
.nutrition-item p {
margin: 0;
}
.classroom-content,
.play-areas-content,
.materials-content,
.programs-content {
max-width: 800px;
margin: 30px auto 0;
text-align: left;
}
.stem-grid {
margin-top: 50px;
}
.stem-item {
width: 32%;
padding: 20px;
margin-bottom: 30px;
}
.stem-item h3 {
margin-bottom: 15px;
font-size: var(--font-25);
line-height: var(--font-35);
}
.stem-item p {
margin: 0;
} .hygiene-grid {
margin-top: 50px;
}
.hygiene-item {
width: 32%;
padding: 20px;
margin-bottom: 30px;
}
.hygiene-item h3 {
margin-bottom: 15px;
font-size: var(--font-25);
line-height: var(--font-35);
}
.hygiene-item p {
margin: 0;
}
.emergency-content,
.firstaid-content,
.illness-content {
max-width: 800px;
margin: 30px auto 0;
text-align: left;
} .about-philosophy-grid {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 30px;
margin-top: 30px;
}
.about-philosophy-item {
flex: 1;
min-width: 280px;
padding: 25px;
background: #fff;
border-radius: 30px;
border: 2px solid var(--color-light-green);
}
.about-philosophy-item h3 {
margin-bottom: 15px;
font-size: var(--font-25);
line-height: var(--font-35);
}
.about-philosophy-item p {
margin: 0;
}
.about-programs-table-wrap,
.about-safety-table-wrap {
overflow-x: auto;
margin-top: 30px;
border-radius: 20px;
border: 2px solid var(--color-light-green);
background: #fff;
}
.about-programs-table,
.about-safety-table {
width: 100%;
border-collapse: collapse;
font-size: var(--font-16);
}
.about-programs-table th,
.about-programs-table td,
.about-safety-table th,
.about-safety-table td {
padding: 18px 24px;
text-align: left;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
vertical-align: top;
}
.about-programs-table thead th,
.about-safety-table thead th {
background: var(--color-light-green);
color: #000;
font-weight: 600;
border-bottom: none;
}
.about-safety-table thead th {
background: #fff;
}
.about-programs-table tbody tr:last-child td,
.about-safety-table tbody tr:last-child td {
border-bottom: 0;
}
.about-programs-table td:first-child,
.about-safety-table td:first-child {
min-width: 160px;
font-weight: 600;
}
.about-safety-table td:first-child {
min-width: 180px;
}
.about-env-gallery {
margin-bottom: 30px;
}
.about-env-gallery-item {
flex: 1;
min-width: 200px;
max-width: 350px;
border-radius: 20px;
overflow: hidden;
}
.about-env-gallery-item img {
width: 100%;
height: auto;
object-fit: cover;
display: block;
}
.why-choose-card-img {
width: 100%;
border-radius: 50px 50px 0 0;
overflow: hidden;
margin: -2px -2px 0;
}
.why-choose-card-img img {
width: 100%;
height: auto;
min-height: 180px;
object-fit: cover;
display: block;
}
.why-choose-card:has(.why-choose-card-img) .why-choose-card-inner {
border-radius: 0 0 50px 50px;
}
.about-parent-resources {
max-width: 700px;
margin: 0 auto;
text-align: left;
}
.about-parent-resources .green-dot-ul a {
color: inherit;
text-decoration: underline;
}
.about-parent-resources .green-dot-ul a:hover {
color: var(--color-dark-green);
} .standards-content,
.governance-content,
.policies-content {
width: 80%;
margin: 20px auto;
text-align: center;
} .enrollment-content,
.handbook-content,
.resources-content {
max-width: 800px;
margin: 30px auto 0;
text-align: left;
}
.app-grid {
margin-top: 50px;
}
.app-item {
width: 48%;
margin-bottom: 30px;
position: relative;
}
.app-item-inner {
background: #fff;
padding: 30px;
border-radius: 50px;
border: 2px solid #fff;
height: 100%;
display: flex;
flex-direction: column;
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
transition:
transform 0.3s ease,
box-shadow 0.3s ease;
}
.app-item-inner:hover {
transform: translateY(-5px);
box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
}
.app-item h3 {
margin-bottom: 15px;
font-size: var(--font-25);
line-height: var(--font-35);
color: #000;
}
.app-item p {
margin: 0;
flex-grow: 1;
}
.green-arrow .slick-arrow {
position: absolute;
font-size: 0;
height: 100px;
width: 100px;
background-color: transparent;
background-repeat: no-repeat;
background-size: contain;
border: 0;
}
.green-arrow .slick-arrow {
transform: scale(1);
transition: all 0.5s;
}
.green-arrow .slick-arrow:hover {
transform: scale(0.95);
transition: all 0.5s;
}
.green-arrow .slick-prev {
left: 3%;
top: 43%;
}
.green-arrow .slick-next {
right: 3%;
top: 43%;
}
.light-green-bg {
background: var(--color-greenlight);
}
.welcome-sec:before {
content: "";
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
display: block;
z-index: 10;
position: relative;
}
.centers-wrapper {
position: relative;
z-index: 1;
}
.center-card {
width: 32%;
padding: 40px;
}
.center-card h2 {
font-size: var(--font-40);
line-height: var(--font-50);
font-weight: bold;
color: #fff;
margin-bottom: 20px;
font-family: var(--font-family-jost);
}
.center-card p {
font-size: var(--font-18);
line-height: var(--font-30);
color: #fff;
margin-bottom: 30px;
}
.points-left {
position: relative;
width: 30%; } .points-right {
width: 65%;
}
.point-box {
width: 33.3%;
padding: 0 5px 10px;
}
.point-box-text {
text-align: center;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #d9eecf;
position: relative; padding: 30px;
border-radius: 50px;
z-index: 1;
border: 2px solid #fff;
transition: all 0.5s;
}
.point-box-inner {
border-radius: 55px;
position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
height: 100%;
}
.point-box-text {
height: 100%;
}
.point-box-inner::after {
content: "";
border-radius: 50px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgb(0 0 0 / 42%);
}
.point-box-inner:hover .point-box-text {
background: transparent !important;
transition: all 0.5s;
}
.point-box-inner:hover .point-box-text h6,
.point-box-inner:hover .point-box-text p {
color: #fff !important;
transition: all 0.5s;
}
.point-box-inner .point-img {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, 0px, 0);
height: 80px;
}
.point-box-inner:hover .point-img {
transform: translate3d(0, -60px, 0);
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, -60px, 0);
}
.point-box-inner h6 {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
.point-box-inner:hover h6 {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.point-box-inner:hover p {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.point-box-inner p {
opacity: 0;
-webkit-transition:
opacity 0.35s,
-webkit-transform 0.35s;
transition:
opacity 0.35s,
transform 0.35s;
}
.point-box-inimg {
position: absolute;
top: 0;
width: 100%;
left: 0;
border-radius: 50px;
}
.gallery-left {
width: 49%;
}
.gallery-right {
width: 49%;
}
.gallery-right img {
width: 100%;
height: auto;
border-radius: 50px;
object-fit: cover;
}
.child-development-main-image {
width: 100%;
height: auto;
border-radius: 50px;
object-fit: cover;
}
.child-development-image-fallback {
width: 100%;
min-height: 500px;
background: rgba(217, 238, 207, 0.3);
border-radius: 50px;
display: flex;
align-items: center;
justify-content: center;
color: var(--color-green);
font-size: var(--font-18);
text-align: center;
padding: 20px;
}
.child-development-image-fallback::before {
content: "Image needed";
opacity: 0.5;
}
.gallery-div {
margin-top: -80px;
background-repeat: no-repeat;
background-size: 100% auto;
z-index: 1;
position: relative;
}
.home-gallery-slider {
padding: 80px 10% 0;
}
.home-gallery-slider .slide-item {
padding: 0 10px;
}
.home-gallery-slider img {
width: 100%;
border-radius: 50px;
border: 1px solid #fff;
height: 350px;
object-fit: cover;
}
.journey-blue-cicle {
height: 55vw;
width: 55vw;
border-radius: 50%;
background: var(--color-dark-blue);
opacity: 0.1;
position: absolute;
z-index: -1;
right: -7%;
top: -13%;
animation: scaleUpDown 10s ease-in-out infinite;
}
.journey-green-cicle {
height: 55vw;
width: 55vw;
border-radius: 50%;
background: var(--color-dark-blue);
opacity: 0.1;
position: absolute;
z-index: -1;
left: -12%;
bottom: -19%;
animation: scaleUpDown 10s ease-in-out infinite;
}
.journey-blue-bottom-cicle {
height: 55vw;
width: 55vw;
border-radius: 50%;
background: var(--color-green);
opacity: 0.1;
position: absolute;
z-index: -1;
right: -12%;
bottom: 11%;
animation: scaleUpDown 10s ease-in-out infinite;
}
.acc-box {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
height: 350px;
}
.acc-box-inner {
background: #fff;
border: 1px solid var(--color-light-green);
border-radius: 30px;
padding: 30px;
height: 200px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
}
.acc-box img {
margin: 0 auto;
display: block;
padding-bottom: 15px;
}
.acc-box p {
margin: 0;
}
.acc-box a {
color: #000;
font-size: var(--font-20);
font-weight: bold;
text-transform: none;
padding-top: 10px;
}
.acc-box-inner .paragraph,
.acc-box-inner a {
visibility: hidden;
height: 0;
}
.accre-slider .slick-active + .slick-active .acc-box-inner {
height: 350px;
transition: all 0.5s;
}
.accre-slider .slick-active + .slick-active a,
.accre-slider .slick-active + .slick-active p {
visibility: visible;
height: auto;
transition: all 0.5s;
}
.accre-slider .slick-active + .slick-active .acc-box-inner {
box-shadow: 0 0 57.099998474121094px 0 #00000012;
transition: all 0.5s;
}
.accre-slider .slick-active + .slick-active + .slick-active a,
.accre-slider .slick-active + .slick-active + .slick-active p {
visibility: hidden;
height: 0;
transition: all 0.5s;
}
.accre-slider .slick-active + .slick-active + .slick-active .acc-box-inner {
height: 200px;
box-shadow: none;
transition: all 0.5s;
}
.acc-box:hover .acc-box-inner {
height: 350px !important;
transition: all 0.5s;
}
.acc-box:hover a,
.acc-box:hover p {
visibility: visible !important;
height: auto !important;
transition: all 0.5s;
}
.acc-box:hover .acc-box-inner {
box-shadow: 0 0 57.099998474121094px 0 #00000012 !important;
transition: all 0.5s;
}
.acc-box-inner img {
height: 150px;
width: 60%;
object-fit: contain;
transition: all 0.5s;
}
.accre-slider .slide-item {
padding: 30px 15px;
}
.accreditations-layout-wrapper {
align-items: flex-start;
}
.accreditations-slider-left {
width: 66.67%;
}
.accreditations-content-right {
width: 30%;
padding-left: 30px;
}
.accreditations-right-content {
background: #d9eecf;
padding: 40px;
border-radius: 50px;
border: 2px solid #fff;
position: sticky;
top: 100px;
}
.accreditations-right-content h3 {
margin-bottom: 20px;
font-size: var(--font-30);
line-height: var(--font-40);
}
.accreditations-right-content p {
margin-bottom: 20px;
}
.accreditations-right-content p:last-child {
margin-bottom: 0;
}
.sustain-img {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 80%;
}
.sustain-img::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgb(1 195 255 / 41%);
}
.sustain-img img {
height: 100%;
width: 100%;
object-fit: cover;
}
.home-sus-slider {
padding: 0 10%;
}
.home-sus-slider img {
width: 100%;
}
.overflow-hidden-div {
overflow: hidden;
}
.news-main-img-a .news-main-img {
transform: scale(1);
transition: all 0.5s;
}
.news-main-img-a:hover .news-main-img {
transform: scale(1.1);
transition: all 0.5s;
}
.sustainable-box {
border: 1px solid #fff;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-radius: 70px;
position: relative;
}
.sustainable-box-text {
height: 100%;
width: 100%;
padding: 70px 50px;
border-radius: 70px;
background: rgb(0 0 0 / 32%);
transition: all 0.5s;
}
.sustainable-box-text {
text-align: center;
}
.home-sus-slider .slide-item {
padding: 0 15px;
}
.sustainable-box-text:hover {
transition: all 0.5s;
background:
linear-gradient(39.49deg, #12b26a 4.47%, #6ebd44 94.25%),
linear-gradient(0deg, #d9eecf, #d9eecf),
linear-gradient(0deg, #ffffff, #ffffff);
}
.sustainable-box-text:hover h6 {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.sustainable-box-text h6 {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, 40px, 0);
transform: translate3d(0, 40px, 0);
}
.sustainable-box-text:hover p {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.sustainable-box-text p {
opacity: 0;
-webkit-transition:
opacity 0.35s,
-webkit-transform 0.35s;
transition:
opacity 0.35s,
transform 0.35s;
}
.news-box h6 {
padding: 15px 0;
}
.news-box p {
padding-bottom: 20px;
}
.news-box img {
height: 300px;
width: 100%;
object-fit: cover;
border-top-left-radius: 70px;
border-top-right-radius: 70px;
}
.news-box-in {
padding: 0 20px;
}
.dark-green-sec {
background: var(--color-green);
}
.testi-left,
.testi-right {
width: 48%;
}
.testi-right .slick-dots {
position: absolute;
right: -30px;
height: 100%;
top: 0;
}
.testi-right .slick-dots {
display: flex;
flex-direction: column;
list-style: none;
}
.testi-right .slick-dots li {
flex-grow: 1;
}
.testi-right .slick-dots button {
background: rgb(255 255 255 / 38%);
height: 100%;
border-radius: 0 !important;
width: 2px;
font-size: 0;
border: 0;
padding: 0;
}
.testi-text-slider .slide-item {
padding: 10px;
}
.testi-right .slick-dots .slick-active button {
background: #fff !important;
}
.white-arrows .slick-arrow {
position: absolute;
font-size: 0;
height: 50px;
width: 50px;
background-color: transparent;
background-repeat: no-repeat;
background-size: contain;
border: 0;
z-index: 1;
}
.white-arrows .slick-prev {
left: -3%;
top: 43%;
}
.white-arrows .slick-next {
right: -3%;
top: 43%;
}
.testi-image-slider img {
width: 100%;
height: 450px;
object-fit: cover;
border-radius: 50px;
}
.testi-box-left {
width: 25%;
text-align: center;
}
.testi-box-right {
width: 70%;
}
.testi-box-left p {
font-size: var(--font-15);
}
.testi-box-left .testi-img {
width: 8vw;
height: 8vw;
object-fit: cover;
border-radius: 50%;
}
.img-test-wrap {
margin-bottom: 30px;
}
.testi-box {
border: 1px solid #fff;
background:
linear-gradient(180deg, #12b26a 0%, #6ebd44 100%),
linear-gradient(0deg, #ffffff, #ffffff);
padding: 30px;
border-radius: 30px;
}
.footer-conwarp {
background: linear-gradient(89.04deg, #115eaa 0.15%, #6ebd44 99.33%);
padding: 30px 70px;
border-radius: 20px;
}
.footer-logo {
margin: auto;
display: block;
padding-bottom: 50px;
} .footer-below-logo {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 24px 40px;
padding-bottom: 30px;
}
.footer-below-logo .footer-btn {
padding: 0;
}
.footer-below-logo .footer-email {
color: #fff;
font-size: var(--font-18);
}
.footer-below-logo .footer-email a {
color: #fff;
text-decoration: none;
}
.footer-below-logo .footer-email a:hover {
text-decoration: underline;
} .footer-locations-row {
gap: 20px 30px;
}
.footer-location-col {
flex: 1;
min-width: 0;
}
.footer-location-col .footer-conwarp-col {
margin-bottom: 8px;
}
.footer-location-col .footer-conwarp-col:last-child {
margin-bottom: 0;
}
.footer-conwarp a,
.footer-conwarp a:hover,
.footer-conwarp p {
color: #fff;
margin: 0;
text-decoration: none;
font-size: var(--font-18);
}
.privacy-ul a,
.privacy-ul a:hover {
color: #000;
margin: 0;
text-decoration: none;
font-size: var(--font-16);
padding: 0;
font-weight: 600;
}
.copywrap a,
.copywrap p {
color: #000;
margin: 0;
text-decoration: none;
font-size: var(--font-16);
padding: 0;
}
.copywrap a {
color: #fff;
}
.privacy-ul ul {
display: flex;
flex-direction: row !important;
justify-content: flex-end;
}
.privacy-ul ul li {
padding: 0 15px;
border-right: 1px solid #000;
}
.privacy-ul ul li:last-child {
border: 0 !important;
}
.footer-menu {
border-top: 1px solid #fff;
padding-top: 30px;
margin-top: 30px;
}
.footer-menu ul {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.footer-menu ul li {
position: relative;
display: flex;
align-items: center;
flex-grow: 1;
text-align: center;
justify-content: center;
}
.footer-menu ul li::after {
content: "";
height: 5px;
width: 5px;
background: #fff;
border-radius: 50%;
position: absolute;
right: 0;
}
.footer-menu ul li:last-child:after {
display: none;
}
.social-ul ul {
list-style: none;
padding: 0;
display: flex;
}
.social-ul ul li {
padding: 0 15px;
}
.social-div-wrap {
padding-top: 30px;
}
.copywrap {
padding-top: 50px;
}
.quo-test {
position: absolute;
bottom: 0;
left: 48px;
bottom: -22px;
height: 50px;
width: 50px;
}
.feature-image {
border-radius: 50px;
overflow: hidden;
padding: 0 0 80px;
}
.feature-image img {
border-radius: 50px;
overflow: hidden;
}
.video-sec iframe {
width: 100%;
height: 700px;
}
.feature-image-app {
margin-bottom: 50px;
position: relative;
}
.feature-image-app-left {
width: 65%;
}
.feature-image-app-right {
width: 35%;
}
.feature-image-app::after {
content: "";
bottom: 20%;
left: 0;
top: 20%;
right: 0;
background: linear-gradient(80.77deg, #d9eecf 0%, #b8eeff 97.98%);
position: absolute;
z-index: -1;
border-radius: 70px;
}
.feature-image-app a {
margin-bottom: 15px;
display: block;
}
.full-width-ul li {
width: 100% !important;
}
.programe-gallery-slider {
padding-top: 0;
z-index: 1;
}
.lihtgreen-sec {
background: var(--color-light-green);
}
.lihtgreen-sec-pro {
padding-bottom: 80px;
margin-bottom: 120px;
}
.cloud-bottom-sec-pro {
padding-bottom: 80px;
}
.process-main {
height: 18vw;
width: 18vw;
border-radius: 50%;
background: linear-gradient(334.41deg, #12b26a -10.43%, #115eaa 94.44%);
display: flex;
justify-content: center;
align-items: center;
color: #fff;
font-size: var(--font-40);
font-weight: 700;
text-align: center;
}
.process-circle-wrap {
height: 400px;
width: 400px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.process-circle-wrap-in {
height: 400px;
width: 400px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.process-step-box-in {
height: 6vw;
width: 6vw;
border-radius: 50% !important;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
font-size: var(--font-20);
font-weight: 700;
text-align: center;
background: var(--color-dark-blue);
position: absolute;
}
.process-step-in-1 {
top: -40px;
left: auto;
right: auto;
}
.process-step-in-2 {
top: 0;
left: 10px;
}
.process-step-in-3 {
top: 130px;
left: -40px;
right: auto;
}
.process-step-in-4 {
bottom: 20px;
left: 15px;
right: auto;
}
.process-step-in-5 {
bottom: -40px;
left: auto;
right: auto;
}
.process-step-in-6 {
bottom: 20px;
left: auto;
right: 15px;
}
.process-step-in-7 {
top: 130px;
left: auto;
right: -40px;
}
.process-step-in-8 {
top: 0;
left: auto;
right: 10px;
}
.process-step-box,
.process-step-box:hover {
height: 6vw;
width: 6vw;
border-radius: 50% !important;
display: flex;
justify-content: center;
align-items: center;
color: #fff !important;
font-size: var(--font-20);
font-weight: 700;
text-align: center;
background: var(--color-dark-blue);
position: absolute;
}
.step-box-1 {
top: -40px;
left: 35%;
right: 35%;
}
.step-box-2 {
top: 70px;
right: -40px;
}
.step-box-3 {
top: 70px;
left: -40px;
}
.step-box-4 {
bottom: -15px;
left: 20px;
}
.step-box-5 {
bottom: -15px;
right: 20px;
}
.process-left {
padding-right: 30px;
}
.process-box {
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.process-box-1 {
position: relative;
}
.process-box.active {
opacity: 1;
}
.process-step-box.active {
transform: scale(1.4);
}
.process-box p {
font-weight: bold;
}
.prepare-sec {
padding-left: 15%;
padding-right: 5%;
}
.prepare-left {
width: 48%;
}
.prepare-right {
width: 48%;
background: var(--color-light-green);
border-radius: 30px;
padding: 60px;
}
.green-cloud-sec {
background-repeat: no-repeat;
background-size: 100% auto;
padding-top: 50px;
margin-bottom: 80px;
position: relative;
}
.green-cloud-sec::after {
content: "";
background: var(--color-light-green);
position: absolute;
top: 200px;
bottom: 0;
left: 0;
right: 0;
}
.room-slider .slick-dots {
margin-top: -50px;
}
.room-in-box:last-child .room-in-box-inner {
padding-bottom: 0;
}
.room-in-box-inner-even .room-in-content { border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
padding: 0px 2%;
}
.room-in-box-inner-even .room-slider img {
width: 100%;
height: 600px;
object-fit: cover;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
}
.room-in-box-inner-odd .room-in-content { border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
padding: 0px 2%;
}
.room-in-box-inner-odd .room-slider img {
width: 100%;
height: 600px;
object-fit: cover;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
}
.room-in-box-inner {
padding-bottom: 80px;
}
.room-in-box-inner-odd {
flex-direction: row-reverse;
}
.insight-ul {
display: flex;
padding: 0;
margin: 0;
list-style: none;
justify-content: center;
}
.insight-ul li {
padding: 0 20px;
}
.insight-ul a {
background: var(--color-green);
color: #fff;
height: 40px;
width: 150px;
border-radius: 25px;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
text-transform: none;
font-size: var(--font-18);
}
.news-landing-land {
padding-top: 50px;
}
.news-landing-land .news-in-wrap {
width: 33.3%;
padding: 10px;
}
.news-in-wrap .news-box {
border: 1px solid var(--color-green);
border-radius: 70px;
overflow: hidden;
height: 100%;
}
.home-sus-slider .news-box {
overflow: hidden;
border-radius: 70px;
}
.news-in-wrap .news-a {
padding-bottom: 30px;
}
.news-tag {
font-size: var(--font-16);
color: var(--color-green);
padding-top: 20px;
font-weight: bold;
text-transform: none;
}
.date-wrap {
position: absolute;
top: 0;
right: 25px;
}
.date-wrap h6 {
font-size: var(--font-50);
line-height: var(--font-50);
font-weight: bold;
color: #fff;
margin: 0;
padding: 0;
position: relative;
z-index: 2;
}
.date-wrap p {
font-size: var(--font-15);
color: var(--color-light-green);
z-index: 2;
position: relative;
}
.date-wrap img {
width: 100%;
height: 150%;
top: 0;
position: absolute;
left: 0;
border-radius: 0 !important;
z-index: 1;
}
.date-wrap-inner {
padding: 10px;
}
.pagination-div {
padding-top: 30px;
display: flex;
justify-content: center;
}
.pagination-div a,
.pagination-div span {
height: 40px;
width: 40px;
color: #000;
text-decoration: none;
font-size: var(--font-20);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.pagination-div .current {
border-radius: 50%;
background: var(--color-green);
color: #fff;
}
.insight-tags {
display: flex;
list-style: none;
padding: 0;
margin: 0;
color: #000;
font-size: var(--font-16);
text-transform: none;
}
.insight-tags li {
padding: 0 10px;
border-right: 1px solid #000;
}
.insight-tags li:last-child {
border: 0;
}
.news-share-div {
border-bottom: 1px solid var(--color-green);
padding: 15px 0;
}
.share-ul {
list-style: none;
display: flex;
justify-content: flex-end;
}
.share-ul li {
padding-left: 15px;
}
.filter-form {
padding: 10px 10px 10px 60px;
border: 1px solid var(--color-green);
border-radius: 50px;
margin-top: 50px;
margin-bottom: 50px;
}
.filter-form {
font-size: var(--font-20);
font-weight: bold;
}
.gallery-wrap {
column-count: 3;
gap: 15px;
}
.gallery-box {
page-break-inside: avoid;
break-inside: avoid-column;
display: table;
width: 100%;
padding-bottom: 15px;
}
.gallery-box img {
width: 100%;
border-radius: 60px;
}
.filter-form div {
font-size: var(--font-20);
}
.filter-form select {
border: 0;
border-bottom: 1px solid var(--color-green);
min-width: 15vw;
font-size: var(--font-16);
}
.vbox-container iframe,
.venoratio.vbox-child {
height: 60vh;
}
.venoratio.vbox-child {
width: 50%;
}
a:focus,
button:focus,
input:focus,
select:focus {
outline: 0 !important;
box-shadow: none !important;
}
.gallery-ul a {
opacity: 0.5;
}
.gallery-ul .active-li {
opacity: 1;
}
.gallery-video-box {
display: block;
width: 49%;
border-radius: 60px;
overflow: hidden;
position: relative;
margin-bottom: 20px;
}
.gallery-video-box img {
width: 100%;
height: 400px;
object-fit: cover;
border-radius: 60px;
} .gallery-wrap-video {
padding-top: 50px;
}
.magical-sec {
margin-bottom: 150px;
}
.inner-video iframe {
width: 100% !important;
height: 600px;
}
.con-left {
width: 30%;
}
.con-right {
width: 65%;
}
.con-right iframe {
width: 100% !important;
height: 100% !important;
}
.con-box {
padding-bottom: 30px;
}
.con-box a:hover {
color: #000;
text-decoration: underline !important;
}
.con-box a {
text-decoration: none;
}
.special-a {
text-transform: none;
text-decoration: underline !important;
}
.phone-wrap a {
display: block;
padding: 0 15px;
border-right: 1px solid #000;
}
.phone-wrap a:first-child {
padding-left: 0 !important;
}
.phone-wrap a:last-child {
border: 0 !important;
}
.phone-wrap-white a {
border-right: 1px solid #fff;
}
.location-box {
background: linear-gradient(88.84deg, #d9eecf 0%, #b8eeff 100%);
padding: 30px;
border-radius: 35px;
margin-bottom: 15px;
}
.location-box-name {
width: 30%;
display: flex;
justify-content: center;
padding: 0 10px;
}
.location-box-address {
width: 30%;
display: flex;
justify-content: center;
padding: 0 10px;
}
.location-box-contact {
width: 30%;
display: flex;
justify-content: center;
padding: 0 10px;
}
.location-box-a {
width: 10%;
display: flex;
justify-content: center;
padding: 0 10px;
}
.location-box-a a {
color: #000;
text-transform: none;
font-size: var(--font-16);
font-weight: bold;
}
.location-box {
align-items: center;
}
.form-left,
.form-right {
width: 49%;
}
.form-wrap {
border: 1px solid var(--color-green);
border-radius: 30px;
padding: 60px 12%;
height: 100%;
}
.form-wrap-in {
padding-top: 30px;
}
.label-wrap {
width: 30%;
}
.input-wrap {
width: 65%;
}
.input-wrap input {
width: 100%;
border: 0;
border-bottom: 1px solid #000;
font-size: var(--font-18);
background: transparent !important;
font-size: var(--font-15);
}
.form-right img {
width: 100%;
height: 100%;
border-radius: 50px;
object-fit: cover;
}
.form-row {
padding-bottom: 30px;
}
.form-row p {
font-size: var(--font-18);
font-weight: bold;
text-transform: none;
margin: 0;
}
.wpcf7-not-valid-tip {
font-size: var(--font-15);
}
.form-row-submit {
display: flex;
justify-content: center;
padding-top: 20px;
}
.form-row-submit p {
width: 100%;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
.form-row-submit input {
height: 60px;
padding: 0 50px;
border-radius: 30px;
display: flex;
align-items: center;
justify-content: center;
min-width: 250px;
width: max-content;
text-transform: none;
text-decoration: none;
font-weight: 600;
font-size: var(--font-18);
border: 1px solid #fff;
position: relative;
overflow: hidden;
background:
linear-gradient(265.57deg, #12b26a 0%, #6ebd44 100%),
linear-gradient(0deg, #ffffff, #ffffff);
color: #fff;
}
.form-row-submit input::before {
content: "";
height: 100px;
width: 100px;
background: rgb(255 255 255 / 15%);
border-radius: 50%;
position: absolute;
left: -25px;
top: 0;
}
.form-row-submit input::after {
content: "";
height: 100px;
width: 100px;
background: rgb(255 255 255 / 15%);
border-radius: 50%;
position: absolute;
right: -25px;
bottom: 0;
}
.acco-wrap {
padding-top: 30px;
}
#accordionFaq button {
background: transparent;
border: 0 !important;
color: #000;
box-shadow: none !important;
}
#accordionFaq .accordion-item {
border: 0;
margin-bottom: 20px;
}
#accordionFaq .accordion-button {
padding: 30px 130px 0;
font-weight: bold;
position: relative;
}
#accordionFaq .accordion-button::before {
content: "";
position: absolute;
left: 100px;
height: 15px;
width: 15px;
border-radius: 50%;
background: var(--color-green);
}
#accordionFaq .accordion-button:not(.collapsed) {
background: var(--color-light-green) !important;
border-top-left-radius: 35px !important;
border-top-right-radius: 35px !important;
padding: 30px 130px 0;
}
#accordionFaq .accordion-collapse {
padding: 20px 130px 30px;
}
#accordionFaq .accordion-collapse {
background: var(--color-light-green);
border-bottom-left-radius: 35px !important;
border-bottom-right-radius: 35px !important;
padding: 20px 130px 30px;
}
#accordionFaq .accordion-body {
padding: 0;
}
.con-box-inner {
padding-bottom: 10px;
} .menu-nav .dropdown-toggle::after {
display: none !important;
}
.menu-nav .dropdown-toggle .dropdown-arrow {
display: inline-block !important;
margin-left: 8px;
vertical-align: middle;
cursor: pointer;
pointer-events: auto;
transition: transform 0.3s ease;
color: var(--color-green);
visibility: visible !important;
opacity: 1 !important;
}
.menu-nav .dropdown-toggle .dropdown-arrow::after {
content: "";
display: inline-block !important;
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 5px solid var(--color-green);
vertical-align: middle;
visibility: visible !important;
opacity: 1 !important;
} .menu-nav .dropdown:hover > .dropdown-toggle .dropdown-arrow,
.menu-nav .dropdown-toggle[aria-expanded="true"] .dropdown-arrow {
transform: rotate(180deg);
} .menu-nav .dropdown-menu {
position: absolute;
top: 100%;
left: 0;
margin-top: 0;
min-width: 200px;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
border-radius: 8px;
border: 1px solid rgba(0, 0, 0, 0.1);
overflow: visible;
z-index: 999;
}
.menu-nav .dropdown {
position: relative;
overflow: visible;
}
.menu-nav,
.menu-wrap,
.navbar-nav {
overflow: visible;
}
.menu-nav .dropdown-submenu {
overflow: visible;
} .menu-nav .dropdown-submenu > .dropdown-menu {
position: absolute;
top: 0;
left: 100%;
margin-left: 0px;
margin-top: 0px;
z-index: 1000;
min-width: 200px;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
border-radius: 8px;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.menu-nav .dropdown-submenu > .dropdown-item {
position: relative;
padding-right: 30px;
}
.menu-nav .dropdown-submenu > .dropdown-item::after {
content: "›";
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
font-size: 18px;
font-weight: bold;
color: #666;
} .menu-nav .dropdown-menu .dropdown-submenu > .dropdown-menu,
.menu-nav .dropdown-menu .dropdown-menu .dropdown-submenu > .dropdown-menu {
position: absolute;
top: 0;
left: 100%;
margin-left: 5px;
margin-top: -1px;
z-index: 1001;
min-width: 200px;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
border-radius: 8px;
border: 1px solid rgba(0, 0, 0, 0.1);
} .menu-nav .dropdown-menu.show,
.menu-nav .dropdown-submenu > .dropdown-menu.show {
display: block !important;
} .menu-nav .dropdown-menu:not(.show),
.menu-nav .dropdown-submenu > .dropdown-menu:not(.show) {
display: none !important;
} .menu-nav .dropdown-submenu:hover {
position: relative;
} .menu-nav .dropdown:hover > .dropdown-menu.show {
display: block !important;
} .menu-nav .dropdown-menu {
z-index: 999;
}
.menu-nav .dropdown-menu .dropdown-menu {
z-index: 1000;
}
.menu-nav .dropdown-menu .dropdown-menu .dropdown-menu {
z-index: 1001;
} @media only screen and (max-width: 991px) {
.menu-nav .dropdown-submenu > .dropdown-menu {
position: static;
margin-left: 20px;
margin-top: 5px;
box-shadow: none;
border: none;
border-left: 2px solid var(--color-light-green);
padding-left: 15px;
}
.menu-nav .dropdown-submenu > .dropdown-item::after {
content: "▼";
}
}
.apply-now-from {
background: var(--color-light-green);
padding: 100px 100px 50px;
border-radius: 50px;
}
.form-col {
width: 49%;
}
.file-row-div input {
opacity: 0;
visibility: hidden;
height: 0;
}
.file-row-div .input-file {
display: flex;
flex-direction: column;
align-items: flex-end;
text-align: right;
}
.file-row-div br {
display: none;
}
.file-row-div .btn {
padding-left: 0;
color: var(--color-green);
font-weight: bold;
}
.file-row-div .input-wrap,
.file-row-div .label-wrap {
width: 100%;
}
#accordionposition .accordion-button::after {
display: none;
}
#accordionposition .accordion-item {
margin-bottom: 30px;
border: 0;
}
#accordionposition .accordion-button {
border: 1px solid var(--color-light-green);
background: transparent;
border-radius: 35px;
color: #000;
padding: 25px 60px;
box-shadow: none !important;
}
#accordionposition .accordion-button ul {
list-style: none;
padding: 0;
display: flex;
margin: 0;
}
#accordionposition .accordion-button ul li {
padding: 0 15px;
border-right: 1px solid var(--color-green);
color: var(--color-green);
}
#accordionposition .accordion-button ul li:first-child {
padding-left: 0;
}
#accordionposition .accordion-button ul li:last-child {
border: 0;
}
#accordionposition .accordion-button h6 {
font-size: var(--font-20);
font-weight: bold;
}
#accordionposition .accordion-body {
background: linear-gradient(88.84deg, #d9eecf 0%, #b8eeff 100%);
padding: 0 60px 30px;
border-bottom-left-radius: 35px;
border-bottom-right-radius: 35px;
}
#accordionposition .accordion-button:not(.collapsed) {
background: linear-gradient(88.84deg, #d9eecf 0%, #b8eeff 100%);
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.apply-now-wrap-car {
padding-top: 30px;
}
#accordionposition .accordion-button .careers-explore {
font-size: var(--font-18);
text-transform: none;
font-weight: bold;
text-decoration: underline;
}
.close-text {
display: none;
}
.accordion-button:not(.collapsed) .explore-text {
display: none;
}
.accordion-button:not(.collapsed) .close-text {
display: block;
}
.one-line-ul ul li {
width: 100%;
}
.careers-the-div h1,
.careers-the-div h2,
.careers-the-div h3,
.careers-the-div h4,
.careers-the-div h5,
.careers-the-div h6 {
font-size: var(--font-30);
}
.number-box {
width: 49%;
margin-bottom: 30px;
}
.number-box-left {
width: 25%;
}
.number-box-right {
width: 70%;
}
.number-box-left img {
height: 250px;
width: 100%;
object-fit: scale-down;
}
.number-box {
padding: 30px;
background: linear-gradient(88.84deg, #d9eecf 0%, #b8eeff 100%);
border-radius: 35px;
}
.number-box-right .special-para--bold {
font-size: var(--font-25);
}
.register-form {
border: 1px solid var(--color-light-green);
border-radius: 35px;
}
.register-title {
width: 80%;
margin-left: auto;
margin-right: auto;
padding: 60px 0;
}
.reg-form-div {
padding: 30px 60px;
border-bottom: 1px solid var(--color-light-green);
}
.reg-form-div h6 {
font-size: var(--font-35);
font-weight: bold;
padding-bottom: 30px;
text-align: center;
}
.fix-social {
position: fixed;
list-style: none;
padding: 0;
right: 0;
bottom: 100px;
z-index: 9999;
}
.fix-social li {
padding: 10px;
}
.para-green {
font-size: var(--font-18);
color: var(--color-green);
padding: 30px 0;
text-align: center;
}
.form-row select {
border: 0;
border-bottom: 1px solid #000;
width: 100%;
}
.check-wrap label,
.radio-wrap label {
display: flex;
align-items: center;
}
.radio-wrap label span {
padding-right: 5px;
}
.check-wrap label span {
padding-left: 5px;
}
.radio-wrap .input-wrap p {
display: flex;
justify-content: flex-end;
}
.book-left,
.book-right {
width: 49%;
}
section.position-relative.tour-sec.simple-padding-bottom {
background-color: #d9eecf;
}
.book-right iframe {
width: 100%;
height: 100%;
min-height: 41.9270833333vw;
}
.test-green-circle-left {
height: 55vw;
width: 55vw;
border-radius: 50%;
background: var(--color-light-green);
opacity: 0.1;
position: absolute;
z-index: 1;
right: -22%;
bottom: 11%;
animation: scaleUpDown 10s ease-in-out infinite;
}
.test-green-circle-right {
height: 55vw;
width: 55vw;
border-radius: 50%;
background: var(--color-light-green);
opacity: 0.1;
position: absolute;
z-index: 1;
left: -12%;
bottom: -35%;
animation: scaleUpDown 10s ease-in-out infinite;
}
.enroll-now-float,
.enroll-now-float:hover {
position: fixed;
bottom: 20px;
right: 0;
height: 60px;
padding: 0 30px;
background: var(--color-green);
color: #fff;
z-index: 999999;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
font-size: var(--font-16);
font-weight: bold;
text-transform: none;
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
}
.center-box-right {
display: flex;
flex-direction: column;
}
.center-box-right a {
height: 30px;
padding: 0 30px;
border-radius: 30px;
border: 1px solid var(--color-green);
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
font-size: var(--font-15);
}
.view-center-btn,
.view-center-btn:hover {
margin-bottom: 15px;
color: var(--color-green);
}
.book-to-btn,
.book-to-btn:hover {
background: var(--color-green);
color: #fff;
}
.center-box-left h6 {
font-size: var(--font-18);
font-weight: bold;
}
.center-box {
padding: 20px;
border-top: 1px solid #d5d5d5;
border-bottom: 1px solid #d5d5d5;
}
.tour-img {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
height: auto;
}
.tour-sec {
padding-top: 150px;
}
.book-to-wrapper {
background: #fff;
padding: 50px;
}
.center-box-left {
width: 65%;
}
.center-box-right {
width: 35%;
}
.center-wrap {
height: 500px;
overflow: auto;
}
.star-list {
list-style: none;
display: flex;
padding: 0;
}
.star-list img {
width: 20px;
}
.star-list li {
padding-right: 3px;
}
.single-tour {
width: 48%;
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: self-start;
}
.tour-image img {
height: 400px;
object-fit: cover !important;
width: 100%;
padding-bottom: 1rem;
border-radius: 60px;
}
.single-tour {
padding-bottom: 3rem;
}
.tour-content {
display: flex;
flex-direction: column;
align-items: center;
margin: auto;
.tour-name {
padding-bottom: 1rem;
}
.tour-btn {
text-decoration: none;
height: 49px;
padding: 0 30px;
border-radius: 30px;
display: flex;
align-items: center;
justify-content: center;
min-width: 173px;
}
}
.page.page-id-18 .cloud-bottom-sec {
background-color: #d9eecf;
}  .gal-wrap.gallery-div {
width: 100%;
margin-top: 1rem;
}
@media (min-width: 991px) and (max-width: 1600px) {
.hamburgerbtn,
.hamburgerbtn:hover {
height: 10.5vh;
}
#header {
height: 12vh;
}
body {
padding-top: 13vh;
}
.middle-wrap {
width: 80%;
}
.home-sus-slider {
padding: 0 5%;
}
.home-sus-slider.green-arrow .slick-prev {
left: -2%;
}
.home-sus-slider.green-arrow .slick-next {
right: -2%;
}
.single-early_learning_tour .cloud-bottom-sec {
background-color: transparent;
}
}
@media (min-width: 991px) and (max-width: 1600px) {
.page.page-id-18 .cloud-bottom-sec {
background-color: transparent;
}
.page.page-id-18 .contact-div {
margin-top: 100px;
margin-bottom: 50px;
}
.tour-sec {
background-color: #d9eecf;
}
}
@media (min-width: 991px) and (max-width: 1300px) {
.number-box-left img {
height: 200px;
}
.magical-sec {
margin-bottom: 100px;
}
.testi-image-slider img {
height: 350px;
}
.inner-video iframe {
height: 500px;
}
.gallery-video-box img {
height: 300px;
}
.news-main-img {
height: 250px !important;
}
.room-in-box-inner-even .room-slider img {
height: 450px;
}
.main-wrap {
width: 90%;
}
.home-gallery-slider img {
height: 250px;
}
.green-arrow .slick-arrow {
height: 70px;
width: 70px;
}
.acc-box {
height: 350px;
}
.white-div-small-c {
right: 0;
top: -35%;
}
.sus-slider img {
height: 650px;
}
.video-sec iframe {
height: 570px;
}
.cloud-bottom-sec {
padding-bottom: 150px;
}
.room-in-box-inner-odd .room-slider img {
height: 500px;
}
.test-green-circle-left {
right: 0;
}
.explore-btn {
height: 45px;
min-width: 190px;
}
}
@media only screen and (max-width: 1366px) {
.tour-sec {
padding-top: 4rem !important;
}
.tour-name {
font-size: 20px;
}
}
@media only screen and (min-width: 991px) {
.js-scroll {
opacity: 0;
transition: opacity 500ms;
}
.js-scroll.scrolled {
opacity: 1;
}
.scrolled.fade-in {
animation: animateup 1s ease-in-out both;
}
.first-load-animate {
animation: animateup 1s ease-in-out both;
}
@keyframes animateup {
0% {
transform: translate3d(5px, 40px, 0);
opacity: 0;
transition:
transform 0ms,
opacity 0ms,
-webkit-transform 0ms;
}
100% {
transition:
transform 1500ms cubic-bezier(0.19, 1, 0.22, 1),
opacity 1500ms cubic-bezier(0.19, 1, 0.22, 1),
-webkit-transform 1500ms cubic-bezier(0.19, 1, 0.22, 1);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.searchCollapse .card {
border: 0;
box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
}
.searchCollapse form {
width: 100%;
}
.searchCollapse input {
height: 50px;
border: 0;
border-bottom: 1px solid #000;
}
.searchCollapse input {
flex-grow: 1;
}
.searchCollapse button {
background: transparent;
border: 0;
}
.searchCollapse {
position: absolute;
right: 0;
left: -250px;
top: 8vh;
}
.dropdown:hover .dropdown-menu {
display: block;
position: absolute;
}
.mobile-div {
display: none !important;
}
#navbar_main_nav {
display: none !important;
} ::-webkit-scrollbar {
width: 8px;
}
}
@media only screen and (max-width: 991px) {
.star-list {
justify-content: center;
}
.star-list li {
padding: 0 3px;
}
.sus-slider .slick-dots {
margin-top: 0;
}
.sus-slider .slick-dots button,
.white-dots .slick-dots button {
background: var(--color-light-green);
}
.process-box,
.process-step-box,
.process-step-box:hover {
position: relative !important;
text-align: center;
}
#myTab {
justify-content: center;
}
.the-content-div ul li {
text-align: left !important;
}
#header::before {
height: 100% !important;
}
.testi-right .slick-dots {
right: 0;
}
.insight-ul a {
font-size: 14px;
}
.test-green-circle-left {
right: 0;
}
.vbox-container iframe,
.venoratio.vbox-child {
height: 350px;
}
.venoratio.vbox-child {
width: 100%;
}
.filter-form select {
font-size: 14px;
width: 100%;
}
.filter-form div {
width: 100%;
}
body {
padding-top: 80px;
}
.searchCollapse-mobile {
margin-bottom: 30px;
}
.searchCollapse-mobile .card {
padding: 10px 20px 20px 20px;
}
.searchCollapse .card {
border: 0;
box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
}
.searchCollapse form {
width: 100%;
}
.searchCollapse input {
height: 50px;
border: 0;
border-bottom: 1px solid #000;
}
.searchCollapse input {
flex-grow: 1;
}
.searchCollapse button {
background: transparent;
border: 0;
}
.mobile-text-align {
text-align: center;
}
.menu-social-wrap {
padding-top: 50px;
}
#nav_accordion li.active a {
color: var(--color-green);
}
#nav_accordion li.active li a {
color: #000;
}
#nav_accordion li.active li.active a {
color: var(--color-green) !important;
} ::-webkit-scrollbar {
width: 4px;
}
.sidebar {
width: 100%;
}
.sidebar li .submenu {
list-style: none;
margin: 0;
padding: 0;
padding-left: 1rem;
padding-right: 1rem;
}
.sidebar .nav-link {
font-weight: 500;
color: var(--bs-dark);
display: flex;
align-items: center;
justify-content: space-between;
}
.sidebar .nav-link:hover {
color: var(--bs-primary);
}
.has-submenu-toggle {
position: relative;
}
.has-submenu-toggle::after {
content: "";
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 6px solid var(--color-green);
}
#nav_accordion a {
color: var(--dark-black);
padding: 0;
height: 40px;
border-bottom: 1px solid rgb(255 255 255 / 42%);
font-size: 16px;
}
.submenu a {
text-decoration: none;
padding: 0;
height: 50px;
display: flex;
align-items: center;
font-size: 14px;
}
.hamburger {
background: transparent !important;
border: 0;
width: 40px;
}
#header {
height: 60px;
} .menu-ham a,
.menu-ham a:hover { height: 55px;
}
.menu-ham {
padding-right: 5px;
padding-left: 5px;
}
.hamburgerbtn div {
font-size: 10px;
align-items: center; }
.hamburger .linee {
width: 30px;
height: 3px;
background-color: var(--color-green);
display: block;
margin: 8px 0 8px auto;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.hamburger .line-one {
width: 30px;
}
.hamburger .line-two {
width: 30px; }
.hamburger .line-three {
width: 30px; }
#hamburger-1.is-active .linee:nth-child(2) {
opacity: 0;
}
.hamburger .line {
height: 2px !important;
margin: 7px 0 7px auto !important;
}
#hamburger-1.is-active .linee:nth-child(1) {
-webkit-transform: translateY(9px) rotate(45deg) !important;
-ms-transform: translateY(9px) rotate(45deg) !important;
-o-transform: translateY(9px) rotate(45deg) !important;
transform: translateY(9px) rotate(45deg) !important;
width: 35px !important;
}
#hamburger-1.is-active .linee:nth-child(3) {
-webkit-transform: translateY(-12px) rotate(-45deg) !important;
-ms-transform: translateY(-12px) rotate(-45deg) !important;
-o-transform: translateY(-12px) rotate(-45deg) !important;
transform: translateY(-12px) rotate(-45deg) !important;
width: 35px !important;
}
.navoffcanvas-active {
visibility: hidden;
transform: translateX(-100%);
border-radius: 0;
display: block;
position: fixed;
top: 0;
left: 0;
overflow: auto;
height: 100vh;
z-index: 993;
width: 100%;
transition:
visibility 0.3s ease-in-out,
transform 0.3s ease-in-out;
padding-top: 90px;
background: #fff !important;
padding-bottom: 100px;
padding-left: 5%;
padding-right: 5%;
}
.navoffcanvas-active.navshow {
visibility: visible;
transform: translateX(0);
}
.menu-search {
display: none !important;
}
.prepare-right {
padding: 30px 10px;
}
.process-step-box {
position: relative;
top: auto !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
}
.process-main {
height: auto;
width: 100%;
font-size: 25px;
background: transparent;
color: #000;
padding-bottom: 15px;
}
.process-circle-wrap {
height: auto;
width: 100%;
flex-wrap: wrap;
}
.process-step-box {
height: 27vw !important;
width: 27vw !important;
font-size: 14px !important;
}
.process-step-box.active {
transform: none;
}
.main-wrapper-header {
align-items: center !important;
}
.testi-box-left .testi-img {
width: 120px;
height: 120px;
}
:root {
--font-15: 15px;
--font-16: 16px;
--font-18: 18px;
--font-20: 20px;
--font-25: 25px;
--font-30: 30px;
--font-35: 35px;
--font-40: 40px;
--font-50: 50px;
--font-60: 60px;
--font-70: 70px;
--font-80: 80px;
--font-90: 90px;
--font-100: 100px;
--font-110: 110px;
}
.menu-nav {
display: none !important;
}
.banner-left,
.banner-right,
.gallery-left,
.gallery-right,
.points-left,
.points-right,
.testi-left,
.testi-right,
.welcome-left,
.welcome-right {
width: 100%;
}
.main-heading {
font-size: 25px;
line-height: 35px;
}
.footer-cl-wrap,
.news-title-wrap,
.social-div-wrap {
flex-direction: column;
}
.point-box {
width: 100%;
}
.center-card {
width: 100%;
padding: 30px 20px;
margin-bottom: 30px;
}
.center-card:last-child {
margin-bottom: 0;
}
.center-card h2 {
font-size: 25px;
line-height: 35px;
text-align: center;
}
.center-card p {
text-align: center;
}
.center-learn-btn {
margin: 0 auto;
display: flex;
justify-content: center;
width: max-content;
}
.why-choose-container {
width: 90%;
}
.why-choose-card {
width: 100%;
margin-bottom: 30px;
}
.why-choose-card:last-child {
margin-bottom: 0;
}
.location-card {
width: 100%;
margin-bottom: 30px;
}
.location-card:last-child {
margin-bottom: 0;
} .centres-interactive-wrapper {
flex-direction: column;
gap: 40px;
}
.centres-list-wrapper,
.centre-details-wrapper {
width: 100%;
}
.centres-list {
padding-left: 50px;
}
.centres-list::before {
left: 20px;
}
.centre-list-item::before {
left: -25px;
}
.centre-detail-image {
height: 250px;
}
.facility-item,
.safety-item {
width: 100%;
margin-bottom: 30px;
}
.facility-item:last-child,
.safety-item:last-child {
margin-bottom: 0;
}
.development-item {
width: 100%;
margin-bottom: 30px;
}
.development-item:last-child {
margin-bottom: 0;
}
.nutrition-item,
.stem-item {
width: 100%;
margin-bottom: 30px;
}
.nutrition-item:last-child,
.stem-item:last-child {
margin-bottom: 0;
}
.hygiene-item {
width: 100%;
margin-bottom: 30px;
}
.hygiene-item:last-child {
margin-bottom: 0;
}
.about-philosophy-item {
min-width: 100%;
}
.about-programs-table th,
.about-programs-table td,
.about-safety-table th,
.about-safety-table td {
padding: 12px 16px;
font-size: 14px;
}
.about-env-gallery-item {
min-width: 100%;
max-width: 100%;
} .app-item {
width: 100%;
margin-bottom: 25px;
}
.app-item:last-child {
margin-bottom: 0;
}
.app-item-inner {
padding: 25px 20px;
border-radius: 30px;
}
.app-item h3 {
font-size: 1.125rem;
line-height: 1.5rem;
margin-bottom: 15px;
}
.app-item p {
font-size: 14px;
line-height: 22px;
} .curriculum-item {
width: 48%;
margin-bottom: 25px;
}
.curriculum-item:last-child {
margin-bottom: 0;
}
.curriculum-item h3 {
font-size: 1.25rem;
line-height: 1.75rem;
}
.curriculum-item p {
font-size: 15px;
line-height: 24px;
}
.why-choose-card-inner {
padding: 30px 20px;
}
.why-choose-card-inner h3 {
font-size: 20px;
line-height: 30px;
}
.our-priority-container {
width: 90%;
}
.our-priority-card {
width: 100%;
margin-bottom: 30px;
}
.our-priority-card:last-child {
margin-bottom: 0;
}
.our-priority-card-inner {
padding: 30px 20px;
padding-top: 0;
}
.priority-image-placeholder {
margin: 0 -20px 20px -20px;
}
.our-priority-card-inner h3 {
font-size: 20px;
line-height: 30px;
}
.our-priority-card ul {
margin-top: 15px;
}
.curriculum-container {
width: 90%;
}
.curriculum-top-wrapper {
flex-direction: column;
}
.curriculum-top-left,
.curriculum-top-right {
width: 100%;
}
.curriculum-top-left {
order: 2;
}
.curriculum-top-right {
order: 1;
margin-top: 0;
margin-bottom: 30px;
}
.curriculum-top-image {
min-height: 300px;
}
.curriculum-top-image-fallback {
min-height: 300px;
}
.curriculum-image-left,
.curriculum-content-right {
width: 100%;
}
.curriculum-image-left {
margin-bottom: 30px;
}
.curriculum-main-image {
min-height: 400px;
}
.curriculum-image-fallback {
min-height: 400px;
}
.curriculum-content-box {
padding: 30px 20px;
}
.for-parents-container {
width: 90%;
}
.for-parents-image-left,
.for-parents-content-right {
width: 100%;
}
.for-parents-image-left {
margin-bottom: 30px;
}
.for-parents-main-image {
min-height: 400px;
}
.for-parents-image-fallback {
min-height: 400px;
}
.for-parents-content-block {
margin-bottom: 30px;
}
.welcome-caption {
position: relative;
top: 0;
background: var(--color-green);
padding: 50px 0;
}
.section-heading {
font-size: 25px;
line-height: 35px;
}
.creative-heading {
font-size: 14px;
line-height: 25px;
}
.paragraph {
font-size: 13px;
line-height: 22px;
}
.main-wrap,
.main-wrap-left,
.middle-wrap,
.middle-wrap-large,
.middle-wrap-left,
.small-wrap,
.welcome-caption-inner {
width: 90%;
margin-left: auto;
margin-right: auto;
}
.cloud-bottom-sec {
padding-bottom: 50px;
}
.gallery-right img {
width: 100%;
}
#footermenu {
display: flex;
flex-wrap: wrap;
}
.explore-btn,
.form-row-submit input {
height: 40px;
padding: 0 20px;
min-width: 170px;
font-size: 14px;
} .main-banner {
margin-top: -10vh;
min-height: 70vh;
}
.hero-content-wrapper {
padding: calc(11vh + 60px) 20px 150px;
min-height: 70vh;
}
.hero-content-inner {
max-width: 90%;
padding: 30px 20px;
}
.hero-content-inner .hero-heading {
font-size: 2rem;
line-height: 2.5rem;
}
.hero-content-inner .paragraph--white {
font-size: 16px;
line-height: 24px;
}
.hero-bottom-shape {
bottom: -1px;
}
.banner-left {
padding-right: 0;
padding-bottom: 30px;
text-align: center;
width: 100% !important;
}
.banner-left h1 {
font-size: 2rem;
line-height: 2.5rem;
}
.banner-left h2 {
font-size: 1.25rem;
line-height: 1.75rem;
}
.banner-left a {
margin: auto;
}
.banner-right {
width: 100% !important;
padding-bottom: 0;
}
.banner-right video {
border-top-left-radius: 30px;
border-top-right-radius: 30px;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
height: 400px;
min-height: unset;
}
.special-para {
font-size: 14px;
line-height: 24px;
}
.the-content-div,
.the-content-div a,
.the-content-div li,
.the-content-div p,
.the-content-div span,
.the-content-div td,
.the-content-div th {
font-size: 13px;
line-height: 22px;
}
.simple-padding-top {
padding-top: 50px;
}
.simple-padding-bottom {
padding-bottom: 50px;
}
.acc-box-inner .paragraph,
.acc-box-inner a {
visibility: visible;
height: auto;
}
.acc-box {
height: auto;
}
.welcome-right img {
border-radius: 50px;
}
.sub-box {
position: relative;
font-size: 15px;
padding: 20px;
border-radius: 20px;
width: 100%;
left: auto;
top: auto;
right: auto;
margin-bottom: 0px;
}
.program-box {
padding: 30px;
}
.point-box-inner .point-box-text {
background: transparent !important;
}
.point-box-inner .point-img {
transform: translate3d(0, -60px, 0);
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, -60px, 0);
}
.point-box-inner .point-box-text h6,
.point-box-inner .point-box-text p {
color: #fff !important;
opacity: 1;
}
.point-box-inner h6 {
-webkit-transform: none;
transform: none;
}
.point-box {
margin-bottom: 30px;
}
.gallery-left {
padding-top: 50px;
text-align: center;
}
.green-arrow .slick-arrow {
display: none !important;
}
.home-sus-slider {
padding: 0;
}
.home-sus-slider .slide-item {
padding: 0;
}
.testi-image-slider img {
height: 250px;
}
.heading-padding {
padding-bottom: 15px;
}
.welcome-left h3,
.welcome-left h6,
.welcome-left p {
text-align: center;
}
.gallery-left a,
.welcome-left a {
margin: auto;
}
.programme-slider {
padding: 0 5%;
}
.programme-slider .explore-btn {
opacity: 1;
}
.programme-slider h6 {
height: auto;
}
.points-left {
text-align: center;
padding-bottom: 50px;
} .home-location-slider {
min-height: 350px !important;
height: auto !important;
}
.home-location-slider .slick-list {
min-height: 350px !important;
height: auto !important;
}
.home-location-slider .slick-track {
min-height: 350px !important;
height: auto !important;
}
.home-location-slider .slide-item {
min-height: 350px !important;
height: auto !important;
}
.home-location-slider .slide-item img {
min-height: 350px !important;
height: auto !important;
max-height: 350px !important;
}
.gallery-left {
padding-bottom: 30px;
}
.home-gallery-slider {
padding: 0;
}
.home-gallery-slider img {
height: 250px;
}
.accd-sec {
padding-top: 0;
}
.acc-box a {
font-size: 16px;
}
.accre-slider .slide-item {
padding: 0;
}
.accreditations-slider-left,
.accreditations-content-right {
width: 100%;
}
.accreditations-content-right {
padding-left: 0;
padding-top: 30px;
}
.accreditations-right-content {
position: relative;
top: 0;
}
.sustainable-box-text h6,
.sustainable-box-text p {
opacity: 1;
transform: none !important;
}
.sustainable-box-text {
background: rgb(0 0 0 / 32%) !important;
}
.enroll-now-float,
.enroll-now-float:hover {
height: 40px;
padding: 0 15px;
font-size: 11px;
}
.date-wrap h6 {
font-size: 20px;
line-height: 30px;
}
.date-wrap p {
font-size: 12px;
}
.news-top-heading {
text-align: center;
padding-bottom: 30px;
}
.testi-left {
text-align: center;
}
.testi-box-left,
.testi-box-right {
width: 100%;
}
.acc-box-inner {
padding: 20px;
height: auto;
}
.acc-box-inner img {
height: 100px;
width: 100%;
}
.testi-box-left {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
padding-bottom: 20px;
}
.testi-left {
padding-bottom: 30px;
}
.footer-logo {
width: 80%;
}
.footer-conwarp {
padding: 30px;
}
.copywrap a,
.copywrap p {
font-size: 11px;
}
.copywrap {
padding-top: 30px;
}
.privacy-ul ul {
justify-content: center;
padding-top: 20px;
}
.social-ul ul {
justify-content: center;
}
.testi-box {
padding: 20px;
}
.testi-box-right {
text-align: center;
}
.footer-conwarp a,
.footer-conwarp a:hover,
.footer-conwarp p {
font-size: 14px;
}
.footer-menu ul li {
padding: 0 10px;
}
.phone-wrap {
justify-content: center;
}
.footer-menu {
padding-top: 20px;
margin-top: 20px;
}
.footer-logo {
padding-bottom: 25px;
}
#footer {
padding: 30px 0;
}
.footer-btn {
padding-top: 20px;
}
.menu-logo img {
width: auto;
height: 40px;
}
.hamburger div {
font-size: 12px;
}
.hamburgerbtn,
.hamburgerbtn:hover {
height: auto;
width: auto;
padding: 10px;
}
.inner-banner .main-wrap-left {
margin-right: 0;
width: 95% !important;
}
.inner-banner .ban-img {
height: auto;
}
.breadcumb,
.breadcumb a,
.breadcumb p {
font-size: 12px;
}
.banner-title {
height: auto;
padding: 20px 0;
text-align: center;
}
.banner-title div {
width: 100% !important;
}
.contact-div {
padding: 20px;
border-radius: 35px;
margin-top: 0;
margin-bottom: 0;
}
.get-know {
padding: 30px;
}
.get-know-inner {
width: 100%;
}
.get-top-left,
.get-top-right {
width: 100%;
}
.myTabget button {
font-size: 15px;
}
.get-bottom-left,
.get-bottom-right {
width: 100%;
}
.get-know {
padding: 30px 20px;
}
.get-bottom-left {
padding-bottom: 30px;
}
.get-bottom-right {
padding-bottom: 30px;
}
.vision-mission-box {
margin-top: 10px;
}
.vision-box {
padding: 20px;
}
.vision-box {
margin: 10px 0;
}
.sus-left,
.sus-right,
.vision-box {
width: 100%;
}
.sus-slider img {
height: 250px;
}
.privacy-ul a,
.privacy-ul a:hover {
font-size: 14px;
}
.get-bottom-text {
padding: 20px;
}
.the-content-div p {
text-align: center;
}
.pilo-wrap,
.sus-left {
text-align: center;
}
.sus-right {
padding-top: 30px;
}
.sus-slider img {
border-radius: 35px;
}
.feature-image {
padding: 0 0 30px;
}
.the-content-div h1,
.the-content-div h2,
.the-content-div h3,
.the-content-div h4,
.the-content-div h5,
.the-content-div h6 {
font-size: 25px;
line-height: 35px;
text-align: center;
}
.video-sec iframe {
height: 250px;
}
.feature-image-app-left,
.feature-image-app-right {
width: 100%;
}
.feature-image-app::after {
bottom: 0;
}
.exllmobile {
padding-top: 30px;
}
.sub-heading {
font-size: 20px;
line-height: 30px;
}
.room-slider .slick-dots {
margin-top: -55px;
}
.room-in-box:last-child .room-in-box-inner {
padding-bottom: 0;
}
.news-landing-land .news-in-wrap {
width: 100%;
padding: 10px;
}
.news-landing-land .news-in-wrap {
padding: 10px 0;
}
.filter-form select {
min-width: 100%;
}
.filter-form {
padding: 10px;
margin-top: 30px;
margin-bottom: 50px;
}
.filter-form div {
padding-bottom: 15px;
}
.gallery-box img {
width: 100%;
border-radius: 35px;
} .gallery-video-box img {
border-radius: 35px;
height: 250px;
}
.inner-video iframe {
height: 250px;
}
.con-left,
.con-right {
width: 100%;
}
.magical-sec {
margin-bottom: 50px;
}
.con-left {
text-align: center;
}
.location-box-a,
.location-box-address,
.location-box-contact,
.location-box-name {
width: 100%;
}
.form-left,
.form-right {
width: 100%;
}
.form-wrap {
padding: 30px;
}
.form-row p {
font-size: 13px;
}
#accordionFaq .accordion-button:not(.collapsed) {
padding: 20px 20px 0 40px;
}
#accordionFaq .accordion-collapse {
padding: 20px;
}
#accordionFaq .accordion-button {
padding: 20px 20px 0 40px;
}
.con-box-inner,
.location-box-address {
flex-direction: column;
text-align: center;
}
.form-row {
padding-bottom: 20px;
}
.input-wrap,
.label-wrap {
width: 100%;
}
.form-row {
flex-wrap: wrap;
}
#accordionFaq .accordion-button::before {
left: 15px;
top: 25px;
}
.location-box-a {
padding-top: 30px;
}
#accordionposition .accordion-button {
border-radius: 35px;
}
#accordionposition .accordion-body {
padding: 0 20px;
}
#accordionposition .accordion-button .careers-explore {
font-size: 14px;
}
.apply-now-from {
padding: 30px;
}
.form-col {
flex-direction: column;
}
#accordionposition .accordion-button {
padding: 20px;
}
#accordionposition .accordion-button h6 {
font-size: 14px;
line-height: 23px;
}
#accordionposition .accordion-button ul li {
padding: 0 5px;
}
.accordion-body .the-content-div h1,
.accordion-body .the-content-div h2,
.accordion-body .the-content-div h3,
.accordion-body .the-content-div h4,
.accordion-body .the-content-div h5,
.accordion-body .the-content-div h6 {
font-size: 20px;
line-height: 30px;
text-align: center;
}
.apply-now-wrap-car {
padding-top: 0;
padding-bottom: 30px;
}
.number-box {
width: 100%;
margin-bottom: 20px;
}
.register-title {
padding: 30px 0;
}
.reg-form-div {
padding: 20px;
}
.reg-form-div h6 {
font-size: 20px;
}
.number-box-right .special-para--bold {
font-size: 18px;
}
.tour-img {
height: 100%;
}
.tour-sec {
padding-top: 50px;
}
.book-left,
.book-right {
width: 100%;
}
.book-to-wrapper {
padding: 20px;
text-align: center;
}
.center-wrap {
height: auto;
max-height: 500px;
overflow: auto;
padding-bottom: 30px;
}
.book-right iframe {
min-height: 300px;
}
.tour-sec {
background: var(--color-light-green);
margin-bottom: 30px;
}
.white-div-small-c {
right: 0;
}
.sus-right {
z-index: 1;
}
.single-tour {
width: 100%;
}
.page.page-id-18 .cloud-bottom-sec {
background-color: transparent;
}
.tour-image img {
height: 300px;
border-radius: 40px;
}
.single-early_learning_tour .cloud-bottom-sec {
background-color: transparent;
}
} @media (min-width: 768px) and (max-width: 991px) {
.location-card {
width: 50%;
}
}
@media (min-width: 600px) and (max-width: 991px) { .centres-interactive-wrapper {
flex-direction: row;
flex-wrap: nowrap;
gap: 40px;
align-items: flex-start;
}
.centres-list-wrapper {
flex: 0 1 34%;
max-width: 360px;
width: auto;
order: 1;
}
.centre-details-wrapper {
flex: 1 1 0%;
min-width: 0;
width: auto;
order: 2;
}
.centres-list {
padding-left: 50px;
}
.centres-list::before {
left: 20px;
}
.centre-list-item::before {
left: -25px;
}
.centre-list-item {
margin-bottom: 30px;
}
.centre-avatar {
width: 50px;
height: 50px;
margin-right: 15px;
}
.centre-list-info h4 {
font-size: var(--font-18);
line-height: var(--font-24);
}
.centre-list-item.active .centre-list-info h4 {
font-size: var(--font-20);
}
.centre-detail-image {
height: 300px;
}
.centre-detail-text h3 {
font-size: var(--font-25);
line-height: var(--font-35);
}
.centre-detail-text p {
font-size: var(--font-16);
line-height: var(--font-24);
}
}
@media (min-width: 992px) and (max-width: 1200px) { .centres-interactive-wrapper {
flex-direction: row;
flex-wrap: nowrap;
gap: 50px;
}
.centres-list-wrapper {
flex: 0 1 35%;
max-width: 400px;
width: auto;
}
.centre-details-wrapper {
flex: 1 1 0%;
min-width: 0;
width: auto;
}
.centre-detail-image {
height: 320px;
}
} @media (min-width: 1201px) and (max-width: 1714px) {
.centres-interactive-wrapper {
flex-wrap: nowrap;
gap: clamp(32px, 3vw, 60px);
}
.centres-list-wrapper {
flex: 0 1 34%;
max-width: 400px;
}
.centre-details-wrapper {
flex: 1 1 0%;
min-width: 0;
}
}
@media (min-width: 600px) and (max-width: 991px) {
.process-box,
.process-step-box,
.process-step-box:hover {
text-align: left !important;
} .why-choose-home-sec {
background-size: cover;
background-position: center;
}
.why-choose-container {
width: 90%;
}
.why-choose-card {
width: 48%;
}
.our-priority-container {
width: 90%;
}
.our-priority-card {
width: 48%;
}
.curriculum-container {
width: 90%;
}
.curriculum-top-wrapper {
flex-direction: row;
}
.curriculum-top-left {
width: 55%;
order: 2;
}
.curriculum-top-right {
width: 42%;
order: 1;
}
.curriculum-image-left {
width: 48%;
}
.curriculum-content-right {
width: 48%;
}
.for-parents-container {
width: 90%;
}
.for-parents-image-left {
width: 48%;
}
.for-parents-content-right {
width: 48%;
}
.process-left {
padding-right: 30px !important;
}
.hero-content-wrapper {
padding: calc(11vh + 40px) 15px 120px;
min-height: 70vh;
}
.hero-content-inner .hero-heading {
font-size: 1.75rem;
line-height: 2.25rem;
}
.hero-content-inner .paragraph {
font-size: 16px;
line-height: 24px;
}
.banner-right {
padding-bottom: 0;
}
.banner-left {
height: auto !important;
}
.welcome-sec {
margin-top: 0 !important;
}
.banner-right video {
height: auto !important;
}
.banner-right video {
border-top-right-radius: 0;
}
.sub-box {
font-size: 15px;
padding: 20px;
position: relative !important;
top: auto !important;
right: auto !important;
width: 100% !important;
margin: 10px 0 0 0 !important;
}
.welcome-right img {
height: 300px;
}
.news-main-img {
height: 250px !important;
}
.number-box {
width: 49%;
}
.center-box-left {
text-align: left;
padding-bottom: 0px;
}
.con-box-inner,
.location-box-address {
text-align: left;
}
.form-left,
.form-right {
width: 49%;
}
.location-box-a {
padding-top: 0px;
}
.location-box {
align-items: flex-start !important;
}
.location-box-name,
.location-box-address,
.location-box-contact {
width: 30%;
text-align: left;
}
.con-right {
width: 65%;
}
.con-left {
text-align: left;
}
.con-left {
width: 30%;
}
.filter-form {
padding: 20px;
}
.gallery-wrap {
column-count: 2;
gap: 15px;
}
.news-landing-land .news-in-wrap {
width: 50%;
padding: 10px;
}
.room-in-box-inner-even .room-slider img,
.room-in-box-inner-odd .room-slider img {
height: 450px;
}
.process-left {
padding-right: 0;
}
.process-step-box {
height: 12vw !important;
width: 12vw !important;
}
.footer-cl-wrap {
flex-direction: row !important;
}
.footer-logo {
width: 40%;
}
.hero-content-wrapper {
padding: calc(11vh + 80px) 30px 180px;
}
.hero-content-inner {
max-width: 700px;
}
.banner-right video {
height: 500px;
}
.banner-right {
width: 55%;
}
.banner-left {
width: 45%;
padding-top: 14%;
padding-right: 5%;
}
.banner-left,
.welcome-left h3,
.welcome-left h6,
.welcome-left p {
text-align: left !important;
}
.banner-left a,
.gallery-left a,
.welcome-left a {
margin-left: 0;
}
.main-wrap-left {
width: 95%;
margin-left: auto;
margin-right: 0;
}
.welcome-sec {
margin-top: -50px;
}
.welcome-left {
width: 40%;
}
.welcome-right {
width: 50%;
}
.sub-box {
font-size: 15px;
padding: 20px;
position: absolute;
top: 15px;
right: 15px;
width: 50%;
}
.welcome-right img {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.small-wrap {
width: 70%;
}
.step-box-4 {
bottom: 20px;
left: 35px;
}
.point-box {
width: 50%;
}
.center-card {
width: 32%;
padding: 30px 15px;
}
.center-card h2 {
font-size: 30px;
line-height: 40px;
}
.points-left {
display: flex;
align-items: center;
justify-content: space-between;
}
.points-left h3 {
width: 60%;
}
.points-left img {
width: 40% !important;
}
.gallery-left {
width: 49%;
}
.gallery-right {
width: 49%;
}
.gallery-left {
text-align: left;
}
.gallery-div {
margin-top: 0;
}
.accre-slider .slick-active + .slick-active .acc-box-inner {
height: auto;
}
.accre-slider .slick-active + .slick-active + .slick-active a,
.accre-slider .slick-active + .slick-active + .slick-active p {
visibility: visible;
height: auto;
}
.accre-slider .slick-active + .slick-active + .slick-active .acc-box-inner {
height: auto;
}
.accre-slider .slide-item {
padding: 5px;
}
.accreditations-slider-left,
.accreditations-content-right {
width: 100%;
}
.accreditations-content-right {
padding-left: 0;
padding-top: 30px;
}
.home-sus-slider .slide-item {
padding: 0 10px;
}
.testi-left,
.testi-right {
width: 48%;
}
.contact-div {
align-items: center;
}
.contact-div-img img {
position: absolute;
left: 0;
top: -120px;
width: 100%;
height: 210px;
object-fit: contain;
}
.get-bottom-left {
width: 40%;
}
.get-bottom-right {
width: 55%;
}
.vision-box {
width: 49%;
}
.vision-mission-box {
margin-top: -100px;
}
.sus-slider img {
height: 400px;
}
.cloud-bottom-sec {
padding-bottom: 80px !important;
}
.video-sec iframe {
height: 350px;
}
.feature-image-app-left {
width: 65%;
}
.feature-image-app-right {
width: 35%;
}
.feature-image-app::after {
top: 0;
}
.prepare-sec {
padding-left: 6%;
padding-right: 5%;
}
.the-content-div p {
text-align: left;
}
.process-step-box {
height: 15vw !important;
width: 15vw !important;
}
.prepare-right {
padding: 30px 10px;
}
}
@media only screen and (max-width: 600px) {
.language-div button {
font-size: 11px !important;
}
.social-ul ul li {
padding: 0 10px;
} .main-banner {
margin-top: -8vh;
min-height: 60vh;
}
.hero-content-wrapper {
padding: calc(11vh + 20px) 15px 100px;
min-height: 60vh;
}
.hero-content-inner {
max-width: 100%;
padding: 25px 15px;
border-radius: 15px;
}
.hero-content-inner .hero-heading {
font-size: 1.5rem;
line-height: 2rem;
margin-bottom: 15px;
}
.hero-content-inner .paragraph--white {
font-size: 14px;
line-height: 22px;
margin-bottom: 20px;
}
.hero-content-inner .explore-btn {
font-size: 14px;
height: 50px;
padding: 0 25px;
}
.hero-bottom-shape {
bottom: -1px;
}
.hero-bottom-shape img {
height: 60px;
}
.banner-left {
height: auto;
padding-top: 70px;
padding-bottom: 20px;
}
.banner-left h1 {
font-size: 1.75rem;
line-height: 2.25rem;
}
.banner-left h2 {
font-size: 1rem;
line-height: 1.5rem;
}
.banner-left p {
font-size: 14px;
line-height: 22px;
}
.banner-left a {
font-size: 14px;
height: 50px;
padding: 0 25px;
}
.banner-right {
padding-bottom: 20px;
}
.banner-right video {
border-radius: 25px;
height: 300px;
}
.welcome-sec {
margin-top: 0;
} .section-heading {
font-size: 1.75rem;
line-height: 2.25rem;
}
.small-wrap,
.middle-wrap {
width: 95%;
}
.heading-padding {
margin-bottom: 20px;
} .simple-padding-top {
padding-top: 40px;
}
.simple-padding-bottom {
padding-bottom: 40px;
} .curriculum-top-left h2,
.curriculum-top-left p {
text-align: center;
}
.curriculum-content-box {
padding: 25px 20px;
margin-bottom: 25px;
}
.curriculum-content-box h3 {
font-size: 1.125rem;
line-height: 1.5rem;
}
.curriculum-content-box p {
font-size: 14px;
line-height: 22px;
}
.curriculum-content-box ul li {
font-size: 14px;
line-height: 22px;
} .curriculum-item {
width: 100%;
margin-bottom: 25px;
}
.curriculum-item:last-child {
margin-bottom: 0;
}
.curriculum-item h3 {
font-size: 1.125rem;
line-height: 1.5rem;
margin-bottom: 15px;
}
.curriculum-item p {
font-size: 14px;
line-height: 22px;
} .app-item {
width: 100%;
margin-bottom: 25px;
}
.app-item:last-child {
margin-bottom: 0;
}
.app-item-inner {
padding: 25px 20px;
border-radius: 30px;
}
.app-item h3 {
font-size: 1.125rem;
line-height: 1.5rem;
margin-bottom: 15px;
}
.app-item p {
font-size: 14px;
line-height: 22px;
} .child-development-box {
min-height: 400px;
padding: 25px 20px;
}
.child-development-box h3 {
font-size: 1.125rem;
line-height: 1.5rem;
}
.child-development-box p {
font-size: 14px;
line-height: 22px;
}
.gtranslate_wrapper select {
font-size: 14px;
}
.fix-social {
bottom: 60px;
}
.fix-social li {
padding: 5px;
}
.welcome-right img {
height: 250px;
} .home-location-slider {
min-height: 250px !important;
height: auto !important;
}
.home-location-slider .slick-list {
min-height: 250px !important;
height: auto !important;
}
.home-location-slider .slick-track {
min-height: 250px !important;
height: auto !important;
}
.home-location-slider .slide-item {
min-height: 250px !important;
height: auto !important;
}
.home-location-slider .slide-item img {
min-height: 250px !important;
height: auto !important;
max-height: 250px !important;
border-radius: 30px;
}
.philosopy-title {
text-align: center;
}
.abo-left,
.abo-right {
width: 100%;
}
.abo-left {
padding-bottom: 30px;
text-align: center;
}
.wpcf7-not-valid-tip {
font-size: 12px;
}
.check-wrap label span {
padding-left: 0;
}
.wpcf7-checkbox .wpcf7-list-item {
padding-bottom: 10px;
}
.form-row p {
font-size: 13px;
padding-top: 10px;
}
.radio-wrap .input-wrap p {
display: flex;
justify-content: flex-start !important;
}
.radio-wrap .wpcf7-list-item {
display: inline-block;
margin: 0;
}
#accordionFaq .accordion-button::before {
height: 10px;
width: 10px;
}
.form-right {
padding-top: 15px;
}
.news-main-img {
height: 250px !important;
}
.filter-form {
padding: 15px 30px;
text-align: center;
}
.process-left {
padding-right: 5%;
}
.menu-logo img {
height: 25px;
padding-right: 5px;
}
.language-div button {
font-size: 12px;
}
.prepare-left,
.prepare-right,
.process-left,
.process-right {
width: 100% !important;
}
.green-dot-ul li,
.the-content-div ul li {
width: 100%;
}
.footer-conwarp-col {
display: flex;
padding-bottom: 10px;
flex-wrap: wrap;
flex-direction: column;
text-align: center;
}
.footer-conwarp-col span {
display: none;
}
.contact-div-img {
width: 50%;
}
.contact-div-content {
width: 50%;
display: flex;
flex-direction: column;
justify-content: center;
}
.contact-div-btn {
width: 100%;
}
.contact-div-btn {
width: 100%;
justify-content: center !important;
padding-top: 20px;
}
.contact-div-img img {
position: relative;
left: 0;
top: auto;
width: 100%;
height: auto;
}
.green-cloud-sec {
margin-bottom: 50px;
}
.prepare-sec {
padding-left: 5%;
padding-right: 5%;
}
.process-left {
padding-right: 0;
}
.room-in-content,
.room-in-content-slider {
width: 100% !important;
}
.room-in-box-inner-even .room-slider img,
.room-in-box-inner-odd .room-slider img {
height: 250px;
border-radius: 35px;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.room-in-box-inner-even .room-in-content,
.room-in-box-inner-odd .room-in-content {
border-radius: 35px;
text-align: center;
padding: 20px;
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}
.insight-ul {
flex-direction: column;
width: 90%;
margin-left: auto;
margin-right: auto;
}
.insight-ul li {
width: 100%;
padding-bottom: 10px;
}
.insight-ul li a {
width: 100%;
}
.gallery-wrap {
column-count: unset;
gap: 0;
}
.filter-form {
flex-direction: column;
}
.gallery-video-box {
width: 100%;
border-radius: 35px;
}
#accordionposition .accordion-button {
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
#accordionposition .accordion-button ul {
justify-content: center;
padding-bottom: 30px;
}
.form-col {
width: 100%;
}
.form-col:first-child {
padding-bottom: 20px;
}
.center-box-left,
.center-box-right {
width: 100%;
}
.center-box-left {
text-align: center;
padding-bottom: 20px;
}
}
@media only screen and (max-width: 600px) {
.tour-image img {
height: 250px;
border-radius: 40px;
}
.tour-content {
.tour-btn {
padding: 0.5rem 1rem;
}
.tour-name {
font-size: 16px;
}
}
}
input[type="radio"] {
position: relative;
visibility: hidden;
-moz-appearance: initial;
display: inline-block;
width: 30px;
height: 15px;
display: flex;
flex-direction: row;
align-items: center;
}
input[type="radio"]:before,
input[type="radio"]:checked:after {
width: 15px;
height: 15px;
top: 0;
right: 0;
bottom: 0;
position: relative;
content: "";
visibility: visible;
border: 1px solid var(--color-green) !important;
border-radius: 50%;
}
input[type="radio"]:before {
left: 0;
background-color: transparent;
display: inline-block;
}
input[type="radio"]:checked:after {
margin: auto;
left: -15px;
font-size: 10px;
height: 9px;
width: 9px;
display: flex !important;
align-items: center;
justify-content: center;
color: #fff;
font-family: FontAwesome;
background-color: var(--color-green);
display: inline-block;
border: 1px solid var(--color-green) !important;
border-radius: 50%;
}
input[type="checkbox"] {
position: relative;
visibility: hidden;
-moz-appearance: initial;
display: inline-block;
width: 30px;
height: 15px;
display: flex;
flex-direction: row;
align-items: center;
}
input[type="checkbox"]:before,
input[type="checkbox"]:checked:after {
width: 15px;
height: 15px;
top: 0;
right: 0;
bottom: 0;
position: relative;
content: "";
visibility: visible;
border: 1px solid var(--color-green) !important;
}
input[type="checkbox"]:before {
left: 0;
background-color: transparent;
display: inline-block;
}
input[type="checkbox"]:checked:after {
margin: auto;
left: -15px;
font-size: 10px;
height: 9px;
width: 9px;
display: flex !important;
align-items: center;
justify-content: center;
color: #fff;
font-family: FontAwesome;
background-color: var(--color-green);
display: inline-block;
border: 1px solid var(--color-green) !important;
}
.language-div a {
color: #000;
font-size: var(--font-15);
}
.language-div .dropdown-toggle::after {
display: none;
}
.language-div button {
background: transparent !important;
color: #000 !important;
font-size: var(--font-15);
border: 0 !important;
}
.language-div .dropp {
height: 10px;
margin-left: 5px;
}
.lan-glo {
height: 15px;
}
.language-div .dropdown-menu {
padding: 0;
border: 0 !important;
border-radius: 0 !important;
box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
}
.language-div .dropdown-menu a {
width: 100%;
text-align: center;
color: #000 !important;
font-size: var(--font-15);
display: block;
padding: 2px 5px;
}
.language-div .dropdown-menu img {
display: none !important;
}
.gtranslate_wrapper select {
border: 0;
width: max-content;
background: transparent;
color: #000;
font-size: var(--font-15);
}
.gtranslate_wrapper {
padding-right: 1vw;
} .form-container {
max-width: 800px;
margin: 0 auto;
padding: 20px;
}
.form-container iframe {
width: 100%;
min-height: 494px;
border: none;
border-radius: 4px;
} @media only screen and (max-width: 991px) {
.form-container {
padding: 15px;
}
.form-container iframe {
min-height: 600px;
}
}
@media only screen and (max-width: 600px) {
.form-container {
padding: 10px;
}
.form-container iframe {
min-height: 700px;
}
} @media only screen and (max-width: 767.98px) {
html,
body {
overflow-x: hidden;
} .testi-right .slick-dots {
position: static;
height: auto;
display: flex;
flex-direction: row;
justify-content: center;
gap: 8px;
margin-top: 16px;
}
.testi-right .slick-dots li {
flex-grow: 0;
}
.testi-right .slick-dots button {
width: 10px;
height: 10px;
border-radius: 50% !important;
background: rgb(255 255 255 / 38%);
}
.testi-right .slick-dots .slick-active button {
background: #fff !important;
} .child-care-centres-interactive .centres-list {
padding-left: 35px;
}
.child-care-centres-interactive .centres-list::before {
left: 12px;
}
.child-care-centres-interactive .centre-list-item::before {
left: -18px;
}
.child-care-centres-interactive .centre-avatar {
width: 48px;
height: 48px;
margin-right: 12px;
} .accreditations-right-content {
padding: 25px;
border-radius: 30px;
} #footer .footer-below-logo {
flex-direction: column;
gap: 16px;
padding-bottom: 25px;
text-align: center;
}
#footer .footer-below-logo .footer-btn {
width: 100%;
display: flex;
justify-content: center;
}
#footer .footer-locations-row {
flex-direction: column;
gap: 24px;
}
#footer .footer-location-col {
flex: none;
width: 100%;
text-align: center;
}
#footer .footer-cl-wrap {
flex-direction: column !important;
align-items: center;
justify-content: center !important;
gap: 18px;
text-align: center;
}
#footer .footer-cl-wrap > div {
width: 100%;
}
#footer .footer-btn {
width: 100%;
display: flex;
justify-content: center;
}
#footer .footer-menu ul {
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
gap: 12px;
}
#footer .footer-menu ul li {
flex-grow: 0;
padding: 0;
}
#footer .footer-menu ul li::after {
display: none;
}
#footer .social-div-wrap {
flex-direction: column;
align-items: center;
justify-content: center !important;
gap: 16px;
}
#footer .social-ul ul {
flex-wrap: wrap;
justify-content: center;
}
#footer .social-ul ul li {
padding: 0 10px;
}
#footer .privacy-ul ul {
justify-content: center;
flex-wrap: wrap;
gap: 10px;
padding: 0;
}
#footer .privacy-ul ul li {
padding: 0;
border-right: 0;
}
#footer .phone-wrap a {
border-right: 0;
padding: 0 10px;
} .news-title-wrap {
gap: 14px;
}
}