/*********************destination****************/
.center_dest {
background-image: url(../img/33.jpg);
background-position: center center;
background-size: cover;
}
.center_dest_dt{
 background-image: url(../img/1.jpg);
background-position: center center;
background-size: cover;
 }
.center_cont{
 background-image: url(../img/2.jpg);
background-position: center center;
background-size: cover;
 }
 
.contact_1lil span{
width:40px;
height:40px;
line-height:40px; 
 }
.contact_1lil span i{
    font-size: 18px;
}
.contact_1r .form-control:focus{
background:#fff; 
 }
/*********************destination_end****************/
.sidebar-helpline {
background: url(../img/adbg.jpg) no-repeat;
    background-size: cover;
    position: relative;
    padding: 30px;
    border-radius: 10px;
}
.sidebar-helpline:after {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    top: 0;
    border-radius: 10px;
    left: 0;
    background: rgba(0, 0, 0, .5);
}
.sidebar-helpline-content {
    position: relative;
    z-index: 1;
}
.sidebar-helpline-content h3, .sidebar-helpline-content p {
    color: #fff;
    margin-bottom: 10px;
}
.sidebar-helpline-content p a{
    color: #fff;
}
          .image-thumbnail-carousel {
            padding: 1rem;
            width: 100%;
            display: flex;
            flex-flow: column;
            gap: 1rem;
            position: relative;
            padding-top: 0px;
        }
        
        .image-display {
            border-radius: 15px;
            overflow: hidden;
            height: auto;
            aspect-ratio: 1.6;
            box-shadow: 0 0.375em 0.67em #0003, 0 0.5em 1.3em #0002;
        }
        
        .screen {
            block-size: 100%;
            display: flex;
            background-image: linear-gradient(12deg, #aaa, #eee);
            position: relative;
            /* user-select: none; */
            width: 100%;
            align-items: center;
            justify-content: center;
        }
        .screen img{
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .thumbnail-carousel {
            display: flex;
            gap: 0.75rem;
            block-size: 100%;
            height: 115px;
        }
        .thumbnail{
            height: 100%;
        }
        .thumbnail img{
            height: 100%;
            width: 100%;
            object-fit: cover;
        }
        .thumbnail-carousel{
            position: relative;
        }
        .carousel__btn {
            flex: 1 0 max(2.75rem, 5.834%);
            background: #c95425;
            border: 1px solid #000000;
            cursor: pointer;
            display: flex;
            align-items: center;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            z-index: 1;
            color: #fff;
            padding: 10px;
        }
        
        .arrow-icon {
            margin-inline: auto;
            outline: none;
            border: 0;
            scale: 1;
            display: inline grid;
            width: max(80%, 1.5rem);
            height: max(80%, 1.5rem);
            fill: #fff;
        }
        .carousel__btn.next{
            right: 0;
        }
        
        .carousel__btn:hover .arrow-icon {
            fill: hsl(204, 23%, 20%);
        }
        
        .carousel__btn:disabled {
            opacity: 0.1;
            pointer-events: none;
        }
        .property-grid-list{
            background: #c75a157a;
        }
        .carousel__slider {
            user-select: none;
            flex-grow: 999;
            list-style: none;
            display: flex;
            gap: 0.5rem;
            padding: 0.5rem;
            overflow-x: auto;
            scroll-snap-type: x mandatory;
            scrollbar-width: none;
        }
        
        .carousel__slider::-webkit-scrollbar {
            display: none;
        }
        
        .carousel__slide {
            cursor: pointer;
            border-radius: 8px;
            overflow: hidden;
            scroll-snap-align: center;
            flex: 1 0 calc((100% / 5) - 10px);
        }
        
        .active.carousel__slide {
            outline: 0.125em solid hsl(19.65deg 84.24% 39.8%);
            outline-offset: -0.37em;
        }
        .sidebar-area.sticky {
            margin-bottom: -10px;
            position: sticky;
            top: 10px;
        }
        @media (max-width: 680px) {
            .image-thumbnail-carousel {
                width: 90vw;
            }
            .carousel__btn.prev{
             left: 0;   
            }
        
            .active.carousel__slide {
                background-color: hsl(204, 23%, 20%);
                outline-offset: 3px;
            }
        
            .carousel__btn {
                flex-grow: 0;
            }
        
            .thumbnail-carousel {
                user-select: none;
                display: flex;
                align-items: center;
                justify-content: center;
            }
        
            .carousel__slide{
                flex: 1 0 calc((100% / 3) - 10px);
            }
        
            .carousel__slider img {
                height: 100%;
                width: 100%;
                max-width: 100%;
                object-fit: cover;
                display: block;
            }
            .carousel__btn{
                padding: 4px;
            }
            .thumbnail-carousel {
                margin-top: -20px;
            }
            @keyframes show {
                from {
                    opacity: 0;
                    transform: scale(0);
                }
                to {
                    display: block;
                    transform: scale(1);
                }
            }



@media screen and (max-width : 767px){
.dest_dt1l h1{
text-align:center; 
 }
.dest_dt1l1i  .pe-0{
padding-right:12px!important; 
 }
.dest_dt1l1i  img{
margin-top:10px;
 }
.dest_dt1r{
margin-top:15px; 
 }
.dest_dt1r1 {
text-align:center;  
 }
.dest_dt2  h2{
text-align:center; 
 }
.dest_dt2  h1{
text-align:center; 
 }
.tour_dt1 .ps-0{
padding-left:12px!important; 
 }
.tour_dt1 .pe-0{
padding-right:12px!important; 
 }
.tour_dt1 img{
min-height:auto;
 }
.tour_dt1r{
margin-top:15px; 
 }
.tour_dt1l {
margin-top:10px;  
 }
.contact_1l{
text-align:center; 
 }
.contact_1lir{
margin-top:10px; 
 }
.contact_1r {
margin-top:15px;  
 }
.detail_1l4b h2{
text-align:center; 
 }
 }


@media (min-width:576px) and (max-width:767px) {

 }
 
@media (min-width:768px) and (max-width:991px) {
.dest_dt1r .offer_1li1 h4{
font-size:16px;
 }
.dest_dt1r .offer_1li1 h5{
font-size:14px;
 }
.dest_dt1r .offer_1li1 h6{
font-size:12px;
 }
.dest_dt1r .offer_1li1 .button_1{
padding:10px!important;
font-size:12px;
 }

.contact_1lil span {
width: 35px;
height: 35px;
line-height: 35px;
font-size:14px!important;
}
 }

@media (min-width:992px) and (max-width:1200px) {
.contact_1lil span {
width: 45px;
height: 45px;
line-height: 45px;
font-size:18px!important;
}
 }
@media (min-width:1201px) and (max-width:1320px) {

 }