.ct-section {
width:100%;
background-size:cover;
background-repeat:repeat;
}
.ct-section>.ct-section-inner-wrap {
display:flex;
flex-direction:column;
align-items:flex-start;
}
.ct-div-block {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.ct-new-columns {
display:flex;
width:100%;
flex-direction:row;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
}
.ct-link-text {
display:inline-block;
}
.ct-link {
display:flex;
flex-wrap:wrap;
text-align:center;
text-decoration:none;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-link-button {
display:inline-block;
text-align:center;
text-decoration:none;
}
.ct-link-button {
background-color: #1e73be;
border: 1px solid #1e73be;
color: #ffffff;
padding: 10px 16px;
}
.ct-image {
max-width:100%;
}
.ct-fancy-icon>svg {
width:55px;height:55px;}
.ct-inner-content {
width:100%;
}
.ct-slide {
display:flex;
flex-wrap:wrap;
text-align:center;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-nestable-shortcode {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-comments {
width:100%;
text-align:left;
}
.oxy-comment-form {
width:100%;
}
.oxy-login-form {
width:100%;
}
.oxy-search-form {
width:100%;
}
.oxy-tabs-contents {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab-content {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-testimonial {
width:100%;
}
.oxy-icon-box {
width:100%;
}
.oxy-pricing-box {
width:100%;
}
.oxy-posts-grid {
width:100%;
}
.oxy-gallery {
width:100%;
}
.ct-slider {
width:100%;
}
.oxy-tabs {
display:flex;
flex-wrap:nowrap;
flex-direction:row;
align-items:stretch;
}
.ct-modal {
flex-direction:column;
align-items:flex-start;
}
.ct-span {
display:inline-block;
text-decoration:inherit;
}
.ct-widget {
width:100%;
}
.oxy-dynamic-list {
width:100%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
			.ct-div-block,
			.oxy-post-content,
			.ct-text-block,
			.ct-headline,
			.oxy-rich-text,
			.ct-link-text { max-width: 100%; }
			img { flex-shrink: 0; }
			body * { min-height: 1px; }
		}            .oxy-testimonial {
                flex-direction: row;
                align-items: center;
            }
                        .oxy-testimonial .oxy-testimonial-photo-wrap {
                order: 1;
            }
            
                        .oxy-testimonial .oxy-testimonial-photo {
                width: 125px;                height: 125px;                margin-right: 20px;
            }
            
                        .oxy-testimonial .oxy-testimonial-photo-wrap, 
            .oxy-testimonial .oxy-testimonial-author-wrap, 
            .oxy-testimonial .oxy-testimonial-content-wrap {
                align-items: flex-start;                text-align: left;            }
            
                                                            .oxy-testimonial .oxy-testimonial-text {
                margin-bottom:8px;font-size: 21px;
line-height: 1.4;
-webkit-font-smoothing: subpixel-antialiased;
            }
            
                                    .oxy-testimonial .oxy-testimonial-author {
                font-size: 18px;
-webkit-font-smoothing: subpixel-antialiased;
            }
                            

                                                .oxy-testimonial .oxy-testimonial-author-info {
                font-size: 12px;
-webkit-font-smoothing: subpixel-antialiased;
            }
            
             
            
                        .oxy-icon-box {
                text-align: left;                flex-direction: column;            }
            
                        .oxy-icon-box .oxy-icon-box-icon {
                margin-bottom: 12px;
                align-self: flex-start;            }
            
                                                                        .oxy-icon-box .oxy-icon-box-heading {
                font-size: 21px;
margin-bottom: 12px;            }
            
                                                                                    .oxy-icon-box .oxy-icon-box-text {
                font-size: 16px;
margin-bottom: 12px;align-self: flex-start;            }
            
                        .oxy-icon-box .oxy-icon-box-link {
                margin-top: 20px;                            }
            
            
            /* GLOBALS */

                                                            .oxy-pricing-box .oxy-pricing-box-section {
                padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
text-align: center;            }
                        
                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
                justify-content: center;            }
            
            /* IMAGE */
                                                                                    .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-graphic {
                justify-content: center;            }
            
            /* TITLE */
                                                            
                                    .oxy-pricing-box .oxy-pricing-box-title-title {
                font-size: 48px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-title-subtitle {
                font-size: 24px;
            }
            

            /* PRICE */
                                                .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
                                                flex-direction: row;                                            }
            
                                    .oxy-pricing-box .oxy-pricing-box-currency {
                font-size: 28px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-amount-main {
                font-size: 80px;
line-height: 0.7;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-amount-decimal {
                font-size: 13px;
            }
                        
                                    .oxy-pricing-box .oxy-pricing-box-term {
                font-size: 16px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-sale-price {
                font-size: 12px;
color: rgba(0,0,0,0.5);
                margin-bottom: 20px;            }
            
            /* CONTENT */

                                                                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-content {
                font-size: 16px;
color: rgba(0,0,0,0.5);
            }
            
            /* CTA */

                                                                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-cta {
                justify-content: center;            }
            
        
                                .oxy-progress-bar .oxy-progress-bar-background {
            background-color: #000000;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);            animation: none 0s paused;        }
                
                .oxy-progress-bar .oxy-progress-bar-progress-wrap {
            width: 85%;        }
        
                                                        .oxy-progress-bar .oxy-progress-bar-progress {
            background-color: #66aaff;padding: 40px;animation: none 0s paused, none 0s paused;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);        
        }
                
                        .oxy-progress-bar .oxy-progress-bar-overlay-text {
            font-size: 30px;
font-weight: 900;
-webkit-font-smoothing: subpixel-antialiased;
        }
        
                        .oxy-progress-bar .oxy-progress-bar-overlay-percent {
            font-size: 12px;
        }
        
        .ct-slider .unslider-nav ol li {border-color: #ffffff; }.ct-slider .unslider-nav ol li.unslider-active {background-color: #ffffff; }.ct-slider .ct-slide {
				padding: 0px;			}
		
                        .oxy-superbox .oxy-superbox-secondary, 
            .oxy-superbox .oxy-superbox-primary {
                transition-duration: 0.5s;            }
            
            
            
            
            
        
        
        
        
            .oxy-shape-divider {
                width: 0px;
                height: 0px;
                
            }
            
            .oxy_shape_divider svg {
                width: 100%;
            }
            .oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu{
box-shadow:px px px px ;}

.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a div{
margin-left:0px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
width:30px;
height:30px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon{
padding-top:15px;
padding-right:15px;
padding-bottom:15px;
padding-left:15px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon, .oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon{
top:20px;
left:20px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
width:24px;
height:24px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon, .oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container{
background-color:#ffffff;
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-open-container{
background-image:url();
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item-has-children > a svg, .oxy-pro-menu .oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item-has-children > a svg{
font-size:24px;
}

.oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-open-container .menu-item-has-children ul, .oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-off-canvas-container .menu-item-has-children ul{
background-color:rgba(0,0,0,0.2);
border-top-style:solid;
}

.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .oxy-pro-menu-list{
                    flex-direction: row;
               }
.oxy-pro-menu .oxy-pro-menu-container .menu-item a{
                    text-align: left;
                    justify-content: flex-start;
                }
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .menu-item, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .menu-item{
                    align-items: flex-start;
                }

            .oxy-pro-menu .oxy-pro-menu-off-canvas-container{
                    top: 0;
                    bottom: 0;
                    right: auto;
                    left: 0;
               }
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item a, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item a{
                    text-align: left;
                    justify-content: flex-start;
                }

            .oxy-site-navigation {
--oxynav-brand-color:#4831B0;
--oxynav-neutral-color:#FFFFFF;
--oxynav-activehover-color:#EFEDF4;
--oxynav-background-color:#4831B0;
--oxynav-border-radius:0px;
--oxynav-other-spacing:8px;
--oxynav-transition-duration:0.3s;
--oxynav-transition-timing-function:cubic-bezier(.84,.05,.31,.93);
}

.oxy-site-navigation .oxy-site-navigation__mobile-close-wrapper{
text-align:left;
}

.oxy-site-navigation > ul{ left: 0; }
.oxy-site-navigation {
                        --oxynav-animation-name: none; 
                    }

                .oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1){ 
                    background-color: var(--oxynav-brand-color);
                    transition: var(--oxynav-transition-duration);
                    margin-left: var(--oxynav-other-spacing);
                    border: none;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2){ 
                    background: transparent;
                    border: 1px solid currentColor;
                    transition: var(--oxynav-transition-duration);
                    margin-left: var(--oxynav-other-spacing);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2):not(:hover) > img{
                    filter: invert(0) !important;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover{
                    background-color: var(--oxynav-activehover-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a{
                    color: var(--oxynav-neutral-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a{
                    color: var(--oxynav-brand-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a{
                    color: var(--oxynav-brand-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a::after{
                    color: var(--oxynav-neutral-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a::after{
                    color: var(--oxynav-brand-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a::after{
                    color: var(--oxynav-brand-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
                    display: none;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > button, .oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
                    display: none;
                }

                .ct-section-inner-wrap, .oxy-header-container{
  max-width: 1120px;
}
body {font-family: 'Nunito Sans';}body {line-height: 1.6;font-size: 16px;font-weight: 400;color: #404040;}.oxy-nav-menu-hamburger-line {background-color: #404040;}h1, h2, h3, h4, h5, h6 {font-family: 'DM Serif Display';font-size: 36px;font-weight: 700;}h2, h3, h4, h5, h6{font-size: 30px;}h3, h4, h5, h6{font-size: 24px;}h4, h5, h6{font-size: 20px;}h5, h6{font-size: 18px;}h6{font-size: 16px;}a {color: #0074db;text-decoration: none;}a:hover {text-decoration: none;}.ct-link-text {text-decoration: ;}.ct-link {text-decoration: ;}.ct-link-button {border-radius: 3px;}.ct-section-inner-wrap {
padding-top: 75px;
padding-right: 20px;
padding-bottom: 75px;
padding-left: 20px;
}.ct-new-columns > .ct-div-block {
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}.oxy-header-container {
padding-right: 20px;
padding-left: 20px;
}@media (max-width: 992px) {
				.ct-columns-inner-wrap {
					display: block !important;
				}
				.ct-columns-inner-wrap:after {
					display: table;
					clear: both;
					content: "";
				}
				.ct-column {
					width: 100% !important;
					margin: 0 !important;
				}
				.ct-columns-inner-wrap {
					margin: 0 !important;
				}
			}
.menu-item:active{
 color:#00b7dd;
}
.menu-item {
 font-family:'Montserrat';
 padding-top:8px;
 padding-right:10px;
 padding-bottom:8px;
 padding-left:10px;
 font-size:14px;
 letter-spacing:.5px;
 font-weight:600;
 color:#212121;
}
.door-closed {
 position:relative;
}
.door-wrap {
 position:relative;
 padding-top:0px;
 padding-bottom:0px;
 padding-left:0px;
 padding-right:0px;
 margin-top:-20px;
}
.door-wrap:not(.ct-section):not(.oxy-easy-posts),
.door-wrap.oxy-easy-posts .oxy-posts,
.door-wrap.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.door-open {
 width:100%;
}
.door-glow {
}
.headline1-gradient {
 letter-spacing:1px;
 line-height:1.3;
 margin-bottom:0px;
 color:#00b7dd;
 font-size:65px;
 text-shadow:0px #212121;
background: linear-gradient(to right, #7ecfcf, #6abf8a, #f5d97a, #f5a96a, #f08585, #e88aac); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
@media (max-width: 991px) {
.headline1-gradient {
 font-size:75px;
}
}

@media (max-width: 767px) {
.headline1-gradient {
 font-size:70px;
 margin-top:0px;
 margin-bottom:0px;
}
}

@media (max-width: 479px) {
.headline1-gradient {
 font-size:70px;
}
}

.moving-arrow {
 width:40px;
}
@media (max-width: 767px) {
.moving-arrow {
 width:25px;
}
}

@media (max-width: 479px) {
.moving-arrow {
 width:30px;
}
}

.ticket-card {
background-image: linear-gradient(45deg, #082749, #01142c, #01142c);transform:rotate(-deg); border-radius:24px;
 border-top-color:rgba(0,183,221,0.5);
 border-right-color:rgba(0,183,221,0.5);
 border-bottom-color:rgba(0,183,221,0.5);
 border-left-color:rgba(0,183,221,0.5);
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 text-align:left;
 overflow:visible;
 z-index:5;
 margin-bottom:51px;
 background-color:#082749;
 position:relative;
position: relative; border: 1px solid transparent; border-radius: 28px; background: linear-gradient(#0a2849, #0c1c31) padding-box, linear-gradient( 135deg, #00b7dd 0%, #34c38a 30%, #ee7e73 60%, #f4c85e 100% ) border-box;
}
.ticket-card:not(.ct-section):not(.oxy-easy-posts),
.ticket-card.oxy-easy-posts .oxy-posts,
.ticket-card.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
@media (max-width: 1120px) {
.ticket-card {
background-size: cover;}
}

@media (max-width: 991px) {
.ticket-card {
 width:100%;
 text-align:left;
 max-width:400px;
 margin-left:auto;
 margin-right:auto;
}
.ticket-card:not(.ct-section):not(.oxy-easy-posts),
.ticket-card.oxy-easy-posts .oxy-posts,
.ticket-card.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
}

@media (max-width: 767px) {
.ticket-card {
 width:80%;
}
}

@media (max-width: 479px) {
.ticket-card {
 width:100%;
}
}

.ticket-card_image {
 margin-bottom:6px;
 height:110px;
}
@media (max-width: 767px) {
.ticket-card_image {
 margin-bottom:12px;
}
}

.ticket-card_title {
 margin-top:15px;
 margin-bottom:0px;
 text-transform:uppercase;
 font-size:30px;
}
@media (max-width: 1120px) {
.ticket-card_title {
 font-size:28px;
}
}

@media (max-width: 991px) {
.ticket-card_title {
 font-size:35px;
}
}

@media (max-width: 767px) {
.ticket-card_title {
 font-size:40px;
 margin-top:0px;
 margin-bottom:27px;
 line-height:1;
 text-align:center;
}
}

@media (max-width: 479px) {
.ticket-card_title {
 font-size:35px;
}
}

.ticket-card_time {
 font-family:Nunito Sans;
 color:#212121;
 line-height:1.2;
 text-align:center;
 text-transform:uppercase;
 font-size:20px;
}
.ticket-card_divider {
 width:100px;
 height:2px;
 margin-top:12px;
 margin-bottom:12px;
}
.ticket-card_text {
 font-size:14px;
 text-align:center;
 line-height:1.3;
 margin-bottom:9px;
 color:#212121;
}
@media (max-width: 991px) {
.ticket-card_text {
 font-size:18px;
}
}

.ticket-card_check-icon {
color: #333333;}.ticket-card_check-icon 
>svg {width: 21px;height: 21px;}.ticket-card_check-icon {
 margin-right:10px;
}
.ticket-card_checklist-item {
 margin-bottom:2px;
 margin-top:2px;
 padding-bottom:2px;
}
.ticket-card_checklist-item:not(.ct-section):not(.oxy-easy-posts),
.ticket-card_checklist-item.oxy-easy-posts .oxy-posts,
.ticket-card_checklist-item.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:flex-start;
}
.ticket-card_price {
 font-size:30px;
 font-weight:700;
 text-align:center;
 margin-top:13px;
 margin-bottom:11px;
}
.ticket-card_button {
 font-family:'Montserrat';
 background-color:#00b7dd;
 color:#ffffff;
 border-radius:999px;
 padding-top:10px;
 padding-left:25px;
 padding-right:25px;
 padding-bottom:10px;
 margin-top:auto;
 font-weight:600;
 font-size:16px;
}
.ticket-card_button:not(.ct-section):not(.oxy-easy-posts),
.ticket-card_button.oxy-easy-posts .oxy-posts,
.ticket-card_button.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
.social-icons-div {
}
@media (max-width: 767px) {
.social-icons-div {
}
}

.social-icon {
color: #00b7dd;}.social-icon 
>svg {width: 25px;height: 25px;}.social-icon {
 margin-left:5px;
 padding-top:3px;
 padding-right:3px;
 padding-bottom:3px;
 padding-left:3px;
 margin-top:0px;
}
@media (max-width: 767px) {
.social-icon {
}.social-icon 
>svg {width: 22px;height: 22px;}.social-icon {
}
}

.button_primary-small {
 font-family:'Montserrat';
 background-color:#00b7dd;
 color:#ffffff;
 border-radius:999px;
 padding-top:8px;
 padding-left:21px;
 padding-right:21px;
 padding-bottom:8px;
 font-weight:600;
 font-size:14px;
 margin-top:7px;
}
.button_primary-small:not(.ct-section):not(.oxy-easy-posts),
.button_primary-small.oxy-easy-posts .oxy-posts,
.button_primary-small.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
@media (max-width: 1120px) {
.button_primary-small {
}
}

@media (max-width: 991px) {
.button_primary-small {
}
.button_primary-small:not(.ct-section):not(.oxy-easy-posts),
.button_primary-small.oxy-easy-posts .oxy-posts,
.button_primary-small.ct-section .ct-section-inner-wrap{
align-items:center;
}
}

.ticket-card_text2 {
 font-family:Nunito Sans;
 color:#212121;
 line-height:1;
 font-size:15px;
 font-weight:500;
}
@media (max-width: 991px) {
.ticket-card_text2 {
 font-size:18px;
}
}

.door-open-20 {
}
.door-background {
}
.header-hero-section {
background-image:url(https://cocosselfiespace.com//wp-content/uploads/2026/08/bg_home_hero-1.webp);background-size: 100% 100%; background-position:50% 0%;
}
.header-hero-section .ct-section-inner-wrap {
padding-bottom: 209px;
}
@media (max-width: 1120px) {
.header-hero-section {
}
.header-hero-section .ct-section-inner-wrap {
padding-bottom: 89px;
}
}

.hero-floor {
}
.button_primary:hover{
transform:scale(1.02,1.02);}
.button_primary {
transform:; font-family:'Montserrat';
 background-color:#00b7dd;
 color:#ffffff;
 border-radius:999px;
 padding-top:13px;
 padding-left:35px;
 padding-bottom:13px;
 margin-top:10px;
 font-weight:600;
 font-size:17px;
 text-transform:uppercase;
 letter-spacing:.8px;
 transition-duration:.3s;
 margin-bottom:10px;
 padding-right:35px;
 line-height:1.2;
 width:auto;
}
.button_primary:not(.ct-section):not(.oxy-easy-posts),
.button_primary.oxy-easy-posts .oxy-posts,
.button_primary.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:space-around;
}
@media (max-width: 991px) {
.button_primary {
 font-size:14px;
}
}

@media (max-width: 767px) {
.button_primary {
 margin-top:56px;
}
}

@media (max-width: 479px) {
.button_primary {
 margin-top:0px;
}
}

.button_icon {
color: #ffffff;}.button_icon 
>svg {width: 18px;height: 18px;}.button_icon {
 margin-right:10px;
 margin-left:0px;
}
@media (max-width: 991px) {
.button_icon {
}.button_icon 
>svg {width: 24px;height: 24px;}.button_icon {
}
}

.button_secondary {
 font-family:'Montserrat';
 color:#00b7dd;
 border-radius:999px;
 padding-left:20px;
 padding-right:20px;
 padding-bottom:8px;
 font-weight:600;
 font-size:15px;
 text-transform:uppercase;
 letter-spacing:.1px;
 border-top-color:#00b7dd;
 border-right-color:#00b7dd;
 border-bottom-color:#00b7dd;
 border-left-color:#00b7dd;
 border-top-width:2px;
 border-right-width:2px;
 border-bottom-width:2px;
 border-left-width:2px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 padding-top:8px;
 background-color:#ffffff;
}
.button_secondary:not(.ct-section):not(.oxy-easy-posts),
.button_secondary.oxy-easy-posts .oxy-posts,
.button_secondary.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:space-around;
}
@media (max-width: 991px) {
.button_secondary {
 font-size:14px;
}
}

.button_icon-secondary {
color: #00b7dd;}.button_icon-secondary 
>svg {width: 18px;height: 18px;}.button_icon-secondary {
 margin-right:9px;
}
.div-bottom {
}
@media (max-width: 991px) {
.div-bottom {
 margin-top:0px;
 order:2;
}
}

.div-top {
 z-index:5;
}
.info-capsule {
 text-align:left;
 padding-top:5px;
 padding-bottom:5px;
 padding-left:15px;
 padding-right:15px;
 border-top-color:rgba(0,183,221,0.45);
 border-right-color:rgba(0,183,221,0.45);
 border-bottom-color:rgba(0,183,221,0.45);
 border-left-color:rgba(0,183,221,0.45);
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-radius:999px;
 margin-right:10px;
 margin-bottom:5px;
 margin-top:5px;
 width:230px;
}
.info-capsule:not(.ct-section):not(.oxy-easy-posts),
.info-capsule.oxy-easy-posts .oxy-posts,
.info-capsule.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
.button_outline1 {
 font-family:'Montserrat';
 color:#ffffff;
 border-radius:999px;
 padding-top:10px;
 padding-left:25px;
 padding-right:25px;
 padding-bottom:10px;
 font-weight:600;
 font-size:14px;
 border-top-color:#00b7dd;
 border-right-color:#00b7dd;
 border-bottom-color:#00b7dd;
 border-left-color:#00b7dd;
 border-top-width:2px;
 border-right-width:2px;
 border-bottom-width:2px;
 border-left-width:2px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
}
.button_outline1:not(.ct-section):not(.oxy-easy-posts),
.button_outline1.oxy-easy-posts .oxy-posts,
.button_outline1.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
}
@media (max-width: 1120px) {
.button_outline1 {
}
}

@media (max-width: 991px) {
.button_outline1 {
}
}

.gradient-border {
 border-radius:24px;
 width:100%;
 overflow:hidden;
 z-index:5;
 box-shadow:0px 0px 5px #a05fce;
position: relative; border: 1px solid transparent; border-radius: 28px; background: linear-gradient(#0a2849, #0c1c31) padding-box, linear-gradient( 135deg, #00b7dd 0%, #34c38a 30%, #ee7e73 60%, #f4c85e 100% ) border-box;
}
.gradient-border .ct-section-inner-wrap {
padding-bottom: 167px;
}
.gradient-border:not(.ct-section):not(.oxy-easy-posts),
.gradient-border.oxy-easy-posts .oxy-posts,
.gradient-border.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:wrap;
}
.bouncing-arrow {
}
.card_event-dk {
}
.event-card-container {
 width:100%;
 padding-bottom:0px;
}
.event-card-container:not(.ct-section):not(.oxy-easy-posts),
.event-card-container.oxy-easy-posts .oxy-posts,
.event-card-container.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(3, minmax(0px, 1fr));grid-column-gap: 16px;grid-row-gap: 20px;}
@media (max-width: 1120px) {
.event-card-container {
}
.event-card-container:not(.ct-section):not(.oxy-easy-posts),
.event-card-container.oxy-easy-posts .oxy-posts,
.event-card-container.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
}

@media (max-width: 767px) {
.event-card-container {
}
.event-card-container:not(.ct-section):not(.oxy-easy-posts),
.event-card-container.oxy-easy-posts .oxy-posts,
.event-card-container.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(1, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
}

@media (max-width: 479px) {
.event-card-container {
}
.event-card-container:not(.ct-section):not(.oxy-easy-posts),
.event-card-container.oxy-easy-posts .oxy-posts,
.event-card-container.ct-section .ct-section-inner-wrap{
display:flex;
}
}

.event-card {
background-image:url(https://cocosselfiespace.com//wp-content/uploads/2026/10/Cares-Card-Summer.webp); position:relative;
 color:#ffffff;
 padding-top:24px;
 padding-right:22px;
 padding-bottom:22px;
 padding-left:22px;
 background-color:#ffffff;
}
.event-card__header {
 margin-bottom:8px;
}
.event-card__header:not(.ct-section):not(.oxy-easy-posts),
.event-card__header.oxy-easy-posts .oxy-posts,
.event-card__header.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
.event-card_title {
 color:rgba(255,255,255,0.94);
 letter-spacing:1px;
}
.event-card__icon {
color: #00b7dd;}.event-card__icon 
>svg {width: 45px;height: 45px;}.event-card__icon {
 margin-right:10px;
}
.event-card--blue {
 border-top-color:#00b7dd;
 border-right-color:#00b7dd;
 border-bottom-color:#00b7dd;
 border-left-color:#00b7dd;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
}
.event-card__meta {
 gap:8px;
 margin-bottom:13px;
 width:100%;
 margin-top:17px;
 color:#e7f7fa;
}
.event-card__meta:not(.ct-section):not(.oxy-easy-posts),
.event-card__meta.oxy-easy-posts .oxy-posts,
.event-card__meta.ct-section .ct-section-inner-wrap{
display:flex;
flex-wrap:wrap;
gap:8px;
}
.event-card__date {
}
.event-card__time {
}
.card_wardrobe {
 position:relative;
 background-repeat:no-repeat;
 width:369px;
 padding-top:373px;
background-position:bottom;
}
.card_wardrobe:not(.ct-section):not(.oxy-easy-posts),
.card_wardrobe.oxy-easy-posts .oxy-posts,
.card_wardrobe.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
}
@media (max-width: 1120px) {
.card_wardrobe {
 width:240px;
 height:520px;
}
}

@media (max-width: 991px) {
.card_wardrobe {
 width:100%;
 height:750px;
 padding-bottom:20px;
 padding-left:12px;
 padding-right:12px;
}
.card_wardrobe:not(.ct-section):not(.oxy-easy-posts),
.card_wardrobe.oxy-easy-posts .oxy-posts,
.card_wardrobe.ct-section .ct-section-inner-wrap{
justify-content:flex-end;
}
}

@media (max-width: 767px) {
.card_wardrobe {
 height:900px;
}
}

.card_wardrobe-img {
 left:0px;
 z-index:0;
 top:0px;
 height:616.3px;
 width:359px;
 position:absolute;
}
@media (max-width: 1120px) {
.card_wardrobe-img {
 width:auto;
}
}

@media (max-width: 991px) {
.card_wardrobe-img {
 width:100%;
}
}

.card_wardrobe-title {
 text-align:center;
 z-index:5;
 font-size:27px;
 font-weight:600;
 line-height:1.1;
 letter-spacing:1px;
}
@media (max-width: 1120px) {
.card_wardrobe-title {
 font-size:24px;
 margin-top:10px;
 line-height:1.1;
 margin-bottom:0px;
}
}

@media (max-width: 991px) {
.card_wardrobe-title {
 font-size:22px;
}
}

@media (max-width: 767px) {
.card_wardrobe-title {
 font-size:24px;
 margin-bottom:3px;
}
}

.card_wardrobe-text-wrap {
 z-index:5;
 width:224px;
 position:absolute;
 bottom:2.5%;
}
.card_wardrobe-text-wrap:not(.ct-section):not(.oxy-easy-posts),
.card_wardrobe-text-wrap.oxy-easy-posts .oxy-posts,
.card_wardrobe-text-wrap.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
@media (max-width: 1120px) {
.card_wardrobe-text-wrap {
}
}

@media (max-width: 991px) {
.card_wardrobe-text-wrap {
 padding-bottom:0px;
}
}

@media (max-width: 767px) {
.card_wardrobe-text-wrap {
 padding-bottom:12px;
 padding-left:10px;
 padding-right:10px;
}
}

.card_wardrobe-divider {
 attachment_height:107;
 attachment_width:900;
 attachment_url:https://cocosselfiespace.com//wp-content/uploads/2026/07/divider-gold-spark-line.svg;
 z-index:5;
 width:120px;
 margin-top:3px;
 margin-bottom:3px;
}
@media (max-width: 1120px) {
.card_wardrobe-divider {
 width:80px;
}
}

@media (max-width: 991px) {
.card_wardrobe-divider {
 width:110px;
 margin-top:2px;
 margin-bottom:2px;
}
}

@media (max-width: 767px) {
.card_wardrobe-divider {
 width:120px;
}
}

.card_wardrobe-text {
 text-align:center;
 color:#212121;
 line-height:1.2;
 font-size:14px;
 margin-top:2px;
 margin-bottom:2px;
 width:96%;
}
@media (max-width: 1120px) {
.card_wardrobe-text {
 margin-top:0px;
 margin-bottom:0px;
}
}

@media (max-width: 991px) {
.card_wardrobe-text {
 font-size:14px;
 margin-left:12px;
 margin-right:12px;
}
}

@media (max-width: 767px) {
.card_wardrobe-text {
 font-size:13px;
 margin-bottom:0px;
}
}

.card_wardrobe-button {
 border-top-color:#ee7e73;
 border-right-color:#ee7e73;
 border-bottom-color:#ee7e73;
 border-left-color:#ee7e73;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-radius:999px;
 padding-top:5px;
 padding-right:12px;
 padding-bottom:5px;
 padding-left:12px;
 width:180px;
 margin-bottom:32px;
 margin-top:12px;
 font-weight:600;
}
.card_wardrobe-button:not(.ct-section):not(.oxy-easy-posts),
.card_wardrobe-button.oxy-easy-posts .oxy-posts,
.card_wardrobe-button.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
}
@media (max-width: 1120px) {
.card_wardrobe-button {
 margin-bottom:26px;
}
}

@media (max-width: 991px) {
.card_wardrobe-button {
 margin-bottom:18px;
 padding-left:20px;
 padding-right:20px;
 width:auto;
}
}

@media (max-width: 767px) {
.card_wardrobe-button {
 margin-bottom:5px;
 padding-top:5px;
 padding-bottom:5px;
}
}

.card_wardrobe-button-text {
 line-height:1;
 font-size:13px;
 text-transform:uppercase;
 font-weight:700;
}
@media (max-width: 1120px) {
.card_wardrobe-button-text {
 text-align:center;
}
}

@media (max-width: 991px) {
.card_wardrobe-button-text {
 font-size:14px;
}
}

@media (max-width: 767px) {
.card_wardrobe-button-text {
 font-size:14px;
}
}

.splide {
}
.splide__track {
}
.splide__list {
}
.splide__slide {
}
.swiper {
}
.swiper-wrapper {
}
.swiper-slide {
 margin-bottom:1px;
}
.event-card-inner {
 width:100%;
}
.custom-shape-divider {
 width:100vw;
 line-height:1;
 font-size:0px;
 position:absolute;
 left:0px;
 bottom:0px;
pointer-events: none;
}
.layered-bg-section {
https://cocosselfiespace.com//wp-content/uploads/2026/08/BGsvg_Moon-Dots-Sparks-Rings.svg https://cocosselfiespace.com//wp-content/uploads/2026/08/bg_purple-night.webp
}
.custom-shape-divider-svg {
 width:100%;
 position:absolute;
 left:0px;
 bottom:0px;
 z-index:0;
 margin-bottom:0px;
}
.custom-shape-divider-svg:not(.ct-section):not(.oxy-easy-posts),
.custom-shape-divider-svg.oxy-easy-posts .oxy-posts,
.custom-shape-divider-svg.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
@media (max-width: 767px) {
.custom-shape-divider-svg {
 margin-top:15px;
}
}

.carousel-container {
 width:100%;
 height:650px;
 position:relative;
}
@media (max-width: 479px) {
.carousel-container {
 margin-top:13px;
}
}

.carousel-track {
}
.carousel-track:not(.ct-section):not(.oxy-easy-posts),
.carousel-track.oxy-easy-posts .oxy-posts,
.carousel-track.ct-section .ct-section-inner-wrap{
display:flex;
}
.carousel-card {
 width:100%;
 height:100%;
 position:relative;
}
.carousel-card:not(.ct-section):not(.oxy-easy-posts),
.carousel-card.oxy-easy-posts .oxy-posts,
.carousel-card.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.carousel-nav {
 width:100%;
}
@media (max-width: 1120px) {
.carousel-nav {
 width:100%;
}
.carousel-nav:not(.ct-section):not(.oxy-easy-posts),
.carousel-nav.oxy-easy-posts .oxy-posts,
.carousel-nav.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
justify-content:space-between;
}
}

@media (max-width: 479px) {
.carousel-nav {
 margin-top:20px;
}
}

.nav-btn {
 background-color:rgba(255,255,255,0.65);
}
@media (max-width: 991px) {
.nav-btn {
 background-color:rgba(255,255,255,0.65);
}
}

.next-btn {
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-top-color:#ee7e73;
 border-right-color:#ee7e73;
 border-bottom-color:#ee7e73;
 border-left-color:#ee7e73;
}
.prev-btn {
}
.nav-btn-icon {
background-color: #f4f4f4;
border: 1px solid #f4f4f4;
padding: 20px;color: #333333;}.nav-btn-icon 
>svg {width: 55px;height: 55px;}.nav-btn-icon {
}
@media (max-width: 1120px) {
.nav-btn-icon {
background-color: rgba(244,244,244,0.32);
border: 1px solid rgba(244,244,244,0.32);
padding: 8px;color: #ffffff;}.nav-btn-icon 
>svg {width: 28px;height: 28px;}.nav-btn-icon {
}
}

.button_solid1 {
 font-family:'Montserrat';
 color:#ffffff;
 border-radius:999px;
 padding-top:10px;
 padding-left:25px;
 padding-right:25px;
 padding-bottom:10px;
 font-weight:600;
 font-size:14px;
 border-top-color:#63cbe;
 border-right-color:#63cbe;
 border-bottom-color:#63cbe;
 border-left-color:#63cbe;
 border-top-width:2px;
 border-right-width:2px;
 border-bottom-width:2px;
 border-left-width:2px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 background-color:#ee7e73;
}
.button_solid1:not(.ct-section):not(.oxy-easy-posts),
.button_solid1.oxy-easy-posts .oxy-posts,
.button_solid1.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
@media (max-width: 1120px) {
.button_solid1 {
}
}

@media (max-width: 991px) {
.button_solid1 {
}
}

.share-btn {
}
.interactive-btn {
}
.footer-card {
 width:100%;
}
.footer-card:not(.ct-section):not(.oxy-easy-posts),
.footer-card.oxy-easy-posts .oxy-posts,
.footer-card.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:flex-start;
}
@media (max-width: 991px) {
.footer-card {
 width:60%;
}
}

.footeer-card_text {
 margin-top:7px;
}
.footer-card_icon {
color: #333333;}.footer-card_icon 
>svg {width: 36px;height: 36px;}.footer-card_icon {
}
.row {
 border-bottom-color:rgba(255,255,255,0.3);
 border-bottom-width:1px;
 border-bottom-style:solid;
 margin-bottom:5px;
 margin-top:5px;
}
.row:not(.ct-section):not(.oxy-easy-posts),
.row.oxy-easy-posts .oxy-posts,
.row.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
.row_col1 {
 margin-right:5px;
}
.footer-card_bullet {
 margin-right:10px;
}
.footer-socail-icon {
color: #333333;}.footer-socail-icon 
>svg {width: 30px;height: 30px;}.footer-socail-icon {
 margin-left:9px;
 margin-right:9px;
}
.nav-prev {
}
.oxy-icon {
}
.oxy-nav-menu {
}
@media (max-width: 991px) {
.oxy-nav-menu {
background-size: contain; background-color:#fef6e9;
 min-width:200px;
 width:100%;
 padding-top:25px;
 padding-right:25px;
 padding-bottom:25px;
 padding-left:25px;
}
}

.oxy-menu-toggle {
}
.mobile-menu-item {
}
@media (max-width: 991px) {
.mobile-menu-item {
 margin-top:1px;
 margin-bottom:1px;
 padding-top:18px;
 padding-right:5px;
 padding-bottom:18px;
 padding-left:5px;
 border-bottom-color:rgba(188,188,188,0.51);
 border-bottom-width:1px;
 border-bottom-style:solid;
 width:100%;
}
.mobile-menu-item:not(.ct-section):not(.oxy-easy-posts),
.mobile-menu-item.oxy-easy-posts .oxy-posts,
.mobile-menu-item.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:flex-end;
justify-content:flex-start;
}
}

.mobile-menu-list_icon {
}
@media (max-width: 991px) {
.mobile-menu-list_icon {
color: #00b7dd;}.mobile-menu-list_icon 
>svg {width: 20px;height: 20px;}.mobile-menu-list_icon {
 margin-right:10px;
}
}

.mobile-menu-list_text {
}
@media (max-width: 991px) {
.mobile-menu-list_text {
 font-family:'Montserrat';
 font-weight:600;
 line-height:1;
 text-transform:uppercase;
 letter-spacing:1px;
 color:#000000;
 font-size:16px;
 margin-top:2px;
}
}

.button-with-icon {
 font-family:'Montserrat';
 background-color:#00b7dd;
 color:#ffffff;
 border-radius:999px;
 padding-top:8px;
 padding-left:21px;
 padding-right:21px;
 padding-bottom:8px;
 font-weight:600;
 font-size:14px;
 margin-top:7px;
}
.button-with-icon:not(.ct-section):not(.oxy-easy-posts),
.button-with-icon.oxy-easy-posts .oxy-posts,
.button-with-icon.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
@media (max-width: 1120px) {
.button-with-icon {
}
}

@media (max-width: 991px) {
.button-with-icon {
 padding-left:21px;
 margin-top:35px;
 width:auto;
}
.button-with-icon:not(.ct-section):not(.oxy-easy-posts),
.button-with-icon.oxy-easy-posts .oxy-posts,
.button-with-icon.ct-section .ct-section-inner-wrap{
display:flex;
align-items:center;
}
}

.flyout-panel {
}
.flyout-panel:not(.ct-section):not(.oxy-easy-posts),
.flyout-panel.oxy-easy-posts .oxy-posts,
.flyout-panel.ct-section .ct-section-inner-wrap{
display:none;
}
@media (max-width: 991px) {
.flyout-panel {
transform:translate(100%); padding-top:30px;
 padding-right:30px;
 padding-bottom:30px;
 padding-left:30px;
 z-index:99999;
 text-align:left;
 width:50%;
 position:fixed;
 top:0px;
 right:0px;
 bottom:0px;
 height:100vh;
 max-width:100vw;
 background-color:#fef6e9;
 transition-duration:0.3s;
 transition-timing-function:transform;
 box-shadow:-24px 0px rgba(13,7,56,0.3);
box-sizing: border-box;
}
.flyout-panel:not(.ct-section):not(.oxy-easy-posts),
.flyout-panel.oxy-easy-posts .oxy-posts,
.flyout-panel.ct-section .ct-section-inner-wrap{
justify-content:flex-start;
}
}

@media (max-width: 767px) {
.flyout-panel {
 width:80%;
}
}

@media (max-width: 479px) {
.flyout-panel {
 padding-left:25px;
 padding-right:25px;
 width:95%;
}
}

.flyout-close {
}
.flyout-trigger {
}
@media (max-width: 991px) {
.flyout-trigger {
cursor:pointer;
}
}

.flyout-overlay {
}
@media (max-width: 991px) {
.flyout-overlay {
 width:100vw;
 height:100vh;
 background-color:rgba(33,33,33,0.44);
}
}

.icon-coral {
}
@media (max-width: 991px) {
.icon-coral {
color: #ee7e73;}.icon-coral {
}
}

.icon-green {
}
@media (max-width: 991px) {
.icon-green {
color: #34c38a;}.icon-green {
}
}

.icon-lavender {
}
@media (max-width: 991px) {
.icon-lavender {
color: #a05fce;}.icon-lavender {
}
}

.icon-blue {
}
@media (max-width: 991px) {
.icon-blue {
color: #00b7dd;}.icon-blue {
}
}

.icon-charcoal {
}
@media (max-width: 991px) {
.icon-charcoal {
color: #545454;}.icon-charcoal {
}
}

.icon-tan {
}
@media (max-width: 991px) {
.icon-tan {
color: #e8bea7;}.icon-tan {
}
}

.icon-ochre {
}
@media (max-width: 991px) {
.icon-ochre {
color: #e8b02e;}.icon-ochre {
}
}

.button_primary-medium {
}
.button-primary-medium {
 font-family:'Montserrat';
 background-color:#00b7dd;
 color:#ffffff;
 border-radius:999px;
 padding-top:8px;
 padding-left:21px;
 padding-right:21px;
 padding-bottom:8px;
 font-weight:600;
 font-size:14px;
 margin-top:7px;
}
.button-primary-medium:not(.ct-section):not(.oxy-easy-posts),
.button-primary-medium.oxy-easy-posts .oxy-posts,
.button-primary-medium.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
@media (max-width: 1120px) {
.button-primary-medium {
}
}

@media (max-width: 991px) {
.button-primary-medium {
 padding-top:9px;
 padding-bottom:9px;
 padding-left:24px;
 padding-right:24px;
 font-size:15px;
}
.button-primary-medium:not(.ct-section):not(.oxy-easy-posts),
.button-primary-medium.oxy-easy-posts .oxy-posts,
.button-primary-medium.ct-section .ct-section-inner-wrap{
align-items:center;
}
}

.mobile-menu-modal {
}
.oxyCloseModal {
 position:absolute;
 top:15px;
 right:15px;
 z-index:1;
}
.oxy-close-modal {
color: #333333;}.oxy-close-modal 
>svg {width: 25px;height: 25px;}.oxy-close-modal {
 position:absolute;
 top:15px;
 right:15px;
}
@media (max-width: 991px) {
.oxy-close-modal {
}.oxy-close-modal 
>svg {width: 25px;height: 25px;}.oxy-close-modal {
background-color :#fef6e9;
border: 1px solid #fef6e9;
color: #000000;
}.oxy-close-modal {
}.oxy-close-modal 
>svg {width: 25px;height: 25px;}.oxy-close-modal {
 button-hover_color:#fef6e9;
 position:absolute;
 top:15px;
 right:15px;
}
.oxy-close-modal:hover{
background-color :#fef6e9;
border: 1px solid #fef6e9;
}.oxy-close-modal:hover{
}
}

.open-mobile-menu {
}
.close-icon {
}
.modal-backdrop {
}
.modal-backdrop:not(.ct-section):not(.oxy-easy-posts),
.modal-backdrop.oxy-easy-posts .oxy-posts,
.modal-backdrop.ct-section .ct-section-inner-wrap{
display:none;
}
@media (max-width: 991px) {
.modal-backdrop {
}
.modal-backdrop:not(.ct-section):not(.oxy-easy-posts),
.modal-backdrop.oxy-easy-posts .oxy-posts,
.modal-backdrop.ct-section .ct-section-inner-wrap{
display:block;
}
}

.mobile-menu-flyout {
background-image:url(https://cocosselfiespace.com//wp-content/uploads/2026/08/bg_svg_dots-mobile-menu-1-1.svg);background-size: contain; background-repeat:no-repeat;
}
@media (max-width: 991px) {
.mobile-menu-flyout {
background-image:url(https://cocosselfiespace.com//wp-content/uploads/2026/08/bg_svg_dots-mobile-menu-1-1.svg);}
}

.menu-item-dark:hover{
 color:#ffffff;
}
.menu-item-dark:active{
 color:#00b7dd;
}
.menu-item-dark {
 font-family:'Montserrat';
 padding-top:8px;
 padding-right:10px;
 padding-bottom:8px;
 padding-left:10px;
 font-size:14px;
 letter-spacing:.5px;
 font-weight:600;
 color:rgba(255,255,255,0.9);
}
.featured-event-card {
background-size: cover; padding-top:0px;
 background-repeat:no-repeat;
 background-color:#1b0d4c;
}
.featured-event-card:not(.ct-section):not(.oxy-easy-posts),
.featured-event-card.oxy-easy-posts .oxy-posts,
.featured-event-card.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
.info-capsule_icon {
color: #00b7dd;}.info-capsule_icon 
>svg {width: 27px;height: 27px;}.info-capsule_icon {
 margin-right:10px;
}
.info-capsule_text {
 color:#ffffff;
 font-size:17px;
}
.featured-event-card-light {
background-size: cover; padding-top:0px;
 background-repeat:no-repeat;
 background-color:#fef6e9;
 overflow:visible;
 padding-bottom:0px;
 border-top-color:#f4c85e;
 border-right-color:#f4c85e;
 border-bottom-color:#f4c85e;
 border-left-color:#f4c85e;
 border-top-width:2px;
 border-right-width:2px;
 border-bottom-width:2px;
 border-left-width:2px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-radius:24px;
 width:100%;
 margin-top:21px;
 height:420px;
}
.featured-event-card-light:not(.ct-section):not(.oxy-easy-posts),
.featured-event-card-light.oxy-easy-posts .oxy-posts,
.featured-event-card-light.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
align-items:center;
}
@media (max-width: 991px) {
.featured-event-card-light {
 width:450px;
}
.featured-event-card-light:not(.ct-section):not(.oxy-easy-posts),
.featured-event-card-light.oxy-easy-posts .oxy-posts,
.featured-event-card-light.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
}

@media (max-width: 767px) {
.featured-event-card-light {
 width:90%;
}
}

@media (max-width: 479px) {
.featured-event-card-light {
 width:100%;
}
}

.gradient-border-light {
 border-radius:24px;
 width:100%;
 overflow:hidden;
 z-index:5;
 position:relative;
 color:#000000;
 box-shadow:0px 0px 5px #a05fce;
position: relative; border: 1px solid transparent; border-radius: 28px; background: linear-gradient(#FDF3E8, #FDF7F0) padding-box, linear-gradient( 135deg, #F4C85E 0%, #EE7E73 30%, #f4c85e 60%, #f99086 100% ) border-box;
}
.gradient-border-light:not(.ct-section):not(.oxy-easy-posts),
.gradient-border-light.oxy-easy-posts .oxy-posts,
.gradient-border-light.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
}
.ticket-stub-div {
 padding-top:20px;
 padding-right:0px;
 padding-bottom:20px;
 padding-left:0px;
 text-align:left;
 position:relative;
 width:29%;
}
.ticket-stub-div:not(.ct-section):not(.oxy-easy-posts),
.ticket-stub-div.oxy-easy-posts .oxy-posts,
.ticket-stub-div.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
@media (max-width: 991px) {
.ticket-stub-div {
 width:100%;
 border-left-color:rgba(200,219,227,0);
 border-top-color:#c8dbe3;
 border-top-width:5px;
 border-top-style:dotted;
 height:auto;
}
}

.list-item {
}
.list-item-text {
 font-family:'Montserrat';
 color:#34c38a;
 text-transform:uppercase;
 letter-spacing:1px;
 font-weight:600;
 font-size:18px;
}
@media (max-width: 991px) {
.list-item-text {
 font-size:18px;
}
}

@media (max-width: 767px) {
.list-item-text {
 font-weight:500;
}
}

@media (max-width: 479px) {
.list-item-text {
 font-size:19px;
}
}

.list-item-bullet {
color: #34c38a;}.list-item-bullet 
>svg {width: 13px;height: 13px;}.list-item-bullet {
 margin-right:10px;
}
@media (max-width: 991px) {
.list-item-bullet {
}.list-item-bullet 
>svg {width: 16px;height: 16px;}.list-item-bullet {
}
}

@media (max-width: 479px) {
.list-item-bullet {
}.list-item-bullet 
>svg {width: 14px;height: 14px;}.list-item-bullet {
}
}

.list-group {
 width:100%;
 gap:30px;
 margin-bottom:39px;
 margin-top:6px;
}
.list-group:not(.ct-section):not(.oxy-easy-posts),
.list-group.oxy-easy-posts .oxy-posts,
.list-group.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
justify-content:center;
gap:30px;
}
@media (max-width: 991px) {
.list-group {
 text-align:left;
 width:auto;
 margin-bottom:38px;
 margin-left:auto;
 margin-right:auto;
}
.list-group:not(.ct-section):not(.oxy-easy-posts),
.list-group.oxy-easy-posts .oxy-posts,
.list-group.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:wrap;
align-items:flex-start;
}
}

@media (max-width: 767px) {
.list-group {
 text-align:left;
 gap:15px;
 width:100%;
}
.list-group:not(.ct-section):not(.oxy-easy-posts),
.list-group.oxy-easy-posts .oxy-posts,
.list-group.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
gap:15px;
}
}

@media (max-width: 479px) {
.list-group {
 width:100%;
 padding-left:12px;
 text-align:center;
}
.list-group:not(.ct-section):not(.oxy-easy-posts),
.list-group.oxy-easy-posts .oxy-posts,
.list-group.ct-section .ct-section-inner-wrap{
display:flex;
}
}

.home-hero-section {
}
.svg-dots-overlay {
transform:; position:absolute;
 width:100%;
 height:100%;
 object-fit:cover;
 left:0px;
pointer-events: none;
}
@media (max-width: 1120px) {
.svg-dots-overlay {
 object-fit:contain;
 top:0px;
 left:0px;
}
}

@media (max-width: 991px) {
.svg-dots-overlay {
 object-fit:contain;
 margin-bottom:auto;
 height:auto;
}
.svg-dots-overlay:not(.ct-section):not(.oxy-easy-posts),
.svg-dots-overlay.oxy-easy-posts .oxy-posts,
.svg-dots-overlay.ct-section .ct-section-inner-wrap{
display:block;
}
}

@media (max-width: 767px) {
.svg-dots-overlay {
 top:0px;
 object-position:top;
}
}

@media (max-width: 479px) {
.svg-dots-overlay {
 object-fit:contain;
}
}

.f-e_image {
background-size: cover; background-repeat:no-repeat;
 border-top-left-radius:25px;
 border-bottom-left-radius:25px;
 border-top-right-radius:0px;
 border-bottom-right-radius:0px;
 width:30%;
 background-position:50% 0%;
}
@media (max-width: 991px) {
.f-e_image {
background-size: cover; width:98%;
 border-bottom-left-radius:0px;
 border-top-right-radius:25px;
 margin-right:5px;
}
.f-e_image:not(.ct-section):not(.oxy-easy-posts),
.f-e_image.oxy-easy-posts .oxy-posts,
.f-e_image.ct-section .ct-section-inner-wrap{
display:flex;
justify-content:center;
}
}

@media (max-width: 479px) {
.f-e_image {
 height:250px;
}
}

.f-e_info {
 width:41%;
 padding-top:5px;
 padding-right:20px;
 padding-bottom:0px;
 padding-left:20px;
 text-align:left;
 margin-top:0px;
 border-right-color:#c8dbe3;
 border-right-width:6px;
 border-right-style:dotted;
}
.f-e_info:not(.ct-section):not(.oxy-easy-posts),
.f-e_info.oxy-easy-posts .oxy-posts,
.f-e_info.ct-section .ct-section-inner-wrap{
align-items:center;
}
@media (max-width: 991px) {
.f-e_info {
 width:100%;
 padding-top:24px;
}
}

.f-e_info-title {
 color:#000000;
 letter-spacing:1px;
 font-size:47px;
 margin-bottom:4px;
 line-height:1.3;
}
@media (max-width: 1120px) {
.f-e_info-title {
 font-size:40px;
}
}

@media (max-width: 991px) {
.f-e_info-title {
 margin-bottom:14px;
}
}

@media (max-width: 479px) {
.f-e_info-title {
 font-size:30px;
}
}

.f_e_pre-title1 {
 color:#212121;
}
.f-e_info-title-dark {
 color:#ffffff;
 letter-spacing:1px;
 font-size:47px;
 margin-bottom:4px;
}
@media (max-width: 991px) {
.f-e_info-title-dark {
 margin-bottom:14px;
}
}

@media (max-width: 479px) {
.f-e_info-title-dark {
 font-size:35px;
}
}

.f-e_pre-title1-dark {
 color:#00b7dd;
}
.info-capsule-text-dk {
 color:#ffffff;
 font-size:17px;
}
.svg-dots-overlay-left {
 width:50%;
 position:absolute;
 left:0px;
 top:0px;
 z-index:0;
pointer-events:none;
}
@media (max-width: 1120px) {
.svg-dots-overlay-left {
}
}

@media (max-width: 991px) {
.svg-dots-overlay-left {
 width:60%;
}
}

@media (max-width: 767px) {
.svg-dots-overlay-left {
 width:50%;
}
}

.svg-dots-overlay-right {
 position:absolute;
 width:50%;
 top:2%;
 z-index:0;
 right:0%;
pointer-events:none;
}
.svg-dots-overlay-right:not(.ct-section):not(.oxy-easy-posts),
.svg-dots-overlay-right.oxy-easy-posts .oxy-posts,
.svg-dots-overlay-right.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
justify-content:flex-end;
}
@media (max-width: 1120px) {
.svg-dots-overlay-right {
}
}

@media (max-width: 991px) {
.svg-dots-overlay-right {
 width:60%;
}
}

@media (max-width: 767px) {
.svg-dots-overlay-right {
 width:50%;
 top:0%;
 right:0%;
}
}

.ticket-card-dark {
}
.ticket-card-light {
background-image: linear-gradient(45deg, #fef6e9, #fefdf9, #fef6e9);transform:rotate(-deg); border-radius:24px;
 border-top-color:rgba(0,183,221,0.5);
 border-right-color:rgba(0,183,221,0.5);
 border-bottom-color:rgba(0,183,221,0.5);
 border-left-color:rgba(0,183,221,0.5);
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 text-align:left;
 overflow:visible;
 z-index:5;
 background-color:#fefdf9;
 position:relative;
position: relative; border: 1px solid transparent; border-radius: 28px; background: linear-gradient(#fefdf7, #fdf6e8) padding-box, linear-gradient( 135deg, #00b7dd 0%, #34c38a 30%, #ee7e73 60%, #f4c85e 100% ) border-box;
}
.ticket-card-light:not(.ct-section):not(.oxy-easy-posts),
.ticket-card-light.oxy-easy-posts .oxy-posts,
.ticket-card-light.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
@media (max-width: 1120px) {
.ticket-card-light {
background-size: cover;}
}

@media (max-width: 991px) {
.ticket-card-light {
 width:50%;
 text-align:left;
 margin-left:auto;
 margin-right:auto;
}
.ticket-card-light:not(.ct-section):not(.oxy-easy-posts),
.ticket-card-light.oxy-easy-posts .oxy-posts,
.ticket-card-light.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
}

@media (max-width: 767px) {
.ticket-card-light {
 width:80%;
}
}

@media (max-width: 479px) {
.ticket-card-light {
 width:100%;
}
}

.ticket-stub {
 text-align:left;
 position:relative;
 width:25%;
}
.ticket-stub:not(.ct-section):not(.oxy-easy-posts),
.ticket-stub.oxy-easy-posts .oxy-posts,
.ticket-stub.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
@media (max-width: 991px) {
.ticket-stub {
 width:100%;
 border-left-color:rgba(200,219,227,0);
 border-top-color:#c8dbe3;
 border-top-width:5px;
 border-top-style:dotted;
 height:auto;
}
}

.button_ticket:hover{
transform:scale(1.02,1.02);}
.button_ticket {
transform:; font-family:'Montserrat';
 background-color:#00b7dd;
 color:#ffffff;
 border-radius:999px;
 padding-top:10px;
 padding-left:25px;
 padding-right:25px;
 padding-bottom:9px;
 margin-top:0px;
 font-weight:600;
 font-size:14px;
 letter-spacing:.8px;
 transition-duration:.3s;
 text-align:justify;
 text-transform:uppercase;
}
.button_ticket:not(.ct-section):not(.oxy-easy-posts),
.button_ticket.oxy-easy-posts .oxy-posts,
.button_ticket.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
}
@media (max-width: 991px) {
.button_ticket {
 font-size:14px;
}
}

.ticket-notch-B {
 position:absolute;
 left:72.5%;
 bottom:-2px;
 z-index:15;
 width:55px;
 margin-bottom:-5px;
 height:25px;
}
@media (max-width: 1120px) {
.ticket-notch-B {
 left:67%;
}
}

@media (max-width: 991px) {
.ticket-notch-B {
}
.ticket-notch-B:not(.ct-section):not(.oxy-easy-posts),
.ticket-notch-B.oxy-easy-posts .oxy-posts,
.ticket-notch-B.ct-section .ct-section-inner-wrap{
display:none;
}
}

.ticket-notch-Z {
}
.ticket-notch-A {
 position:absolute;
 left:72.5%;
 z-index:15;
 width:55px;
 top:-2px;
 margin-top:-3px;
 height:25px;
}
@media (max-width: 1120px) {
.ticket-notch-A {
 left:67%;
}
}

@media (max-width: 991px) {
.ticket-notch-A {
}
.ticket-notch-A:not(.ct-section):not(.oxy-easy-posts),
.ticket-notch-A.oxy-easy-posts .oxy-posts,
.ticket-notch-A.ct-section .ct-section-inner-wrap{
display:none;
}
}

.custom-shape-divider-top {
 width:100vw;
 line-height:1;
 font-size:0px;
 position:absolute;
 left:0px;
 top:0px;
pointer-events: none;
}
.masonry-gallery {
column-count: 4; /* Adjust the number of columns here */ column-gap: 10px; /* Space between columns */ width: 100%;
}
.masonry-gallery:not(.ct-section):not(.oxy-easy-posts),
.masonry-gallery.oxy-easy-posts .oxy-posts,
.masonry-gallery.ct-section .ct-section-inner-wrap{
display:block;
}
.gallery-item {
 border-radius:20px;
position: relative; display: inline-block; width: 100%; margin-bottom: 20px; /* Space between rows */ overflow: hidden; background-color: #fdf6e8;
}
.image-default {
}
.image-hover {
}
.video {
 border-radius:24px;
 width:100%;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 overflow:hidden;
 border-top-color:#ffffff;
 border-right-color:#ffffff;
 border-bottom-color:#ffffff;
 border-left-color:#ffffff;
}
.column {
 width:100%;
 gap:20px;
 margin-top:20px;
}
.column:not(.ct-section):not(.oxy-easy-posts),
.column.oxy-easy-posts .oxy-posts,
.column.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:flex-start;
gap:20px;
}
.col-left {
 width:50%;
 margin-top:0px;
}
@media (max-width: 991px) {
.col-left {
 margin-top:32px;
}
}

@media (max-width: 767px) {
.col-left {
 width:100%;
 margin-bottom:5px;
}
.col-left:not(.ct-section):not(.oxy-easy-posts),
.col-left.oxy-easy-posts .oxy-posts,
.col-left.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
}

@media (max-width: 479px) {
.col-left {
}
.col-left:not(.ct-section):not(.oxy-easy-posts),
.col-left.oxy-easy-posts .oxy-posts,
.col-left.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
}

.pre-headline {
 font-family:'Montserrat';
 font-size:30px;
 font-weight:500;
 text-transform:uppercase;
 text-align:center;
 color:#00b7dd;
}
@media (max-width: 1120px) {
.pre-headline {
 margin-bottom:0px;
 font-size:25px;
}
}

@media (max-width: 991px) {
.pre-headline {
 font-size:25px;
 line-height:1.3;
}
}

@media (max-width: 767px) {
.pre-headline {
 text-align:center;
 margin-top:0px;
 font-size:30px;
}
}

@media (max-width: 479px) {
.pre-headline {
 margin-top:0px;
}
}

.headline-title {
 font-family:DM Serif Display;
 font-size:70px;
 line-height:1;
 margin-top:0px;
}
@media (max-width: 1120px) {
.headline-title {
 font-size:60px;
}
}

@media (max-width: 991px) {
.headline-title {
 font-size:45px;
}
}

@media (max-width: 767px) {
.headline-title {
 font-size:60px;
}
}

@media (max-width: 479px) {
.headline-title {
 font-size:55px;
 text-align:center;
}
}

.headline {
 line-height:1.3;
 text-align:center;
 font-size:60px;
 margin-bottom:14px;
 object-fit:cover;
}
.headline .ct-section-inner-wrap {
padding-bottom: 39px;
}
@media (max-width: 1120px) {
.headline {
 margin-bottom:10px;
 margin-top:15px;
 z-index:10;
 font-size:45px;
}
}

@media (max-width: 991px) {
.headline {
 font-size:42px;
 text-align:center;
 line-height:1.2;
}
}

@media (max-width: 767px) {
.headline {
 font-size:45px;
 margin-bottom:24px;
 margin-top:14px;
}
}

@media (max-width: 479px) {
.headline {
 margin-bottom:3px;
 font-size:35px;
 text-align:center;
 margin-top:29px;
}
}

.paragraph {
 margin-bottom:0px;
 font-size:19px;
 max-width:800px;
 margin-top:7px;
 line-height:1.5;
 text-align:left;
}
@media (max-width: 1120px) {
.paragraph {
 text-align:left;
 font-size:18px;
 margin-bottom:3px;
}
}

@media (max-width: 991px) {
.paragraph {
 font-size:16px;
}
}

@media (max-width: 767px) {
.paragraph {
 margin-bottom:21px;
 margin-top:14px;
 text-align:left;
}
}

@media (max-width: 479px) {
.paragraph {
 font-size:16px;
}
}

.paragraph-A {
 padding-top:7px;
 padding-bottom:7px;
 margin-bottom:0px;
 font-size:26px;
 line-height:1.4;
 margin-top:0px;
 z-index:5;
 margin-left:auto;
 margin-right:auto;
}
@media (max-width: 1120px) {
.paragraph-A {
 margin-top:20px;
 font-size:23px;
}
}

@media (max-width: 767px) {
.paragraph-A {
 text-align:center;
 margin-bottom:0px;
}
}

@media (max-width: 479px) {
.paragraph-A {
 margin-top:26px;
 margin-bottom:24px;
 font-size:22px;
}
}

.text-gradient {
 letter-spacing:1px;
 line-height:1.3;
 color:#00b7dd;
 font-size:70px;
 margin-bottom:31px;
 text-shadow:0px #212121;
background: linear-gradient(to right, #7ecfcf, #6abf8a, #f5d97a, #f5a96a, #f08585, #e88aac); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
@media (max-width: 991px) {
.text-gradient {
 font-size:50px;
}
}

@media (max-width: 767px) {
.text-gradient {
 font-size:45px;
}
}

@media (max-width: 479px) {
.text-gradient {
}
}

.script-text {
 font-family:'Sacramento';
 font-size:40px;
 font-weight:600;
 color:#ee7e73;
 margin-bottom:23px;
 margin-top:10px;
 line-height:1.3;
}
@media (max-width: 991px) {
.script-text {
 font-size:35px;
}
}

@media (max-width: 767px) {
.script-text {
 margin-bottom:6px;
 text-align:center;
}
}

@media (max-width: 479px) {
.script-text {
 text-align:center;
 margin-top:39px;
 margin-bottom:0px;
}
}

.quote {
 font-family:'Montserrat';
 font-size:30px;
 max-width:900px;
 margin-left:auto;
 margin-right:auto;
}
@media (max-width: 1120px) {
.quote {
 max-width:600px;
}
}

@media (max-width: 767px) {
.quote {
 font-size:25px;
 text-align:center;
}
}

@media (max-width: 479px) {
.quote {
 font-size:22px;
}
}

.quote-author {
 text-align:right;
 font-size:22px;
 margin-top:10px;
 margin-left:auto;
}
.bullet-text-wrap {
 font-size:19px;
 font-weight:700;
 margin-top:1px;
 margin-bottom:1px;
 color:#00b7dd;
}
.bullet-text-wrap:not(.ct-section):not(.oxy-easy-posts),
.bullet-text-wrap.oxy-easy-posts .oxy-posts,
.bullet-text-wrap.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
@media (max-width: 991px) {
.bullet-text-wrap {
 margin-bottom:3px;
 margin-top:3px;
}
}

.bullet-text_icon {
color: #00b7dd;}.bullet-text_icon 
>svg {width: 18px;height: 18px;}.bullet-text_icon {
 margin-right:10px;
}
.splatter-overly-left {
 width:50%;
 position:absolute;
 left:0px;
pointer-events:none;
}
@media (max-width: 1120px) {
.splatter-overly-left {
 z-index:0;
}
}

@media (max-width: 767px) {
.splatter-overly-left {
 position:absolute;
}
}

.splatter-overlay-right {
 position:absolute;
 right:0px;
}
@media (max-width: 1120px) {
.splatter-overlay-right {
 top:0px;
 right:0px;
}
}

@media (max-width: 991px) {
.splatter-overlay-right {
 width:25%;
}
}

@media (max-width: 767px) {
.splatter-overlay-right {
 top:45%;
}
}

.ticket-notch-left {
}
.ticket-notch-left:not(.ct-section):not(.oxy-easy-posts),
.ticket-notch-left.oxy-easy-posts .oxy-posts,
.ticket-notch-left.ct-section .ct-section-inner-wrap{
display:none;
}
@media (max-width: 991px) {
.ticket-notch-left {
 position:absolute;
 bottom:160px;
 left:-1.5px;
}
}

.ticket-notch-right {
}
.ticket-notch-right:not(.ct-section):not(.oxy-easy-posts),
.ticket-notch-right.oxy-easy-posts .oxy-posts,
.ticket-notch-right.ct-section .ct-section-inner-wrap{
display:none;
}
@media (max-width: 991px) {
.ticket-notch-right {
 position:absolute;
 right:-1.5px;
 bottom:160px;
}
}

.ticket-card-text-paragraph {
}
@media (max-width: 991px) {
.ticket-card-text-paragraph {
 width:90%;
 margin-bottom:35px;
}
}

.headline3-blue {
 font-family:'Montserrat';
 margin-top:9px;
 color:#018bad;
 text-align:center;
 font-size:30px;
 margin-bottom:0px;
 font-style:italic;
 font-weight:500;
}
@media (max-width: 767px) {
.headline3-blue {
 max-width:70%;
 margin-top:14px;
 margin-bottom:0px;
 line-height:1.2;
 color:#22bce2;
}
}

@media (max-width: 479px) {
.headline3-blue {
 font-family:'Montserrat';
 font-size:24px;
 margin-bottom:0px;
 margin-top:15px;
 font-weight:500;
}
}

.button-primary_icon {
color: #ffffff;}.button-primary_icon 
>svg {width: 24px;height: 24px;}.button-primary_icon {
 margin-left:10px;
}
.headline3-blue-lt {
 color:#92ddef;
}
.image-color-changer {
 width:50%;
 height:750px;
 margin-bottom:0px;
 border-top-left-radius:28px;
 border-bottom-left-radius:28px;
 overflow:hidden;
}
@media (max-width: 767px) {
.image-color-changer {
 width:100%;
 height:450px;
}
}

.image-target {
 margin-bottom:0px;
}
@media (max-width: 1120px) {
.image-target {
 margin-left:0px;
}
}

@media (max-width: 767px) {
.image-target {
 margin-top:15px;
}
}

@media (max-width: 479px) {
.image-target {
 margin-bottom:0px;
 margin-top:25px;
}
}

.image-start {
}
.sub-headline {
 color:#0092af;
 font-size:27px;
 font-weight:800;
 text-transform:uppercase;
 line-height:1.3;
 margin-bottom:10px;
 letter-spacing:1px;
}
@media (max-width: 991px) {
.sub-headline {
 font-size:25px;
 line-height:1.3;
}
}

@media (max-width: 767px) {
.sub-headline {
 text-align:center;
 margin-top:0px;
}
}

.info-capsule-text-lt {
 color:#000000;
 font-size:17px;
}
.booking-card {
 border-radius:24px;
 padding-top:10px;
 padding-right:15px;
 padding-bottom:24px;
 padding-left:15px;
 text-align:center;
 position:relative;
 overflow:hidden;
 box-shadow:0px 1px 12px -6px #01142c;
}
.booking-card:not(.ct-section):not(.oxy-easy-posts),
.booking-card.oxy-easy-posts .oxy-posts,
.booking-card.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
@media (max-width: 767px) {
.booking-card {
 max-width:325px;
 padding-bottom:57px;
}
}

.button_primary-icon {
color: #ffffff;}.button_primary-icon 
>svg {width: 30px;height: 30px;}.button_primary-icon {
 margin-left:10px;
pointer-events:none;
}
@media (max-width: 991px) {
.button_primary-icon {
}.button_primary-icon 
>svg {width: 24px;height: 24px;}.button_primary-icon {
}
}

.camera-carousel-wrapper {
 width:100%;
 border-radius:28px;
 position:relative;
}
.camera-carousel-container {
}
.camera-carousel-container:not(.ct-section):not(.oxy-easy-posts),
.camera-carousel-container.oxy-easy-posts .oxy-posts,
.camera-carousel-container.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
.selfie-card {
}
.flash-overlay {
 width:auto;
}
.camera-carousel-image {
 height:350px;
 width:235.08px;
}
.box-shadow {
 box-shadow:0px 1px 12px -6px #01142c;
}
.box-shadow:not(.ct-section):not(.oxy-easy-posts),
.box-shadow.oxy-easy-posts .oxy-posts,
.box-shadow.ct-section .ct-section-inner-wrap{
flex-direction:column;
align-items:center;
}
@media (max-width: 767px) {
.box-shadow {
 max-width:325px;
 padding-bottom:57px;
}
}

.icon-circle {
 border-radius:999px;
 margin-bottom:7px;
}
.card-event_title {
 font-size:20px;
 margin-top:1px;
 margin-bottom:0px;
}
@media (max-width: 767px) {
.card-event_title {
 text-align:center;
}
}

.card-event_text {
 font-size:17px;
 line-height:1.2;
 text-align:center;
 margin-bottom:7px;
}
@media (max-width: 479px) {
.card-event_text {
 margin-bottom:17px;
}
}

.party-card {
 border-radius:24px;
 padding-top:20px;
 padding-right:20px;
 padding-bottom:20px;
 padding-left:20px;
 background-color:#ffffff;
 position:relative;
 max-width:600px;
}
.party-card:not(.ct-section):not(.oxy-easy-posts),
.party-card.oxy-easy-posts .oxy-posts,
.party-card.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
@media (max-width: 991px) {
.party-card {
 max-width:600px;
}
}

@media (max-width: 479px) {
.party-card {
 text-align:left;
}
.party-card:not(.ct-section):not(.oxy-easy-posts),
.party-card.oxy-easy-posts .oxy-posts,
.party-card.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
}

.party-card_col1 {
 border-right-color:rgba(73,106,140,0.25);
 border-right-width:1px;
 border-right-style:solid;
 width:21%;
 padding-right:12px;
 margin-right:15px;
 height:220px;
}
.party-card_col1:not(.ct-section):not(.oxy-easy-posts),
.party-card_col1.oxy-easy-posts .oxy-posts,
.party-card_col1.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
@media (max-width: 479px) {
.party-card_col1 {
}
.party-card_col1:not(.ct-section):not(.oxy-easy-posts),
.party-card_col1.oxy-easy-posts .oxy-posts,
.party-card_col1.ct-section .ct-section-inner-wrap{
display:none;
}
}

.evemt-gallery {
 width:100%;
 padding-right:0px;
grid-template-columns: repeat(12, 1fr);
}
.evemt-gallery:not(.ct-section):not(.oxy-easy-posts),
.evemt-gallery.oxy-easy-posts .oxy-posts,
.evemt-gallery.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(12, minmax(200px, 1fr));grid-column-gap: 16px;grid-row-gap: 16px;}
.evemt-gallery:not(.ct-section):not(.oxy-easy-posts) > *,
.evemt-gallery.ct-section .ct-section-inner-wrap > *,
.evemt-gallery.oxy-easy-posts .oxy-posts > *{
grid-column: span 2;grid-row: span 2;height: 100%;}
.evemt-gallery:not(.ct-section):not(.oxy-easy-posts) > :last-child,
.evemt-gallery.ct-section .ct-section-inner-wrap > :last-child,
.evemt-gallery.oxy-easy-posts .oxy-posts > :last-child{
grid-row: span 1;}
.evemt-gallery:not(.ct-section):not(.oxy-easy-posts) > :nth-child(1),
.evemt-gallery.ct-section .ct-section-inner-wrap > :nth-child(1),
.evemt-gallery.oxy-easy-posts .oxy-posts > :nth-child(1){
grid-column: span 3;grid-row: span 2;height: 100%;}
.evemt-gallery:not(.ct-section):not(.oxy-easy-posts) > :nth-child(2),
.evemt-gallery.ct-section .ct-section-inner-wrap > :nth-child(2),
.evemt-gallery.oxy-easy-posts .oxy-posts > :nth-child(2){
grid-row: span 1;}
.evemt-gallery:not(.ct-section):not(.oxy-easy-posts) > :nth-child(3),
.evemt-gallery.ct-section .ct-section-inner-wrap > :nth-child(3),
.evemt-gallery.oxy-easy-posts .oxy-posts > :nth-child(3){
grid-column: span 2;grid-row: span 1;}
.event-gallery_img {
 border-radius:16px;
 width:100%;
 height:100%;
 object-fit:cover;
}
.event-gallery_img:not(.ct-section):not(.oxy-easy-posts),
.event-gallery_img.oxy-easy-posts .oxy-posts,
.event-gallery_img.ct-section .ct-section-inner-wrap{
display:block;
}
.gallery-image {
 object-fit:cover;
 width:100%;
 height:100%;
 border-radius:18px;
 margin-bottom:10px;
}
.party-card_title {
 line-height:1;
 font-size:36px;
 color:#212121;
 letter-spacing:1.1px;
}
@media (max-width: 767px) {
.party-card_title {
 font-size:30px;
}
}

@media (max-width: 479px) {
.party-card_title {
 margin-top:6px;
 font-size:35px;
}
}

.party-card_col2 {
 width:80%;
}
@media (max-width: 479px) {
.party-card_col2 {
 width:100%;
}
}

.party-card_subtitle {
 text-transform:uppercase;
 font-size:16px;
 border-bottom-color:rgba(0,183,221,0.6);
 border-bottom-width:1px;
 border-bottom-style:solid;
 padding-bottom:5px;
}
@media (max-width: 767px) {
.party-card_subtitle {
 margin-top:5px;
}
}

@media (max-width: 479px) {
.party-card_subtitle {
 font-size:14px;
 margin-top:7px;
 border-bottom-color:#34c38a;
}
}

.party-card_icon2 {
color: #00b7dd;}.party-card_icon2 
>svg {width: 40px;height: 40px;}.party-card_icon2 {
 margin-right:5px;
 margin-bottom:10px;
}
@media (max-width: 479px) {
.party-card_icon2 {
}.party-card_icon2 
>svg {width: 35px;height: 35px;}.party-card_icon2 {
}
}

.party-card_text {
 line-height:1.2;
 font-size:15px;
 margin-bottom:15px;
 max-width:340px;
 color:#394554;
 margin-top:20px;
}
@media (max-width: 479px) {
.party-card_text {
 margin-bottom:0px;
 line-height:1;
 text-align:center;
}
}

.party-card_number {
 font-family:DM Serif Display;
 font-size:38px;
 line-height:1;
 margin-top:0px;
 color:#00b7dd;
 font-weight:600;
}
.party-card-cost {
 font-family:DM Serif Display;
 font-size:26px;
 line-height:1;
 margin-top:0px;
 color:#00b7dd;
 font-weight:600;
}
@media (max-width: 479px) {
.party-card-cost {
 font-size:25px;
}
}

.party-card-hours {
 font-family:DM Serif Display;
 font-size:30px;
 line-height:1;
 color:#00b7dd;
 font-weight:600;
 padding-top:3px;
}
@media (max-width: 479px) {
.party-card-hours {
 font-size:27px;
}
}

.party-card--vip {
background: linear-gradient( 135deg, rgba(29,55,86,.97) 0%, rgba(12,28,49,.98) 62%, rgba(20,43,70,.96) 100% ) !important; border: 1px solid rgba(244,200,94,.72); box-shadow: 0 20px 40px rgba(0,0,0,.28), 0 0 15px rgba(244,200,94,.20), inset 0 1px 0 rgba(255,255,255,.10);
}
.party-icon {
}
@media (max-width: 479px) {
.party-icon {
 margin-bottom:10px;
}
}

.party-card--blue {
}
@media (max-width: 479px) {
.party-card--blue {
 padding-bottom:33px;
}
}

.party-card--green {
}
.party-card--coral {
}
.party-card--gold {
}
.party-card--button {
 font-family:'Montserrat';
 background-color:#00b7dd;
 color:#ffffff;
 border-radius:999px;
 padding-top:8px;
 padding-left:21px;
 padding-right:21px;
 padding-bottom:8px;
 font-weight:600;
 font-size:15px;
 letter-spacing:1px;
}
.party-card--button:not(.ct-section):not(.oxy-easy-posts),
.party-card--button.oxy-easy-posts .oxy-posts,
.party-card--button.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
@media (max-width: 1120px) {
.party-card--button {
}
}

@media (max-width: 991px) {
.party-card--button {
}
.party-card--button:not(.ct-section):not(.oxy-easy-posts),
.party-card--button.oxy-easy-posts .oxy-posts,
.party-card--button.ct-section .ct-section-inner-wrap{
align-items:center;
}
}

.party-pass {
 line-height:1.1;
 text-align:center;
 font-size:10px;
 position:absolute;
 top:0px;
 right:0px;
 text-transform:uppercase;
}
@media (max-width: 479px) {
.party-pass {
 font-size:12px;
 top:15px;
 right:15px;
 text-align:justify;
}
}

.package-state-2 {
}
@media (max-width: 479px) {
.package-state-2 {
 width:100%;
}
.package-state-2:not(.ct-section):not(.oxy-easy-posts),
.package-state-2.oxy-easy-posts .oxy-posts,
.package-state-2.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
}

.party-icon-M {
 width:40px;
}
.party-icon-M:not(.ct-section):not(.oxy-easy-posts),
.party-icon-M.oxy-easy-posts .oxy-posts,
.party-icon-M.ct-section .ct-section-inner-wrap{
display:none;
}
@media (max-width: 479px) {
.party-icon-M {
 margin-bottom:10px;
 width:35px;
 margin-right:7px;
}
.party-icon-M:not(.ct-section):not(.oxy-easy-posts),
.party-icon-M.oxy-easy-posts .oxy-posts,
.party-icon-M.ct-section .ct-section-inner-wrap{
display:flex;
}
}

.party-card_mobile-header {
}
@media (max-width: 479px) {
.party-card_mobile-header {
 width:100%;
 text-align:right;
 margin-top:12px;
}
.party-card_mobile-header:not(.ct-section):not(.oxy-easy-posts),
.party-card_mobile-header.oxy-easy-posts .oxy-posts,
.party-card_mobile-header.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:flex-start;
}
}

.party-pass_M {
}
.party-card_mobile {
 border-radius:24px;
 padding-top:20px;
 padding-right:20px;
 padding-bottom:20px;
 padding-left:20px;
 background-color:#ffffff;
 position:relative;
}
.party-card_mobile:not(.ct-section):not(.oxy-easy-posts),
.party-card_mobile.oxy-easy-posts .oxy-posts,
.party-card_mobile.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
@media (max-width: 479px) {
.party-card_mobile {
 padding-bottom:44px;
}
.party-card_mobile:not(.ct-section):not(.oxy-easy-posts),
.party-card_mobile.oxy-easy-posts .oxy-posts,
.party-card_mobile.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
}

.party-cards-mobile {
}
.party-cards-mobile:not(.ct-section):not(.oxy-easy-posts),
.party-cards-mobile.oxy-easy-posts .oxy-posts,
.party-cards-mobile.ct-section .ct-section-inner-wrap{
display:none;
}
@media (max-width: 479px) {
.party-cards-mobile {
 width:100%;
 gap:20px;
}
.party-cards-mobile:not(.ct-section):not(.oxy-easy-posts),
.party-cards-mobile.oxy-easy-posts .oxy-posts,
.party-cards-mobile.ct-section .ct-section-inner-wrap{
display:flex;
gap:20px;
}
}

.party-card_icon--blue {
}
@media (max-width: 479px) {
.party-card_icon--blue {
color: #00b7dd;}.party-card_icon--blue {
}
}

.party-card_mobile-blue {
}
.party-card_mobile-green {
}
.party-card_mobile-coral {
}
.party-card_mobile-vip {
}
@media (max-width: 479px) {
.party-card_mobile-vip {
}
}

@media (max-width: 479px) {
.mobile-stats {
 width:100%;
 margin-top:35px;
 margin-bottom:29px;
}
}

.party-card_mobile-text {
 line-height:1.2;
 font-size:15px;
 margin-bottom:15px;
 max-width:340px;
 color:#394554;
 margin-top:20px;
}
@media (max-width: 479px) {
.party-card_mobile-text {
 margin-bottom:0px;
 line-height:1;
 text-align:center;
 margin-top:10px;
}
}

.button_compare {
}
@media (max-width: 479px) {
.button_compare {
 font-family:DM Serif Display;
 color:#212121;
 letter-spacing:1px;
 font-size:23px;
 padding-top:5px;
 padding-left:10px;
 padding-right:10px;
 padding-bottom:5px;
 background-color:#e7f7fa;
 border-radius:10px;
 width:100%;
}
}

.simple--icon-card {
}
.simple--icon-card:not(.ct-section):not(.oxy-easy-posts),
.simple--icon-card.oxy-easy-posts .oxy-posts,
.simple--icon-card.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
.event-card-blue {
}
.event-alert-glass {
}
.mini-evemt-card {
position: relative; padding: 20px 22px; min-height: 150px; background: linear-gradient( 145deg, rgba(24, 55, 78, 0.72), rgba(7, 27, 48, 0.88) ); border: 1px solid rgba(0, 183, 221, 0.65); border-radius: 15px; box-shadow: 0 10px 28px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.10), 0 0 15px rgba(0, 183, 221, 0.08); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}
.gallery-instruction {
}
.icon-fill {
 margin-left:6px;
 margin-right:6px;
 width:17px;
 margin-bottom:2px;
}
@media (max-width: 479px) {
.icon-fill {
 width:13px;
}
}

.pre-headline-small {
 font-family:'Montserrat';
 text-transform:uppercase;
 font-weight:500;
}
@media (max-width: 991px) {
.pre-headline-small {
 font-size:13px;
}
}

@media (max-width: 479px) {
.pre-headline-small {
 font-size:13px;
}
}

.form-wrap-host-event {
 border-radius:24px;
 background-color:rgba(31, 61, 82, 0.78);;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 padding-left:30px;
 padding-right:30px;
 padding-bottom:30px;
 padding-top:30px;
}
@media (max-width: 991px) {
.form-wrap-host-event {
}
}

@media (max-width: 767px) {
.form-wrap-host-event {
 width:100%;
 margin-top:9px;
}
}

@media (max-width: 479px) {
.form-wrap-host-event {
 padding-top:27px;
 padding-right:15px;
 padding-bottom:15px;
 padding-left:15px;
 margin-top:18px;
}
}

.icon-80 {
 width:80px;
}
@media (max-width: 991px) {
.icon-80 {
}
}

.icon-wrap {
 width:100px;
}
.icon-wrap:not(.ct-section):not(.oxy-easy-posts),
.icon-wrap.oxy-easy-posts .oxy-posts,
.icon-wrap.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.icon-80_text {
 font-family:DM Serif Display;
 font-size:18px;
 text-align:center;
 line-height:1.1;
 margin-top:5px;
}
@media (max-width: 991px) {
.icon-80_text {
 font-size:16px;
}
}

.icon-group {
 gap:35px;
}
.icon-group:not(.ct-section):not(.oxy-easy-posts),
.icon-group.oxy-easy-posts .oxy-posts,
.icon-group.ct-section .ct-section-inner-wrap{
gap:35px;
}
@media (max-width: 991px) {
.icon-group {
 gap:15px;
}
.icon-group:not(.ct-section):not(.oxy-easy-posts),
.icon-group.oxy-easy-posts .oxy-posts,
.icon-group.ct-section .ct-section-inner-wrap{
gap:15px;
}
}

@media (max-width: 767px) {
.icon-group {
 gap:25px;
}
.icon-group:not(.ct-section):not(.oxy-easy-posts),
.icon-group.oxy-easy-posts .oxy-posts,
.icon-group.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
justify-content:center;
gap:25px;
}
}

.svg-overlay-left-bottom {
 height:100%;
 position:absolute;
 left:0px;
 bottom:-10%;
 width:50%;
 z-index:0;
pointer-events:none;
}
@media (max-width: 1120px) {
.svg-overlay-left-bottom {
}
}

@media (max-width: 767px) {
.svg-overlay-left-bottom {
 width:100%;
}
}

.paragraph-15 {
 margin-bottom:27px;
 font-size:15px;
 max-width:800px;
 margin-top:7px;
 line-height:1.5;
 text-align:left;
}
@media (max-width: 1120px) {
.paragraph-15 {
 text-align:center;
 font-size:18px;
 margin-bottom:3px;
}
}

@media (max-width: 991px) {
.paragraph-15 {
 font-size:16px;
}
}

@media (max-width: 767px) {
.paragraph-15 {
 margin-bottom:21px;
 margin-top:14px;
}
}

@media (max-width: 479px) {
.paragraph-15 {
 font-size:18px;
}
}

.paragraph-18 {
 margin-bottom:7px;
 font-size:18px;
 max-width:800px;
 margin-top:7px;
 line-height:1.5;
 text-align:left;
}
@media (max-width: 1120px) {
.paragraph-18 {
 text-align:left;
 font-size:18px;
 margin-bottom:3px;
}
}

@media (max-width: 991px) {
.paragraph-18 {
 font-size:16px;
}
}

@media (max-width: 767px) {
.paragraph-18 {
 margin-bottom:21px;
 margin-top:14px;
}
}

@media (max-width: 479px) {
.paragraph-18 {
 font-size:18px;
}
}

.color-images-container {
 z-index:0;
}
.color-wipe {
}
.img-color {
}
.img-nocolor {
}
.color-wipe2 {
}
.image-color2 {
}
.img-nocolor2 {
}
.image-color {
}
.img-color2 {
}
.chalky-hero-wrap {
 padding-bottom:0px;
aspect-ratio: 16 / 9;
}
@media (max-width: 1120px) {
.chalky-hero-wrap {
aspect-ratio:16 / 8;
}
}

.hero-img-color {
}
@media (max-width: 767px) {
.hero-img-color {
 margin-bottom:11px;
}
}

.hero-img-nocolor {
 object-fit:cover;
}
.svg-dots-overlay-bottom-left {
 width:50%;
 left:0px;
 bottom:0px;
 position:absolute;
 z-index:0;
pointer-events:none;
}
@media (max-width: 1120px) {
.svg-dots-overlay-bottom-left {
}
}

@media (max-width: 991px) {
.svg-dots-overlay-bottom-left {
 width:60%;
}
}

@media (max-width: 767px) {
.svg-dots-overlay-bottom-left {
 width:80%;
}
}

.svg-dots-overlay-bottom-right {
 width:50%;
 z-index:0;
 right:0%;
 bottom:0px;
 position:absolute;
pointer-events:none;
}
.svg-dots-overlay-bottom-right:not(.ct-section):not(.oxy-easy-posts),
.svg-dots-overlay-bottom-right.oxy-easy-posts .oxy-posts,
.svg-dots-overlay-bottom-right.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
justify-content:flex-end;
}
@media (max-width: 1120px) {
.svg-dots-overlay-bottom-right {
}
}

@media (max-width: 991px) {
.svg-dots-overlay-bottom-right {
 width:60%;
}
}

@media (max-width: 767px) {
.svg-dots-overlay-bottom-right {
 width:80%;
 right:0%;
}
}

.hero-heading-overlay {
}
.hero-media-wrap {
 position:relative;
 width:100%;
 height:50vh;
}
.hero-content-below {
}
.parking-card {
 border-radius:24px;
 border-top-color:#00b7dd;
 border-right-color:#00b7dd;
 border-bottom-color:#00b7dd;
 border-left-color:#00b7dd;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 padding-top:16px;
 padding-right:15px;
 padding-bottom:15px;
 padding-left:15px;
 gap:15px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 margin-top:52px;
 background-color:#ffffff;
 width:100%;
 margin-bottom:22px;
}
.parking-card:not(.ct-section):not(.oxy-easy-posts),
.parking-card.oxy-easy-posts .oxy-posts,
.parking-card.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
gap:15px;
}
@media (max-width: 1120px) {
.parking-card {
 margin-bottom:5px;
}
.parking-card:not(.ct-section):not(.oxy-easy-posts),
.parking-card.oxy-easy-posts .oxy-posts,
.parking-card.ct-section .ct-section-inner-wrap{
align-items:center;
}
}

@media (max-width: 991px) {
.parking-card {
 padding-right:16px;
 padding-bottom:15px;
}
.parking-card:not(.ct-section):not(.oxy-easy-posts),
.parking-card.oxy-easy-posts .oxy-posts,
.parking-card.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
}

@media (max-width: 767px) {
.parking-card {
 margin-top:20px;
}
}

.parking-card_img {
 border-radius:15px;
 width:35%;
 object-fit:cover;
 height:100%;
 object-position:center center;
}
@media (max-width: 1120px) {
.parking-card_img {
 width:50%;
}
}

@media (max-width: 991px) {
.parking-card_img {
 width:100%;
 order:1;
}
}

.image-enlarge:hover{
transform:;}
.image-enlarge {
 attachment_height:374;
 attachment_width:600;
 attachment_url:https://cocosselfiespace.com//wp-content/uploads/2026/09/Directions-1.webp;
 border-radius:12px;
 transition-duration:.3s;
 transition-timing-function:transform;
}
.custom-lightbox-img {
}
.checkmark-list {
 text-align:left;
 margin-bottom:5px;
}
.checkmark-list:not(.ct-section):not(.oxy-easy-posts),
.checkmark-list.oxy-easy-posts .oxy-posts,
.checkmark-list.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
@media (max-width: 1120px) {
.checkmark-list {
 margin-bottom:7px;
}
}

@media (max-width: 767px) {
.checkmark-list {
 margin-bottom:9px;
}
}

@media (max-width: 479px) {
.checkmark-list {
 margin-bottom:13px;
}
}

.partking-card_info {
}
.parking-card_info {
 margin-right:3px;
}
.parking-info {
}
.icon-paragraph {
 text-align:left;
 margin-top:4px;
 border-bottom-color:rgba(0,183,221,0.41);
 border-bottom-width:1px;
 border-bottom-style:solid;
 padding-top:3px;
 padding-bottom:4px;
}
.icon-paragraph:not(.ct-section):not(.oxy-easy-posts),
.icon-paragraph.oxy-easy-posts .oxy-posts,
.icon-paragraph.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
.zoomable-map-trigger {
}
.tap-zoom-img {
}
@media (max-width: 767px) {
.tap-zoom-img {
}
}

@media (max-width: 479px) {
.tap-zoom-img {
}
}

.tap-zoom-backdrop {
}
.white-shadow-text {
 margin-bottom:12px;
 text-shadow:0px 0px 10px #ffffff;
}
@media (max-width: 479px) {
.white-shadow-text {
}
}

.photo {
 border-radius:16px;
 border-top-color:#ffffff;
 border-right-color:#ffffff;
 border-bottom-color:#ffffff;
 border-left-color:#ffffff;
 border-top-width:5px;
 border-right-width:5px;
 border-bottom-width:5px;
 border-left-width:5px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
}
.photo-caption {
 margin-top:25px;
 line-height:1.4;
 margin-bottom:25px;
}
.booking-card-horizontal {
 border-radius:24px;
 overflow:hidden;
 padding-top:10px;
 padding-right:15px;
 padding-bottom:24px;
 padding-left:15px;
 text-align:center;
 gap:15px;
 margin-top:0px;
 box-shadow:0px 1px 12px -6px #01142c;
}
.booking-card-horizontal:not(.ct-section):not(.oxy-easy-posts),
.booking-card-horizontal.oxy-easy-posts .oxy-posts,
.booking-card-horizontal.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
gap:15px;
}
@media (max-width: 767px) {
.booking-card-horizontal {
 max-width:325px;
 padding-bottom:57px;
}
}

.cc-hero {
}
.cc-hero .ct-section-inner-wrap {
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}
.cc-hero:not(.ct-section):not(.oxy-easy-posts),
.cc-hero.oxy-easy-posts .oxy-posts,
.cc-hero.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.cc-hero__media {
}
.cc-hero__img-color {
}
.cc-hero_img-bw {
}
.cc-hero__content {
}
.cc-hero__content:not(.ct-section):not(.oxy-easy-posts),
.cc-hero__content.oxy-easy-posts .oxy-posts,
.cc-hero__content.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.ccx-hero {
}
.ccx-hero .ct-section-inner-wrap {
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}
.ccx-hero__media {
}
@media (max-width: 479px) {
.ccx-hero__media {
 margin-top:85px;
}
}

.ccx-hero__img-bw {
}
.ccx-hero__content {
 width:100%;
}
.ccx-hero__content:not(.ct-section):not(.oxy-easy-posts),
.ccx-hero__content.oxy-easy-posts .oxy-posts,
.ccx-hero__content.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
@media (max-width: 479px) {
.ccx-hero__content {
 padding-bottom:22px;
}
}

.impact-card {
 background-color:#ffffff;
 border-radius:24px;
 padding-top:10px;
 padding-right:15px;
 padding-bottom:20px;
 padding-left:15px;
 height:320px;
}
.impact-card:not(.ct-section):not(.oxy-easy-posts),
.impact-card.oxy-easy-posts .oxy-posts,
.impact-card.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
@media (max-width: 1120px) {
.impact-card {
 height:340px;
}
}

@media (max-width: 991px) {
.impact-card {
 height:300px;
}
}

@media (max-width: 479px) {
.impact-card {
 width:225px;
}
}

.icon_impact {
 width:65px;
 margin-bottom:8px;
}
.impact-card__headline1 {
 font-size:50px;
 line-height:1;
}
.impact-card__subheadline {
 line-height:1;
 margin-bottom:13px;
}
.impact-card__text {
 line-height:1.3;
 font-size:15px;
 text-align:center;
 margin-top:0px;
}
.impact-card-horizontal {
 background-color:#e7f7fa;
 gap:24px;
 padding-top:20px;
 padding-right:20px;
 padding-bottom:20px;
 padding-left:20px;
 height:auto;
}
.impact-card-horizontal:not(.ct-section):not(.oxy-easy-posts),
.impact-card-horizontal.oxy-easy-posts .oxy-posts,
.impact-card-horizontal.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
gap:24px;
}
@media (max-width: 767px) {
.impact-card-horizontal {
}
.impact-card-horizontal:not(.ct-section):not(.oxy-easy-posts),
.impact-card-horizontal.oxy-easy-posts .oxy-posts,
.impact-card-horizontal.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
}

.invest-card {
}
.invest-card:not(.ct-section):not(.oxy-easy-posts),
.invest-card.oxy-easy-posts .oxy-posts,
.invest-card.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.invest-card_icon {
 width:45px;
}
.invest-card_text {
 font-family:Nunito Sans;
 text-align:center;
 line-height:1.3;
 margin-top:15px;
 font-weight:400;
 font-size:14px;
}
.svg-overlay-right-bottom {
 position:absolute;
 width:50%;
 z-index:0;
 right:0%;
 bottom:0px;
pointer-events:none;
}
.svg-overlay-right-bottom:not(.ct-section):not(.oxy-easy-posts),
.svg-overlay-right-bottom.oxy-easy-posts .oxy-posts,
.svg-overlay-right-bottom.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
justify-content:flex-end;
}
@media (max-width: 1120px) {
.svg-overlay-right-bottom {
}
}

@media (max-width: 991px) {
.svg-overlay-right-bottom {
 width:60%;
}
}

@media (max-width: 767px) {
.svg-overlay-right-bottom {
 width:50%;
 right:0%;
 bottom:0px;
}
}

.svg-dots-overlay-left-bottom {
 position:absolute;
 left:0px;
 bottom:0px;
 width:50%;
pointer-events:none;
}
@media (max-width: 1120px) {
.svg-dots-overlay-left-bottom {
 width:50%;
 position:absolute;
 left:0px;
 bottom:0px;
pointer-events:none;
}
}

.ticket-grid {
}
.ticket-grid:not(.ct-section):not(.oxy-easy-posts),
.ticket-grid.oxy-easy-posts .oxy-posts,
.ticket-grid.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;justify-items: stretch;align-items: stretch;grid-template-columns: repeat(4, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 15px;grid-auto-rows: minmax(min-content,1fr);}
.ticket-list {
flex: 1;
}
.ticket-bottom {
 margin-top:auto;
}
.ticket-bottom:not(.ct-section):not(.oxy-easy-posts),
.ticket-bottom.oxy-easy-posts .oxy-posts,
.ticket-bottom.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.discovery-video {
 border-top-color:#8cffd1;
 border-right-color:#8cffd1;
 border-bottom-color:#8cffd1;
 border-left-color:#8cffd1;
width: min(100%, 420px); aspect-ratio: 9 / 16; margin-inline: auto;
}
.cares-card {
background-image:url(https://cocosselfiespace.com//wp-content/uploads/2026/10/Cares-Card-Summer.webp);background-size: cover; position:relative;
 color:#ffffff;
 padding-right:22px;
 padding-bottom:22px;
 background-color:#ffffff;
 border-radius:24px;
 background-repeat:no-repeat;
 font-size:27px;
 padding-left:22px;
 padding-top:335px;
 margin-top:0px;
 background-position:50% 0%;
 box-shadow:0px 2px 6px -2px rgba(0,0,0,0.3);
}
@media (max-width: 991px) {
.cares-card {
 padding-top:396px;
}
}

@media (max-width: 767px) {
.cares-card {
 padding-top:389px;
}
}

.cares-card_text {
 color:#212121;
 text-align:center;
}
.cares-card_headline {
 text-align:center;
 margin-bottom:11px;
 color:#212121;
 font-size:30px;
 margin-left:auto;
 margin-right:auto;
}
@media (max-width: 991px) {
.cares-card_headline {
 font-size:32px;
 line-height:1.2;
}
}

.cares-card_icon {
 width:65px;
 position:absolute;
 left:20px;
 bottom:160px;
 border-top-color:#ffffff;
 border-right-color:#ffffff;
 border-bottom-color:#ffffff;
 border-left-color:#ffffff;
 border-top-width:2px;
 border-right-width:2px;
 border-bottom-width:2px;
 border-left-width:2px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-radius:999px;
}
@media (max-width: 991px) {
.cares-card_icon {
 left:5px;
 bottom:221px;
}
}

@media (max-width: 767px) {
.cares-card_icon {
 bottom:135px;
 left:35px;
 width:80px;
}
}

@media (max-width: 479px) {
.cares-card_icon {
 left:15px;
 width:75px;
 bottom:165px;
}
}

.button_small {
 font-family:'Montserrat';
 background-color:#00b7dd;
 color:#ffffff;
 border-radius:999px;
 padding-top:4px;
 padding-left:15px;
 padding-right:15px;
 padding-bottom:4px;
 font-weight:600;
 font-size:14px;
 margin-top:7px;
}
.button_small:not(.ct-section):not(.oxy-easy-posts),
.button_small.oxy-easy-posts .oxy-posts,
.button_small.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
@media (max-width: 1120px) {
.button_small {
}
}

@media (max-width: 991px) {
.button_small {
}
.button_small:not(.ct-section):not(.oxy-easy-posts),
.button_small.oxy-easy-posts .oxy-posts,
.button_small.ct-section .ct-section-inner-wrap{
align-items:center;
}
}

.amelia-form-card {
 border-top-color:#00b7dd;
 border-right-color:#00b7dd;
 border-bottom-color:#00b7dd;
 border-left-color:#00b7dd;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-radius:24px;
 padding-top:20px;
 padding-right:20px;
 padding-bottom:20px;
 padding-left:20px;
}
.book-squadsnap {
cursor:pointer;
}
.book-corporate {
}
.modal-form {
 width:70px;
 padding-top:20px;
 padding-right:20px;
 padding-bottom:20px;
 padding-left:20px;
 background-color:#fefdf9;
 position:relative;
}
.modal-form:not(.ct-section):not(.oxy-easy-posts),
.modal-form.oxy-easy-posts .oxy-posts,
.modal-form.ct-section .ct-section-inner-wrap{
display:flex;
align-items:center;
}
@media (max-width: 1120px) {
.modal-form {
 width:80%;
}
}

.modal-form-container {
 width:650px;
}
@media (max-width: 1120px) {
.modal-form-container {
 width:100%;
}
}

.book-private-event {
cursor:pointer;
}
.wardrobe-modal-trigger {
}
.video-container {
}
.book_snapngo {
cursor:pointer;
}
/*Fluent Forms Styles */
.ff-btn-submit {
  background-color:#00b7dd !important;
  border-radius: 999px !important;
}

/* SVG overlay styles so buttons can be clicked through underneath */
.svg-overlay .interactive-btn {
  pointer-events: auto;
}

/**************************************/
/****** MOBILE MENU ******/

#mobile-menu-panel {
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  width: 280px; /* or whatever width you want */
  background: #fff; /* your color */
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out;
  z-index: 999;
  overflow-y: auto;
}

#mobile-menu-panel.is-open {
  transform: translateX(0);
}

#mobile-menu-overlay {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0,0,0,0.5);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease-in-out;
  z-index: 998;
}

#mobile-menu-overlay.is-open {
  opacity: 1;
  pointer-events: auto;
}

/****** Moving Arrow ******/
/* Smoothly loops the up and down movement */
.bouncing-arrow {
  animation: bounce 2s infinite ease-in-out;
}

@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(6px); /* Adjust this value to change how far it drops */
  }
}

/*****************************/
/* Header Hero section backgrounds */
.header-hero-section {
  background-color: #fefdfb;

/**** Switch divs hero ****/
  /* Switch buttons to top */
@media (max-width: 768px) {
  .div-top {
    order: 3; /* moves to bottom */
  }

  .div-bottom {
    order: 1; /* moves to top */
  }
  .div-middle {
    order:2;
  }
  }
}

/******************************/

/* === Modal panel === */
#mobile-menu-flyout, #mobile-menu-flyout-dk {
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  width: 370px;
  max-width: 85vw;
  background: #FCF6EF;
  transform: translateX(100%); 
  transition: transform 0.3s ease;
  z-index: 9999;
  overflow-y: auto;
  padding: 24px;
  box-shadow: -2px 0 12px rgba(0, 0, 0, 0.15);
  background-image: url('http://localhost:10016/wp-content/uploads/2026/08/bg_svg_dots-mobile-menu-1-1.svg');
  background-size: contain;
  background-position: top;
  background-repeat: no-repeat;
}

#mobile-menu-flyout.active, #mobile-menu-flyout-dk.active {
  transform: translateX(0);
}

/* === Backdrop === */
.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
  z-index: 9998;
}

.modal-backdrop.active {
  opacity: 1;
  visibility: visible;
}

/* === Close button === */
#mobile-menu-flyout .close-icon {
  position: absolute;
  top: 16px;
  right: 16px;
  font-size: 24px;
  cursor: pointer;
  line-height: 1;
}

/* === Scroll lock === */
body.menu-open {
  overflow: hidden;
}

/*********************/
/* problem with absolute image not going to far left */
body .ct-section-inner-wrap {
    position: static !important;
}



========================================
   COCO'S EVENT ALERT — GLASS CARD
======================================== */

.event-alert-glass {
  position: relative;
  width: min(900px, calc(100% - 40px));
  margin-inline: auto;
  padding: clamp(28px, 4vw, 44px);

  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.13),
      rgba(255, 255, 255, 0.055)
    );

  border: 1px solid rgba(255, 255, 255, 0.20);
  border-radius: 24px;

  box-shadow:
    0 24px 60px rgba(0, 0, 0, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 0 45px rgba(0, 183, 221, 0.08);

  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);

  overflow: hidden;
}

/* Subtle colored glow inside the card */
.event-alert-glass::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;

  background:
    radial-gradient(
      circle at 8% 10%,
      rgba(0, 183, 221, 0.15),
      transparent 35%
    ),
    radial-gradient(
      circle at 94% 90%,
      rgba(52, 195, 138, 0.09),
      transparent 34%
    );
}

/* Keeps the content above the glows */
.event-alert-glass > * {
  position: relative;
  z-index: 1;
}

/******************************/
    /*Fluent Forms Styles*/
/*****************************/
/* Coco's global Fluent Forms field radius */
.fluentform .ff-el-form-control,
.fluentform input,
.fluentform select,
.fluentform textarea {
  border-radius: 10px !important;
}

/*Fluet Forms Styles for Signup on Special Nights page */
input#ff_2_email {
  background-color: #10283b !important;
  background-image: none !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.24) !important;
}

input#ff_2_email::placeholder {
  color: rgba(255, 255, 255, 0.65) !important;
  opacity: 1 !important;
}

input#ff_2_email:focus {
  background-color: #0c1c31 !important;
  color: #ffffff !important;
  border-color: #00b7dd !important;
  outline: none !important;

  box-shadow: 0 0 0 3px rgba(0, 183, 221, 0.18) !important;
}
/* Prevent Google Autofill from turning it light: */
input#ff_2_email:-webkit-autofill,
input#ff_2_email:-webkit-autofill:hover,
input#ff_2_email:-webkit-autofill:focus {
  -webkit-text-fill-color: #ffffff !important;
  -webkit-box-shadow: 0 0 0 1000px #10283b inset !important;
  box-shadow: 0 0 0 1000px #10283b inset !important;
  caret-color: #ffffff !important;
}

/*****************/
/*Fluent Form classes form */
/* ========================================
   COCO'S CLASS SUBMISSION FORM — INPUTS
======================================== */

#fluentform_4 input[type="text"],
#fluentform_4 input[type="email"],
#fluentform_4 input[type="tel"],
#fluentform_4 select,
#fluentform_4 textarea {
  width: 100%;

  background-color: rgba(8, 28, 47, 0.78) !important;
  background-image: none !important;
  color: #ffffff 12px !important;

  border: 1px solid rgba(255, 255, 255, 0.22) !important;

  font-family: "Montserrat", sans-serif;
  font-size: 15px;
  line-height: 1.4;

  box-shadow:
    inset 0 1px 3px rgba(0, 0, 0, 0.22),
    0 4px 12px rgba(0, 0, 0, 0.08) !important;

  transition:
    background-color 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease;
}
#fluentform_4 input::placeholder,
#fluentform_4 textarea::placeholder {
  color: rgba(255, 255, 255, 0.58) !important;
  opacity: 1 !important;
}
#fluentform_4 input:focus,
#fluentform_4 select:focus,
#fluentform_4 textarea:focus {
  background-color: rgba(8, 28, 47, 0.94) !important;
  color: #ffffff !important;

  border-color: #00b7dd !important;
  outline: none !important;

  box-shadow:
    0 0 0 3px rgba(0, 183, 221, 0.17),
    inset 0 1px 3px rgba(0, 0, 0, 0.22) !important;
}
#fluentform_4 select {
  color-scheme: dark;
}

#fluentform_4 select option {
  background-color: #0c1c31;
  color: #ffffff;
}
#fluentform_4 input:-webkit-autofill,
#fluentform_4 input:-webkit-autofill:hover,
#fluentform_4 input:-webkit-autofill:focus {
  -webkit-text-fill-color: #ffffff !important;
  -webkit-box-shadow: 0 0 0 1000px #10283b inset !important;
  box-shadow: 0 0 0 1000px #10283b inset !important;
  caret-color: #ffffff !important;
}

/*****FLUENT FORMS School Trip Form ******/
.school-trip-section {
    background: rgba(255, 255, 255, 0.48);
    border-left: 4px solid #00b7dd;
    border-radius: 10px;
    padding: 18px 20px;
    margin-top: 30px;
    margin-bottom: 22px;
}
.school-trip-section hr {
    display: none !important;
}

/************************************/

/*Zoom Icons for the gallery images */
/* Ensure the link container acts as the anchor point */
.oxy-gallery-item {
    position: relative !important;
    display: block;
}

/* Render your pre-styled custom zoom icon badge */
.oxy-gallery-item::after {
    content: "";
    position: absolute;
    
    /* Pin it cleanly away from the top-right edges */
    top: 15px;
    right: 15px;
    
    /* Define the physical sizing bounds for your badge */
    width: 40px;
    height: 40px;
    
    /* Pull the uploaded icon file directly */
    background-image: url("http://localhost:10016/wp-content/uploads/2026/09/Zoom.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; /* Automatically scales your graphic smoothly */
    
    /* Interactive presentation details */
    z-index: 99;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

/* Reveal your custom icon beautifully on hover */
.oxy-gallery-item:hover::after {
    opacity: 1;
}

/********/
/*put captions below the gallery images instead of overlaying */


/***************************************/
/***************************************/
/* Chalky Powder Page Color Change Image CSS */
/* ===== COCO'S CHALKY HERO ===== */
/* ===== COCO'S CHALKY HERO ===== */
.cc-hero {
  --hw: 0.469;          /* image height ÷ width (614 ÷ 1309) */
  --show: 0.78;         /* how much of the image height is shown */
  --content-h: 340px;   /* approx. height of the text block + button */

  --media-min: calc(100vw * 0.30);
  --media-max: calc(100vw * 0.366);
  --media-h: clamp(var(--media-min), calc(100svh - var(--content-h)), var(--media-max));

  --img-w: max(100vw, calc(var(--media-h) / (var(--show) * var(--hw))));
  --wave-h: calc(var(--img-w) * 0.085);

  width: 100%;
  background: #fff;
}

@media (max-width: 991px) {
  .cc-hero { --content-h: 380px; --media-min: 45vw; --media-max: 60vw; }
}
@media (max-width: 600px) {
  .cc-hero { --content-h: 480px; --media-min: 60vw; --media-max: 85vw; }
}

.cc-hero__media {
  position: relative;
  isolation: isolate;
  width: 100%;
  height: var(--media-h);
  overflow: hidden;
}

.cc-hero__media img {
  position: absolute;
  width: var(--img-w);
  height: auto;
  max-width: none;
  left: calc((100vw - var(--img-w)) / 2);
  bottom: calc(var(--img-w) * var(--hw) * (var(--show) - 1));
  display: block;
}

.cc-hero__img-color { z-index: 1; }


.cc-hero__img-bw {
  z-index: 2;
  animation: ccWipe 3s ease-in-out 1s forwards;
}

@keyframes ccWipe {
  from { clip-path: inset(0 0 0 0); }
  to   { clip-path: inset(0 0 0 100%); }
}


.cc-hero__wave {
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: var(--wave-h);
  z-index: 3;
  display: block;
}

.cc-hero__content {
  position: relative;
  z-index: 4;
  background: transparent;
  margin: 0;
  margin-top: calc(var(--wave-h) * -0.35);
  padding-top: 0;
  text-align: center;
}:root{

    --coco-blue:#19d7ff;

    --coco-green:#39dc7f;

    --coco-coral:#ff5f73;

    --coco-gold:#ffc642;

    --coco-purple:#b365ff;

}

.event-card--blue{
    --event-accent:var(--coco-blue);
}

.event-card--green{
    --event-accent:var(--coco-green);
}

.event-card--coral{
    --event-accent:var(--coco-coral);
}

.event-card--gold{
    --event-accent:var(--coco-gold);
}

/***************/


/* Hero Door opening styles */
/* for mobile, where there is no hover: */
@media (max-width: 768px) {

  /* door starts closed, auto animates open */
  .door-closed {
    animation: doorClose 0.5s ease-in-out 2s forwards;
  }

  .door-mid {
    animation: doorOpen 0.5s ease-in-out 2s forwards;
  }

  /* override hover transitions on mobile so they don't interfere */
  .door-wrap:hover .door-closed,
  .door-wrap:hover .door-mid {
    opacity: inherit;
    transition: none;
  }
}

@keyframes doorClose {
  from { opacity: 1; }
  to   { opacity: 0; }
}

@keyframes doorOpen {
  from { opacity: 0; }
  to   { opacity: 1; }
}/* 1. Main Stage Container */
.carousel-container {
  position: relative !important;
  width: 100% !important;
  max-width: 1400px !important; /* Expanded maximum width for a wider side layout stage */
  height: 920px !important;     /* Height extended to safely accommodate the 1.45x front card height */
  margin: 0 auto !important;
  overflow: visible !important;
}

/* 2. Base Card Setup - Strict Center Absolute Lock */
.carousel-container .carousel-card {
  position: absolute !important;
  width: 358.98px !important;
  height: 616.29px !important;
  left: 50% !important;
  top: 50% !important; 
  transform-origin: center center !important;
  margin-left: -179.49px !important; 
  margin-top: -308.15px !important; 
  z-index: 0;
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1), 
              z-index 0.6s,
              opacity 0.6s !important;
}

/* 3. The Front-Heavy Wide-Stage Layout */

/* Center Front Active Card (Boosted for maximum content readability) */
.carousel-container .carousel-card.pos-active {
  transform: translateX(0) scale(1.35) !important; 
  z-index: 10 !important;
  opacity: 1 !important;
}

/* First Layer Out (Pushed wider out horizontally) */
.carousel-container .carousel-card.pos-right-1 {
  transform: translateX(250px) scale(0.95) !important;
  z-index: 8 !important;
  opacity: 1 !important;
}
.carousel-container .carousel-card.pos-left-1 {
  transform: translateX(-250px) scale(0.95) !important;
  z-index: 8 !important;
  opacity: 1 !important;
}

/* Second Layer Out (Spans deeply out to fill the container margins) */
.carousel-container .carousel-card.pos-right-2 {
  transform: translateX(460px) scale(0.78) !important;
  z-index: 6 !important;
  opacity: 1 !important;
}
.carousel-container .carousel-card.pos-left-2 {
  transform: translateX(-460px) scale(0.78) !important;
  z-index: 6 !important;
  opacity: 1 !important;
}

/* Third Layer Out (Faded/hidden backdrop buffer layer) */
.carousel-container .carousel-card.pos-right-3 {
  transform: translateX(580px) scale(0.60) !important;
  z-index: 0 !important;
  opacity: 0 !important; 
}
.carousel-container .carousel-card.pos-left-3 {
  transform: translateX(-580px) scale(0.60) !important;
  z-index: 0 !important;
  opacity: 0 !important; 
}

/**************************/
/* PREV NEXT buttons */
/* Navigation Button Layout Box - Wide Stage Breakout */
/* Update Button Wrapper Styles to Crisp White Circles */
.prev-btn, .next-btn {
  width: 48px !important;       /* Slightly wider to match your round graphic proportion */
  height: 48px !important;      
  border-radius: 50% !important; 
  /*background-color: #ffffff80 !important; /* Crisp transluscent white background */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important; /* Soft depth shadow */
  
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: auto !important; 
  cursor: pointer !important;
  transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease !important;
}

/* Force your custom Oxygen Icon to use the Coral color #EE7E73 */
.prev-btn .oxy-icon, .next-btn .oxy-icon {
  color: #EE7E73 !important;
  fill: #EE7E73 !important;
  width: 24px !important;       /* Scales the internal arrow up nicely */
  height: 24px !important;
  transition: transform 0.2s ease !important;
}

/* Interactive States */
.prev-btn:hover, .next-btn:hover {
  background-color: #fcfcfc !important; /* Subtle off-white shift on hover */
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15) !important; 
  transform: scale(1.05) !important;                     
}

/* Subtle micro-movements for the icons inside */
.prev-btn:hover .oxy-icon { transform: translateX(-2px); }
.next-btn:hover .oxy-icon { transform: translateX(2px); }


/*******************************/
/* --- RESPONSIVE BREAKPOINTS --- */

/* --- TEXT-OPTIMIZED RESPONSIVE BREAKPOINTS --- */

/* 1. Tablet Screens (Under 1024px) */
@media (max-width: 1024px) {
  .carousel-container {
    height: 800px !important; /* Keep container spacious */
  }
  
  .carousel-container .carousel-card {
    width: 320px !important;  /* Kept large (down only ~10% from desktop) */
    height: 550px !important;  /* Maintaining excellent text reading height */
    margin-left: -160px !important;
    margin-top: -275px !important;
  }
  
  /* Slightly tighter layout steps to ensure cards stay within screen boundaries */
  .carousel-container .carousel-card.pos-active {
    transform: translateX(0) scale(1.3) !important; /* Retain strong hero focus */
  }
  .carousel-container .carousel-card.pos-right-1 {
    transform: translateX(180px) scale(0.9) !important;
  }
  .carousel-container .carousel-card.pos-left-1 {
    transform: translateX(-180px) scale(0.9) !important;
  }
  .carousel-container .carousel-card.pos-right-2 {
    transform: translateX(320px) scale(0.75) !important;
  }
  .carousel-container .carousel-card.pos-left-2 {
    transform: translateX(-320px) scale(0.75) !important;
  }
}


/* 3. Mobile Phone Screens (Under 480px) */
@media (max-width: 480px) {
  .carousel-container {
    height: 700px !important; /* Keep container tall enough for un-scaled card height */
  }
  
  .carousel-container .carousel-card {
    /* We lock this to a highly readable size so text doesn't turn into a squint-fest */
    width: 2800px !important;  
    height:480.68px !important; 
    margin-left: -140px !important;
    margin-top: -240.34px !important;
  }
  
  /* The active card sits large and centered */
  .carousel-container .carousel-card.pos-active {
    transform: translateX(0) scale(1.25) !important; /* Amplifies the center card size */
    opacity: 1 !important;
    z-index: 10 !important;
  }
  
  /* Move the background cards further back behind the active layer to protect text readability */
  .carousel-container .carousel-card.pos-right-1 {
    transform: translateX(60px) scale(0.85) !important; /* Pulled way inward */
    opacity: 0.5 !important; /* Made faint so background text doesn't bleed or distract */
    z-index: 5 !important;
  }
  .carousel-container .carousel-card.pos-left-1 {
    transform: translateX(-60px) scale(0.85) !important;
    opacity: 0.5 !important;
    z-index: 5 !important;
  }
  
  /* Hide the rest of the cards on mobile layout entirely to preserve focus */
  .carousel-container .carousel-card.pos-right-2,
  .carousel-container .carousel-card.pos-left-2 {
    opacity: 0 !important;
    z-index: 0 !important;
  }

  @media (max-width: 768px) {
  .carousel-container {
    height: 700px !important; /* Keep container tall enough for un-scaled card height */
  }
  
  .carousel-container .carousel-card {
    /* We lock this to a highly readable size so text doesn't turn into a squint-fest */
    width: 300px !important;  
    height: 515.01px !important; 
    margin-left: -150px !important;
    margin-top: -257.5px !important;
  }
  
  /* The active card sits large and centered */
  .carousel-container .carousel-card.pos-active {
    transform: translateX(0) scale(1.25) !important; /* Amplifies the center card size */
    opacity: 1 !important;
    z-index: 10 !important;
  }
  
  /* Move the background cards further back behind the active layer to protect text readability */
  .carousel-container .carousel-card.pos-right-1 {
    transform: translateX(60px) scale(0.85) !important; /* Pulled way inward */
    opacity: 0.5 !important; /* Made faint so background text doesn't bleed or distract */
    z-index: 5 !important;
  }
  .carousel-container .carousel-card.pos-left-1 {
    transform: translateX(-60px) scale(0.85) !important;
    opacity: 0.5 !important;
    z-index: 5 !important;
  }
  
  /* Hide the rest of the cards on mobile layout entirely to preserve focus */
  .carousel-container .carousel-card.pos-right-2,
  .carousel-container .carousel-card.pos-left-2 {
    opacity: 0 !important;
    z-index: 0 !important;
  }
  
  
  /*--------*/
  /* Keep navigation buttons perfectly pinned near bottom edge of screen */
  .carousel-nav {
    top: auto !important;
    bottom: 15px !important;
    transform: none !important;
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    padding: 0 40px !important;
    box-sizing: border-box !important;
  }
  
  .prev-btn, .next-btn {
    width: 42px !important;
    height: 42px !important;
  }
}

  /* Position navigation button dots subtly over the bottom edges */
  .carousel-nav {
    top: auto !important;
    bottom: 20px !important;
    transform: none !important;
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    padding: 0 30px !important;
    box-sizing: border-box !important;
  }
  
  .prev-btn, .next-btn {
    width: 38px !important;
    height: 38px !important;
  }
}

/* 1. The Gallery Grid Layout */
.masonry-gallery {
  column-count: 3;
  column-gap: 15px;
  width: 100%;
}

/* 2. Individual Gallery Items */
.gallery-item {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-bottom: 8px;
  overflow: hidden;
  background-color: #fff;
  cursor: pointer; /* Makes it clear it can be clicked/tapped */
}

.gallery-item img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.4s ease-in-out;
  aspect-ratio: attr(width) / attr(height);
}

.gallery-item .image-hover {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

/* ==========================================================================
   4. The Hover Effect (DESKTOP / MOUSE ONLY)
   ========================================================================== */
@media (hover: hover) and (pointer: fine) {
  .gallery-item:hover .image-default {
    opacity: 0;
  }
  .gallery-item:hover .image-hover {
    opacity: 1;
  }
}

/* ==========================================================================
   4b. The Tap Effect (MOBILE / TOUCH ONLY VIA JAVASCRIPT)
   ========================================================================== */
.gallery-item.tapped .image-default {
  opacity: 0;
}
.gallery-item.tapped .image-hover {
  opacity: 1;
}

/* ==========================================================================
   5. Mobile Responsiveness
   ========================================================================== */
@media (max-width: 767px) {
  .masonry-gallery {
    column-count: 2;
    column-gap: 12px;
  }
  .gallery-item {
    margin-bottom: 12px;
  }
}

@media (max-width: 479px) {
  .masonry-gallery {
    column-count: 1;
    column-gap: 0;
  }
  .gallery-item {
    margin-bottom: 16px;
  }
}

/* ==========================================================================
   6. Mobile Text Swap (Less than 768px)
   ========================================================================== */
@media (max-width: 767px) {
@media (max-width: 767px) {
  /* Hides the original desktop text "Hover to Discover" */
  .gallery-instruction {
    font-size: 0 !important; 
  }
  
  /* Inserts and displays the new mobile text */
  .gallery-instruction::before {
    content: "Tap for a Snap!";
    font-size: 40px; /* Match the desktop font size rule shown in your inspector */
  }
}
/* Clean, overflow-hidden outer window */
.camera-carousel-wrapper {
  width: 100% !important;
  display: block !important;
  overflow: hidden !important; /* Disables browser scrolling entirely */
  position: relative !important;
  padding: 50px 0;
  background: #0b0b0b;
  background: #244a69;
  background: #d9f1f5;
}

/* The moving track - animated purely via CSS transforms */
.camera-carousel-container {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 24px !important; 
  width: max-content !important; 
  will-change: transform;
  /* Smooth cinematic slide movement */
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important; 
}

/* Base Selfie Card Styling */
.selfie-card {
  position: relative;
  width: 235.08px !important;
  max-width: 235.08px !important;
  height: 350px !important;
  border-radius: 10px;
  overflow: hidden;
  flex-shrink: 0 !important;
  transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), 
              filter 0.5s ease !important;
  
  /* Off-center state: dimmed and slightly scaled down */
  transform: scale(0.85); 
  filter: brightness(0.4) blur(2px);
}

.selfie-card img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  display: block;
}

/* Flash Overlay Container */
.flash-overlay {
  position: relative;
  width: 100%;
  height: 100%;
}

.flash-overlay::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  opacity: 0;
  pointer-events: none;
  mix-blend-mode: overlay;
  z-index: 5;
}

/* --- STRICT ACCURATE ACTIVE STATE (Only 1 card at a time) --- */
.selfie-card.is-centered {
  transform: scale(1.08) !important;
  filter: brightness(1) blur(0px) !important;
  box-shadow: 0 20px 40px rgba(36,74,105,0.6);
  z-index: 10;
}

.selfie-card.trigger-flash .flash-overlay::after {
  animation: cameraFlash 0.35s ease-out forwards;
}

@keyframes cameraFlash {
  0% { opacity: 0; }
  15% { opacity: 1; mix-blend-mode: normal; }
  30% { opacity: 1; mix-blend-mode: overlay; }
  100% { opacity: 0; }
}
/* =========================================
   PARTY CARD — STRONGER PREMIUM FROSTED GLASS
========================================= */

.party-card {
  position: relative;
  overflow: hidden;
  isolation: isolate;

  min-height: 260px;
  padding: 26px 28px;

  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,0.98) 0%,
      rgba(255,255,255,0.93) 48%,
      rgba(255,255,255,0.84) 100%
    );

  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);

  border-radius: 20px;
  border: 1px solid rgba(255,255,255,0.72);

  box-shadow:
    0 18px 36px rgba(0,0,0,0.20),
    inset 0 1px 0 rgba(255,255,255,0.98);

  transition:
    transform .25s ease,
    box-shadow .25s ease;
}


/* -----------------------------------------
   BRIGHTER GLASS REFLECTION
----------------------------------------- */

.party-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: -1;

  background:
    linear-gradient(
      120deg,
      rgba(255,255,255,0.52) 0%,
      rgba(255,255,255,0.16) 26%,
      transparent 48%
    );
}


/* -----------------------------------------
   LARGER INTERNAL COLOR BLOOM
----------------------------------------- */

.party-card::after {
  content: "";
  position: absolute;

  width: 300px;
  height: 240px;

  right: -100px;
  bottom: -100px;

  border-radius: 50%;
  filter: blur(30px);
  opacity: .30;

  pointer-events: none;
  z-index: -1;
}


/* =========================================
   PACKAGE COLORS
========================================= */

.party-card--blue {
  border-color: rgba(0,183,221,.58);

  box-shadow:
    0 18px 36px rgba(0,0,0,.20),
    0 0 16px rgba(0,183,221,.24),
    inset 0 1px 0 rgba(255,255,255,.98);
}

.party-card--blue::after {
  background: #00b7dd;
  opacity: .25;
}

.party-card--green {
  border-color: rgba(52,195,138,.56);

  box-shadow:
    0 18px 36px rgba(0,0,0,.20),
    0 0 16px rgba(52,195,138,.22),
    inset 0 1px 0 rgba(255,255,255,.98);
}

.party-card--green::after {
  background: #34c38a;
}


.party-card--coral {
  border-color: rgba(238,126,115,.56);

  box-shadow:
    0 18px 36px rgba(0,0,0,.20),
    0 0 16px rgba(238,126,115,.22),
    inset 0 1px 0 rgba(255,255,255,.98);
}

.party-card--coral::after {
  background: #ee7e73;
}


/* =========================================
   INSTA GALA — SMOKED GLASS
========================================= */;

.party-card--vip {
  min-height: 260px;
  padding: 26px 28px;

  background:
    linear-gradient(
      135deg,
      rgba(29,55,86,.97) 0%,
      rgba(12,28,49,.98) 62%,
      rgba(20,43,70,.96) 100%
    ) !important;

  border: 1px solid rgba(244,200,94,.72);

  box-shadow:
    0 20px 40px rgba(0,0,0,.28),
    0 0 15px rgba(244,200,94,.20),
    inset 0 1px 0 rgba(255,255,255,.10);
}

.party-card--vip::after {
  background: #f4c85e;
  opacity: .16;
  width: 230px;
  height: 210px;
  right: -80px;
  bottom: -85px;
}


/* =========================================
   SMALLER JEWEL MEDALLIONS
========================================= */

.party-icon {
  width: 56px;
  height: 56px;
  flex: 0 0 56px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.92);

  box-shadow:
    0 0 0 2px rgba(255,255,255,.22),
    0 6px 14px rgba(0,0,0,.16),
    0 0 13px rgba(255,255,255,.18);
}


/* =========================================
   SECONDARY TEXT
========================================= */

.party-card-text {
  color: #394554;
  line-height: 1.42;
   min-height: 48px;
}


.party-card--vip .package-description {
  color: rgba(255,255,255,.84);
}


/* =========================================
   SPACING / HIERARCHY
========================================= */

.party-card_title {
  margin-bottom: 7px;
}

.party-card_subtitle {
  margin-bottom: 12px;
}

.party-card .package-stat {
  margin-top: 14px;
  margin-bottom: 16px;
}


/* =========================================
   PASS LABEL
========================================= */

.package-pass {
  font-size: 9px;
  letter-spacing: .12em;
  line-height: 1.15;
  opacity: .52;
  text-transform: uppercase;
}

.party-card--vip .package-pass {
  opacity: .78;
  color: #f4c85e;
}


/* =========================================
   HOVER
========================================= */

.party-card:hover {
  transform: translateY(-5px);
}



/* *********************** 
Fix the mobile cards text from being wide apart */
/* 1. Target the "Selfie Sets" wrapper to force it upward */
#text_block-596-127 {
    margin-top: 0 !important;
    padding-top: 0 !important;
    line-height: 1.2;
}

/* 2. Target the element housing the camera icon and "70" to drop any bottom push */
#div_block-609-127 {
    margin-bottom: 2px !important;
    padding-bottom: 0 !important;
}

/* 3. Keep the inner elements aligned tightly */
#div_block-604-127 {
    justify-content: flex-start !important;
    row-gap: 2px !important; /* Forces tight spacing between flex child elements */
}

/* ====================== */
/* MOBILE CARD Styles */

.party-card_mobile {
  position: relative;
  overflow: hidden;
  isolation: isolate;

  background: linear-gradient(
    135deg,
    rgba(255,255,255,.98),
    rgba(255,255,255,.92) 55%,
    rgba(255,255,255,.86)
  );

  border-radius: 22px;
}

/* Colored glow */
.party-card_mobile::after {
  content: "";
  position: absolute;
  width: 320px;
  height: 260px;
  right: -110px;
  bottom: -100px;
  border-radius: 50%;
  filter: blur(32px);
  opacity: .27;
  z-index: -1;
  pointer-events: none;
}

.party-card_mobile-blue::after {
  background: #00b7dd;
  opacity: .23;
}

.party-card_mobile-green::after {
  background: #34c38a;
}

.party-card_mobile-coral::after {
  background: #ee7e73;
}

.party-card_mobile-blue {
  border: 1px solid rgba(0,183,221,.55);
}

.party-card_mobile-green {
  border: 1px solid rgba(52,195,138,.52);
}

.party-card_mobile-coral {
  border: 1px solid rgba(238,126,115,.52);
}

/* =========================================
   MOBILE INSTAGALA — VIP SMOKED GLASS
========================================= */

.party-card_mobile-vip {
  position: relative;
  overflow: hidden;
  isolation: isolate;

  background:
    linear-gradient(
      135deg,
      rgba(31,58,90,.98) 0%,
      rgba(12,28,49,.98) 58%,
      rgba(20,43,70,.96) 100%
    );

  border: 1px solid rgba(244,200,94,.72);
  border-radius: 22px;

  box-shadow:
    0 16px 34px rgba(0,0,0,.28),
    0 0 14px rgba(244,200,94,.20),
    inset 0 1px 0 rgba(255,255,255,.10);
}

.party-card_mobile-vip {
  color: rgba(255,255,255,.88);
}



/* Soft gold reflection inside card */

.party-card_mobile-vip::after {
  content: "";
  position: absolute;

  width: 320px;
  height: 260px;

  right: -115px;
  bottom: -105px;

  border-radius: 50%;
  background: #f4c85e;

  filter: blur(38px);
  opacity: .16;

  pointer-events: none;
  z-index: -1;
}


/* Subtle glass highlight */

.party-card_mobile-vip::before {
  content: "";
  position: absolute;
  inset: 0;

  background:
    linear-gradient(
      120deg,
      rgba(255,255,255,.14) 0%,
      rgba(255,255,255,.04) 27%,
      transparent 48%
    );

  pointer-events: none;
  z-index: -1;
}