/* =================================== */
/*  Packages Page Styles
/* =================================== */



/*-------- start hot-deal Style  -------------*/

.hot-deal-area{
   .owl-dots {
        text-align: center;
        bottom: 5px;
        margin-top:70px;
        width: 100%;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .owl-dot {
        height: 10px;
        width: 10px;
        display: inline-block;
        background: rgba($primary-color, .2);
        margin-left: 5px;
        margin-right: 5px;
        @include transition();
    }

    .owl-dot.active {
        @include transition;
        background:$primary-color;
    }      
}


.single-carusel{
    .thumb{
        .overlay-bg{
            z-index: 1;
            background:rgba(#04091e, .50)
        }
    }
    .price-detials{
        text-align:center;
        position: absolute;
        width:100%;
        left: 50%;
        top: 50%;            
        z-index:2;
        @media(max-width:413px){
            top:35%;
        } 
        transform: translate(-50%,-50%);
        .price-btn{
            background:$primary-color;
            color:$black;
            font-weight:200;
            font-size:14px;
            padding: 10px 30px; 
          
            span{
                font-weight:600;
            }
        }
    }
    .details{
        text-align:center;
        position: absolute;
        width:100%;
        left: 50%;
        top: 85%;
        z-index:2;  
        transform: translate(-50%,-50%);      
    }
}

/*-------- start hot-deal Style  -------------*/


/*-------- start destinations-area Style  -------------*/

.destinations-area{
    background: $offwhite;
    .single-destinations{
        margin-top:30px;
        @include transition();
        .thumb{
            overflow: hidden;
            img{
                width:100%;
                @include transition();
            }
        }
        .details{
            background:$white;
            padding:20px;
            h4{
                margin-bottom:10px;
            }
            .package-list{
                margin-top: 30px;
                li{
                    border-bottom: 1px solid #eee;
                    margin-bottom: 15px;
                    padding-bottom: 15px;
                    &:last-child{
                        border-bottom:none;
                        margin-bottom:0px;
                    }
                }
            }
            .price-btn{
                background:$primary-color;
                color:$black;
                font-weight:600;
                padding:5px 20px;
            }
        }
        &:hover{
            box-shadow: 0px 10px 30px 0px rgba(60, 64, 143, 0.2);
        }
    }

    .star{
        .checked {
            color: orange;
        }
    } 
}


/*-------- end destinations-area Style  -------------*/
