@charset "utf-8"; @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); *, ::after, ::before {
    box-sizing: border-box;
}
*{margin: 0; padding: 0;}
html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Poppins', sans-serif;
    margin: 0 0 0 0;
    padding: 0;
    color: #011624;
    overflow-x: hidden;
}
input,button {font-family: 'Poppins', sans-serif;}
.container {
    width: 85%;
    margin: 0 auto;
}
.w_30{width: 30%;}
.w_20{width: 20%;}

.mn_w_30{min-width: 30%;}
.mn_w_20{min-width: 20%;}
@font-face {
    font-family: strong_girl;
    src: url(./fonts/strong_girl.otf);
  }

  
  img{display: block;}

  .w-100{width: 100%;}
  .v-mid{vertical-align: middle;}
  .d-flex {
      display: flex;
  }
  .gap_20{gap: 20px;}
  .gap_15{gap: 15px;}
  
  .justify-content-start {
      justify-content: start;
  }
  
  .justify-content-end {
      justify-content: end;
  }
  
  .justify-content-center {
      justify-content: center;
  }
  
  .justify-content-between {
      justify-content: space-between;
  }
  
  .justify-content-around {
      justify-content: space-around;
  }
  
  .justify-content-evenly {
      justify-content: space-evenly;
  }
  
  .align-items-start {
      align-items: start;
  }
  
  .align-items-end {
      align-items: end;
  }
  
  .align-items-center {
      align-items: center;
  }

  .mt_80{margin-top: 80px;}
  .mt_50{margin-top: 50px;}
  .mt_40{margin-top: 40px;}
  .mt_30{margin-top: 30px;}
  .mt_25{margin-top: 25px;}
  .mt_15{margin-top: 15px;}
  .mt_100{margin-top: 100px;}
  .mb_100{margin-bottom: 100px;}
  .ft_20{font-size: 20px;}
  .pad-10{
    padding: 10px 0 10px 0;
  }

  .txt-c{
    text-align: center;
  }
.ply_fr_fnt{ font-family: "Playfair", serif !important;}
.para{font-size: 14px;}
.custom_heading{font-family: "Playfair Display"; font-size: 25px; font-weight: 700;
}
.custom_heading span{color:#2196F3}
.hero_banner h1{color: #FFF;
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.hero_banner{background: url(https://images.emtcontent.com/tourism/qatar-img/new/Qatar-banner.webp); background-size: cover;  position: relative; width: 100%; height: 680px; background-repeat: no-repeat; display: flex; align-items: center; justify-content: start;}

.hero_banner::before {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(#00000036, #00000069);
    position: absolute;
    top: 0px;
}
.hero_banner p{
    color:#fff;
 font-size: 18px;
font-weight: 400;
margin-bottom: 10px;
}
.hero_banner .content_sec{margin-top: -110px; position: relative; text-align: center; padding-bottom: 169px; padding-left: 20px;}
.best_plc{background: #EDF6FE; padding: 72px 0 0px 0; border-radius: 72px 72px 0 0; overflow: hidden; margin-top: -107px; position: relative;}
.heading_para{text-align: center; color:#5C6166; text-align: center; margin-bottom: 68px;}
.dis_bxx{border-radius: 24px; overflow: hidden;}
.dis_bxx .para{margin: 10px 0;}
.dis_bxx .cnt_sec{padding: 12px; background: #fff;}
.dis_bxx .cnt_sec .togglebtn {display: flex; align-items: center; gap: 7px; color:#2196F3; font-size: 14px;}
.dis_bxx .cnt_sec .togglebtn img{width: 18px;}

.dis_bxx_slider_02 .cnt_sec{background: #EDF6FE;}

.flight-card {
  overflow: hidden;
}

.flight-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding:22px 15px;
border-radius: 16px;
border: 4px solid #BCD6E0;
background: #FFF;
position: relative;
z-index: 1;
}
.time_ryt{text-align: right;}
.time h3 {
  margin: 0;
  font-size: 20px;
  font-weight: 500;
  color: #1d2c38;
}

.time p {
  margin: 0px 0 5px 0;
  font-size: 12px;
}

.time span {
  font-size: 15px;
  color: #828282;

}


.flight-icon img{height: 21px;}


.book-btn {
  background: #0c3b49;
    font-family: "Poppins", serif ;
  color: white;
  border: none;
  width: 100%;
  padding:20px 0 12px 0;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  transition: background 0.3s;
  border-radius: 0 0 16px 16px;
   border: 4px solid #BCD6E0;
    background: linear-gradient(90deg, #06121B 0%, #2196F3 100%);
    position: relative;
    top: -11px;
}


.flight-slider .owl-nav{    position: absolute; top: 50%; transform: translateY(-50%); right: 0; margin: 0 !important; width: 100%;}
.flight-slider .owl-nav button{
      width: 54px;
    height: 54px;
    border-radius: 50% !important;
    border: 8px solid #F5F5F5 !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    background: #fff !important;
}
.flight-slider .owl-nav .owl-next {position: absolute; right: -27px; top: 50%; transform: translateY(-50%); }
 .flight-slider .owl-nav .owl-prev{position: absolute; left: -27px; top: 50%; transform: translateY(-50%); }

.timeline_sec .heading_sec a{text-decoration: none; font-size: 14px; color:#2196F3}
.timeline_sec {padding: 100px 0; background: url(https://images.emtcontent.com/tourism/qatar-img/new/bg-color.png);}


.book_hotel_sec{position: relative;}
.book_hotel_sec .heading_sec a{text-decoration: none; font-size: 14px; color:#2196F3}
.book_slide{border-radius: 13px; overflow: hidden; position: relative; max-height: 324px;}
.book_slide .cnt{font-size: 13px;   padding: 8px 11px; border-radius: 13px;background: #FFF;     position: absolute;
    bottom: 10px;
    left: 50%;
    width: 89%;
    transform: translateX(-50%);}
.book_slide .btm_str{margin-top: 10px;}
.book_slide .btm_str span{font-size: 11px;}
.book_slide p{font-weight: 600;}
.book_hotel_slider .owl-nav{    position: absolute; top: 50%; transform: translateY(-50%); right: 0; margin: 0 !important; width: 100%;}
.book_hotel_slider .owl-nav button{
      width: 54px;
    height: 54px;
    border-radius: 50% !important;
    border: 8px solid #F5F5F5 !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    background: #fff !important;
}

.book_hotel_slider .owl-nav .owl-next {position: absolute; right: -27px; top: 50%; transform: translateY(-50%); }
 .book_hotel_slider .owl-nav .owl-prev{position: absolute; left: -27px; top: 50%; transform: translateY(-50%); }

.book_hotel_slider_new{position: relative;}
 .book_hotel_slider_new .owl-nav{    position: absolute; top: 50%; transform: translateY(-50%); right: 0; margin: 0 !important; width: 100%;}
.book_hotel_slider_new .owl-nav button{
      width: 54px;
    height: 54px;
    border-radius: 50% !important;
    border: 8px solid #F5F5F5 !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    background: #fff !important;
}

.book_hotel_slider_new .owl-nav .owl-next {position: absolute; right: -27px; top: 50%; transform: translateY(-50%); }
 .book_hotel_slider_new .owl-nav .owl-prev{position: absolute; left: -27px; top: 50%; transform: translateY(-50%); }

 

.book_hotel_sec_new{position: relative; background: linear-gradient(80deg, #F2FAFF 12.92%, #C8E5FF 71.11%); padding: 100px 0;}
.book_slide_new{border-radius: 13px; overflow: hidden; position: relative; max-height: 324px; border-radius: 24px; position: relative;
}
/* .book_slide_new img{z-index: 1; position: relative;} */
.book_slide_new::before{content:''; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: linear-gradient(360deg,rgba(0, 0, 0, 0.88) 0%, rgba(0, 0, 0, 1) 28%, rgba(255, 255, 255, 0) 100%);}
.book_slide_new .cnt{font-size: 13px;   padding: 8px 11px; border-radius: 13px;   position: absolute;
    bottom: 10px;
    left: 50%;
    width: 89%;
    transform: translateX(-50%); color:#fff}
    .book_slide_new .cnt h4{font-size: 22px; font-weight: 600;}
     .book_slide_new .cnt p{font-size: 16px;}
.book_slide_new .btm_str{margin-top: 10px;}
.book_slide_new .btm_str span{font-size: 11px;}







.book_slide_02{border-radius: 13px; position: relative; max-height: 324px;}
.book_slide_02 .cnt{font-size: 13px;   padding: 8px 11px;     position: absolute;
    bottom: -25px;
    left: 50%;
    width: 89%;
    transform: translateX(-50%); border-radius: 12px;
background: #FFF;
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.12);}
    .book_slide_02 .cnt h4{font-size:18px; color:#011624}
  
.book_slide_02 .btm_str{margin-top: 10px;}
.book_slide_02 .btm_str span{font-size: 11px;}
.book_hotel_slider_02{position: relative;}
.book_hotel_slider_02 .owl-nav{    position: absolute; margin: 0 !important; width: 100%; top: 0;}
.book_hotel_slider_02 .owl-nav button{
      width: 54px;
    height: 54px;
    border-radius: 50% !important;
    border: 8px solid #F5F5F5 !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    background: #fff !important;
}

.book_hotel_slider_02 .owl-nav .owl-next {position: absolute; right: -27px; top: 87px; }
 .book_hotel_slider_02 .owl-nav .owl-prev{position: absolute; left: -27px; top: 87px; }

dis_bxx_slider

.dis_bxx_slider .owl-nav{    position: absolute; margin: 0 !important; width: 100%; top: 0;}
.dis_bxx_slider .owl-nav button{
      width: 54px;
    height: 54px;
    border-radius: 50% !important;
    border: 8px solid #F5F5F5 !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    background: #fff !important;
}

.dis_bxx_slider .owl-nav .owl-next {position: absolute; right: -31px; top: 150px; }
 .dis_bxx_slider .owl-nav .owl-prev{position: absolute; left: -31px; top: 150px; }

.book_hotel_slider_02 a{text-decoration: none; color:#2196F3; margin-top: 5px; display: inline-block;}
.book_hotel_slider_02 .owl-stage-outer{padding-bottom: 166px;}

.cp_right {
    background: #000;
    padding: 15px;
    color: #fff;
    font-size: 16px;
    text-align: center;
}

.book_slide {
    display: block;
    border-radius: 13px;
    overflow: hidden;
    position: relative;
    max-height: 324px;
    color: #000;
}

.book_hotel_slider .owl-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    margin: 0 !important;
    width: 100%;
}


.cnt img {
    border-radius: 15px !important;
}

.tab {
  overflow: hidden;
  /* border: 1px solid #ccc; */
  /* background-color: #f1f1f1; */
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-top: 35px;
}
/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 14px;
  /* transition: 0.3s; */
  font-size: 14px;
  border-radius: 10px;
  background-color: #dce9f7;;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #2196F3;
  color: #fff;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #2196F3;
  color: #fff;
}

/* Style the tab content */
.tabcontent {
  display: none;
  /* padding: 6px 12px; */
  margin-top: 20px;
  /* border: 1px solid #ccc; */
  border-top: none;
}
.rcnt-card {
    display: block;
    width: 100%;
    border-radius: 14px;
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
    color: black;
    /* transition: transform 0.3ms 
ease-in-out; */
    background-color: #fff;
    position: relative; overflow: hidden;}

    .rcnt-card .img-div{height: 240px; }
    .rcnt-card .img-div img{
          width: 100%;
    height: 100%;
    object-fit: cover;
    }

    .hd-cntts {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    color: #ffffff;
    z-index: 10;
    padding: 3px 10px 20px 10px;
    /* transform: translateY(100%); */
    transition: all 0.3s 
ease-in-out;
    border-radius: 10px;
    opacity: 0;
    visibility: hidden;
}

.hd-cntts.visible{opacity: 1; visibility: visible;}
 .sliding-crd.owl-carousel .owl-nav.disabled{
    display: none !important;
 }

    .cls-btn {
    color: white;
    font-size: 26px;
    cursor: pointer;
    margin: 10px 0px 10px 10px;
    display: flex;
    justify-content: end;
    cursor: default;
 }
.cls-btn img{ width: 25px !important; height: 25px; border-radius: 50%; background: #fff; padding: 5px; cursor: pointer;}
 .dest-img{
    width: 100%;
    height: 240px;
    border-radius: 10px 10px 0 0;
 }
 .cntst{
    padding: 10px;
 }
 .read-more{
    color: #2196F3;
    font-size: 16px;
    margin-top: 5px;
    cursor: pointer;
 }
 .cntst h4 {
    font-weight: 600;
    margin: 10px 0;
    font-size: 18px;
 }
 .owl-height{
    transition: none !important;
 }
 
@media only screen and (max-width: 768px) {
    .tab button{
        width: 30%;
        min-width: max-content;
            padding: 10px 16px;
    font-size: 14px;
    }
	
	.hero_banner .content_sec{
		padding-bottom: 52px; 
		padding-left: 20px;
	}
    .tab{
        overflow: scroll;
        justify-content: start;
        
    }

    .container{width: 100%; padding: 0 15px;}
    .mt_100 {
    margin-top: 50px;
}

.timeline_sec {
   padding: 50px 0 29px 0;
}

.heading_para {
    margin-bottom: 25px;
}

.book_hotel_sec_new {
    padding: 50px 0 29px 0;
}

.book_hotel_slider_02 .owl-stage-outer {
    padding-bottom: 40px;
}
.book_hotel_sec_02{margin-bottom: 50px;}
.hero_banner h1 {
    font-size: 30px;
}
.hero_banner p{
    font-size: 16px;
}
.hero_banner h1 br{display: none;}
.hero_banner {
    height: 80vh;
}

 .book_slide img{object-fit: cover; height: 100%;}
 .custom_heading {
    font-size: 20px;
}

.mt_50 {
    margin-top: 30px;
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 5px !important;

}
.owl-theme .owl-dots .owl-dot.active span{background: #2196F3 !important;}
.cp_right{font-size: 14px;}
.vq-logo{height: 40px;}
.hero_banner .content_sec{text-align: center;}
.best_plc {
    padding: 30px 0 0px 0;
    border-radius: 54px 54px 0 0;
}
.ft_20 {
    font-size: 18px;
}

.timeline_sec .heading_sec {justify-content: center;}
}





.dis_bxx_slider {
	.owl-stage {
		display: flex;
	}
	.owl-item {
		display: flex;
		flex: 1 0 auto;
	}
	
}



.rcnt-card .cntst p{
    overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* Number of lines to show */
  -webkit-box-orient: vertical
}