body{
    margin: 0px;
    padding: 0px;
}










/******************Activities_Details_Start_CSS********************/
.activities_details_div{
    width: 100%;
    background:  #00133d;
    padding: 20px 0px;
}


.activities_details_sec{
    width: 100%;
    padding: 25px 20px;
    background: #113b97;
    border-radius: 6px;
}

.searchong_text{
    font-size: 12px;
    color: #4aa8c0;
    margin: 0px;
}


.activities_text{
    font-size: 15px;
    color: #fff;
    font-weight: 400;
    margin: 0px;
}


/******************Activities_Details__Close_CSS********************/




/******************Activities_Search_Start_CSS********************/

.Activities_Details_Sec_div{
    width: 100%;
    padding: 10px 0px 0px 0px;
    
}


.active_home_links_div{
    width: 100%;
    display: flex;
    justify-content: flex-start;
}

.arow_active_img{
    margin-left: 10px;
    margin-right: 10px;
}

.ul_active_lins{
    display: flex;
    list-style: none;
}

.ul_active_lins li a{
    font-size: 13px;
    color: #62b1c8;
    font-weight: 700;
}
.activities_text_in{
    color: #242424;
    font-weight: 700;
    font-size: 13px;
}


.chnge_city_text{
    font-size: 15px;
    color: #62b1c8;
    font-weight: 700;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

.chnge_city_text:hover{
    font-size: 15px;
    color: #62b1c8; 
}



/******************Activities_Search_Close_CSS********************/






/******************Banner_start_css********************/

.activities_banner_div{
    width: 100%;
    height: 400px;
    background-image: url(../images/rishikesh_banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.rishikesh_banner_heading{
    font-size: 35px;
    text-align: center;
    font-weight: 700;
    color: #fff;
    padding: 108px 0px 0px 0px;
    margin: 0px;
}

.experiontila_pragraph{
    font-size: 15px;
    color: #fff;
    font-weight: 500;
    text-align: center;
}




/******************Banner_close_css********************/



/******************Luxury_deals_start_css********************/
.luxury_main_div{
    width: 100%;
    padding: 20px 30px;
    background-color: #fff;
    box-shadow: #584c4c 0px 0px 7px;
    border-radius: 5px;
    position: relative;
    top: -109px;
}

.luxury_main_div_inner{
width: 100%;
display: flex;
justify-content: flex-start;
align-items: flex-start;

}

.luxuary_box1{
    width: 11%;
    margin: 0px 5px;
}
.img_cricle_div{
    width: 110px;
    height: 110px;
    background-color: #fff;
    border-radius: 50%;
}

.luxure_text_p{
    font-size: 14px;
    text-align: center;
    color: #242424;
    font-weight: 600;
}
/******************Luxury_deals_close_css********************/



/******************uttarkhan_start_css********************/

.uttarkhan_div_section{
    width: 100%;
    position: relative;
    top: -84px;
}

.menu_link_left{
    display: flex;
}

.menu_link_left a{
    font-size: 14px;
    font-weight: 600;
    color: #242424;
    margin: 0px 3px;
    text-transform: uppercase;
}

.rishikesh_div_inner{
    width: 100%;
    padding: 10px 20px;
    border-radius: 5px;
    box-shadow: #584c4c 0px 0px 7px;
    margin-top: 10px;
}


.rishekesh_phh{
    font-size: 13px;
    line-height: 20px;
    color: #242424;
}

.RecenT_booking_heading{
    font-size: 15px;
    color: #242424;
    font-weight: 600;
    margin: 0px;
}


.recant_booking_div{
width: 100%;
padding: 10px 10px;
border-radius: 5px;
box-shadow: #584c4c 0px 0px 7px;
}

.recent_ul_li{
    font-size: 13px;
    color: #242424;
    font-weight: 500;
    margin: 0px;
    padding: 0px 0px 0px 17px;
    line-height: 22px;
}




/******************uttarkhan_close_css********************/







/******************Explore_Rishikesh_arrow_start_css********************/
.explore_rishikes_arrow_div{
    width: 100%;
    padding: 20px 30px;
    border-radius: 5px;
    box-shadow: #584c4c 0px 0px 7px;
    background-color: #fff;
    position: relative;
    top: -56px;
}


.explore_heading1{
    font-size: 28px;
    color: #5eacdd;
    font-weight: 500;

}

.categories_heading{
    font-size: 25px;
    color: #242424;
    font-weight: 600;
    text-align: center;
}

.arrow_c_img{
    position: relative;
    left: 40px;
}


/******************Explore_Rishikesh_arrow_start_css********************/




/******************Slider_section_start_css********************/
.sliders_div{
    width: 100%;
    position: relative;
    top: -56px;
    margin-top: 20px;
}


.slider_main_inner_box{
    width: 100%;
    background-color: #fff;
    padding: 10px 10px 0px 10px;
    border-radius: 5px;
    box-shadow: #584c4c 0px 0px 7px;
}


.sliderf_check_box_main_inner{
    width: 100%;
}





/****check_box_start**********/


  /* Basic styles */
  input[type="checkbox"],
  input[type="radio"] {
    position: absolute;
    opacity: 0;
    z-index: -1;
  }
  label {
    position: relative;
    display: inline-block;
    padding: 0 0 0 2em;
    height: 1.5em;
    line-height: 1.5;
    cursor: pointer;
  }
  label::before,
  label::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 17px;
    height: 16px;
  }
  label::before {
    content: " ";
    border: 2px solid #5eacdd;
    background-color: #5eacdd;
    border-radius: 20%;
  }
  /* Checkbox */
  input[type="checkbox"] + label::after {
    content: "\2714";
    color: #2c3e50;
    line-height: 1.5;
    text-align: center;
  }
  /* Radio */
  input[type="radio"] + label::before {
    border-radius: 50%;
  }
  input[type="radio"] + label::after {
content: " ";
    top: 4px;
    left: 5px;
    width: 1px;
    height: 7px;
    background: #5eacdd;
    border: 3px solid #fff;
    border-radius: 50%;
  }
  /* :checked */
  input[type="checkbox"]:checked + label::before,
  input[type="radio"]:checked + label::before {
    background: #5eacdd;
    border-color: #fff;
  }
  input[type="checkbox"] + label::after,
  input[type="radio"] + label::after {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
  input[type="checkbox"]:checked + label::after,
  input[type="radio"]:checked + label::after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  /* Transition */
  label::before,
  label::after {
    -webkit-transition: 0.25s all ease;
    -o-transition: 0.25s all ease;
    transition: 0.25s all ease;
  }
  
  .option_text{
    font-size: 13px;
    color: #242424;
    font-weight: 400;
    margin-left: 15px;
    position: relative;
    top: -1px;
  }


.tow_more_btn{
    font-size: 14px;
    font-weight: 600;
    color: #5eacdd!important;
    position: relative;
    top: -13px;
    left: 41px;
}

.tour_check_them{
    font-size: 14px;
    color: #242424;
    font-weight: 400;
    margin-left: 15px;
    position: relative;
    top: -14px;
    left: 25px;
}


.img_them_ss{
    position: relative;
    top: 7px;
}



.user_rating_text {
    font-size: 15px;
    font-weight: 600;
    color: #242424;
    margin: 0px;
    padding-left: 15px;
    padding-bottom: 6px;
    padding-top: 6px;
}


.user_rating_div{
    width: 100%;
    padding: 0px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 20px;
    position: relative;
    left: -14px;
}

.user_box1{
    width: 27%;
    border: 1px solid gray;
    border-radius: 5px;
    text-align: center;
    color: #242424;
    margin: 0px 11px;

}


.blc_start_counting{
    font-size: 14px;
    color: #242424;
    margin: 0px;
    padding: 0px;
}




.Budget_text {
    font-size: 15px;
    font-weight: 600;
    color: #242424;
    margin: 0px;
    padding-left: 0px;
    padding-bottom: 6px;
    padding-top: 6px;
}

.mringn_input_top{
    margin-top: 20px;
}


.form_durtion{
    border: 1px solid #747474;
    text-align: center;
}

::placeholder{
    color: #242424!important;
}


/****check_box_close**********/



.view_all_btn{
    border: 1px solid #5eacdd;
    border-radius: 14px;
    padding: 10px 30px;
    font-size: 15px;
    color: #5eacdd;
    position: relative;
    top: 17px;
}


.view_all_btn:hover{
    color: #5eacdd;
}




/******************Slider_section_close_css********************/





/******************Other_Popular_Destinations_start_css********************/

.other_popular_div{
    width: 100%;
    background-color: #fff;
    padding: 0px 14px 20px 14px;
    border-radius: 22px;
    box-shadow: #584c4c 0px 0px 7px;
}


.main_designation_div{
    width: 100%;
    position: relative;
    top: -33px;
}


.other_heading_div{
    width: 100%;
}


.other_popular_destination_h{
  font-size: 22px;
  color: #242424;
  font-weight: 600;
  margin: 0px;
  position: relative;
  top: -7px;
}

.view_all_heading_end{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 18px;
    color: #5eacdd;
    font-weight: 600;
}

.view_all_heading_end:hover{
    color: #5eacdd;
    font-weight: 600;
}

.row_col_padding{
    padding-left: 0px;
    padding-right: 0px;
}

.bg_div1{
    width: 100%;
    background-image: url(../images/delhi-img.jpg);
    height: 300px;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5px;
}

.bg_div2{
    width: 100%;
    background-image: url(../images/mumbai_bg.png);
    height: 300px;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5px;
}



.bg_div3{
    width: 100%;
    background-image: url(../images/bangular_bg.png);
    height: 300px;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5px;
}



.bg_div4{
    width: 100%;
    background-image: url(../images/goa_bg.png);
    height: 300px;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5px;
}


.delhi_text_heading{
    font-size: 30px;
    text-align: center;
    color: #fff;
    text-shadow: 2px 2px rgb(127 113 113);
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    top: 116px;
}


.other_option_text{
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    position: relative;
    top: 104px;
}


/******************Other_Popular_Destinations_close_css********************/








/******************Travel_Blog_section_start_css********************/

.travel_blog_section {
    width: 100%;
    margin-bottom: 70px;
    position: relative;
    top: 0px;
}

.trael_inner_main_section{
    width: 100%;
    background-color: #fff;
    padding: 0px 14px 20px 14px;
    border-radius: 22px;
    box-shadow: #584c4c 0px 0px 7px;
}

.blog_boxes_inner_mains{
    width: 100%;
    padding: 10px 0px;
}
.blog_box_d{
    width: 100%;
}

.img_blog_width{
    width: 100%;
}

.date_spn_blog{
    font-size: 12px;
    color: gray;
    font-weight: 500;
    line-height: 38px;
}


.how_travel_heading{
    margin: 0px;
    font-size: 18px;
    color: #242424;
    font-weight: 600;
    padding: 0px;
}

.blog_praghph_text{
    font-size: 13px;
    color: gray;
    padding: 10px 0px 0px 0px;
    font-weight: 500;
    text-align: justify;
    line-height: 22px;
}

.read_more_text{
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    padding: 8px 10px;
    border-radius: 5px;
    position: relative;
    background-color: #f44d2d;
    top: 10px;
}

.read_more_text:hover{
    color: #fff;
    background-color: #f44d2d;
}

/******************Travel_Blog_section_close_css********************/





* {
    margin: 0;
    padding: 0;
    font-family: "Montserrat", sans-serif;
    box-sizing: border-box;
  }
  
  :root {
    --grid-column-gap: 20px;
  }

  .carouselPre {
    grid-auto-flow: column;
    display: grid;
    grid-auto-columns: calc((100% - 0 * var(--grid-column-gap)) / 1);
    grid-column-gap: var(--grid-column-gap);
    scroll-snap-type: x mandatory;
    overflow-x: clip;
    overflow-y: hidden;
    list-style: none;
    scroll-behavior: smooth;
  }
  
  #title {
    margin: 10px 10px 10px 0;
    font-size: 34px;
    font-weight: 600;
  }
  
  .topT {
    border-top: 1px solid rgb(212, 212, 212);
    padding: 10px 0;
    font-weight: 600;
    font-size: 20px;
  }
  
  .itemsC .textDet {
    position: absolute;
    bottom: 0;
    height: 60px;
    width: 100%;
    display: flex;
  }
  
  .contents {
    color: white;
  }
  
  .itemsC .contents p {
    -webkit-line-clamp: 3;
    text-align: center;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    font-size: 12px;
    line-height: 1.25;
    font-weight: 400;
    width: 90%;
    margin: auto;
  }
  
  .leftTxtDet {
    position: absolute;
    text-align: center;
    width: 100%;
    top: 33px;
  }
  
  .itemsC {
    position: relative;
  }
  
  .scrolly {
    overflow: hidden;
  }
  
  .carouselPre li {
    scroll-snap-align: start;
    width: 100%;
    height: 100%;
    background-color: royalblue;
    list-style: none;
    border-radius: 20px;
    overflow: hidden;
  }
  
  .carouselPre li .bgImg {
    width: 100%;
    height: 100%;
  }
  
  .carouselPre li img {
    width: 100%;
    height: 210px;
    object-fit: cover;
  }
  
  .scrolly {
    position: relative;
  }
  
  #left,
  #right {
    background-color: rgba(255, 255, 255, 0.9);
    outline: none;
    border: transparent;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    position: absolute;
    top: 50%;
    transform: translate(0, -60%);
    cursor: pointer;
    z-index: 2;
  }
  
  #left {
    left: 0;
  }
  
  #right {
    right: 0;
  }
  
  @media only screen and (max-width: 890px) {
    .carouselPre {
      grid-auto-columns: calc((100% - 2 * var(--grid-column-gap)) / 3);
      height: 23rem;
    }
  }
  
  @media only screen and (max-width: 660px) {
    .carouselPre {
      grid-auto-columns: calc((100% - 1 * var(--grid-column-gap)) / 2);
      height: 25rem;
    }
  }
  
  @media only screen and (max-width: 440px) {
    .carouselPre {
      grid-auto-columns: 100%;
      height: 25rem;
    }
  }
  
  ::-webkit-scrollbar {
    width: 15px;
    height: 15px;
    border-left: #ededed solid 1px;
    background-color: #fcfcfc;
    border-top: #ededed solid 1px;
  }
  
  ::-webkit-scrollbar-thumb:hover {
    cursor: pointer;
    background: #c7c7c7;
    width: 15px;
    background-clip: content-box;
    border: 4px solid transparent;
    border-radius: 10px;
  }
  
  ::-webkit-scrollbar-button {
    display: none;
  }
  
  ::-webkit-scrollbar-thumb {
    background: #dbdbdb;
    background-clip: content-box;
    border: 4px solid transparent;
    border-radius: 10px;
  }
  /*=========================
			Responsive                                                                                                                                                                                                                                                                                                                                                                                                                                                    
========================================================*/
@media only screen and (max-width:1440px) and (min-width:1366px){}
@media only screen and (max-width:1366px) and (min-width:1280px){}
@media only screen and (max-width:1280px) and (min-width:1024px){}
@media only screen and (max-width:1024px) and (min-width:768px){
	.luxuary_box1 {
    width: 18%;
    margin: 0px 5px;
}
.luxury_main_div_inner {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
}
.carouselPre li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sliderf_check_box_main_inner {
    width: 100%;
    margin-top: 20px;
}
.view_all_btn {
       top: 5px;
}
.delhi_text_heading {
font-size: 20px;}

.blog_box_d img{width:100%;height: 120px;}



}

@media only screen and (max-width:768px) and (min-width:640px){}
@media only screen and (max-width:640px) and (min-width:480px){}
@media only screen and (max-width:480px){.view_all_btn {
       top:-8px;}
.activity-detination-box img {
    object-fit: cover;
    width: 100%;
    height: auto;}
	.carouselPre {
    grid-auto-columns: 100%;
    height: auto;
}
.blog_box_d img{width:100%;}
.blog_box_d {
    width: 100%;
    float: left;
    margin-top: 25px;
}
	
	.activity-detination-text {
    margin-top: -23%;
    width: 100%;}

.luxury_main_div_inner {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}
.luxuary_box1 {
    width: 43%;
    margin: 0px 5px;
}
	}