.flight-detail-page {
    padding: 70px 0;
    background: #f6f8fc;
}

.flight-detail-card {

    background:white;

    border-radius:30px;

    overflow:hidden;

    box-shadow:
        0 25px 70px rgba(15,23,42,.12);

}

.flight-detail-image {

    height:200px;
    width: 500px;
    overflow:hidden;

    position:relative;

}


.flight-detail-image:after {

    content:"";

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            to top,
            rgba(0,0,0,.45),
            transparent
        );

}


.flight-detail-image img {

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.6s;

}


.flight-detail-card:hover
.flight-detail-image img {

    transform:scale(1.04);

}


.flight-detail-content {

    padding:45px;

}



.flight-detail-content h1 {

    font-size:34px;

    font-weight:900;

    color:#172554;

}


.flight-badge-show {

    background:
        linear-gradient(
            135deg,
            #2563eb,
            #06b6d4
        );

    color:white;

    padding:10px 25px;

    border-radius:50px;

    font-weight:700;

    box-shadow:
        0 10px 25px rgba(37,99,235,.3);

}


.route-box {

    background:#f8fafc;

    border-radius:25px;

    padding:30px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin:35px 0;


}

.route-box small {

    color:#64748b;

    font-size:14px;

}



.route-box strong {

    display:block;

    font-size:30px;

    margin-top:10px;

    color:#0f172a;

}



.route-line {

    width:70px;

    height:70px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;


    background:#e0f2fe;

    color:#0284c7;

    font-size:28px;

}


.flight-info-grid {

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:20px;

}


.flight-info-grid > div {

    background:white;

    border:1px solid #e5e7eb;

    padding:22px;

    border-radius:22px;

    transition:.3s;

}



.flight-info-grid > div:hover {

    transform:translateY(-5px);

    box-shadow:
        0 15px 30px rgba(0,0,0,.08);

}



.flight-info-grid span {

    display:block;

    color:#64748b;

    margin-bottom:12px;

}



.flight-info-grid b {

    font-size:18px;

    color:#0f172a;

}



.flight-detail-content .btn-success {

    border:0;

    padding:14px 45px;

    border-radius:50px;

    font-weight:800;

    background:
        linear-gradient(
            135deg,
            #16a34a,
            #22c55e
        );

    box-shadow:
        0 12px 30px rgba(34,197,94,.3);

}


.flight-comments {

    margin-top:60px;

    padding-top:40px;

    border-top:1px solid #eee;

}



.flight-comments h3 {

    font-weight:900;

    color:#172554;

    margin-bottom:30px;

}


.flight-comments form {

    background:#f8fafc;
    padding:30px;
    border-radius:25px;

}



.flight-comments label {

    font-weight:700;

    margin-bottom:8px;

}



.flight-comments .form-control {

    border-radius:15px;

    padding:14px;

    border:1px solid #e2e8f0;

}



.flight-comments .btn-primary {

    border-radius:50px;

    padding:12px 35px;

    font-weight:700;

}

.comments-list .card {

    border:0!important;

    border-radius:22px!important;

    padding:25px!important;

    box-shadow:
        0 10px 30px rgba(0,0,0,.06)!important;

}



.comments-list strong {

    color:#1e3a8a;

}



.comments-list p {

    color:#475569;

    line-height:2;

}



@media(max-width:768px){

    .flight-detail-content{
        padding:25px;
    }


    .flight-info-grid{

        grid-template-columns:1fr;

    }


    .route-box{

        flex-direction:column;

        gap:20px;

    }


    .flight-detail-content h1{

        font-size:25px;

    }

}

/**/

      /* =========================
        Tour Detail Style
     ========================= */


 .tour-detail-card {

     border-radius:30px;

     overflow:hidden;

     background:#fff;

     box-shadow:
         0 25px 60px rgba(0,0,0,.12);

 }



/* Image */

.tour-detail-image {

    height:420px;

    position:relative;

    overflow:hidden;

}


.tour-detail-image img {

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.6s;

}


.tour-detail-image:hover img {

    transform:scale(1.08);

}


.tour-detail-image:after {

    content:"";

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            to top,
            rgba(0,0,0,.55),
            transparent 60%
        );

}



/* Badge */

.tour-detail-image .badge {

    z-index:3;

    padding:10px 25px;

    border-radius:50px;

    font-size:14px;

    box-shadow:
        0 10px 25px rgba(0,0,0,.25);

}



/* Body */

.tour-detail-card .card-body {

    padding:35px!important;

}



.tour-detail-card h1 {

    font-size:34px;

    font-weight:900;

}



/* Info boxes */


.tour-info-box {

    background:#f8fafc;

    border-radius:22px;

    padding:22px;

    border:1px solid #edf2f7;

    transition:.3s;

}


.tour-info-box:hover {

    transform:translateY(-6px);

    box-shadow:
        0 15px 35px rgba(13,110,253,.12);

}



.tour-info-box span {

    color:#78909c;

    font-size:14px;

}



.tour-info-box h5 {

    margin-top:12px;

    font-weight:800;

}



/* Price */

.tour-price {

    color:#0d6efd;

}



/* Reserve */


.btn-success,
.btn-warning {

    border-radius:50px!important;

    padding:12px 35px!important;

    font-weight:700;

}



/* Comments */


.comment-box {


    background:white;

    border-radius:30px;

    padding:35px;

    margin-top:35px;

    box-shadow:

        0 20px 50px rgba(0,0,0,.08);

}



.comment-box h3 {

    font-weight:900;

}



.comment-box textarea,
.comment-box select {

    border-radius:18px;

    border:1px solid #e5e7eb;

    padding:15px;

}



.comment-box textarea:focus,
.comment-box select:focus {

    border-color:#0d6efd;

    box-shadow:
        0 0 0 .2rem rgba(13,110,253,.15);

}



/* Comment item */


.comment-item {

    background:#f8fafc;

    border-radius:22px;

    padding:22px;

    margin-bottom:18px;

    border:1px solid #edf2f7;

    transition:.3s;

}



.comment-item:hover {

    transform:translateY(-5px);

    box-shadow:
        0 15px 35px rgba(0,0,0,.08);

}



.comment-item strong {

    font-size:16px;

}



.comment-item small {

    color:#94a3b8;

}
.reservation-form {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    margin: 30px 0 !important;
}


.reservation-form button {
    position: relative !important;
    top: auto !important;
    left: auto !important;
}


.card form {
    position: static;
}