@font-face {
    font-family: 'ComicSans';
    src: local('ComicSans'), url('../fonts/comic-sans-ms/COMIC.TTF') format('truetype');
    /* Add additional formats (e.g., woff, ttf) as needed for cross-browser compatibility */
}

.comic-sans-text {
    font-family: 'ComicSans';
}

.custom-list {
    list-style-type: none;
    counter-reset: list-counter;
    padding-left: 0;
    font-weight: 500;
}

.custom-list li {
    margin-bottom: 20px;
}

@media screen and (max-width: 1023px) {    
    .custom-list li {
        margin-bottom: 10px;
    }
}

.custom-list li:last-child {
    margin-bottom: 0;
}


.custom-list li::before {
    content: counter(list-counter) ") ";
    counter-increment: list-counter;
}

/* Owl carousel  */
.owl-carousel {
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
}

.testimononial-profile-img {
    width: 100px !important;
    height: 100px !important;
}

.testimonials-section .owl-carousel .owl-stage-outer {
    overflow: visible !important;
}

.testimonials-section .owl-carousel .owl-item {
    padding: 10px;
}

.testimonials-section .owl-carousel .owl-nav,
#mini-carousel.owl-carousel .owl-nav {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-size: 50px;
    z-index: 99;
}

.second-tr th {
    border-left: 0;
    border-right: 0;
}

.bg-hero {
    background-image: url('../images/hero-bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

}

.kiteboarding {
    background-image: url('../images/kiteboarding.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (max-width: 767px) {    
    .kiteboarding {
        background-image: none;
        background-color: #fefefe;
    }
}

.pickleball {
    background-image: url('../images/pickleball.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.tennis {
    background-image: url('../images/tennis.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bicycles {
    position: relative;
    background-image: url('../images/Running.jpeg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.footer-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /* background-color: rgba(255, 255, 255, 0.9); */
    background-color: rgba(255, 255, 255, 1);
    z-index: 0;
    border-radius: 20px;
}

.footer-content {
    position: relative;
    z-index: 1;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    color: #007A6F;
    font-size: 80px;
    font-weight: 700;
}

.owl-dots {
    display: none;
}

.zoom-in {
    transform: scale(1.5);
    transition: transform 0.3s ease;
}

/* #password-toggle {
    display: none;
} */

#password-toggle.show-eye {
    display: block;
}

#password-toggle.hide-eye {
    display: block;
}

[modal-backdrop] {
    background-color: transparent !important;
    opacity: .8;
}

/* Specific styles for Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .my-box {
        flex: 1;
    }

    .my-box + .my-box {
        margin-left: 1rem; /* Adjust the margin as needed */
    }
}

@media screen and (max-width:767px) {
    .my-box + .my-box {
        margin-left: 0; /* Adjust the margin as needed */
    }
}

.owl-item {
    visibility: hidden;
}

.owl-item.active {
    visibility: visible;
}

.after-hero-section .owl-carousel .owl-dots,
.owl-carousel.center-carousel .owl-dots {
    display: block;
    text-align: center;
}

.after-hero-section .owl-carousel button.owl-dot,
.owl-carousel.center-carousel button.owl-dot,
.testimonials-section .owl-carousel .owl-dots button.owl-dot {
    background: #e5e7eb; 
    border: 1px solid #e5e7eb;
    height: 10px;
    width: 10px; 
    margin: 0 5px;
    border-radius: 50%; 
}

.after-hero-section .owl-carousel button.owl-dot.active,
.owl-carousel.center-carousel button.owl-dot.active,
.testimonials-section .owl-carousel .owl-dots button.owl-dot {
    background: #b8babc; 
    border: 1px solid #b8babc;
}

.owl-carousel.center-carousel .owl-item img {
    height: 400px;
    object-fit: cover;
    object-position: center;
}

.after-hero-section .owl-carousel .owl-nav button.owl-next, .after-hero-section .owl-carousel .owl-nav button.owl-prev, .after-hero-section .owl-carousel button.owl-dot,
.center-carousel.owl-carousel .owl-nav button.owl-next, .center-carousel.owl-carousel .owl-nav button.owl-prev, .center-carousel.owl-carousel button.owl-dot {
    color: #000;
}

.after-hero-section .owl-carousel .owl-nav button.owl-next.disabled, .after-hero-section .owl-carousel .owl-nav button.owl-prev.disabled {
    visibility: hidden;
}

@media (min-width: 1024px) {
    .lg\:text-4xl {
        line-height: 3.5rem !important;
    }
}

@media (max-width: 767px) {
    .owl-carousel.center-carousel .owl-item img {
        height: auto;
    }

    #mini-carousel.owl-carousel .owl-nav button.owl-next, 
    #mini-carousel.owl-carousel .owl-nav button.owl-prev {
        display: none;
    }

    .testimonials-section .owl-carousel .owl-dots {
        display: block;
        text-align: center;
    }

    .testimonials-section .owl-carousel .owl-nav {
        top: 20px;
    }

    #mini-carousel.owl-carousel .owl-item img {
        /* height: 300px; */
        /* object-fit: cover; */
        margin-top: 10px;
    }

    #mini-carousel.owl-carousel .owl-item .grid img {
        height: auto;
        margin-top: 0;
    }
    
    img.phone-mockup-slide {
        object-fit: contain !important;
    }
}

@media (max-width: 639.9px) {
    .adjust-grid-mobile .grid-cols-3 {        
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 639px) {
    .lisdt-font-small li {
        flex-grow: 1 !important;
    }
}

@media (max-width: 374px) {
    .lisdt-font-small {
        font-size: 12px !important;
        margin-bottom: 0 !important;
        text-wrap: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-top: 7px !important;
    }

    .lisdt-font-small li {
        overflow: hidden;
        flex-grow: 1;
        text-overflow: ellipsis;
    }
}

.overflow-visible {
    overflow: visible !important;
}

img.phone-mockup-slide.zoom-in {
    margin: 10px;
}

.zoom-in-mini-carousel .owl-dots {
    display: none !important;
}

.object-2-bg {
    background: url(../images/2-Objects.webp) no-repeat;
    background-size: cover;
    background-position: center;
    height: 585px;
}

.video-container {
    position: relative;
  }
  
  .sound-icon {
    position: absolute;
    bottom: 10px;
    right: 10px;
    /* Adjust icon size and position as needed */
    width: 20px;
    height: 20px;
    background-image: url("https://www.flaticon.com/free-icons/sound"); /* Replace with your sound icon image URL */
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.7; /* Adjust opacity for desired visibility */
  }