/* @import "reset.css"; */

@import "components/header.css";
@import "components/sub-banner.css";
/* @import "components/mobile-menu.css"; */
@import "components/footer.css";
@import "components/table.css";
@import "components/form.css";
@import "components/megamenu.css";
@import "components/accordion.css";
@import "components/rellax.css";
@import "components/new-changes.css";
@import "components/shapes.css";
@import "pages/home.css";
@import "pages/families.css";

@font-face {
    font-family: 'the_philadelphia_storyregular';
    src: url('../fonts/the_philadelphia_story-webfont.woff') format('woff2'),
        url('../fonts/the_philadelphia_story-webfont.woff2') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    --color-gray: #f7f7f7;
    --color-primary: #7d288e;
    --color-primary-hover: #cc75dd;
    --color-secondary: #10a36f;
    --color-secondary-hover: #02754d;
    --font-primary: 'Poppins', sans-serif;
    --transition-time: .35s;
    --container-width: 1200px;
}

*,
*::before,
*::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 82px;
}

body {
    margin: 0;
    color: #000;
    font-size: 16px;
    background: #ffffff;
    font-family: var(--font-primary);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a {
    color: #000;
    text-decoration: none;
    -webkit-transition: all var(--transition-time) ease-in-out;
    transition: all var(--transition-time) ease-in-out;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 10px;
}

p {
    margin-top: 0;
    line-height: 24px;
    margin-bottom: 10px;
}

h1 {
    margin: 0;
    font-size: 60px;
    font-weight: bold;
}

h2 {
    font-size: 42px;
    line-height: 46px;
}

h3 {
    font-size: 28px;
}

h4 {
    font-size: 22px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

img {
    height: auto;
    max-width: 100%;
}

img,
svg {
    vertical-align: middle;
}

input,
select,
button,
textarea {
    cursor: pointer;
}

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    line-height: inherit;
    font-family: var(--font-primary);
}

::-webkit-input-placeholder {
    color: #e0e0e0;
}

:-ms-input-placeholder {
    color: #e0e0e0;
}

::placeholder {
    color: #e0e0e0;
}

span {
    display: inline-block;
}

select {
    color: #666666;
    background-image: url(../images/select-arrow.png);
    background-repeat: no-repeat;
    background-position: right 28px center;
    background-size: 9px 8px;
    -ms-progress-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

:focus {
    outline: none;
}

.form-field {
    display: block;
    width: 100%;
    height: 60px;
    font-size: 16px;
    font-weight: 400;
    padding: 5px 15px 5px 40px;
    background-color: #fff;
    border: 1px solid var(--color-secondary);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    display: flex;
    align-items: center;
}

textarea {
    min-height: 230px;
    resize: none;
}

textarea.form-field {
    padding: 30px 0 0 40px;
}

iframe {
    border: 0;
}

.w-100 {
    width: 100%;
}

/* -------------------------------------------------------------- */

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

/* -------------------------------------------------------------- */

.pb-0 {
    padding-bottom: 0 !important;
}

.m-auto {
    margin-left: auto;
    margin-right: auto;
}

.ml-auto {
    margin-left: auto;
}

.mr-auto {
    margin-right: auto;
}

.container {
    width: 100%;
    margin: 0 auto;
    max-width: var(--container-width);
}

/* -------------------------------------------------------------- */




.text-primary {
    color: var(--color-primary);
}

.text-secondary {
    color: var(--color-secondary);
}

.bg-primary {
    background: var(--color-primary);
}

.bg-secondary {
    background: var(--color-secondary);
}

.bg-gray {
    background-color: var(--color-gray);
}

/* -------------------------------------------------------------- */

.zoom-effect {
    overflow: hidden;
}

.zoom-effect>a {
    display: block;
}

.zoom-effect img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all var(--transition-time) ease-in-out;
    transition: all var(--transition-time) ease-in-out;
    position: relative;
}

.zoom-effect:hover img {
    -webkit-transform: scale(1.12);
    transform: scale(1.12);
}

/* -------------------------------------------------------------- */

.owl-nav button {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d8d8d8 !important;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all var(--transition-time) ease-in-out;
    transition: all var(--transition-time) ease-in-out;
}

.owl-nav button span {
    font-size: 30px;
    color: #fff;
}

.owl-nav button.owl-prev {
    left: -80px;
}

.owl-nav button.owl-next {
    right: -80px;
}

.owl-nav button.owl-prev:hover,
.owl-nav button.owl-next:hover {
    background: var(--color-primary-hover) !important;
}

.owl-nav button.owl-prev:hover span,
.owl-nav button.owl-next:hover span {
    color: #fff;
}

/* -------------------------------------------------------------- */

.button {
    display: inline-block;
    cursor: pointer;
    text-transform: capitalize;
    background-color: #d4d5d6;
    border: 1px solid transparent;
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 0 30px;
    height: 48px;
    line-height: 48px;
    font-size: 1rem;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: all var(--transition-time) ease-in-out;
    transition: all var(--transition-time) ease-in-out;
}

.button+.button {
    margin-left: 10px;
}

.button-primary {
    color: #ffffff;
    background: var(--color-primary);
}

.button-primary:hover {
    background: var(--color-primary-hover);
}

/* -------------------------------------------------------------- */

.contact-map {
    min-height: 600px;
}

th .fc-scroller-harness .fc-scroller {
    overflow: hidden !important;
}

/* -------------------------------------------------------------- */

.default-page {
    padding: 100px 0;
}

.default-page ol,
.default-page ul {
    padding-left: 28px;
}

.default-page ol:not(:last-child),
.default-page ul:not(:last-child) {
    margin: 0 0 20px 0;
}

.default-page li+li {
    margin-top: 10px;
}


/* -------------------------------------------------------------- */

.error404 header,
.single-post header,
.search-results header,
.search-no-results header {
    background: #444444;
    border-bottom: 1px solid #f7f7f7;
}

.error-404,
.search-page-inner,
.search-noresult-inner {
    text-align: left;
    padding: 100px 120px;
    margin-top: 70px;
}

.error-404 h1,
.search-page h1,
.search-noresult h1 {
    margin-top: 0;
    font-size: 30px;
}

.error-404 h1 {
    margin-bottom: 15px;
}

.error-404 h3 {
    margin: 40px 0 25px 0;
}

.error-404 h4 {
    margin-bottom: 15px;
}

.error-404 ul {
    margin-left: 30px;
}

.error-404 ul {
    padding-left: 0;
}

.error-404 ul li {
    list-style: disc;
    font-size: 15px;
    margin-bottom: 0;
}

.error-404 ul li+li {
    margin-top: 10px;
}

.error-404 .button {
    margin-top: 30px;
}

/* -------------------------------------------------------------- */

.search-page ul {
    padding: 0;
    margin: 40px 0 0 0;
    list-style: none;
}

.search-page li {
    border: 1px solid #ddd;
}

.search-page li+li {
    margin-top: 20px;
}

.search-page li a {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.search-page .image {
    width: 30%;
}

.search-page .content {
    width: 70%;
    padding: 20px 30px;
}

/* -------------------------------------------------------------- */

.search-no-results .search-form {
    display: flex;
    margin-top: 20px;
    max-width: 380px;
    width: 100%;
}

.search-no-results .search-form label {
    width: 100%;
}

.search-no-results .search-field {
    height: 40px;
    width: 100%;
    padding-left: 15px;
    border-radius: 6px;
    border: 1px solid #999;
}

.search-no-results .search-submit {
    height: 40px;
    border: none;
    padding: 0 20px;
    background: var(--color-primary);
    color: #ffffff;
    font-weight: bold;
    margin-left: 5px;
    border-radius: 6px;
}

.search-no-results .search-submit:hover {
    background: var(--color-primary-hover)
}

/* ------------------------------------------------------------------------------------- */


.slider.open-slider {
    top: 0;
    left: 0;
    width: 100%;
    height: 14.6em;
}

.slider__content {
    display: flex;
    height: 100%;
    will-change: transform;
    transition: transform var(--cubic-slider);
}

.slider__img {
    filter: brightness(75%);
}

.slider__name,
.slider__title {
    overflow: hidden;
    white-space: nowrap;
}

.text-wrap {
    font-size: 14px;
    color: #666666;
    display: block;
    width: fit-content;
    animation: text-wrap var(--duration-text-wrap) infinite;
}

.slider__name .text-wrap {
    font-size: 24px;
    color: #000000;
    line-height: 30px;
}

@keyframes text-wrap {
    75% {
        transform: translate3d(-51.5%, 0, 0);
    }

    100% {
        transform: translate3d(-51.5%, 0, 0);
    }
}

.player__button {
    all: unset;
    z-index: 100;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent !important;
}

.playlist {
    transform: scale(0);
    transition: transform calc(var(--duration) / 2);
}

.slider.open-slider .playlist {
    transform: scale(1);
    transition: transform var(--cubic-play-list);
}

img[alt="pause-icon"] {
    display: none;
}

.player__button:nth-child(2) {
    margin: 0 30px;
    width: 59px;
}

.player__controls__content {
    display: flex;
    flex-wrap: wrap;
    margin-left: auto;
}

.player__controls {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    will-change: contents;
    justify-content: space-between;
    transition: transform var(--cubic-header), width var(--cubic-header);
}

.player__controls.move {
    width: 88%;
    transform: translate3d(-1.1em, calc(var(--parent-height) - 153%), 0);
}

.player__context {
    margin: 0;
    width: 100%;
    display: flex;
    line-height: 1.8;
    flex-direction: column;
    justify-content: center;
    text-transform: capitalize;
    cursor: pointer;
}

.slider__context {
    width: 56.28%;
    cursor: pointer;
    padding-bottom: .2em;
    will-change: contents;
    transition: width var(--cubic-header);
    animation: calc(var(--duration) / 2) var(--cubic-slider-context);
}

@keyframes opacity {
    0% {
        opacity: 0;
    }

    90% {
        opacity: 1;
    }
}

.player__controls.move .slider__context {
    width: 49.48%;
}

.player__title {
    font-size: 20px;
    font-weight: 700;
    color: #000;
    display: block;
    line-height: 1;
    font-family: var(--color-primary);
}

.progres {
    width: 100%;
    height: 13px;
    cursor: pointer;
    border-radius: 1em;
    touch-action: none;
    background-color: #f3f3f3;
    transition: width var(--cubic-header);
    margin-top: 15px;
}

.player__controls.move .progres {
    width: 98%;
}

.player__song-time {
    line-height: 1;
}

.progres__filled {
    width: 0%;
    height: 100%;
    display: flex;
    position: relative;
    align-items: center;
    border-radius: inherit;
    background-color: #0fa36f;
}

.player__playlist {
    height: 100%;
    overflow: auto;
    padding: 1.05em .9em 0 1.2em;
}

.player__playlist::-webkit-scrollbar {
    width: 0;
}

.audio {
    display: none !important;
}

.podcast-list .player__song:focus-within .icon .sound {
    background: red !important;
}





body {
    overflow-x: hidden;
}

.sub-title {
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
}

.sub-title.fwb {
    font-weight: bold;
}

.main-title {
    font-size: 42px;
    color: #0e0e0e;
}

.primary-title {
    font-size: 52px;
    font-weight: 600;
    color: #ffffff;
    line-height: 55px;
}

.primary-title span {
    color: #a2d211;
}

.main-banner {
    position: relative;
}

.main-banner .arrow-anim {
    --size: 64px;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    border: 1px dashed #ddd;
    position: absolute;
    bottom: -30px;
    left: 50%;
    margin-left: -32px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.main-banner .arrow-anim img {
    animation: move-down 2s infinite;
}

/* ------------------------------------------------------------------ */
.overview {
    padding: 85px 0;
    background-image: url(../images/over-shp1.png), url(../images/over-shp2.png);
    background-position: left top 125px, right top;
    background-repeat: no-repeat;
    position: relative;
    /* overflow-x: hidden; */
}

.overview h2:not(.sub-title) {
    line-height: 1;
    font-size: 42px;
    margin: 0 0 25px 0;
}

.overview h2.main-big-title {
    font-size: 60px;
    font-weight: bold;
    margin: 0 0 50px 0;
}

.overview p {
    font-size: 16px;
    margin: 0;
    font-family: var(--font-primary);
}

.overview p span {
    color: var(--color-secondary);
}

.overview p+p {
    margin-top: 20px;
}

.content-image {
    display: flex;
    flex-wrap: wrap;
}

.content-image .image {
    width: 44%;
}

.content-image .image img {
    width: 100%;
    background-size: cover;
}

.content-image .content {
    width: 52%;
    margin-left: auto;
}

.overview .side-shp2 {
    position: absolute;
    right: 1.5%;
    bottom: 8%;
}

.overview .second-box {
    padding: 50px 0 0 0;
    /* text-align: center; */
}

.overview .second-box span {
    border: 1px dotted #383838;
    display: flex;
    align-items: center;
    position: relative;
    color: #000000;
    padding: 0 40px;
    height: 65px;
    /* line-height: 65px; */
    border-radius: 100px;
    margin-bottom: 40px;
}

/* .overview .second-box span p {
    line-height: 65px;
} */

.overview .second-box span::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background: #d8bedd;
    z-index: -1;
}

.overview .second-box span,
.overview .second-box span::after {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}

.overview .second-box a {
    font-weight: bold;
}

.overview .second-box a:hover {
    color: var(--color-primary);
}

.grade-group h2 {
    margin-bottom: 20px;
    text-align: center;
}

.table-block {
    margin-top: 75px;
}

.table-after {
    text-align: center;
    margin-top: 35px;
}

.table-block-title {
    text-align: center;
    margin-bottom: 45px;
}

.table-block-title h3 {
    margin-bottom: 20px;
}

.table-block-title p {
    margin: 0;
}

.overview table+p {
    margin-top: 20px;
    text-align: center;
}

.report-block ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    margin: 0 -1%;
    row-gap: 20px;
}

.report-block li {
    width: 100%;
    margin: 0 1%;
    text-align: center;
}

.report-block img {
    width: 100%;
}

.report-block .title {
    text-align: center;
    margin-bottom: 30px;
}

.numberlist {
    display: flex;
    row-gap: 70px;
    flex-direction: column;
    background-image: url(../images/hash-circle.png), url(../images/hash-circle.png);
    background-position: right 5% bottom 17%, right 100px top 30px;
    background-repeat: no-repeat;
}

.numberlist .numberlist-list {
    margin: 30px 0 0 0;
}

.numberlist h2 {
    margin-bottom: 0;
    text-align: center;
}

.numberlist>p {
    text-align: center;
}

.numberlist h2 span {
    color: var(--color-primary);
}

.numberlist-item {
    display: flex;
}

.numberlist-item .number {
    width: 19%;
    color: #ffffff;
    font-size: 150px;
    line-height: 130px;
    font-weight: bold;
    -webkit-text-stroke: 2px var(--color-primary);
}

.numberlist-item .content {
    width: 81%;
}

.numberlist-item .content h4 {
    font-size: 42px;
    margin-bottom: 20px;
    font-weight: bold;
}


.roll {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #10a26f;
    padding: 10px;
    margin-top: 75px;
    position: relative;
    max-width: 820px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    border-radius: 200px;
    transition: background .35s ease-in-out;
}

.roll:hover {
    background: #06774f;
}

.roll .download {
    margin-top: 13px;
    display: inline-block;
    padding: 5px 25px;
    color: #000;
    background: #ffffff;
    border-radius: 50px;
}

.roll .download:hover {
    color: #ffffff;
    background: var(--color-primary);
}


.roll>img {
    position: absolute;
    right: 40px;
    top: 10px;
}

.roll-icon {
    width: 136px;
    height: 136px;
    padding: 10px;
    border: 1px solid #ffffff;
}

.roll-icon img {
    width: 100%;
}

.roll-icon,
.roll-icon img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.roll-content {
    width: calc(100% - 150px);
    padding-left: 20px;
}

.roll-content h5 {
    font-size: 18px;
    color: #ffffff;
    text-transform: uppercase;
    /* margin-bottom: 17px; */
    margin-bottom: 7px;
}

.roll-content p {
    color: #ffffff;
    font-size: 15px;
}

.overview .pos-list-outer {
    margin-top: 80px;
}

.overview .pos-list-outer .pos-list li::after {
    opacity: 0;
}

.overview .pos-list-outer .pos-list li:hover::after {
    opacity: 1;
}

.overview .second-box span img {
    margin-right: 12px;
}

/* ---------------------------------------- */

.vison-text {
    margin-top: 60px;
}

.mission-text {
    margin-top: 50px;
}

/* .vison-text p strong,
.mission-text p strong {
    font-size: 18px;
    color: var(--color-secondary);
} */

.core-style-list {
    margin-top: 55px;
}

.core-style-list ul {
    padding-left: 20px;
}

.core-style-list li+li {
    margin-top: 11px;
}

.core-style-list li::marker {
    color: var(--color-secondary);
}

.definitions {
    margin-top: 70px;
}

.definitions h3 {
    font-weight: bold;
    margin-bottom: 15px;
}

.definitions h5 {
    color: #10a36f;
    font-size: 24px;
    font-weight: 600;
}

.definitions ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.definitions li {
    font-size: 16px;
}


/* ---------------------------------------- */

.flex-center {
    row-gap: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.flex-image {
    width: 31%;
}

.flex-image img {
    width: 100%;
}

.flex-content {
    width: 69%;
    padding-left: 65px;
}

.high-school-profile {
    margin-top: 130px;
}

.image-contnet-block {
    padding: 0;
    margin: 115px 0 0 0;
    list-style: none;
}

.image-contnet-block-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.image-contnet-block-row>* {
    width: 50%;
}

.image-contnet-block .content-side {
    padding-left: 90px;
}

.image-contnet-block .content-side h3 {
    font-size: 42px;
    line-height: 47px;
}

.image-contnet-block .image-side img {
    width: 100%;
}

.image-contnet-block-row:nth-child(even) {
    flex-direction: row-reverse;
}

.image-contnet-block-row:nth-child(even) .content-side {
    padding-left: 0;
    padding-right: 90px;
}

/* ---------------------------------------- */

.overview-icon-block {
    display: flex;
    /* flex-wrap: wrap; */
    margin-bottom: 60px;
    align-items: center;
}

.overview-icon-block .content {
    padding-left: 70px;
    width: 60%;
}

.overview-icon-block .link {
    display: inline-block;
    margin-top: 40px;
    background: var(--color-primary);
    color: #ffffff;
    height: 44px;
    line-height: 44px;
    padding: 0 35px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}

.overview-icon-block .link:hover {
    background: var(--color-primary-hover);
}

/* ---------------------------------------- */

.overview .first-block {
    display: flex;
    align-items: center;
}

.overview .first-block .right-side {
    padding-left: 70px;
}

.sub-logo-block {
    display: flex;
    row-gap: 25px;
    flex-wrap: wrap;
    margin: 0 -2% 0 -2%;
}

.sub-logo-block.first {
    margin-top: 30px;
    align-items: flex-end;
}

.sub-logo-block>* {
    padding: 40px 55px 50px 55px;
    -webkit-border-radius: 53px;
    -moz-border-radius: 53px;
    border-radius: 53px;
}

.sub-logo-block {
    font-size: 14px;
}

.sub-logo-block p {
    font-weight: 300;
}

.sub-logo-block img {
    margin-bottom: 25px;
}

.sub-logo-block-left {
    width: 37%;
    margin: 0 2%;
}

.sub-logo-block-left {
    background: var(--color-primary);
}

.sub-logo-block h4 {
    margin-bottom: 15px;
    line-height: 30px;
}

.sub-logo-block .logo-list {
    display: flex;
    align-items: flex-start;
}

.sub-logo-block .logo-list img+img {
    margin-left: 12px;
}

.sub-logo-block-left p,
.sub-logo-block-left h4 {
    color: #ffffff;
}

.sub-logo-block-right {
    width: 55%;
    margin: 0 2%;
    background: #f5f5f5;
}

.sub-logo-block-right a:hover {
    color: var(--color-primary) !important;
}

.sub-logo-block.second {
    margin-top: 40px;
    align-items: flex-start;
}

.sub-logo-block.second .sub-logo-block-left {
    background: var(--color-secondary);
    position: relative;
    margin-top: 45px;
}

.sub-logo-block.second .sub-logo-block-left h3 {
    position: absolute;
    top: -50px;
    left: 0;
}

.sub-logo-block.second ul {
    padding: 0;
    margin: 30px 0 0 0;
}

.sub-logo-block.second li {
    padding: 6px;
    display: flex;
    align-items: center;
    width: fit-content;
    padding-right: 30px;
    background: var(--color-primary);
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    transition: var(--transition-time) background ease-in-out;
}

.sub-logo-block.second li:hover {
    background: var(--color-primary-hover);
}

.sub-logo-block.second li a {
    color: #ffffff;
}

.sub-logo-block.second li img {
    margin: 0;
}

.sub-logo-block.second li span {
    margin-left: 15px;
}

.sub-logo-block.second li+li {
    margin-top: 10px;
}

/* ---------------------------------------- */


.overview-center-logo {
    text-align: center;
}

.overview-center-logo img {
    margin-bottom: 30px;
}

.overview-center-logo p {
    font-size: 24px;
    line-height: 28px;
}


/* -------------------------------------------------------------------------------------------------------- */

.inspiring-excellence {
    padding: 165px 0 40px 0;
}

.inspiring-excellence .content {
    max-width: 665px;
    margin: 0 0 40px 0;
}

.pos-list-outer {
    position: relative;
}

.pos-list-outer>span {
    position: absolute;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    /* z-index: 2; */
}

.pos-list-outer .bubble1,
.pos-list-outer .bubble5,
.pos-list-outer .bubble8 {
    width: 40px;
    height: 40px;
}

.pos-list-outer .bubble1,
.pos-list-outer .bubble2,
.pos-list-outer .bubble7 {
    background-color: #a2d211;
}

.pos-list-outer .bubble4,
.pos-list-outer .bubble6,
.pos-list-outer .bubble7 {
    width: 105px;
    height: 105px;
}

.pos-list-outer .bubble4,
.pos-list-outer .bubble5 {
    background-color: #0fa36f;
}

.pos-list-outer .bubble3,
.pos-list-outer .bubble6,
.pos-list-outer .bubble8 {
    background-color: var(--color-primary);
}

.pos-list-outer .bubble1 {
    left: 45.5%;
    top: 5.2%;
}

.pos-list-outer .bubble2 {
    width: 33px;
    height: 33px;
    right: 14.4%;
    top: 5.4%;
}

.pos-list-outer .bubble3 {
    width: 75px;
    height: 75px;
    right: -4%;
    top: 14.2%;
}

.pos-list-outer .bubble4 {
    right: 7.7%;
    top: 30.2%;
}

.pos-list-outer .bubble5 {
    left: -6px;
    top: 56.5%;
}

.pos-list-outer .bubble6 {
    left: 3.4%;
    bottom: 22%;
}

.pos-list-outer .bubble7 {
    left: 48.3%;
    bottom: 1.2%;
}

.pos-list-outer .bubble8 {
    right: 6px;
    bottom: 14.6%;
}

.pos-list {
    margin: 0;
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    row-gap: 15px;
}

.pos-list li {
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.pos-list li:first-child {
    width: 568px;
    height: 439px;
    -webkit-border-radius: 220px;
    -moz-border-radius: 220px;
    border-radius: 220px;
}

.pos-list li:nth-child(2) {
    width: 401px;
    height: 289px;
    -webkit-border-radius: 144px;
    -moz-border-radius: 144px;
    border-radius: 144px;
    position: relative;
    top: 50px;
    left: 11px;
}

.pos-list li:nth-child(3) {
    width: 401px;
    height: 269px;
    -webkit-border-radius: 144px;
    -moz-border-radius: 144px;
    border-radius: 144px;
    margin-left: auto;
    margin-right: 10px;
}

.pos-list li:nth-child(4) {
    width: 311px;
    height: 235px;
    -webkit-border-radius: 144px;
    -moz-border-radius: 144px;
    border-radius: 144px;
    position: relative;
    margin-top: -100px;
}

.pos-list li:nth-child(5) {
    width: 311px;
    height: 235px;
    -webkit-border-radius: 144px;
    -moz-border-radius: 144px;
    border-radius: 144px;
    margin-left: 18px;
    position: relative;
    margin-top: -100px;
}

.pos-list li::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    background: rgba(3, 3, 3, 0);
    transition: background ease-in-out var(--transition-time);
}

.pos-list span {
    position: absolute;
    z-index: 2;
    font-size: 26px;
    text-align: center;
    line-height: 30px;
}

.pos-list span a,
.pos-list span {
    color: #ffffff;
    max-width: 250px;
}

.pos-list li:hover::after {
    background: rgba(125, 40, 142, 0.775);
}


/* -------------------------------------------------------------------------------------------------------- */

.hm-second {
    padding-bottom: 50px;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.pos-circle1 {
    --size: 332px;
    position: absolute;
    left: -8%;
    top: -8%;
    width: var(--size);
    height: var(--size);
    background: #a2d211;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.pos-circle2 {
    --size: 87px;
    position: absolute;
    left: 2.6%;
    bottom: 18%;
    width: var(--size);
    height: var(--size);
    background: var(--color-primary);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.hm-second .pos-circle2 {
    display: none;
}

.hm-second .content {
    width: 40%;
    position: relative;
    z-index: 1;
}

.hm-second .content h6 {
    font-size: 16px;
    color: rgba(0, 0, 0, .5);
    margin-bottom: 70px;
}

.hm-second .content p {
    font-size: 40px;
    line-height: 58px;
    white-space: nowrap;
    margin: 0;
}

.hm-second .content p span {
    font-size: 45px;
    /* font-size: 66px; */
    color: var(--color-primary);
    line-height: 1;
    font-weight: 200;
    margin-left: 15px;
    /* -webkit-text-stroke: 1px #ffffff; */
    /* font-family: 'the_philadelphia_storyregular'; */
}

.hm-second .video-side {
    width: 60%;
    margin-left: auto;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hm-second .video-side .play-icn {
    position: absolute;
}

.hm-second .video-side>img {
    width: 100%;
    -webkit-border-radius: 0 0 0 60%;
    -moz-border-radius: 0 0 0 60%;
    border-radius: 0 0 0 60%;
}



/* -------------------------------------------------------------------------------------------------------- */

.mission_vison {
    background-color: #f5f5f5;
    padding: 90px 0 125px 0;
    position: relative;
    z-index: 0;
}

.mission_vison .outer-box {
    right: 2%;
    top: 135px;
}


.right-bubble1 {
    position: absolute;
    right: 2%;
    top: 16%;
}


.mission_vison h2,
.mission_vison h3 {
    font-size: 24px;
    font-weight: 600;
    margin: 0;
}

.vision h2 {
    margin-bottom: 30px;
}

.mission {
    margin-top: 70px;
    position: relative;
}

.mission h3 {
    top: 20%;
    position: absolute;
}

.mission ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1%;
    row-gap: 18px;
    padding: 0;
}

.mission li {
    width: 23%;
    margin: 0 1%;
    min-height: 260px;
    background-color: #ffffff;
    display: flex;
    padding: 0 60px;
    align-items: center;
    justify-content: center;
    position: relative;
    -webkit-border-radius: 20px 68px 68px 68px;
    -moz-border-radius: 20px 68px 68px 68px;
    border-radius: 20px 68px 68px 68px;
    transition: background var(--transition-time) ease-in-out;
}

.mission li:first-child {
    opacity: 0;
    visibility: hidden;
}

.mission p {
    margin: 0;
    color: #0e0e0e;
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    transition: color var(--transition-time) ease-in-out;
}

.mission li:not(:first-child):hover {
    background-color: var(--color-secondary);
}

.mission li:not(:first-child):hover p {
    color: #ffffff;
}

.mission span {
    color: #ffffff;
    position: absolute;
    right: -5px;
    bottom: -5px;
    width: 85px;
    height: 76px;
    display: flex;
    cursor: default;
    align-items: center;
    justify-content: center;
    font-size: 33px;
    font-weight: bold;
    -webkit-border-radius: 52px 9px 14px 8px;
    -moz-border-radius: 52px 9px 14px 8px;
    border-radius: 52px 9px 14px 8px;
    background: var(--color-primary);
}

/* -------------------------------------------------------------------------------------------------------- */

.core-values {
    padding: 85px 0;
    position: relative;
    z-index: 0;
}

.core-values .outer-box {
    position: absolute;
    top: 9%;
    left: 2%;
}

.core-values h2 {
    line-height: 1;
    margin: 0 0 40px 0;
}

.square-list {
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;
    margin: 0 -1%;
    padding: 0;
    list-style: none;
    margin-top: 30px;

}

.square-list li {
    padding: 50px 45px 20px 45px;
    border: 1px solid var(--color-secondary);
    width: 31.33%;
    margin: 0 1%;
    background: #ffffff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.square-list h3 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    margin: 0 0 15px 0;
}

.square-list p {
    color: #666666;
    margin: 0;
}

/* -------------------------------------------------------------------------------------------------------- */


.home .social-share {
    padding-top: 40px;
}

.social-share.why-jbs {
    padding-top: 80px;
}

.social-share {
    padding: 0 0 90px 0;
    background: url(../images/shape1.png)no-repeat;
    background-position: left 0 bottom 0;
}

.page-template-html-our-team .social-share,
.page-template-page-our-team .social-share {
    padding-top: 150px;
}

.social-share .title {
    text-align: center;
    margin-bottom: 32px;
}

.social-share .title p {
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
}

.home .social-share .title p {
    font-weight: 400;
}

.social-share h3 {
    font-size: 58px;
    font-weight: 600;
    line-height: 1;
    margin: 0 0 30px 0;
    color: var(--color-secondary);
}

.social-share h2 {
    font-weight: 400;
    font-size: 24px;
    text-align: center;
    max-width: 76%;
    line-height: 32px;
    margin: 0 auto 45px auto;
}

.social-carousel .content {
    width: calc(100% - 40px);
    margin: 0 auto;
    padding: 35px 20px 85px 20px;
    background: #ffffff;
    box-shadow: 0 0 11px 2px rgba(0, 0, 0, .17);
    position: relative;
    top: -40px;
}

.social-carousel .content p {
    margin: 0;
    font-size: 15px;
}

.social-carousel .content>img {
    position: absolute;
    top: -15px;
}

.social-carousel .content img {
    margin-left: 5px;
    width: auto;
    display: inline-block;
}

.social-carousel .content p+p {
    margin-top: 10px;
}

.social-carousel .content span {
    font-size: 13px;
    color: rgba(0, 0, 0, .50);
    margin-top: 40px;
    position: absolute;
    left: 20px;
    bottom: 20px;
}

.view-stories-btn {
    height: 54px;
    line-height: 54px;
    color: #ffffff;
    padding: 0 20px;
    display: inline-block;
    text-transform: uppercase;
    background: var(--color-primary);
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    transition: background var(--transition-time) ease-in-out;
}

.view-stories-btn:hover {
    background: var(--color-primary-hover);
}

.social-share.student-leadership {
    padding-top: 90px;
}

.social-share.student-leadership h2 {
    margin-bottom: 50px;
    text-align: left;
    max-width: 100%;
    font-weight: bold;
}

.student-leadership-block h2 {
    margin-bottom: 50px;
}

/* -------------------------------------------------------------------------------------------------------- */

.highlights {
    padding: 125px 0 95px 0;
    position: relative;
}

.highlights .side-shp1,
.highlights .side-shp2 {
    position: absolute;
}

.highlights .side-shp1 {
    left: 0;
    bottom: 35%;
}

.highlights .side-shp2 {
    right: 2%;
    bottom: 3%;
}

.highlights h2 {
    color: #0e0e0e;
    line-height: 1;
    margin: 0 0 60px 0;
}

.box-list {
    display: flex;
    row-gap: 22px;
    flex-direction: column;
}

.box-list-row {
    display: flex;
    flex-wrap: wrap;
    row-gap: 22px;
}

.box-list-row:nth-child(even) {
    flex-direction: row-reverse;
}

.box-list-item {
    width: 36%;
    position: relative;
    border: 2px solid var(--color-secondary);
    overflow: hidden;
    -webkit-border-radius: 53px;
    -moz-border-radius: 53px;
    border-radius: 53px;
}

.box-list-item:nth-child(2) {
    width: 61%;
    margin-left: auto;
}

.box-list-row:nth-child(even) .box-list-item:nth-child(2) {
    margin-left: 0;
    margin-right: auto;
}

.box-list-item img {
    width: 100%;
    height: 100%;
}

.box-list-item h3 {
    position: absolute;
    bottom: 25px;
    left: 0;
    margin: 0;
    z-index: 1;
    padding: 0 30px;
    height: 55px;
    line-height: 55px;
    color: #000000;
    font-size: 18px;
    font-weight: 600;
    background: #ffffff;
    overflow: hidden;
    -webkit-border-radius: 0 27px 27px 0;
    -moz-border-radius: 0 27px 27px 0;
    border-radius: 0 27px 27px 0;
    z-index: 0;
    transition: color ease-in-out var(--transition-time);
}

.box-list-item h3:after {
    content: "";
    position: absolute;
    width: 0%;
    height: 100%;
    background: var(--color-secondary);
    left: 0;
    z-index: -1;
    transition: width ease-in-out var(--transition-time);
}

.box-list-item:hover h3:after {
    width: 100%;
}

.box-list-item:hover h3 {
    color: #ffffff;
}

/* -------------------------------------------------------------------------------------------------------- */

.additional-section {
    padding: 100px 0;
}

.additional-section .title {
    max-width: 740px;
    margin: 0 auto 70px auto;
}

.additional-section .title h2 {
    text-align: center;
    margin: 0;
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
}

.icon-box {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1%;
    row-gap: 25px;
}

.icon-box-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border: 1px solid var(--color-secondary);
    width: 31.33%;
    margin: 0 1%;
    padding: 25px;
    background: #ffffff;
    position: relative;
    transition: border-color .35s ease-in-out;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.icon-box-item:hover {
    background: var(--color-primary);
    border-color: var(--color-primary);
}

.icon-box-item:hover p,
.icon-box-item:hover .content span,
.icon-box-item:hover span {
    color: #ffffff;
}

.icon-box-item:hover img {
    filter: brightness(13.5);
}

.icon-box-item a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.icon-box-item .icon {
    width: 25%;
    display: flex;
    justify-content: flex-end;
}

.icon-box-item .content {
    padding-left: 25px;
    width: 75%;
}

.icon-box-item .full-content {
    padding-top: 15px;
    width: 100%;
}

.icon-box-item .content p {
    line-height: 20px;
    font-weight: 600;
    font-family: var(--font-primary);
}

.icon-box-item .full-content p {
    font-size: 16px;
    line-height: 24px;
}

/* -------------------------------------------------------------------------------------------------------- */

.mix-target {
    display: none;
}

.flx-title {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin: 0 0 38px 0;
}

.list-inline {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -6px;
    padding: 0;
    list-style: none;
}

.list-inline li {
    margin: 0 6px;
    padding: 15px 30px;
    font-size: 15px;
    font-weight: 600;
    cursor: default;
    border: 1px solid var(--color-secondary);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    transition: background ease-in-out var(--transition-time);
}

.sort-by-month:hover,
.list-inline li.active,
.list-inline li:hover {
    color: #ffffff;
    background: var(--color-primary);
}


.sort-by-month {
    padding: 15px 20px;
    font-size: 15px;
    font-weight: 600;
    border: 1px solid var(--color-secondary);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    display: inline-block;
    margin-left: auto;
    transition: background ease-in-out var(--transition-time);
}

.news-list {
    display: flex;
    flex-wrap: wrap;
    row-gap: 28px;
    margin: 0 -1%;
}

.news-list-item {
    width: 31.33%;
    margin: 0 1%;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid var(--color-secondary);
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
}

.news-list-image img {
    width: 100%;
    background-size: cover;
}

.news-list-content {
    padding: 30px 35px;
}

.news-list-content span {
    font-size: 14px;
    color: #666666;
}

.news-list-content h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 15px 0;
    line-height: 25px;
}

.news-list-content p {
    color: #666666;
    margin: 0;
    font-size: 14px;
    line-height: 20px;
}

/* -------------------------------------------------------------------------------------------------------- */

.resp-tab-content {
    padding-top: 80px;
}

.principal {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.principal-image {
    width: 26%;
}

.principal-image img {
    width: 100%;
    background-size: cover;
}

.principal-content {
    width: 74%;
    padding-left: 100px;
}

.principal-content p {
    margin: 0;
    font-size: 16px;
}

.principal-content h3 {
    font-size: 24px;
    font-weight: 600;
    margin: 30px 0 0 0;
}

.principal-content span {
    font-size: 16px;
    color: var(--color-secondary);
}

.principal+.team-list {
    margin-top: 80px;
}

/* ------------------------------------------- */

.tab-list {
    padding-bottom: 100px;
    position: relative;
    z-index: 0;
}

.tab-list .bubble1,
.tab-list .bubble2,
.tab-list .bubble3,
.tab-list .bubble4 {
    position: absolute;
}

.tab-list .bubble2 {
    right: 2%;
    top: 10%;
}

.tab-list .bubble3 {
    left: 2%;
    bottom: 21%;
}

.tab-list .bubble4 {
    right: 0;
    bottom: 5%;
}

.team-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1%;
    row-gap: 80px;
    /* padding-top: 80px; */
}

.team-list-item {
    width: 23%;
    margin: 0 1%;
    position: relative;
    cursor: pointer;
}

.team-list-image img {
    width: 100%;
}

.team-list-content {
    padding: 25px;
    width: calc(100% - 40px);
    margin: -30px auto 0 auto;
    background: #ffffff;
    text-align: center;
    transition: background ease-in-out var(--transition-time);
    display: flex;
    min-height: 107px;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.team-list-content h4 {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 15px;
}

.team-list-content h4,
.team-list-content span {
    transition: color ease-in-out var(--transition-time);
}

.team-list-content span {
    display: block;
    font-size: 13px;
    font-weight: 300;
    display: block;
    line-height: 16px;
    color: var(--color-secondary);
}

.team-list-item:hover .team-list-content {
    cursor: default;
    background: var(--color-secondary);
}

.team-list-item:hover .team-list-content h4 {
    color: #ffffff;
}

.team-list-item:hover .team-list-content span {
    color: #ffffff;
}

/* ------------------------------------------- */

.team-popup {
    max-width: 1087px;
    width: 100%;
    -webkit-border-radius: 53px;
    -moz-border-radius: 53px;
    border-radius: 53px;
}

.team-popup-outer {
    display: flex;
    flex-wrap: wrap;
}

.team-popup-image {
    width: 33%;
}

.team-popup-image img {
    width: 100%;
    margin-bottom: 15px;
}

.team-popup-image h4 {
    font-size: 24px;
    font-weight: 600;
}

.team-popup-image h4 span {
    display: block;
    font-size: 16px;
    font-weight: 300;
    display: block;
    line-height: 16px;
    color: var(--color-secondary);
}

.team-popup-content {
    width: 67%;
    padding-left: 40px;
}

.team-popup-content p {
    margin: 0;
}

.team-popup-content p+p {
    margin-top: 16px;
}

.team-popup-content p a {
    color: var(--color-secondary);
}

.fancybox__content>.carousel__button.is-close {
    color: #000000;
    right: 15px;
    top: 15px;
}

.carousel__button svg {
    filter: none;
    width: 16px;
    height: 16px;
}

/* -------------------------------------------------------------------------------------------------------- */




.cout-box {
    display: flex;
    flex-wrap: wrap;
    margin: 70px -1.5% 0 -1.5%;
    row-gap: 18px;
    padding: 0;
}

.cout-box li {
    width: 47%;
    margin: 0 1.5%;
    min-height: 173px;
    background-color: #ffffff;
    display: flex;
    padding: 0 60px;
    align-items: center;
    justify-content: center;
    position: relative;
    -webkit-border-radius: 20px 68px 68px 68px;
    -moz-border-radius: 20px 68px 68px 68px;
    border-radius: 20px 68px 68px 68px;
    border: 1.2px solid var(--color-secondary);
}

.cout-box p {
    margin: 0;
    color: #0e0e0e;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
}

.cout-box a {
    font-weight: 600;
}

.cout-box .bx_dwnld:hover {
    color: var(--color-primary);
}

.cout-box span {
    color: #ffffff;
    position: absolute;
    right: -10px;
    bottom: -10px;
    width: 130px;
    height: 118px;
    display: flex;
    cursor: default;
    align-items: center;
    justify-content: center;
    font-size: 33px;
    font-weight: bold;
    -webkit-border-radius: 52px 9px 14px 8px;
    -moz-border-radius: 52px 9px 14px 8px;
    border-radius: 52px 9px 14px 8px;
    background: var(--color-primary);
}

.cout-box-outer .cout-box {
    margin-top: 0;
}

.cout-box-outer .cout-box span {
    width: 129px;
    height: 116px;
}

.cout-box-outer .cout-box li {
    padding: 0 80px;
    justify-content: flex-start;
}

.cout-box-outer .cout-box li div {
    max-width: 80%;
}

.cout-box-outer .cout-box li h4 {
    line-height: 1;
    font-size: 24px;
}

.cout-box-outer .cout-box li p {
    font-weight: 400;
}

.service-and-action {
    margin-top: 60px;
}


/* ------------------------------------------- */

.developing {
    padding: 90px 0;
    position: relative;
    z-index: 0;
}

.developing h2 {
    line-height: 36px;
    color: #0e0e0e;
    margin-bottom: 25px;
}

.developing h2 span {
    font-size: 21px;
    font-weight: 500;
}

.developing .bubble3 {
    position: absolute;
    left: 0;
    bottom: -20%;
}

.developing .icon-box {
    margin-top: 30px;
    margin-bottom: 30px;
}

/* ------------------------------------------- */

.highlights-section {
    padding: 60px 0;
    position: relative;
    z-index: 0;
}

.highlights-section .outer-box {
    bottom: 4%;
    right: 2%;
}

.bubble-lft0 {
    position: absolute;
    top: -40%;
}

.highlights-section .bubble3 {
    position: absolute;
    right: 1.2%;
    top: 9%;
    z-index: -1;
}

.highlights-section h2 {
    margin-bottom: 20px;
}

.highlight-list .icon-box {
    margin: 40px -1%;
}

/* -------------------------------------------------------------------------------------------------------- */

.grade-box-outer h2 {
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 30px;
    text-align: center;
}

.grade-box {
    min-height: 195px;
    border: 1px solid #10a36f;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #ffffff;
    padding: 10px 80px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.grade-box-left {
    width: 40%;
}

.grade-box-left h3 {
    font-size: 42px;
    font-weight: bold;
    line-height: 34px;
}

.grade-box-left p {
    color: #10a36f;
    font-size: 14px;
}

.grade-box-right {
    width: 60%;
    text-align: center;
}

.grade-box-right p {
    font-size: 14px;
    color: #666666;
    margin: 0 0 15px 0;
}

.grade-box-right ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    justify-content: center;
}

.grade-box-right li {
    width: 161px;
    height: 43px;
    line-height: 43px;
    font-size: 14px;
    text-transform: capitalize;
}

.grade-box-right li a {
    color: #ffffff;
    display: block;
    background: var(--color-primary);
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    border-radius: 21px;
}

.grade-box-right li a:hover {
    background: var(--color-primary-hover);
}

.grade-box-right li+li {
    margin-left: 10px;
}

/* -------------------------------------------------------------------------------------------------------- */

.student-applications {
    padding: 40px 0 140px 0;
}

.line-block-title,
.student-applications .title {
    text-align: center;
    margin-bottom: 20px;
}

.line-block-title h2,
.student-applications .title h2 {
    font-size: 24px;
    font-weight: 400;
    line-height: 20px;
    margin: 0 0 20px 0;
}

.line-block-title p,
.student-applications .title p {
    margin-bottom: 0;
}

/* ------------------------------------------- */

.line-block {
    padding: 22px 80px 50px 80px;
    border: 1px solid #10a36f;
    background: #ffffff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.line-block h2 {
    padding: 30px 0;
    text-align: center;
}

.line-block-list {
    margin: 0;
    padding: 0;
    width: 100%;
    list-style: none;
}

.line-block-list li {
    display: flex;
    flex-wrap: wrap;
    color: #0e0e0e;
    font-size: 14px;
    min-height: 70px;
    background-color: #c3c3c3;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.line-block-list li:nth-child(even) {
    background: #e3e3e3;
}

.line-block-list span {
    width: 50%;
    display: flex;
    align-items: center;
    padding: 20px 0 20px 145px;
}

.line-block-list span a {
    color: #ffffff;
}

.line-block-list span a:hover {
    color: var(--color-primary);
}

.line-block-list span+span {
    border-left: 1px solid #ffffff;
}

/* -------------------------------------------------------------------------------------------------------- */

.virtual-tour {
    width: 36%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    text-align: center;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    margin-left: auto;
}

.virtual-tour h3 {
    color: #ffffff;
    font-size: 30px;
    line-height: 1;
    font-weight: 500;
    margin: 0;
}

.virtual-tour p {
    color: #ffffff;
    margin: 20px 0;
}

.virtual-tour .button {
    width: 163px;
    height: 58px;
    line-height: 58px;
    display: inline-block;
    background: #ffffff;
    color: var(--color-primary);
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    transition: background ease-in-out var(--transition-time), color ease-in-out var(--transition-time);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.virtual-tour .button:hover {
    color: #ffffff;
    background: var(--color-primary);
}

.map-section {
    margin-top: 80px;
    border: 1px solid #dddddd;
    overflow: hidden;
    position: relative;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.map-section iframe {
    width: 100%;
    vertical-align: bottom;
}

.map-section .map-deatil {
    /* position: absolute; */
    padding: 5px;
    background: #ffffff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    top: 0;
    bottom: 0;
    height: fit-content;
    margin: auto;
    left: 10%;
    z-index: 1;
}

.map-deatil-row {
    margin-bottom: 8px;
    position: relative;
    padding-left: 40px;
    min-height: 29px;
}

.map-deatil-row:first-child {
    margin-bottom: 10px;
}

.map-deatil-row img {
    position: absolute;
    left: 0;
}

.map-deatil-row:last-child {
    margin-top: 10px;
}

.map-deatil-row:last-child a {
    color: #10a36f;
    font-weight: 600;
    text-decoration: underline;
}

/* -------------------------------------------------------------------------------------------------------- */

.four-core-values {
    padding: 100px 0;
    background-color: #f5f5f5;
    background-image: url(../images/half-shape1.png);
    background-position: right bottom 20%;
    background-repeat: no-repeat;
    position: relative;
    z-index: 0;
}

.four-core-values .bubble3 {
    position: absolute;
    right: 4%;
    top: 9%;
    z-index: -1;
}

.four-core-values h2 {
    font-weight: bold;
    margin-bottom: 70px;
}

.value-list {
    padding: 150px 90px 150px 300px;
    position: relative;
    max-width: 890px;
    margin-bottom: 70px;
}

.value-list-item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
}

.value-list-item:first-child {
    --size: 555px;
    width: var(--size);
    height: var(--size);
    background: #dcdcdc;
    position: relative;
    outline: 1px dotted #000000;
    outline-offset: 20px;
}

.value-list-item .inner span {
    display: block;
    line-height: 1;
    font-size: 25px;
    margin-top: 25px;
    font-weight: 600;
}

.value-list-item:nth-child(2) {
    --size: 357px;
    width: var(--size);
    height: var(--size);
    background: var(--color-secondary);
    left: 0;
    top: 0;
}

.value-list-item:nth-child(2) span,
.value-list-item:nth-child(3) span {
    color: #ffffff;
}

.value-list-item:nth-child(3) {
    --size: 298px;
    width: var(--size);
    height: var(--size);
    background: var(--color-primary);
    right: 0;
    top: 60px;
}

.value-list-item:nth-child(4) {
    --size: 360px;
    width: var(--size);
    height: var(--size);
    background: #a4d02a;
    left: 100px;
    bottom: 0;
}

/* -------------------------------------------------------------------------------------------------------- */

.overview .campus-list-outer h2 {
    font-weight: 600;
    line-height: 1;
    margin-bottom: 60px;
    text-align: center;
}

.campus-list {
    display: flex;
    flex-wrap: wrap;
    row-gap: 80px;
}

.campus-list-item {
    display: flex;
    row-gap: 30px;
    min-width: 100%;
    align-items: center;
}

.campus-list-image {
    width: 39%;
    position: relative;
    overflow: hidden;
    overflow: hidden;
    border: 1px solid #10a36f;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.campus-list-image img {
    width: 100%;
}

.campus-list-image .list {
    position: absolute;
    background: #ffffff;
    z-index: 1;
    bottom: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    min-width: 100%;
}

.campus-list-image li {
    width: 50%;
}

.campus-list-image .list a {
    display: block;
    color: #666666;
    text-align: center;
    padding: 10px 20px;
    transition: var(--transition-time) background ease-in-out, var(--transition-time) color ease-in-out;
}

.campus-list-image .list a:hover {
    color: #ffffff;
    background: var(--color-secondary);
}

.campus-list-image li+li {
    border-left: 1px solid #666666;
}

.campus-list-content {
    --space-70: 70px;
    width: 61%;
    padding-left: var(--space-70);
}

.campus-list-content h3 {
    font-size: 24px;
    text-transform: uppercase;
}

.campus-list-item:nth-child(even) {
    flex-direction: row-reverse;
}

.campus-list-item:nth-child(even) .campus-list-content {
    padding-left: 0;
    padding-right: var(--space-70);
}

/* -------------------------------------------------------------------------------------------------------- */

.green-block {
    padding: 70px 0 85px 0;
    background: var(--color-secondary);
    position: relative;
    z-index: 0;
}

.green-block .bubble3,
.activities-page-options .bubble3 {
    position: absolute;
    right: 0;
    bottom: 13%;
}

.green-block-title {
    text-align: center;
    margin-bottom: 60px;
}

.green-block-title p {
    font-size: 24px;
    color: #ffffff;
    line-height: 30px;
}

/* ------------------------------------- */

.green-options {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1%;
}

.green-options .left-side {
    width: 31.5%;
    margin: 0 1%;
}

.green-options .left-side ul {
    margin: 0;
}

.green-options .left-side li {
    margin: 0;
    width: 100%;
    flex-wrap: wrap;
    row-gap: 15px;
}

.green-options .left-side li:last-child {
    padding: 25px;
}

.green-options .left-side li:last-child .icon,
.green-options .left-side li:last-child .content {
    width: 100%;
}

.green-options .right-side {
    width: 64.5%;
    margin: 0 1%;
}

.green-options ul {
    display: flex;
    margin: 0 -1%;
    flex-wrap: wrap;
    row-gap: 20px;
    padding: 0;
    list-style: none;
}

.green-options li {
    display: flex;
    padding: 26px 15px;
    border-radius: 15px;
    background: #ffffff;
    width: 48%;
    margin: 0 1%;
    align-items: center;
}

.green-options .icon {
    width: 45%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.green-options .content {
    width: 55%;
}

.green-options .content p {
    font-size: 16px;
}

/* -------------------------------------------------------------------------------------------------------- */

.health-section {
    padding: 110px 0 130px 0;
    position: relative;
    z-index: 0;
    background-image: url(../images/pink-half1.png);
    background-position: right top;
    background-repeat: no-repeat;
}

.health-section .bubble3 {
    position: absolute;
    left: 2%;
    bottom: 15%;
    z-index: -1;
}

.health-section .title {
    margin-bottom: 60px;
    text-align: center;
}

.health-section .title h2 {
    font-size: 24px;
    font-weight: 500;
    margin: 0;
}

.health-section ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -3%;
    row-gap: 35px;
}

.health-section li {
    width: 44%;
    margin: 0 3%;
}


.health-section .image img {
    width: 100%;
    -webkit-border-radius: 36px;
    -moz-border-radius: 36px;
    border-radius: 36px;
}

.health-section .content h3 {
    margin: 30px 0 20px 0;
    font-size: 24px;
}

/* -------------------------------------------------------------------------------------------------------- */

.couterlist {
    display: flex;
    flex-wrap: wrap;
    margin: 0 11%;
}

.couterlist-item {
    margin: 0 3%;
    width: 31.33%;
}

.couterlist-item h3 {
    font-size: 48px;
    line-height: 1;
    margin-bottom: 6px;
}

.couterlist-item p {
    color: var(--color-primary);
    font-weight: 500;
    font-size: 16px;
}

.couterlist-item .round {
    width: 100%;
    background: #ffffff;
    border-radius: 50%;
    border: 2px dashed var(--color-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 375px;
}

.overview .couterlist {
    margin: 60px 0 0 0;
}

.overview .couterlist-item {
    margin: 0 1%;
    width: 31.33%;
}

.our-taaleem-family .couterlist-item {
    width: 18%;
}

.our-taaleem-family .couterlist-item .round {
    height: 217px;
}

/* -------------------------------------------------------------------------------------------------------- */

.ib-define {
    padding: 100px 0;
    background: var(--color-secondary);
    position: relative;
    z-index: 0;
}

.ib-define .bubble4 {
    position: absolute;
    right: 0;
    top: 20%;
}

.ib-define .ib-define-inner {
    display: flex;
    flex-wrap: wrap;
    row-gap: 15px;
}

.ib-define .left-side h2 {
    color: #ffffff;
    font-size: 52px;
    line-height: 53px;
}

.ib-define .left-side .line {
    height: 12px;
    width: 270px;
    margin: 20px 0;
    background: #ffffff;
}

.ib-define .left-side p {
    color: #ffffff;
    font-weight: 300;
}

.ib-define .left-side h2 span {
    color: #a2d211;
    display: initial;
}

.ib-define .left-side {
    width: 50%;
}

.ib-define .right-side {
    width: 50%;
}

.ib-define .right-side ul {
    padding: 0 0 0 25px;
    margin: 0;
    list-style: decimal-leading-zero;
}

.ib-define .right-side li {
    color: #ffffff;
    font-size: 16px;
    position: relative;
    padding-left: 30px;
}

.ib-define .right-side li+li {
    margin-top: 20px;
}

.ib-define .right-side li span {
    font-weight: 500;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}

/* -------------------------------------------------------------------------------------------------------- */

.aims-icons {
    padding: 90px 0 60px 0;
    position: relative;
    z-index: 0;
    background-image: url(../images/pink-half1.png);
    background-position: right top;
    background-repeat: no-repeat;
}

.aims-icons .bubble3 {
    position: absolute;
    left: 2%;
    top: 30%;
    z-index: -1;
}

.aims-icons .title {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    justify-content: space-between;
}

.aims-icons .title h2 {
    font-size: 24px;
    font-weight: 500;
    line-height: 24px;
}

.aims-icons .title a {
    color: var(--color-primary);
    text-decoration: underline;
    font-weight: 600;
}

.aims-icons .title a:hover {
    text-decoration: none;
    color: var(--color-primary-hover);
}

.aims-icon-list {
    padding: 0;
    margin: 0 -1%;
    list-style: none;
    row-gap: 25px;
    display: flex;
    flex-wrap: wrap;
}

.aims-icon-list li {
    width: 18%;
    margin: 0 1%;
    min-height: 175px;
    border: 1px solid var(--color-secondary);
    display: flex;
    background: #ffffff;
    align-items: center;
    text-align: center;
    justify-content: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.aims-icon-list .icon {
    display: flex;
    align-items: flex-end;
    margin-bottom: 20px;
    justify-content: center;
    height: 90px;
}

.aims-icon-list p {
    font-size: 16px;
    margin: 0;
}

/* -------------------------------------------------------------------------------------------------------- */

.style-list+p a:hover,
.style-list+p+p a:hover {
    color: var(--color-secondary);
}


.list-section {
    display: flex;
    flex-wrap: wrap;
}

.list-section h2 {
    line-height: 42px;
    margin-bottom: 20px;
}

.list-section-left,
.list-section-right {
    width: 50%;
}

.list-section-left {
    padding-right: 60px;
}

.list-section-left img {
    width: 100%;
}

.list-section-right p {
    color: #0e0e0e;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
}

.style-list,
.style-list ul {
    margin: 0;
    padding-left: 0;
    list-style: none;
}

.style-list li {
    background: url(../images/list-style-img.png) no-repeat left top 5px !important;
    font-size: 16px;
    color: #0e0e0e;
    line-height: 24px;
    padding-left: 35px;
}

.style-list li+li {
    margin-top: 20px;
}

.repeat-section-item {
    padding: 90px 0;
    position: relative;
    z-index: 0;
}

.repeat-section-item .bubble3 {
    position: absolute;
    top: 10%;
    left: 0;
    z-index: -1;
}

.repeat-section-item .bubble1 {
    position: absolute;
    bottom: 5%;
    right: 2%;
    z-index: -1;
}

.repeat-section-item .bubble2 {
    position: absolute;
    top: 16%;
    left: 0;
    z-index: -1;
}

.repeat-section-item:nth-child(odd) {
    background: #f5f5f5;
}

.repeat-section-item:nth-child(odd) .list-section {
    flex-direction: row-reverse;
}

.repeat-section-item:nth-child(odd) .list-section-left {
    padding-right: 0;
    padding-left: 60px;
}

.student-leadership .repeat-section-item .list-section {
    align-items: flex-start;
}

.student-leadership .repeat-section-item:nth-child(odd) .list-section {
    flex-direction: row-reverse;
}

.student-leadership .list-section-left {
    padding-left: 60px;
    padding-right: 0;
}

.student-leadership .repeat-section-item:nth-child(odd) .list-section-left {
    padding-right: 60px;
    padding-left: 0;
}

/* -------------------------------------------------------------------------------------------------------- */

.center-pera {
    padding: 90px 0;
    text-align: center;
    background: url(../images/half-green-circle.png) no-repeat top 60px right;

}

.center-pera p {
    font-size: 22px;
    line-height: 28px;
}

.center-pera p a {
    font-weight: 600;
}

.center-pera p a:hover {
    color: var(--color-primary);
}

/* -------------------------------------------------------------------------------------------------------- */



.video-content {
    width: 100%;
}

.video-share-options {
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
    border-top: 1px solid #f7f7f7;
}

.video-share-options a {
    display: block;
    padding: 20px;
    color: #666666;
    font-size: 16px;
}

.video-share-options a img {
    margin-right: 5px;
}

.video-share-options li {
    width: 33.33%;
    text-align: center;
}

.video-share-options li+li {
    border-left: 1px solid #f7f7f7;
}

/* -------------------------------------------------------------------------------------------------------- */

.our-taaleem-family {
    padding-bottom: 0;
}

.video-section {
    margin-top: 130px;
    position: relative;
    z-index: 0;
}

.video-section::after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 52%;
    width: 100%;
    background: #f7f7f7;
    z-index: -1;
}

.committe-section {
    padding: 100px 0 100px 0;
    background-image: url(../images/right-bottom-shape.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    position: relative;
    z-index: 0;
}

.committe-section .bubble4 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.committe-section h2 {
    margin-bottom: 35px;
}

.committe-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1%;
    padding: 0;
    list-style: none;
    row-gap: 30px;
    position: relative;
}

.committe-list li {
    margin: 0 1%;
    width: 31.33%;
    padding: 15px 40px;
    min-height: 167px;
    border: 1px solid var(--color-secondary);
    display: flex;
    align-items: center;
    border-radius: 10px;
    background: #ffffff;
}

.committe-list li span {
    display: inline-block;
    position: absolute;
    top: -15px;
    left: -15px;
    color: #ffffff;
    font-weight: bold;
    width: 50px;
    height: 50px;
    background: var(--color-primary);
    text-align: center;
    border-radius: 50%;
    line-height: 50px;
    font-size: 18px;
}

.committe-list p {
    font-weight: 600;
    margin: 0;
}

.committe-section .full-block {
    margin-top: 60px;
}

/* -------------------------------------------------------------------------------------------------------- */

.principal-welcome {
    display: flex;
    flex-wrap: wrap;
    row-gap: 30px;
}

.principal-welcome .image-side {
    width: 27%;
}

.principal-welcome .image-side .quote {
    width: calc(100% - 50px);
    background: #ffffff;
    padding: 30px;
    margin: 0 auto;
    position: relative;
    top: -50px;
    box-shadow: 0 0 10px 3px rgba(0, 0, 0, .15);
}

.principal-welcome .image-side .quote p {
    color: #666666;
    font-size: 14px;
    font-style: italic;
}

.principal-welcome .image-side .quote h6 {
    color: #000000;
    font-weight: 600;
    line-height: 20px;
    margin: 30px 0 0 0;
    position: relative;
}

.principal-welcome .image-side .quote h6::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    background: url(../images/quote.png) no-repeat;
    width: 26px;
    height: 21px;
}

.principal-welcome .image-side .quote h6 span {
    color: var(--color-secondary);
    font-weight: 400;
    display: block;
}

.principal-welcome .image-side img {
    width: 100%;
}

.principal-welcome .content-side {
    width: 73%;
    padding-left: 45px;
}

/* -------------------------------------------------------------------------------------------------------- */

.who-can-apply {
    margin: 40px 0;
    padding: 35px 70px 45px 70px;
    border: 1px solid var(--color-secondary);
    background-image: url(../images/mba.png);
    background-repeat: no-repeat;
    background-color: #ffffff;
    background-position: right 10px top 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.who-can-apply h3 {
    margin-bottom: 20px;
}

.who-can-apply p {
    font-size: 16px;
}

.who-can-apply .link {
    color: #ffffff;
    padding: 0 20px;
    height: 42px;
    line-height: 42px;
    display: inline-block;
    background: var(--color-primary);
    margin-top: 20px;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    border-radius: 21px;
    transition: background var(--transition-time) ease-in-out;
}

.who-can-apply .link:hover {
    background: var(--color-primary-hover);
}

.scholarship-list {
    margin-top: 30px;
}

.scholarship-list .icon-box-item {
    min-height: 200px;
    background: #ffffff;
}

.scholarship-list .icon-box-item:hover {
    background: var(--color-primary) !important;
}

.scholarship-list .icon-box-item>p {
    font-size: 14px;
    font-family: var(--font-primary);
}

.scholarship-icons {
    margin-top: 50px;
}

/* -------------------------------------------------------------------------------------------------------- */

.emphasis {
    padding: 75px 0;
    background: #f5f5f5;
}

.emphasis .container {
    display: flex;
    align-items: center;
}

.emphasis-left,
.emphasis-right {
    width: 50%;
}

.emphasis-left {
    padding-right: 140px;
}

.emphasis-left h4 {
    margin-bottom: 30px;
}

.emphasis-left span {
    font-size: 20px;
    color: var(--color-primary);
    /* font-family: 'the_philadelphia_storyregular'; */
}

.emphasis-right {
    height: 600px;
    position: relative;
}

.emphasis-right>* {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}

.emphasis-right>* p {
    font-size: 16px;
    font-weight: 300;
}

.emphasis-right .box-pink {
    background: var(--color-primary);
    -webkit-border-radius: 0 50px 50px 50px;
    -moz-border-radius: 0 50px 50px 50px;
    border-radius: 0 50px 50px 50px;
    min-height: 250px;
    width: 250px;
    bottom: 0;
    left: -10px;
}

.emphasis-right .box-pink p,
.emphasis-right .box-green p {
    color: #ffffff;
}

.emphasis-right .box-gray {
    border: 2px solid var(--color-secondary);
    background: #f5f5f5;
    left: 40px;
    top: 20px;
}

.emphasis-right .box-gray,
.emphasis-right .box-white {
    min-height: 311px;
    width: 311px;
    -webkit-border-radius: 50px 50px 0 50px;
    -moz-border-radius: 50px 50px 0 50px;
    border-radius: 50px 50px 0 50px;
}

.emphasis-right .box-white {
    -webkit-border-radius: 50px 0 50px 50px;
    -moz-border-radius: 50px 0 50px 50px;
    border-radius: 50px 0 50px 50px;
}





.emphasis-right .box-gray p,
.emphasis-right .box-white p {
    max-width: 210px;
}

.emphasis-right .box-green {
    right: -20px;
    top: 0;
    padding: 30px 20px;
    width: 215px;
    min-height: 220px;
    background: var(--color-secondary);
    -webkit-border-radius: 50px 50px 50px 0;
    -moz-border-radius: 50px 50px 50px 0;
    border-radius: 50px 50px 50px 0;
}

.emphasis-right .box-white {
    background: #ffffff;
    right: 0;
    bottom: 30px;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .10);
}

/* -------------------------------------------------------------------------------------------------------- */

.padding-block {
    padding: 100px 0;
    position: relative;
    z-index: 0;
}

.padding-block .bubble3 {
    position: absolute;
    right: 2%;
    top: 5%;
}

.padding-block ul {
    margin: 30px 0;
}

.padding-block p+p {
    margin-top: 15px;
}

/* -------------------------------------------------------------------------------------------------------- */
.tuition-fees .title {
    margin-bottom: 40px;
    text-align: center;
}

.grade-fee {
    padding: 35px 0 70px 0;
    border: 1px solid var(--color-secondary);
    display: flex;
    flex-wrap: wrap;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    align-items: center;
    position: relative;
    margin-bottom: 135px;
    background: #ffffff;
}

.grade-fee .link-outer {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: fit-content;
    bottom: -20px;
    z-index: 1;
    background: #ffffff;
    padding: 0 25px;
}

.grade-fee .link {
    display: inline-block;
    height: 42px;
    line-height: 42px;
    color: #ffffff;
    padding: 0 20px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: var(--color-secondary);
}

.grade-fee .grade-1 {
    width: 30%;
    padding-left: 5%;
}

.grade-fee .grade-1 h3,
.grade-fee .grade-2 h3 {
    font-size: 24px;
    margin: 0;
    font-weight: 500;
}

.grade-fee .grade-2 {
    width: 30%;
}

.grade-fee .grade-3 {
    width: 40%;
}

.grade-fee .grade-3 h3 {
    line-height: 1;
}

.grade-fee .grade-3 p {
    font-size: 14px;
    color: #666666;
    line-height: 20px;
}

.grade-fee .line-block-outer {
    padding: 20px 50px 0 50px;
    width: 100%;
}

.grade-fee .line-block-outer h4 {
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 20px 0;
    text-align: center;
}

/* -------------------------------------------------------------------------------------------------------- */

.emirate-logos {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 28px 10px;
    margin-bottom: 50px;
    background: #ffffff;
    border: 1px solid var(--color-secondary);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.emirate-logos img {
    margin-bottom: 15px;
}

.emirate-logo-left {
    width: 40%;
    border-right: 1px solid #f5f5f5;
}

.emirate-logo-right {
    width: 60%;
}

.emirate-logo-left {
    padding-left: 85px;
}

.emirate-logo-right {
    padding-left: 60px;
}

.emirate-logo-right p {
    font-size: 17px;
}

/* -------------------------------------------------------------------------------------------------------- */

.doted-div {
    width: 100%;
    padding: 32px 90px;
    background: #d8bedd;
    position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin: 25px 0 30px 0;
    position: relative;
    top: 10px;
    left: 10px;
}

.doted-div p {
    color: #666666;
    font-size: 16px;
}

.doted-div::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 10px;
    left: 10px;
    border: 1px dashed #dcc5e0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    z-index: -1;
    top: 0;
    left: 0;
    /* top: -10px;
    left: -10px; */
}

/* -------------------------------------------------------------------------------------------------------- */

.page-template-php-virtual-tour .header,
.page-template-page-virtual-tour .header,
.page-template-html-virtual-tour .header {
    background: #000000;
}

.page-template-php-virtual-tour .main,
.page-template-page-virtual-tour .main,
.page-template-html-virtual-tour .main {
    margin-top: 98px;
}


.virtual-tourpage h1 {
    color: #000000;
    margin-bottom: 60px;
    text-align: center;
    line-height: 46px;
    text-transform: uppercase;
}

.virtual-tourpage .button {
    margin-top: 50px;
    border-radius: 100px;
}

/* -------------------------------------------------------------------------------------------------------- */

.key-links {
    padding: 60px 0 140px 0;
    overflow: hidden;
    /* display: none; */
}

.key-links h2 {
    line-height: 1;
    font-weight: bold;
    text-align: center;
    margin-bottom: 40px;
}

.key-links ul {
    display: flex;
    margin: 0;
    padding: 0;
    row-gap: 10px;
    list-style: none;
    justify-content: center;
}

.key-links li {
    --size: 348px;
    width: var(--size);
    height: var(--size);
    /* overflow: hidden; */
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid #ffffff;
    position: relative;
    margin: 0 -30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    transition: background ease-in-out var(--transition-time);
    z-index: 0;
}

.key-links .image {
    width: var(--size);
    height: var(--size);
    position: absolute;
    overflow: hidden;
    background-repeat: no-repeat;
    border-radius: 50%;
    background-position: bottom right;
    opacity: 0;
    visibility: hidden;
    transition: opacity ease-in-out var(--transition-time), visibility ease-in-out var(--transition-time);
}

.key-links li:hover .image {
    opacity: 1;
    visibility: visible;
}


.key-links li a {
    display: flex;
    z-index: 199999999;
    width: 100%;
    height: 100%;
    padding: 10px;
    align-items: center;
    justify-content: center;
}

.key-links li::before {
    content: "";
    position: absolute;
    left: -10px;
    top: -10px;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    border: 1px solid var(--color-primary);
    outline-offset: 8px;
    outline: 1px solid #f7f7f7;
    z-index: -5;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    opacity: 0;
}

.key-links li::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.key-links li span {
    color: #ffffff;
    font-weight: 600;
    font-size: 20px;
    line-height: 22px;
    text-align: center;
    text-transform: capitalize;
}

.key-links li:nth-child(odd) {
    background-color: #10a36f;
}

.key-links li:nth-child(even) {
    background-color: #a2d211;
}

.key-links li:hover {
    z-index: 1;
}

.key-links li:nth-child(odd):hover,
.key-links li:nth-child(even):hover {
    background-color: var(--color-primary)
}

.key-links li:hover::after {
    opacity: 1;
    visibility: visible;
}

.key-links li:hover::before {
    opacity: 1;
}

/* -------------------------------------------------------------------------------------------------------- */

.sub-banner {
    position: relative;
    z-index: 0;
    background-position: center center;
}

.animation-icons {
    z-index: -1;
    width: 100%;
    max-width: 1378px;
    height: 342px;
    left: 0;
    bottom: 65px;
    right: 0;
    margin: auto;
    position: absolute;
    display: flex;
    justify-content: space-between;
}

.animation-left {
    position: relative;
    width: 332px;
}

.animation-left img,
.animation-right img {
    position: absolute;
}

.animation-left img:first-child {
    bottom: 98px;
    left: 0;
}

.animation-left img:nth-child(2) {
    right: 50px;
    top: 10px;
}

.animation-left img:nth-child(3) {
    right: 0;
    bottom: 0;
}

.animation-right {
    width: 404px;
    position: relative;
}

.animation-right img:first-child {
    bottom: 0;
    right: 0;
}

.animation-right img:nth-child(2) {
    right: 112px;
    top: 0;
}

.animation-right img:nth-child(3) {
    left: 0;
    bottom: 43px;
}

#map {
    height: 510px;
}

.shake {
    -webkit-animation: shake 1s linear 0s infinite;
    -moz-animation: shake 1s linear 0s infinite;
    -ms-animation: shake 1s linear 0s infinite;
    -o-animation: shake 1s linear 0s infinite;
    animation: shake 1s linear 0s infinite;
}

.shrink {
    -webkit-animation: shrink 1s linear 0s infinite alternate;
    -moz-animation: shrink 1s linear 0s infinite alternate;
    -ms-animation: shrink 1s linear 0s infinite alternate;
    -o-animation: shrink 1s linear 0s infinite alternate;
    animation: shrink 1s linear 0s infinite alternate;
}


@-webkit-keyframes shake {
    0% {
        transform: rotate(0deg) translate3d(0, 0, 0);
    }

    25% {
        transform: rotate(10deg) translate3d(0, 0, 0);
    }

    50% {
        transform: rotate(0deg) translate3d(0, 0, 0);
    }

    75% {
        transform: rotate(-10deg) translate3d(0, 0, 0);
    }

    100% {
        transform: rotate(0deg) translate3d(0, 0, 0);
    }
}

@-moz-keyframes shake {
    0% {
        transform: rotate(0deg) translate3d(0, 0, 0);
    }

    25% {
        transform: rotate(10deg) translate3d(0, 0, 0);
    }

    50% {
        transform: rotate(0deg) translate3d(0, 0, 0);
    }

    75% {
        transform: rotate(-10deg) translate3d(0, 0, 0);
    }

    100% {
        transform: rotate(0deg) translate3d(0, 0, 0);
    }
}

@-ms-keyframes shake {
    0% {
        transform: rotate(0deg) translate3d(0, 0, 0);
    }

    25% {
        transform: rotate(10deg) translate3d(0, 0, 0);
    }

    50% {
        transform: rotate(0deg) translate3d(0, 0, 0);
    }

    75% {
        transform: rotate(-10deg) translate3d(0, 0, 0);
    }

    100% {
        transform: rotate(0deg) translate3d(0, 0, 0);
    }
}

@-o-keyframes shake {
    0% {
        transform: rotate(0deg) translate3d(0, 0, 0);
    }

    25% {
        transform: rotate(10deg) translate3d(0, 0, 0);
    }

    50% {
        transform: rotate(0deg) translate3d(0, 0, 0);
    }

    75% {
        transform: rotate(-10deg) translate3d(0, 0, 0);
    }

    100% {
        transform: rotate(0deg) translate3d(0, 0, 0);
    }
}

@keyframes shake {
    0% {
        transform: rotate(0deg) translate3d(0, 0, 0);
    }

    25% {
        transform: rotate(10deg) translate3d(0, 0, 0);
    }

    50% {
        transform: rotate(0deg) translate3d(0, 0, 0);
    }

    75% {
        transform: rotate(-10deg) translate3d(0, 0, 0);
    }

    100% {
        transform: rotate(0deg) translate3d(0, 0, 0);
    }
}

@-webkit-keyframes shrink {
    0% {
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -moz-transform: scale(0.8);
        -o-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}

@-moz-keyframes shrink {
    0% {
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -moz-transform: scale(0.8);
        -o-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}

@-ms-keyframes shrink {
    0% {
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -moz-transform: scale(0.8);
        -o-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}

@-o-keyframes shrink {
    0% {
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -moz-transform: scale(0.8);
        -o-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}

@keyframes shrink {
    0% {
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -moz-transform: scale(0.8);
        -o-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}

/* -------------------------------------------------------------------------------------- */

@keyframes jet-animation {
    0% {
        transform: translateX(0);
    }

    30% {
        transform: translateX(30px);
    }

    100% {
        transform: translateX(0);
    }
}

@-webkit-keyframes jet-animation {
    0% {
        transform: translateX(0);
    }

    30% {
        transform: translateX(30px);
    }

    100% {
        transform: translateX(0);
    }
}



@keyframes rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}


/* -------------------------------------------------------------------- */

@keyframes scale {
    0% {
        transform: scale(1);
    }

    0% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes scale {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.2);
    }
}

/* -------------------------------------------------------------------- */

@keyframes move-down {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(10px);
    }
}

@-webkit-keyframes move-down {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(10px);
    }
}


.video-play-button {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    box-sizing: content-box;
    display: block;
    width: 32px;
    height: 44px;
    border-radius: 50%;
    padding: 18px 20px 18px 28px;
}

.video-play-button img {
    position: relative;
    z-index: 9;
}

.video-play-button:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    background: #10a36f;
    border-radius: 50%;
    -webkit-animation: pulse-border 1500ms ease-out infinite;
    animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    transition: all 200ms;
}

.video-play-button:hover:after {
    background-color: #10a36f;
}

@-webkit-keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}


/* ----------------------------------------------------------------------------------------------------- */

.lunch-box-first {
    text-align: center;
    margin-bottom: 50px;
}

.lunch-box-first p {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 60px;
}

.lunch-box .square-list li {
    width: 48%;
    padding: 40px 30px;
}

.lunch-box .square-list p {
    color: #0f0e0e;
    margin: 0;
}

/* ----------------------------------------------- */

.following {
    padding: 120px 0 135px 0;
    background: #f5f5f5 url(../images/green-half-left.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.following .rt-shape1 {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.following .bubble4 {
    bottom: 20%;
    left: 4%;
    z-index: -1;
    position: absolute;
}

.following.transport {
    background: #f5f5f5;
}

.following .bubble3 {
    top: 3%;
    right: 2%;
    z-index: -1;
    position: absolute;
}

.following .container {
    display: flex;
    flex-wrap: wrap;
    row-gap: 15px;
}

.following .left-side,
.following .right-side {
    width: 50%;
}

.following .left-side .line {
    height: 12px;
    width: 270px;
    margin: 30px 0 0 0;
    background: var(--color-secondary);
}

.following h2 {
    font-size: 52px;
    line-height: 58px;
    color: #282828;
}

.following h2 span {
    color: var(--color-primary);
}

.following .right-side ul {
    padding: 0 0 0 20px;
    margin: 0;
    list-style: decimal-leading-zero;
}

.following .right-side li {
    font-size: 16px;
    position: relative;
    padding-left: 25px;
}

.following .right-side li+li {
    margin-top: 20px;
}

.following .right-side li::marker {
    color: var(--color-secondary);
    font-weight: 600;
}

.following.transport ul {
    list-style: none;
    padding: 0;
}

.following.transport .right-side li {
    padding-left: 40px;
}

/* ----------------------------------------------- */

.line-content-box {
    border: 1px solid var(--color-secondary);
    padding: 50px 45px 45px 45px;
    background: #ffffff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.line-content-box .link {
    --height: 45px;
    height: var(--height);
    line-height: var(--height);
    color: #ffffff;
    font-size: 14px;
    padding: 0 17px;
    margin-top: 20px;
    display: inline-block;
    background: var(--color-primary);
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    transition: background ease-in-out var(--transition-time);
    display: none;
}

.line-content-box .link:hover {
    background: var(--color-primary-hover);
}

/* ----------------------------------------------- */

.activities-page-options {
    padding: 0 0 180px 0;
    background-image: url(../images/green-half-left.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    position: relative;
    z-index: 0;
}

.activities-page-options .green-block-title p {
    color: #000000;
}

.activities-page-options .green-options li {
    border: 1px solid var(--color-secondary);
}

/* ----------------------------------------------- */

.outline-box {
    background: #fff url(../images/child.png) no-repeat;
    background-position: right 20px center;
    margin-top: 110px;
    padding: 50px 70px 30px 70px;
    border: 1px solid var(--color-secondary);
    -webkit-border-radius: 68px;
    -moz-border-radius: 68px;
    border-radius: 68px;
}

.outline-box h3 {
    margin: 0;
    line-height: 1;
    font-size: 32px;
    font-weight: bold;
}

.outline-box p {
    max-width: 82%;
    margin: 20px 0;
    color: #0e0e0e;
}

.outline-box .button {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

/* ----------------------------------------------- */

.newcore-values {
    padding: 100px 0;
    background: #f5f5f5;
    position: relative;
    z-index: 0;
}

.newcore-values h2 {
    margin-bottom: 25px;
}

.newcore-values .bubble3 {
    position: absolute;
    z-index: -1;
    top: 4%;
    right: 2%;
}

.newcore-list {
    display: flex;
    padding: 0;
    margin: 0 -1%;
    list-style: none;
}

.newcore-list li {
    width: 23%;
    margin: 0 1%;
    padding: 35px;
    background: #ffffff;
    -webkit-border-radius: 20px 68px 68px 68px;
    -moz-border-radius: 20px 68px 68px 68px;
    border-radius: 20px 68px 68px 68px;
}

.newcore-list img {
    margin-bottom: 20px;
}

.newcore-list h4 {
    font-size: 15px;
    line-height: 1;
    margin-bottom: 18px;
}

.newcore-list p {
    color: #666666;
    font-size: 16px;
    margin: 0;
}

/* ----------------------------------------------- */

.learner-core-values {
    padding: 150px 0 100px 0;
    background-image: url(../images/over-shp1.png), url(../images/over-shp2.png);
    background-position: left top 125px, right top;
    background-repeat: no-repeat;
    position: relative;
}

.learner-core-values .outer-box {
    right: 2%;
    top: 36%;
}

.learner-core-values .bubble4 {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}

/* ----------------------------------------------- */

.extra-highlights-logo {
    margin-top: 80px;
}

.extra-highlights-logo ul {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    list-style: none;
}

.extra-highlights-logo li {
    padding: 10px 60px;
}

.extra-highlights-logo li+li {
    border-left: 1px solid #f5f5f5;
}


/* --------------------------------------------- */

.new-families .bubble3 {
    position: absolute;
    bottom: 5%;
    right: 2%;
}

.time-section {
    position: relative;
    z-index: 0;
}

.time-section .bubble3 {
    position: absolute;
    right: 3%;
    bottom: 6%;
    z-index: -1;
}

.time-section .bubble-lft0 {
    position: absolute;
    top: 37%;
    left: 0;
    z-index: -1;
}

.our-taleem-family-outer .bubble3 {
    position: absolute;
    right: 2%;
    top: 46%;
    z-index: -1;
}


.tuition-fees-outer {
    position: relative;
    z-index: 0;
}

.tuition-fees-outer .bubble3 {
    position: absolute;
    right: 2%;
    z-index: -1;
    top: 30%;
}

.main-outer.tuition-fees-outer {
    right: 0%;
    top: 17%;
}

.main-outer.tuition-fees-outer .bubble2 {
    left: 0;
}

.virtual-tourpage .bubble3 {
    position: absolute;
    bottom: 7%;
    right: 2%;
    z-index: -1;
}

.x9-shape {
    position: absolute;
    left: 0;
    z-index: -1;
    bottom: 20%;
}

/* --------------------------------------------- */

.parents-icons {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1.5%;
    list-style: none;
    row-gap: 36px;
    padding: 0;
}

.parents-icons li {
    min-height: 200px;
    width: 30.33%;
    margin: 0 1.5%;
    text-align: center;
    display: flex;
    background: #ffffff;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 20px 68px 68px 68px;
    -moz-border-radius: 20px 68px 68px 68px;
    border-radius: 20px 68px 68px 68px;
    box-shadow: 0px 2px 111px 0px rgba(8, 17, 34, 0.07);
    transition: .35s ease-in-out color;
}

.parents-icons li a {
    padding: 10px;
    display: inline-block;
}

.parents-icons li:hover {
    border-color: var(--color-secondary);
}

.parents-icons li .icon {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    min-height: 80px;
    margin: 0 auto 10px auto;
}

.parents-icons li h4 {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

/* --------------------------------------------- */

.logo-sections {
    padding: 55px 0 70px 0;
    background-color: #f5f5f5;
}

.radius-logos {
    display: flex;
    flex-wrap: wrap;
    margin: 030px -1.5% 0 -1.5%;
    row-gap: 30px;
    padding: 0;
}

.radius-logos li {
    width: 22%;
    background: #ffffff;
    min-height: 230px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 1.5%;
    -webkit-box-shadow: 0px 2px 111px 0px rgba(8, 17, 34, 0.07);
    -moz-box-shadow: 0px 2px 111px 0px rgba(8, 17, 34, 0.07);
    box-shadow: 0px 2px 111px 0px rgba(8, 17, 34, 0.07);
    -webkit-border-radius: 20px 68px 68px 68px;
    -moz-border-radius: 20px 68px 68px 68px;
    border-radius: 20px 68px 68px 68px;
}

.radius-logos-2 {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1.5%;
}

.radius-logos-2 .block:first-child {
    width: 47%;
    margin: 0 1.5%;
}

.radius-logos-2 .block:first-child li {
    width: 47%;
}


.radius-logos-2 .block:nth-child(2) li,
.radius-logos-2 .block:nth-child(3) li {
    width: 97%;
}

.radius-logos-2 .block:nth-child(2),
.radius-logos-2 .block:nth-child(3) {
    width: 22%;
    margin: 0 1.5%;
}

/* ---------------------------------------------------------------------------- */

.stories-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1%;
}

.stories-list .item {
    width: 23%;
    margin: 0 1%;
}





.stories-list .image img {
    width: 100%;
    background-size: cover;
}

.stories-list .content {
    width: calc(100% - 36px);
    margin: 0 auto;
    padding: 30px 20px;
    background: #ffffff;
    box-shadow: 0 0 11px 2px rgba(0, 0, 0, .17);
    position: relative;
    top: -40px;
}

.stories-list .content p {
    margin: 0;
    font-size: 14px;
    line-height: 19px;
}

.stories-list .content>img {
    position: absolute;
    top: -15px;
}

.stories-list .content img {
    margin-left: 5px;
    width: auto;
    display: inline-block;
}

.stories-list .content p+p {
    margin-top: 10px;
}

.stories-list .content span {
    font-size: 13px;
    color: rgba(0, 0, 0, .50);
    margin-top: 40px;
    position: absolute;
    left: 20px;
    bottom: 20px;
}

/* ---------------------------------------------------------------------------- */

.academic-section {
    padding: 90px 0 125px 0;
    background-image: url(../images/over-shp1.png), url(../images/over-shp2.png);
    background-position: left top 125px, right top;
    background-repeat: no-repeat;
    position: relative;
    z-index: 0;
}

.academic-section .bubble3,
.academic-section .bubble4 {
    position: absolute;
    z-index: -1;
}

.academic-section .bubble4 {
    left: 0;
    bottom: 20%;
}

.academic-section .bubble3 {
    right: 2%;
    top: 31%;
}

.academic-section .title {
    margin-bottom: 50px;
    text-align: center;
}

.academic-section .title p {
    font-size: 16px;
    font-weight: 600;
    color: #0e0e0e;
}

.academic-section .title h2 {
    line-height: 1;
}

.academiclist-item h4 {
    text-align: center;
    margin-bottom: 40px;
}

.academiclist-item ul {
    padding: 0;
    margin: 0;
}

.academiclist-item li {
    padding: 19px 0;
    display: flex;
    align-items: center;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.academiclist-item li:nth-child(odd) {
    background: #c3c3c3;
}

.academiclist-item li:nth-child(even) {
    background: #e3e3e3;
}

.academiclist-item .div1 {
    padding: 0 40px;
    width: 67%;
}

.academiclist-item .div1 p {
    margin: 0;
    color: #0e0e0e;
    font-size: 14px;
    font-weight: 600;
}

.academiclist-item .div2 {
    width: 33%;
    padding: 0 5px;
}

.academiclist-item .div2 span {
    display: inline-block;
    font-size: 15px;
    padding: 4px 12px;
    background: #ffffff;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}

.academiclist-item+.academiclist-item {
    margin-top: 70px;
}

/* ---------------------------------------------------------------------------- */

.printable {
    padding: 100px 0;
    background: #f5f5f5;
    position: relative;
    z-index: 0;
}

.printable h2 {
    font-size: 24px;
    text-align: center;
    margin-bottom: 50px;
}

.printable .bubble0 {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.printable ul {
    padding: 0 20px;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2%;
    list-style: none;
}

.printable li {
    width: 46%;
    margin: 0 2%;
}

.printable li h3 {
    margin: 20px 0 0 30px;
    font-size: 24px;
}

.printable .image {
    overflow: hidden;
    border: 2px solid var(--color-primary);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.printable .image img {
    width: 100%;
}

/* ---------------------------------------------------------------------------- */

.podcast-player {
    width: 100%;
    background: #ffffff;
    margin-bottom: 70px;
    padding: 20px 60px 20px 60px;
    border: 1px solid #0fa36f;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.podcast-player-top {
    display: flex;
    align-items: center;
}

.podcast-player-top .content {
    width: calc(100% - 200px);
}

.podcast-player-top .content h2 {
    font-size: 24px;
    line-height: 1;
    font-weight: 600;
    margin-bottom: 10px;
}

.podcast-player-top .content p {
    margin: 0;
    font-size: 14px;
    color: #666666;
}

.podcast-player-top .options {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 200px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.podcast-player-top .options li:nth-child(2) {
    margin: 0 30px;
}

.podcast-player-top .podcast-list {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;
    margin: 0 -1%;
    list-style: none;
}

.podcast-player-bottom {
    width: 100%;
    height: 13px;
    margin-top: 17px;
    position: relative;
    background: #f3f3f3;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    overflow: hidden;
}

.podcast-player-time {
    text-align: right;
    margin-top: 7px;
    font-size: 17px;
    font-weight: 500;
}

.podcast-player-bottom::after {
    content: "";
    width: 45%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #0fa36f;
}

.podcast-list {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;
    margin: 0 -1%;
    list-style: none;
}

.podcast-list li {
    width: 31.33%;
    margin: 0 1%;
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    background: #ffffff;
    border: 1px solid var(--color-primary);
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.podcast-list .icon {
    width: 90px;
    display: flex;
    /* align-items: center; */
    justify-content: center;
}

.podcast-list .icon .sound {
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-primary);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}

.podcast-list .icon .played {
    background: #0fa36f;
}

.file-size,
.player__song-time {
    line-height: 1;
    font-size: 14px;
    color: #666666;
    margin-left: 5px;
}

.podcast-list .content {
    width: calc(100% - 90px);
    display: flex;
    align-items: center;
}

.podcast-list .content h4 {
    font-size: 18px;
    margin-bottom: 5px;
    line-height: 22px;
}

.podcast-item+.podcast-item {
    margin-top: 60px;
}


/* ---------------------------------------------------------------------------------------------------------- */

.working-first-section {
    padding: 105px 0;
    text-align: center;
}

.working-first-section h2 {
    margin-bottom: 30px;
}

.working-first-section p {
    margin: 0;
}

.working-first-section p a:hover {
    color: var(--color-primary);
}

.working-first-section p+p {
    margin-top: 20px;
}

/* --------------------------------------------- */

.incredible-stories {
    padding: 120px 0 110px 0;
    background: #f5f5f5;
}

.incredible-stories h2 {
    text-align: center;
    margin-bottom: 70px;
}

/* --------------------------------------------- */

.benfits-working {
    padding: 120px 0 170px 0;
}

.benfits-working h2 {
    font-size: 24px;
    margin-bottom: 30px;
}

.benfits-working .cout-box span {
    background: var(--color-secondary);
}

.benfits-working .cout-box {
    row-gap: 45px;
}

.benfits-working .cout-box li {
    border: 1px solid var(--color-primary);
}

/* --------------------------------------------- */

.working-green {
    padding: 175px 0 190px 0;
    background: var(--color-secondary);
}

.working-green .container {
    display: flex;
    flex-wrap: wrap;
    row-gap: 30px;
}

.working-green h2 {
    color: #ffffff;
    line-height: 58px;
    margin-bottom: 15px;
}

.working-green h2 span {
    color: #a4d02a;
    width: 100%;
}

.working-green .line {
    width: 270px;
    height: 12px;
    background: #ffffff;
}

.working-green .left-side {
    width: 45%;
    padding-right: 10px;
}

.working-green .right-side {
    width: 55%;
}

.working-green .right-side p {
    margin: 0;
    color: #ffffff;
    font-size: 16px;
}

.working-green .right-side p+p {
    margin-top: 20px;
}

/* --------------------------------------------- */

.recruitment-fraud {
    padding: 130px 0;
    text-align: center;
}

.recruitment-fraud h2 {
    font-size: 24px;
    margin-bottom: 50px;
}

.recruitment-fraud p {
    margin: 0;
    font-size: 16px;
}

.recruitment-fraud p a:hover {
    color: var(--color-primary);
}

.recruitment-fraud p+p {
    margin-top: 22px;
}

/* ---------------------------------------------------------------------------------------------------------- */

.main-outer.school-policies .bubble3 {
    top: auto;
    bottom: 5%;
}

.school-policies-content p {
    font-size: 24px;
    text-align: center;
    margin-bottom: 45px;
    line-height: 34px;
    font-weight: 500;
}

.school-policies-list {
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;
    margin: 0 -1%;
    padding: 0;
}

.school-policies-list li {
    width: 48%;
    margin: 0 1%;
    border: 1px solid var(--color-secondary);
    display: flex;
    background: #ffffff;
    align-items: center;
    padding: 12px 15px 12px 30px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.school-policies-list .content {
    width: calc(100% - 58px);
    padding-right: 10px;
}

.school-policies-list .content h4 {
    color: #0e0e0e;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
}

.school-policies-list .content p {
    margin: 0;
    color: #666666;
    font-size: 14px;
    text-align: left;
    line-height: 1;
}

.school-policies-list .icon {
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-secondary);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.school-policies-list .pink {
    background: var(--color-primary);
}

/* ---------------------------------------------------------------------------------------------------------- */

.transport-section {
    padding: 160px 0 140px 0;
}

.transport-section .inner-box {
    background: #ffffff;
    padding: 0 130px 60px 130px;
    border: 1px solid var(--color-primary);
    -webkit-border-radius: 37px;
    -moz-border-radius: 37px;
    border-radius: 37px;
}

.transport-section .inner-box .title {
    display: flex;
    align-items: center;
    background: #ffffff;
    margin-top: -80px;
}

.transport-section .inner-box h2 {
    line-height: 50px;
    font-weight: 600;
    margin: 0 0 0 40px;
}

.transport-section .inner-box .tp-social {
    display: flex;
    flex-wrap: wrap;
    margin: 30px -1% 50px -1%;
    padding: 0;
    row-gap: 10px;
}

.transport-section .inner-box .tp-social li {
    padding: 10px 20px;
    display: flex;
    margin: 0 1%;
    font-size: 14px;
    font-weight: bold;
    align-items: center;
    border: 1px solid #f2f2f2;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}

.transport-section .inner-box .tp-social li:hover {
    background: var(--color-primary);
}

.transport-section .inner-box .tp-social li:hover a {
    color: #ffffff;
}

.transport-section .inner-box .tp-social li:hover img {
    filter: brightness(8.5);
}

.transport-section .inner-box .tp-social li a {
    color: var(--color-primary);
}

.transport-section .inner-box .tp-social li img {
    margin-right: 10px;
}

/* --------------------------------------------- */

.transport-faq {
    margin-top: 115px;
}

.transport-faq-inside h2 {
    margin-bottom: 50px;
}

.page-id-126 .faq {
    margin: 50px 0;
}

.faq .accordion-item {
    box-shadow: 0px 7px 35px 0px rgba(8, 17, 34, 0.06);
    /* border-bottom: 1px solid #46b48e; */
}


/* 
.faq .accordion-item:hover {
    background: #a2d211;
} */

.faq .accordion-title .icon-plus,
.faq .accordion-title .icon-minus {
    border-color: #ffffff;
}

.faq .accordion-item+.accordion-item {
    margin-top: 0;
}

.faq .accordion-item .accordion-title {
    padding-right: 90px;
}

.faq .accordion-item.active {
    /* background: #a2d211; */
    padding: 40px 0;
}

/* .faq .accordion-item.active .accordion-title {
    color: #ffffff;
} */

.faq .accordion-title .icon-plus,
.faq .accordion-title .icon-minus {
    background-image: url(../images/faq-arrow-down.png);
}

.faq .accordion-item.active .accordion-title .icon-plus,
.faq .accordion-item.active .accordion-title .icon-minus {
    top: 32px;
    margin: 0;
}

/* ---------------------------------------------------------------------------------------------------------- */

.document-request .overview {
    padding-top: 120px;
}


.document-request h4 {
    font-size: 24px;
    margin-bottom: 40px;
    text-align: center;
    font-weight: 500;
}

.document-request .faq,
.document-request .faq-content {
    padding: 0 135px;
}

.document-request .faq {
    margin-top: 75px;
}

.document-request .faq-content {
    text-align: center;
    margin-bottom: 75px;
}

.document-request .faq-content h5 {
    margin-top: 85px;
    font-weight: 500;
}

.document-request .link {
    height: 45px;
    padding: 0 30px;
    display: inline-block;
    line-height: 45px;
    margin: 70px auto 0 auto;
    border: 1px solid var(--color-secondary);
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}

.document-request .link:hover {
    color: #ffffff;
    background: var(--color-secondary);
}

.document-request .link:hover img {
    filter: invert(1);
}

.document-request .link img {
    margin-left: 10px;
}

/* ---------------------------------------------------------------------------------------------------------- */

.video-list {
    margin-top: 85px;
}

.video-list h4 {
    font-size: 24px;
    margin-bottom: 25px;
}

.video-list-item+.video-list-item {
    margin-top: 80px;
}

.video-list-item ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1%;
    padding: 0;
    list-style: none;
    row-gap: 20px;
}

.video-list-item li {
    width: 23%;
    margin: 0 1%;
}

.video-list-item .video-block {
    overflow: hidden;
    border: 1px solid var(--color-secondary);
    position: relative;
    margin-bottom: 16px;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    border-radius: 19px;
}

.video-list-item .video-block img {
    width: 100%;
    background-size: cover;
}

.video-list-item .video-block span {
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-size: 16px;
    padding: 1px 4px;
    color: #ffffff;
    background: #000000;
    display: inline-block;
    z-index: 1;
}

.video-list-item .video-content h5 {
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 500;
    line-height: 24px;
}

.video-list-item .video-content p {
    margin: 0;
    font-size: 14px;
    color: #666666;
}

/* --------------------------------------------- */

.d6-block {
    background: #ffffff;
    margin: 50px 0 90px 0;
    padding: 0 0 30px 100px;
    border: 1px solid var(--color-primary);
    -webkit-border-radius: 37px;
    -moz-border-radius: 37px;
    border-radius: 37px;
}

.d6-block-inner {
    display: flex;
    flex-wrap: wrap;
    margin-top: -50px;
}

.d6-block .logo {
    padding: 0 20px 0 20px;
    background: #ffffff;
}

.d6-block .content {
    padding-top: 25px;
}


.d6-block .content h2 {
    font-size: 42px;
    line-height: 42px;
    padding: 0 15px 0 0;
    margin-bottom: 10px;
    background: #ffffff;
    display: inline-block;
}

.d6-block .content ul {
    display: flex;
    flex-wrap: wrap;
    margin: 20px -1% 0 -1%;
    padding: 0;
    row-gap: 10px;
    list-style: none;
}

.d6-block .content li {
    margin: 0 1%;
}

.d6-block-content {
    margin-top: 75px;
}

.d6-block-content p {
    margin: 0;
    font-size: 16px;
}

.d6-block-content p+p {
    margin-top: 22px;
}

/* --------------------------------------------- */

.re-registration {
    padding: 120px 0 140px 0;
}

/* ---------------------------------------------------------------------------------------------------------- */

.isams-first-block {
    padding: 100px 0;
}

.isams-first-block h2 {
    text-align: center;
    margin-bottom: 75px;
}

.isams-first-block .content-block {
    display: flex;
    flex-wrap: wrap;
    row-gap: 30px;
}

.isams-first-block .content-block .left-side {
    width: 60%;
}

.isams-first-block .content-block .left-side h3 {
    font-size: 24px;
    margin-bottom: 30px;
}

.isams-first-block .content-block .right-side {
    width: 40%;
    padding-left: 80px;
}

.isams-first-block .content-block .right-side img {
    width: 100%;
}

/* --------------------------------------------- */

.isams-second-block {
    padding: 110px 0;
    background: var(--color-secondary);
}

.isams-second-block .container {
    display: flex;
    flex-wrap: wrap;
    row-gap: 30px;
    align-items: center;
}

.isams-second-block .image-side {
    width: 37%;
}

.isams-second-block .image-side img {
    width: 100%;
}

.isams-second-block .content-side {
    width: 60%;
    padding-left: 90px;
}

.isams-second-block .content-side h2 {
    color: #ffffff;
    line-height: 27px;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 25px;
}

.isams-second-block .content-side li {
    color: #ffffff;
    background: url(../images/list-style-img-w.png) no-repeat left top 5px !important;
    padding-left: 30px;
}

/* --------------------------------------------- */

.how-to-communicator {
    text-align: center;
    padding: 130px 0 100px 0;
}


.how-to-communicator p {
    font-size: 24px;
    margin: 35px 0;
}

.how-to-communicator .link {
    color: var(--color-primary);
    display: inline-block;
    position: relative;
}

.how-to-communicator .link:hover {
    color: var(--color-primary-hover);
}

.how-to-communicator .link::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: -1px;
    left: 0;
    background: #dec9e3;
}

.how-to-communicator ul {
    margin: 30px auto 0 auto;
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.how-to-communicator ul a {
    width: 63px;
    height: 63px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--color-secondary);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.how-to-communicator ul a:hover {
    background: var(--color-secondary);
}

.how-to-communicator ul a:hover img {
    filter: brightness(9.5);
}

.how-to-communicator li+li {
    margin-left: 20px;
}

/* --------------------------------------------- */

.discount-for-siblings {
    padding: 100px 0;
}

.discount-for-siblings h2 {
    margin-bottom: 25px;
}

.discount-for-siblings ul {
    margin-bottom: 15px;
}

.discount-for-siblings p,
.discount-for-siblings li {
    font-size: 16px;
}

.discount-for-item+.discount-for-item {
    margin-top: 90px;
}


/* -------------------------------------------------------- */

.uniform-section-1 {
    padding: 120px 0 150px 0;
}

.uniform-section-1 h2 {
    margin-bottom: 30px;
}

.uniform-section-1 p {
    margin: 0;
}

.uniform-section-1 p+p {
    margin-top: 20px;
}

.uniform-section-1 .pos-list-outer {
    margin-top: 80px;
}

.uniform-section-1 .pos-list-outer .pos-list li:nth-child(5) {
    opacity: 0;
    visibility: hidden;
}

/* -------------------------------------------------------- */

.uniform-section-2 {
    padding: 90px 0 80px 0;
    background: var(--color-secondary);
}

.uniform-section-2 .container {
    display: flex;
    flex-wrap: wrap;
}

.uniform-section-2 .left-side {
    width: 60%;
}

.uniform-section-2 .left-side h2 {
    color: #ffffff;
    margin-bottom: 20px;
}

.uniform-section-2 .left-side p {
    margin: 0;
    color: #ffffff;
}

.uniform-section-2 .left-side p+p {
    margin-top: 20px;
}

.uniform-section-2 .left-side .line {
    width: 178px;
    height: 10px;
    margin-top: 60px;
    background: #a4d02a;
}

.uniform-section-2 .left-side img {
    display: block;
    max-width: 346px;
    margin-left: auto;
}

.uniform-section-2 .right-side {
    width: 40%;
    padding-left: 34px;
}

.uniform-section-2 .left-side img,
.uniform-section-2 .right-side img {
    width: 100%;
    -webkit-border-radius: 51px;
    -moz-border-radius: 51px;
    border-radius: 51px;
}

/* -------------------------------------------------------- */

.uniform-section-3 {
    padding: 115px 0 150px 0;
}

.uniform-section-3 .title {
    margin-bottom: 85px;
    text-align: center;
}

.uniform-section-3 ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -3%;
    row-gap: 20px;
}

.uniform-section-3 li {
    width: 42%;
    margin: 0 3%;
    border: 1px solid var(--color-primary);
    -webkit-border-radius: 58px;
    -moz-border-radius: 58px;
    border-radius: 58px;
    overflow: hidden;
}

.uniform-section-3 li img {
    width: 100%;
}

/* -------------------------------------------------------- */

.uniform-section-4 {
    padding: 100px 0 150px 0;
    background: #f7f7f7;
}

.uniform-section-4 p a:hover {
    color: var(--color-primary);
}

.uniform-section-4 h2 {
    margin-bottom: 30px;
}

.uniform-section-4 p {
    margin: 0;
    color: #0e0e0e;
}

.uniform-section-4 p+p {
    margin-top: 15px;
}

.uniform-section-4 img {
    width: 100%;
    margin-top: 70px;
    -webkit-border-radius: 37px;
    -moz-border-radius: 37px;
    border-radius: 37px;
}

/* -------------------------------------------------------- */

.uniform-section-5 {
    padding: 120px 0 165px 0;
}

.uniform-section-5 h2 {
    margin-bottom: 70px;
    text-align: center;
}

.uniform-section-5 ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.uniform-section-5 li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 20px 0;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.uniform-section-5 li:nth-child(odd) {
    background: #c3c3c3;
}

.uniform-section-5 li:nth-child(even) {
    background: #e3e3e3;
}

.uniform-section-5 li .right-side {
    display: flex;
    flex-wrap: wrap;
}

.uniform-section-5 li .left-side {
    padding-left: 40px;
}

.uniform-section-5 li .left-side,
.uniform-section-5 li .right-side,
.uniform-section-5 li .right-side-block1,
.uniform-section-5 li .right-side-block2 {
    width: 50%;
}

.uniform-section-5 li .right-side-block1>span {
    background: #fff;
    border-radius: 100px;
    padding: 1px 8px;
}

.uniform-section-5 li p {
    line-height: 20px;
}

.uniform-section-5 li p,
.uniform-section-5 li h4 {
    font-size: 14px;
    color: #0e0e0e;
}

.uniform-section-5 li h4 {
    margin-bottom: 5px;
}

.uniform-section-5 li p,
.uniform-section-5 li h4 span {
    margin: 0;
    font-weight: 300;
}

/* -------------------------------------------------------- */

.time-table-outer {
    overflow: hidden;
    border-radius: 1em;
    border: 1px solid var(--color-secondary);
    margin-top: 50px;
}

.time-table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    border-radius: 1em;
    overflow: hidden;
    border: none;
    display: grid;
    overflow: auto;
}

.time-table table {
    border-collapse: collapse;
}

.time-table thead th+th {
    border-left: 1px solid #0a9464;
}

.time-table thead th:first-child {
    width: 20%;
}

.time-table thead th {
    padding: 30px 0;
    color: #ffffff;
    background: var(--color-secondary);
    min-width: 80px;
    font-size: 20px;
    font-weight: 500;
    width: 15%;
}

.time-table tbody td {
    padding: 20px 10px;
    text-align: center;
    border: 1px solid #e0f0ea;
    border-top: none !important;
    border-bottom: none !important;
}

.time-table tr:nth-child(2) td {
    background: #f3e8f5;
}



.time-table thead tr:last-child td:first-child {
    border-radius: 0 0 0 10px;
}

.time-table thead tr:last-child td:last-child {
    border-radius: 0 10px 0 0;
}

.time-table tbody td img {
    margin-right: 20px;
}

.time-table tbody tr td:first-child {
    font-weight: bold;
    text-align: left;
    padding-left: 45px;
}

.time-table tbody td span {
    display: inline-flex;
    background: var(--color-primary);
    padding: 10px 15px;
    border-radius: 100px;
    color: #ffffff;
    font-size: 20px;
    line-height: 1;
    align-items: center;
}

.time-table tbody td span img {
    margin-right: 10px;
}

.time-table tr:nth-child(2) td:last-child {
    border: 0;
    padding: 0;
}

/* ------------------------------------------------------------------------------ */

.calender-popup {
    max-width: 600px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    background: #fff;
    padding: 20px;
    border: 1px solid #ddd;
}

.calender-popup h3 {
    font-size: 24px;
    margin-bottom: 5px;
}

.calender-popup span {
    color: var(--color-secondary);
    font-size: 14px;
    display: block;
    margin-bottom: 10px;
}

.calender-popup .location {
    margin-top: 30px;
}

.calender-popup .location h4 {
    font-weight: bold;
}

.calender-popup .view-stories-btn {
    margin-top: 30px;
}

.calender-block ul li::after {
    background: var(--color);
}

/* ------------------------------------------------------------------------------ */

.table-look,
.table-look ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.table-look>li:first-child {
    color: #ffffff;
    background: var(--color-secondary);
}

.table-look ul {
    display: flex;
    justify-content: space-between;
}

/* .table-look li:first-child {
    padding: 30px 10px;
} */

.table-look ul li:first-child {
    width: 22%;
    min-width: 80px;
}

.table-look li {
    color: #000000;
    padding: 20px 10px;
    font-weight: bold;
}


/* ------------------------------------------------------------------------------ */

.parent-friends-association {
    padding: 95px 0 105px 0;
}

.parent-friends-association .title {
    text-align: center;
}

.parent-friends-association .title p {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
}



.parent-friends-association .title p+p {
    margin-top: 30px;
}

.parent-friends-association .center-block {
    margin: 70px 0;
    display: flex;
    flex-wrap: wrap;
    background: #ffffff;
    border: 2px solid var(--color-secondary);
    overflow: hidden;
    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    border-radius: 26px;
}

.parent-friends-association .center-block+.center-block {
    margin-top: 60px;
}



.parent-friends-association .center-block .image-side {
    width: 40%;
}

.parent-friends-association .center-block .image-side img {
    width: 100%;
}

.parent-friends-association .center-block .content-side h2 {
    margin-bottom: 20px;
    line-height: 41px;
}

.parent-friends-association .center-block .content-side p {
    margin: 0;
    color: #0e0e0e;
}

.parent-friends-association .center-block .content-side p {
    margin: 15px 0 0 0;
}

.parent-friends-association .center-block .content-side {
    width: 60%;
    display: flex;
    padding: 20px 0;
}

.parent-friends-association .center-block .content-side .inner {
    margin: auto;
    max-width: 81%;
}

.parent-friends-association .bottom-block {
    text-align: center;
}

.parent-friends-association .bottom-block h3 {
    font-size: 24px;
    margin-bottom: 20px;
}

.parent-friends-association .bottom-block p {
    margin: 0;
}


/* --------------------------------------------------------------------------- */

.inspiring-leaders {
    padding: 130px 0 90px 0;
}

.inspiring-leaders h2 {
    margin-bottom: 50px;
    font-weight: bold;
    margin-bottom: 20px;
}

.inspiring-leaders .stories-list .content {
    padding: 40px 30px 30px 30px;

}

/* .inspiring-leaders .stories-list .content p {
    max-height: 160px;
    overflow: auto;
    padding-right: 5px;
} */

.inspiring-leaders .stories-list .content h4 {
    font-size: 18px;
    margin-bottom: 20px;
    min-height: 54px;
}

/* .inspiring-leaders .stories-list .content p::-webkit-scrollbar {
    width: 7px;
}

.inspiring-leaders .stories-list .content p::-webkit-scrollbar-track {
    box-shadow: inset 0 0 1px grey;
    border-radius: 10px;
}

.inspiring-leaders .stories-list .content p::-webkit-scrollbar-thumb {
    background: var(--color-primary);
    border-radius: 10px;
} */


/* --------------------------------------------------------------------------- */

.podcast-overview {
    padding: 80px 0 100px 0;
}

.parents-area {
    padding: 100px 0;
}

.faqs-main {
    padding: 100px 0 150px 0;
}

/* --------------------------------------------------------------------------- */

.trips-and-excursions {
    padding: 110px 0;
}

.trips-and-excursions h2 {
    margin-bottom: 70px;
}

.trips-and-excursions p {
    margin: 0;
    font-size: 16px;
}

.trips-and-excursions p+p {
    margin-top: 15px;
}

/* --------------------------------------------------------------------------- */

.after-school-activities {
    padding: 130px 0;
    background: #f7f7f7;
}

.after-school-activities .main-big-title {
    font-size: 60px;
    font-weight: bold;
    margin: 0 0 50px 0;
}

.after-school-activities:not(.main-big-title) {
    margin-bottom: 20px;
}


.admissions-availability-section {
    padding: 110px 0 145px 0;
}

.notes {
    margin-top: 100px;
    padding-left: 40px;
}


/* ------------------------------------------------------------------------------------------------ */

.new-date-remember {
    padding: 80px 0 115px 0;
    background: #f5f5f5;
}

.new-date-remember .new-date-remember-inner {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1%;
}

.new-date-remember .title {
    width: 100%;
    margin-bottom: 20px;
}

.new-date-remember .title h2 {
    margin: 0;
    line-height: 1;
}

.new-date-remember .left-side {
    width: 35%;
    margin: 0 1.5%;
}

.new-date-remember .right-side {
    position: relative;
    width: 48%;
    margin: 0 1.5%;
    margin-left: auto;
}

.calendar {
    position: absolute;
    width: 280px;
    left: 50%;
    top: 50%;
    margin: -145px 0px 0px -140px;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
}

.new-date-remember .right-side .calendar {
    position: initial;
    width: 100%;
    margin: initial;
    background: transparent;
}

.new-date-remember .right-side .ui-datepicker {
    width: 100%;
}

/* .new-date-remember .right-side .ui-datepicker table {
    border-collapse: separate;
} */

/* .new-date-remember .right-side .ui-widget-content {
    background: #0fa36f;
} */

.new-date-remember .right-side .ui-state-default {
    color: #ffffff;
    background: transparent;
    border: none;
    text-align: center;
    font-weight: bold;
}

.new-date-remember .right-side .ui-datepicker th {
    background: #ffffff;
}

.new-date-remember .right-side .ui-datepicker th:first-child {
    -webkit-border-radius: 30px 0 0 30px;
    -moz-border-radius: 30px 0 0 30px;
    border-radius: 30px 0 0 30px;
}

.new-date-remember .right-side .ui-datepicker th:last-child {
    -webkit-border-radius: 0 30px 30px 0;
    -moz-border-radius: 0 30px 30px 0;
    border-radius: 0 30px 30px 0;
}

.new-date-remember .right-side .ui-widget-header {
    background: #0fa36f;
    color: #fff;
    display: inline-table;
    border: none;
    padding-top: 15px;
}

.new-date-remember .right-side .ui-datepicker table {
    margin: 0;
    background: #0fa36f;
    border-collapse: separate;
    padding: 15px 20px;
    border-spacing: 0 0;
}

.new-date-remember .right-side .ui-widget.ui-widget-content {
    border: none;
    padding: 0;
}

.new-date-remember .right-side .ui-corner-all {
    border-bottom-right-radius: 0;
}

.new-date-remember .right-side .ui-corner-all {
    border-bottom-left-radius: 0;
}

/* .new-date-remember .right-side .ui-corner-all {
    border-top-right-radius: 15px;
} */
.new-date-remember .right-side .ui-widget-header::after {
    content: "";
    display: block;
    background: url(../images/shape_table.png) no-repeat;
    width: 86px;
    height: 66px;
    position: absolute;
    right: -70px;
    top: -3px;
    background-size: 85%;
}

.new-date-remember .right-side .ui-corner-all {
    border-top-left-radius: 15px;
}

.new-date-remember .right-side .ui-widget-content {
    background: transparent;
}

.new-date-remember .right-side .ui-datepicker td a {
    padding: 10px 0.2em;
    font-size: 17px;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 32px;
    border-radius: 50%;
}

.new-date-remember .right-side .ui-state-default.ui-state-active {
    background: #047d53;
}

.new-date-remember .right-side .ui-datepicker table {
    font-size: 17px;
}

.new-date-remember .right-side .ui-datepicker table {
    border-radius: 0 23px 23px 23px;
}

.new-date-remember .right-side .ui-datepicker td {
    text-align: center;
}


.new-date-remember .left-side {
    position: relative;
}

.new-date-remember .left-side img {
    width: 100%;
}

.new-date-remember .left-side .content {
    position: absolute;
    top: 50px;
    z-index: 1;
    text-align: center;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}

.new-date-remember .left-side .date_left {
    width: 100%;
    min-height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.new-date-remember .left-side .outside-content {
    width: 100%;
    min-height: 215px;
    /* min-height: 230px; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.new-date-remember .left-side .outside-content p {
    color: var(--color-secondary);
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
}

/* .new-date-remember .left-side .content h3 {
    font-size: 60px;
    font-weight: bold;
    line-height: 55px;
    margin: 0;
    color: var(--color-secondary);
} */



.new-date-remember .left-side .content h3 {
    color: #7d288e;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 5px;
    line-height: 1;
}

.fc .fc-scrollgrid table {
    width: 100% !important;
}

.fc-theme-standard td {
    padding-right: 0px;
}

.fc .fc-daygrid-day-top {
    justify-content: center;
}

.fc-event-time {
    display: none;
}

/* --------------------------------------------------------------------- */

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    margin-top: 4px;
    z-index: 1;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: 4px;
    z-index: 1;
}

.ui-widget-content .ui-icon-circle-triangle-e {
    background-image: url(../images/clt-arw-r.png);
    background-position: center;
}

.ui-widget-header .ui-icon-circle-triangle-w {
    background-image: url(../images/clt-arw-l.png);
    background-position: center;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    background: transparent !important;
    border: none !important;
}

.ui-datepicker-calendar span {
    font-size: 0;
    text-transform: uppercase;
}

.ui-datepicker-calendar span::first-letter {
    font-size: 20px;
}


.icon-box-item .content span {
    font-family: var(--font-primary);
    color: #0e0e0e;
    line-height: 21px;
}


.overview .video-title-time p span {
    color: #000000;
    font-weight: bold;
}

/* ---------------------------------------------------------------------------------------------- */

.menu-bars,
.menu-icon {
    width: 40px;
    height: 24px;
    position: relative;
    cursor: pointer;
    display: none;
    margin-left: auto;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all var(--transition-time) ease-in-out;
    transition: all var(--transition-time) ease-in-out;
}

.menu-bars {
    display: block;
    margin-left: 10px;
}

.menu-bars span,
.menu-icon span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #ffffff;
    border-radius: 4px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all var(--transition-time) ease-in-out;
    transition: all var(--transition-time) ease-in-out;
}

.menu-bars span:nth-child(1),
.menu-icon span:nth-child(1) {
    top: 0;
}

.menu-bars span:nth-child(2),
.menu-icon span:nth-child(3) {
    top: 10px;
}

.menu-bars span:nth-child(4),
.menu-icon span:nth-child(4) {
    top: 20px;
}

.menu-bars.open span:nth-child(1),
.menu-icon.open span:nth-child(1) {
    top: 10px;
    width: 0;
    left: 50%;
}

.menu-bars.open span:nth-child(2),
.menu-icon.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.menu-bars.open span:nth-child(3),
.menu-icon.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 10px;
}

.menu-bars.open span:nth-child(4),
.menu-icon.open span:nth-child(4) {
    top: 10px;
    width: 0;
    left: 50%;
}

/* .menu-bars.open span,
.menu-icon.open span {
    background: var(--color-primary);
} */


.only-mobile-view {
    display: none;
}

@media (max-width: 991px) {
    .menu-icon {
        display: none;
        z-index: 9;
        margin-left: 10px;
    }



    .only-mobile-view {
        display: block;
        width: 100%;
    }

    /* .coustom-menu:hover .megamenu {
        top: 0 !important;
    } */

    .megamenu {
        height: 0;
        width: 100% !important;
        left: 0 !important;
        display: block !important;
        padding: 0 15px !important;
    }

    .megamenu,
    .nav-bar {
        position: fixed;
        width: 100%;
        z-index: 8;
        background: #fff;
        top: 0;
        height: 0;
        left: 0;
        right: 0;
        overflow: hidden;
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        -webkit-transition: all var(--transition-time) ease-in-out;
        transition: all var(--transition-time) ease-in-out;
    }

    .megamenu.slow,
    .header .slow {
        height: 100%;
        top: 75px;
    }

    .header-sticky .megamenu.slow {
        top: 60px;
    }

    .menu-ul {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        margin: 0;
        padding: 0 4%;
        justify-content: center;
        flex-direction: column;
        background: #ffffff;
    }

    .menu-ul li {
        padding: 0;
        position: relative;
        text-align: left;
        justify-content: flex-start;
        flex-direction: column;
    }

    .menu-ul li+li {
        margin: 15px 0 0 0 !important;
    }

    .menu-ul a {
        padding: 5px 0;
        font-size: 18px;
        color: #000;
        font-weight: bold;
        line-height: 1;
        margin-right: auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .sub-buttons a {
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 14px !important;
    }

    .sub-menu {
        position: initial;
        visibility: visible;
        opacity: 1;
        width: 100%;
        padding: 0;
        display: none;
        border: 1px solid #ddd;
    }

    .sub-menu li a {
        font-size: 14px;
    }

    .sub-menu li+li {
        margin: 10px 0 0 0;
    }

    .mob-menu-icn {
        position: absolute;
        right: 0;
        top: 10px;
        filter: invert(1);
    }

    .coustom-menu img {
        margin: 0;
    }

    .site-logo img {
        width: 150px;
    }

    .button-green {
        --height: 33px;
        font-size: 12px;
        padding: 0 16px !important;
    }

    .heder-right {
        margin-left: auto;
    }

    .coustom-menu {
        font-size: 0;
        margin-right: 0;
        margin-left: 18px;
    }



    .menu-ul .sub-buttons a {
        font-size: 14px;
    }
}

/* ----------------------------------------------------------------- */



.flip-card {
    background-color: transparent;
    /* width: 300px;
    height: 300px; */
    perspective: 1000px;
    height: 780px;
    margin: 0 auto;
    max-width: 530px;
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
}

.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}

.flip-card-front,
.flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-card-back {
    transform: rotateY(180deg);
}

.visit-sub-right .sub-buttons {
    flex-direction: column;
}

.news-detail-page {
    padding: 100px 0;
    margin-top: 100px;
}

.news-detail-page h1 {
    font-size: 30px;
    line-height: 40px;
}

.news-detail-page h2 {
    font-size: 26px;
    line-height: 30px;
}

.news-detail-page h3 {
    font-size: 16px;
    color: #999;
    font-weight: 200;
}

.news-detail-page .inner-container {
    max-width: 1000px;
    margin: 0 auto;
}

.news-detail-page .inner-container p:not(:last-child) {
    margin: 0 0 20px 0;
}

.news-detail-page .inner-container img {
    width: 100%;
    margin: 20px 0;
}

.isams-second-block .content-side ul {
    padding: 0 0 0 7px;
    list-style: none;
}

/* ------------------------------------------------------------------------ */

.related-news {
    padding: 100px 0;
    border-top: 1px solid #dddd;
}

.related-news h2 {
    text-align: center;
    margin-bottom: 40px;
    text-transform: capitalize;
}

.related-news .image {
    margin-bottom: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    overflow: hidden;
}

.related-news .item h4 {
    font-size: 22px;
    line-height: 28px;
    font-weight: 600;
}

.fc-h-event.holiday {
    background: #f3e8f5;
    border-color: #f3e8f5;
    display: flex;
    align-items: flex-end;
    height: 100%;
}

.fc-h-event.events {
    background: #a2d211;
    border-color: #a2d211;
    display: flex;
    align-items: flex-end;
    height: 100%;
}

/* .fc-h-event .fc-event-title {
    left: 10px;
}


/* ------------------------------------------------------------------------ */
/* .fc .fc-daygrid-event-harness-abs {
    top: 0 !important;
    left: 0 !important;
    width: 100%;
    min-height: 100%;
}

.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
    position: absolute;
    min-height: 2em;
    width: 100%;
    height: 100%;
    min-height: 100%;
    top: 0;
    left: 0;
}

.fc .fc-daygrid-event {
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    border-radius: 0 !important;
    position: absolute;
    width: 100%;
    z-index: 0;
}

.fc .fc-daygrid-day-events {
    margin-top: 0 !important;
} */


/* .fc .fc-daygrid-day-number{
    color:#ffffff;
} */

.wpcf7-spinner {
    display: none;
}

/* .enq_frm .rqst-form .wpcf7-submit {
    margin-left: auto;
} */

.virtual-tour p .green-clr a {
    color: #10a36f;
    margin-bottom: 10px;
    display: block;
}

.virtual-tour p.f a:hover {
    color: var(--color-secondary);
}

blockquote {
    background: #f9f9f9;
    border-left: 5px solid #ccc;
    margin: 1.5em 10px;
    padding: 0.5em 10px;
    quotes: "\201C" "\201D" "\2018" "\2019";
}

blockquote:before {
    color: #ccc;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}

blockquote p {
    display: inline;
}

.fc-h-event .fc-event-title {
    color: #000;
}

.line-block-list.t-fee li {
    background: #c3c3c3;
}

.line-block-list.t-fee li:nth-child(even) {
    background: #e3e3e3;
}

.line-block-title p {
    max-width: 820px;
    margin: 0 auto;
}

.page-template-page-ib-curriculum .overview-icon-block {
    align-items: flex-start;
}

/* .new-date-remember-inner .fc .fc-daygrid-day-number {
    font-size: 18px;
}

.new-date-remember-inner .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
    display: none;
}

.new-date-remember-inner .fc-scrollgrid-sync-inner {
    display: none;
} */

.list-section h2 {
    font-weight: 600;
}

.inspiring-leaders .stories-list {
    margin: 0;
    row-gap: 40px;
}

.inspiring-leaders .stories-list .item {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0 0;
}

.inspiring-leaders .stories-list .item .image {
    width: 30%;
}

.inspiring-leaders .stories-list .item .content {
    width: 70%;
    position: initial;
    padding: 0 50px;
    box-shadow: initial;
}

.inspiring-leaders .stories-list .content p {
    max-height: initial;
}

.inspiring-leaders .stories-list .content h4 {
    min-height: auto;
    font-size: 18px;
    margin-bottom: 20px;
}

.virtual-tour a.enqry_number img {
    max-width: 30px;
}


.page-id-2390 .table-block thead tr {
    background: #c3c3c3;
}

.page-id-2390 .table-block tr {
    background: #e3e3e3;
}

.page-id-2390 .table-block tr:nth-child(even) {
    background-color: #c3c3c3;
}

.page-id-2390 .table-block .table-overflow tr {
    background-color: #c3c3c3;
}

.wtsp {
    position: fixed;
    right: 25px;
    bottom: 25px;
    z-index: 1;
}

.has-video .fancybox__content>.carousel__button.is-close {
    color: #ffffff;
}

/* ---------------------------------------------------- */

.page-template-page-admissions-availability .line-block-title {
    text-align: left;
}

.page-template-page-admissions-availability .line-block-title p {
    max-width: initial;
}

.page-id-42 tbody tr:first-child {
    display: none;
}

.page-id-2390 .table-block table ul {
    /* padding-left: 18px; */
    padding-left: 0;
    list-style: none;
}

.page-id-118 .benfits-working {
    display: none;
}

/* ---------------------------------------------------------------------- */

.cta_footer {
    background: #904d9d;
    color: #fff;
    padding: 100px 0;
    position: relative;
    overflow: hidden
}

.cta_footer:before {
    width: 340px;
    height: 340px;
    background: #01b18a;
    content: '';
    display: block;
    position: absolute;
    border-radius: 100%;
    left: 65%;
    z-index: 1;
    top: 0
}

.cta_footer .btn-cta {
    width: 217px;
    font-size: 14px;
    color: #ffffff;
    padding: 10px;
    text-align: center;
    background-color: #10a36f;
    -webkit-border-radius: 29px;
    -moz-border-radius: 29px;
    border-radius: 29px;
    display: inline-block;
    transition: background .35s ease-in-out;
    margin-right: 3px;
}

.cta_footer .btn-cta:hover {
    background-color: #02754d;
}

.cta_footer:after {
    width: 340px;
    height: 340px;
    background: #01b18a;
    content: '';
    display: block;
    position: absolute;
    border-radius: 100%;
    left: calc(65% + 340px);
    z-index: 1;
    top: 0
}

/* -------------------------------------------------------------- */

.rqst-form.tab_3 .wpcf7-form-control-wrap:nth-child(18),
.rqst-form.tab_3 .wpcf7-form-control-wrap:nth-child(21),
.rqst-form.tab_3 .wpcf7-form-control-wrap:nth-child(19),
.rqst-form.tab_2 .wpcf7-form-control-wrap:nth-child(18),
.rqst-form.tab_2 .wpcf7-form-control-wrap:nth-child(19),
.rqst-form.tab_2 .wpcf7-form-control-wrap:nth-child(21) {
    width: 100%;
}

/* -------------------------------------------------------------- */

.pagination {
    margin-top: 20px;
}

.pagination ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    list-style: none;
}

.pagination li+li {
    margin-left: 8px;
}

.pagination .page-numbers {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ddd;
    border-radius: 6px;
}

.pagination .page-numbers:hover,
.pagination .page-numbers.current {
    color: #ffffff;
    background: var(--color-primary);
    border-color: var(--color-primary);
}


/* ----------------------------------------------------------------------------------- */

.line-block-list.t-fee.gray-color li {
    background: #c2c2c2;
    color: #0e0e0e;
    font-weight: 600;
}

.line-block-list.t-fee.gray-color li:nth-child(even) {
    background: #e3e3e3;
}

/* .gray-color .accordion-item:nth-child(odd) {
    background: #c2c2c2;
}

.gray-color .accordion-item:nth-child(even) {
    background: #e3e3e3;
}

.gray-color .accordion-title {
    color: #0e0e0e;
} */


.table-block tr:nth-child(even) {
    background-color: #c2c2c2;
}

.table-block tr {
    background: #e3e3e3;
}

.table-block td,
.table-block th {
    color: #0e0e0e;
}


/* .accordion-item:nth-child(odd) {
    background: #c3c3c3;
}

.accordion-item:nth-child(even) {
    background: #e3e3e3;
}

.accordion-title {
    color: #0e0e0e;
} */

/* --------------------------------------------------------- */

/* .new-date-remember-inner .fc tbody .fc-scrollgrid-sync-inner {
    padding: 10px;
    background: #10a36f;
} */

/* .new-date-remember-inner .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
    display: none;
} */

.new-date-remember-inner .fc-scrollgrid-sync-inner {
    padding: 7px 0;
}

.new-date-remember-inner .fc-theme-standard th {
    font-size: 20px;
    text-transform: uppercase;
    background: var(--color-secondary);
    border-radius: 10px;
    border: none;
}

.new-date-remember-inner .fc-theme-standard th+th {
    border: none;
    border-radius: none;
}

.new-date-remember-inner .fc .fc-scrollgrid table {
    width: 100% !important;
    height: auto !important;
}

.new-date-remember-inner .fc .fc-scroller-liquid-absolute {
    position: initial !important;
}

.new-date-remember-inner .fc .fc-daygrid-day-number {
    font-size: 15px;
    color: #ffffff;
    pointer-events: none;
    cursor: pointer;
}

.new-date-remember-inner .fc-theme-standard td,
.new-date-remember-inner .fc-theme-standard th {
    border: none;
    border-radius: 0;
}

.new-date-remember-inner .fc .fc-col-header-cell-cushion {
    font-size: 15px;
    font-weight: 400;
    padding: 8px;
}

.new-date-remember-inner .fc-toolbar-chunk:last-child {
    display: none;
}

.new-date-remember-inner .fc .fc-toolbar.fc-header-toolbar {
    margin: 0;
}

.new-date-remember-inner .fc-toolbar-chunk:first-child .fc-button-primary {
    font-size: 0;
    margin: 0;
}

.new-date-remember-inner .fc-theme-standard .fc-scrollgrid {
    border-radius: 0 10px 10px 10px;
}

.new-date-remember-inner .fc .fc-toolbar {
    justify-content: flex-start;
}

.new-date-remember-inner .fc-toolbar-chunk:first-child {
    border-radius: 10px 0 0 0;
}

.new-date-remember-inner .fc-toolbar-chunk:last-child {
    margin-left: 0;
}


.new-date-remember-inner .fc-toolbar-chunk {
    background: #10a36f;
    border-radius: 0 15px 0 0;
}

.new-date-remember-inner .fc .fc-toolbar-title {
    margin-left: 10px;
    padding-right: 20px;
    color: #ffffff;
    line-height: 38px;
    border-radius: 0 10px 0 0;
}

.new-date-remember-inner .fc .fc-button .fc-icon {
    color: #ffffff;
}

.new-date-remember-inner .fc .fc-button-primary:disabled {
    padding: 0;
}

.new-date-remember-inner .fc-view-harness.fc-view-harness-active {
    height: auto !important;
}


.new-date-remember-inner .fc .fc-view-harness-active>.fc-view {
    position: initial !important;
}

.new-date-remember-inner .fc .fc-button-primary:focus {
    box-shadow: none;
    outline: none;
}

.new-date-remember-inner tbody {
    background: #10a36f;
}

.new-date-remember-inner .fc .fc-button-primary:not(:disabled):active {
    background: initial !important;
    box-shadow: none;
}

.calendar_section .fc .fc-daygrid-day-top {
    line-height: 1;
}


.new-date-remember-inner .fc-direction-ltr .fc-button-group>.fc-button:not(:last-child) {
    padding: 10px 15px !important;
}

/* .new-date-remember-inner .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
    min-height: initial !important;
} */



.new-date-remember-inner .fc .fc-daygrid-event {

    z-index: 6;
    margin-top: 1px;
    /* position: absolute; */
    /* width: 40px; */
    height: 40px;
    border-radius: 50px;
    /* left: 22px; */
    margin: 0 auto;
    top: 2px;
    /* z-index: -1; */
    cursor: pointer;

}

/* .new-date-remember-inner .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
    z-index: 0;
} */

.new-date-remember-inner .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-bottom {
    font-size: 0;
    padding: 0;
    /* width: 40px; */
    height: 40px;
    /* position: absolute; */
    /* left: 22px; */
    margin: 0 auto;
    /* top: 2px; */
    /* z-index: -1; */
    margin-top: 2px !important;
    background: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15));
    border-radius: 50px;
}


.new-date-remember-inner .fc .fc-daygrid-day-frame {
    position: relative;
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.new-date-remember-inner .fc .fc-daygrid-event-harness {
    z-index: 0;
}

.new-date-remember-inner .fc .fc-daygrid-day.fc-day-today {
    background: transparent;
}

.new-date-remember-inner .fc .fc-daygrid-day-bg .fc-highlight {
    z-index: initial;
    visibility: hidden;
    opacity: 0;
    position: initial;
}

.new-date-remember-inner .fc .fc-col-header-cell-cushion::first-letter {
    display: none !important;
}

.new-date-remember-inner .fc thead th {
    text-align: center;
    border-radius: 30px !important;
    background: #fff !important;
}

.new-date-remember-inner .fc .fc-col-header-cell-cushion {
    color: #000 !important;
    background: #fff !important;
}

.new-date-remember-inner .fc .fc-col-header-cell-cushion {
    color: #000 !important;
    background: #fff !important;
    width: 100%;
    display: block;
}

.new-date-remember-inner thead .fc-scrollgrid-sync-inner {
    padding: 7px 0;
    background: #10a36f;
}

/* .new-date-remember-inner .fc thead th:last-child .fc-col-header-cell-cushion {
    border-radius: 0 100px 100px 0;
} */

.new-date-remember-inner .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
    position: absolute;
    min-height: 2em;
    width: 100%;
    height: 100%;
    margin: auto;
    left: 0;
    right: 0;
    /* z-index: 9; */
}


/*Ashly*/

#datepicker .fc-scrollgrid .fc-event-title{display:none;}
.new-date-remember .left-side .date_left{color: #7d288e;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 5px;
    line-height: 1;
}
.new-date-remember .left-side .date_left {    
    flex-wrap: wrap;
    /* display: inline-block;
    padding-top: 30px; */
}
.new-date-remember .first_date{
    margin-bottom: 5px;
}