/*
Theme Name: hotelhub child
Tags:  custom-menu, editor-style, featured-images
Template: hotelhub
Version: 1.0.0
*/


@import '../hotelhub/style.css';



/*---------------------------------
      write your css from here
------------------------------------*/
.container{max-width:1440px;}

.logo img { width: 140px; }
.hotelhub-main-menu.transprent-menu a.dtbtn{text-wrap:nowrap;background:  #36cce0; border: solid 1px  #36cce0;}

.breadcumb-area{height: 100dvh; display: flex; align-items: end;}
.breadcumb-area:before{content: '';position: absolute;top: 0; width: 100%; height: 100%; background: #000;background: linear-gradient(0deg,rgba(0, 0, 0, 0.71) 0%, rgba(255, 255, 255, 0) 50%); }
.breadcumb-area .container{margin-top:0;margin-bottom:0;}
.hotelhub-main-menu.main.menu .hotelhub_menu ul,.transprent-menu .hotelhub_menu ul{margin-left: auto; margin-right: auto;}
.ratio img{object-fit:cover;}
.ratio-1x1 img{aspect-ratio:1/1;}
.ratio-4x3 img{aspect-ratio:4/3;}
.h-100 img{height:100%;object-fit:cover;}

.elementor-column-gap-narrow{gap:15px;}
.elementor-column-gap-extended{gap:30px;}
.elementor-column-gap-wide{gap:60px;}

.btn-with-icon .elementor-button-content-wrapper{display:flex;align-items:center;}
.btn-with-icon .elementor-button-icon svg{width:40px;}
.h-100 .elementor-widget-container, .h-100 .icon-box.style-two{height:100%;}
.icon-box-partners .img-icon img{height:80px;}
.px-30{padding-left:30px;padding-right:30px;}
.p-max-w-500 p{max-width:500px;}

.maintain-hotel{backdrop-filter: blur(12px);}

.elementor-swiper-button{width:55px;height:55px;background-color: rgba(35, 67, 98, 0.5); backdrop-filter: blur(12px); border: solid 1px rgba(255, 255, 255, 0.3); border-radius: 100%;display: inline-flex; align-items: center; justify-content: center;}
.elementor-swiper-button i{font-size:16px;}
.elementor-element .swiper .swiper-pagination-bullets.swiper-pagination-horizontal{bottom:-10px;}
.swiper-pagination-bullet{width:16px;height:16px;background:#234362;}
.elementor-lightbox .swiper .elementor-swiper-button-next { right: 15px !important; width: 55px; height: 55px; }
.elementor-lightbox .swiper .elementor-swiper-button-prev { left: 15px !important; width: 55px; height: 55px; }

.menu_area.mobile-menu{position:fixed;width:100%;top:0px;z-index:999;}
.mobile-header-logo img{position: absolute; top: 5px; left: 15px; height: 50px; width: auto; z-index: 999;}

.w-100 .dreamit-button a{width:100%;}
.dreamit-button.style2 .button{display:flex;align-items:center;gap:15px;}

.mean-container .mean-nav ul li.mobile-menu-booking-button a{background: #36cce0; color: #173b59;text-align:center;}

.blog-grid-item .blog-page-title{min-height:58px;margin-bottom:20px;}
.blog-grid-item .blog-description{min-height:150px;margin-bottom: 20px;}

.elementor-widget.our-offer-list .elementor-icon-list-icon{margin-top:9px;}

.my-accordion.style7 li p a{position: relative; display: inline; cursor: pointer; border: solid; border-width: 0 0 1px; padding: 0; border-radius: 0; z-index: 1; font-size: 16px; font-family: "Open Sans"; background: transparent; color: #ffffffa1; font-weight: 500; }

@media (max-width: 1440px) {
  .container {max-width: 1200px;}
  .section-title.style1 .description{font-size:16px;}
  .icon-box.style6 p.description{font-size:15px;}
}

@media (max-width: 768px) { 
.elementor-column-gap-wide{gap:0px;}
body,.section-title.style1 .description,.icon-box.style6 p.description,.icon-box.style-two .description p{font-size:14px;line-height:1.5;}
.w-xs-100,.w-xs-100 .elementor-button{width:100%;}
.xs-ar-3-2, .xs-ar-3-2 img{aspect-ratio:3/2;}
.single-counter.style1{min-width:100px;width:100px;height:100px;padding: 10px;}
.single-counter.style1 .icon { margin-bottom: 0; }
.elementor .icon-box.style1 img{width:30px;}
}

@media (min-width: 768px) { 
.text-md-nowrap{text-wrap: nowrap;}
}