.footer-links,

.package-submenu {

    list-style: none;

    padding-left: 0;

}



.package-btn {

    display: flex;

    justify-content: space-between;

    align-items: center;

    cursor: pointer;

}



.package-submenu {

    margin-top: 8px;

    padding-left: 15px;

    max-height: 0;

    overflow: hidden;

    opacity: 0;

    transition: all 0.3s ease;

}



.package-toggle.active .package-submenu {

    max-height: 200px;

    opacity: 1;

}



.package-toggle i {

    transition: transform 0.3s ease;

}



.package-toggle.active i {

    transform: rotate(180deg);

}



/* ABOUT PAGE TEXT */

.abt_pg p {

    line-height: 1.7;

    font-size: 15.5px;

    color: #444;

}



.mission-text {

    font-style: italic;

    margin: 18px 0;

}



/* WHY CHOOSE US */

.why-title {

    font-weight: 600;

    letter-spacing: 0.4px;

}



.why-box {

    background: #f8f9fa;

    padding: 30px 35px;

    border-radius: 12px;

}



.about-list-pro {

    list-style: none;

    padding: 0;

    margin: 0;

}



.about-list-pro li {

    position: relative;

    padding-left: 32px;

    margin-bottom: 15px;

    font-size: 15.5px;

    line-height: 1.6;

}



.about-list-pro li::before {

    content: "✔";

    position: absolute;

    left: 0;

    top: 2px;

    color: #0d6efd;

    font-weight: 600;

    font-size: 14px;

}



/* CLOSING TEXT */

.about-closing p {

    margin-bottom: 8px;

}



/* IMAGE */

.about-image img {

    border-radius: 14px;

}



/* OUTLINE BUTTON - Transparent with Border */

.btn-travelsmates-outline {

    background: transparent;

    color: #f28d13;

    font-weight: 700;

    padding: 12px 30px;

    border: 2px solid #f28d13;

    border-radius: 30px;

    text-transform: uppercase;

    font-size: 0.9rem;

    letter-spacing: 0.5px;

    transition: all 0.4s ease;

    cursor: pointer;

    display: inline-block;

    text-decoration: none;

    position: relative;

    overflow: hidden;

}



.btn-travelsmates-outline::before {

    content: "";

    position: absolute;

    top: 0;

    left: -100%;

    width: 100%;

    height: 100%;

    background: linear-gradient(135deg, #f28d13 0%, #f4ce63 100%);

    transition: left 0.5s ease;

    z-index: -1;

}



.btn-travelsmates-outline:hover::before {

    left: 0;

}



.btn-travelsmates-outline:hover {

    color: #07253b;

    border-color: #f4ce63;

    transform: translateY(-3px);

    box-shadow: 0 8px 20px rgba(242, 141, 19, 0.4);

}



.btn-travelsmates-outline:active {

    transform: translateY(-1px);

}



/* DARK BUTTON - Navy Blue */

.btn-travelsmates-dark {

    background: linear-gradient(135deg, #144a6e 0%, #07253b 100%);

    color: #f4ce63;

    font-weight: 700;

    padding: 12px 30px;

    border: 2px solid transparent;

    border-radius: 30px;

    text-transform: uppercase;

    font-size: 0.9rem;

    letter-spacing: 0.5px;

    box-shadow: 0 8px 20px rgba(7, 37, 59, 0.4);

    transition: all 0.4s ease;

    cursor: pointer;

    display: inline-block;

    text-decoration: none;

}



.btn-travelsmates-dark:hover {

    background: linear-gradient(135deg, #07253b 0%, #144a6e 100%);

    color: #fff;

    border-color: #f4ce63;

    transform: translateY(-3px) scale(1.05);

    box-shadow: 0 12px 30px rgba(7, 37, 59, 0.6);

}



.btn-travelsmates-dark:active {

    transform: translateY(-1px) scale(1.02);

}



/* WHITE BUTTON - For Dark Backgrounds */

.btn-travelsmates-white {

    background: #ffffff;

    color: #07253b;

    font-weight: 700;

    padding: 12px 30px;

    border: 2px solid transparent;

    border-radius: 30px;

    text-transform: uppercase;

    font-size: 0.9rem;

    letter-spacing: 0.5px;

    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);

    transition: all 0.4s ease;

    cursor: pointer;

    display: inline-block;

    text-decoration: none;

}



.btn-travelsmates-white:hover {

    background: linear-gradient(135deg, #f28d13 0%, #f4ce63 100%);

    color: #07253b;

    transform: translateY(-3px) scale(1.05);

    box-shadow: 0 12px 30px rgba(242, 141, 19, 0.5);

}



.btn-travelsmates-white:active {

    transform: translateY(-1px) scale(1.02);

}





/* SMALL BUTTON SIZE */

.btn-travelsmates-sm {

    padding: 8px 20px;

    font-size: 0.8rem;

}



/* LARGE BUTTON SIZE */

.btn-travelsmates-lg {

    padding: 16px 40px;

    font-size: 1rem;

}



/* FULL WIDTH BUTTON */

.btn-travelsmates-block {

    display: block;

    width: 100%;

    text-align: center;

}



/* Contact Buttons Container */

.contact-buttons {

    display: flex;

    gap: 20px;

    align-items: center;

    flex-wrap: wrap;

    margin-top: 20px;

}



/* Base Button Style */

.contact-btn {

    font-family: 'Arial', 'Segoe UI', sans-serif;

    font-size: 16px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 1px;

    padding: 18px 45px;

    border-radius: 50px;

    cursor: pointer;

    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);

    text-decoration: none;

    display: inline-block;

    position: relative;

    overflow: hidden;

    border: 3px solid transparent;

}



/* WhatsApp Button - White Solid */

.whatsapp-btn {

    background: #ffffff;

    color: #0a2540;

    border-color: #ffffff;

    box-shadow: 0 8px 20px rgba(255, 255, 255, 0.3);

}



.whatsapp-btn::before {

    content: "";

    position: absolute;

    top: 50%;

    left: 50%;

    width: 0;

    height: 0;

    border-radius: 50%;

    background: rgba(242, 141, 19, 0.2);

    transform: translate(-50%, -50%);

    transition: width 0.6s, height 0.6s;

}



.whatsapp-btn:hover::before {

    width: 400px;

    height: 400px;

}



.whatsapp-btn:hover {

    background: #f8f9fa;

    transform: translateY(-4px);

    box-shadow: 0 12px 30px rgba(255, 255, 255, 0.4);

    color: #0a2540;

}



.whatsapp-btn:active {

    transform: translateY(-2px);

}



/* Call Now Button - Orange Outline */

.call-btn {

    background: transparent;

    color: #f28d13;

    border-color: #f28d13;

    box-shadow: 0 8px 20px rgba(242, 141, 19, 0.2);

}



.call-btn::before {

    content: "";

    position: absolute;

    top: 0;

    left: -100%;

    width: 100%;

    height: 100%;

    background: linear-gradient(135deg, #f28d13 0%, #f4ce63 100%);

    transition: left 0.5s ease;

    z-index: -1;

}



.call-btn:hover::before {

    left: 0;

}



.call-btn:hover {

    color: #0a2540;

    border-color: #f4ce63;

    transform: translateY(-4px);

    box-shadow: 0 12px 30px rgba(242, 141, 19, 0.4);

}



.call-btn:active {

    transform: translateY(-2px);

}

.why_chs_abt.section-padding.about-section{
    padding:unset;
    padding-bottom: 30px;
}

.abt_pg.section-padding.about-section{
    padding-bottom: unset;
}


/* MOBILE FIX */

@media (max-width: 991px) {
    .section-heading {
        font-size: 34px;
    }

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


@media (max-width: 768px) {

    .why-box {

        padding: 22px;

    }



    .abt_pg p {

        text-align: left;

    }



      .footer {

        padding: 25px 0 12px;

    }



    .footer-bottom {

        margin-top: 15px;

    }



    .contact-buttons {

        justify-content: center;

        flex-direction: column;

        width: 100%;

        gap: 15px;

    }



    .contact-btn {

        width: 100%;

        text-align: center;

        padding: 16px 35px;

        font-size: 15px;

    }


}

@media (max-width: 576px) {
    .section-heading {
        font-size: 28px;
    }

    .about-section .lead {
        font-size: 17px;
    }

    .mission-text {
        padding: 24px 20px;
        font-size: 16px;
    }
}