/*Slider Start*/
 .slider {
            margin: 0 auto;
            position: relative;
            overflow: hidden;
            max-width: 100%;
        }

        .slider-container {
            display: flex;
            transition: transform 0.5s ease-in-out;
        }

        .slider-item {
            min-width: 100%;
            box-sizing: border-box;
            position: relative;
        }

            .slider-item img {
                width: 100%;
                height: 80vh;
                object-fit: cover;
            }

        .gradient-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
            z-index: 1;
            pointer-events: none;
        }

        .caption-container {
            position: absolute;
            top: 30%;
            left: 6%;
            color: white;
            padding: 10px;
            text-align: left;
            box-sizing: border-box;
            z-index: 2;
            width: 50%;
        }

            .caption-container h2 {
                font-family: var(--htwoone-font);
                font-size: 4rem;
                margin: 0;
                letter-spacing: 2px;
                background: linear-gradient(to bottom, #ffffff 20%, #ffffff 100%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                text-shadow: 3px 3px 8px rgba(0,0,0,0.35);

            }

            .caption-container h5 {
                font-size: 2rem;
                margin-top: 10px;
                font-family: "Kaushan Script", cursive;
                background: linear-gradient(to bottom, #ffffff 10%, #fccb02 100%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                text-shadow: 2px 2px 6px rgba(0,0,0,0.3);
            }

            .caption-container a.button {
                display: inline-block;
                margin-top: 15px;
                background-color: #890C25;
                color: black;
                text-decoration: none;
                padding: 10px 20px;
                border-radius: 5px;
                font-size: 1rem;
                color: #fff;
            }

                .caption-container a.button:hover {
                    background-color: rgba(255, 255, 255, 1);
                    color: #0054b5;
                }

        button.prev,
        button.next {
            position: absolute;
            top: 55%;
            transform: translateY(-50%);
            width: 35px;
            height: 35px;
            padding: 0;
            background-color: #032f36;
            color: white;
            border: none;
            cursor: pointer;
            z-index: 10;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 16px;
        }

        button.prev {
            left: 5px;
        }

        button.next {
            right: 5px;
        }

            button.prev:hover, button.next:hover {
                background-color: #0054b5;
            }

        @media (max-width: 768px) {
            .slider {
                margin: 0 auto;
                position: relative;
                overflow: hidden;
                max-width: 100%;
            }

            .slider-item img {
                height: 35vh;
                object-fit: contains;
            }

            button.prev,
            button.next {
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                width: 17px;
                height: 17px;
                padding: 0;
                background-color: #032f36;
                color: white;
                border: none;
                cursor: pointer;
                z-index: 10;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 8px;
            }

            .caption-container {
                width: 100%;
            }
            .gradient-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));
            z-index: 1;
            pointer-events: none;
        }
                .caption-container h2 {
                    display: block;
                    font-size: 1.5rem;
                }

                .caption-container h5 {
                    display: block;
                    font-size: 1rem;
                }

                .caption-container a.button {
                    display: none;
                    font-size: 0.9rem;
                    padding: 8px 15px;
                }

            .gradient-overlay {
                background: none;
            }
        }
 /*Slider End*/

/*top attractons css Start*/

.theme-blue {
        --box-bg: #e1f5fe;
        --box-hover-bg: #b3e5fc;
        --title-color: #01579b;
        --text-color: #0277bd;
        --btn-bg: #0288d1;
        --btn-hover-bg: #01579b;
        --border-color: #03a9f4;
    }

    .theme-orange {
        --box-bg: #fff3e0;
        --box-hover-bg: #ffe0b2;
        --title-color: #e65100;
        --text-color: #ef6c00;
        --btn-bg: #f57c00;
        --btn-hover-bg: #e65100;
        --border-color: #ff9800;
    }

    .theme-teal {
        --box-bg: #e0f2f1;
        --box-hover-bg: #b2dfdb;
        --title-color: #004d40;
        --text-color: #00695c;
        --btn-bg: #00897b;
        --btn-hover-bg: #004d40;
        --border-color: #009688;
    }

    .theme-pink {
        --box-bg: #fce4ec;
        --box-hover-bg: #f8bbd0;
        --title-color: #880e4f;
        --text-color: #ad1457;
        --btn-bg: #d81b60;
        --btn-hover-bg: #880e4f;
        --border-color: #e91e63;
    }

    .theme-lime {
        --box-bg: #f1f8e9;
        --box-hover-bg: #dcedc8;
        --title-color: #33691e;
        --text-color: #558b2f;
        --btn-bg: #7cb342;
        --btn-hover-bg: #33691e;
        --border-color: #8bc34a;
    }

    .theme-violet {
        --box-bg: #f3e5f5;
        --box-hover-bg: #e1bee7;
        --title-color: #4a148c;
        --text-color: #6a1b9a;
        --btn-bg: #8e24aa;
        --btn-hover-bg: #4a148c;
        --border-color: #9c27b0;
    }

    .water-park-grid .tour-box {
        border-radius: 16px;
        overflow: hidden;
        background-color: var(--box-bg); 
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
        transition: all 0.4s ease-in-out;
        border-bottom: 4px solid transparent;
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    .water-park-grid .tour-box:hover {
        transform: translateY(-8px);
        background-color: var(--box-hover-bg); 
        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
        border-bottom: 4px solid var(--border-color); 
    }

    .water-park-grid .tour-box_img {
        position: relative;
        overflow: hidden;
    }

    .water-park-grid .tour-box_img img {
        width: 100%;
        height: 240px;
        object-fit: cover;
        transition: transform 0.5s ease;
    }

    .water-park-grid .tour-box:hover .tour-box_img img {
        transform: scale(1.08); 
    }

    .water-park-grid .tour-content {
        padding: 25px 20px;
        text-align: center;
        background: transparent; 
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .water-park-grid .box-title {
        font-size: 1.25rem;
        font-weight: 700;
        margin-bottom: 10px;
    }

    .water-park-grid .box-title a {
        color: var(--title-color); 
        text-decoration: none;
        transition: color 0.3s ease;
    }

    .water-park-grid .box-title a:hover {
        color: var(--border-color); 
    }

    .water-park-grid .attraction-desc {
        color: var(--text-color); 
        font-size: 0.9rem;
        margin-bottom: 20px;
        line-height: 1.5;
        font-weight: 500;
    }

    .water-park-grid .btn-splash {
        display: inline-block;
        margin-top: auto;
        padding: 8px 20px;
        background-color: var(--btn-bg); 
        color: #fff;
        font-size: 0.85rem;
        font-weight: 600;
        text-transform: uppercase;
        border-radius: 30px;
        text-decoration: none;
        transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.2s ease;
    }

    .water-park-grid .btn-splash:hover {
        background-color: var(--btn-hover-bg);
        color: #fff;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
        transform: scale(1.05);
    }
    /*top attractons css End*/

/*why visit us start*/

   /* SECTION */
.water-wave-bg{
    padding:50px 0;
    background-image:url(/images/back.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    
}

/* COMPACT BOX */
.choose-item{
    display:flex;
    align-items:flex-start;
    gap:18px;
    padding:24px;
    border-radius:24px;
    background:#fff;
    transition:0.35s;
    height:100%;
    position:relative;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,0.05);
}

.choose-item:hover{
    transform:translateY(-6px);
}

/* SMALL TOP LINE */
.choose-item::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:5px;
}

/* COLORFUL TOP BORDERS */
.row .col-md-6:nth-child(1) .choose-item::before{
    background:#00b7ff;
}

.row .col-md-6:nth-child(2) .choose-item::before{
    background:#ff2f97;
}

.row .col-md-6:nth-child(3) .choose-item::before{
    background:#00c897;
}

.row .col-md-6:nth-child(4) .choose-item::before{
    background:#ff9800;
}

.row .col-md-6:nth-child(5) .choose-item::before{
    background:#7b4dff;
}

.row .col-md-6:nth-child(6) .choose-item::before{
    background:#3040ff;
}

/* ICON BOX */
.box-icon{
    width:62px;
    height:62px;
    min-width:62px;
    border-radius:18px;
    display:flex;
    align-items:center;
    justify-content:center;
}

/* ICON BACKGROUND COLORS */
.row .col-md-6:nth-child(1) .box-icon{
    background:#e8f7ff;
}

.row .col-md-6:nth-child(2) .box-icon{
    background:#ffe7f2;
}

.row .col-md-6:nth-child(3) .box-icon{
    background:#e7fff7;
}

.row .col-md-6:nth-child(4) .box-icon{
    background:#fff3df;
}

.row .col-md-6:nth-child(5) .box-icon{
    background:#f1eaff;
}

.row .col-md-6:nth-child(6) .box-icon{
    background:#e9edff;
}

/* ICON */
.box-fa-icon{
    font-size:26px;
}

/* ICON COLORS */
.row .col-md-6:nth-child(1) .box-fa-icon{
    color:#00a6ff;
}

.row .col-md-6:nth-child(2) .box-fa-icon{
    color:#ff2f97;
}

.row .col-md-6:nth-child(3) .box-fa-icon{
    color:#00c897;
}

.row .col-md-6:nth-child(4) .box-fa-icon{
    color:#ff9800;
}

.row .col-md-6:nth-child(5) .box-fa-icon{
    color:#7b4dff;
}

.row .col-md-6:nth-child(6) .box-fa-icon{
    color:#3040ff;
}

/* CONTENT */
.media-body{
    flex:1;
}

.box-title{
    font-size:20px;
    font-weight:800;
    color:#111827;
    margin-bottom:8px;
}

.box-text{
    font-size:14px;
    line-height:1.7;
    color:#666;
    margin:0;
}

/* MOBILE */
@media (max-width:991px){

    .sec-title{
        font-size:34px;
    }
}

@media (max-width:767px){

    .water-wave-bg{
        padding:65px 0;
    }

    .sec-title{
        font-size:28px;
    }

    .choose-item{
        padding:20px;
        gap:14px;
        border-radius:20px;
    }

    .box-icon{
        width:55px;
        height:55px;
        min-width:55px;
        border-radius:16px;
    }

    .box-fa-icon{
        font-size:22px;
    }

    .box-title{
        font-size:18px;
    }

    .box-text{
        font-size:13px;
    }
}
/*why visit us End*/

/*ticket Section Start  */

.ticket-package-section{
    padding:50px 0;
    background:
    radial-gradient(circle at top left, #47246d 0%, transparent 35%),
    radial-gradient(circle at bottom right, #3b1f91 0%, transparent 35%),
    linear-gradient(135deg,#0e1b3d,#3b1f91,#662d91);
    position:relative;
    overflow:hidden;
}


.ticket-box{
    position:relative;
    border-radius:35px;
    padding:45px 30px;
    overflow:hidden;
    color:#fff;
    text-align:center;
    transition:0.4s;
    height:100%;
    backdrop-filter:blur(10px);
    border:1px solid rgba(255,255,255,0.15);
    box-shadow:0 15px 40px rgba(0,0,0,0.25);
}

.ticket-box:hover{
    transform:translateY(-12px) scale(1.02);
}


.free-box{
    background:linear-gradient(135deg,#00d6a3,#00b894);
}

.child-box{
    background:linear-gradient(135deg,#ff3797,#ff4d6d);
}

.adult-box{
    background:linear-gradient(135deg,#2226f7,#4a54ff);
}


.ticket-box::before{
    content:'';
    position:absolute;
    width:180px;
    height:180px;
    background:rgba(255,255,255,0.18);
    border-radius:50%;
    top:-60px;
    right:-60px;
}

.ticket-box::after{
    content:'';
    position:absolute;
    width:120px;
    height:120px;
    background:rgba(255,255,255,0.12);
    border-radius:50%;
    bottom:-40px;
    left:-40px;
}


.ticket-icon{
    width:95px;
    height:95px;
    margin:auto;
    border-radius:28px;
    background:rgba(255,255,255,0.15);
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:25px;
    position:relative;
    z-index:2;
}

.ticket-icon i{
    font-size:42px;
    color:#fff;
}


.ticket-box h3{
    font-size:32px;
    font-weight:800;
    margin-bottom:15px;
    position:relative;
    z-index:2;
    color:#000;
}


.ticket-price{
    font-size:55px;
    font-weight:900;
    line-height:1;
    margin-bottom:15px;
    position:relative;
    z-index:2;
}


.week-price{
    background:rgba(255,255,255,0.16);
    display:inline-block;
    padding:12px 22px;
    border-radius:40px;
    font-size:14px;
    margin-bottom:22px;
    font-weight:700;
    position:relative;
    z-index:2;
}


.ticket-desc{
    font-size:15px;
    line-height:1.8;
    margin-bottom:25px;
    color:rgba(255,255,255,0.95);
    position:relative;
    z-index:2;
}


.ticket-tag{
    background:#fff;
    color:#111;
    display:inline-block;
    padding:12px 24px;
    border-radius:40px;
    font-size:14px;
    font-weight:800;
    position:relative;
    z-index:2;
}




.title-area p{
    color:rgba(255,255,255,0.8);
    max-width:700px;
    margin:auto;
    margin-top:15px;
}


.ticket-info-box{
    background:rgba(255,255,255,0.08);
    border:1px solid rgba(255,255,255,0.12);
    backdrop-filter:blur(10px);
    border-radius:30px;
    padding:30px;
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:20px;
    margin-top:50px;
}

.info-item{
    display:flex;
    align-items:center;
    gap:14px;
    color:#fff;
    font-weight:700;
}

.info-item i{
    width:50px;
    height:50px;
    border-radius:18px;
    background:rgba(255,255,255,0.12);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:18px;
}


@media (max-width:991px){

    .title-area .sec-title{
        font-size:38px;
    }

    .ticket-box{
        padding:40px 25px;
    }

    .ticket-price{
        font-size:45px;
    }

    .ticket-info-box{
        flex-direction:column;
    }
}

@media (max-width:576px){

    .ticket-package-section{
        padding:70px 0;
    }

    .title-area .sec-title{
        font-size:30px;
    }

    .ticket-box{
        border-radius:28px;
    }

    .ticket-box h3{
        font-size:24px;
    }

    .ticket-price{
        font-size:40px;
    }

    .ticket-icon{
        width:80px;
        height:80px;
    }

    .ticket-icon i{
        font-size:35px;
    }

    .info-item{
        font-size:14px;
        align-items:flex-start;
    }
}
/*ticket Section Start  */

/*about section start*/

.about-waterpark-section {
    position: relative;
    overflow: hidden;
    padding: 50px 0;
    background: linear-gradient(135deg,#1b1448,#4d2cd6,#0f78ff);
}

/* ===========================
   IMAGE SECTION
=========================== */

.about-waterpark-image {
    position: relative;
    z-index: 1;
}

.about-waterpark-image img {
    width: 100%;
    border-radius: 35px;
    box-shadow: 0 25px 60px rgba(0,0,0,0.25);
    position: relative;
    z-index: 2;
}

.circle-shape {
    position: absolute;
    width: 250px;
    height: 250px;
    background: linear-gradient(135deg,#11d3b0,#00a8ff);
    border-radius: 50%;
    top: -60px;
    left: -60px;
    z-index: 1;
    animation: floatShape 5s infinite alternate ease-in-out;
}

.floating-box {
    position: absolute;
    right: -20px;
    bottom: 40px;
    background: #ff3797;
    padding: 25px 30px;
    border-radius: 25px;
    color: #fff;
    z-index: 3;
    box-shadow: 0 20px 40px rgba(0,0,0,0.20);
    animation: floatBox 3s infinite alternate ease-in-out;
}

.floating-box h3 {
    font-size: 42px;
    font-weight: 800;
    margin-bottom: 5px;
}

.floating-box p {
    margin-bottom: 0;
    font-size: 16px;
}

/* ===========================
   CONTENT SECTION
=========================== */

.about-waterpark-content {
    padding-left: 20px;
}

.about-subtitle {
    display: inline-block;
    background: rgba(255,255,255,0.15);
    color: #fff;
    padding: 10px 22px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.about-title {
    color: #fff;
    font-size: 48px;
    line-height: 1.2;
    font-weight: 800;
    margin-bottom: 25px;
    font-family: "Kaushan Script", cursive;
}

.about-text {
    color: rgba(255,255,255,0.88);
    font-size: 17px;
    line-height: 1.9;
    margin-bottom: 35px;
}

/* ===========================
   FEATURE GRID
=========================== */

.about-feature-grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 20px;
    margin-bottom: 40px;
}

.about-feature-card {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    background: rgba(255,255,255,0.12);
    padding: 22px;
    border-radius: 25px;
    backdrop-filter: blur(8px);
    transition: 0.4s;
}

.about-feature-card:hover {
    transform: translateY(-8px);
    background: rgba(255,255,255,0.20);
}

.about-feature-card i {
    width: 65px;
    height: 65px;
    line-height: 65px;
    text-align: center;
    border-radius: 18px;
    font-size: 28px;
    color: #fff;
    background: linear-gradient(135deg,#ff3797,#ff5b1f);
    flex-shrink: 0;
}

.about-feature-card h4 {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 6px;
}

.about-feature-card p {
    color: rgba(255,255,255,0.80);
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 0;
}

/* ===========================
   BUTTON
=========================== */

.about-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(135deg,#11d3b0,#00a8ff);
    color: #fff;
    padding: 16px 35px;
    border-radius: 60px;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    transition: 0.4s;
}

.about-btn:hover {
    transform: translateY(-5px);
    color: #fff;
    box-shadow: 0 15px 35px rgba(0,0,0,0.25);
}

/* ===========================
   ANIMATION
=========================== */

@keyframes floatShape {
    0% {
        transform: translateY(0px);
    }

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

@keyframes floatBox {
    0% {
        transform: translateY(0px);
    }

    100% {
        transform: translateY(-15px);
    }
}

/* ===========================
   RESPONSIVE
=========================== */

@media (max-width:991px) {

    .about-waterpark-section {
        padding: 70px 0;
    }

    .about-title {
        font-size: 38px;
    }

    .about-feature-grid {
        grid-template-columns: 1fr;
    }

    .about-waterpark-content {
        padding-left: 0;
    }

    .floating-box {
        right: 10px;
        bottom: 20px;
        padding: 20px;
    }
}

@media (max-width:576px) {

    .about-title {
        font-size: 30px;
    }

    .about-text {
        font-size: 15px;
    }

    .about-feature-card {
        padding: 18px;
    }

    .about-feature-card i {
        width: 55px;
        height: 55px;
        line-height: 55px;
        font-size: 22px;
    }

    .floating-box h3 {
        font-size: 30px;
    }
}


/*other css*/
.dayout-section {
    padding: 50px 0;
    background: #f3f3f5;
    overflow: hidden;
}

.info-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 28px;
}

/* CARD */
.info-card {
    position: relative;
    border-radius: 42px;
    overflow: hidden;
    padding: 35px 35px;
    min-height: 320px;
    transition: 0.4s;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0 20px 45px rgba(0,0,0,0.08);
}

.info-card:hover {
    transform: translateY(-10px);
}

/* ABSTRACT SHAPES */
.info-card::before {
    content: "";
    position: absolute;
    width: 170px;
    height: 170px;
    border-radius: 50%;
    background: rgba(255,255,255,0.25);
    top: -45px;
    right: -45px;
}

.info-card::after {
    content: "";
    position: absolute;
    width: 160px;
    height: 160px;
    border-radius: 60px;
    background: rgba(255,255,255,0.18);
    bottom: -70px;
    left: -50px;
    transform: rotate(35deg);
}

/* COLORS FROM IMAGE */
.card-hours {
    background: linear-gradient(135deg,#ff2f97,#f96ab7);
    color: #fff;
}

.card-req {
    background: linear-gradient(135deg,#ffd21f,#ffbf00);
    color: #111;
}

.card-amenities {
    background: linear-gradient(135deg,#10d4a8,#20d8c2);
    color: #fff;
}

.card-safety {
    background: linear-gradient(135deg,#2326f7,#4e54ff);
    color: #fff;
}

/* ICON AREA */
.info-top {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 18px;
    margin-bottom: 25px;
    position: relative;
    z-index: 2;
    text-align: center;
}

.info-icon {
    width: 80px;
    height: 80px;
    min-width: 80px;
    border-radius: 28px;
    background: rgba(255,255,255,0.22);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
    margin: 0 auto;
    backdrop-filter: blur(10px);
}

.card-req .info-icon {
    background: rgba(255,255,255,0.45);
}

.info-card h3 {
    font-size: 28px;
    font-weight: 800;
    line-height: 1;
    margin: 0;
    position: relative;
    z-index: 2;
    color:#000;
}

/* LIST */
.info-card ul {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 2;
}

.info-card ul li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 600;
}

.info-card ul li::before {
    content: "";
    position: absolute;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    left: 0;
    top: 14px;
    background: currentColor;
}

/* RESPONSIVE */
@media (max-width:1400px){

    .info-card h3{
        font-size: 42px;
    }

    .info-card ul li{
        font-size: 18px;
    }
}

@media (max-width:1200px){

    .info-grid{
        grid-template-columns: repeat(2,1fr);
    }

    .info-card{
        min-height: auto;
    }
}

@media (max-width:767px){

    .info-grid{
        grid-template-columns: 1fr;
    }

    .info-card{
        padding: 35px 25px;
        border-radius: 32px;
    }

    .info-top{
        margin-bottom: 25px;
    }

    .info-card h3{
        font-size: 34px;
    }

    .info-card ul li{
        font-size: 16px;
        margin-bottom: 15px;
    }

    .info-icon{
        width: 70px;
        height: 70px;
        min-width: 70px;
        font-size: 28px;
    }
}

/*facility css start*/

.facility-mini-section{
    padding:50px 0;
    background:linear-gradient(135deg,#f5f7ff,#fff7fb,#f4fffd);
    overflow:hidden;
}

/* FLEX ROW */
.facility-mini-wrapper{
    display:flex;
    gap:18px;
    flex-wrap:wrap;
    justify-content:center;
}

/* MAIN BOX */
.facility-mini-box{
    position:relative;
    flex:1;
    min-width:220px;
    max-width:250px;
    padding:22px 18px;
    border-radius:24px;
    overflow:hidden;
    transition:0.4s;
    backdrop-filter:blur(10px);
    border:1px solid rgba(255,255,255,0.3);
}

.facility-mini-box:hover{
    transform:translateY(-8px);
}

/* LIGHT GLOW */
.facility-mini-box::before{
    content:"";
    position:absolute;
    width:90px;
    height:90px;
    border-radius:50%;
    background:rgba(255,255,255,0.25);
    top:-35px;
    right:-25px;
}

/* SMALL ICON BOX */
.facility-mini-icon{
    width:52px;
    height:52px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    margin-bottom:18px;
    box-shadow:0 8px 18px rgba(0,0,0,0.08);
}

/* CONTENT */
.facility-mini-content h4{
    font-size:20px;
    font-weight:800;
    margin-bottom:8px;
    color:#111;
}

.facility-mini-content p{
    margin:0;
    font-size:14px;
    line-height:1.6;
    color:#444;
}

/* DIFFERENT COLORS */

/* PINK */
.mini-pink{
    background:linear-gradient(135deg,#ffe1ef,#ffd3e8);
}

.mini-pink .facility-mini-icon{
    background:#ff2f97;
    color:#fff;
}

/* SKY */
.mini-sky{
    background:linear-gradient(135deg,#dff4ff,#cfeeff);
}

.mini-sky .facility-mini-icon{
    background:#00a6ff;
    color:#fff;
}

/* GREEN */
.mini-green{
    background:linear-gradient(135deg,#ddfff4,#cbffef);
}

.mini-green .facility-mini-icon{
    background:#00c897;
    color:#fff;
}

/* ORANGE */
.mini-orange{
    background:linear-gradient(135deg,#fff0d8,#ffe5c1);
}

.mini-orange .facility-mini-icon{
    background:#ff9800;
    color:#fff;
}

/* PURPLE */
.mini-purple{
    background:linear-gradient(135deg,#efe4ff,#e3d2ff);
}

.mini-purple .facility-mini-icon{
    background:#7c4dff;
    color:#fff;
}


/* MOBILE */
@media (max-width:991px){

    .facility-mini-box{
        min-width:calc(50% - 18px);
    }
}

@media (max-width:767px){

    .facility-mini-wrapper{
        gap:14px;
    }

    .facility-mini-box{
        min-width:100%;
        max-width:100%;
        padding:20px;
        border-radius:22px;
    }

    .facility-mini-content h4{
        font-size:18px;
    }

    .facility-mini-content p{
        font-size:13px;
    }
}

/*footer css style */
.footer-wrapper{
    position:relative;
    overflow:hidden;
    z-index:1;

    background:
        radial-gradient(circle at left top,
        rgba(71, 36, 109, 0.92) 20%,
        transparent 35%),

        radial-gradient(circle at right bottom,
        rgba(59, 31, 145, 0.92) 20%,
        transparent 35%),

        linear-gradient(
        135deg,
        rgba(14, 27, 61, 0.92),
        rgba(59, 31, 145, 0.90),
        rgba(102, 45, 145, 0.90)
        ),

        url('/images/footer.jpg');

    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

/* EXTRA DARK LAYER FOR TEXT VISIBILITY */
.footer-wrapper::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.18);
    z-index:-1;
}

/* FOOTER TEXT */
.footer-wrapper,
.footer-wrapper p,
.footer-wrapper a,
.footer-wrapper li,
.footer-wrapper h2,
.footer-wrapper h3,
.footer-wrapper h4,
.footer-wrapper h5{
    color:#fff;
}

/* LINK HOVER */
.footer-wrapper a{
    transition:0.3s;
}

.footer-wrapper a:hover{
    color:#ffd54a;
}