/*
Theme Name: Hilton-Brown 
Theme URI:  https://hiltonbrown.com/
Author:     Biggie
Author URI: https://studiobiggie.com/
Description: A custom theme with advanced functionality for specific requirements.
Version:    1.0
License:    GNU General Public License v2 or later
Text Domain: hiltonbrown 
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

body {
    font-family: "DM Sans", sans-serif;
    color: #000000;
    font-size: 16px;
    line-height: 20.8px;
    font-style: normal;
    font-weight: 400;
}
* {
    box-sizing: border-box;
}
a {
    transition: all 0.3s ease 0s;
    color: #000000;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
:focus {
    outline: none;
}
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font-weight: normal;
}
h1 {
    font-weight: 700;
    font-size: 72px;
    line-height: 72px;
}
h2 {
    font-size: 46px;
    line-height: 46px;
    font-weight: 700;
}
h3 {
    font-weight: 700;
    font-size: 40px;
    line-height: 44px;
}
h4 {
    font-weight: 700;
    font-size: 34px;
    line-height: 37.4px;
}
h5 {
    font-weight: 700;
    font-size: 24px;
    line-height: 28.8px;
}
h6 {
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
}
.container-fluid {
    padding: 0 20px;
}
.container {
    max-width: 1440px;
    padding: 0 62px;
}
.flex-box {
    display: flex;
    flex-wrap: wrap;
}
/* ===================================
          Header
======================================*/
header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    background: #fff;
}
.header.scrolled {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.announcement-bar {
    background: #F4C33B;
    text-align: center;
    padding: 9px 0;
}
.announcement-bar p {
    margin: 0;
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
}
.header .flex-box {
    align-items: center;
}
.header .left-box {
    width: 33.3333%;
}
.header .menu ul {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    column-gap: 32px;
}
.header .center-box {
    width: 33.3333%;
}
.header .logo {
    text-align: center;
}
.header .right-box {
    width: 33.3333%;
}
.header .right-box ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 0;
    padding: 0;
    list-style: none;
    gap: 19px;
}
.header .right-box ul li.en {
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
    left: -1px;
}
.header .right-box ul li.book-now a {
    display: inline-block;
    background: #005EB8;
    background-position: 87%;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    padding: 13px 39.5px;
}

.header .menu > ul > li > a {
    position: relative;
    text-transform: capitalize;
    transition: color 0.3s ease;
    padding: 57px 0 57px;
    display: block;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: #101A37;
}
.header .menu > ul > li .sub-menu {
    width: 100%;
    position: absolute;
    z-index: 500;
    background-color: #fff;
    padding: 50px 0;
    transition: all 0.5s ease;
    opacity: 0;
    visibility: hidden;
    border-radius: 0;
    border-top: 1px solid #ccc;
}
.header .menu > ul > li .sub-menu .inner-box {
    max-width: 1440px;
    margin: 0 auto !important;
    width: 100%;
    padding: 0 62px;
}
.header .sub-menu .program-outer {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px !important;
}
.header .program-outer .left-box {
    width: 100%;
    padding: 0 15px;
}
.header .program-outer .right-box {
    width: 27%;
    padding: 0 15px;
	display:none;
}
.header .programme-menu {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px;
	row-gap:12px;
}
.header .programme-menu .box {
    width: 20%;
    padding: 0 12px;
}
.header .programme-menu .programme-box:hover {
    margin-top: 0;
    position: relative;
    top: 0;
}
.header .programme-menu .programme-box .bg {
    padding: 25px 25px 29px;
    transition: transform 0.3s ease;
}
.header .programme-menu .programme-box:hover .bg {
    position: relative;
    transform: translate(-6px, -6px);
}
.header .programme-menu .programme-box .icon {
    margin-bottom: 76px;
    max-width: 71px;
}
.header .programme-menu .programme-box.white .text h4, .header .programme-menu .programme-box.white .text a {
    color: #fff;
}
.header .programme-menu .programme-box.white .text a path {
    fill: #fff;
}
.header .programme-menu .programme-box .text h4 {
    color: #101A37;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 28.8px;
    margin: 0 0 20px;
}
.header .programme-menu .programme-box .text h4 a {
    font-size: 24px;
    line-height: 28.8px;
    font-weight: 700;
    color: #101A37;
    margin: 0;
}
.header .programme-menu .programme-box .text h4 a:before {
    display: none;
}
.header .programme-menu .programme-box .text .link {
    color: #101A37;
    font-size: 16px;
    font-weight: 500;
    line-height: 20.8px;
    display: inline-block;
    align-items: center;
    gap: 11px;
    position: relative;
}
.header .programme-menu .programme-box .text .link svg {
    margin-left: 7px;
}
.header .programme-menu .programme-box .text .link:before {
    transition: all 0.3s ease 0s;
    background: #101A37;
    position: absolute;
    content: "";
    width: 0;
    height: 1px;
    bottom: -4px;
}
.header .programme-menu .programme-box .text.white .link::before{
	 background: #fff;
}

.header .programme-menu .programme-box .text .link:hover:before {
    width: calc(100% - 28px);
}
.header .extra-information h3 {
    color: #101A37;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 33.6px;
    text-transform: capitalize;
    letter-spacing: 0;
    margin: -6px 0 26px;
    display: block;
}
.header .extra-information {
    padding-left: 23px;
}
.header .extra-information ul {
    display: block;
}
.header .extra-information ul li {
    margin: 0 0 13px;
}
.header .extra-information ul li a {
    color: #101A37;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    position: relative;
    display: inline-block;
}
.header .extra-information ul li a:before {
    transition: all 0.3s ease 0s;
    background: #101A37;
    position: absolute;
    content: "";
    width: 0;
    height: 1px;
    bottom: 0;
}
.header .extra-information ul li:hover a:before {
    width: 100%;
}
.header .location-outer .locations-menu {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px;
    row-gap: 44px;
}
.header .location-outer .locations-menu .box {
    width: 25%;
    padding: 0 12px;
}
.header .location-outer .locations-menu .box .location-box {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -9px;
}
.header .location-outer .locations-menu .box .location-box .image {
    border: 0;
    width: 36%;
    padding: 0 9px;
}
.header .location-outer .locations-menu .box .location-box .image img {
    transition: transform 0.3s ease;
}
.header .location-outer .locations-menu .box .location-box:hover .image img {
    position: relative;
    transform: translate(-6px, -6px);
}
.header .location-outer .locations-menu .box .location-box .text {
    width: 64%;
    padding: 0 9px;
}
.header .location-outer .locations-menu .box .location-box .text h4, .header .location-outer .locations-menu .box .location-box .text h4 a {
    color: #101A37;
    font-size: 22px;
    font-weight: 700;
    line-height: 24.2px;
    margin: -4px 0 12px;
    text-decoration: none;
    position: relative;
}
.header .location-outer .locations-menu .box .location-box .text h4 a:before {
    transition: all 0.3s ease 0s;
    background: #101A37;
    position: absolute;
    content: "";
    width: 0;
    height: 2px;
    bottom: -3px;
}
.header .location-outer .locations-menu .box .location-box:hover .text h4 a:before {
    width: 100%;
}
.header .location-outer .locations-menu .box .location-box .text .open {
    color: #101A37;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20.8px;
    margin: 0 0 6px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.header .location-outer .locations-menu .box .location-box .text .open span {
    display: inline-block;
    position: relative;
    background: #28AF42;
    width: 6px;
    height: 6px;
    border-radius: 100px;
}
.header .location-outer .locations-menu .box .location-box .text .open span::before {
    position: absolute;
    top: 50%;
    left: 50%;
    content: "";
    background-color: #28AF4299;
    width: 5px;
    height: 5px;
    transform: translate(-50%, -50%) scale(1);
    z-index: 0;
    border-radius: 50%;
    opacity: 0;
    animation-name: buttonPlayPulse;
    animation-timing-function: ease-in-out;
    animation-duration: 1.25s;
    animation-iteration-count: infinite;
}
.header .location-outer .locations-menu .box .location-box .text .closed {
    color: #101A37;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20.8px;
    margin: 0 0 6px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.header .location-outer .locations-menu .box .location-box .text .closed span {
    display: inline-block;
    position: relative;
    background: #AF2828;
    width: 6px;
    height: 6px;
    border-radius: 100px;
}
.header .location-outer .locations-menu .box .location-box .text .closed span::before {
    position: absolute;
    top: 50%;
    left: 50%;
    content: "";
    background-color: #AF282899;
    width: 5px;
    height: 5px;
    transform: translate(-50%, -50%) scale(1);
    z-index: 0;
    border-radius: 50%;
    opacity: 0;
    animation-name: buttonPlayPulse;
    animation-timing-function: ease-in-out;
    animation-duration: 1.25s;
    animation-iteration-count: infinite;
}
.header .location-outer .locations-menu .box .location-box .text a {
    color: #101A37;
    font-size: 16px;
    font-weight: 500;
    line-height: 20.8px;
    text-decoration-line: underline;
}
.header .menu > ul > li .sub-menu.mega-menu.simple {
    padding: 44px 0 43px;
}
.header .menu .sub-menu .simple-menu ul {
    display: block;
}
.header .menu .sub-menu .simple-menu ul li {
    margin: 0 0 8px;
}
.header .menu .sub-menu .simple-menu ul li:last-child {
    margin: 0;
}
.header .menu .sub-menu .simple-menu ul li a {
    color: #101A37;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 33.6px;
    position: relative;
    display: inline-block;
}
.header .menu .sub-menu .simple-menu ul li a:before {
    transition: all 0.3s ease 0s;
    background: #101A37;
    position: absolute;
    content: "";
    width: 0;
    height: 2px;
    bottom: 0;
}
.header .menu .sub-menu .simple-menu ul li:hover a:before {
    width: 100%;
}
.header .menu .sub-menu .simple-menu ul li.external a::after {
    background: url("assets/images/external1.svg") no-repeat;
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    right: -24px;
    top: 9px;
}
@media(min-width: 1024px) {
    .header .menu > ul > li.menu-item-has-children:hover .sub-menu {
        margin-top: 0;
        visibility: visible;
        opacity: 1;
    }
}
.header .menu > ul > li .sub-menu.mega-menu {
    left: 50%;
    transform: translateX(-50%);
}
.mobile-menu-head, .mobile-menu-trigger {
    display: none;
}
/* ===================================
          Hero area
======================================*/
.hero-area {   
    padding: 35px 0;
    position: relative;
	min-height:450px;
}
.hero-area.navy-blue{
	 background: #101A37;
}
.hero-area.blue{
	background:#005EB8;
}
.hero-area.orange{
	background:#e76c0c;
}
.hero-area.purple{
	background:#8882F9;
}

.hero-area .container {
    padding: 0 35px 0 62px;
	position: relative;
}
/*.hero-area .container:after {
    background: url("assets/images/slider-pattren.svg") no-repeat;
    width: 121px;
    height: 251px;
    position: absolute;
    content: "";
    right: 0;
    top: -35px;
    z-index: 1;
}*/

.hero-area .icon {
  position: absolute;
  top: 0;
  right: 0;
}
.hero-area .hero-slide {
    overflow: hidden;
    position: relative;
}
.hero-area .outer {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -17.5px;
}
.hero-area .outer .content {
    width: 40.49%;
    padding: 0 17.5px;
}
.hero-area .outer .image {
    width: 59.51%;
    padding: 0 17.5px;
}
.hero-area h2, .hero-area h1 {
    color: #fff;
    font-weight: 700;
    font-size: 72px;
    line-height: 72px;
    max-width: 100%;
    margin: 56px 0 16px;
}
.hero-area p {
    color: #fff;
    font-size: 24px;
    line-height: 33.6px;
    max-width: 60%;
}
.hero-area ul {
    padding: 0;
    margin: 42px 0 0;
    list-style: none;
    display: flex;
    gap: 20px;
}
.hero-area ul li a {
    color: #fff;
    background-position: 88%;
    border: 2px solid #FFFFFF;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    padding: 11.5px 38px;
    display: inline-block;
}
.hero-area ul li:first-child a {
    background: #fff;
    background-position: 88%;
    color: #101A37;
}

.hero-area .slide-pagi {
    position: absolute;
    display: inline-block;
    left: 0;
    bottom: -26px;
    padding: 0 19px;
}
.hero-area .slide-pagi .swiper-button-prev {
    position: relative;
    left: -27px;
    margin: 0;
    transform: none;
    top: 0;
    width: 24px;
    height: 24px;
}
.hero-area .slide-pagi .swiper-button-next {
    right: -7px;
    margin: 0;
    top: 0;
    width: 24px;
    height: 24px;
}
.hero-area .slide-pagi div::after {
    display: none;
}
.hero-area .slide-pagi .swiper-pagination {
    display: inline-block;
    position: relative;
    bottom: 23px;
}
.hero-area .slide-pagi .swiper-pagination-bullet {
    border: 1.22px solid #FFFFFF80;
    width: 11px;
    height: 11px;
    background: none;
    opacity: 1 !important;
    margin: 0 4px !important;
    display: inline-block;
}
.hero-area .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #fff;
}
/* ===================================
         marquee
======================================*/
.marquee-outer {
    padding: 61px 0 62px;
    background: #BBE5EC26;
}
.marquee-container {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}
.marquee .flex {
    display: flex;
    column-gap: 105px;
}
.marquee .flex .box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 320px;
}
.marquee {
    padding: 0 53px;
    display: inline-block;
    animation: marquee 30s linear infinite;
}
@keyframes marquee {
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        transform: translate3d(-100%, 0, 0);
    }
}
.marquee .flex .box .icon {
    max-width: 85px;
}
.marquee .flex .box .content {
    width: calc(100% - 85px);
    padding-left: 32px;
}
.marquee .content h3 {
	white-space: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 28.8px;
    margin: 0 0 6px;
}
.marquee .content p {
    font-size: 16px;
    line-height: 20.8px;
    width: 210px;
    white-space: pre-wrap;
    margin: 0;
}
/* ===================================
          lessons Life
======================================*/
.lessons-life {
    background: #005EB8;
    padding: 92px 0 75px;
}
.lessons-life .flex-box {
    margin: 0 -15px;
}
.lessons-life .left-box {
    width: 41%;
    padding: 0 15px;
}
.lessons-life .right-box {
    width: 59%;
    padding: 0 15px;
}
.lessons-life h3 {
    font-weight: 700;
    font-size: 40px;
    line-height: 44px;
    color: #fff;
}
.lessons-life p {
    font-size: 34px;
    line-height: 44.2px;
    padding-left: 7px;
    color: #fff;
    max-width: 730px;
}
.inline-sec {
    position: relative;
}
/* ===================================
        About Us
======================================*/
.about-banner {
    position: relative;
    background: #101A37;
    padding: 98px 0;
}
.about-banner .image.desktop  {
	text-align: right;
	position: absolute;
	top: 35px;
	max-width: 1440px;
	left: 0;
	right: 0;
	margin: 0 auto;
	padding: 0 62px;
}
.about-banner .flex-box {
    align-items: center;
}
.about-banner .left-box {
    width: 70%;
}
.about-banner .right-box {
    width: 30%;
}

.about-banner h1 {
    color: #fff;
    max-width: 790px;
    margin: 0 0 30px;
}
.about-banner p {
    color: #FFFFFF;
    font-weight: 400;
    font-size: 24px;
    line-height: 33.6px;
    margin: 0 0 20px;
    max-width: 710px;
}
.about-banner p:last-child {
    margin: 0;
}
.heading-content {
    padding: 92px 0 71px;
}
.heading-content .left-box {
    width: 42%;
}
.heading-content .right-box {
    width: 58%;
    padding-left: 5px;
}
.heading-content h2 {
    max-width: 80%;
    font-size: 40px;
    line-height: 44px;
}
.heading-content .content p {
    font-size: 24px;
    line-height: 33.6px;
    max-width: 755px;
    margin: 0 0 20px;
    color: #000000;
}
.hilton-brown.difference p {
    max-width: 444px
}
.this-you.our-value {
    background: #8882F9;
    padding: 92px 0 66px;
}
.this-you.our-value .content ul li {
    font-size: 24px;
    line-height: 33.6px;
    margin: 0 0 26px;
    gap: 0;
    min-height: 49px;
    padding-left: 83px;
    flex-wrap: wrap;
}
.this-you.our-value .content ul li strong {
    display: block;
    line-height: 28.8px;
    margin: 0 0 1px;
}
.this-you.our-value .content ul li::before {
    top: 6px;
}
.this-you.achievement h2 {
    max-width: 400px;
}
.this-you.achievement .content ul li {
    font-size: 24px;
    line-height: 33.6px;
    margin: 0 0 26px;
    gap: 0;
    min-height: 49px;
    padding-left: 83px;
    flex-wrap: wrap;
}
.this-you.achievement .content ul li strong {
    display: block;
    line-height: 28.8px;
    margin: 0 0 1px;
}
.this-you.achievement .content ul li::before {
    top: 6px;
}
.this-you.achievement .content {
    max-width: 646px;
    margin-left: auto;
}
.our-coaches {
    padding: 100px 0;
}
.our-coaches .flex-box {
    margin: 0 -12px;
}
.our-coaches .left-box {
    width: 50%;
    padding: 0 12px;
}
.our-coaches .right-box {
    width: 50%;
    padding: 0 12px;
}
.our-coaches h2 {
    font-size: 40px;
    line-height: 44px;
    margin: -8px 0 42px;
}
.our-coaches p {
    max-width: 534px;
    font-size: 24px;
    line-height: 33.6px;
    margin: 0 0 21px;
}
.every-achievement {
    background: #005EB8;
    padding: 35px 0;
}
.every-achievement .flex-box {
    margin: 0 -12px;
}
.every-achievement .left-box {
    width: 50%;
    padding: 0 12px;
}
.every-achievement .right-box {
    width: 50%;
    padding: 0 12px;
}
.every-achievement h2 {
    margin: 57px 0 42px;
    color: #fff;
}
.every-achievement p {
    color: #fff;
    max-width: 540px;
    font-size: 24px;
    line-height: 33.6px;
    margin: 0 0 21px;
}
.our-impact.family-feedback h2 {
    color: #101A37;
    font-size: 40px;
    line-height: 44px;
    margin: 0px 0px 22px;
}

/*===================================
        Careers Page
======================================*/
.careers-banner {
    background: #8882F9;
    padding: 90px 0 35px;
    position: relative;
}
.careers-banner .image.desktop {
  position: absolute;
  bottom: 35px;
  max-width: 1440px;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 0 62px;
  text-align: right;
}
.careers-banner .flex-box {
    align-items: flex-end;
}
.careers-banner .left-box {
    width: 70%;
}
.careers-banner .right-box {
    width: 30%;
}
.careers-banner h1 {
    color: #fff;
    max-width: 500px;
    margin: 0 0 31px;
}
.careers-banner p {
    color: #FFFFFF;
    font-weight: 400;
    font-size: 24px;
    line-height: 33.6px;
    margin: 0 0 43px;
    max-width: 680px;
}
.career.heading-content h2 {
    margin: 0 0 32px;
}
.career.heading-content .content p {
    max-width: 740px;
}
.career.heading-content .link-btn a {
    color: #fff;
    border: 2px solid #005EB8;
    padding: 11.5px 40px;
    background: #005EB8;
    background-position: 87%;
}
.career.heading-content .link-btn a:hover {
    background: #E76C0C url("assets/images/link-arrow.svg") no-repeat;
    background-position: 87%;
    padding: 11.5px 54.5px 11.5px 25px;
    background-size: 18px;
    border: 2px solid #E76C0C;
}
.career.our-impact {
    padding: 31px 0 89px;
}

.this-you {
    background: #005EB8;
    padding: 92px 0 83px;
}
.this-you h2 {
    color: #fff;
    font-size: 40px;
    line-height: 44px;
}
.this-you .left-box {
    width: 42%;
}
.this-you .right-box {
    width: 58%;
    padding-left: 5px;
}
.this-you .content p {
    font-weight: 400;
    font-size: 24px;
    line-height: 33.6px;
    margin: 0px 0px 34px;
    color: #fff;
}
.this-you .content ul {
    padding: 12px 0 18px;
    margin: 0;
    list-style: none;
}
.this-you .content ul li {
    font-weight: 400;
    font-size: 24px;
    line-height: 28.8px;
    margin: 0 0 14px;
    position: relative;
    display: flex;
    align-items: center;
    gap: 35px;
    max-width: 650px;
    color: #fff;
    min-height: 49px;
    padding-left: 83px;
}
.this-you .content ul li:before {
    background: url("assets/images/check1.svg") no-repeat;
    position: absolute;
    content: "";
    width: 49px;
    height: 49px;
    left: 0;
}
.career.hilton-brown {
    background: #F5FBFC;
}
.career.hilton-brown h2 {
    margin: 0 0 52px;
}
.benefits {
    background: #F6EBD1;
    padding: 92px 0 87px;
}
.benefits h2 {
    color: #000000;
    max-width: 400px;
    font-size: 40px;
    line-height: 44px;
}
.benefits .left-box {
    width: 42%;
}
.benefits .right-box {
    width: 58%;
    padding-left: 5px;
}
.benefits .content p {
    font-weight: 400;
    font-size: 24px;
    line-height: 33.6px;
    margin: 0px 0px 36px;
    color: #fff;
}
.benefits .content ul {
    padding: 12px 0 0;
    margin: 0;
    list-style: none;
}
.benefits .content ul li {
    font-weight: 700;
    font-size: 24px;
    line-height: 28.8px;
    margin: 0 0 13px;
    position: relative;
    display: flex;
    align-items: center;
    gap: 35px;
    max-width: 650px;
    color: #000000;
    min-height: 49px;
    padding-left: 83px;
}
.benefits .content ul li:before {
    background: url("assets/images/check2.svg") no-repeat;
    position: absolute;
    content: "";
    width: 49px;
    height: 49px;
    left: 0;
}
.roles {
    padding: 93px 0 76px;
}
.roles h2 {
    font-size: 40px;
    line-height: 44px;
    color: #101A37;
    margin-bottom: 52px;
}
.roles .flex-box {
    margin: 0 -12px;
}
.roles .box {
    width: 50%;
    padding: 0 12px;
    margin-bottom: 24px;
}
.roles .role-box {
    display: flex;
    flex-wrap: wrap;
}
.roles .role-box .content {
    width: 50%;
    padding: 25px 25px;
    display: flex;
    flex-wrap: wrap;
}
.roles .role-box .content h6 {
    color: #fff;
    font-weight: 700;
    background: url("assets/images/location1.svg") no-repeat;
    padding: 0 0 5px 30px;
    margin: 0 0 20px;
}
.roles .role-box .content h3 {
    color: #fff;
    margin: 0 0 18px;
    font-size: 34px;
    line-height: 37.4px;
}
.roles .role-box .content p {
    color: #fff;
    margin: 0 0 10px;
    max-width: 225px;
}
.roles .role-box .content .bottom {
    margin-top: auto;
}
.roles .role-box .content .link-btn a {
    background: #E76C0C;
    background-position: 87%;
    color: #fff;
    padding: 11.5px 42px;
    border: 2px solid #E76C0C;
}
.roles .role-box.icon .content .link-btn a {
    color: #101A37;
    background: none;
    border: 2px solid #101A37;
	background-position: 87%;
    padding: 11.5px 42px;
}
.roles .role-box .content .link-btn a:hover {
    background: #8882F9 url("assets/images/link-arrow.svg") no-repeat;
	color: #fff;
    background-position: 87%;
    padding: 11.5px 59.5px 11.5px 25px;
    background-size: 18px;
    border: 2px solid #8882F9;
}

.roles .role-box .image {
    width: 50%;
}
.roles .role-box .icon {
    padding: 25px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: flex-end;
    width: 100%;
    height: 100%;
}
/*===================================
        Contact Page
======================================*/
.contact-banner {
    background: #005EB8;
    padding: 90px 0 35px;
    position: relative;
}
.contact-banner .image.desktop {
  position: absolute;
  bottom: 35px;
  max-width: 1440px;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 0 62px;
}
.contact-banner .flex-box {
    align-items: flex-end;
}
.contact-banner .left-box {
    width: 70%;
}
.contact-banner .right-box {
    width: 30%;
}
.contact-banner .image {
    text-align: right;
}
.banner .image > img {
    min-height: 644px;
    object-fit: cover;
}
.contact-banner h1 {
    color: #fff;
    max-width: 730px;
    margin: 0 0 30px;
}
.contact-banner p {
    color: #FFFFFF;
    font-weight: 400;
    font-size: 24px;
    line-height: 33.6px;
    margin: 0 0 57px;
    max-width: 690px;
}
.contact-form {
    padding: 92px 0 100px;
    background: #F5FBFC;
}
.contact-form h2 {
    font-size: 40px;
    line-height: 44px;
    margin-bottom: 39px;
}
.hb-form-outer {
    max-width: 870px;
}
.hb-form-outer .flex-box {
    margin: 0 -12px;
}
.hb-form-outer .box {
    width: 50%;
    padding: 0 12px;
    margin-bottom: 42px;
}
.hb-form-outer .box:last-child {
    margin: 0;
}
.hb-form-outer .box.full.textarea {
    margin-bottom: 33px;
}
.hb-form-outer .box.full {
    width: 100%;
}
.hb-form-outer .full {
    width: 100%;
    margin-bottom: 42px;
}
.hb-form-outer label {
    display: block;
    font-weight: 700;
    font-size: 20px;
    color: #000;
    line-height: 20px;
    margin: 0 0 12px;
}
.hb-form-outer label sup {
    top: -1px;
    font-size: 18px;
    font-weight: 400;
}
.hb-form-outer input.walcf7-datepicker {
    background: #fff url("assets/images/date.svg") no-repeat !important;
    background-position: 97% !important;
}
.hb-form-outer input:not([type="submit"]), .hb-form-outer select {
    font-family: "DM Sans", sans-serif;
    width: 100%;
    border: 2px solid #101A37;
    border-radius: 0px;
    height: 64px;
    padding: 0 25px;
    background: #fff;
    color: #000;
    font-weight: 400;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 0%;
}
.hb-form-outer input::placeholder, .hb-form-outer input::-webkit-input-placeholder, .hb-form-outer textarea::placeholder, .hb-form-outer select::placeholder {
    font-family: "DM Sans", sans-serif;
    color: #D0D0D0;
    opacity: 1;
}
.hb-form-outer input:focus, .hb-form-outer select:focus {
    outline: none;
    box-shadow: none;
    border-color: #000;
}
.hb-form-outer select {
    background: #fff url("assets/images/select-arrow.svg") no-repeat;
    background-position: 96.4%;
    appearance: none;
    -webkit-appearance: none;
}
.hb-form-outer select.placeholder-active {
    color: #D0D0D0;
}
.hb-form-outer .wpcf7-form-control.wpcf7-select:invalid {
    color: #D0D0D0;
}
.hb-form-outer select option {
    color: #D0D0D0;
}
.hb-form-outer .file-input {
    display: none;
}
.hb-form-outer input[type="file"] {
    display: block;
    border: 2px dashed #101A37;
    height: 64px;
    padding: 14px;
    font-size: 20px;
    text-align: center;
    cursor: pointer;
    color: #005EB8;
    background: #fff;
    font-weight: 600;
}
.hb-form-outer .file-btn:hover {
    background-color: #f5f5f5;
}
.hb-form-outer textarea {
    font-family: "DM Sans", sans-serif;
    width: 100%;
    border: 2px solid #101A37;
    border-radius: 0px;
    height: 210px;
    padding: 23px 25px;
    background: #fff;
    color: #000;
    font-weight: 400;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 0%;
}
.submit-btn {
    transition: all 0.3s ease 0s;
    color: #fff;
    border: 0;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    padding: 22px 40px;
    display: inline-block;
    background: #101A37;
    background-position: 84%;
	border-radius:0;
}
.submit-btn:hover {
    background: #8882f9 url("assets/images/link-arrow.svg") no-repeat;
    background-size: 18px;
    background-position: 84%;
    padding: 22px 55.5px 22px 25px;
    color: #fff;
}
.wpcf7-response-output {
    border: 2px solid #155724 !important;
    background: #D4EDDA;
    width: 100%;
    display: block;
    font-size: 20px;
    line-height: 26px;
    font-weight: 400;
    color: #155724;
    margin: -9px 12px 35px !important;
    padding: 20px 25px !important;
}
.wpcf7-not-valid-tip {
    margin-top: 11px;
}
.hb-form-outer .box.upload span.wpcf7-not-valid-tip {
  position: absolute;
  bottom: -32px;
  color: #dc3232;
  font-size: 16px;
  font-weight: normal;
  display: block;
  left: 0;
}
.hb-form-outer .upload .wpcf7-form-control.wpcf7-file {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.hb-form-outer .upload .wpcf7-form-control-wrap {
  display: block;
  border: 2px dashed #101A37;
  min-height: 64px;
  padding: 14px;
  font-size: 20px;
  text-align: center;
  cursor: pointer;
  color: #005EB8;
  background: #fff;
  font-weight: 600;
}
/*.hb-form-outer .upload .wpcf7-form-control-wrap::before{
  content: "Upload file";
  color: #0073e6;
  font-weight: 700;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  font-family: "DM Sans", sans-serif;
  text-decoration: underline;
}*/
.hb-form-outer .codedropz-upload-handler {
  border: 0;
  border-radius: 0;
  margin-bottom: 0;
  position: relative;
}
.hb-form-outer .codedropz-upload-container {
  padding: 0;
}
.codedropz-upload-inner span, .dnd-upload-status .dnd-upload-details .dnd-progress-bar, .dnd-upload-status .dnd-upload-image,
.dnd-upload-status .dnd-upload-details .name em, .dnd-upload-counter{
  display: none;
}
.hb-form-outer .codedropz-upload-inner div:first-child {
  display: none;
}
.hb-form-outer .cd-upload-btn, .hb-form-outer .cd-upload-btn:hover {
  color: #0073e6;
  font-weight: 700;
  text-decoration: underline !important;
  font-family: "DM Sans", sans-serif;
}
.hb-form-outer .codedropz-upload-wrapper {
  margin: 6px 0 0;
}
.hb-form-outer .dnd-upload-status .dnd-upload-details .name {
  color: #0073e6;
  padding: 0 !important;
  justify-content: center;
  font-size: 14px;
}
.hb-form-outer .dnd-upload-status .dnd-upload-details span.has-error {
  color: #dc3232;
  font-size: 12px;
}
.hb-form-outer .dnd-upload-status .dnd-upload-details .name span {
  padding-right: 0;
}
.hb-form-outer .dnd-upload-status .dnd-upload-details{
  padding-left: 0;
  width: 100%;
}
.hb-form-outer .upload.has-file .codedropz-btn-wrap {
  display: none;
}
.hb-form-outer .dnd-upload-status .dnd-upload-details .remove-file {
  top: 3px;
}
.hb-form-outer .dnd-upload-status {
  padding: 0;
}



.hb-form-outer .upload .wpcf7-form-control-wrap[data-filename]::before {
	font-family: "DM Sans", sans-serif;
	content: attr(data-filename);
	color: #005EB8;
	font-size: 16px;
	width:100%;
}
.find-school {
    position: relative;
    padding: 93px 0 80px;
}
.find-school .heading-text {
    position: relative;
}
.find-school h2 {
    margin: 0 0 18px 4px;
    font-size: 40px;
    line-height: 44px;
}
.find-school .heading-text .link-btn {
    position: absolute;
    right: 62px;
    bottom: 2px;
}
.find-school .heading-text .link-btn a {
    font-weight: 700;
    font-size: 16px;
    color: #101A37;
    line-height: 16px;
    border: 2px solid #101A37;
    display: inline-block;
    padding: 11.5px 38px;
}
.find-school .heading-text .link-btn a:hover {
    background-color: #E76C0C;
    color: #fff;
    border-color: #E76C0C;
    padding: 11.5px 51.5px 11.5px 25px;
}
.find-school .container {
    padding-left: calc((100% - 1326px)/ 2);
    max-width: 100%;
    padding-right: 0;
}
.locations-carousel {
    position: relative;
    overflow: hidden;
    padding: 10px 0px 20px 5px;
}
.locations-carousel .find-school-box {
    box-shadow: 3.49px 2.09px 10.46px 0px #0000001A;
}
.find-school-box .content {
    padding: 24px 30px 25px;
}
.find-school-box .content h3 {
    margin: 0 0 12px;
    color: #101A37;
    font-size: 34px;
    line-height: 37.4px;
}
.find-school-box .content p {
    color: #101A37;
    font-weight: 500;
    font-size: 18px;
    line-height: 25.2px;
    max-width: 280px;
}
.find-school-box .content .inline-text span {
    display: block;
    font-size: 18px;
    line-height: 25.2px;
    margin: 0 0 3px;
}
.find-school-box .content .inline-text span.phone a {
    text-decoration: underline;
    color: #101A37;
}
.find-school-box .content .inline-text span.email a {
    background: url("assets/images/black-arrow.svg") no-repeat;
    background-position: 100%;
    display: inline-block;
    padding: 0 29px 0 0;
}
.find-school-box .content .inline-text span.email a:hover {
    padding: 0 34px 0 0;
    color: #000000;
}
/*===================================
        Free Trial 
======================================*/
.contact-banner.free-trial {
    background: #E76C0C;
}
.contact-banner.free-trial h1 {
    color: #fff;
    max-width: 730px;
    margin: 0 0 32px;
}
.contact-banner.free-trial p {
    max-width: 656px;
    margin: 0 0 21px;
}
.contact-banner.free-trial p:last-child {
    margin: 0 0 57px;
}
.hb-form-outer .box.heading {
    margin: 0 0 25px;
    padding-top: 7px;
}
/*===================================
        Our locations
======================================*/
.our-locations {
    padding: 92px 0 89px;
    position: relative;
}
.our-locations .container {
    padding-left: calc((100% - 1325px)/ 2);
    max-width: 100%;
    padding-right: 0;
}
.our-locations .heading-text {
    padding-left: 4px;
}
.our-locations .slide-pagi {
    position: absolute;
    right: 62px;
    bottom: 7px;
    display: flex;
    align-items: center;
}
.our-locations .slide-pagi div {
    width: 46px;
    height: 46px;
    border-radius: 100%;
}
.our-locations .slide-pagi div:hover {
    box-shadow: 3.49px 2.09px 10.46px 0px #0000001A;
}
.our-locations .slide-pagi .swiper-button-prev {
    position: relative;
    margin: 0;
    left: 0;
    top: 0;
}
.our-locations .slide-pagi .swiper-button-next {
    position: relative;
    margin: 0;
    right: 0;
    top: 0;
}
.our-locations .slide-pagi div::after {
    display: none;
}
.location-carousel {
    overflow: hidden;
    padding: 10px 0 10px 3px;
    position: relative;
}
.our-locations h2 {
    color: #101A37;
    font-weight: 700;
    margin: 0 0 16px;
    font-size: 40px;
    line-height: 44px;
}
.our-locations p {
    font-size: 18px;
    line-height: 25.2px;
    max-width: 541px;
    margin: 0 0 17px;
}
.location-box {
    transition: all 0.3s ease 0s;
}
.location-box:hover {
    margin-top: -10px;
    position: relative;
}
.location-box .image {
    border: 1px solid transparent;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: transparent;
    border-bottom: 0;
}
.location-box .txet {
    display: flex;
    align-items: center;
    padding: 0 0 0 20px;
    justify-content: space-between;
    border: 0.7px solid #161B7C0D;
    border-top: 0;
    box-shadow: 3.49px 2.09px 10.46px 0px #0000001A;
}
.location-box .txet p {
    margin: 0;
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    color: #101A37;
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}
.location-box .link a {
    width: 71px;
    height: 69px;
    background: #101A37;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
}
.location-box .link a img {
    position: relative;
}
.location-box .link a::before {
    background: #005EB8;
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    transition: all 0.3s ease 0s;
}

.location-box.blue .link a::before {
    background: #005EB8;
}
.location-box.lightcyan .link a::before {
    background: #BBE5EC;
}
.location-box.yellow .link a::before {
    background: #F4C33B;
}
.location-box.orange .link a::before {
    background: #E76C0C;
}
.location-box.purple .link a::before {
    background: #8882F9;
}
.locations {
    background: #F5FBFC;
    padding: 100px 0 60px;
}
.locations .flex-box {
    margin: 0 -12px;
}
.locations .box {
    width: 50%;
    padding: 0 12px;
    margin-bottom: 40px;
}
.locations .box .l-box-outer {
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    box-shadow: 3.49px 2.09px 10.46px 0px #0000001A;
}
.locations .box .l-box-outer .content {
    width: 48%;
    padding: 23px 30px 30px;
    display: flex;
    flex-wrap: wrap;
}
.locations .box .l-box-outer .content h3 {
    color: #101A37;
    font-weight: 700;
    font-size: 34px;
    line-height: 37.4px;
    margin-bottom: 18px;
}
.locations .box .l-box-outer .content p {
    color: #101A37;
    font-weight: 500;
    font-size: 18px;
    line-height: 25.2px;
    max-width: 90%;
}
.locations .box .l-box-outer .content .bottom {
    margin-top: auto;
}
.locations .box .l-box-outer .image {
    width: 52%;
}
/* ===================================
        Location Details
======================================*/
.open-popup {
    cursor: pointer;
}
.side-popup {
    width: 590px;
    background: #F7FCFF;
    position: fixed;
    top: 0;
    padding: 44px 50px 50px;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    z-index: 9999;
    right: -590px;
    transition: all 0.5s ease 0s;
}
.side-popup.open {
    right: 0;
}
.pages-link {
    margin-top: auto;
}
.side-popup .close {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
    border-radius: 100%;
}
.side-popup h4 {
    color: #101A37;
    font-weight: 700;
    font-size: 24px;
    line-height: 28.8px;
    margin: 0 0 26px;
}
.side-popup .content h2 {
    color: #101A37;
    font-size: 46px;
    line-height: 46px;
}
.side-popup .inline-text {
    display: flex;
    align-items: center;
    column-gap: 30px;
    margin-bottom: 35px;
}
.side-popup .open {
    color: #000000;
    font-weight: 400;
    font-size: 18px;
    line-height: 25.2px;
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.side-popup .open span {
    display: inline-block;
    position: relative;
    background: #28AF42;
    width: 7px;
    height: 7px;
    border-radius: 100px;
}
.side-popup .open span::before {
    position: absolute;
    top: 50%;
    left: 50%;
    content: "";
    background-color: #28AF4299;
    width: 8px;
    height: 8px;
    transform: translate(-50%, -50%) scale(1);
    z-index: 0;
    border-radius: 50%;
    opacity: 0;
    animation-name: buttonPlayPulse;
    animation-timing-function: ease-in-out;
    animation-duration: 1.25s;
    animation-iteration-count: infinite;
}
.side-popup .open.closed span {
    background: #AF2828;
}
.side-popup .open span::before {
    background-color: #AF282899;
}
.side-popup .content ul {
    padding: 0 0 42px;
    margin: 0;
    list-style: none;
}
.side-popup .content ul li {
    font-weight: 400;
    font-size: 18px;
    line-height: 36px;
}
.side-popup .content ul li span {
    font-weight: 700;
    display: inline-block;
    width: 284px;
    position: relative;
}
.side-popup .content ul li span strong {
  font-weight: 700;
  background: #F7FCFF;
  padding: 0 9px 0 0;
  z-index: 1;
  position: relative;
}
.side-popup .content ul li span::after {
    background: url("assets/images/dashed.png");
    position: absolute;
    content: "";
    height: 1px;
    width: 272px;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
}
.side-popup .content p {
    font-size: 16px;
    line-height: 20.8px;
    color: #000C;
}
.pages-link .box {
    display: flex;
    align-items: center;
    column-gap: 25px;
    margin-bottom: 26px;
}
.pages-link .box:last-child {
    margin: 0;
}
.pages-link .box h5 {
    background: url("assets/images/page-link-arrow.svg") 100% center no-repeat;
    color: #101A37;
    font-weight: 700;
    font-size: 24px;
    line-height: 28.8px;
    margin: 0px 0px 5px;
    display: inline-block;
    padding: 0px 38px 0px 0px;
	transition: all 0.3s ease 0s;
}
.pages-link .box h5 a, .pages-link .box h5 a:hover{
	color:#101A37;
}
.pages-link .box p {
    color: #101A37;
    font-size: 16px;
    line-height: 20.8px;
    margin: 0;
}
.information-popup {
    width: 868px;
    background: #F7FCFF;
    position: fixed;
    top: 0;
    padding: 42px 50px 50px;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    z-index: 9;
    right: -868px;
    transition: all 0.5s ease 0s;
}
.information-popup.open {
    right: 0;
    z-index: 99999;
}
.information-popup .close {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
	border-radius:100px;
}
.information-popup .content {
  width: 100%;
  height: 100%;
  overflow: auto;
}
.information-popup .accordion .accordion-body li {
  margin: 0 0 10px;
}
.information-popup h2 {
    color: #101A37;
    margin: 0 0 27px;
}
.information-popup .faq {
    padding: 0;
    background: #FFF;
}
.information-popup .accordion .accordion-button {
    background: #fff;
    border-top: 1px solid #EFEFEF;
    border-bottom: 0;
    box-shadow: none;
}
.information-popup .accordion-item:last-child .accordion-button{
	 border-top: 1px solid #EFEFEF;
}
.information-popup .accordion .accordion-body {
    padding: 26px 24px 10px;
    border-bottom: 0;
	background: #fff;
}
.information-popup .accordion .accordion-body p {
    max-width: 510px;
    color: #000C;
}
.location-banner {
    background: #101A37;
    padding: 35px 0 37px;
}
.location-banner .flex-box {
    margin: 0 -12px;
    align-items: flex-end;
}
.location-banner .left-box {
    width: 66.7%;
    padding: 0 12px;
}
.location-banner .right-box {
    width: 33.3%;
    padding: 0 12px;
}
.location-banner .breadcrumb {
    margin: 0 0 38px;
}
.location-banner .breadcrumb ul li, .location-banner .breadcrumb ul li a {
    font-weight: 500;
    color: #fff;
    position: relative;
}
.location-banner .breadcrumb ul li a::after {
    background: url("assets/images/breadcrumb1.svg") no-repeat;
}
.location-banner .open {
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    line-height: 25.2px;
    display: flex;
    align-items: center;
    column-gap: 10px;
    margin-bottom: 8px;
}
.location-banner .open span {
    display: inline-block;
    position: relative;
    background: #28AF42;
    width: 7px;
    height: 7px;
    border-radius: 100px;
}
.location-banner .open.closed span {
    background: #AF2828;
}

.location-banner .open span:before {
    position: absolute;
    top: 50%;
    left: 50%;
    content: "";
    background-color: #28AF4299;
    width: 5px;
    height: 5px;
    transform: translate(-50%, -50%) scale(1);
    z-index: 0;
    border-radius: 50%;
    opacity: 0;
    animation-name: buttonPlayPulse;
    animation-timing-function: ease-in-out;
    animation-duration: 1.25s;
    animation-iteration-count: infinite;
}
.location-banner .open.closed span:before {
    background-color: #AF282899;
}
@keyframes buttonPlayPulse {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(1);
    }
    33% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(1.5);
    }
    66% {
        opacity: .25;
        transform: translate(-50%, -50%) scale(2.5);
    }
    100% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(4);
    }
}
.location-banner h1 {
    color: #fff;
    margin-bottom: 94px;
}
.location-banner .address p {
    color: #fff;
    font-size: 20px;
    line-height: 26px;
    margin: 0 0 1px;
}
.location-banner .address p a {
    background: url("assets/images/direction-arrow.svg") no-repeat;
    background-position: 100%;
    display: inline-block;
    padding: 0 31px 0 0;
    color: #ABAFB9;
    font-size: 16px;
    line-height: 20.8px;
}
.location-banner .address p a:hover {
    text-decoration: underline;
    padding: 0 35px 0 0;
}
.full-image .image img {
    width: 100%;
}
.location-banner .right-box ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.location-banner .right-box ul li {
    color: #fff;
    font-size: 18px;
    line-height: 25.2px;
    padding: 0 0 0 38px;
    margin: 0 0 6px;
}
.location-banner .right-box ul li.hours {
    background: url("assets/images/hours.svg") no-repeat;
    background-position: 0;
    display: inline-block;
    position: relative;
}
.location-banner .right-box ul li.hours::after {
    content: "";
    position: absolute;
    background: url("assets/images/direction-arrow1.svg") no-repeat;
    width: 19px;
    height: 16px;
    right: -29px;
    top: 50%;
    transform: translate(0, -50%);
    transition: all 0.3s ease 0s;
}
.location-banner .right-box ul li.hours:hover {
    text-decoration: underline;
}
.location-banner .right-box ul li.hours:hover::after {
    right: -33px;
}
.location-banner .right-box ul li.pool-ength {
    background: url("assets/images/pool-length.svg") no-repeat;
    background-position: 0;
}
.location-banner .right-box ul li.pool-temperature {
    background: url("assets/images/temperature.svg") no-repeat;
    background-position: 0;
}
.location-banner .right-box ul li.technical {
    background: url("assets/images/technical.svg") no-repeat;
    background-position: 0;
}
.location-banner .right-box ul li.purpose {
    background: url("assets/images/purpose.svg") no-repeat;
    background-position: 0;
}
.location-banner .contact-info {
    padding-top: 38px;
}
.location-banner .contact-info span {
    display: block;
    margin: 0 0 6px;
}
.location-banner .contact-info span.email a {
    display: inline-block;
    background: url('assets/images/copy.svg') no-repeat;
    background-position: right;
    padding-right: 26px;
}
.location-banner .contact-info span:first-child a {
    text-decoration: underline;
}
.location-banner .contact-info span:last-child {
    margin: 0;
}
.location-banner .contact-info span a {
    color: #fff;
    font-size: 18px;
    line-height: 25.2px;
}
.proven-approach {
    background: #F5FBFC;
    padding: 100px 0;
}
.proven-approach .flex-box {
    margin: 0 -12px;
}
.proven-approach .left-box {
    width: 35%;
    padding: 0 12px;
}
.proven-approach .right-box {
    width: 65%;
    padding: 0 12px;
}
.proven-approach h2 {
    color: #101A37;
    font-size: 40px;
    line-height: 44px;
    max-width: 370px;
    margin: -8px 0 17px;
}
.proven-approach p {
    font-size: 18px;
    line-height: 25.2px;
    max-width: 314px;
    color: #000000;
    margin: 0 0 28px;
}
.link-btn a {
    background-position: 87%;
    font-weight: 700;
    font-size: 16px;
    color: #101A37;
    line-height: 16px;
    border: 2px solid #101A37;
    display: inline-block;
    padding: 11.5px 38px;
}

.proven-approach .video-outer {
    padding-left: 3px;
}
.proven-approach .video {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
}
.proven-approach .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.location-details.our-impact p {
    font-size: 18px;
    line-height: 25.2px;
    max-width: 652px;
    margin: 0 0 19px;
}
.pricing {
    background: #101A37;
    padding: 92px 0 65px;
    position: relative;
}
.pricing h2 {
    color: #fff;
    font-size: 40px;
    line-height: 44px;
    margin: 0 0 36px;
}
.pricing p {
    color: #fff;
    font-size: 20px;
    line-height: 26px;
    margin: 0 0 18px;
}
.pricing p strong {
    font-weight: 700;
}
.pricing table {
    border: 1px solid #FFFFFF4D;
    width: 1144px;
}
.pricing table th:first-child, .pricing table td:first-child {
    padding-left: 37px;
    width: 554px
}
.pricing table th:nth-child(2), .pricing table td:nth-child(2) {
    width: 292px
}
.pricing table th {
    border-right: 1px solid #FFFFFF4D;
    padding: 28px 30px 36px;
    vertical-align: top;
    text-align: left;
    font-size: 18px;
    line-height: 25.2px;
    font-weight: 700;
    color: #fff;
}
.pricing table td {
    border-bottom: 1px solid #FFFFFF4D;
    border-right: 1px solid #FFFFFF4D;
    padding: 22px 30px 21px;
    text-align: left;
    font-size: 18px;
    color: #fff;
}
.important-information {
    padding-top: 64px;
}
.important-information .link-btn {
    margin-bottom: 18px;
}
.important-information .link-btn a {
    background-position: 90%;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    line-height: 16px;
    border: 2px solid #fff;
    display: inline-block;
    padding: 11.5px 36px;
}
.important-information .link-btn a:hover {
    padding: 11.5px 50px 11.5px 22px;
    background-position: 90%;
    border-color: #E76C0C;
    color: #fff;
}
.pricing-accordion .important-information .link-btn a {
    color: #101A37;
    border: 2px solid #101A37;
}
.pricing-accordion .important-information .link-btn a:hover {
    color: #fff;
    border: 2px solid #E76C0C;
}
.important-information p {
    margin: 0;
    font-size: 14px;
    line-height: 19.6px;
    color: #FFFC;
    max-width: 650px;
}
.pricing .icon {
    position: absolute;
    right: 0;
    bottom: 0;
}
.single-our-location .important-information .link-btn a {
    border: 2px solid #fff;
    color: #fff;
}
.single-our-location .important-information .link-btn a:hover {
    border: 2px solid #E76C0C;
}
/* ===================================
        Our Programmes
======================================*/
.our-programmes {
    padding: 92px 0 90px;
    position: relative;
    background: #F6EBD1;
}
.our-programmes .container {
    padding-left: calc((100% - 1324px)/ 2);
    max-width: 100%;
    padding-right: 0;
}
.our-programmes .heading-text {
    padding-left: 3px;
}
.our-programmes .slide-pagi {
    position: absolute;
    right: 62px;
    bottom: 7px;
    display: flex;
    align-items: center;
}
.our-programmes .slide-pagi div {
    width: 46px;
    height: 46px;
    border-radius: 100%;
}
.our-programmes .slide-pagi div:hover {
    box-shadow: 3.49px 2.09px 10.46px 0px #0000001A;
    background: #fff
}
.our-programmes .slide-pagi .swiper-button-prev {
    position: relative;
    margin: 0;
    left: 0;
    top: 0;
}
.our-programmes .slide-pagi .swiper-button-next {
    position: relative;
    margin: 0;
    right: 0;
    top: 0;
}
.our-programmes .slide-pagi div::after {
    display: none;
}
.our-programmes h2 {
    font-size: 40px;
    line-height: 44px;
    color: #101A37;
    margin: 0 0 16px;
}
.our-programmes p {
    font-size: 18px;
    line-height: 25.2px;
    max-width: 610px;
    margin: 0 0 17px;
}
.programme-carousel {
    overflow: hidden;
    padding: 10px 0 10px 3px;
    position: relative;
}
.programme-box {
    transition: all 0.3s ease 0s;
}
.programme-box:hover {
    margin-top: -10px;
    position: relative;
}
.programme-carousel .image {
    border: 1px solid transparent;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: transparent;
    border-bottom: 0;
}
.programme-carousel .txet {
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 27px 0 0 20px;
    justify-content: space-between;
    border-top: 0;
    box-shadow: 3.49px 2.09px 10.46px 0px #0000001A;
}
.programme-carousel .txet .top-content {
    width: 100%;
}
.programme-carousel .txet h6 {
    color: #101A37;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    margin: 0 0 6px;
}
.programme-carousel .txet h3 {
    font-weight: 700;
    font-size: 34px;
    color: #101A37;
    line-height: 37.4px;
    margin: 0 0 44px;
}
.programme-carousel .txet .bottom-content {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}
.programme-carousel .txet .box:first-child a {
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #101A37;
    position: relative;
    padding: 8px 10px;
    left: -10px;
}
.programme-carousel .txet .box:first-child a span {
    position: relative;
    z-index: 1;
}
.programme-box:hover .box:first-child a span {
    color: #fff;
}
.programme-carousel .txet .box:first-child a::after {
    transition: all 0.3s ease 0s;
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    left: 0;
    bottom: 0;
}

.programme-box.blue .box:first-child a::after {
    background: #005EB8;
}
.programme-box.lightcyan .box:first-child a::after {
    background: #BBE5EC;
}
.programme-box.yellow .box:first-child a::after {
    background: #F4C33B;
}
.programme-box.orange .box:first-child a::after {
    background: #E76C0C;
}
.programme-box.purple .box:first-child a::after {
    background: #8882F9;
}
.programme-carousel .txet .box:last-child a {
    width: 70px;
    height: 70px;
    background: #101A37;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
}
.programme-carousel .txet .box:last-child a img {
    position: relative;
}
.programme-carousel .txet .box:last-child a::before {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    transition: all 0.3s ease 0s;
}

.programme-box.blue .box:last-child a::before {
    background: #005EB8;
}
.programme-box.lightcyan .box:last-child a::before {
    background: #BBE5EC;
}
.programme-box.yellow .box:last-child a::before {
    background: #F4C33B;
}
.programme-box.orange .box:last-child a::before {
    background: #E76C0C;
}
.programme-box.purple .box:last-child a::before {
    background: #8882F9;
}
/* ===================================
          our impact
======================================*/
.our-impact {
    padding: 92px 0 89px;
    position: relative;
}
.our-impact .container {
    padding: 0 0 0 56px;
}
.our-impact .container {
    padding-left: calc((100% - 1328px)/ 2);
    max-width: 100%;
    padding-right: 0;
}
.our-impact .heading-text {
    padding-left: 5px;
}
.our-impact .slide-pagi {
    position: absolute;
    right: 62px;
    bottom: 7px;
    display: flex;
    align-items: center;
}
.our-impact .slide-pagi div {
    width: 46px;
    height: 46px;
    border-radius: 100%;
}
.our-impact .slide-pagi div:hover {
    box-shadow: 3.49px 2.09px 10.46px 0px #0000001A;
    background: #fff
}
.our-impact .slide-pagi .swiper-button-prev {
    position: relative;
    margin: 0;
    left: 0;
    top: 0;
}
.our-impact .slide-pagi .swiper-button-next {
    position: relative;
    margin: 0;
    right: 0;
    top: 0;
}
.our-impact .slide-pagi div::after {
    display: none;
}
.our-impact h2 {
    color: #101A37;
    font-size: 40px;
    line-height: 44px;
    font-weight: 700;
    margin: 0 0 16px;
}
.our-impact p {
    font-size: 18px;
    line-height: 25.2px;
    max-width: 610px;
    margin: 0 0 19px;
}
.impact-carousel {
    overflow: hidden;
    padding: 10px 0 10px 6px;
    position: relative;
}
.impact-box .content {
    box-shadow: 3px 3px 10px 0px #00000033;
    padding: 40px 40px 34px;
}
.impact-box .content p {
    font-weight: 400;
    font-size: 24px;
    color: #fff;
    line-height: 33.6px;
    max-width: 100%;
    margin: 0;
}
.impact-box .content .location {
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    padding: 0px 0 2px 0;
    margin: 0 0 46px;
    display: flex;
    align-items: center;
    gap: 14px;
}
.impact-box .content .inline-text {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 57px;
    width: 100%;
    margin-top: auto;
}
.impact-box .content .inline-text p {
    margin: 0;
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
}
.impact-box .content .inline-text span {
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    color: #fff;
}
.impact-carousel .swiper-slide.text {
    width: 534px;
}
.impact-carousel .swiper-slide.image {
    width: 423px;
    box-shadow: 3px 3px 10px 0px #00000033;
}
.impact-carousel .swiper-slide {
    height: auto !important;
}
.impact-carousel .impact-box .content {
    display: flex;
    flex-wrap: wrap;
}
.impact-carousel .impact-box, .impact-carousel .impact-box .image, .impact-carousel .impact-box .content {
    height: 100%;
}
.impact-carousel .impact-box .image {
    position: relative;
}
.impact-carousel .impact-box .image img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.impact-carousel .impact-box .icon {
    position: absolute;
    bottom: 0;
    left: 0;
    width: auto;
    height: auto;
}
.impact-carousel .impact-box .icon.right {
    right: 0;
    left: auto;
}
.built-families {
    background: #E76C0C;
    padding: 62px 0;
}
.built-families h2 {
    margin: -2px 0 43px;
    color: #fff;
    max-width: 410px;
    font-size: 40px;
    line-height: 44px;
}
.built-families p {
    color: #fff;
    max-width: 524px;
    font-size: 24px;
    line-height: 33.6px;
    margin: 0 0 21px;
}
.built-families .flex-box {
    margin: 0 -12px;
}
.built-families .left-box {
    width: 50%;
    padding: 0 12px;
}
.built-families .right-box {
    width: 50%;
    padding: 0 12px;
}
.built-families .links {
    padding: 31px 0 0;
}
.built-families .links ul {
    display: flex;
    list-style: none;
    column-gap: 20px;
    padding: 0;
    margin: 0;
}
.built-families .links ul li:first-child a {
    background: #fff;
    color: #101A37;
    background-position: 91%;
}
.built-families .links ul li:first-child:hover a {
    background: #8882f9 url("assets/images/link-arrow.svg") no-repeat;
    background-position: 91%;
    background-size: 18px;
}
.built-families .links ul li a {
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    border: 2px solid #fff;
    display: inline-block;
    padding: 11.5px 38px;
    background-position: 91%;
}
.built-families .links ul li:hover a {
    background: #8882f9 url("assets/images/link-arrow.svg") no-repeat;
    background-size: auto;
    background-position: 91%;
    background-size: 18px;
    padding: 11.5px 51.5px 11.5px 25px;
    color: #fff;
    border-color: #8882f9;
}
/* ===================================
         Hilton Brown
======================================*/
.hilton-brown {
    background: #BBE5EC80;
    padding: 92px 0 100px;
    overflow: hidden;
}
.hilton-brown .heading-text {
    position: relative;
    margin-bottom: 28px;
}
.hilton-brown h2 {
    color: #101A37;
    margin: 0 0 16px;
    font-size: 40px;
    line-height: 44px;
}
.hilton-brown p {
    font-size: 18px;
    line-height: 25.2px;
    max-width: 580px;
    margin: 0 0 16px;
}
.hb-box .content p:empty {
    display: none;
}
.hilton-brown .heading-text .link-btn {
    position: absolute;
    right: 0;
    bottom: 7px;
}
.hilton-brown .swiper-wrapper {
    width: auto;
    flex-wrap: wrap;
    margin: 0 -12px;
}
.hilton-brown .swiper-wrapper .swiper-slide {
    width: 25%;
    padding: 0 12px;
    height: auto;
}
.hb-box {
    background: #101A37;
    padding: 25px;
    height: 100%;
}
.hb-box .icon {
    margin-bottom: 54px;
}
.hb-box .content h3 {
    color: #fff;
    font-weight: 700;
    font-size: 24px;
    line-height: 28.8px;
    margin: 0 0 14px;
}
.hb-box .content p {
    font-weight: 400;
    font-size: 18px;
    line-height: 25.2px;
    color: #fff;
}
/* ===================================
         Pool Deck
======================================*/
.pool-deck {
    background: #F5FBFC;
    padding: 92px 0 100px;
}
.pool-deck .heading-text {
    position: relative;
    margin-bottom: 27px;
}
.pool-deck h2 {
    color: #101A37;
    font-size: 40px;
    line-height: 44px;
}
.pool-deck .heading-text .link-btn {
    position: absolute;
    right: 0;
    bottom: 8px;
}
.pool-deck-carousel .swiper-wrapper {
    width: auto;
    flex-wrap: wrap;
    margin: 0 -12px;
}
.pool-deck-carousel .swiper-wrapper .swiper-slide {
    width: 33.3333%;
    padding: 0 12px;
    height: auto;
}
.blog-box {
	transition: all 0.3s ease 0s;
    box-shadow: 3.41px 2.04px 10.22px 0px #0000001A;
}
.blog-box:hover {
    margin-top: -10px;
    position: relative;
}
.blog-box .image a {
    display: block;
}
.blog-box .content {
    background: #fff;
    padding: 25px 0 0 30px;
}
.blog-box .content .top-text {
    margin: 0 0 30px;
}
.blog-box h5 {
    font-weight: 600;
    color: #101A37;
    font-size: 24px;
    line-height: 28.8px;
    margin: 0 0 9px;
    padding-right: 30px;
}
.blog-box p {
    color: #101A37;
    font-weight: 400;
    font-size: 16px;
    line-height: 20.8px;
    max-width: 82%;
    margin: 0;
}
.blog-box .inline-text {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}
.blog-box .inline-text .more-btn a {
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #101A37;
    position: relative;
    padding: 8px 10px;
    left: -10px;
}
.blog-box .inline-text .more-btn a span {
    position: relative;
    z-index: 1;
}
.blog-box:hover .more-btn a span {
    color: #fff;
}
.blog-box .inline-text .more-btn a::after {
    transition: all 0.3s ease 0s;
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    left: 0;
    bottom: 0;
}
.blog-box.blue .more-btn a::after {
    background: #005EB8;
}
.blog-box.lightcyan .more-btn a::after {
    background: #BBE5EC;
}
.blog-box.yellow .more-btn a::after {
    background: #F4C33B;
}
.blog-box.orange .more-btn a::after {
    background: #E76C0C;
}
.blog-box.purple .more-btn a::after {
    background: #8882F9;
}

.blog-box .inline-text .link-btn-arrow a {
    width: 70px;
    height: 70px;
    background: #101A37;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
}
.blog-box .inline-text .link-btn-arrow a img {
    position: relative;
}
.blog-box .inline-text .link-btn-arrow a::before {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    transition: all 0.3s ease 0s;
}

.blog-box.blue .link-btn-arrow a::before {
    background: #005EB8;
}
.blog-box.lightcyan .link-btn-arrow a::before {
    background: #BBE5EC;
}
.blog-box.yellow .link-btn-arrow a::before {
    background: #F4C33B;
}
.blog-box.orange .link-btn-arrow a::before {
    background: #E76C0C;
}
.blog-box.purple .link-btn-arrow a::before {
    background: #8882F9;
}
/*=====================================
             Our Programmes
=======================================*/
.our-programmes.page {
    background: #FFF;
    padding: 95px 0;
}
.our-programmes.page .slide-pagi {
    bottom: 19px;
    gap: 13px;
}
.programme-boxes {
    padding: 2px 0 107px;
}
.programme-boxes .flex-box {
    margin: 0 -12px;
}
.programme-boxes .box {
    width: 50%;
    padding: 0 12px;
}
.programme-boxes .content {
    padding: 19px 25px 25px;
}
.programme-boxes .content h3 {
    max-width: 422px;
    margin: 0 0 26px;
    color: #101A37;
    font-size: 34px;
    line-height: 37.4px;
}
.programme-boxes .box:first-child .content p {
    max-width: 315px;
}
.programme-boxes .content p {
    font-size: 20px;
    line-height: 26px;
    max-width: 410px;
}
.programme-boxes .content.white h3, .programme-boxes .content.white p {
    color: #fff;
}
.programme-boxes .top-text {
    margin-bottom: 74px;
}
.programme-boxes .inline-text {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.programme-boxes .more-btn a {
    font-weight: 700;
    font-size: 16px;
    color: #101A37;
    line-height: 16px;
    border: 2px solid #101A37;
    background-position: 87%;
    display: inline-block;
    padding: 11.5px 38.5px;
}
.programme-boxes .content.white .more-btn a {
    color: #fff;
    background-position: 87%;
    border: 2px solid #fff;
}

/*=====================================
          Programme Details
=======================================*/
.programme-banner {
    position: relative;
    border-top: 1px solid #0000001A;
}
.programme-banner .left-box, .programme-banner .right-box {
    width: 50%;
}
.programme-banner .content {
    position: absolute;
    max-width: 1440px;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 37px 62px 0;
}
.programme-banner .breadcrumb {
    margin: 0px 0 62px;
}
.programme-banner h1 {
    max-width: 533px;
    color: #101A37;
    margin-bottom: 30px;
}
.programme-banner p {
    color: #101A37;
    font-size: 24px;
    line-height: 33.6px;
    max-width: 450px;
}
.programme-banner .image {
    position: relative;
}
.programme-banner .image > img {
    width: 100%;
}
.programme-banner .image .icon {
    position: absolute;
    right: 0;
    bottom: 0;
}
.programme-overview {
    background: #005EB8;
    padding: 82px 0;
}
.programme-overview .left-box {
    width: 42%;
}
.programme-overview .right-box {
    width: 58%;
    padding-left: 5px;
}
.programme-overview h2 {
    font-size: 40px;
    line-height: 44px;
    color: #fff;
    margin: 0 0 32px;
}
.programme-overview .link-btn a {
    color: #fff;
    border: 2px solid #fff;
}
.programme-overview .link-btn a:hover {
    border-color: #E76C0C;
}
.programme-overview .content p {
    color: #fff;
    font-size: 34px;
    line-height: 44.2px;
}
.programme-marquee {
    padding: 30px 0;
}
.programme-marquee .marquee {
    padding: 0 12px;
    animation: marquee 50s linear infinite;
}
.programme-marquee .marquee .box {
    width: 423px;
}
.programme-marquee .marquee .flex {
    display: flex;
    column-gap: 24px;
}
.who-it {
    background: #F6EBD1;
    padding: 92px 0 106px;
    position: relative;
}
.who-it .icon {
    position: absolute;
    right: 0;
    bottom: 0;
}
.who-it .left-box {
    width: 42%;
}
.who-it .right-box {
    width: 58%;
    padding-left: 5px;
}
.who-it h2 {
    color: #000000;
    margin: 0 0 32px;
    font-size: 40px;
    line-height: 44px;
}
.who-it .link-btn ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    gap: 20px;
}
.who-it .link-btn ul li:first-child a {
    background: #005EB8;
    border-color: #005EB8;
    color: #fff;
    background-position: 87%;
}
.who-it .link-btn ul li:first-child a:hover {
    border-color: #E76C0C;
    background: #E76C0C url("assets/images/link-arrow.svg") no-repeat;
    background-position: 87%;
    background-size: 18px;
    padding: 11.5px 50.5px 11.5px 25px;
}
.who-it .content p {
    color: #000000;
    font-size: 24px;
    line-height: 33.6px;
    max-width: 670px;
    margin: 0 0 47px;
}
.who-it .content ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.who-it .content ul li {
    background: url("assets/images/list3.svg") no-repeat;
    background-position: 0 0;
    font-size: 24px;
    line-height: 31.2px;
    color: #000;
    padding: 0 0 0 83px;
    margin: 0 0 30px;
	border-radius:0;
	min-height:49px;
}
.who-it .content ul li strong {
    display: block;
    font-weight: 700;
}
.what-learn {
    padding: 92px 0 88px;
}
.what-learn .left-box {
    width: 42%;
}
.what-learn .right-box {
    width: 58%;
    padding-left: 5px;
}
.what-learn h2 {
    color: #000000;
    margin: 0 0 32px;
    font-size: 40px;
    line-height: 44px;
}
.what-learn .link-btn ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    gap: 20px;
}
.what-learn .link-btn ul li:first-child a {
    background: #005EB8;
    border-color: #005EB8;
    color: #fff;
}
.what-learn .content p {
    color: #000000;
    font-size: 24px;
    line-height: 33.6px;
    max-width: 570px;
    margin: 0 0 33px;
}
.what-learn .content ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.what-learn .content ul li {
    background: url("assets/images/list3.svg") no-repeat;
    background-position: 0 0;
    font-weight: 700;
    font-size: 24px;
    line-height: 31.2px;
    color: #000;
    padding: 0 0 0 83px;
    margin: 0 0 16px;
    min-height: 49px;
    align-items: center;
    display: flex;
}
.what-learn .content ul li strong {
    display: block;
    font-weight: 700;
}
.hilton-brown.expect p {
    max-width: 500px;
}
.faq + .ready-to-start {
    padding-top: 0;
}
.your-class {
    background: #F6EBD1;
    padding: 92px 0 91px;
    position: relative;
}
.your-class .container {
    padding-left: calc((100% - 1323px)/ 2);
    max-width: 100%;
    padding-right: 0;
}
.your-class h2 {
    color: #101A37;
    margin: 0 0 22px;
    font-size: 40px;
    line-height: 44px;
}
.your-class .heading-text {
    padding-left: 2px;
}
.your-class .slide-pagi {
    position: absolute;
    right: 62px;
    top: 91px;
    display: flex;
    align-items: center;
}
.your-class .slide-pagi div:after {
    display: none;
}
.your-class .slide-pagi div {
    width: 46px;
    height: 46px;
	border-radius: 100%;
}
.your-class .slide-pagi .swiper-button-prev {
    position: relative;
    margin: 0;
    left: 0;
    top: 0;	
}
.your-class .slide-pagi div:hover{
  box-shadow: rgba(0, 0, 0, 0.1) 3.49px 2.09px 10.46px 0px;
  background: rgb(255, 255, 255);
}
.your-class .slide-pagi .swiper-button-next {
    position: relative;
    margin: 0;
    right: 0;
    top: 0;
}
.class-carousel {
    overflow: hidden;
    padding: 10px 0 10px 3px;
    position: relative;
}
.class-carousel .class-box {
    box-shadow: 3.49px 2.09px 10.46px 0px #0000001A;
}
.class-box .content {
    background: #fff;
    padding: 25px 20px 20px;
}
.class-box .content h6 {
    background: url("assets/images/location.svg") no-repeat;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    color: #101A37;
    padding: 0 0 0 30px;
    margin: 0 0 22px;
}
.class-box .content p {
    color: #101A37;
    max-width: 230px;
    font-weight: 500;
    margin: 0 0 19px;
}
.class-box .content .link-btn a {
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    line-height: 16px;
    border: 2px solid #E76C0C;
    display: block;
    padding: 11.5px 38px;
    text-align: center;
    background: #E76C0C;
    background-position: 72%;
}
.class-box .content .link-btn a:hover {
    background: #8882f9 url("assets/images/link-arrow.svg") no-repeat;
    background-position: 72%;
    background-size: 18px;
    padding: 11.5px 51.5px 11.5px 25px;
    color: #fff;
    border-color: #8882f9;
}
/*=====================================
            Landing Page
=======================================*/
.banner {
    position: relative;
    background: #101A37;
}
.banner .left-box, .banner .right-box {
    width: 50%;
}
.banner .content {
    position: absolute;
    max-width: 1440px;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 37px 62px 0;
}
.banner .breadcrumb {
    margin: 0px 0 62px;
}
.banner h1 {
    max-width: 530px;
    color: #fff;
    margin: 40px 0 31px;
}
.banner p {
    color: #fff;
    font-size: 24px;
    line-height: 33.6px;
    max-width: 486px;
    margin: 0 0 41px;
}
.banner .link-btn a {
    border-color: #fff;
    color: #fff;
}
.banner .link-btn a:hover {
    border-color: #E76C0C;
}
.banner .image .icon {
    position: absolute;
    right: 0;
    bottom: 0;
}
.promotion-overview {
    padding: 92px 0 68px;
    position: relative;
}
.promotion-overview .icon {
    position: absolute;
    right: 0;
    bottom: 0;
}
.promotion-overview .left-box {
    width: 42%;
}
.promotion-overview .right-box {
    width: 58%;
    padding-left: 5px;
}
.promotion-overview h2 {
    font-size: 40px;
    line-height: 44px;
    color: #000000;
    margin: 0 0 32px;
}
.promotion-overview .content p {
    color: #000000;
    font-size: 24px;
    line-height: 33.6px;
    max-width: 670px;
    margin: 0 0 45px;
}
.promotion-overview .content ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.promotion-overview .content ul li {
    background: url("assets/images/list3.svg") no-repeat;
    background-position: 0 7px;
    font-size: 24px;
    line-height: 130%;
    color: #000;
    padding: 0 0 0 83px;
    margin: 0 0 26px;
}
.promotion-overview .content ul li strong {
    display: block;
    font-weight: 700;
}
.landing.ready-to-start {
    /* padding: 0 0 100px;
  background: #F5FBFC;*/
}
/*=====================================
            Location
=======================================*/
.page-banner {
    background: #005EB8;
    padding: 90px 0;
    position: relative;
}
.page-banner h1 {
    color: #fff;
    margin: 0 0 31px;
}
.page-banner p {
    color: #fff;
    font-weight: 400;
    font-size: 24px;
    line-height: 33.6px;
    max-width: 630px;
}
.page-banner .left-box {
    width: 50%;
}
.page-banner .right-box {
    width: 50%;
}
.page-banner .image {
  text-align: right;
  position: absolute;
  top: 35px;
  max-width: 1440px;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 0 62px;
}
/*=====================================
        Pricing
=======================================*/
.pricing.page-head {
    background: #101A37;
}
.pricing-accordion .accordion {
    max-width: 100%;
    border: 0;
}
.pricing-accordion .accordion-item {
    background: #005EB8;
}
.pricing-accordion .accordion-item .accordion-header {
    padding: 0 62px;
    background: #005EB8;
    position: relative;
    max-width: 1440px;
    margin: 0 auto;
}
.pricing-accordion .accordion .accordion-button {
    background: #005EB8;
    border-bottom: 1px solid #BBE5EC;
    font-weight: 700;
    font-size: 46px;
    line-height: 46px;
    color: #fff;
    padding: 43px 0px;
	width:100%;
}
.pricing-accordion .accordion-button:not(.collapsed) {
    border: 0;
    box-shadow: none;
}
.pricing-accordion .accordion-button::after {
    background: transparent url("assets/images/pricing-arrow.svg") no-repeat;
    background-position: center;
    width: 69px;
    height: 69px;
    top: 50%;
    transform: translate(0, -50%);
	right:0;
}
.pricing-accordion .accordion-button:not(.collapsed)::after {
    background: transparent url("assets/images/pricing-arrow.svg") no-repeat;
    background-position: center;
    transform: translate(0, -50%) rotate(90deg);
    background-position: center;
}
.pricing-accordion .accordion .pricing {
    background: none;
    padding: 0;
    max-width: 1440px;
    padding: 0;
    margin: 0 auto;
}
.pricing-accordion .accordion-collapse {
    background: #F5FBFC;
}
.pricing-accordion .accordion .accordion-body {
    padding: 44px 62px 45px;
    border: 0;
    background: #F5FBFC;
    max-width: 1440px;
    margin: 0 auto;
}
.pricing-accordion .accordion .accordion-body p {
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    max-width: 440px;
    color: #101A37;
    margin: 0 0 31px;
}
.pricing-accordion .pricing table {
    border: 1px solid #101A374D;
    width: 1144px;
}
.pricing-accordion .pricing table td {
    border-bottom: 1px solid #101A374D;
    border-right: 1px solid #101A374D;
    color: #101A37;
}
.pricing-accordion .pricing table td strong {
    font-weight: 700;
}
.pricing-accordion .accordion .accordion-body .important-information p {
    margin: 0;
    font-size: 14px;
    line-height: 19.6px;
    color: #101A37;
    max-width: 650px;
}
.ready-to-start {
    padding: 100px 0;
}
.ready-to-start .flex-box {
    margin: 0 -12px;
}
.ready-to-start .box {
    width: 50%;
    padding: 0 12px;
}
.start-box {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
}
.start-box .content {
    width: 62%;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
   /* padding: 19px 25px 25px;*/
	 padding: 25px 25px 25px;
}
.start-box .content .top {
    margin-bottom: 134px;
}
.start-box .content h3 {
    font-size: 34px;
    line-height: 37.4px;
}
.start-box .content .bottom p {
    margin: 0;
}
.start-box .image {
    width: 38%;
    text-align: right;
    padding: 25px;
}
.start-box.white .link-btn a {
    color: #fff;
    border: 2px solid #fff;
}
.start-box.white .content h3 {
    color: #fff;
}
.start-box.white .link-btn a:hover {
    color: #fff;
    border-color: #E76C0C;
}
/*=====================================
         Faq
=======================================*/
.page-head {
    background: #005EB8;
    position: relative;
    padding: 59px 0;
}
.page-head h1 {
    color: #fff;
}
.page-head .image  {
  position: absolute;
  text-align: right;
  top: 50%;
  transform: translate(0, -50%);
  max-width: 1440px;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 0 62px;
}
.faq {
    padding: 100px 0;
}
.faq h2 {
    color: #101A37;
    margin: -8px 0 27px;
    font-size: 40px;
    line-height: 44px;
}
.accordion {
    max-width: 981px;
    border: 1px solid #EFEFEF;
}
.accordion .accordion-button {
    background: #F5FBFC;
    border-bottom: 1px solid #EFEFEF;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    color: #000;
    padding: 24px 24px;
    box-shadow: none;
	width: calc(100% - 70px);
}
.accordion .accordion-item:last-child .accordion-button {
    border: 0;
}
.accordion .accordion-button:focus {
    outline: none;
    box-shadow: none;
}
.accordion .accordion-body {
    padding: 26px 24px 10px;
    border-bottom: 1px solid #EFEFEF;
}
.accordion .accordion-body p {
    font-weight: 400;
    font-size: 16px;
    line-height: 20.8px;
    max-width: 682px;
    color: #000C;
}
.accordion-button::after {
    content: "";
    background: #101A37 url("assets/images/link-arrow.svg") no-repeat;
    background-position: center;
    width: 70px;
    height: 70px;
    position: absolute;
    right: -70px;
    top: 0;
}
.accordion-button:not(.collapsed)::after {
    background: #101A37 url("assets/images/down-arrow.svg") no-repeat;
    transform: none;
    background-position: center;
}
/*=====================================
          Privacy Policy
=======================================*/
.introduction {
    background: #F7FCFF;
    padding: 92px 0 72px;
}
.introduction .left-box {
    width: 42%;
}
.introduction .right-box {
    width: 58%;
    padding-left: 5px;
}
.introduction h2 {
    max-width: 423px;
    font-size: 40px;
    line-height: 44px;
}
.introduction .content p {
    font-size: 24px;
    line-height: 33.6px;
    max-width: 630px;
    margin: 0 0 20px;
}
.introduction .content p a {
    color: #000;
    text-decoration: underline;
}
.content-area {
    padding: 50px 0 51px;
}
.content-area .content-box {
    border-bottom: 1px solid #E5E5E5;
    padding: 44px 0 14px;
}
.content-area .content-box:last-child {
    border: 0;
}
.content-area .content-box .left-box {
    width: 42%;
}
.content-area .content-box .right-box {
    width: 58%;
    padding-left: 5px;
}
.content-area .content-box h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 28.8px;
    max-width: 423px;
}
.content-area .content-box p {
    margin: 0 0 30px;
}
.content-area .content-box ul {
    padding: 0 0 0 23px;
    margin: 0 0 30px;
    list-style: none;
}
.content-area .content-box ul li {
    margin-bottom: 15px;
    position: relative;
}
.content-area .content-box ul li:before {
    position: absolute;
    background: #000;
    width: 4px;
    height: 4px;
    content: "";
    border-radius: 100%;
    left: -13px;
    top: 9px;
}
/*=====================================
             Blog Page
=======================================*/
.blog-area {
    border-top: 1px solid #0000001A;
    background: #F7FCFF;
    padding: 38px 0;
}
.breadcrumb {
    margin: 0 0 27px;
}
.breadcrumb ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    column-gap: 47px;
}
.breadcrumb ul li, .breadcrumb ul li a {
    font-weight: 500;
    color: #101A37;
    position: relative;
}
.breadcrumb ul li a:after {
    background: url("assets/images/breadcrumb.svg") no-repeat;
    position: absolute;
    content: "";
    width: 6px;
    height: 12px;
    top: 4px;
    right: -27px;
}
.blog-area h1 {
    color: #101A37;
    margin: 0 0 30px;
}
.blog-area .blog-head p {
    font-size: 24px;
    line-height: 33.6px;
    color: #101A37;
    max-width: 650px;
    margin: 0 0 27px;
}
.all-blog .flex-box {
    margin: 0 -12px;
}
.all-blog .box {
    width: 33.3333%;
    padding: 0 12px;
    margin-bottom: 24px;
}
.pagination {
    padding: 46px 0 30px;
}
.pagination ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: 0;
    column-gap: 30px;
}
.pagination ul li {
    opacity: 0.3;
    color: #101A37;
    font-size: 18px;
}
.pagination ul li.previous {
    margin-right: 25px;
}
.pagination ul li.next {
    margin-left: 25px;
}
.pagination ul li.previous, .pagination ul li.next, .pagination ul li.active {
    opacity: 1;
}
.blog-details {
    border-top: 1px solid #0000001A;
    background: #F7FCFF;
    padding: 38px 0 74px;
}
.blog-details .flex-box {
    margin: 0 -15px;
}
.blog-details .box {
    width: 49.775%;
    padding: 0 15px;
}
.blog-details .box:nth-child(2) {
    width: 50.225%;
}
.blog-details .image {
    margin-top: 10px;
}
.blog-details .content {
    max-width: 535px;
}
.blog-details .content h1 {
    color: #101A37;
    margin: 0 0 32px;
}
.blog-details .content p {
    color: #101A37;
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    margin: 0 0 20px;
}
.blog-content {
    padding: 96px 0 66px;
}
.blog-content .content-box {
    max-width: 646px;
    margin: 0 auto;
}
.blog-content .content-box p {
    margin: 0 0 30px;
}
.blog-content .content-box h4 {
	padding: 10px 0 29px;
	font-size: 24px;
	line-height: 28.8px;
}
.blog-content .content-box h5 {
    padding: 10px 0 29px;
}
.related-articles.pool-deck {
    background: #8882F9;
}
.related-articles h2 {
    color: #fff;
    font-size: 40px;
    line-height: 44px;
}
.related-articles.pool-deck .link-btn a {
    color: #fff;
    border: 2px solid #fff;
}
.related-articles.pool-deck .link-btn a:hover {
    border-color: #E76C0C;
}
/*=====================================
      Gift Cards
=======================================*/
.gift-cards-banner {
    background: #F4C33B;
    padding: 90px 0 76px;
    position: relative;
}
.gift-cards-banner h1 {
    color: #101A37;
    margin: 0 0 30px;
}
.gift-cards-banner p {
    color: #101A37;
    font-size: 24px;
    line-height: 33.6px;
    max-width: 650px;
}
.gift-cards-banner .image {
	  position: absolute;
	  bottom: 35px;
	  max-width: 1440px;
	  left: 0;
	  right: 0;
	  margin: 0 auto;
	  padding: 0 62px;
	  text-align: right;
}
.gift-cards-content {
    background: #F7FCFF;
    padding: 92px 0 100px;
}
.gift-cards-content .left-box {
    width: 42%;
}
.gift-cards-content .right-box {
    width: 58%;
    padding-left: 5px;
}
.gift-cards-content h2 {
    max-width: 260px;
    font-size: 40px;
    line-height: 44px;
}
.gift-cards-content .content p {
    font-weight: 400;
    font-size: 24px;
    line-height: 33.6px;
    margin: 0 0 21px;
}
.gift-cards-content .content ul {
    padding: 12px 0 0;
    margin: 0;
    list-style: none;
}
.gift-cards-content .content ul li {
    font-weight: 600;
    font-size: 24px;
    line-height: 28.8px;
    margin: 0 0 19px;
    position: relative;
    display: flex;
    align-items: center;
    gap: 35px;
    max-width: 680px;
    min-height: 49px;
    padding-left: 83px;
}
.gift-cards-content .content ul li:before {
    background: url("assets/images/check.svg") no-repeat;
    position: absolute;
    content: "";
    width: 49px;
    height: 49px;
    left: 0;
}
.gift-cards-content .content .links ul {
    padding: 36px 0 0;
    display: flex;
    align-items: center;
    gap: 20px;
}
.gift-cards-content .content .links ul li {
    margin: 0;
    padding: 0;
}
.gift-cards-content .content .links ul li:before {
    display: none;
}
.gift-cards-content .content .links ul li a {
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: #101A37;
    border: 2px solid #101A37;
    display: inline-block;
    padding: 11.5px 38px;
    background-position: 94%;
}
.gift-cards-content .content .links ul li:first-child a {
    background: #101A37;
    background-position: 88%;
    color: #fff;
}
.gift-cards-content .content .links ul li:first-child:hover a {
    background: #E76C0C url("assets/images/link-arrow.svg") no-repeat;
    background-position: 88%;
    background-size: 18px;
    padding: 11.5px 51px 11.5px 25px;
}
.gift-cards-content .content .links ul li:hover a {
    background: #E76C0C url("assets/images/link-arrow.svg") no-repeat;
    background-size: 18px;
    background-position: 94%;
    padding: 11.5px 51.5px 11.5px 25px;
    border-color: #E76C0C;
    color: #fff;
}
/*=====================================
            Popup
=======================================*/
.search .modal-dialog {
    max-width: 100%;
    margin: 0;
}
.search .modal-header {
    padding: 0;
    border: 0;
    border-radius: 0;
}
.search .modal-content {
    background-color: #005EB8;
    border: 0;
    border-radius: 0;
}
.search .modal-header .btn-close {
    background: none;
    padding: 0;
    width: auto;
    height: auto;
    margin: 0;
    opacity: 1;
    position: absolute;
    right: 33px;
    top: 50%;
    z-index: 1;
    transform: translate(0, -50%);
}
.search .modal-body .search-form {
    max-width: 41%;
}
.search .modal-body {
    padding: 37px 43px;
}
.search .modal-body .search-form .form-group {
    display: flex;
    align-items: center;
    gap: 24px;
}
.search-form input {
    background: 0;
    border: 0;
    padding: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 25.2px;
    opacity: 1;
}
.search-form input::placeholder {
    color: rgba(255, 255, 255, 0.35);
    opacity: 1;
}
.search .modal-body .form-control:focus {
    color: #fff;
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
}
.free-tril.modal {
    position: fixed;
    top: auto;
    left: auto;
    bottom: 22px;
    right: 22px;
    width: auto;
    height: auto;
}
.free-tril .modal-dialog {
    max-width: 436px;
    margin: 0 auto;
    background: #E76C0C;
}
.free-tril .modal-header {
    padding: 0;
    border-bottom: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.free-tril .modal-header .btn-close {
    background: none;
    padding: 0;
    width: auto;
    height: auto;
    margin: 0;
    opacity: 1;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1;
    border-radius: 100%;
}
.free-tril .modal-header .btn-close:hover {
    background: #101A37;
}
.free-tril .modal-header .btn-close:focus {
    outline: none;
    box-shadow: none;
}
.free-tril .modal-dialog .modal-content {
    background-color: #E76C0C;
    border: 0;
    border-radius: 0;
}
.free-tril .modal-body {
    padding: 35px 75px 35px 35px;
}
.free-tril .modal-body h3 {
    color: #fff;
    font-size: 34px;
    font-weight: 700;
    line-height: 37px;
    margin: 0 0 18px;
}
.modal-body p {
    color: #fff;
    max-width: 320px;
    margin: 0 0 25px;
}
.modal-body p:last-child {
    margin: 0;
}
.modal-body a {
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    line-height: 16px;
    border: 2px solid #fff;
    display: inline-block;
    padding: 11.5px 38px;
    background-position: 87%;
}
.modal-body a:hover {
    background: #005EB8 url("assets/images/link-arrow.svg") no-repeat;
    background-position: 87%;
    background-size: 18px;
    padding: 11.5px 51.5px 11.5px 25px;
    color: #fff;
    border-color: #005EB8;
}
.pricing .information-popup h2 {
    color: #101A37;
    margin: 0 0 27px;
}
.pricing-accordion .information-popup .accordion {
    border: 1px solid #EFEFEF;
}
.pricing-accordion .information-popup .accordion .accordion-button {
    background: #fff;
    border-top: 1px solid #EFEFEF;
    border-bottom: 0;
    box-shadow: none;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    color: #000;
    padding: 24px 24px;
	width: calc(100% - 70px);
}
.pricing-accordion .information-popup .accordion .accordion-item .accordion-header {
    padding: 0;
    background: none;
    margin: 0;
}
.pricing-accordion .information-popup .accordion .accordion-body {
    padding: 26px 24px 10px;
    background: #fff;
}
.pricing-accordion .information-popup .accordion .accordion-body p {
    font-weight: 400;
    font-size: 16px;
    line-height: 20.8px;
    max-width: 682px;
    color: #000C;
    margin-bottom: 1rem;
}
.pricing-accordion .information-popup .accordion-button::after {
    content: "";
    background: transparent url("assets/images/link-arrow.svg") no-repeat;
    background-position: center;
    width: 70px;
    height: 70px;
    position: absolute;
    right:-70px;
    top: 0;
    transform: none;
}
.information-popup .accordion-item {
  background: #101A37;
}
.pricing-accordion .information-popup .accordion-button:not(.collapsed)::after {
    transform: translate(0, 0%) rotate(90deg);
}
/*=====================================
       Search Result
=======================================*/
.search .blog-area {
    background: #FFF;
}
.results-count {
    margin: 2px 0 86px;
}
.results-count p {
    color: #000;
    font-size: 24px;
    font-weight: 400;
    line-height: 34px;
}
.search .all-blog .flex-box {
    margin: 0;
}
.search .all-blog .box {
    width: 100%;
    border-bottom: 1px solid #E5E5E5;
    margin-bottom: 34px;
    padding: 0 0 34px;
}
.search .all-blog .box .blog-box {
    box-shadow: none;
	margin-top: 0px;
}
.search .all-blog .box .blog-box .content {
    padding: 0;
}
.search .all-blog .box .blog-box .content .top-text {
    margin: 0;
}
.search .all-blog .box .blog-box .content .top-text h5 {
    margin: 0 0 10px;
}
.search .all-blog .box .blog-box .content .top-text h5, .search .all-blog .box .blog-box .content .top-text h5 a {
    color: #000;
}
.search .all-blog .box .blog-box .content .top-text span.date {
    display: block;
    font-size: 16px;
    line-height: 20.8px;
    color: #000;
}
.search .pagination {
    padding: 46px 0 23px;
}
footer .gt_float_switcher .gt-selected {
  background-image: url('assets/images/gtranslate.svg');
  background-repeat: no-repeat;
  background-position: 100%;
  padding-right: 22px;
}
/*=====================================
      Default Page
=======================================*/
.default-page {
  padding: 92px 0 68px;
}
.default-page h1 {
  margin: 0 0 10px;
}
.default-page h2 {
  margin: 0 0 10px;
}
.default-page h3 {
  margin: 0 0 10px;
}
.default-page h4 {
  margin: 0 0 10px;
}
.default-page h5 {
  margin: 0 0 10px;
}
.default-page h6 {
  margin: 0 0 10px;
}
/*=====================================
       Footer
=======================================*/
footer {
    background: #101A37;
}
.footer-top {
    background: #005EB8;
    padding: 60px 0;
}
.footer-top .swiper-wrapper {
    flex-wrap: wrap;
    width: auto;
}
.footer-top .swiper-wrapper .swiper-slide {
    width: 33.3333%;
}
.footer-top .swiper-wrapper .swiper-slide:nth-child(2) {
    padding-left: 8px;
}
.footer-top .swiper-wrapper .swiper-slide:nth-child(3) {
    padding-left: 17px;
}
.footer-top .box {
    display: flex;
    align-items: center;
    column-gap: 25px;
}
.footer-top .box h5 {    
    color: #fff;
    font-weight: 700;
    font-size: 24px;
    line-height: 28.8px;
    margin: 0 0 5px;
    display: inline-block;   
    transition: all 0.3s ease 0s;
}
.footer-top .box h5 a{
	background: url("assets/images/footer-link-arrow.svg") no-repeat;	
	background-position: 100%;
	padding: 0 38px 0 0;
}
.footer-top .box h5:hover a {
    padding: 0 44px 0 0;
}
.footer-top .box h5 a, .footer-top .box p a {
    color: #fff;
}
.footer-top .box p {
    color: #fff;
    font-size: 16px;
    line-height: 20.8px;
    margin: 0;
}
.footer {
    padding: 60px 0;
}
.footer .flex-box {
    margin: 0 -10px;
}
.footer .left-box {
    width: 25.1%;
    padding: 0 10px;
}
.footer .right-box {
    width: 74.9%;
}
.footer .right-box {
    width: 75%;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    padding: 0 10px;
}
.footer .right-box .box {
    width: 22.41%;
    padding: 0 10px;
}
.footer-box h6 {
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    margin: -2px 0 17px;
}
.footer-box ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer-box ul li a {
    color: #fff;
    font-size: 16px;
    line-height: 20.8px;
    margin: 0 0 7px;
    display: inline-block;
    position: relative;
}
.footer-box ul li.external a:after {
    background: url("assets/images/external.svg") no-repeat;
    position: absolute;
    content: "";
    width: 12px;
    height: 11px;
    right: -15px;
    top: 5px;
}
.footer-bottom {
    padding: 87px 0 48px;
}
.social-area ul {
    margin: 0 0 22px;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 18px;
}
.copyright {
    display: flex;
    justify-content: space-between;
}
.copyright p {
    color: #fff;
    font-size: 12px;
    line-height: 16.8px;
    margin: 0;
}
.copyright .left-box {
    display: flex;
    align-items: center;
}
.copyright p.gtranslate {
    display: flex;
    gap: 8px;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    align-items: center;
    margin-left: 22px;
}
.copyright p a {
    color: #fff;
    text-decoration: underline;
}
@media screen and (min-width:767px) {
	.hero-area.orange ul li a:hover {
		background: #F4C33B url("assets/images/link-arrow1.svg") no-repeat;
		background-position: 88%;
		background-size: 18px;
		border-color: #F4C33B;
		color: #005EB8;
	}
	 .hero-area.purple ul li:first-child a:hover {
    background: #101A37 url("assets/images/link-arrow.svg") no-repeat;
		 background-position: 88%;
    background-size: 18px;
    border-color: #101A37;
    color: #fff;
  }
	
	
	
    .header .right-box ul li.book-now:hover a {
        background: #E76C0C url("assets/images/link-arrow.svg") no-repeat;
        background-position: 87%;
        padding: 13px 53.5px 13px 25px;
        background-size: 18px;
    }
    .hero-area ul li:first-child a:hover {
        background: #8882F9 url("assets/images/link-arrow.svg") no-repeat;
        background-position: 88%;
        padding: 11.5px 56px 11.5px 20px;
        background-size: 18px;
        border-color: #8882F9;
        color: #fff;
    }
    .hero-area ul li a:hover {
        background: #E76C0C url("assets/images/link-arrow.svg") no-repeat;
        background-position: 88%;
        padding: 11.5px 56px 11.5px 20px;
        background-size: 18px;
        border-color: #E76C0C;
        color: #fff;
    }
    .location-box:hover .link a::before {
        width: 100%;
    }
    .programme-box:hover .box:last-child a::before {
        width: 100%;
    }
    .programme-box:hover .box:first-child a::after {
        height: 100%;
    }
    .link-btn a:hover {
        background: #E76C0C url("assets/images/link-arrow.svg") no-repeat;
        background-position: 87%;
        background-size: 18px;
        padding: 11.5px 51.5px 11.5px 25px;
        color: #fff;
        border-color: #E76C0C;
    }
    .blog-box:hover .link-btn-arrow a::before {
        width: 100%;
    }
    .blog-box:hover .more-btn a::after {
        height: 100%;
    }
    .side-popup .close:hover, .information-popup .close:hover {
        background: #101A37;
    }
    .side-popup .close:hover path, .information-popup .close:hover path {
        stroke: #fff;
    }
    .pages-link .box h5:hover {
        padding: 0px 44px 0px 0px;
    }
	.programme-boxes .more-btn a:hover {
  background: #8882f9 url("assets/images/link-arrow.svg") no-repeat;
  background-position: 87%;
  background-size: 18px;
  padding: 11.5px 51.5px 11.5px 25px;
  color: #fff;
  border-color: #8882f9;
}
	.programme-boxes .content.white .more-btn a:hover {
    background: #E76C0C url("assets/images/link-arrow.svg") no-repeat;
    background-position: 87%;
    border-color: #E76C0C;
}
}


@media screen and (max-width:1439px) {
    .container {
        padding: 0 30px;
    }
	.careers-banner .image.desktop, .contact-banner .image.desktop, .gift-cards-banner .image, .page-banner .image, .page-head .image, .about-banner .image.desktop {
		padding: 0 30px;
	}
	.page-head .image {
		padding: 0 30px;
	}
    .header .menu > ul > li .sub-menu .inner-box {
        padding: 0 30px;
    }
    .banner .content {
        padding: 37px 30px 0;
    }
    .our-impact .container {
        padding-left: 24px;
    }
    .our-impact .heading-text {
        padding-left: 3px;
    }
    .pricing-accordion .accordion-item .accordion-header {
        padding: 0 30px;
    }
    .pricing-accordion .accordion .accordion-body {
        padding: 44px 30px 45px;
    }
    .pricing-accordion .accordion .pricing {
        padding: 0;
    }
    .hero-area .container {
        padding: 0 35px 0 30px;
    }
    .hero-area h2, .hero-area h1 {
        font-size: 60px;
        line-height: 60px;
        margin: 50px 0 16px;
    }
    .hero-area p {
        max-width: 90%;
    }
    .hero-area ul li a {
        padding: 11.5px 36px;
    }
    .hero-area ul li:first-child a:hover {
        padding: 11.5px 52px 11.5px 20px;
    }
    .hero-area ul li a:hover {
        padding: 11.5px 52px 11.5px 20px;
    }
    .our-locations .container, .our-programmes .container {
        padding-left: 26px;
    }
    .programme-banner .content {
        padding: 37px 30px 0;
    }
    .programme-banner .breadcrumb {
        margin: 0px 0 27px;
    }
    .your-class .container {
        padding-left: 27px;
    }
    .built-families h2 {
        margin: 0 0 35px;
    }
    .find-school .container {
        padding-left: 25px;
    }
    .find-school .heading-text .link-btn {
        right: 30px;
    }
}
@media screen and (max-width:1199px) {
    h1 {
        font-size: 54px;
        line-height: 51.3px;
    }
    .header .left-box, .header .right-box {
        width: 40%;
    }
    .header .center-box {
        width: 20%;
    }
    .header .menu ul {
        column-gap: 20px;
    }
    .header .programme-menu .programme-box .bg {
        padding: 20px 20px 25px;
    }
    .header .programme-menu {
        margin: 0 -6px;
    }
    .header .programme-menu .box {
        padding: 0 6px;
    }
    .header .programme-menu .programme-box .icon {
        margin-bottom: 50px;
    }
    .header .programme-menu .programme-box .text h4 {
        font-size: 22px;
        line-height: 26px;
    }
    .header .extra-information {
        padding-left: 0;
    }
    .header .extra-information h3 {
        font-size: 24px;
        line-height: 30px;
    }
    .header .location-outer .locations-menu {
        margin: 0 -6px;
    }
    .header .location-outer .locations-menu .box {
        padding: 0 6px;
    }
    .header .location-outer .locations-menu .box .location-box .text h4 {
        font-size: 20px;
        line-height: 24px;
    }
    .locations .box .l-box-outer .content {
        width: 50%;
        padding: 23px 20px 30px
    }
    .locations .box .l-box-outer .image {
        width: 50%;
    }
    .locations .box .l-box-outer .image img {
        height: 100%;
        object-fit: cover;
    }
    .locations .box .l-box-outer .content h3 {
        font-size: 24px;
        line-height: 28.8px;
        margin-bottom: 18px;
    }
    .hero-area h2, .hero-area h1 {
        font-size: 54px;
        line-height: 51.3px;
        margin: 15px 0 16px;
    }
    .hero-area ul {
        margin: 10px 0 0;
        display: block;
    }
    .hero-area ul li:first-child {
        margin-bottom: 15px;
    }
    .programme-overview h2 {
        padding-right: 20px;
    }
    .banner h1 {
        max-width: 47%;
    }
    .banner p {
        max-width: 47%;
    }
    .pricing table {
        width: 100%;
    }
    .pricing table th:first-child, .pricing table td:first-child {
        width: 500px;
    }
    .pricing table th:nth-child(2), .pricing table td:nth-child(2) {
        width: 240px;
    }
    .pricing .icon {
        max-width: 90px;
    }
    .pricing-accordion .pricing table {
        width: 100%;
    }
	
    .page-head .image img {
        max-width: 110px;
    }
    .every-achievement h2 {
        margin: 20px 0 35px;
    }
    .built-families .links ul li:first-child:hover a {
        background-position: 96%;
    }
    .built-families .links ul li a {
        padding: 11.5px 19px;
        background-position: 96%;
    }
    .built-families .links ul li:hover a {
        background-position: 96%;
        padding: 11.5px 30px 11.5px 8px;
    }
    .built-families .left-box, .built-families .right-box {
        width: 50%;
    }
    .footer .right-box .box {
        width: 25%;
    }
}
@media screen and (max-width:1023px) {
    h1 {
        font-size: 54px;
        line-height: 51.3px;
    }
    h2 {
        font-size: 40px;
        line-height: 40px;
    }
    h3 {
        font-size: 32px;
        line-height: 35.2px;
    }
    h4 {
        font-size: 24px;
        line-height: 28.8px;
    }
    h5 {
        font-size: 24px;
        line-height: 28.8px;
    }
    h6 {
        font-size: 18px;
        line-height: 21.6px;
    }
    .container {
        padding: 0 25px;
    }
    .hero-area .container {
        padding: 0 25px;
    }
    .hero-area .outer .content {
        width: 100%;
        margin: 30px 0;
    }
    .hero-area .outer .image {
        width: 100%;
        order: -1;
    }
    .hero-area ul {
        margin: 20px 0 0;
        display: flex;
    }
    .lessons-life .left-box {
        width: 100%;
    }
    .lessons-life .right-box {
        width: 100%;
        padding: 0 15px;
    }
    .lessons-life h3 {
        font-size: 32px;
        line-height: 35.2px;
        margin: 0 0 30px;
    }
    .hilton-brown .heading-text {
        padding-right: 25px;
    }
    .hilton-brown h2 {
        font-size: 32px;
        line-height: 35.2px;
    }
    .hilton-brown p {
        max-width: 510px;
    }
    .hilton-brown .heading-text .link-btn {
        right: 25px;
    }
    .our-locations {
        padding: 44px 0 39px;
    }
    .our-locations h2 {
        font-size: 32px;
        line-height: 35.2px;
        margin: 0 0 18px;
    }
    .our-locations p {
        max-width: 90%;
        margin: 0 0 12px;
    }
    .our-programmes {
        padding: 44px 0 41px;
    }
    .our-programmes h2 {
        margin: 0 0 18px;
        font-size: 32px;
        line-height: 35.2px;
    }
    .our-programmes p {
        max-width: 90%;
        margin: 0 0 12px;
    }
    .programme-carousel .txet {
        padding: 27px 0 0 25px;
    }
    .programme-carousel .txet h6 {
        font-size: 18px;
        line-height: 21.6px;
        margin: 0 0 3px;
    }
    .programme-carousel .txet h3 {
        font-size: 24px;
        line-height: 28.8px;
        margin: 0 0 49px;
    }
    .programme-carousel .txet .box:first-child a {
        padding: 0;
        left: 0;
    }
    .our-impact h2 {
        margin: 0 0 18px;
        font-size: 32px;
        line-height: 35.2px;
    }
    .our-impact .heading-text {
        padding-right: 25px;
    }
    .our-impact p {
        margin: 0 0 14px;
    }
    .location-banner .left-box, .location-banner .right-box {
        width: 50%;
    }
    .proven-approach {
        padding: 43px 0 50px;
    }
    .proven-approach .left-box {
        width: 100%;
    }
    .proven-approach .right-box {
        width: 100%;
        display: none;
    }
    .proven-approach h2 {
        max-width: 100%;
        margin: 0 0 17px;
        font-size: 32px;
        line-height: 35.2px;
    }
    .video-outer.mobile {
        margin: 42px 0 44px;
        display: block !important;
    }
    .proven-approach p {
        max-width: 100%;
    }
    .our-programmes .slide-pagi, .our-impact .slide-pagi, .slide-pagi.programme, .slide-pagi.impact, .your-class .slide-pagi {
        display: none;
    }
    .programme-boxes .flex-box {
        row-gap: 30px;
    }
    .programme-boxes .box {
        width: 100%;
    }
    .programme-banner .content {
        padding: 18px 25px 26px;
        position: relative;
    }
    .programme-banner .left-box, .programme-banner .right-box {
        width: 100%;
    }
    .programme-banner .right-box {
        display: none;
    }
    .programme-banner .image.mobile {
        display: block !important;
    }
    .programme-banner .image .icon {
        right: -25px;
        bottom: auto;
        max-width: 70px;
        top: 0;
    }
    .programme-banner .breadcrumb {
        margin: 0px 0 17px;
    }
    .programme-banner h1 {
        margin: 34px 0;
        max-width: 100%;
    }
    .programme-banner p {
        max-width: 100%;
    }
    .programme-overview .left-box {
        width: 100%;
    }
    .programme-overview .right-box {
        width: 100%;
        padding-left: 0;
    }
    .programme-overview .link-btn.desktop {
        display: none;
    }
    .programme-overview .link-btn.mobile {
        display: block !important;
        margin-top: 40px;
    }
    .who-it .left-box {
        width: 100%;
    }
    .who-it .right-box {
        width: 100%;
        padding-left: 0;
    }
    .who-it .link-btn.desktop {
        display: none;
    }
    .who-it .link-btn.mobile {
        display: block !important;
        margin-top: 40px;
    }
    .what-learn .left-box {
        width: 100%;
    }
    .what-learn .right-box {
        width: 100%;
        padding-left: 0;
    }
    .our-coaches {
        padding: 44px 0 50px;
    }
    .our-coaches .left-box, .our-coaches .right-box, .every-achievement .left-box, .every-achievement .right-box, .built-families .left-box, .built-families .right-box {
        width: 100%;
    }
    .our-coaches p, .every-achievement p {
        max-width: 100%;
    }
    .built-families .right-box {
        display: none;
    }
    .built-families .image.mobile {
        display: block !important;
        margin: 0 0 30px;
    }
    .built-families p {
        max-width: 100%;
    }
    .locations {
        padding: 50px 0 10px;
    }
    .locations .box {
        width: 100%;
    }
    .roles .box {
        width: 100%;
    }
    .pricing-accordion .accordion .accordion-button {
        font-size: 40px;
        line-height: 40px;
    }
    .pricing-accordion .accordion .accordion-body {
        padding: 44px 25px 45px;
    }
    .banner .left-box, .banner .right-box {
        width: 100%;
    }
    .banner .right-box {
        order: -1;
        padding: 25px;
    }
    .banner .image > img {
        min-height: auto;
    }
    .banner .image .icon {
        top: 0;
    }
    .banner .content {
        position: relative;
        padding: 19px 25px 50px;
    }
    .banner h1 {
        max-width: 100%;
        margin: 0px 0 31px;
    }
    .banner p {
        max-width: 100%;
        margin: 0 0 41px;
    }
    .hilton-brown .container {
        padding-right: 0;
    }
    .hilton-brown .hilton-brown-carousel {
        overflow: hidden;
    }
    .hilton-brown .swiper-wrapper {
        width: 100%;
        flex-wrap: inherit;
        margin: 0;
    }
    .hilton-brown .swiper-wrapper .swiper-slide {
        padding: 0;
    }
    .pricing table th:first-child, .pricing table td:first-child {
        width: 310px;
        padding-left: 30px;
        border-right: 0;
    }
    .pricing table th:nth-child(2), .pricing table td:nth-child(2) {
        border-right: 0;
    }
    .pricing-accordion .pricing table td {
        border-right: 0;
        color: #101A37;
    }
    .ready-to-start .flex-box {
        row-gap: 30px;
    }
    .ready-to-start .box {
        width: 100%;
    }
    .gift-cards-banner p {
        max-width: 450px;
    }
    .all-blog .box {
        width: 50%;
    }
    .blog-details .box {
        width: 100%;
    }
    .blog-details .box:nth-child(2) {
        width: 100%;
        order: -1;
    }
    .blog-content {
        padding: 0px 0 66px;
    }
    .blog-content .content-box {
        max-width: 100%;
        margin: 0 auto;
    }
    .blog-details .content {
        max-width: 100%;
        padding-top: 45px;
    }
    .blog-details {
        background: #fff;
        padding: 38px 0 74px;
    }
    .content-area .content-box h3 {
        max-width: 260px;
    }
    .pool-deck {
        padding: 57px 0 50px;
        overflow: hidden;
    }
    .pool-deck-carousel .swiper-wrapper {
        width: 100%;
        flex-wrap: inherit;
        margin: 0;
    }
    .pool-deck-carousel .swiper-wrapper .swiper-slide {
        padding: 0;
    }
    .information-popup {
        width: 90%;
        right: -90%;
    }
    .find-school .container {
        padding-left: 20px;
    }
    .find-school .heading-text .link-btn {
        right: 25px;
    }
    .pool-deck h2 {
        font-size: 32px;
        line-height: 35.2px;
    }
    .our-impact.family-feedback h2 {
        font-size: 32px;
        line-height: 35.2px;
    }
    .your-class h2 {
        font-size: 32px;
        line-height: 35.2px;
    }
    .faq h2 {
        font-size: 32px;
        line-height: 35.2px;
    }
    .footer-top {
        padding: 50px 0;
    }
    .footer-top .container {
        padding-right: 0;
    }
    .footer-top .swiper-wrapper {
        flex-wrap: initial;
        width: 100%;
    }
    .footer-top .footer-carousel {
        overflow: hidden;
    }
    .footer-top .swiper-wrapper .swiper-slide {
        white-space: nowrap;
    }
    .footer-top .swiper-wrapper .swiper-slide:nth-child(2) {
        padding-left: 0;
    }
    .footer-top .swiper-wrapper .swiper-slide:nth-child(3) {
        padding-left: 0;
    }
    .footer .right-box .box {
        width: 50%;
        margin-bottom: 34px;
    }
    .footer-bottom {
        padding: 50px 0 48px;
    }
}
/*==================================
              responsive
====================================*/
@media screen and (max-width: 990px) {
    header {
        border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    }
    .header .right-box ul {
        display: none;
    }
    .header {
        padding: 12px 0;
    }
    .header .center-box {
        width: 50%;
        order: -1;
    }
    .header .logo {
        max-width: 170px;
    }
    .header .left-box {
        width: 0;
    }
    .header .right-box {
        width: 50%;
    }
	.header .programme-menu .programme-box .text .link {
		display: none;
	}
   .header li.external a::after {
        display: none;
    }
    .header .mobile-menu-trigger {
        display: flex;
        height: 52px;
        width: 52px;
        margin-left: auto;
        cursor: pointer;
        align-items: center;
        justify-content: center;
    }
    .header .menu > ul > li .sub-menu {
        border-top: 0;
    }
    .mega-menu-column-3 .left-box .image img {
        margin: 0 0 20px;
    }
    .mega-menu-column-3 .center-box {
        width: 100%;
        padding: 30px 0;
    }
    .mega-menu-column-3 .right-box {
        width: 100%;
    }
    .mega-menu-column-3 .right-box .image img {
        width: 100%;
    }
    .mega-menu-column-3 .menu-outer .left-box, .mega-menu-column-3 .menu-outer .right-box {
        width: 100%;
    }
    .enterprise .center-box, .enterprise .left-box, .enterprise .right-box {
        width: 100%;
        padding: 15px 0 15px;
    }
    .enterprise .image {
        text-align: center;
    }
    .mega-menu.product .left-box {
        width: 100%;
        border-right: 0;
        padding: 15px 0 30px;
    }
    .mega-menu.product .right-box {
        width: 100%;
        padding: 0;
    }
    .resources .left-box {
        width: 100%;
        padding: 15px 0 30px;
        border-right: 0;
    }
    .resources .right-box {
        width: 100%;
        padding: 0;
    }
    .featured-post ul li span {
        font-size: 14px;
        line-height: 20px;
    }
    .mega-menu.about .left-box {
        width: 100%;
        border-right: 0;
        padding: 15px 0 30px;
    }
    .mega-menu.about .right-box {
        width: 100%;
        padding-left: 0;
    }
    .header .item-center {
        order: 3;
        flex: 0 0 100%;
    }
    .header .item-left, .header .item-right {
        flex: 0 0 auto;
    }
    .v-center {
        justify-content: space-between;
    }
    .header .menu {
        position: fixed;
        width: 100%;
        left: 0;
        top: 120px;
        background: #fff;
        height: 100%;
        display: none;
        z-index: 1099;
        padding: 40px 0 0;
    }
    .header.scrolled .menu.active {
        /*top: 84px;*/
    }
    .header .menu.active {
        display: block;
    }
    .header .menu ul {
        display: block;
    }
    .header .menu > ul > li > a {
		color: #101A37;
		font-size: 34px;
		font-style: normal;
		font-weight: 700;
		line-height: 37.4px;
		padding: 6px 25px;
  }
    .header .menu .mobile-menu-head {
        display: flex;
        height: 50px;
        border-bottom: 1px solid #fff;
        justify-content: space-between;
        align-items: center;
        position: relative;
        z-index: 501;
        position: sticky;
        background-color: #457B4A;
        top: 0;
    }
    .header .menu .mobile-menu-head .go-back {
        height: 50px;
        width: 50px;
        border-right: 1px solid #fff;
        cursor: pointer;
        line-height: 50px;
        text-align: center;
        color: #000000;
        font-size: 16px;
        display: none;
    }
    .header .menu .mobile-menu-head.active .go-back {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
    .header .menu .mobile-menu-head .current-menu-title {
        font-size: 16px;
        font-weight: 500;
        color: #fff;
    }
    .header .menu .mobile-menu-head .mobile-menu-close {
        height: 50px;
        width: 50px;
        border-left: 1px solid #fff;
        cursor: pointer;
        line-height: 50px;
        text-align: center;
        color: #fff;
        font-size: 25px;
    }
    .header .menu .mobile-menu-head .mobile-menu-close img {
        max-width: 14px;
    }
    .header .menu > ul.menu-main li.menu-item-has-children a {
        position: relative;
    }
    .header .menu > ul.menu-main li.menu-item-has-children > a:after, .header .menu > ul.menu-main li.menu-item-has-children > a:hover:after {
        background: url("assets/images/plus.svg") no-repeat;
        position: absolute;
        content: "";
        width: 20px;
        height: 20px;
        right: 25px;
        top: 50%;
        display: block;
        left: auto;
        transform: translate(0, -50%);
        transition: all 0.3s ease 0s;
    }
    .header .menu > ul.menu-main li.menu-item-has-children.active > a::after {
        transform: translate(0, -50%) rotate(45deg);
    }
    .header .menu .menu-main {
        height: 60%;
		padding-bottom: 45px;
        overflow-x: hidden;
        overflow-y: auto;
    }
    .header .menu > ul > li .sub-menu.mega-menu, .header .menu > ul > li .sub-menu {
        visibility: visible;
        opacity: 1;
        position: relative;
        box-shadow: none;
        margin: 0;
        padding: 0;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding-top: 0;
        max-width: none;
        min-width: auto;
        display: none;
        overflow-y: auto;
        border-left: 2px solid #005EB8;
        margin: 10px 0 10px 28px;
    }
    .header .programme-menu .programme-box:hover .bg {
        transform: none;
    }
    .header .program-outer .right-box {
        display: none;
    }
    .header .program-outer .left-box {
        width: 100%;
    }
    .header .programme-menu .box, .header .location-outer .locations-menu .box {
        width: 100%;
    }
    .header .programme-menu .programme-box .bg, .header .programme-menu .programme-box {
        padding: 0;
        background: none !important;
    }
    .header .programme-menu .programme-box .icon, .header .programme-menu .programme-box .text a.link, .header .location-outer .locations-menu .box .location-box .image, .header .location-outer .locations-menu .box .location-box .text .open, .header .location-outer .locations-menu .box .location-box .text a.link {
        display: none;
    }
    .header .location-outer .locations-menu {
        row-gap: 8px;
    }
    .header .programme-menu .programme-box .text h4, .header .programme-menu .programme-box .text h4 a {
        font-size: 24px;
        line-height: 24px;
        margin: 0 0 6px;
        color: #101A37 !important;
    }
    .header .menu > ul > li .sub-menu.mega-menu.simple {
        padding: 0;
    }
    .header .menu .sub-menu .simple-menu ul li {
        margin: 0 0 11px;
    }
    .header .menu .sub-menu .simple-menu ul li a {
        font-size: 24px;
        line-height: 24px;
    }
    .header .location-outer .locations-menu .box .location-box .text h4 a::before {
        display: none;
    }
    .menu-item-has-children.active .sub-menu.mega-menu {
        display: block !important;
        opacity: 1 !important;
        transform: none !important;
    }
    .header .menu.active .mobile.header-bottom {
        display: block !important;
        position: fixed;
        bottom: 0;
        background: #fff;
        z-index: 9999;
        left: 0;
        right: 0;
        padding: 22px 25px 19px;
        border-top: 1px solid rgba(0, 0, 0, 0.10);
    }
    .header .menu.active .mobile.header-bottom .book-now a {
        border: 2px solid #005EB8;
        background: #005EB8;
        display: block;
        color: #FFF;
        text-align: center;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
        padding: 15.5px 0;
    }
    .mobile.header-bottom ul {
        display: flex;
        align-items: center;
        border-top: 1px solid rgba(0, 0, 0, 0.10);
        margin: 22px -25px 0 !important;
        padding: 20px 25px 0;
		column-gap: 28px;
    }
    .mobile.header-bottom ul li.en {
        margin-left: auto;
        font-size: 19px;
        line-height: 19px;
        font-weight: 700;
        gap: 12px;
        display: flex;
        align-items: center;
        color: #101A37;
    }
	.error404 h1 {
		margin: 0 0 25px;
	}
}
@media screen and (min-width:767px) {
    .pricing.page-head, .page-template-template-child-protection-policy .page-head {
        padding: 54px 0;
    }
}
@media screen and (max-width:767px) {
    h1 {
        font-size: 54px;
        line-height: 51.3px;
    }
    h2 {
        font-size: 32px;
        line-height: 35.2px;
    }
    .announcement-bar {
        padding: 16px 0;
    }
    .search .modal-body {
        padding: 22px 25px;
    }
    .search .modal-body .search-form {
        max-width: 88%;
    }
    .search .modal-body .search-form .form-group {
        display: flex;
        align-items: center;
        gap: 10px;
    }
    .search-form input {
        font-size: 14px;
        line-height: 18px;
    }
    .hero-area {
        padding: 25px 0 50px;
    }
    .hero-area h2, .hero-area h1 {
        margin: 0 0 17px;
    }
    .hero-area .outer .content {
        margin: 39px 0 0;
    }
    .hero-area p {
        font-size: 20px;
        line-height: 28px;
        max-width: 86%;
    }
    .hero-area ul {
        margin: 23px 0 0;
        display: block;
    }
    .hero-area ul li:first-child {
        margin-bottom: 14px;
    }
    .hero-area ul li a, .hero-area ul li a:hover, .hero-area ul li:first-child a:hover {
        padding: 11.5px 23.5px;
    }
    .hero-area .slide-pagi {
        display: none;
    }
    .hero-area .container:after {
        width: 88px;
        height: 184px;
        background-size: 88px;
    }
	.hero-area .icon {
		max-width: 88px;
	}
    .marquee-outer {
        padding: 20px 0;
    }
    .marquee .flex {
        column-gap: 60px;
    }
    .marquee .flex .box .icon {
        max-width: 70px;
    }
    .marquee .flex .box {
        width: 280px;
    }
    .marquee .flex .box .content {
        width: calc(100% - 70px);
        padding-left: 20px;
    }
    .marquee .content p {
        width: 186px;
    }
	.location-box:hover, .programme-box:hover, .blog-box:hover  {
		margin-top: 0
	}
	.programme-box:hover .box:first-child a span, .blog-box:hover .more-btn a span {
		color: #101A37;
	}
    .lessons-life {
        padding: 44px 0 26px;
    }
    .lessons-life h3 {
        margin: 0 0 27px;
    }
    .lessons-life p {
        font-size: 24px;
        line-height: 31.2px;
        padding-left: 0;
        color: #fff;
    }
    .location-banner .left-box, .location-banner .right-box {
        width: 100%;
    }
    .location-banner {
        padding: 18px 0 43px;
    }
    .location-banner .breadcrumb {
        margin: 0 0 17px;
    }
    .full-image.mobile {
        display: block !important;
        margin-bottom: 25px;
    }
    .full-image.desktop {
        display: none;
    }
    .location-banner .open {
        margin-bottom: 6px;
    }
    .location-banner h1 {
        margin-bottom: 37px;
    }
    .location-banner .address p {
        font-size: 18px;
        line-height: 21.6px;
        margin: 0 0 5px;
    }
    .location-banner .address p a {
        padding: 0 27px 0 0;
		font-size: 16px;
        line-height: 20.8px;
        opacity: 0.65;
        background-size: 17px;
    }
	.location-banner .address p a:hover {
		padding: 0 27px 0 0;
	}
	.location-banner .right-box ul li.hours:hover::after {
		right: -29px;
	}
    .location-banner .right-box ul {
        padding: 27px 0 0;
    }
    .location-banner .right-box ul li {
        background-size: 20px !important;
    }
    .location-banner .right-box ul li.technical {
        background: url("assets/images/technical1.svg") no-repeat;
    }
    .location-banner .right-box ul li.purpose {
        background: url("assets/images/purpose1.svg") no-repeat;
    }
    .location-banner .right-box ul li.hours::after {
        background-size: 17px;
    }
    .location-banner .contact-info span:first-child a {
        text-decoration: navajowhite;
    }
    .location-banner .contact-info {
        padding-top: 20px;
    }
    .location-banner .contact-info span {
        margin: 0 0 0px;
    }
    .location-banner .contact-info span:last-child {
        margin: -2px 0 0;
    }
    .our-locations .container, .our-programmes .container {
        padding-left: 21px;
    }
    .our-locations .slide-pagi, .our-programmes .slide-pagi, .our-impact .slide-pagi {
        display: none;
    }
    .proven-approach {
        padding: 44px 0;
    }
    .video-outer.mobile {
        margin: 24px 0 23px;
    }
    .proven-approach p {
        margin: 0 0 24px;
    }
    .single-our-location .faq h2 {
        color: #101A37;
        margin: -6px 0 24px;
    }
    .our-programmes.page {
        padding: 39px 0;
    }
    .programme-boxes .content h3 {
        font-size: 24px;
        line-height: 28.8px;
        margin: 0 0 16px;
        max-width: 86%;
    }
    .programme-boxes .top-text {
        margin-bottom: 35px;
    }
    .programme-boxes {
        padding: 2px 0 50px;
    }
    .programme-boxes .content .icon.mobile {
        display: block !important;
        max-width: 70px;
        margin: 0 0 19px;
    }
    .programme-boxes .icon.desktop {
        display: none;
    }
    .programme-boxes .content {
        padding: 25px 25px 40px;
    }
    .programme-boxes .content p {
        font-size: 18px;
        line-height: 21.6px;
        max-width: 388px;
    }
    .programme-banner .content {
        position: relative;
    }
    .programme-banner h1 {
        margin: 34px 0 28px;
    }
    .programme-banner p {
        font-size: 20px;
        line-height: 28px;
    }
    .programme-overview {
        padding: 44px 0 50px;
    }
    .programme-overview h2 {
        padding-right: 0;
        margin: 0 0 27px;
        font-size: 32px;
        line-height: 35.2px;
    }
    .programme-overview .content p {
        font-size: 24px;
        line-height: 31.2px;
    }
    .programme-overview .link-btn.mobile {
        margin-top: 32px;
    }
    .programme-overview .link-btn a {
        padding: 11.5px 37.5px;
    }
    .programme-marquee {
        padding: 25px 0;
    }
    .who-it {
        padding: 44px 0 50px;
    }
    .who-it .icon {
        display: none;
    }
    .who-it h2 {
        margin: 0 0 17px;
        font-size: 32px;
        line-height: 35.2px;
    }
    .who-it .content p {
        font-size: 20px;
        line-height: 28px;
        margin: 0 0 28px;
    }
    .who-it .content ul li {
    background-position: 0 0;
    font-size: 18px;
    line-height: 25.2px;
    padding: 0 0 0 62px;
    max-width: 95%;
    margin: 0 0 19px;
    background-size: 41px;
    min-height: 41px;
  }
    .who-it .content ul li strong {
        margin: 0 0 2px;
    }
    .who-it .link-btn.mobile {
        margin-top: 34px;
    }
    .who-it .link-btn ul {
        display: block;
    }
    .who-it .link-btn ul li:first-child {
        margin: 0 0 10px;
    }
    .what-learn {
        padding: 44px 0 21px;
    }
    .what-learn h2 {
        margin: 0 0 17px;
        font-size: 32px;
        line-height: 35.2px;
    }
    .what-learn .content p {
        font-size: 20px;
        line-height: 28px;
        margin: 0 0 32px;
    }
    .what-learn .content ul li {
        background-position: 0 1px;
        font-size: 18px;
        line-height: 21.6px;
        padding: 0 0 0 61px;
        margin: 0 0 28px;
        min-height: 41px;
        background-size: 41px;
        display: flex;
        align-items: center;
    }
    .your-class {
        padding: 44px 0 40px;
    }
    .your-class h2 {
        margin: 0 0 13px;
    }
    .class-carousel .class-box .image img {
        max-height: 294px;
        object-fit: cover;
    }
    .class-box .content {
        padding: 30px 25px 30px;
    }
    .class-box .content h6 {
        font-size: 18px;
        line-height: 21.6px;
        padding: 0 0 0 30px;
        margin: 0 0 10px;
    }
    .class-box .content p {
        margin: 0 0 35px;
    }
    .faq h2 {
        margin: -6px 0 24px;
    }
    .faq + .ready-to-start {
        padding-top: 24px;
    }
    .ready-to-start {
        padding: 50px 0;
    }
    .about-banner {
        padding: 44px 0 50px;
    }
    .about-banner .left-box {
        width: 100%;
    }
    .about-banner .right-box {
        width: 100%;
    }
    .about-banner .image {
        display: none;
    }
    .about-banner .image.mobile {
        display: block !important;
        margin: 43px 0 0;
        text-align: left;
    }
    .about-banner h1 {
        margin: 0 0 28px;
    }
    .about-banner p {
        font-size: 20px;
        line-height: 28px;
        margin: 0 0 11px;
    }
    .heading-content {
        padding: 44px 0 32px;
    }
    .heading-content h2 {
		max-width: 100%;
        font-size: 32px;
        line-height: 35.2px;
        margin: 0 0 28px;
    }
    .our-coaches {
        padding: 44px 0 32px;
    }
    .our-coaches h2 {
        font-size: 32px;
        line-height: 35.2px;
        margin: 0px 0 23px;
        color: #101A37;
    }
    .our-coaches p {
        max-width: 96%;
        font-size: 20px;
        line-height: 28px;
        margin: 0 0 11px;
        color: #101A37;
    }
    .our-coaches .image.mobile {
        display: block !important;
        margin-bottom: 24px;
    }
    .our-coaches .right-box {
        display: none;
    }
    .every-achievement {
        padding: 44px 0 31px;
    }
    .every-achievement h2 {
        margin: 0px 0 23px;
    }
    .every-achievement .right-box {
        display: none;
    }
    .every-achievement .image.mobile {
        display: block !important;
        margin-bottom: 25px;
    }
    .every-achievement p {
        font-size: 20px;
        line-height: 28px;
        margin: 0 0 11px;
    }
    .built-families {
        padding: 44px 0 50px;
    }
    .built-families h2 {
        font-size: 32px;
        line-height: 35.2px;
        margin: 0 0 24px;
    }
    .built-families p {
        font-size: 20px;
        line-height: 28px;
        margin: 0 0 11px;
    }
    .built-families .links {
        padding: 12px 0 0;
    }
    .built-families .links ul {
        display: block;
    }
    .built-families .links ul li:first-child {
        margin: 0 0 14px;
    }
    .built-families .links ul li a {
        padding: 11.5px 23.5px;
    }
    .page-banner {
        padding: 44px 0 50px;
    }
    .page-banner .left-box, .page-banner .right-box {
        width: 100%;
    }
    .page-banner h1 {
        margin: 0 0 27px;
        font-size: 53px;
    }
    .page-banner p {
        font-size: 20px;
        line-height: 28px;
        max-width: 97%;
    }
    .page-banner .image.desktop {
        display: none;
    }
    .page-banner .image.mobile {
		text-align: left;
        display: block !important;
		padding: 0;
    }
    .page-banner .image {
        text-align: right;
        position: relative;
        top: 0;
        right: 0;
        margin-top: 17px;
    }
    .locations {
        padding: 50px 0 0;
    }
    .locations .box .l-box-outer .content {
        width: 100%;
        padding: 23px 20px 30px;
    }
    .locations .box .l-box-outer .image {
        width: 100%;
        order: -1;
    }
    .locations .box .l-box-outer .image img {
        max-height: 294px;
    }
    .locations .box {
        margin-bottom: 25px;
    }
    .locations .box .l-box-outer .content {
        padding: 23px 25px 30px;
    }
    .locations .box .l-box-outer .content h3 {
        margin-bottom: 3px;
    }
    .locations .box .l-box-outer .content p {
        margin: 0 0 33px;
    }
    .pool-deck .heading-text .link-btn {
        position: relative;
        bottom: 0;
        margin: 24px 0 30px;
    }
    .pool-deck .container {
        padding-right: 0;
    }
    .pool-deck-carousel {
        overflow: hidden;
    }
    .blog-box .inline-text .more-btn a {
        padding: 0;
        left: 0;
    }
    .location-box .location {
        width: 80%;
    }
    .careers-banner .left-box, .careers-banner .right-box {
        width: 100%;
    }
    .careers-banner {
        padding: 44px 0 50px;
    }
    .careers-banner h1 {
        margin: 0 0 27px;
    }
    .careers-banner p {
        font-size: 20px;
        line-height: 28px;
        margin: 0 0 33px;
        max-width: 710px;
    }
    .careers-banner .image {
        text-align: left;
    }
    .careers-banner .image.desktop {
        display: none;
    }
    .careers-banner .image.mobile {
        display: block !important;
    }
    .career.heading-content {
        padding: 44px 0 9px;
    }
    .heading-content .left-box {
        width: 100%;
    }
    .heading-content .right-box {
        width: 100%;
        padding-left: 0;
    }
    .career.heading-content .link-btn.desktop {
        display: none;
    }
    .heading-content .right-box .link-btn.mobile {
        display: block !important;
        margin-top: 33px;
    }
    .career.heading-content h2 {
        margin: 0 0 28px;
        color: #101A37;
    }
    .heading-content .content p {
        font-size: 20px;
        line-height: 28px;
        max-width: 755px;
        margin: 0 0 11px;
        color: #101A37;
    }
    .career.our-impact .slide-pagi {
        display: none;
    }
    .career.our-impact {
        padding: 31px 0 40px;
    }
    .this-you.achievement {
        padding: 44px 0 23px;
    }
    .this-you.achievement h2 {
        margin: 0 0 28px;
    }
    .this-you.achievement .content p {
        margin: 0px 0px 20px;
    }
    .this-you {
        padding: 44px 0 27px;
    }
    .this-you .left-box {
        width: 100%;
    }
    .this-you .right-box {
        width: 100%;
        padding-left: 0;
    }
    .this-you h2 {
        font-size: 32px;
        line-height: 35.2px;
        margin: 0 0 18px;
    }
    .this-you .content p {
        font-size: 20px;
        line-height: 28px;
        margin: 0px 0px 15px;
    }
    .this-you .content ul li, .this-you.achievement .content ul li, .this-you.our-value .content ul li {
        font-size: 18px;
        line-height: 25.2px;
        margin: 0 0 20px;
        min-height: 41px;
        padding-left: 69px;
    }
    .this-you .content ul {
        padding: 12px 0 1px;
    }
    .this-you.achievement .content ul li {
        margin: 0 0 27px;
    }
    .this-you .content ul li::before {
        background: url("assets/images/check1.svg") no-repeat;
        width: 41px;
        height: 41px;
        background-size: 41px;
        top: 6px;
    }
    .this-you.our-value {
        padding: 48px 0 21px;
    }
    .this-you.our-value h2 {
        margin: 0 0 31px;
    }
    .this-you.our-value .content p {
        margin: 0px 0px 18px;
    }
    .this-you.our-value .content ul li {
        margin: 0 0 30px;
        padding-left: 63px;
    }
    .this-you.our-value .content ul li strong {
        display: block;
        line-height: 28.8px;
        margin: 0 0 4px;
        font-size: 24px;
    }
    .career.hilton-brown {
        padding: 44px 0 50px;
    }
    .hilton-brown .heading-text {
        padding-right: 25px;
    }
    .career.hilton-brown .heading-text {
        margin: 0;
    }
    .career.hilton-brown h2 {
        margin: 0 0 23px;
    }
    .benefits {
        padding: 44px 0 25px;
    }
    .benefits .left-box {
        width: 100%;
    }
    .benefits .right-box {
        width: 100%;
        padding-left: 0;
    }
    .benefits h2 {
        font-size: 32px;
        line-height: 35.2px;
        margin: 0 0 15px;
    }
    .benefits .content ul li {
        font-weight: 400;
        font-size: 18px;
        line-height: 25.2px;
        margin: 0 0 21px;
        min-height: 41px;
        padding-left: 60px;
    }
    .benefits .content ul li::before {
        width: 41px;
        height: 41px;
        background-size: 41px;
        top: 6px;
    }
    .roles {
        padding: 44px 0 50px;
    }
    .roles h2 {
        font-size: 32px;
        line-height: 35.2px;
        margin-bottom: 24px;
    }
    .roles .role-box .image {
        width: 100%;
        order: -1;
        min-height: inherit !important;
    }
    .roles .role-box .image img {
        max-height: 272px;
        width: 100%;
        object-fit: cover;
    }
    .roles .role-box .content {
        width: 100%;
        padding: 25px 25px;
    }
    .roles .role-box .content h6 {
        padding: 0 0 5px 30px;
        margin: 0 0 8px;
    }
    .roles .role-box .content h3 {
        font-size: 24px;
        margin: 0 0 10px;
        line-height: 28.8px;
    }
    .roles .role-box .content p {
        margin: 0 0 35px;
    }
    .roles .role-box {
        opacity: 1 !important;
    }
    .roles .role-box .icon {
        padding: 25px 25px 0;
        justify-content: flex-start;
    }
    .roles .role-box .icon img {
        max-width: 70px;
    }
    .roles .role-box.icon .content {
        padding-top: 19px;
    }
    .pricing.page-head {
        padding: 60px 0 59px;
    }
    .pricing-accordion .accordion-item .accordion-header {
        padding: 0;
    }
    .pricing-accordion .accordion .accordion-button {
        padding: 46px 25px 45px;
    }
    .pricing-accordion .accordion-button::after {
        right: 20px;
    }
    .banner .content {
        padding: 14px 25px 50px;
    }
    .banner h1 {
        margin: 0px 0 17px;
    }
    .banner p {
        font-size: 20px;
        line-height: 28px;
        margin: 0 0 23px;
    }
    .promotion-overview {
        padding: 44px 0 50px;
    }
    .promotion-overview .left-box {
        width: 100%;
    }
    .promotion-overview .right-box {
        width: 100%;
        padding-left: 0;
    }
    .promotion-overview h2 {
        color: #101A37;
        margin: 0 0 27px;
        font-size: 32px;
        line-height: 35.2px;
    }
    .promotion-overview .content p {
        color: #101A37;
        font-size: 20px;
        line-height: 28px;
        margin: 0 0 28px;
    }
    .promotion-overview .content ul {
        padding: 0px 0 4px;
    }
    .promotion-overview .content ul li {
        background-position: 0 5px;
        font-size: 18px;
        line-height: 25.2px;
        padding: 0 0 0 61px;
        margin: 0 0 29px;
        background-size: 41px;
    }
    .promotion-overview .content ul li strong {
        margin: 0 0 2px;
    }
    .promotion-overview .link-btn.desktop {
        display: none;
    }
    .promotion-overview .link-btn.mobile {
        display: block !important;
    }
    .hilton-brown {
        padding: 44px 0 50px;
    }
    .hilton-brown .heading-text .link-btn {
        position: relative;
        right: 0;
        bottom: 0;
        padding: 7px 0 2px;
    }
    .hb-box {
        padding: 25px 25px 55px;
        height: 100%;
    }
    .hb-box .icon {
        margin-bottom: 24px;
    }
    .our-impact {
        padding: 44px 0 40px;
    }
    .our-impact .container {
        padding-left: 19px;
    }
    .our-impact.family-feedback .slide-pagi {
        display: none;
    }
    .impact-carousel .swiper-slide.text {
        width: 300px;
    }
    .impact-box .content {
        padding: 40px 25px 33px;
    }
    .impact-box .content p {
        font-size: 20px;
        line-height: 28px;
    }
    .impact-box .content .inline-text {
        padding-top: 20px;
    }
    .impact-box .content .location {
        font-size: 18px;
        line-height: 21.6px;
        padding: 0px 0 2px 0;
        margin: 0 0 22px;
    }
    .impact-box .content .inline-text p {
        font-size: 18px;
        line-height: 21.6px;
    }
    .impact-box .content .inline-text span {
        font-size: 18px;
        line-height: 21.6px;
    }
    .impact-carousel .impact-box .image img {
        max-height: 438px;
    }
    .pricing {
        padding: 44px 0 50px;
    }
    .pricing h2 {
        margin: 0 0 20px;
        font-size: 32px;
        line-height: 35.2px;
    }
    .pricing p {
        font-size: 18px;
        line-height: 21.6px;
        margin: 0 0 24px;
    }
    .pricing table th:first-child, .pricing table td:first-child {
        width: 33.3333%;
        padding-left: 15px;
    }
    .pricing table th:nth-child(2), .pricing table td:nth-child(2) {
        width: 33.3333%;
        padding-left: 15px;
    }
    .pricing table th {
        border-right: 0;
        padding: 20px 15px 36px;
        font-size: 16px;
        line-height: 19.2px;
    }
    .pricing table td {
        border-right: 0;
        padding: 20px 15px 21px;
        font-size: 14px;
        line-height: 18.2px;
    }
    .important-information {
        padding-top: 25px;
        flex-direction: column-reverse;
        display: flex;
    }
    .important-information p {
        font-size: 14px;
        line-height: 19.6px;
        margin: 0 0 25px;
    }
    .pricing .icon {
        position: relative;
    }
    .pricing .icon.desktop {
        display: none;
    }
    .pricing .icon.mobile {
        display: block !important;
        max-width: 100%;
        margin-top: 12px;
    }
    .contact-form {
        padding: 44px 0 50px;
    }
    .contact-form h2 {
        font-size: 32px;
        line-height: 35.2px;
        margin-bottom: 30px;
        color: #101A37;
        text-transform: capitalize;
    }
    .hb-form-outer .box {
        width: 100%;
        margin-bottom: 27px;
    }
    .hb-form-outer label {
        font-size: 18px;
        line-height: 21px;
        margin: 0 0 10px;
    }
    .hb-form-outer input:not([type="submit"]), .hb-form-outer select {
        width: 100%;
        height: 50px;
        font-size: 18px;
        line-height: 20px;
    }
    .hb-form-outer textarea {
        height: 260px;
    }
    .hb-form-outer .box.send {
        padding-top: 1px;
    }
    .submit-btn {
        font-size: 16px;
        line-height: 16px;
        padding: 16px 29px;
    }
    .landing.ready-to-start {
        padding: 50px 0;
    }
    .start-box {
        box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.20);
    }
    .start-box .content {
        width: 100%;
        order: 2;
    }
    .start-box .image {
        width: 100%;
        text-align: left;
        padding: 25px 25px 0;
    }
    .start-box .image img {
        max-width: 70px;
    }
    .start-box .content .top {
        margin-bottom: 34px;
    }
    .start-box .content h3 {
        font-size: 24px;
        line-height: 28.8px;
    }
    .pricing-accordion .accordion .accordion-body {
        padding: 44px 25px 32px;
    }
    .pricing-accordion .accordion .accordion-body .important-information p {
        margin: 1px 0 25px;
    }
    .hb-form-outer label {
        font-size: 18px;
        line-height: 21px;
        margin: 0 0 5px;
    }
    .gift-cards-banner {
        padding: 44px 0 50px;
    }
    .gift-cards-banner .flex-box {
        display: block;
    }
    .gift-cards-banner .content {
        margin-bottom: 33px;
    }
    .gift-cards-banner h1 {
        margin: 0 0 28px;
    }
    .gift-cards-banner p {
        font-size: 20px;
        line-height: 28px;
    }
    .gift-cards-banner .image.desktop {
        display: none;
    }
    .gift-cards-banner .image.mobile {
		display: block !important;
		text-align: left;
		padding: 0;
  }
    .gift-cards-banner .image {
        position: relative;
        bottom: 0;
        right: 0;
    }
    .gift-cards-content .left-box {
        width: 100%;
    }
    .gift-cards-content .right-box {
        width: 100%;
        padding-left: 0;
    }
    .gift-cards-content {
        padding: 42px 0 50px;
    }
    .gift-cards-content h2 {
        margin: 0 0 27px;
        color: #101A37;
        font-size: 32px;
        line-height: 35.2px;
    }
    .gift-cards-content .content p {
        font-size: 20px;
        line-height: 28px;
        margin: 0 0 11px;
    }
    .gift-cards-content .content ul {
        padding: 21px 0 0;
    }
    .gift-cards-content .content ul li {
        font-size: 18px;
        line-height: 22px;
        margin: 0 0 27px;
        min-height: 41px;
        padding-left: 61px;
    }
    .gift-cards-content .content ul li::before {
        width: 41px;
        height: 41px;
        background-size: 41px;
        top: 1px;
    }
    .gift-cards-content .content .links ul {
        padding: 8px 0 0;
        display: block;
    }
    .gift-cards-content .content .links ul li:first-child {
        margin-bottom: 15px;
    }
    .gift-cards-content .content .links ul li a {
        padding: 11.5px 30px;
    }
    .page-head {
        padding: 44px 0 43px;
    }
    .page-head .image {
		max-width: 70px;
		right: 25px;
		padding: 0;
		left: auto;
  }
	  .page-head .image img {
    max-width: 70px;
  }
    .blog-area {
        background: #fff;
        padding: 18px 0;
    }
    .breadcrumb {
        margin: 0 0 17px;
    }
    .breadcrumb ul {
        column-gap: 40px;
    }
    .breadcrumb ul li a::after {
        top: 4px;
        right: -24px;
    }
    .blog-head {
        background: #F7FCFF;
        margin: 0 -25px 50px;
        padding: 45px 25px 16px;
    }
    .blog-area h1 {
        margin: 0 0 28px;
    }
    .blog-area .blog-head p {
        font-size: 20px;
        line-height: 28px;
        margin: 0 0 27px;
    }
    .all-blog .box {
        width: 100%;
        margin-bottom: 25px;
    }
    .blog-box .content {
        padding: 24px 0 0 25px;
    }
    .all-blog .blog-box .content .top-text {
        margin: 0 0 35px;
        padding-right: 25px;
        min-height: auto !important;
    }
    .blog-box h5 {
        padding-right: 25px;
        margin: 0 0 14px;
    }
    .blog-box p {
        max-width: 100%;
    }
    .blog-box .inline-text .more-btn a {
        font-weight: 400;
        text-decoration: underline;
    }
    .pagination {
        padding: 48px 25px 30px;
        border-top: 1px solid rgba(0, 0, 0, 0.10);
        margin: 25px -25px 0;
    }
    .pagination ul {
        column-gap: 23px;
    }
    .pagination ul li.next {
        margin-left: 0;
    }
    .pagination ul li.previous {
        margin-right: 0;
    }
    .pagination ul li {
        font-size: 16px;
    }
    .blog-details {
        padding: 18px 0 46px;
    }
    .blog-details .container {
        padding: 0;
    }
    .blog-details .flex-box {
        margin: 0;
    }
    .blog-details .box {
        padding: 0;
    }
    .blog-details .breadcrumb {
        margin: 0 0 7px;
    }
    .blog-details .breadcrumb, .blog-details .image {
        padding: 0 25px;
    }
    .blog-details .image img {
        min-height: 303px;
        object-fit: cover;
    }
    .blog-details .content {
        padding: 44px 25px 34px;
        background: #F7FCFF;
    }
    .blog-details .content h1 {
        margin: 0 0 30px;
        font-size: 46px;
        line-height: 46px;
    }
    .blog-details .content p {
        font-size: 18px;
        line-height: 21.6px;
        margin: 0 0 11px;
    }
    .blog-content {
        padding: 0px 0 35px;
    }
    .blog-content .content-box h4, .blog-content .content-box h5 {
        padding: 19px 0 29px;
        color: #101A37;
    }
    .blog-content .content-box p {
        margin: 0 0 10px;
        color: #101A37;
    }
    .related-articles.pool-deck {
        padding: 34px 0 40px;
    }
    .related-articles h2 {
        color: #fff;
        font-size: 32px;
        line-height: 35.2px;
    }
    .pool-deck .heading-text {
        margin-bottom: 23px;
    }
    .related-articles .link-btn.desktop {
        display: none;
    }
    .related-articles .link-btn.mobile {
        display: block !important;
        margin-top: 30px;
    }
    .faq {
        padding: 50px 0;
    }
    .accordion .accordion-button {
        font-size: 18px;
        line-height: 21.6px;
        padding: 12px 24px;
        min-height: 69px;
    }
    .accordion .accordion-button span {
        display: block;
        max-width: 74%;
    }
    .accordion .accordion-body {
        padding: 15px 24px 8px;
        border-bottom: 1px solid #EFEFEF;
    }
    .introduction {
        padding: 44px 0 32px;
    }
    .introduction .left-box, .introduction .right-box {
        width: 100%;
    }
    .introduction .right-box {
        padding-left: 0;
    }
    .introduction h2 {
        color: #101A37;
        margin: 0 0 27px;
        font-size: 32px;
        line-height: 35.2px;
    }
    .introduction .content p {
        font-size: 20px;
        line-height: 28px;
        margin: 0 0 11px;
        color: #101A37;
    }
    .introduction .content p a {
        color: #101A37;
    }
    .content-area {
        padding: 0;
    }
    .content-area .container {
        padding: 0;
    }
    .content-area .content-box {
        padding: 44px 25px 34px;
    }
    .content-area .content-box h3 {
        max-width: 100%;
        color: #101A37;
        margin: 0 0 29px;
    }
    .content-area .content-box p {
        margin: 0 0 11px;
        color: #101A37;
    }
    .content-area .content-box ul {
        margin: 0 0 11px;
    }
    .content-area .content-box ul li {
        margin-bottom: 0px;
        color: #101A37;
    }
    .content-area .content-box ul li::before {
        background: #101A37;
    }
    .content-area .content-box .left-box, .content-area .content-box .right-box {
        width: 100%;
    }
    .contact-banner {
        padding: 44px 0 50px;
    }
    .contact-banner .left-box, .contact-banner .right-box {
        width: 100%;
    }
    .contact-banner h1 {
        margin: 0 0 28px;
    }
    .contact-banner p {
        font-size: 20px;
        line-height: 28px;
        margin: 0 0 11px;
    }
    .contact-banner .image.desktop {
        display: none;
    }
    .contact-banner .mobile {
        display: block !important;
        margin-top: 22px;
        text-align: left;
    }
    .find-school {
        position: relative;
        padding: 44px 0 30px;
    }
    .find-school .heading-text .link-btn {
        right: auto;
        position: relative;
        bottom: 0;
    }
    .find-school .heading-text {
        position: relative;
        padding-left: 5px;
        padding-bottom: 19px;
    }
    .find-school h2 {
        font-size: 32px;
        line-height: 35.2px;
        margin: 0 25px 24px 0;
        color: #101A37;
    }
    .find-school .heading-text .link-btn a {
        padding: 11.5px 23px;
    }
    .find-school-box .content {
        padding: 24px 25px 25px;
    }
    .find-school-box .content h3 {
        margin: 0 0 4px;
        font-size: 24px;
        line-height: 28.8px;
        color: #101A37;
    }
    .find-school-box .content .inline-text {
        padding-top: 33px;
    }
    .footer {
        padding: 40px 0 5px;
    }
    .footer .left-box {
        width: 100%;
    }
    .footer .right-box {
        width: 100%;
    }
    .footer-logo .desktop {
        display: none;
    }
    .footer-logo .mobile {
        display: block !important;
        margin-bottom: 45px;
    }
    .footer .right-box .box:nth-child(2) {
        order: -1;
    }
    .footer .right-box .box:nth-child(1), .footer .right-box .box:nth-child(4) {
        padding-left: 20px;
    }
    .footer-box h6 {
        font-size: 16px;
        line-height: 20.8px;
        margin: 0px 0 9px;
    }
    .footer-bottom {
        padding: 0px 0 35px;
    }
    .footer-bottom .translate.mobile {
        display: block !important;
    }
	 body.menu-open .footer-bottom .translate.mobile {
        display: none !important;
    }
    .footer-bottom .translate .gtranslate {
        display: flex;
        align-items: center;
        gap: 8px;
        color: #fff;
        font-size: 14px;
        line-height: 14px;
        font-weight: 700;
        margin: 0 0 19px;
    }
    .social-area ul {
        margin: 0 0 18px;
        gap: 14px;
    }
    .copyright {
        display: block;
    }
    .copyright .gtranslate.desktop {
        display: none;
    }
    .copyright .right-box {
        display: none;
    }
    .side-popup {
        width: 100%;
        padding: 31px 20px 30px;
        right: -100%;
    }
    .side-popup .content h2 {
        font-size: 32px;
        line-height: 35.2px;
    }
    .side-popup .content ul li span {
        width: 180px;
    }
    .side-popup .content ul li {
        font-size: 16px;
        line-height: 34px;
    }
    .side-popup .content ul li span::after {
        width: 178px;
    }
    .side-popup .content p {
        font-size: 16px;
        line-height: 20.8px;
        color: #101A37;
    }
    .pages-link .box .iocn {
        max-width: 70px;
    }
    .pages-link .box h5 {
        font-size: 20px;
        line-height: 26px;
        padding: 0px 28px 0px 0px;
        background-size: 18px;
    }
	
    .information-popup {
        width: 100%;
        right: -100%;
        padding: 60px 20px 30px;
    }
    .information-popup .close {
        right: 15px;
        top: 15px;
    }
    .information-popup .accordion .accordion-body p {
        color: #101A37;
    }
    .free-tril.modal {
        bottom: 0;
        right: 0;
    }
    .free-tril .modal-body {
        padding: 25px 25px 30px;
    }
    .free-tril .modal-body h3 {
        font-size: 26px;
        line-height: 30px;
        margin: 0 0 16px;
    }
    .accordion-button::after {
        height: calc(100% - -1px);
    }
	.hb-form-outer .upload .wpcf7-form-control-wrap::before {
		font-size: 18px;
	}
    body.menu-open {
        overflow: hidden;
    }
	
	.single-our-location .important-information .link-btn a:hover {
		border: 2px solid #fff;
		padding: 11.5px 36px;
	}
	.built-families .links ul li:hover a {
		padding: 11.5px 23.5px;
		background: transparent;
		border-color: #fff;
	}
	.built-families .links ul li:first-child:hover a {
		background: #fff;
		color: #101A37;
	}
	.gift-cards-content .content .links ul li:first-child:hover a {
		background: #101A37;
		padding: 11.5px 30px;
		border-color: #101A37;
		color: #fff;
	}
	.gift-cards-content .content .links ul li:hover a {
		background: transparent;
		padding: 11.5px 30px;
		border-color: #101A37;
		color: #101A37;
	}
	.pricing-accordion .important-information .link-btn a:hover {
		color: #fff;
		border: 2px solid #101A37;
		padding: 11.5px 36px;
		color: #101A37;
	}
	.start-box.white .link-btn a:hover {
		border-color: #fff;
	}
	.submit-btn:hover {
		background: #101A37;
		padding: 16px 29px;
		color: #fff;
	}
	.find-school .heading-text .link-btn a:hover {
		background-color: transparent;
		color: #101A37;
		border-color: #101A37;
		padding: 11.5px 23px;
	}
	.find-school-box .content .inline-text span.email a:hover {
		padding: 0 29px 0 0;
	}
	.programme-overview .link-btn a:hover {
		border-color: #fff;
	}
	.who-it .link-btn ul li:first-child a:hover {
		border-color: #005EB8;
		background: #005EB8;
		padding: 11.5px 38px;
	}
	.class-box .content .link-btn a:hover {
		background: #E76C0C;
		padding: 11.5px 38px;
		color: #fff;
		border-color: #E76C0C;
	}
	.header .menu .sub-menu .simple-menu ul li:hover a::before {
		width:0;
	}
	.page-template-template-child-protection-policy .page-head h1,
	.page-template-template-privacy-policy  .page-head h1{
		max-width: 80%;
	}
	.footer-top .box h5:hover {
		padding: 0 38px 0 0;
	}
	
	
	
}
@media screen and (max-width: 450px) {
    .announcement-bar .desktop {
        display: none;
    }
    .announcement-bar .mobile {
        display: flex !important;
        white-space: nowrap;
    }
    .announcement-bar .mobile .marquee {
        display: flex;
        gap: 10px;
        padding: 0 5px;
    }
    .announcement-bar p {
        line-height: 18.2px;
        white-space: nowrap;
    }	
	.footer-top .box {
    display: flex;
	flex-wrap:wrap;
    align-items: center;
    column-gap: 0;
}
	.footer-top .box .iocn {
		width: 70px;
		height: 70px;
	}
	.footer-top .box .content {
		width: calc(100% - 70px);
		padding-left:25px;
	}
	.footer-top .box h5:hover a {
		padding: 0 38px 0 0;
	}
	
	
}
@media screen and (max-width: 400px) {
	.find-school-box .image img {
		max-height: 294px;
		width: 100%;
		object-fit: cover;
	}
	.free-tril .modal-dialog {
		max-width: 330px;
	}	
	.footer-box ul li a {
		white-space: nowrap;
	}	
	
}