.today-tour-area{
    background:#f8f9fa;
}
.today-tour-area .row{
    display:flex;
    flex-wrap:wrap;
    align-items:stretch;
}

.today-tour-area .col-md-6{
    display:flex;
    margin-bottom:30px;
}
.today-tour-card{
    background:#fff;
    border-radius:10px;
    display:flex;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    width:100%;
    height:100%;
}

.tour-date{
    width:140px;
    background:#00A5E7;
    color:#fff;
    text-align:center;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.tour-date .day{
    font-size:48px;
    font-weight:700;
    line-height:1;
}

.tour-date .month{
    font-size:22px;
    letter-spacing:2px;
    margin-top:10px;
}

.tour-content{
    padding:35px;
    flex:1;
}

.tour-status{
    display:inline-block;
    background:#00A5E7;
    color:#fff;
    padding:6px 15px;
    border-radius:30px;
    margin-bottom:15px;
    font-size:13px;
}

.tour-status i{
    margin-right:6px;
}

.tour-content h3{
    margin-top:0;
    margin-bottom:20px;
    font-weight:700;
}

.tour-details{
    list-style:none;
    padding:0;
    margin:0 0 20px;
}

.tour-details li{
    margin-bottom:12px;
    font-size:16px;
}

.tour-details i{
    color:#c62828;
    width:25px;
}

.tour-image{
    height:100%;
    min-height:350px;
    border-radius:10px;
    overflow:hidden;
}

.tour-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    border-radius:10px;
}
.tour-list-area{
    background:#f7f7f7;
}
.tour-list-area .row{
    display:flex;
    flex-wrap:wrap;
    align-items:stretch;
}

.tour-list-area .col-md-4{
    display:flex;
    margin-bottom:30px;
}

.tour-list-area .col-sm-6{
    display:flex;
}
.tour-card{
    background:#fff;
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
    transition:.3s;

    width:100%;
    height:100%;

    display:flex;
    flex-direction:column;
}

.tour-card:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(0,0,0,.15);
}

.tour-card-date{
    background:#00A5E7;
    color:#fff;
    text-align:center;
    padding:20px;
}

.tour-card-date span{
    display:block;
    font-size:38px;
    font-weight:bold;
    line-height:1;
}

.tour-card-date small{
    font-size:18px;
    letter-spacing:2px;
}

.tour-card-body{
    padding:25px;
    flex:1;
    display:flex;
    flex-direction:column;
}

.tour-type{
    display:inline-block;
    background:#ffe9e9;
    color:#c62828;
    padding:5px 12px;
    border-radius:20px;
    font-size:13px;
    font-weight:600;
    margin-bottom:12px;
}

.tour-card-body h4{
    font-weight:700;
    margin-bottom:20px;
}

.tour-card-body ul{
    padding:0;
    margin:0 0 20px;
    list-style:none;
}

.tour-card-body ul li{
    margin-bottom:10px;
    color:#666;
}

.tour-card-body ul li i{
    width:20px;
    color:#c62828;
}

.tour-card .btn{
    width:100%;
    margin-top:auto;
}
.tour-timeline-area{
    background:#fff;
}

.timeline{
    position:relative;
    max-width:900px;
    margin:auto;
}

.timeline:before{
    content:'';
    position:absolute;
    left:60px;
    top:0;
    bottom:0;
    width:4px;
    background:#c62828;
}

.timeline-item{
    position:relative;
    padding-left:150px;
    margin-bottom:45px;
}

.timeline-date{
    position:absolute;
    left:0;
    top:0;
    width:120px;
    text-align:center;
    background:#00A5E7;
    color:#fff;
    border-radius:8px;
    padding:15px 0;
}

.timeline-date h3{
    margin:0;
    font-size:34px;
    color:#fff;
    font-weight:bold;
}

.timeline-date span{
    font-size:18px;
    letter-spacing:2px;
}

.timeline-content{
    background:#fff;
    border-radius:10px;
    padding:25px;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
    position:relative;
}

.timeline-content:before{
    content:'';
    position:absolute;
    left:-12px;
    top:30px;
    border-top:12px solid transparent;
    border-bottom:12px solid transparent;
    border-right:12px solid #fff;
}

.timeline-badge{
    display:inline-block;
    color:#fff;
    padding:6px 15px;
    border-radius:30px;
    font-size:13px;
    margin-bottom:15px;
}

.timeline-info{
    margin-top:15px;
}

.timeline-info span{
    display:inline-block;
    margin-right:25px;
    color:#666;
}

.timeline-info i{
    color:#c62828;
    margin-right:5px;
}
.fun-factor-area .site-heading h2{
    color:#fff;
    margin-bottom:15px;
}

.fun-factor-area .site-heading p{
    color:#eee;
}

.fun-fact{
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.15);
    padding:35px 20px;
    border-radius:12px;
    transition:.3s;
    margin-top:30px;
}

.fun-fact:hover{
    transform:translateY(-8px);
    background:rgba(255,255,255,.15);
}

.fun-fact .icon{
    font-size:48px;
    color:#ffc107;
    margin-bottom:20px;
}

.fun-fact .timer{
    display:block;
    font-size:42px;
    font-weight:700;
    color:#fff;
}

.fun-fact .medium{
    display:block;
    font-size:17px;
    color:#f5f5f5;
    margin-top:10px;
}
.tour-objectives-area{
    background:#ffffff;
}
.default-padding {
    padding-top: 60px;
    
}
.objective-box{
    background:#fff;
    border-radius:10px;
    padding:35px 25px;
    text-align:center;
    margin-bottom:30px;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
    transition:.3s;
    border-top:4px solid #00A5E7;
    height:100%;
}

.objective-box:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(0,0,0,.15);
}

.objective-icon{
    width:80px;
    height:80px;
    margin:auto;
    line-height:80px;
    border-radius:50%;
    background:#00A5E7;
    color:#fff;
    font-size:32px;
    margin-bottom:20px;
}

.objective-box h4{
    font-weight:700;
    margin-bottom:15px;
}

.objective-box p{
    color:#666;
    margin:0;
    line-height:28px;
}
/*==================================
        Gallery Page
===================================*/
 

#portfolio-flters{
    padding:0;
    margin:40px 0;
    list-style:none;
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
}

#portfolio-flters li{
    display:inline-block;
    margin:8px;
    padding:12px 28px;
    background:#ffffff;
    color:#444;
    border:2px solid #00A5E7;
    border-radius:30px;
    font-weight:600;
    cursor:pointer;
    transition:.3s;
}

#portfolio-flters li:hover,
#portfolio-flters li.active{
    background:#00A5E7;
    color:#fff;
}

.portfolio-item{
    margin-bottom:30px;
}

.portfolio-inner{
    position:relative;
    overflow:hidden;
    border-radius:12px;
    background:#fff;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.4s;

    width:100%;
}

.portfolio-inner:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 40px rgba(0,0,0,.15);
}

.gallery_img{
    width:100%;
    aspect-ratio:1/1;
    object-fit:cover;
    display:block;
}

.portfolio-inner:hover .gallery_img{
    transform:scale(1.08);
}

.portfolio-text{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    padding:25px;
    background:linear-gradient(
        transparent,
        rgba(0,0,0,.92)
    );
    text-align:center;
    width:100%;
}

.portfolio-text h4{
    color:#fff;
    font-size:20px;
    font-weight:600;
    margin-bottom:18px;
}

.portfolio-text .d-flex{
    justify-content:center;
}

.btn-lg-square{
    width:42px;
    height:42px;
    line-height:42px;

    padding:0;
    display:inline-flex;
    justify-content:center;
    align-items:center;

    border-radius:50%;

    background:#00A5E7;
    color:#fff;

    margin:0 4px;
}

.btn-lg-square:hover{
    background:#fff;
    color:#00A5E7;
}
.gallery-eye-btn{
    width:45px;
    height:45px;

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

    background:#00A5E7;
    color:#fff;

    border-radius:50%;
    text-decoration:none;

    margin:0 5px;

    transition:.3s;
}

.gallery-eye-btn:hover{
    background:#fff;
    color:#00A5E7;
    text-decoration:none;
}

.gallery-eye-btn i{
    font-size:18px;
    line-height:1;
}
.mt-2.text-center{
    padding:70px 20px 30px;
}

.mt-2.text-center h3{
    font-size:38px;
    font-weight:700;
    margin-bottom:15px;
}

.mt-2.text-center p{
    font-size:18px;
    color:#666;
    margin-bottom:25px;
}

.mt-2.text-center .btn{
    padding:12px 35px;
    border-radius:30px;
    font-weight:600;
    font-size:16px;
}

@media (max-width:991px){

    /*.gallery_img{
        height:250px;
    }*/

    .mt-2.text-center h3{
        font-size:30px;
    }

}

@media (max-width:767px){

    /* Today's Tour */
.tour-list-area .row{
    display:block;
}

.tour-list-area .col-md-4,
.tour-list-area .col-sm-6{
    display:block;
    width:100%;
    margin-bottom:30px;
}
    .today-tour-card{
        flex-direction:column;
    }

    .tour-date{
        width:100%;
        height:120px;
    }

    .tour-content{
        padding:25px;
    }

    .tour-image{
        min-height:250px;
    }

    /* Timeline */

    .timeline:before{
        display:none;
    }

    .timeline-item{
        padding-left:0;
    }

    .timeline-date{
        position:relative;
        width:100%;
        margin-bottom:20px;
    }

    .timeline-content:before{
        display:none;
    }

    .timeline-info span{
        display:block;
        margin-bottom:10px;
    }

    /* Gallery */

    #portfolio-flters{
        justify-content:center;
    }

    #portfolio-flters li{
        margin:5px;
        padding:10px 18px;
        font-size:14px; 
    }

   /* .gallery_img{
        height:220px;
    }*/
  .portfolio-container{
        margin:0;
    }

    .portfolio-item{
        width:100% !important;
        left:0 !important;
        top:auto !important;
        position:relative !important;
        margin-bottom:20px;
    }
    .portfolio-text{
        padding:18px;
    }

    .portfolio-text h4{
        font-size:18px;
    }

    /* Heading */

    .mt-2.text-center{
        padding:50px 15px 20px;
    }

    .mt-2.text-center h3{
        font-size:28px;
    }

    .mt-2.text-center p{
        font-size:16px;
    }

    /* Buttons */

      .btn:not(.btn-square){
        width:100%;
        margin-bottom:10px;
    }

}



@media (max-width:480px){

    /*.gallery_img{
        height:180px;
    }*/

    .tour-date .day{
        font-size:40px;
    }

    .tour-date .month{
        font-size:18px;
    }

    .tour-content h3{
        font-size:22px;
    }

    .timeline-date h3{
        font-size:28px;
    }

    .objective-icon{
        width:65px;
        height:65px;
        line-height:65px;
        font-size:26px;
    }

}

/* Main Footer */
.footer{
    background:#00A5E7 !important;
    color:#fff;
}

/* Footer Headings */
.footer h3,
.footer h4,
.footer h5{
    color:#fff !important;
}

/* Footer Text */
.footer p,
.footer span{
    color:#fff !important;
}

/* Footer Links */
.footer .btn-link{
    color:#fff !important;
    text-decoration:none;
}

.footer .btn-link:hover{
    color:#FFD54F !important;
    padding-left:8px;
}

/* Icons */
.footer i{
    color:#fff;
}

/* Social Icons */
.footer .btn-square{
    width:45px;
    height:45px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid #fff;
    color:#fff !important;
    background:transparent;
    border-radius:50%;
    padding:0;
    flex:0 0 45px;
    transition:.3s;
}
 
.footer .btn-square:hover{
    background:#fff;
    color:#00A5E7 !important;
}

.footer .d-flex.pt-2{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

/* Copyright */
.copyright{
    background:#00A5E7;
    color:#fff;
}

.copyright p,
.copyright a{
    color:#fff !important;
}

.copyright a:hover{
    color:#FFD54F !important;
}
.footer{
    background:#00A5E7 !important;
    color:#fff;
    padding:40px 0 !important;
}
.footer .logo{
    width:100px;
    height:100px;
    object-fit:contain;
    display:block;
    margin:20px 0;
}

        :root {
            --ky-blue: #00A5E7;
            --ky-pink: #DD1180;
        }

        .ky-topbar-stripe {
            height: 6px;
            width: 100%;
            background: linear-gradient(90deg, var(--ky-blue) 0%, var(--ky-blue) 50%, var(--ky-pink) 50%, var(--ky-pink) 100%);
        }

        .site-heading h2 {
            font-family: 'Poppins', sans-serif;
            font-weight: 700;
            color: #1c2b39;
        }

        /* ===== Today's tour card ===== */
        .today-tour-card {
            background: #fff;
            border-radius: 14px;
            padding: 30px;
            box-shadow: 0 15px 35px rgba(0,0,0,0.08);
            border-left: 5px solid var(--ky-pink);
            position: relative;
        }
        .today-tour-card .tour-date {
            display: inline-flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            width: 62px;
            height: 62px;
            background: var(--ky-pink);
            color: #fff;
            border-radius: 10px;
            margin-bottom: 16px;
        }
        .today-tour-card .tour-date .day {
            font-family: 'Poppins', sans-serif;
            font-weight: 700;
            font-size: 20px;
            line-height: 1;
        }
        .today-tour-card .tour-date .month {
            font-size: 11px;
            text-transform: uppercase;
            letter-spacing: .5px;
        }
        .today-tour-card .tour-status {
            display: inline-block;
            font-size: 12.5px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: .5px;
            /*color: fff;*/
            margin-left: 12px;
        }
        .today-tour-card .tour-status i {
            font-size: 8px;
            /*color: var(--ky-pink);*/
            margin-right: 5px;
        }
        .today-tour-card h3 {
            font-family: 'Poppins', sans-serif;
            font-weight: 700;
            font-size: 22px;
            color: #1c2b39;
            margin: 14px 0;
        }
        .today-tour-card .tour-details {
            list-style: none;
            padding: 0;
            margin: 0 0 16px;
        }
        .today-tour-card .tour-details li {
            font-size: 14px;
            color: #5f6b76;
            margin-bottom: 8px;
        }
        .today-tour-card .tour-details li i {
            color: var(--ky-blue);
            width: 20px;
        }
        .today-tour-card p {
            font-size: 14.5px;
            color: #5f6b76;
            line-height: 1.85;
            margin-bottom: 20px;
        }
        .today-tour-card .btn.btn-theme {
            background: var(--ky-blue);
            border-color: var(--ky-blue);
            color: #fff;
        }
       
        .today-tour-card .btn.btn-dark {
            background: var(--ky-pink);
            border-color: var(--ky-pink);
            color: #fff;
        }
        .tour-image img {
            border-radius: 14px;
            box-shadow: 0 15px 35px rgba(0,0,0,0.12);
        }

        /* ===== Upcoming tour cards ===== */
        .tour-list-area {
            background: #f4f7fa;
        }
        .tour-card {
            background: #fff;
            border-radius: 12px;
            padding: 24px;
            display: flex;
            gap: 16px;
            height: 100%;
            box-shadow: 0 10px 25px rgba(0,0,0,0.06);
            border-bottom: 4px solid var(--ky-blue);
            transition: transform .3s ease, box-shadow .3s ease;
        }
        [class*="col-"]:nth-child(2n) .tour-card {
            border-bottom-color: var(--ky-pink);
        }
        .tour-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 18px 35px rgba(0,0,0,0.1);
        }
        .tour-card-date {
            flex-shrink: 0;
            width: 56px;
            height: 56px;
            border-radius: 10px;
            background: rgba(0,165,231,0.1);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
        [class*="col-"]:nth-child(2n) .tour-card-date {
            background: rgba(221,17,128,0.1);
        }
        .tour-card-date span {
            font-family: 'Poppins', sans-serif;
            font-weight: 700;
            font-size: 18px;
            color: var(--ky-blue);
            line-height: 1;
        }
        [class*="col-"]:nth-child(2n) .tour-card-date span {
            color: var(--ky-pink);
        }
        .tour-card-date small {
            font-size: 10px;
            text-transform: uppercase;
            color: var(--ky-blue);
        }
        [class*="col-"]:nth-child(2n) .tour-card-date small {
            color: var(--ky-pink);
        }
        .tour-type {
            display: inline-block;
            font-size: 11.5px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: .4px;
            color: var(--ky-blue);
            margin-bottom: 6px;
        }
        [class*="col-"]:nth-child(2n) .tour-type {
            color: var(--ky-pink);
        }
        .tour-card-body h4 {
            font-family: 'Poppins', sans-serif;
            font-weight: 700;
            font-size: 16px;
            color: #1c2b39;
            margin-bottom: 10px;
        }
        .tour-card-body ul {
            list-style: none;
            padding: 0;
            margin: 0 0 14px;
        }
        .tour-card-body ul li {
            font-size: 13px;
            color: #5f6b76;
            margin-bottom: 5px;
        }
        .tour-card-body ul li i {
            color: var(--ky-blue);
            width: 16px;
        }
        [class*="col-"]:nth-child(2n) .tour-card-body ul li i {
            color: var(--ky-pink);
        }
        .tour-card-body .btn.btn-theme {
            background: var(--ky-blue);
            border-color: var(--ky-blue);
            color: #fff;
        }
        [class*="col-"]:nth-child(2n) .tour-card-body .btn.btn-theme {
            background: var(--ky-pink);
            border-color: var(--ky-pink);
        }

        /* ===== Timeline ===== */
        .timeline-badge {
            display: inline-block;
            font-size: 11.5px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: .4px;
            padding: 5px 14px;
            border-radius: 20px;
            color: #fff !important;
        }
        .timeline-badge.bg-danger,
        .timeline-badge.bg-success,
        .timeline-badge.bg-primary {
            background: var(--ky-blue) !important;
        }
        .timeline-item:nth-child(2n) .timeline-badge {
            background: var(--ky-pink) !important;
        }
        .timeline-item:nth-child(2n) .timeline-date h3 {
            color: var(--ky-pink) !important;
        }
        .timeline-info span i {
            color: var(--ky-blue);
        }
        .timeline-item:nth-child(2n) .timeline-info span i {
            color: var(--ky-pink);
        }

        /* ===== Objectives ===== */
        .objective-box {
            background: #f8f9fb;
            border-radius: 12px;
            padding: 34px 24px;
            text-align: center;
            height: 100%;
            transition: transform .3s ease, box-shadow .3s ease;
        }
        .objective-box:hover {
            transform: translateY(-6px);
            box-shadow: 0 15px 30px rgba(0,0,0,0.08);
            background: #fff;
        }
        .objective-icon {
            width: 62px;
            height: 62px;
            line-height: 62px;
            border-radius: 50%;
            background: rgba(0,165,231,0.1);
            margin: 0 auto 16px;
        }
        .col-md-4.col-sm-6:nth-child(2n) .objective-icon {
            background: rgba(221,17,128,0.1);
        }
        .objective-icon i {
            font-size: 24px;
            color: var(--ky-blue);
        }
        .col-md-4.col-sm-6:nth-child(2n) .objective-icon i {
            color: var(--ky-pink);
        }
        .objective-box h4 {
            font-family: 'Poppins', sans-serif;
            font-weight: 700;
            font-size: 16px;
            color: #1c2b39;
            margin-bottom: 10px;
        }
        .objective-box p {
            font-size: 14px;
            color: #5f6b76;
            line-height: 1.8;
            margin: 0;
        }
        .tour-card-new{
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
    transition:.35s;
    height:100%;
    display:flex;
    flex-direction:column;
    border-top:5px solid #00A5E7;
}

.tour-card-new:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 45px rgba(0,0,0,.15);
}

.tour-header{
    padding:20px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    background:#f8fbff;
}

.tour-date-box{
    width:70px;
    height:70px;
    border-radius:15px;
    background:#00A5E7;
    color:#fff;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}

.tour-date-box .day{
    font-size:28px;
    font-weight:bold;
    line-height:1;
}

.tour-date-box small{
    letter-spacing:2px;
    font-size:11px;
}

.tour-status-badge{
    background:#28a745;
    color:#fff;
    padding:6px 14px;
    border-radius:30px;
    font-size:12px;
    font-weight:600;
}

.tour-content{
    padding:25px;
    flex:1;
}

.tour-category{
    color:#00A5E7;
    font-weight:600;
    display:inline-block;
    margin-bottom:10px;
}

.tour-content h3{
    font-size:22px;
    font-weight:700;
    margin-bottom:20px;
}

.tour-info{
    list-style:none;
    padding:0;
    margin:0;
}

.tour-info li{
    margin-bottom:14px;
    color:#555;
}

.tour-info i{
    width:24px;
    color:#DD1180;
}

.tour-footer{
    display:flex;
    gap:10px;
    padding:20px;
    border-top:1px solid #eee;
}

.tour-footer .btn{
    flex:1;
    border-radius:30px;
}

.btn-outline{
    border:2px solid #00A5E7;
    color:#00A5E7;
    background:#fff;
}

.btn-outline:hover{
    background:#00A5E7;
    color:#fff;
}


.tour-hero{
    background:#fff;
    padding:70px 0;
}

.hero-image{
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,.12);
}

.hero-image img{
    width:100%;
    height:520px;
    object-fit:cover;
}

.hero-content{
    padding-left:35px;
}

.hero-badge{

    display:inline-block;

    background:#00A5E7;

    color:#fff;

    padding:7px 18px;

    border-radius:30px;

    font-size:13px;

    margin-bottom:15px;

}

.hero-content h2{

    font-weight:700;

    margin-bottom:20px;

}

.info-card{

    background:#f8f9fb;

    border-radius:15px;

    padding:25px;

    margin-top:25px;

}

.info-list{

    list-style:none;

    padding:0;

    margin:0;

}

.info-list li{

    margin-bottom:18px;

    font-size:16px;

}

.info-list i{

    width:30px;

    color:#00A5E7;

}

.status{

    display:inline-block;

    padding:8px 18px;

    border-radius:30px;

    color:#fff;

    font-weight:600;

}

.status.Scheduled{

    background:#28a745;

}

.status.Completed{

    background:#17a2b8;

}

.status.Postponed{

    background:#ffc107;

    color:#333;

}

.status.Cancelled{

    background:#dc3545;

}

.btn-map{

    margin-top:20px;

}

@media(max-width:991px){

.hero-content{

padding-left:0;

padding-top:30px;

}

.hero-image img{

height:350px;

}

}