*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
li { list-style: none; }
/* Package */

.package { padding-block: var(--section-padding); }
.location_pck{color: #ffffff;
    font-size: 15px;
    font-family: Poppins-Medium;}
.package-list { margin-bottom: 40px; }
    .package-list > li:not(:last-child) { margin-bottom: 30px; }
.package-card { background: var(--cultured); overflow: hidden; border-radius: 15px; }
    .package-card .card-banner { height: 250px; }
        .package-card .card-banner img { width: 100%; height:100%; object-fit: cover; border-radius: 0 0 0 12px;}
    .package-card .card-content { padding: 30px 20px; }
    .package-card .card-title {     padding-top: 10px;    font-size: 22px;line-height: 1.6; margin-bottom:5px;font-family: 'Poppins-Medium';
        color:#2c6e4a; }
    .package-card .card-price { background:#2c6e4a; color: var(--white); padding: 25px 20px; text-align: center; }
        .package-card .card-price .wrapper { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 5px 15px; margin-bottom: 10px; }
    .package-card .card-rating { display: flex; justify-content: center; align-items: center; gap: 1px; font-size: 14px; }
        .package-card .card-rating ion-icon:last-child { color: hsl(0, 0%, 80%); }
    .package-card .price { font-size: var(--fs-2); font-family: var(--ff-montserrat); font-weight: var(--fw-800); margin-bottom: 20px; }
        .package-card .price span { font-size: 13px;
            font-weight: initial;
            font-family: Poppins-Regular; }
.pkg_date{text-align: left;
    font-size: 15px;
    font-family: Poppins-Medium;}
.card-meta-list { 
    background: var(--white); 
    max-width: max-content; 
    display: flex; 
    flex-wrap: wrap; 
    justify-content: center; 
    align-items: center; 
    padding: 8px;
    box-shadow: 0 0 5px hsla(0, 0%, 0%, .15);
    border-radius: 12px;
    margin-top: 10px; 
}
.card-meta-time { position: relative; }
    .card-meta-item:not(:last-child)::after { content: ''; position: absolute; top: 4px; right: -1px; bottom: 4px; width: 1px; background: hsla(0, 0%, 0%, .3); }
.meta-box { display: flex; justify-content: center; align-items: center; gap: 5px; padding-inline: 9px; color: var(--black-coral); font-size: var(--fs-8); }
    .meta-box > ion-icon { color: var(--bright-navy-blue); font-size: 13px; }
    .package .btn { margin-inline: auto; }



/* Media Queries */

@media (min-width: 580px) {
    /* .container { max-width: 580px; margin-inline: auto; } */
   
    .popular-card .card-content { right: auto; } 

}

@media (min-width: 768px) {
    :root {
        --fs-5: 15px;
    }

    /* .container { max-width: 800px; } */
    .section-text { max-width: 600px; margin-inline: auto; }
    .helpline-box { display: flex; justify-content: flex-start; align-items: center; gap: 10px; }
        .helpline-box .wrapper { display: block; color: var(--white); font-size: var(--fs-6); }
    .social-list { gap: 10px; }

    .popular-list { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-bottom: 50px; }
        .popular-list > li:not(:last-child) { margin-bottom: 0; }
    .popular-card .card-content { right: 20px; }

    .package-list { margin-bottom: 50px; }
        .package-list > li:not(:last-child) { margin-bottom: 40px; }
    .package-card { display: grid; grid-template-columns: 1.3fr 1.5fr 1fr; }
        .package-card .card-banner { height: 100%; }
        .package-card .card-content { padding: 40px; }
        .package-card .card-price { display: grid; place-content: center; }
            .package-card .card-price .wrapper { margin-bottom: 15px; }

    .gallery { padding-bottom: calc(var(--section-padding * 2)); }
    .gallery-list { grid-template-columns: repeat(3 , 1fr); }
    .gallery-image { border-radius: var(--radius-25); }

    /* .cta .container { display: flex; justify-content: space-between; align-items: center; } */
    .cta-content { width: calc(100% - 225px); }
    .cta .section-text { margin-inline: 0; }
    .cta .btn { margin-inline: 0; }

    .form-wrapper { display: flex; justify-content: flex-start; align-items: center; gap: 20px; }
    .footer-form .input-field { margin-bottom: 0; }
    .footer-form .btn { width: max-content; }
}

/* @media (min-width: 992px) { */
    /* .container { max-width: 1050px; } */


/* @media (min-width: 1200px) {
    :root { --section-padding: 100px; }
    .container { max-width: 1180px; }
} */