@charset "utf-8";
/* CSS Document */
body{
	/*background: #ebe7e0;*/
	background: #f1f2f6;
}
html {
    font: normal 15px / 22px 'Work Sans', sans-serif;
   
}
.no-border {
	border: 0px !important;
	background: none;
}
.uk-panel-box a {
	font-size: 16px;
}
.uk-button-book {
	display: block;
	width: 80px;
	height: 60px;
	border-radius: 50%;
	line-height: 1.3;
	padding-top: 20px;
	color: #21366c;
	text-align: center;
	text-decoration: none;
	background: transparent;
	font-size: 14px;
	font-family: 'Lora', serif;
	font-weight: 700;
	border: solid 1px #21366c;
}
.uk-button-book:hover {
	background: #21366c;
	color: #fff;
}
[data-uk-scrollspy*='uk-animation-']:not([data-uk-scrollspy*='target']) {
    opacity: 1 !important;
}
.uk-button-more {
	display: block;
	text-align: center;
	text-decoration: none;
	background: transparent;
	font-size: 14px;
	border: solid 1px #fff;
	color: #fff
}
.uk-button-more:hover {
	background: #fff;
	color: #21366c !important;
}
.uk-panel-box-schedule {
	background: url(../images/schedule-banner.jpg?v=1.1) no-repeat;
}
.uk-panel-box-schedule h5 {
	font-style: italic;
	letter-spacing: 1px;
}
.uk-panel-box-schedule ul li {
	font-size: 22px;
	font-family: 'Lora', serif;
	font-weight: 700;
	font-style: italic;
}
.uk-panel-box-schedule ul li:after {
	width: 6px;
	height: 6px;
	background-color: rgba(255,255,255,.5);
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -2px;
	border-radius: 50%;
	margin-right: -2px;
}
.zigzg-hr {
	box-sizing: content-box;
	height: 4px;
	margin: 15px 0;
	background: url(../images/zigzag-2.png) repeat-x;
}
/*.zigzg-hr:before {
	height: 4px;
	width: 44%;
    content: "";
    position: absolute;
    left: 0px;
		top:0px;
    background: url(../images/zigzag-2.png) right center repeat-x;
}
.zigzg-hr:after {
	width: 44%;
    height: 4px;
    content: "";
    position: absolute;
    right: 0px;
	top:0px;
    background: url(../images/zigzag-2.png) right center repeat-x;
}*/

.uk-destination p {
	font-size: 13px;
	line-height: 18px;
}
.uk-navbar-footer {
	background: transparent;
	    line-height: 1.8em;
}
.uk-navbar-footer a, .uk-navbar-footer li {
	color: #fff !important;
}
.uk-navbar-footer li a {
	font-weight: 400;
	height: 30px !important;

}
.uk-navbar-footer li:after {
	background: transparent;
}
.uk-footer p {
	font-size: 11px;
}
.main-banner {
	background: url(../images/banner2020.jpg) 20% 0 no-repeat;
	height: 80vh !important;
	background-size: cover;
}
.subpages-banner {
	    background: url(../images/subpages-banner-2019.jpg) 50% 50% no-repeat;
    height: 350px !important;
    background-size: cover;
}
form label.error {
	display: none;
	font-size: 12px;
	margin: 0;
	float: left;
}
input[type="text"].error,textarea.error {
	border: 1px solid #f0515a !important;
}
form[name='contact_form'] input[type="text"]{
padding-left:10px !important;
}

.uk-autocomplete{width:100%;}


.uk-list-bullet>li {
    position: relative;
    padding-left: calc(1.5em + 10px);
}

.uk-list-bullet>li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5em;
    height: 1.5em;
   background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23666%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    float: left;
}
.uk-list>li::after {
    clear: both;
}
.uk-list>li::before, .uk-list>li::after {
    content: "";
    display: table;
}

.uk-text-black{
	
color:#000;	
}

a.uk-text-black:hover{
	
color:#343d51;	
}


.uk-thumbnav>*{
padding-left:0px;	
	
}

.uk-button-primary-large {
    padding: 10px;
    font-size: 22px;
    border-radius: 0px;
	box-sizing:border-box;
}



.uk-accordion-title{
	    padding: 0;
    background: #fff;

    cursor: pointer;
}
.uk-accordion-content {
    padding: 0;
}


.uk-accordion-title::before {
       float: right!important;
    content: '+';
    font-size: 32px;
    font-weight: 400;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    line-height: 1;
    box-sizing: border-box;
    right: 20px;
   
}
.uk-active.uk-accordion-title::before {
     content: '+';
    font-size: 32px;
    font-weight: 400;
    -webkit-transform: rotate(45deg) scale(1.08);
    -ms-transform: rotate(45deg) scale(1.08);
    transform: rotate(45deg) scale(1.08);
	   
}

.uk-dropdown, .uk-dropdown-blank{
	    z-index: 1000000;
	
}

.uk-dropdown>li:after{
    left: 0 ;
	right:unset !important;	
}

.uk-dropdown, .uk-dropdown-blank {
  
    box-sizing: border-box;
    min-width: 260px;
    white-space: nowrap;
}
.uk-margin-top-100px{
margin-top:-100px;	
	
}
.uk-margin-top-200px{
margin-top:-125px;	
	
}

.uk-margin-xlarge2-top{
	    margin-top: 81px !important;
	
	}
	
	.uk-margin-top-125px{
		    margin-top: -125px;
		}
.uk-text-tel {
    color: #0093d6 !important;
    font-weight: 700 !important;
}
.uk-navbar-nav>li.uk-active a{
	    border-bottom: solid 0px;
	
}
.uk-navbar-nav>li.uk-active> a{
	    border-bottom: solid 2px;
	
}
.uk-boats .uk-thumbnav{
	
    margin-left: 0;
	
}
.uk-block{
	    padding-top: 30px;
    padding-bottom: 30px;
    background: #fff;
    margin-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
}

.uk-overlay-background-secondary{


	    background: rgba(33,54,108,0.2);
}

.uk-h3-2 {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0px;
    /*border-bottom: solid 1px rgba(255,255,255,0.3);*/
}


.uk-overlay-hover:not(:hover):not(.uk-hover) .uk-overlay-panel:not(.uk-ignore) {
     opacity: 1; 
}

.uk-padding-small{padding:10px;}


.uk-font-normal{

	font-family: 'Work Sans', sans-serif;
    letter-spacing: 0;


}



.uk-thumbnav-new>* {
   
    padding-left: 3px;
    margin-top: 3px;
}

.uk-list-space>li:nth-child(n+2) {
    margin-top: 5px;
}

.uk-navbar-toggle {
    font-size: 26px;
   
}
.uk-list-bullet >li {
 
    font-size: 15px;
}
.uk-thumbnav>*>*>img{
	    opacity: 1 !important;
	}

.preview .icontainer, .recommended .icontainer {
    background: left center no-repeat;
    height: 45px;
    margin-right: 15px;
    width: 45px;
    vertical-align: middle;
    display: inline-block;
    background-size: 40px auto;
}	
	
.preview .bm-motoryacht, .recommended .bm-motoryacht {
    background-image: url(https://stmaarten-boatcharters.com/assets/images/length3.png);
}
.preview .bm-group, .recommended .bm-group {
    background-image: url(https://stmaarten-boatcharters.com/assets/images/guests1.png);
}
.preview .bm-flag, .recommended .bm-flag {
    background-image: url(https://stmaarten-boatcharters.com/assets/images/types1.png);
}
.preview .bm-flag, .recommended .bm-flag {
    background-image: url(https://stmaarten-boatcharters.com/assets/images/types1.png);
}
.builder-flag {
    background-image: url(https://stmaarten-boatcharters.com/assets/images/types1.png) !important;
}
.year-flag {
    background-image: url(https://stmaarten-boatcharters.com/assets/images/types1.png) !important;
}
.calendar-icon {
    background-image: url(https://stmaarten-boatcharters.com/assets/images/types1.png) !important;
}


.preview ul li {
    border-bottom: 0px solid #f7f8fa;
    padding: 0px 0 4px;
    list-style: none;
	display: flex;
	flex-wrap: wrap;
	    align-items: center;
}

.ca-box {
    background: #fff;
    padding: 30px;
    border: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 1px 0 rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 0 1px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 1px 0 rgb(0 0 0 / 20%);
}
.preview {

    margin-bottom: 0;
    padding: 0;
    padding-bottom: 25px;
    overflow: hidden;
    border-bottom: 5px solid #ddd;
    -webkit-box-shadow: 0 0 15px 0 rgb(0 0 0 / 6%);
    -moz-box-shadow: 0 0 15px 0 rgba(0,0,0,.06);
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 6%);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
	display: flex;
	flex-direction: column
}
.preview figcaption {	
	margin-top: auto
}
.preview footer .details {
    border-bottom: 2px solid #0093d6;
    font-weight: 500;
    -moz-transition: all .25s;
    -o-transition: all .25s;
    -webkit-transition: all .25s;
    transition: all .25s;
}
.preview footer .price {
    font-weight: 500;
    font-size: 18px;
    float: right;
}
.from-title {
    font-weight: 400;
    color: #808fa4;
    font-size: 13px;
    font-style: normal;
    float: left;
    padding-right: 5px;
}
.preview footer {
       padding: 0 25px;
    margin-top: 0;
    display: flex;
    justify-content: space-between;
}
.uk-dotnav-contrast>*>* {
    background: #21366cb8;
}
.uk-dotnav-contrast>*>:hover, .uk-dotnav-contrast>*>:focus {
    background: rgb(33 54 108);
}
.uk-dotnav>.uk-active>*{
	background: rgb(212 212 212 / 90%);
}

.uk-map-hover {
	position: relative;
}
.uk-map-hover .img-top {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
}
.uk-map-hover:hover .img-top {
	display: inline;
}
.uk-transfers:hover > * {
	color: #21366c !important;
}	
img.icontainer{

	opacity: .30;
}

.uk-navbar-nav>li>a{
			
			font-size: 12px !important;
white-space: nowrap !important
			
		}
		
		.uk-navbar-nav>li {
    padding: 0 9px !important;
}
h4, .uk-h4{
	
	font-size: 16px !important;
	line-height: 1.4em;
}

.uk-subnav-pill>*>* {
    padding: 8px 13px;
	border-radius: 25px;
}

.uk-pagination>li>a, .uk-pagination>li>span {
   
     line-height: 1.3em; 
    
}

.uk-h3-2{
	
	
	    font-size: 24px;

}

.uk-table .uk-text-success{

    white-space: nowrap;

}


.sort2 .uk-button-primary:hover, .sort2 .uk-button-primary:focus {
    background-color: #fff;
    outline: solid 1px #ccc;
    color: #272727;
}

h2, .uk-h2{
    font-size: 30px;
    line-height: 32px;	
	
}

.uk-button-primary {
    
    border-radius: 3px;
}

.uk-header-v2{
	
	    display: grid;
    grid-template-columns: auto  1fr;

}
	
.sort2  input[type="checkbox"] {
    cursor: pointer;
    background: #fff;
}

.sort2 input.uk-active:before {
    content: "\f00c";
    font-family: FontAwesome;
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    line-height: 11px;
    color: #00a8e6;
}



.uk-tooltip {
   
       color: rgba(255,255,255,0.7);
    border: solid 1px #ccc;
    width: 200px;
	padding: 0px;
   
    background: #fff;
   
    font-size: 14px;
    line-height: 24px;
}

h4, .uk-h4{
	
	    letter-spacing: 2px !important;
}

.load-images {
	width: 365px;
	height: 245px;
	display: block;
	background-size: cover;
}

.whatsapp-sticky {
    position: fixed; /* Sticks the element to the viewport */
    left: 30px; /* Distance from the left side of the screen */
    bottom: 30px; /* Distance from the bottom of the screen */
    z-index: 1000; /* Keeps it on top of other elements */
}

.whatsapp-sticky img {
    width: 45px; /* Adjust icon size */
    height: 45px; /* Adjust icon size */
    border-radius: 50%; /* Make it circular */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); /* Optional styling for shadow */
    transition: transform 0.3s ease; /* Smooth hover effect */
}

.whatsapp-sticky img:hover {
    transform: scale(1.1); /* Slightly enlarge on hover */
}

@media (max-width: 768px) {
    .whatsapp-sticky {
        left: 5px; /* Adjust position for mobile screens */
        bottom: 10px;
    }

    .whatsapp-sticky img {
        width: 25px; /* Smaller icon for mobile */
        height: 25px;
    }
}


@media (max-width:767px) {

.uk-header-v2{
	
	    display: grid;
    grid-template-columns: auto 1fr  1fr;

}
	
.load-images {
	height: 215px;
}
	
}


@media (max-width:480px) {
	
	.uk-button-primary-large {
    font-size: 18px;
    
}
	
	
	.uk-h1-new{
		
		font-size:  34px !important
	}
	.uk-height-slide{
		
		 style="height:100vh !important"
	}
	
	
	

.uk-slideshow .h1, .uk-slideshow  .uk-h1 {
    font-size: 13px;
}

.uk-slideshow .uk-margin-large-top {
    margin-top: 13px !important;
}

	
.uk-cover-background{
	background-size: contain;
}

h6, .uk-h6 {
	font-size: 16px;
}
		

h1, .uk-h1{
	font-size: 50px;
}
	
	
	h2, .uk-h2 {
        font-size: 20px !important;
    line-height: 18px !important;
    letter-spacing: 2px !important;
}
	
	
	
	h2{
		font-size: 40px !important;
		line-height: 1.0em !important;
	}
.uk-height-viewport,.main-banner{
    min-height: 35vh;	
	height: 35vh !important;
	
}
	
	
	
	
	.uk-dotnav>* {
   background: ##1cdadb00 !important;
    padding: 4px 6px;
    box-sizing: border-box;
    border-radius: 2px;
}
	
.uk-dotnav>*>* {
    display: block;
    box-sizing: content-box;
    width: 11px;
    height: 11px;
}
.uk-margin-top-100px{
margin-top:-155px;	
	
}


.uk-navbar-nav>li{
	
    float: left;
    clear: both;
padding: 0;	
}

.uk-nav>li>a {
    font-size: 15px;
    font-weight: 500;
}

.uk-text-tel {
    padding-left: 15px;
}
	
	

	
	
	
}


	

@media (min-width: 1220px){
.uk-container {
    max-width: 1200px;
    padding: 0 35px;
}
}


    .boat-header {
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
      margin-bottom: 20px;
    }

    .boat-header h1 {
      font-size: 40px;
      color: #1f3f6e;
      font-weight: 700;
    }

    .text-color {
      color: #1f3f6e;
    }

    .check-btn {
      position: absolute;
      right: 0;
      background: #1f3f6e;
      color: white;
      padding: 14px 30px;
      border-radius: 40px;
      font-size: 20px;
      text-decoration: none;
    }

    .boat-tabs {
      display: flex;
      gap: 15px;
      margin-bottom: 20px;
    }

    .boat-tabs a {
      border: 2px solid #1f3f6e;
      padding: 6px 18px;
      border-radius: 20px;
      color: #1f3f6e;
      font-weight: 600;
      text-decoration: none;
      font-size: 12px;
    }

    .boat-layout {
      display: grid;
      grid-template-columns: 2fr 1fr;
      gap: 20px;
    }

    .boat-gallery {
      display: grid;
      grid-template-columns: 2fr 1fr;
      grid-template-rows: 150px 150px 150px;
      gap: 10px;
      margin-bottom: 20px;
    }

    .boat-gallery img {
      width: 100%;
      height: 100%;
    }

    .boat-gallery .big {
      grid-row: span 2;
    }

    /* bottom images */
    .bottom1 {
      grid-column: 1;
    }

    .bottom2 {
      grid-column: 2;
    }

    .bottom3 {
      grid-column: 3;
    }

    .included-box {

      padding: 25px;
      border-radius: 20px;
      border: 2px solid #d9d9d9;
    }

    .included-box h3 {
      color: #1f3f6e;
      margin-bottom: 15px;
      font-size: 30px;
      font-weight: 700;
    }

    .bottom-gallery {
      grid-column: 1 / span 2;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 10px;
    }

    .included-box ul {
      list-style: none;
      padding: 0;
    }

    .included-box li {
      padding: 10px 0;
      color: #9b9b9b;
      font-size: 16px;
    }

    .boat-specs-bar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      border: 1px solid #e0e0e0;
      border-radius: 40px;
      padding: 12px 25px;
      margin: 25px 0px;
      flex-wrap: wrap;
    }

    .spec-item {
      display: flex;
      align-items: center;
      gap: 8px;
      font-weight: 600;
      color: #1f3f6e;
      font-size: 16px;
    }

    .spec-item img {
      height: 30px;
      opacity: 0.8;
    }

    .meeting-section {
      text-align: center;
      background-color: #fafafa;
      padding: 40px;
    }

    .meeting-section h2 {
      color: #1f3f6e;
      font-size: 30px;
      font-weight: 700;
      margin-bottom: 20px;
    }

    .meeting-item {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      margin: 10px 0;
      font-size: 18px;
      color: #333;
    }

    .meeting-item img {
      width: 35px;
    }

    .rates-section {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 25px;
      margin-top: 40px;
    }

    .rate-card {

      padding: 15px;
      border-radius: 50px;
      border: 1px solid #ddd;
    }

    .rate-card h3 {
      color: #1f3f6e;
      font-size: 30px;
      margin-bottom: 5px;
      text-align: center;
      font-weight: 700;
    }

    .time {
      color: #a9a9a9;
      margin-bottom: 20px;
      font-weight: 600;
      text-align: center;
      font-size: 18px;
      min-height: 25px;
    }

    .price-rows {
      min-height: 150px;
    }

    .price-row {
      display: flex;
      justify-content: space-between;
      align-items: center;
      border: 2px solid #ececec;
      padding: 10px 18px;
      border-radius: 25px;
      margin-bottom: 10px;
      font-weight: 600;
      color: #1f3f6e;
    }

    .price-row b {
      color: #7ed321;
    }

    .request {
      color: #7ed321;
      font-weight: 600;
    }

    .note {
      margin-top: 20px;
      font-size: 16px;
      line-height: 1.6;
    }

    .availability-btn-wrap {
      text-align: center;
      margin: 50px 0;
    }

    .availability-btn {
      display: inline-block;
      background: #1f3f6e;
      color: #fff;
      font-size: 30px;
      font-weight: 700;
      padding: 18px 50px;
      border-radius: 50px;
      text-decoration: none;
      border: 2px solid #bfc3c8;
      box-shadow: 0 3px 0 rgba(0, 0, 0, 0.2);
    }

    .availability-btn:hover {
      background: #16325a;
      color: #fff;
    }

    h3.accordion-section {
      color: #1f3f6e;
      font-size: 28px !important;
      text-align: center;
      cursor: pointer;
    }

    .accordion-item {
      border: 2px solid #ddd;
      border-radius: 50px;
      background-color: #fafafa;
      margin-bottom: 20px;
    }

    h3.accordion-title {
      color: #1f3f6e;
      font-size: 30px !important;
      text-align: center;
      cursor: pointer;
      font-weight: 700;
      padding: 18px 0px 0px;
    }

    .accordion-content {
      padding: 0px 80px 20px;
      color: #1f3f6e;
      font-size: 20px;
      line-height: 1.5;

    }
    .reviews-section{
  text-align:center;
  margin-top:40px;
}

.reviews-title{
  font-size:32px;
  font-weight:600;
  margin-bottom:20px;
}

.reviews-slider{
  position:relative;
  max-width:600px;
  margin:auto;
      padding: 0px 0px 25px;
}

.review-card{
  display:none;
  background:#1f3b64;
  color:#fff;
  padding:30px;
  border-radius:20px;
}

.review-card.active{
  display:block;
}

.stars{
  margin-top:15px;
  font-size:22px;
  color:#f5c04e;
}

.prev-review,
.next-review{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  background:#fff;
  border:none;
  font-size:22px;
  width:40px;
  height:40px;
  border-radius:50%;
  cursor:pointer;
}

.prev-review{ left:-50px; }
.next-review{ right:-50px; }
/* MOBILE RESPONSIVE */

@media (max-width:768px){

/* boat layout stack */
.boat-layout{
grid-template-columns:1fr;
}

/* gallery responsive */
.boat-gallery{
grid-template-columns:2fr 1fr;
grid-template-rows:auto;
}

.boat-gallery .big{
        grid-row: span 2;
}

.bottom-gallery{
grid-template-columns:1fr 1fr;
}

.included-box h3,
.meeting-section h2,
.rate-card h3,
h3.accordion-title {
    font-size: 25px !important;
}

.time{
  font-size: 16px;
}
.boat-layout {
    gap: 0px;
}
/* included box */
.included-box{
margin-top:20px;
}

/* specs bar */
.boat-specs-bar{
gap:10px;
text-align:center;
}

/* meeting section */
.meeting-section{
padding:20px;
}

.meeting-item{
flex-direction:column;
text-align:center;
  font-size: 16px;
}

/* rates cards */
.rates-section{
grid-template-columns:1fr;
}

/* price row */
.price-row{
font-size:14px;
padding:8px 12px;
}

/* availability button */
.availability-btn{
font-size:20px;
padding:12px 25px;
}

/* accordion */
.accordion-content{
padding:10px 20px 20px;
font-size:16px;
}

/* review slider */
.reviews-slider{
max-width:100%;
}

.review-card{
padding:20px;
font-size:14px;
}

/* arrows adjust */
.prev-review{
left:-10px;
}

.next-review{
right:-10px;
}

/* tabs scroll */
.boat-tabs{
overflow-x:auto;
white-space:nowrap;
padding-bottom: 20px;
}

.boat-tabs a{
font-size:11px;
padding:6px 14px;
}
.bottom3 {
    display: none;
}
}
 .preview footer .details{
    border-radius: 20px;
  }
  .preview{
    border-radius: 20px;
  }
  .uk-slideshow{
    border-radius: 20px;
  }
.uk-modal-close {
    color: #000;
    text-decoration: none;
    float: right;
    margin: -10px -20px 0px 0px;
}

.uk-close:after {
    display: none;
    content: "";
    font-family: FontAwesome;
}
	.uk-tooltip{
		width: 360px;
    max-width: 370px;
   display: block !important;
	}
	.uk-table .uk-text-success {
    	white-space: normal;
	}
a#tooltipCloseBtn {
    float: right;
    margin: -10px -20px 0px 0px;
    color: #000;
}
.filter-buttons{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom: 30px !important;
}

.filter-btn {
    border: 2px solid #1C3664;
    background: #fff;
    padding: 12px 24px;
    border-radius: 25px;
    cursor: pointer;
    font-size: 16px;
    transition: 0.3s;
    color: #1C3664;
    font-weight: 700;
}

.advanced-btn:hover {
    background: #1e87f000;
    color: #1C3664;
    border-color: #1e87f000;
     background-color: #ffffff00;
}

.advanced-btn {
    border-color: #1e87f000;
    color: #1C3664;
    background-color: #ffffff00;
        margin-left: -20px;
}
.filter-modal{
padding:40px;
border:3px solid #1e3a5f;
border-radius:30px;
max-width:750px;
}

.tag-group{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-top:10px;
    margin-bottom: 20px;
}
.filter-heading{
font-size: 22px;
    transition: 0.3s;
    color: #000000;
    font-weight: 700;
}
.tag {
    font-size: 16px;
    border: 2px solid #1e3a5f;
    background: white;
    padding: 12px 6px;
    border-radius: 30px;
    cursor: pointer;
    font-weight: 700;
    color: #1e3a5f;
    flex: 130px;
}

.tag:hover{
background:#1e3a5f;
color:white;
}

.guest-counter{
display:flex;
align-items:center;
gap:15px;
margin-top:10px;
    margin-bottom: 20px;
}

.guest-counter button{
width:35px;
height:35px;
border-radius:50%;
border:1px solid #999;
background:white;
}

.price-title{
font-weight:700;
margin-bottom:10px;
}

.price-slider{
width:100%;
margin-top:10px;
}

.range{
width:100%;
}

.price-values{
display:flex;
justify-content:space-between;
margin-top:8px;
font-weight:700;
color:#1e3a5f;
}
.uk-modal-dialog{
      margin: 290px auto;
      width: 800px;
}
.uk-modal{
  background:#ffffff00;
}
.apply-btn{
text-align:center;
margin-top:30px;
}

.apply{
background:#1e3a5f;
color:white;
border:none;
padding:12px 30px;
border-radius:30px;
font-size:18px;
}
.price-box{
width:100%;
    margin-bottom: 20px;
}

.price-labels{
display:flex;
justify-content:space-between;
font-weight:700;
margin-bottom:8px;
color:#1e3a5f;
}

.price-range {
    display: flex;
    justify-content: space-between;
    width: 670px;
    gap: 450px;
}

.price-range .tag{
width:120px;
text-align:center;
}
/* Modal responsive */
@media (max-width: 900px){

.uk-modal-dialog{
width:90%;
margin:80px auto;
padding:25px;
}

}

/* Tablet */
@media (max-width: 768px){

.tag-group{
gap:8px;
}

.tag{
flex:1 1 calc(50% - 10px);
}

.price-range{
width:100%;
gap:20px;
}

}

/* Mobile */
@media (max-width: 480px){

.filter-modal{
padding:20px;
}

.filter-heading{
font-size:18px;
}

.tag{
flex:1 1 100%;
}

.guest-counter{
justify-content:center;
}

.price-range{
flex-direction:row;
justify-content:space-between;
width:100%;
gap:10px;
}

.price-range .tag{
width:48%;
}

.apply{
width:100%;
}

}
/* Tablet */
@media (max-width: 768px){

.filter-buttons{
flex-wrap:wrap;
gap:8px;
}

.filter-btn{
flex:1 1 calc(50% - 8px);
text-align:center;
}

.advanced-btn{
flex:1 1 100%;
margin-left:0;
}
.uk-filter{
  justify-content: center;
}
}


/* Mobile */
@media (max-width: 480px){

.filter-buttons{
flex-direction:column;
}

.filter-btn{
width:100%;
}

}