/*!
Theme Name: CBD
Theme URI: https://www.cbwebsitedesign.co.uk/
Author: Creative Brand Design
Author URI: https://www.cbwebsitedesign.co.uk/
Description: Creative Brand Design
Version: 28.06.24
Text Domain: cbd
*/

[data-scroll][data-fade],
[data-scroll][data-fade-up],
[data-scroll][data-fade-right],
[data-scroll][data-fade-left],
[data-scroll][data-fade-down] {
    opacity: 1;
    visibility: visible;
    transform: translateZ(0);
    transition: 0s all;
}

/* Private Pages */
.post-password-form {
    height: 70vh;
    height: 70svh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.post-password-form > p {
    width: 100%;
    text-align: center;
    font-size: 115%;
}

.post-password-form label {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.post-password-form input[type=password] {
    padding: 0.75rem 1.5rem;
    background: none;
    border: 1px solid #fff;
    border-radius: 0.3rem;
}

.post-password-form input[type=submit] {
    padding: 0.75rem 1.5rem;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 0.3rem;
    color: #000;
    cursor: pointer;
    font-weight: 600;
    transition: 0.3s opacity;
    margin-top: 1.5rem;
}

.post-password-form input[type=submit]:hover {
    opacity: 0.7;
}

/* Admin Bar */
.admin-bar > header.fixed {
    top: 32px;
}

.admin-bar > header .menu-overlay {
    top: 32px;
    height: calc(100vh - 32px);
}

.admin-bar > main {
    margin-top: 32px;
}

@media (max-width: 782px) {
    .admin-bar > header.fixed {
        top: 46px;
    }

    .admin-bar > header .menu-overlay {
        top: 46px;
        height: calc(100vh - 46px);
    }

    .admin-bar > main {
        margin-top: 46px;
    }
}

@media (max-width: 600px) {
    #wpadminbar {
        position: fixed;
    }
}

/* Base */
.bg-gray-dark {
	--tw-bg-opacity: 1;
	background-color: rgb(238 238 238/var(--tw-bg-opacity));
}

.text-orange {
	--tw-text-opacity: 1;
	color: rgb(236 105 26 / var(--tw-text-opacity));
}

.icon-orange {
	filter: brightness(0) saturate(100%) invert(66%) sepia(50%) saturate(7494%) hue-rotate(355deg) brightness(98%) contrast(88%);
}

.size-\[7\.7rem\] {
    height: 7.7rem;
    width: 7.7rem
}

@media (min-width: 1025px) {
    .lg\:\!ml-0 {
        margin-left: 0 !important;
    }
}

/* Header */
@media (min-width: 1025px) {
	header .menu-collapse {
		flex-wrap: wrap;
		flex-direction: row;
	}
	
	header .menu-collapse>li {
		position: relative;
		width: 50%;
	}
	
	.menu-open header .menu-overlay .menu-collapse>li {
		transform: none;
	}
	
	header .menu-collapse>li>a {
		margin: 0.26vw 0;
		padding: 0.39vw 0;
		font-size: 2.6vw;
	}
	
	header .menu-collapse .menu-item-has-children>a:before {
		left: calc(100% + 1vw);
	}
	
	header .menu-collapse .menu-item-has-children>a:hover:before {
		width: 2.6vw;
	}
	
	header .menu-collapse>li .sub-menu {
		width: 50%;
		padding: 0 0.5vw 0 4vw;
		left: 50%;
	}
	
	header .menu-collapse>li .sub-menu a {
		margin: 0.26vw 0;
		padding: 0.91vw 0;
		font-size: 1.67vw;
	}
}

@media (max-width: 1024px) {
    header .menu-collapse>li:nth-child(odd) {
        order: 0;
    }
	
    header .menu-collapse>li:nth-child(even) {
        order: 1;
    }
}

/* Hero */
.home-hero figure video,
.hero-inner figure video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.home-hero .small-image,
.hero-inner .small-image {
    position: absolute;
    bottom: 1.5rem;
    right: 1.5rem;
    width: 33%;
}

@media (min-width: 1025px) {
    .home-hero .small-image,
    .hero-inner .small-image {
        width: 16%;
    }
}

/* Packages */
.collapsed-card figure video,
.collapsed-card-complex figure video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}

.collapsed-card-complex.is-hover-effect {
	height: 100%;
}

.collapsed-card-complex.is-hover-effect .main-image,
.collapsed-card-complex.is-hover-effect:hover .main-image,
.collapsed-cards-carousel.complex .swiper-slide.swiper-slide-active .collapsed-card-complex .main-image {
    height: 28rem;
    width: 100%
}

.collapsed-card-complex.is-hover-effect .caption .content,
.collapsed-card-complex.is-hover-effect:hover .caption .content,
.collapsed-cards-carousel.complex .swiper-slide.swiper-slide-active .collapsed-card-complex .caption .content {
	    height: auto;
    --tw-translate-y: 0px;
    opacity: 1;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.collapsed-card-complex.is-hover-effect .caption .content figure,
.collapsed-card-complex.is-hover-effect:hover .caption .content figure,
.collapsed-cards-carousel.complex .swiper-slide.swiper-slide-active .collapsed-card-complex .caption .content figure {
	opacity: .2;
	transition: all .5s
}

.collapsed-card-complex.is-hover-effect.style-orange .caption>.title,
.collapsed-card-complex.is-hover-effect.style-orange:hover .caption>.title,
.collapsed-cards-carousel.complex .swiper-slide.swiper-slide-active .collapsed-card-complex.style-orange .caption>.title {
    --tw-text-opacity: 1;
    color: rgb(236 105 26/var(--tw-text-opacity));
}

@media (min-width: 1025px) {
    .collapsed-cards-carousel.hide-opened-title .swiper-slide .collapsed-card:hover 
	.caption .title, .collapsed-cards-carousel.hide-opened-title .swiper-slide.swiper-slide-active .collapsed-card .caption .title {
        display: block;
    }
}

/* Banner */
.s-simple figure video,
.s-trackman-simple figure video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}

@media (max-width: 1024px) and (min-width: 768px) {
	.s-simple figure.shield-img {
		max-width: 55rem;
	}
	
	.s-simple figure.shield-img + .custom-list-wrap .custom-list {
		width: 100%;
	}
	
	.s-simple figure.shield-img + .custom-list-wrap .custom-list ul {
		width: 45%;
		margin: 1.25em auto;
	}
}

@media (max-width: 767px) {
	.custom-list-wrap .custom-list ul {
		width: 80%;
		margin: 1.25em auto;
	}
}

@media (max-width: 479px) {
	.custom-list-wrap .custom-list ul {
		width: 90%;
		gap: 0;
		font-size: 75%;
	}
	
	.custom-list-wrap .custom-list ul li {
		gap: 1rem;
		margin: 0.5rem
	}
}

.s-simple figure .branch-left,
.s-simple figure .branch-right {
	height: auto;
    position: absolute;
    bottom: 0;
}

.s-simple figure .branch-left {
	width: 42%;
    left: -5%;
}

.s-simple figure .branch-right {
	width: 39%;
    right: -11%;
}

/* Courses */
.bg-black .open-cards .open-card:not(:last-of-type):after,
.bg-orange .open-cards .open-card:not(:last-of-type):after {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.open-cards .open-card.active .details + .button {
	display: none;
}

/* Numbers */
.square-box-dark .content {
    text-transform: none;
}

.numbers-boxes .square-box-dark:not(.active) .content {
	display: none;
}

.numbers-boxes .square-box-dark.active .icon path:nth-child(2) {
	display: none;
}

.numbers-boxes .square-box-dark {
	justify-content: flex-start;
}

.numbers-boxes .square-box-dark .icon {
    margin-top: auto;
}

/* Content Tabs */
.green-fees-table.green-fees-accordion.active thead th:last-of-type .minus {
	display: none;
}

/* Fees */
.fees-items:hover .fees-item:first-child {
    opacity: .4;
}

.fees-items:hover .fees-item:first-child .fees-table {
	--tw-translate-x: -1.25rem;
	opacity: 0;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.fees-items.style-orange:hover .fees-item:first-child>.title {
	--tw-text-opacity: 1;
	color: rgb(18 31 65 / var(--tw-text-opacity));
}

.fees-items .fees-item:first-child,
.fees-items .fees-item:hover:first-child {
    opacity: 1;
}

.fees-items .fees-item:first-child .fees-table,
.fees-items .fees-item:hover:first-child .fees-table {
    --tw-translate-x: 0px;
    opacity: 1;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.fees-items.style-orange .fees-item:first-child>.title,
.fees-items.style-orange .fees-item:hover:first-child>.title {
    --tw-text-opacity: 1;
    color: rgb(236 105 26/var(--tw-text-opacity))
}

/* Brands */
.brands-carousel .brand-card {
	width: 100%;
    padding-bottom: 2.5rem;
    padding-top: 2.5rem;
}

.brands-carousel .brand-card img {
	max-height: 100%;
}

/* Benefits */
.s-two-columns-carousel .square-box .bg {
	z-index: -1;
}

.square-boxes-grid:not(.active) {
	display: none;
}

/* Steps */
.steps-cards-carousel .swiper-slide {
	height: auto;
}

/* Testimonials */
.testimonials-carousel .swiper-slide {
	height: auto;
}

.testimonials-carousel .swiper-slide .testimonials-card {
    height: 100%;
}

/* Pagination */
.pagination-block .pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 1.25rem;
}

.pagination-block .pagination a,
.pagination-block .pagination span:not(.dots) {
    display: flex;
    justify-content: center;
    border-radius: 9999px;
    border-width: 1px;
    height: 6rem;
    width: 6rem;
    --tw-border-opacity: 1;
    border-color: rgb(212 220 229 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding: .5rem;
    transition: all .5s;
    --tw-text-opacity: 1;
    color: rgb(164 166 168 / var(--tw-text-opacity));
    line-height: 5.25rem;
}

.pagination-block .pagination span.current, 
.pagination-block .pagination a:hover {
    --tw-border-opacity: 1;
    border-color: rgb(18 31 65 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(18 31 65 / var(--tw-text-opacity));
}

.pagination-block .pagination .prev,
.pagination-block .pagination .next {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    border-width: 1px;
    height: 6rem;
    width: 6rem;
    --tw-bg-opacity: 1;
    background-color: rgb(18 31 65 / var(--tw-bg-opacity));
    transition: all .3s;
    --tw-border-opacity: 1;
    border-color: rgb(19 32 65 / var(--tw-border-opacity));
    padding: .4em;
    --tw-text-opacity: 1;
    color: rgb(18 31 65 / var(--tw-text-opacity));
}

.pagination-block .pagination .prev:hover,
.pagination-block .pagination .next:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.pagination-block .pagination a svg {
    height: 1.7rem;
    width: 1.7rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    transition: all .5s;
}

/* Gravity Forms */
.form .gform_wrapper.gravity-theme .gform_fields {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
}

@media (min-width: 1025px) {
    .form .gform_wrapper.gravity-theme .gform_fields {
        grid-column-gap: 4rem;
        grid-row-gap: 4rem;
    }
}

.form .gform_wrapper.gravity-theme .gfield_required_text {
    display: none;
}

.form .gform_wrapper.gravity-theme .gfield_label {
    display: block;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: .75rem;
    text-transform: uppercase;
}

@media (min-width: 1025px) {
    .form .gform_wrapper.gravity-theme .gfield_label {
        margin-bottom: 1.25rem;
    }
}

.form .gform_wrapper.gravity-theme .gfield input,
.form .gform_wrapper.gravity-theme .gfield textarea,
.form .gform_wrapper.gravity-theme .gfield select {
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    font-size: 14px;
    font-weight: 400;
    padding: 2rem 1.5rem;
    --tw-text-opacity: 1;
    border: 1px solid rgba(18, 31, 65, .2);
    color: rgb(0 0 0 / var(--tw-text-opacity));
    line-height: 1.2;
    margin: 0;
    transition: border-color .4s ease-in-out;
}

@media (max-width: 641px) {
    .form .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
        line-height: 1.2;
        min-height: auto;
    }
}

.form .gform_wrapper.gravity-theme .gfield input::placeholder,
.form .gform_wrapper.gravity-theme .gfield textarea::placeholder,
.form .gform_wrapper.gravity-theme .gfield select::placeholder {
    color: #838691;
}

.form .gform_wrapper.gravity-theme .gfield input:focus,
.form .gform_wrapper.gravity-theme .gfield textarea:focus,
.form .gform_wrapper.gravity-theme .gfield select:focus {
    outline: none;
    --tw-border-opacity: 1;
    border-color: rgb(18 31 65 / var(--tw-border-opacity));
}

.form .gform_wrapper.gravity-theme .gfield select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23060708' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.5 9 12 16.5 4.5 9'/%3E%3C/svg%3E");
    background-position: right 1em top 50%;
    background-repeat: no-repeat;
    background-size: 1.7em auto;
    cursor: pointer;
    display: block;
    padding-right: 45px;
}

.form .gform_wrapper.gravity-theme .gfield textarea.medium {
    height: 172px;
}

.form .gform_wrapper.gravity-theme .gchoice input {
    display: none;
}

.form .gform_wrapper.gravity-theme .gchoice label {
    position: relative;
    display: inline-block;
    max-width: 100%;
    padding-left: 3rem;
    text-transform: uppercase;
    line-height: inherit;
    cursor: pointer;
}

.form .gform_wrapper.gravity-theme .gchoice label:before {
    content: '';
    display: inline-block;
    width: 2rem;
    height: 2rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    border-width: 1px;
    border-color: rgba(18, 31, 65, .2);
    position: absolute;
    top: 0;
    left: 0;
}

.form .gform_wrapper.gravity-theme .gfield_radio label:before {
    border-radius: 50%;
}

.form .gform_wrapper.gravity-theme .gchoice label:after {
    content: '';
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
    --tw-bg-opacity: 1;
    background-color: rgb(18 31 65 / var(--tw-bg-opacity));
    position: absolute;
    top: 0.4rem;
    left: 0.4rem;
    opacity: 0;
    transition: 0.4s;
}

.form .gform_wrapper.gravity-theme .gfield_radio label:after {
    border-radius: 50%;
}

.form .gform_wrapper.gravity-theme .gchoice input:checked + label:after {
    opacity: 1;
}

.form .gform_wrapper.gravity-theme .gfield a {
	font-weight: 700;
}

.form .gform_wrapper.gravity-theme .gfield a:hover {
	--tw-text-opacity: 1;
	color: rgb(236 105 26 / var(--tw-text-opacity));
}

.form .gform_wrapper.gravity-theme .gform_footer {
    margin: 3rem 0 0;
    padding: 0;
    justify-content: center;
}

@media (min-width: 1025px) {
    .form .gform_wrapper.gravity-theme .gform_footer {
        margin-top: 6rem;
        justify-content: flex-start;
    }
}

.form .gform_wrapper.gravity-theme #field_submit {
	align-items: flex-start;
}

.form .gform_wrapper.gravity-theme .gform_footer button {
    margin: 0;
}

.form .gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] {
    border: 1px solid #c02b0a !important;
}

/* Newsletter */
.form-newsletter .gform_wrapper.gravity-theme .gform_fields {
    display: grid;
    grid-template-columns: minmax(0, 1fr) max-content;
    gap: 1.25rem 0;
}

.form-newsletter .gform_wrapper.gravity-theme .ginput_complex label {
	display: none;
}

.form-newsletter .gform_wrapper.gravity-theme .gfield input {
    height: 54px;
    background-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    text-transform: uppercase;
	border-color: hsla(0, 0%, 100%, .2);
}

.form-newsletter .gform_wrapper.gravity-theme .gfield input::placeholder {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
}

.form-newsletter .gform_wrapper.gravity-theme .gform_footer {
    margin: 0;
    padding: 0;
}

.form-newsletter .gform_wrapper.gravity-theme #field_submit {
    align-items: flex-start;
}

.form-newsletter .gform_wrapper.gravity-theme #field_submit button {
	width: 100%;
    height: 54px;
    align-items: center;
    display: inline-flex;
    justify-content: center;
    position: relative;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    font-weight: 500;
    line-height: 1;
    padding: 1.7rem 3.2rem;
    --tw-text-opacity: 1;
    color: rgb(18 31 65 / var(--tw-text-opacity));
    text-transform: uppercase;
    overflow: hidden;
    pointer-events: all;
    transition: all .4s;
    border-radius: 0;
    box-shadow: none;
}

@media (min-width: 1025px) {
    .form-newsletter .gform_wrapper.gravity-theme #field_submit button {
        font-size: 66%;
    }
}

.form-newsletter .gform_wrapper.gravity-theme #field_submit button svg {
    display: none;
}

.form .error-message {
    color: #c02b0a;
}

/* Snowflake */
.snowflake {
    font-size: 20px;
    position: absolute;
    top: -5vh;
    transform: translateY(0);
    transform: rotate(180deg);
    animation: 7s linear forwards snowflake
}

.snowflake img {
    width: 20px
}

@keyframes snowflake {
    to {
        transform: translateY(105vh)
    }
}

/* Floater */

.floater {
	position: fixed;
    bottom: 3.2rem;
    right: 3.2rem;
    z-index: 40;
}

.floater .gravity-button {
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.4s all;
	will-change: transform;
}

.floater .gravity-button .btn-blob {
    width: 9.6rem;
	height: 9.6rem;
    border: none;
    text-align: center;
	border-radius: 100%;
	background: rgb(18, 31, 65);
	transition: 0.3s background-color;
	padding: 1rem;
	will-change: transform;
	display: flex;
	align-items: center;
	justify-content: center;
}

.floater .gravity-button .btn-blob svg {
    width: 70%;
    height: 70%;
    object-fit: contain;
    fill: #fff;
    margin: 0;
    padding: 0;
	transition: 0.4s fill;
	background-color: transparent;
	border-radius: 0;
}

.floater .gravity-button:hover .btn-blob svg {
    fill: rgb(18, 31, 65);
}

.floater .gravity-button:hover {
    transform: scale(0.8);
}

.floater .gravity-button:hover .btn-blob {
	background: #fff;
}
@media (max-width: 640px) {
    .floater {
        right: 1.5rem;
		bottom: 1.5rem;
        pointer-events: none;
    }
    .floater a {
        pointer-events: all;
    }
	.floater .gravity-button {
		pointer-events: none;
	}
	.floater .gravity-button .btn-blob {
        width: 6rem;
        height: 6rem;
        pointer-events: all;
	}
}
/* Upcoming Event Notice Block */
.upcoming-event-notice {
    position: fixed;
    bottom: 50px;
    right: 50px;
    background-color: rgb(18, 31, 65);
    max-width: 300px;
    padding: 15px;
    border-radius: 15px 0 0;
    font-weight: 900;
    transition: width 1s ease-in-out;
    z-index: 20;
}
.upcoming-event-notice.active {
    width: 300px;
}
@media (max-width: 480px) {
    .upcoming-event-notice {
        width: calc(100% - 7rem);
        padding: 10px;
        margin: 0 3.5rem;
        bottom: 0;
        right: 0;
    }
    .upcoming-event-notice.active {
        width: calc(100% - 7rem);
    }
}
.upcoming-event-notice .top-line {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
    margin-bottom: 1rem;
    color: #fff;
}
.upcoming-event-notice span {
    text-transform: uppercase;
    font-size: 16px;
    height: 20px;
    padding: 0 0 0 15px;
}
.upcoming-event-notice .top-line > span {
    cursor: pointer;
}
.upcoming-event-notice .top-line > span:hover {
    text-decoration: underline;
}
.upcoming-event-notice.active .top-line > span {
    cursor: unset;
}
.upcoming-event-notice.active .top-line > span:hover {
    text-decoration: none;
}
.upcoming-event-notice .top-line > span:before {
    content: "";
    position: absolute;
    height: 5px;
    width: 5px;
    background-color: #fff;
    border-radius: 100%;
    top: 7.5px;
    left: 5px;
}
.upcoming-event-notice .top-line .toggle-notice {
    height: 0;
    width: 0;
    opacity: 0;
    cursor: pointer;
}
.upcoming-event-notice.active .top-line .toggle-notice {
    height: 20px;
    width: 20px;
    opacity: 1;
    transition: height 0.2s 0.8s ease-in-out, width 0.2s 0.8s ease-in-out, opacity 0.5s 1s ease-in-out;
}
.upcoming-event-notice .top-line .toggle-notice span {
    height: 3px;
    margin: 5px 2px 5px 0;
    transition: all .2s;
    width: 15px;
    --tw-bg-opacity: 1;
    background-color: #fff;
    display: block;
}
.upcoming-event-notice .top-line .toggle-notice span:first-of-type {
    transform: rotate(-43deg) translateY(130%) translateX(-13%)
}
.upcoming-event-notice .top-line .toggle-notice span:nth-of-type(2) {
    transform: rotate(43deg) translateY(-130%) translateX(-13%);
}
.upcoming-event-notice p {
    height: 0px;
    opacity: 0;
    margin-bottom: 0;
    color: #fff;
    width: 80%;
    font-size: 0;
    transition: height 0.5s ease-in-out, margin-bottom 0.5s ease-in-out, font-size 1s ease-in-out;
}
.upcoming-event-notice.active p {
    height: 100%;
    opacity: 1;
    margin-bottom: 1rem;
    font-size: 120%;
    transition: height 0.5s ease-in-out, margin-bottom 0.5s ease-in-out, font-size 1s ease-in-out, opacity 0.5s 1s ease-in-out;
}
.upcoming-event-notice a {
    display: block;
    color: #000;
    height: 0px;
    width: 100%;
    text-align: end;
    transition: height 0.5s ease-in-out;
    color: #fff;
}
.upcoming-event-notice.active a {
    height: 100%;
}
.upcoming-event-notice a span {
    opacity: 0;
    padding: 0;
    text-decoration: underline;
}
.upcoming-event-notice.active a span {
    opacity: 1;
    transition: opacity 0.5s 1s ease-in-out;
}
#status {
    color: #000;
}

/* Brochure */
.pt-96 {
    padding-top: 24rem;
}

.blur-bg {
    -webkit-backdrp-filter: blur(80px);
    backdrop-filter: blur(80px);
    background: hsla(0, 0%, 100%, .01);
    border: 1px solid hsla(0, 0%, 99%, .16);
}

.px-\[2rem\] {
    padding-left: 2rem;
    padding-right: 2rem;
}

.z-20 {
    z-index: 20;
}

@media(min-width: 1025px) {
    .lg\:text-left {
        text-align: left;
    }
    .lg\:px-\[4rem\] {
        padding-left: 4rem;
        padding-right: 4rem;
    }
    .lg\:w-\[745px\] {
        width: 745px;
    }
    .customer-radius {
        border-radius: 16px;
    }
}

/* Background Color */
.bg-pink {
	--tw-bg-opacity: 1;
	background-color: rgb(228 189 218 / var(--tw-bg-opacity));
}

.bg-red {
	--tw-bg-opacity: 1;
	background-color: rgb(166 8 8 / var(--tw-bg-opacity));
}

/* Title Color */
.title-pink {
	--tw-text-opacity: 1;
	color: rgb(228 189 218 / var(--tw-text-opacity));
}

.title-red {
	--tw-text-opacity: 1;
	color: rgb(166 8 8 / var(--tw-text-opacity));
}

/* Button Color */
.btn.btn-pink svg,
.btn.btn-dark-pink svg,
.btn.btn-dark-pink:hover,
.form-pink .btn.btn-dark:hover,
.form-pink .btn.btn-dark:not(:hover) svg {
	--tw-bg-opacity: 1;
	background-color: rgb(228 189 218 / var(--tw-bg-opacity));
}

.btn.btn-red svg,
.btn.btn-dark-red svg,
.btn.btn-dark-red:hover,
.form-red .btn.btn-dark:hover,
.form-red .btn.btn-dark:not(:hover) svg {
	--tw-bg-opacity: 1;
	background-color: rgb(166 8 8 / var(--tw-bg-opacity));
}

/* Arrows Color */
.dot.pink svg path,
.dot.red svg path {
	stroke: #121F41;
}

.dot.pink {
	background-color: rgb(228, 189, 218) !important;
	border-color: rgb(228, 189, 218) !important;
}

.dot.red {
	background-color: rgb(166, 8, 8) !important;
	border-color: rgb(166, 8, 8) !important;
}

/* Locations Color */
.open-cards-pink .open-card.active .h1.title {
	--tw-text-opacity: 1;
	color: rgb(228 189 218 / var(--tw-text-opacity));
}

.open-cards-red .open-card.active .h1.title {
	--tw-text-opacity: 1;
	color: rgb(166 8 8 / var(--tw-text-opacity));
}

/* Reviews Color */
.testimonials-carousel-pink .testimonials-card {
	--tw-bg-opacity: 0.2;
	background-color: rgb(228 189 218 / var(--tw-bg-opacity));
}

.testimonials-carousel-red .testimonials-card {
	--tw-bg-opacity: 0.2;
	background-color: rgb(166 8 8 / var(--tw-bg-opacity));
}

/* Banner Color */
.custom-list-white ul li:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='41' height='55' fill='none' class='w-[41px] h-[55px] relative overflow-visible'%3E%3Cpath fill='%23fff' d='m40.354 7.107.646.067v25.54c0 2.089-.353 4.163-1.045 6.136-2.386 6.801-7.783 12.144-14.646 14.5L20.5 55l-4.81-1.65C8.829 50.993 3.432 45.65 1.047 38.85A18.5 18.5 0 0 1 0 32.714V7.174l.646-.068A44.36 44.36 0 0 0 20.5 0a44.36 44.36 0 0 0 19.854 7.107' opacity='.4'/%3E%3Cpath stroke='%23ffffff' stroke-width='3' d='m11 28.5 6.5 6.5 13-13'/%3E%3C/svg%3E");
}

/* Newsletter Color */
.form-dark.form-newsletter {
    border-color: rgba(18, 31, 65, .2);
}

.form-dark.form-newsletter .gform_wrapper.gravity-theme .gfield input {
    --tw-text-opacity: 1;
    color: rgb(18 31 65 / var(--tw-text-opacity));
    border-color: rgba(18, 31, 65, .2);
}

.form-dark.form-newsletter .gform_wrapper.gravity-theme .gfield input::placeholder {
	--tw-text-opacity: 1;
	color: rgb(18 31 65 / var(--tw-text-opacity));
}

.form-dark.form-newsletter .gform_wrapper.gravity-theme #field_submit button {
	--tw-bg-opacity: 1;
    background-color: rgb(18 31 65 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media(max-width: 768px) {
    .grid-cols-3 {
        grid-template-columns: 1fr;
    }
}

/* Tabs */
.calendar__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 6rem;
  margin-bottom: 2rem;
  gap: 1.5rem;
  position: relative;
  z-index: 100;
}
@media only screen and (max-width: 769px) {
  .calendar__links {
    margin-top: 4rem;
  }
}
@media only screen and (max-width: 576px) {
  .calendar__links {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1rem;
  }
}
.calendar__links li {
  width: 50%;
  text-transform: uppercase;
  overflow: hidden;
}
@media only screen and (max-width: 576px) {
  .calendar__links li {
    width: 100%;
  }
}
.calendar__links li button {
  display: block;
  height: 100%;
  padding: 1.3rem;
  font-size: 1.5rem;
  width: 100%;
  text-align: center;
  background: transparent;
  color: #fff;
  font-family: poppins, sans-serif;
  letter-spacing: 0.08em;
  border-color: transparent;
  transition: all .4s;
}
.calendar__links li button:hover {
    background: rgb(30, 156, 167);
}
@media only screen and (max-width: 576px) {
  .calendar__links li button {
    font-size: 1rem;
    padding: 0.8rem;
  }
}
.calendar__links li button.active {
  background: rgb(30, 156, 167);
  color: #fff;
}
.calendar__tabs {
  margin-bottom: 3.5rem;
}
.calendar__tabs > li {
  display: none;
}
.calendar__tabs > li.active {
  display: block;
}

.align-items-center {
    -webkit-box-align: center;
    align-items: center;
}

.mb-4 {
    margin-bottom: 2rem;
}

@media(min-width: 768px) {
    .order-md-1 {
        -webkit-box-ordinal-group: 2;
        order: 1;
    }
    .order-md-2 {
        -webkit-box-ordinal-group: 3;
        order: 2;
    }
    .col-md-6 {
        -webkit-box-flex: 0;
        flex: 0 0 45%;
        max-width: 45%;
    }
}

.s-swimming .collapsed-cards-carousel.gallery-mode .swiper-slide.swiper-slide-active .gallery-card figure {
    height: 20vmax;
}

.toggle-mobile-dropdown {
    position: relative;
    list-style: none;
}

.dropdown-mobile-menu {
    position: absolute;
    top: 45px;
    background: rgba(18, 31, 65, .5);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    right: 0;
    width: fit-content;
    height: 0;
    display: flex;
    flex-direction: column;
    font-weight: 500;
    transition: all .3s;
}

.dropdown-mobile-menu li {
    height: 0;
}

.dropdown-mobile-menu.show {
    height: fit-content;
    white-space: nowrap;
}

.dropdown-mobile-menu.show li {
    height: fit-content;
}

.dropdown-mobile-menu li a {
    display: none;
    text-align: end;
    transition: all .3s;
}

.dropdown-mobile-menu.show li a {
    display: block;
}

@media(min-width: 768px) {
    .mobile-visible {
        display: none;
    }
}

@media(max-width: 768px) {
    .custom-list.custom-list-white {
        font-size: 2.5rem;
    }
    
    .s-download-app .download-app-grid-wrap .download-app-grid .item .inner {
        flex-direction: column;
    }
    
    .hero-inner.course-status-show {
        padding-bottom: 0;
        justify-content: space-between;
    }
    
    .hero-inner.course-status-show .container {
        margin-top: 5rem;
    }
    
    .main-menu-block .mobile-visible {
        display: flex;
        justify-content: flex-end;
        font-size: 2.5rem;
    }
    
    header .menu.mobile-visible:before {
        display: none;
    }
    
    header .menu.mobile-visible a {
        font-size: 100%;
    }
}


/* Timeline swiper*/
.timeline .swiper {
    overflow: visible;
    margin-bottom: 5rem;
}

.timeline .swiper-slide {
    height: auto;
    display: flex;
    align-items: flex-end;
}

.timeline .swiper-slide .inner {
    position: relative;
    display: inline-block;
}

.timeline .swiper-slide:not(.swiper-slide-active) .inner {
    --tw-text-opacity: 1;
    color: rgb(157 157 155 / var(--tw-text-opacity));
}

.timeline .swiper-slide .inner .date {
    transition: .3s font-size;
}

.timeline .swiper-slide:not(.swiper-slide-active) .inner .date {
    font-size: 2.5rem;
}

.timeline .swiper-slide .inner .content {
    transition: .4s opacity, .4s visibility;
    transition-delay: .1s;
    overflow: hidden;
}

.timeline .swiper-slide:not(.swiper-slide-active) .inner .content {
    opacity: 0;
    visibility: hidden;
    transition: .1s opacity, .1s visibility;
    transition-delay: 0s;
}

.timeline .swiper-slide .dot {
    margin-top: 6rem;
    position: relative;
}

.timeline .swiper-slide:not(.swiper-slide-active) .dot {
    margin-top: 4.5rem;
}

.timeline .swiper-slide .dot span {
    display: block;
    height: 16rem;
    width: 1px;
    --tw-bg-opacity: 1;
    background-color: rgb(157 157 155 / var(--tw-bg-opacity));
}

.timeline .swiper-slide:not(.swiper-slide-active) .dot span {
    height: 4.3rem;
}

.timeline .swiper-slide .dot:before {
    content: "";
    position: absolute;
    top: -3rem;
    left: -.6rem;
    width: 1.3rem;
    height: 1.3rem;
    border-radius: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(19 32 65/var(--tw-text-opacity));
    transition: .3s scale;
}

.timeline .swiper-slide:not(.swiper-slide-active) .dot:before {
    --tw-bg-opacity: 1;
    background-color: rgb(157 157 155 / var(--tw-bg-opacity));
    --webkit-transform: scale(.5);
    transform: scale(.5);
}

.timeline .swiper-slide .dot:after {
    content: "";
    position: absolute;
    top: -3.65rem;
    left: -1.25rem;
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 100%;
    border: 1px solid #9d9d9d;
}

.timeline .swiper .swiper-scrollbar {
    bottom: 0;
    top: calc(3rem);
}

.timeline .swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius,10px);
    position: relative;
    -ms-touch-action: none;
    background: var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1));
}

.timeline .swiper:after {
    content: "";
    position: absolute;
    bottom: 5px;
    left: 50%;
    width: 110vw;
    height: 1px;
    --tw-bg-opacity: 1;
    background-color: rgb(157 157 155 / var(--tw-bg-opacity));
    -webkit-transform: translateX(50%);
    transform: translate(-50%);
}

.text-blue-dark {
    --tw-text-opacity: 1;
    color: rgb(19 32 65/var(--tw-text-opacity));
}

@media(min-width: 1025px) {
    .lg\:text-center {
        text-align: center;
    }
    
    .timeline .swiper-slide .inner .content {
        position: absolute;
        top: .2em;
        left: calc(100% + 3rem);
        width: 42vw;
    }
}

.s-request-brochure .gform_confirmation_message p{
    text-align: left !important;
}

/* Contact Form */
.gfield--type-consent input {
    display: none;
}

.gfield--type-consent label {
    position: relative;
    cursor: pointer;
    display: inline-block;
    max-width: 100%;
    padding-left: 3rem;
    line-height: inherit;
    font-size: 1.5rem;
    text-align: left;
}

.gfield--type-consent label:before {
    content: '';
    width: 2rem;
    height: 2rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-border-opacity: 1;
    border: 1px solid rgb(19 32 65/var(--tw-bg-opacity));
    position: absolute;
    top: 0.25rem;
    left: 0;
}

.gfield--type-consent label:after {
    content: '';
    display: inline-block;
    width: 0.75rem;
    height: 1.2rem;
    --tw-border-opacity: 1;
    border-color: rgb(19 32 65/var(--tw-bg-opacity));
    border-width: 0 2px 2px 0;
    top: 0.25rem;
    left: 0.6rem;
    transform: rotate(45deg);
    position: absolute;
    transition: all .5s;
    opacity: 0;
}

.gfield--type-consent input:checked+label:before {
    --tw-border-opacity: 1;
    border-color: rgb(19 32 65/var(--tw-bg-opacity));
}

.gfield--type-consent input:checked+label:after {
    opacity: 1;
}

.bg-dark .swiper-navigation-custom>div:after {
    color: white;
}

@media(max-width: 768px) {
    .collapsed-card:not(.no-hover):hover .main-image {
        opacity: 1;
    }
    
    .collapsed-card:not(.no-hover):hover .bg {
        opacity: 0;
    }
    
    .flex-col-reverse {
        flex-direction: column-reverse;
    }
    
    .mobile-hide {
        display: none;
    }
    
    .s-sustainability .flex-col-reverse {
        flex-direction: column-reverse;
    }
    
    .s-sustainability .flex-col-reverse .-mt-40 {
        margin-top: 0;
    }
    
    .s-simple.no-container .container {
        width: 100%;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
    
    .s-simple.no-container .container .content {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    
    .mob-visible {
        display: block;
    }
}

.swiper-navigation-custom.justify-end {
    justify-content: flex-end;
}

@media(max-width: 991px) {
    .accordion-vertical {
        min-height: 35vmax;
        height: 100%;
    }
    
    .accordion-vertical .accordion-vertical-item .accordion-body {
        display: block;
    }
}

.recaptcha-badge {
    font-size: 1.5rem;
}

@media(min-width: 1025px) {
    .toggle-mobile-dropdown {
        cursor: pointer;
    }
    .dropdown-mobile-menu {
        width: 100%;
        top: 100%;
        font-size: 66%;
    }
    .dropdown-mobile-menu li:hover {
        background-color: white;
        color: rgb(18 31 65);
    }
    .dropdown-mobile-menu li a {
        text-align: left;
    }
    .dropdown-mobile-menu a {
        padding: 1rem 1.25rem;
    }
}

@media(max-width: 768px) {
    .menu-overlay {
        padding-bottom: 10rem;
    }
    
    .menu-overlay .dropdown-mobile-menu {
        top: 100%;
        width: 100%;
    }
    .menu-overlay .dropdown-mobile-menu li a {
        text-align: left;
        padding: 1rem;
    }
}

#sb_instagram #sbi_images {
    display: flex !important;
}

.s-insta-feed .swiper-wrapper {
    transition-timing-function: linear;
}

.s-insta-feed .sbi_new {
    height: auto;
}

.s-insta-feed #sb_instagram .sbi_photo_wrap, .s-insta-feed #sb_instagram .sbi_photo, .s-insta-feed #sb_instagram .sbi_photo img {
    height: 100%;
}

.s-insta-feed #sb_instagram .sbi_photo img {
    object-fit: cover;
}
.event-badge {
    position: absolute;
    top: 3rem;
    left: 1rem;
    transform: rotate(-15deg);
    background-color: #F2BD41;
    padding: 2rem;
    font-weight: 700;
    color: #000;
    border-radius: 1rem;
    text-transform: uppercase;
    max-width: 22rem;
    display: flex;
    align-items: center;
    gap: .5rem;
    line-height: 1;
    z-index: 10;
}
.event-badge .badge-number {
    font-size: 6rem;
}
.event-badge .badge-text-large {
    font-size: 3rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
}
@media(max-width: 480px) {
    .event-badge {
        max-width: 20rem;
    }
    .event-badge .badge-number {
        font-size: 4rem;
    }
}
@media(max-width: 768px) {
    .calendar__tabs .col-md-6{
        width: 100%;
    }
}

.calendar__tabs .wrap {
    aspect-ratio: 1 / 1;
    width: 100%;
    overflow: hidden;
}
.calendar__tabs .wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}