.shade {
    background-color: rgba(0, 0, 0, 0.493);
}

.inner-shape {
    background-image: url("../images/slider-pattern.png");
    background-size: cover;
    background-repeat: no-repeat;
    height: 150px;
    width: 100%;
    margin-top: -100px;
    z-index: 40;
    position: relative;
}

.shape-video {
    background-image: url("../images/slider-pattern2.png");
    background-size: cover;
    background-repeat: no-repeat;
    height: 50px;
    width: 100%;
    margin-bottom: -50px;
    position: relative;
}
.top-shape{
    background-image: url("../images/slider-pattern.png");
    background-size: cover;
    background-repeat: no-repeat;
    height: 50px;
    width: 100%;
    margin-bottom: -50px;
    position: relative;
    transform: rotateX(180deg);

}
.bottom-shape{
      background-image: url("../images/slider-pattern.png");
    background-size: cover;
    background-repeat: no-repeat;
    height: 50px;
    width: 100%;
    margin-top: -50px;
    z-index: 40;
    position: relative;

}


.showing {
    opacity: 1 !important;
    /* z-index: -1; */
    /* transition: none; */
}

.border-bs {
    border: 2px solid black;
}

.border-w {
    border: 2px solid white;
}
.hero-headings-div h1 {
    font-size: clamp(2rem, 1.087rem + 4.1739vw, 5rem);

}

.dot-active {
    background-color: var(--brand-secondary);
}

.reveiw-card:not(.card-active) {
    top: 0;
    left: -100%;
}

@keyframes next1 {
    from {
        left: 0%
    }

    to {
        left: -100%;
    }
}

@keyframes next2 {
    from {
        left: 100%
    }

    to {
        left: 0%;
    }
}

@keyframes prev1 {
    from {
        left: 0%
    }

    to {
        left: 100%;
    }
}

@keyframes prev2 {
    from {
        left: -100%
    }

    to {
        left: 0%;
    }
}

@media(max-width:850px){
    .hero-headings-div{
        padding-top: 4rem;
    }

}
@media(max-width:680px){
    .hero-headings-div{
        width: 90%;
        padding-top: 3rem;
    }
    .hero-headings-div h1{
        margin-bottom: 2rem

    }
    
}

/* Destination section  */

 .destination-card{
    border:10px solid white
 }
  .destination-card:hover img {
            transform: scale(1.1);
        }

 .destination-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.6);
            display: flex;
            align-items: center;
            justify-content: center;
            opacity: 0;
            transition: opacity 0.3s;
            color: white;
            font-size: 1.5rem;
            font-weight: bold;
            cursor: pointer;

        }

    .destination-card:hover .destination-overlay {
        opacity: 1;
    }

@media (max-width:1024px){
    .destination-images-sec{
        flex-wrap: wrap;
    }
    .destination-images-sec .second-box{
        flex-direction: row;
        width: 100%;
    }
    .destination-heading{
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 2rem;
    }
    .destination-heading p{
        max-width: 100%;
        font-size: 0.875rem;

    }
    .first-photo{
        margin-right: 0rem;
        
    }
    .third-photo{
        margin-bottom: 0rem;
    }
    .second-photo{
        margin-right: 0rem;
    }
}

@media(max-width:680px){
    .btn-div{
        margin-top: 2rem;
    }
}

/* Packages section */


.package-details p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.package-details h3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}
@media(max-width:1024px){
    .packages-heading{
        padding: 0rem 1rem;
        align-items: flex-start;
        margin-bottom: 2rem;
        }
        .packages-heading p{
            text-align: left;
            font-size: 0.875rem;
        }
        .packages-div{
            grid-template-columns: 1fr 1fr;
        }
}

@media(max-width:680px){
    .packages-div{
        grid-template-columns:1fr;
     }
     .package-details h3{
        font-size: 1.125rem;
        line-height: 1.75rem;
     }
     .package-details p{
        font-size: 0.875rem;
        line-height: 1.25rem;
     }
    
}
/* Activity section */

@media(max-width:1024px){
    .activity-heading{
        padding: 0rem 1rem;
        align-items: flex-start;
    }
    .activity-heading p{
        text-align: left;
     }
}


/* Gallery section */

@media(max-width:1024px){
    .container-inner{
        flex-direction: column;
        width: 100%;
        align-items: center;
    }
    .gallery-first-section{
        width: 100%;
        margin-right: 0;
        margin-bottom: 1rem;
    }
    .gallery-first-image{
        width: 100%;
    }
    .gallery-first-image img{
        width: 100%;

    }
}

/* Blog section */
.post-card h3{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;

}

@media(max-width:1024px){
    .blog-heading{
        padding: 0rem 1rem;
        align-items: flex-start;
    }
    .blog-heading p{
        text-align: left;
    }
    .posts-div{
        grid-template-columns: 1fr 1fr;
    }
}

@media(max-width:680px){
    .posts-div{
        grid-template-columns:1fr;
     }
     .posts-div .image-div img{
        width: 100%;

     }
     .post-card h3{
        font-size: 1.125rem;    /* 18px */
        line-height: 1.75rem;   /* 28px */
     }
}

/* Video section
 */

 @media(max-width:1024px){
    .video-section .outer-div{
    height: 30rem !important ;
    }}

 @media(max-width:680px){
    .video-section .outer-div{
    height: 25rem !important ;
    }}