﻿.lg-counter, .lg-counter:before {
    font-family: Poppins,sans-serif
}

#feeTabs, #summaryAgeTabs {
    margin-bottom: 0;
    display: flex
}

.glider-guk, .glider-reviews {
    --glider-scrollbar-margin: 0px
}

#c4k-thumbs-wrap, .fs-video-wrap, .guk-fade-after, .nav-item {
    position: relative
}

#fs-custom-title, .lg-counter:before {
    font-weight: 600;
    font-size: 24px;
    line-height: 28px
}

#c4k-gallery-main .c4k-video-frame {
    position: relative;
    width: 100%;
    max-width: 100%;
    aspect-ratio: 16/9
}

#c4k-gallery-main .glide__arrows .glide__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 !important;
    width: 44px;
    height: 44px;
    background: #fff !important;
    border-radius: 9999px;
    box-shadow: 0 1px 3px rgba(16,24,40,.1),0 1px 2px rgba(16,24,40,.06);
    color: #000;
    opacity: 1 !important;
    display: flex;
    align-items: center;
    justify-content: center
}

#c4k-gallery-popup .glide__arrows [data-glide-dir="<"], #c4k-gallery-popup .glide__arrows [data-glide-dir=">"], .fslightbox-slide-btn, .fslightbox-toolbar .fslightbox-toolbar-button[title=Close] svg, .fslightbox-toolbar [title="Actual size"], .fslightbox-toolbar [title="Zoom In"], .fslightbox-toolbar [title="Zoom Out"], .fslightbox-toolbar [title=Close] svg, .fslightbox-toolbar [title=Zoom], .fslightbox-toolbar [title]:not([title=Close]), .fslightboxsn, .gm-control-active.gm-fullscreen-control + div[role=button], .gm-iv-address, .gm-style .gm-control-active[aria-label*=control], .gm-style .gm-control-active[aria-label*=rotate], .gm-style .gm-control-active[aria-label*=tilt], .gm-style-mtc, .gmnoprint.gm-style-cc + div[role=button], .guk-hidden, .lg-no-caption .lg-sub-html, .slick-dots-container .slick-dots .hidden-important {
    display: none !important
}

    #c4k-gallery-popup .glide__arrows [data-glide-dir="<"].show-arrow, #c4k-gallery-popup .glide__arrows [data-glide-dir=">"].show-arrow {
        display: flex !important
    }

#c4k-gallery-main .glide__arrows .glide__arrow.glide__arrow--left, .fslightbox-container [title=Previous], .lg-container.lg-custom .lg-prev {
    left: 16px
}

#c4k-gallery-main .glide__arrows .glide__arrow.glide__arrow--right, .fslightbox-container [title=Next], .lg-container.lg-custom .lg-next {
    right: 16px
}

#c4k-gallery-popup .bg-white {
    max-height: 90vh;
    display: flex;
    flex-direction: column
}

#c4k-gallery-main {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

    #c4k-gallery-main #glide-main {
        flex: 1 1 auto;
        min-height: 0;
        display: flex;
        flex-direction: column
    }

    #c4k-gallery-main .glide__track {
        flex: 1 1 auto;
        min-height: 0
    }

    #c4k-gallery-main .glide__slides {
        height: 100%;
        display: flex;
        align-items: center
    }

    #c4k-gallery-main .glide__slide {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%
    }

        #c4k-gallery-main .glide__slide .c4k-video-frame, #c4k-gallery-main .glide__slide img {
            max-width: 100%;
            max-height: calc(90vh - 48px - 97px - 32px);
            object-fit: contain
        }

    #c4k-gallery-main .c4k-video-frame iframe {
        max-width: 100%;
        aspect-ratio: 16/9;
        height: 100%;
        margin-left: auto;
        margin-right: auto
    }

#c4k-thumbs-wrap {
    flex-shrink: 0;
    min-height: 97px;
    z-index: 2;
    border-top: 0 !important
}

#c4k-gallery-header {
    min-height: 48px
}

.scroll-margin-top {
    scroll-margin-top: 130px
}

.nav-item {
    transition: .3s
}

    .nav-item.active {
        color: #3a3a3a !important;
        font-weight: 600
    }

        .nav-item.active::after {
            content: "";
            position: absolute;
            bottom: -4px;
            left: 0;
            right: 0;
            height: 3px;
            background-color: #3a3a3a;
            border-radius: 2px
        }

    .nav-item:hover {
        color: #3a3a3a
    }

.about-paragraph {
    padding-right: 16px
}

    .about-paragraph p, .highlight-content p {
        margin-bottom: 16px
    }

    .about-paragraph ol, .about-paragraph ul, .highlight-content ol, .highlight-content ul {
        margin-left: 20px;
        list-style: disc;
        margin-bottom: 16px
    }

.know-us-description p {
    margin-bottom: 20px
}

.guk-clamp-2, .guk-clamp-5 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.guk-clamp-2 {
    -webkit-line-clamp: 2
}

.guk-clamp-5 {
    -webkit-line-clamp: 5
}

.guk-ellipsis {
    text-overflow: ellipsis
}

.guk-fade-after::after {
    content: "";
    position: absolute;
    pointer-events: none;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3rem
}

.guk-desc-scroll {
    max-height: 100px;
    overflow-y: auto
}

.guk-desc-full {
    max-height: none;
    overflow: visible
}

.filter-rating-content, .guk-content, .nav-tabs-container {
    -webkit-overflow-scrolling: touch
}

#c4k-thumbs-scroll, .nav-tabs-container {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.glider-dots-guk .glider-dot, .reviews-dots .glider-dot {
    color: #b1afad;
    margin: 18px 0;
    width: 8px;
    height: 8px
}

    .glider-dots-guk .glider-dot.active, .reviews-dots .glider-dot.active {
        background: #3a3a3a
    }

.glider-services .glider-slide {
    margin-right: 10px
}

.glider-guk .glider-track {
    gap: 16px;
}

.glider-filters-review .glider-slide {
    margin-right: 16px
}

.glider-reviews .glider-track, .other-centres-glider .glider-track {
    gap: 24px
}

#feeTabs, .other-centres-glider-with-basic .glider-track {
    gap: 16px
}

.glider-filters-review .glider-slide:last-child, .glider-reviews .glider-slide:last-child, .glider-services .glider-slide:last-child {
    margin-right: 0
}

.glider-next-btn, .glider-next-btn-guk, .glider-next-btn-reviews, .glider-prev-btn, .glider-prev-btn-guk, .glider-prev-btn-reviews, .next-btn-other-centre, .next-btn-other-centre-basic, .prev-btn-other-centre, .prev-btn-other-centre-basic {
    display: none;
    transition: opacity .2s,cursor .2s
}

    .glider-next-btn-guk:hover, .glider-next-btn-reviews:hover, .glider-next-btn:hover, .glider-prev-btn-guk:hover, .glider-prev-btn-reviews:hover, .glider-prev-btn:hover, .next-btn-other-centre-basic:hover, .next-btn-other-centre:hover, .prev-btn-other-centre-basic:hover, .prev-btn-other-centre:hover {
        background-color: #f8f9fa;
        border-color: #d1d5db
    }

.cta-tertiary, .lg-components, .lg-outer .lg-thumb-outer {
    background-color: #fff
}

.glider-next-btn-guk:active, .glider-next-btn-reviews:active, .glider-next-btn:active, .glider-prev-btn-guk:active, .glider-prev-btn-reviews:active, .glider-prev-btn:active, .next-btn-other-centre-basic:active, .next-btn-other-centre:active, .prev-btn-other-centre-basic:active, .prev-btn-other-centre:active {
    transform: scale(.95)
}

.glider-next-btn-guk:disabled, .glider-next-btn-reviews:disabled, .glider-next-btn:disabled, .glider-prev-btn-guk:disabled, .glider-prev-btn-reviews:disabled, .glider-prev-btn:disabled, .next-btn-other-centre-basic:disabled, .next-btn-other-centre:disabled, .prev-btn-other-centre-basic:disabled, .prev-btn-other-centre:disabled {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none
}

    .glider-next-btn-guk:disabled:hover, .glider-next-btn-reviews:disabled:hover, .glider-next-btn:disabled:hover, .glider-prev-btn-guk:disabled:hover, .glider-prev-btn-reviews:disabled:hover, .glider-prev-btn:disabled:hover, .next-btn-other-centre-basic:disabled:hover, .next-btn-other-centre:disabled:hover, .prev-btn-other-centre-basic:disabled:hover, .prev-btn-other-centre:disabled:hover {
        background-color: #fff;
        border-color: #d1d5db;
        transform: none
    }

#popover-rating-panel input[type=checkbox], #popover-sort-panel input[type=checkbox] {
    border-radius: 2px;
    accent-color: #5a60ec
}

    #popover-rating-panel input[type=checkbox]:focus, #popover-sort-panel input[type=checkbox]:focus {
        box-shadow: none
    }

.cta-tertiary {
    border-radius: 999px;
    border-width: 1px;
    border-color: #000;
    color: #000
}

.other-centre-card .swiper-slide, .other-centre-card-swiper, .other-centres-swiper {
    will-change: transform
}

@media screen and (min-width:768px) {
    .glide__arrows {
        margin-top: 40px
    }

    .glide__arrow {
        display: flex
    }

    .glider-next-btn, .glider-next-btn-guk, .glider-next-btn-reviews, .glider-prev-btn, .glider-prev-btn-guk, .glider-prev-btn-reviews, .next-btn-other-centre, .next-btn-other-centre-basic, .prev-btn-other-centre, .prev-btn-other-centre-basic {
        display: flex;
        transition: .2s
    }

    .glider-guk .glider-slide {
        margin-right: var(--slide-gap,24px)
    }

    .other-centres-glider-with-basic .glider-track {
        gap: 24px
    }
}

.lg-thumb-outer .lg-thumb-item {
    width: 72px !important;
    height: 72px !important;
    flex: 0 0 72px !important;
    box-sizing: border-box;
    border-width: 1px !important;
    border-radius: 8px !important;
    overflow: hidden
}

    .lg-thumb-outer .lg-thumb-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 8px !important
    }

    .fslightbox-thumb.fslightbox-thumb--active, .fslightbox-thumb.fslightboxta, .fslightbox-thumbs .fslightbox-thumb.fslightbox-thumb--active, .fslightbox-thumbs .fslightbox-thumb.fslightboxta, .lg-thumb-outer .lg-thumb-item.active, .lg-thumb-outer .lg-thumb-item:hover {
        border-color: #5a60ec !important;
        border-width: 1px !important
    }

.lg-container.lg-custom .lg-outer {
    max-width: 1350px;
    max-height: 800px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin-left: auto;
    background: #fff;
    border-radius: 24px;
    padding-top: 50px;
    padding-bottom: 50px;
    overflow: hidden
}

.lg-container.lg-custom .lg-close, .lg-container.lg-custom .lg-next, .lg-container.lg-custom .lg-prev {
    position: absolute;
    border-radius: 9999px;
    box-shadow: 0 1px 3px rgba(16,24,40,.1),0 1px 2px rgba(16,24,40,.06)
}

.lg-components {
    padding-bottom: 5px
}

.lg-backdrop.in {
    opacity: .9
}

@media (max-width:768px) {
    .nav-bar-sctiky::-webkit-scrollbar {
        display: none
    }

    .nav-bar-sctiky {
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .lg-container.lg-custom .lg-outer {
        width: calc(100% - 24px);
        padding-top: 30px;
        padding-bottom: 30px
    }
}

.lg-container.lg-custom .lg-next, .lg-container.lg-custom .lg-prev {
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: #fff !important;
    color: #000;
    opacity: 1 !important
}

    .fslightbox-container [title=Previous]::after, .lg-container.lg-custom .lg-prev::after {
        content: "";
        display: block;
        width: 20px;
        height: 20px;
        margin: 0 auto;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 20px 20px;
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'><path d='M4.51753 8.38063C4.36253 8.22563 4.36253 7.97063 4.51753 7.81563L9.31753 3.01563C9.47253 2.86063 9.72753 2.86063 9.88253 3.01563C10.0375 3.17062 10.0375 3.42562 9.88253 3.58062L5.36503 8.09813L9.88253 12.6156C10.0375 12.7706 10.0375 13.0256 9.88253 13.1806C9.72753 13.3356 9.47253 13.3356 9.31753 13.1806L4.51753 8.38063Z' fill='%233A3A3A'/></svg>")
    }

    .lg-container.lg-custom .lg-next::after {
        content: none !important;
        background: 0 0 !important
    }

    .fslightbox-container [title=Next]::before, .lg-container.lg-custom .lg-next::before {
        content: "";
        display: block;
        width: 20px;
        height: 20px;
        margin: 0 auto;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 20px 20px;
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'><path d='M4.51753 8.38063C4.36253 8.22563 4.36253 7.97063 4.51753 7.81563L9.31753 3.01563C9.47253 2.86063 9.72753 2.86063 9.88253 3.01563C10.0375 3.17062 10.0375 3.42562 9.88253 3.58062L5.36503 8.09813L9.88253 12.6156C10.0375 12.7706 10.0375 13.0256 9.88253 13.1806C9.72753 13.3356 9.47253 13.3356 9.31753 13.1806L4.51753 8.38063Z' fill='%233A3A3A'/></svg>");
        transform: scaleX(-1)
    }

    .fslightbox-container [title=Next]:hover, .fslightbox-container [title=Previous]:hover, .lg-container.lg-custom .lg-next:hover, .lg-container.lg-custom .lg-prev:hover {
        background: #e5e7eb !important
    }

.lg-container.lg-custom .lg-close {
    top: 16px;
    right: 16px;
    width: 40px;
    height: 40px;
    background: #fff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1 !important
}

    .lg-container.lg-custom .lg-close::after {
        content: "";
        display: block;
        width: 18px;
        height: 18px;
        margin: 0 auto;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 18px 18px;
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M507.3 155.3C513.5 149.1 513.5 138.9 507.3 132.7C501.1 126.5 490.9 126.5 484.7 132.7L320 297.4L155.3 132.7C149.1 126.5 138.9 126.5 132.7 132.7C126.5 138.9 126.5 149.1 132.7 155.3L297.4 320L132.7 484.7C126.5 490.9 126.5 501.1 132.7 507.3C138.9 513.5 149.1 513.5 155.3 507.3L320 342.6L484.7 507.3C490.9 513.5 501.1 513.5 507.3 507.3C513.5 501.1 513.5 490.9 507.3 484.7L342.6 320L507.3 155.3z' fill='%231C1C1C'/></svg>")
    }

.lg-counter {
    color: #1c1c1c
}

    .lg-counter:before {
        content: "Image Gallery";
        display: block;
        color: #1c1c1c;
        z-index: 3
    }

#summaryAgeTabs {
    flex-wrap: nowrap;
    gap: 16px;
    min-width: max-content
}

    #feeTabs .vf-nav-item, #summaryAgeTabs .summary-nav-item {
        flex-shrink: 0
    }

.summary-fee-tab, .vacancies-fee-tab {
    border: none;
    background: 0 0;
    color: #898886;
    padding: 8px 0;
    border-bottom: 3px solid transparent;
    transition: .3s;
    font-weight: 500;
    white-space: nowrap
}

    .summary-fee-tab:hover, .vacancies-fee-tab:hover {
        color: #495057;
        border-bottom-color: transparent
    }

    .summary-fee-tab.active, .vacancies-fee-tab.active {
        color: #3a3a3a;
        border-bottom-color: #5a60ec;
        font-weight: 600
    }

    .summary-fee-tab:focus, .vacancies-fee-tab:focus {
        outline: 0;
        box-shadow: none
    }

#summaryTabContent .summary-tab-pane {
    display: none
}

    #summaryTabContent .summary-tab-pane.active, .vacancies-tab-pane.active {
        display: block
    }

.nav-tabs-container {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap
}

    .nav-tabs-container::-webkit-scrollbar {
        display: none
    }

#feeTabs {
    flex-wrap: nowrap
}

.vacancies-tab-pane {
    display: none
}

body.modal-open {
    overflow: hidden;
    width: 100%
}

.slick-parent {
    align-content: baseline
}

.center-element {
    display: flex;
    justify-content: center;
    align-items: center
}

.slick-dots-container, .slick-dots-container-mobile {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px
}

.slick-dots-mobile li button {
    font-size: 0;
    border: none;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    cursor: pointer;
    background-color: #c4c4c4
}

.slick-dots-mobile .slick-dots {
    display: flex;
    gap: 5px;
    position: static
}

.slick-dots-mobile li.slick-active button {
    background-color: #000
}

.slick-dots-mobile li button:hover {
    background-color: #555
}

.slick-dots-container .slick-dots {
    position: static;
    width: auto
}

.custom-next, .custom-prev {
    background: 0 0;
    border: none;
    font-size: 20px;
    color: #000;
    cursor: pointer;
    margin: 0 10px
}

.slick-dots-mobile .slick-dots li button:before {
    font-size: 0px
}

.slick-dots-mobile .slick-dots li button {
    font-size: 0;
    border: none;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    cursor: pointer
}

.slick-dots .slick-dots {
    display: flex;
    gap: 9px;
    position: static
}

#social-post-content a {
    color: #00f;
    text-decoration: underline
}

#social-post-content p {
    margin-bottom: 1em;
    display: inline-block
}

.glider-guk {
    padding-block-end: 32px
}

.glider-reviews {
    padding-block: 40px
}

    .glider-guk::-webkit-scrollbar, .glider-reviews::-webkit-scrollbar {
        height: 8px
    }

    .glider-guk::-webkit-scrollbar-track, .glider-reviews::-webkit-scrollbar-track {
        margin-left: var(--glider-scrollbar-margin);
        margin-right: var(--glider-scrollbar-margin)
    }

@media screen and (max-width:767px) {
    .glider-guk {
        scrollbar-width: none;
        padding-block-end: 0px
    }

    .glider-reviews {
        padding-block: 0px
    }
}

.fs-video-wrap {
    width: min(90vw,1000px);
    max-width: 1000px;
    aspect-ratio: 16/9
}

    .fs-video-wrap iframe {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%
    }

.fslightbox-thumb {
    width: 72px !important;
    height: 72px !important;
    border-radius: 8px !important;
    border: 1px solid transparent !important;
    object-fit: cover
}

.fslightboxta {
    border: 1px solid #5a60ec !important
}

.fslightbox-thumbs {
    background: #fff !important;
    padding: 16px 0 !important;
    height: 104px !important
}

.fslightbox-container [title=Next], .fslightbox-container [title=Previous] {
    position: absolute;
    padding: 0 !important;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: #fff !important;
    border-radius: 9999px;
    box-shadow: 0 1px 3px rgba(16,24,40,.1),0 1px 2px rgba(16,24,40,.06);
    color: #000;
    opacity: 1 !important;
    display: flex;
    align-items: center;
    justify-content: center
}

.fslightbox-toolbar {
    right: 10px !important
}

    .fslightbox-toolbar .fslightbox-toolbar-button[title=Close], .fslightbox-toolbar [title=Close] {
        background-color: transparent !important;
        border-radius: 9999px;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #1c1c1c !important;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 18px 18px;
        margin-top: 5px;
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M135.5 169C126.1 159.6 126.1 144.4 135.5 135.1C144.9 125.8 160.1 125.7 169.4 135.1L320.4 286.1L471.4 135.1C480.8 125.7 496 125.7 505.3 135.1C514.6 144.5 514.7 159.7 505.3 169L354.3 320L505.3 471C514.7 480.4 514.7 495.6 505.3 504.9C495.9 514.2 480.7 514.3 471.4 504.9L320.4 353.9L169.4 504.9C160 514.3 144.8 514.3 135.5 504.9C126.2 495.5 126.1 480.3 135.5 471L286.5 320L135.5 169z'/> </svg>")
    }

.fslightbox-nav {
    background: #fff !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 24px !important
}

#fs-custom-title {
    font-family: Poppins,ui-sans-serif,system-ui,sans-serif;
    color: #1c1c1c
}

.fslightbox-container {
    background: rgba(0,0,0,.95) !important
}

.fslightbox-thumbs-inner {
    max-width: 1200px !important;
    width: calc(100vw - 32px) !important;
    margin: 0 auto !important
}

.fslightbox-source, .fslightbox-source iframe, .fslightbox-source img, .fslightbox-source video, .fslightboxs {
    max-width: 1200px !important;
    width: calc(100vw - 32px) !important;
    max-height: calc(90vh - 160px) !important;
    height: auto !important;
    object-fit: contain !important;
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0,0,0,.35)
}

.fslightbox-thumb.fslightbox-thumb, .fslightbox-thumbs .fslightbox-thumb, .fslightbox-thumbs img.fslightbox-thumb {
    width: 72px !important;
    height: 72px !important;
    border-radius: 8px !important;
    border: 1px solid transparent !important;
    object-fit: cover !important
}

#c4k-thumbs-scroll::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
    background: 0 0
}

#c4k-thumbs-inner {
    gap: 0 !important;
    display: inline-flex !important
}

    #c4k-thumbs-inner .thumb {
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 8px !important;
        border: 1px solid transparent !important;
        cursor: pointer
    }

        #c4k-thumbs-inner .thumb.active {
            border-color: #5a60ec !important
        }

#c4k-thumbs-outer {
    text-align: center
}
