/**
Theme Name: Blueskies Accomodation
Author: Brainstorm Force 
Template: astra
*/

@import url('https://fonts.googleapis.com/css?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Gilda+Display:ital,wght@0,100..900;1,100..900&display=swap');


* { margin: 0px; padding: 0px; outline: none; }
#colophon { display: none; }
img { height:auto; max-width:100%; }
a { text-decoration: none; transition: all 0.3s ease; }
a:hover { transition: all 0.3s ease; }  


:root {
    --theme-color: #3b71fb;
    --darkblue-color: #183170;
    --text-color: #4e4e4e;
    --title-color: #4f4f50;
    --fourth-color: #464646;
    --fifth-color: #4e4e4e;
    --black-color: #000000;
    --white-color: #ffffff;
    --title-font: "Gilda Display", Sans;
    --text-font: "Urbanist", Sans-serif;
    --font-weight-light: 300;
    --font-regular: 400;
    --font-medium: 500;
    --font-bold: 700;
}


body {  font-size:16px; line-height: 30px; color: var(--text-color); font-family: var(--text-font) !important; font-weight: var(--font-regular); }
.elementor-widget-container, .elementor-widget-container p, .elementor-widget-container ul li .elementor-icon-list-text, .elementor-widget-container ol li .elementor-icon-list-text {  font-size:16px; line-height: 30px; color: var(--text-color); font-family: var(--text-font) !important; font-weight: var(--font-regular); margin-bottom:10px; }
.elementor-widget-container ul li .elementor-icon-list-text, .elementor-widget-container ol li .elementor-icon-list-text { margin:0; }

#content h1, #content h2, #content h3, #content h4, #content h5 { font-family: var(--title-font); font-weight: var(--font-regular); }
#content h1 { font-size: 72px; line-height: 82px; color: var(--white-color); letter-spacing: 1px; text-transform: uppercase;}
#content h2 { font-size: 55px; line-height: 60px; letter-spacing: 1px; color: var(--title-color);}
#content h3 { font-size: 30px; line-height: 60px; letter-spacing: 1px; color: var(--title-color); }
#content h4 { font-size: 24px; line-height: 20px; letter-spacing: 1px; }
#content h5 { font-size: 20px; line-height: 20px; letter-spacing: 1px; font-family: var(--text-font); font-weight: var(--font-semibold);}
#content h6 { font-size: 16px; line-height: 34px; font-family: var(--text-font); font-weight: var(--font-bold);}

.color-white, .color-white .elementor-widget-container p, .color-white .elementor-widget-container { color: var(--white-color) !important; }
.color-blue-light { color: var(--theme-color) !important; }
.color-blue-dark h3.elementor-heading-title, .color-blue-dark { color: var(--darkblue-color) !important; }

.elementor-widget-button .elementor-button, .elementor-button { border-radius: 5px; background-color: var(--theme-color) !important; font-size: 16px; letter-spacing: 1px; line-height: 20px; text-transform: uppercase; color: var(--white-color); font-weight: var(--font-medium); font-family: var(--text-font); border: 2px solid var(--theme-color); padding: 15px 50px; }

.elementor-widget-button .elementor-button:hover, .elementor-button:hover { border-radius: 5px; background-color: transparent !important; color: var(--theme-color); border: 2px solid var(--theme-color); }


/**********Main Styles*************/


.nav-sec h3.elementor-image-box-title { font-size: 16px; letter-spacing: 1px; line-height: 20px; text-transform: uppercase; color: var(--white-color); font-weight: var(--font-medium); font-family: var(--text-font); }
/*.nav-sec h3.elementor-image-box-title:hover { color: var(--theme-color); }*/
.nav-sec .elementor-widget-nav-menu .elementor-nav-menu .elementor-item { font-size: 15px; letter-spacing: 1px; line-height: 20px; text-transform: uppercase; color: var(--white-color); font-weight: var(--font-regular); font-family: var(--text-font); }
.nav-sec .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .nav-sec .elementor-widget-nav-menu .elementor-nav-menu .elementor-item:hover { color: #94b0f7;  fill: #94b0f7; }
.nav-sec .elementor-image-box-wrapper { border-radius:4px; border:2px solid #183170; padding: 10px 15px; }
.nav-sec .elementor-image-box-wrapper:hover { background:#183170; }




.top-banner .rotate-img img { -moz-transition: transform 0.3s ease-in-out;
    -webkit-transition: transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    animation: rotate 5s linear infinite; }
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.top-banner .rotate-img img:hover{ animation-play-state: paused; }
.top-banner .elementor-widget-video .elementor-custom-embed-image-overlay img { object-fit:contain; background-position:center; width: auto; }
.top-banner h4 { font-family: var(--text-font) !important; color: var(--white-color) !important; }
.top-banner:before, .nav-sec:before { background: linear-gradient(to bottom, rgba(0, 0, 0, 2.952) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%) !important;}
#content .top-banner .elementor-custom-embed-image-overlay { width: 195px; display: block;  margin: 0 auto; padding: 10px 0;}
#content .top-banner .elementor-custom-embed-image-overlay .elementor-custom-embed-play { opacity:0; }
#content .top-banner .rotate-img { display: flex; flex-direction: row; flex-wrap: nowrap;  align-content: center;  justify-content: flex-end; align-items: flex-end; }
#content .top-banner .rotate-img .elementor-widget-container { margin:0; }


.about-sec h4.elementor-heading-title { font-size: 20px; letter-spacing: 1px; line-height: 20px; text-transform: uppercase; color: var(--darkblue-color); font-weight: var(--font-regular); font-family: var(--text-font) !important; }
.about-sec h3.elementor-image-box-title { font-size: 16px !important; letter-spacing: 1px; line-height: 20px; text-transform: uppercase; color: var(--darkblue-color) !important; font-weight: var(--font-medium); font-family: var(--text-font) !important; }
.about-sec h3.elementor-image-box-title:hover { color: var(--theme-color) !important; }

.why-book-sec p.elementor-image-box-description { color: var(--fifth-color) !important; }

.suite-sec h2.elementor-heading-title{ font-size: 72px !important; letter-spacing: 1px; line-height: 80px !important; color: var(--white-color) !important; font-weight: var(--font-regular) !important; font-family: var(--title-font) !important; }
 
.blog-sec h3.elementor-post__title a, .blog-sec h3 { font-size: 26px !important; letter-spacing: 1px; line-height: 38px !important; color: var(--title-color) !important; font-weight: var(--font-regular); font-family: var(--title-font) !important; }
.blog-sec h3.elementor-post__title a:hover{ color: var(--theme-color) !important; }
.blog-sec .elementor-post-date { font-size: 16px; letter-spacing: 1px; line-height: 30px; color: var(--theme-color) !important; font-weight: var(--font-regular); font-family: var(--text-font); }
.blog-sec .elementor-post__excerpt p { font-size: 16px; letter-spacing: 1px; line-height: 30px; color:var(--fifth-color); font-weight: var(--font-regular); font-family: var(--text-font); }
.blog-sec  a.elementor-post__read-more{ font-size: 16px; letter-spacing: 1px; line-height: 30px; text-decoration: underline; color: var(--fifth-color); font-weight: var(--font-bold); font-family: var(--text-font); } 
.blog-sec  a.elementor-post__read-more:hover{ color: var(--theme-color); }

.inner-blog .elementor-post__text { padding: 0px 30px 30px 30px; }
.inner-blog .elementor-posts article { border: 1px solid #CCCCCC; border-radius:4px; }
.inner-blog .elementor-post__thumbnail img { border-radius:4px; }

.blog-recent h5.elementor-post__title a { font-family: var(--title-font) !important; }
.blog-recent h5 a:hover{ color:  var(--theme-color); }

.footer-sec h5.elementor-heading-title{ font-size: 20px; letter-spacing: 1px; line-height: 20px; text-transform: uppercase; color: var(--white-color); font-weight: var(--font-regular); font-family: var(--title-font); }
.footer-sec .elementor-icon-list-item > a, .footer-sec .elementor-widget-icon-list .elementor-icon-list-text{ font-size: 16px; letter-spacing: 1px; line-height: 45px; color: var(--white-color) !important; font-weight: var(--font-regular); font-family: var(--text-font); margin-left:15px; }
.footer-sec .elementor-icon-list-item > a:hover, .footer-sec .elementor-widget-icon-list .elementor-icon-list-text:hover { color: var(--theme-color) !important; }
.footer-sec h3.elementor-image-box-title { font-size: 16px; letter-spacing: 1px; line-height: 20px; text-transform: uppercase; color: var(--white-color); font-weight: var(--font-medium); font-family: var(--text-font); }
.footer-sec h3.elementor-image-box-title:hover { color: var(--theme-color); }
.footer-sec .elementor-social-icon:hover { border-color: var(--theme-color) !important; }
.footer-sec .elementor-icon-list-item:before{ content:" "; background-image:url("/wp-content/uploads/2024/11/footer-arrow.webp"); background-position:center; background-repeat:no-repeat; background-size: auto; position:absolute; width:20px; height:20px; }
.footer-sec .tnp-form { display:inline-flex; width:100%; }
.footer-sec .tnp-widget-minimal input.tnp-submit { width:30%; background-color: var(--theme-color); border-radius:4px; background-image: url("/wp-content/uploads/2024/11/subscribe-mail.webp"); background-position:center; background-size:auto; background-repeat:no-repeat; }
.footer-sec .tnp-widget-minimal input.tnp-submit:hover { transform: scale(1.1); transition: transform 0.4s ease; transform-origin: center center; }
.footer-sec .tnp-widget-minimal input.tnp-email { border-radius: 4px 0px 0px 4px; margin-right:-2px;  }

#content #counter_sec h3 { color: var(--white-color);  }
#content .suite-sec .elementor-widget-button .elementor-button:hover { background-color: #183170 !important; color: var(--white-color); border: 2px solid #183170; }
#contact_form input[type="text"], #contact_form input[type="number"], #contact_form input[type="email"], #contact_form input[type="url"], #contact_form input[type="password"], #contact_form #contact_form input[type="search"], #contact_form input[type=reset], #contact_form input[type=tel], #contact_form input[type=date], #contact_form select { height:55px; margin-bottom: 20px; }
#contact_form textarea { height:180px; width:100% !important; max-width:100% !important; }
#contact_form p br { display:none; }
#content .booking_form_code {  width: 1170px; margin: 0 auto; background: url(https://blueskies.admiring-wescoff.78-153-200-106.plesk.page/wp-content/uploads/2025/01/book_outer.webp) no-repeat 0px 0px; background-size: 100%; height: 90px;  padding: 10px 12px; border-radius: 10px; }
.booking_form_inner { border: 1px solid #c0c0bf; border: 1px solid #c0c0bf;  display: flex;   height: 100%;  flex-direction: row; flex-wrap: nowrap; align-content: center;  justify-content: space-between;  align-items: center; border-radius: 5px;}
#content .arrival_block { display: flex; flex-direction: row; }
#content .arrival_block .date-range-picker { display: flex; }
#content .arrival_block .search-date-field { width: 192px; }
#content .booking_form_inner button { font-size:14px; text-transform:uppercase; line-height:20px; color:#fff; font-family: var(--text-font); font-weight: var(--font-medium); background: transparent;   box-shadow: none;  width: 100%; border: none; height: 70px; text-align: center;}  
#content .booking_form_inner .dropdown-arrow { margin-left:12px; }
#content .booking_form_inner .booking_form_block  { width:360px; border-right: 1px solid #c0c0bf; position: relative;}
#content .booking_form_inner #homepage-desctop-destination-btn { text-align:left; }
.arrival_block { border-right: 1px solid #c0c0bf; width: 384px; position: relative; }
.guest_btn { width: 198px; position: relative;}
.check_btn  { width: 200px; margin-right: -1px;}
.arrival_search { border-right: 1px solid #c0c0bf; } 
#content .booking_form_inner button.submit-btn { border-radius: 5px;
    background-color: var(--theme-color);
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 20px;
    text-transform: uppercase;
    color: var(--white-color);
    font-weight: var(--font-medium);
    font-family: var(--text-font); 
    padding: 15px 50px; }
#content .booking_form_inner .wpbs-main-wrapper { position:absolute; z-index:9; width: 100%; left: 0; top: 90px;} 
#guests-dropdown, #destination-dropdown { transition-duration: .3s;  transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1);  transition-timing-function: cubic-bezier(.4,0,1,1);  position: absolute; top: 90px;   background: #fff;  width: 100%;  left: 0; box-shadow: 1px 1px 4px #00000026;  padding: 15px 25px; z-index: 9;}
#content .booking_form_inner ul { list-style:none; margin:0; }
#content .booking_form_inner ul li { margin-bottom:10px; border-bottom: 1px solid #c0bfbf45; cursor: pointer;}
.booking_outer .elementor-widget-container { margin-bottom:0; }
#content .elementor-element-326d41b { margin-top:100px; }
#content .booking_form_inner button.submit-btn:hover { background-color: #183170; }
#content .booking_form_inner ul li:hover { color:var(--theme-color); }

.booking_outer  { display:none; }
.elementor-13 .elementor-element.elementor-element-8f0eb9c.elementor-posts--thumbnail-top .elementor-post__thumbnail__link {
    margin-bottom: 0;
}




/******Responsive*****/

@media (min-width: 1600px) and (max-width: 1799px) {

.nav-sec h3.elementor-image-box-title { font-size: 15px; }
.nav-sec .elementor-image-box-wrapper  { padding: 10px 9px; }

}

@media (min-width: 1500px) and (max-width: 1599px) {

.nav-sec h3.elementor-image-box-title { font-size: 14px; }
.nav-sec .elementor-image-box-wrapper  { padding: 10px 5px; }

}



@media (min-width: 1400px) and (max-width: 1499px) {

.elementor-23 .elementor-element.elementor-element-6306c74 .elementor-nav-menu--main .elementor-item { padding-left: 5px; padding-right: 5px; }
.nav-sec h3.elementor-image-box-title { font-size: 14px; }
.nav-sec .elementor-image-box-wrapper  { padding: 10px 5px; }
.elementor-widget-button .elementor-button, .elementor-button { padding: 15px 30px; }
.elementor-23 .elementor-element.elementor-element-de0ded8 { --padding-left: 20px;  --padding-right: 20px; }
#banner_sec { --min-height: 800px; }
#content h1 { font-size: 60px; }
.elementor-13 .elementor-element.elementor-element-e3b71d5 { padding-right:80px; }
.blog-sec h3.elementor-post__title a, .blog-sec h3 { font-size: 24px !important; }
.elementor-13 .elementor-element.elementor-element-8f0eb9c .elementor-post__text { padding: 25px; }
.suite-sec h2.elementor-heading-title {  font-size: 50px !important; }
#content h2 {  font-size: 45px;  line-height: 50px; }
.elementor-745 .elementor-element.elementor-element-bf72c67 .elementor-post__text {
    margin-bottom: 0;
}


}

@media (min-width: 1300px) and (max-width: 1399px) {

.elementor-23 .elementor-element.elementor-element-6306c74 .elementor-nav-menu--main .elementor-item { padding-left: 5px; padding-right: 5px; }
.nav-sec h3.elementor-image-box-title { font-size: 13px; }
.nav-sec .elementor-image-box-wrapper  { padding: 10px 5px; }
.elementor-widget-button .elementor-button, .elementor-button { padding: 15px 30px; }
.elementor-23 .elementor-element.elementor-element-de0ded8 { --padding-left: 20px;  --padding-right: 20px; }
#banner_sec { --min-height: 800px; }
#content h1 { font-size: 60px; }
.elementor-13 .elementor-element.elementor-element-e3b71d5 { padding-right:80px; }
.blog-sec h3.elementor-post__title a, .blog-sec h3 { font-size: 24px !important; }
.elementor-13 .elementor-element.elementor-element-8f0eb9c .elementor-post__text { padding: 25px; }
.suite-sec h2.elementor-heading-title {  font-size: 45px !important; }
#content h3 { font-size: 27px;  line-height: 40px; }
#content h2 {  font-size: 45px;  line-height: 50px; }
.elementor-745 .elementor-element.elementor-element-bf72c67 .elementor-post__text {
    margin-bottom: 0;
}

}

@media (min-width: 1200px) and (max-width: 1299px) {

.elementor-23 .elementor-element.elementor-element-6306c74 .elementor-nav-menu--main .elementor-item { padding-left: 5px; padding-right: 5px; }
.nav-sec h3.elementor-image-box-title { font-size: 13px; }
.nav-sec .elementor-image-box-wrapper  { padding: 10px 5px; }
.elementor-widget-button .elementor-button, .elementor-button { padding: 15px 30px; }
.elementor-23 .elementor-element.elementor-element-de0ded8 { --padding-left: 20px;  --padding-right: 20px; }
#banner_sec { --min-height: 800px; }
#content h1 { font-size: 55px; line-height: 70px; }
.elementor-13 .elementor-element.elementor-element-e3b71d5 { padding-right:80px; }
.blog-sec h3.elementor-post__title a, .blog-sec h3 { font-size: 24px !important; }
.elementor-13 .elementor-element.elementor-element-8f0eb9c .elementor-post__text { padding: 25px; }
.suite-sec h2.elementor-heading-title {  font-size: 50px !important; }
#content h3 { font-size: 27px;  line-height: 40px; }
.elementor-13 .elementor-element.elementor-element-549bc25 { --padding-top: 255px; }
.elementor-745 .elementor-element.elementor-element-bf72c67 .elementor-post__text {
    margin-bottom: 0;
}

}

@media (min-width: 1100px) and (max-width: 1199px) {

.elementor-23 .elementor-element.elementor-element-6306c74 .elementor-nav-menu--main .elementor-item { padding-left: 5px; padding-right: 5px; }
.nav-sec h3.elementor-image-box-title { font-size: 13px; }
.nav-sec .elementor-image-box-wrapper  { padding: 10px 5px; }
.elementor-widget-button .elementor-button, .elementor-button { padding: 15px 30px; }
.elementor-23 .elementor-element.elementor-element-de0ded8 { --padding-left: 20px;  --padding-right: 20px; }
#banner_sec { --min-height: 800px; }
#content h1 { font-size: 55px; line-height: 70px; }
.elementor-13 .elementor-element.elementor-element-e3b71d5 { padding-right:80px; }
.blog-sec h3.elementor-post__title a, .blog-sec h3 { font-size: 24px !important; }
.elementor-13 .elementor-element.elementor-element-8f0eb9c .elementor-post__text { padding: 25px; }
.suite-sec h2.elementor-heading-title {  font-size: 50px !important; }
#content h3 { font-size: 27px;  line-height: 40px; }
.elementor-13 .elementor-element.elementor-element-549bc25 { --padding-top: 255px; }
.elementor-745 .elementor-element.elementor-element-bf72c67 .elementor-post__text {
    margin-bottom: 0;
}

}


@media (max-width: 1024px){
    .nav-sec .elementor-image-box-wrapper { border-radius:0px; border:0px; }
    .nav-sec .elementor-image-box-wrapper figure { border-radius: 50px; border: 2px solid #183170; padding: 5px 5px; }
    .elementor-745 .elementor-element.elementor-element-bf72c67 .elementor-post__text {
    margin-bottom: 0;
}
}

@media (min-width: 1025px) and (max-width: 1200px){
#content h1 { font-size: 45px; line-height: 55px; }
#content h2, .suite-sec h2.elementor-heading-title { font-size: 40px; line-height: 55px; }
#content h3 { font-size: 25px; line-height: 38px; }
#content h4 { font-size: 22px; line-height: 32px; }
#content .booking_form_code { width:100%;background-size: cover; }
.elementor-13 .elementor-element.elementor-element-549bc25 { --padding-top: 255px; }
#content .top-banner .rotate-img {     padding-right: 50px; } 
.elementor-13 .elementor-element.elementor-element-e3b71d5 { --justify-content: flex-end; --align-items: flex-end; }
.suite-sec h2.elementor-heading-title {  font-size: 40px !important; line-height: 55px !important;}

}

@media only screen and (max-width: 1024px){
#content h1 { font-size: 45px; line-height: 55px; }
#content h2, .suite-sec h2.elementor-heading-title { font-size: 40px; line-height: 55px; }
#content h3 { font-size: 25px; line-height: 38px; }
#content h4 { font-size: 22px; line-height: 32px; } 

}

@media (min-width: 881px) and (max-width: 1024px){
#content h1 { font-size: 40px; line-height: 55px; }
#content h2, .suite-sec h2.elementor-heading-title { font-size: 35px; line-height: 45px; }
#content h3 { font-size: 22px; line-height: 32px; }
#content h4 { font-size: 20px; line-height: 30px; } 

#content .booking_form_code { width:100%; background-size: cover;}
#content .booking_form_inner button.submit-btn { padding: 15px; font-size: 14px;}
#content .top-banner .elementor-custom-embed-image-overlay { width: 180px; }
#content .elementor-element-326d41b { margin-top: 0; }
.elementor-13 .elementor-element.elementor-element-549bc25 { padding-bottom:0; }
#content .booking_form_inner button { padding:0 12px; }
.elementor-13 .elementor-element.elementor-element-48a3ea2 { --margin-top: -300px; --padding-top: 290px; --min-height: 700px; }
.suite-sec h2.elementor-heading-title {  font-size: 35px !important; line-height: 45px !important;}





}

@media (min-width: 768px) and (max-width: 880px){
#content h1 { font-size: 35px; line-height: 45px; }
#content h2, .suite-sec h2.elementor-heading-title { font-size: 35px !important; line-height: 45px !important; }
#content h3 { font-size: 22px; line-height: 32px; }
#content h4 { font-size: 20px; line-height: 30px; }  

#content .booking_form_code { width:100%; background-size: cover; height: auto;}
#content .booking_form_inner .booking_form_block { width: 100%; border-bottom: 1px solid #c0c0bf; border-right:none; }
#content .arrival_block .search-date-field {  width: 100%; }
#content .arrival_block .date-range-picker {  display: flex;  justify-content: space-between; width: 100%; }
.arrival_block { width: 100%; max-width: 100%; flex-direction: row; justify-content: space-between; border-bottom: 1px solid #c0c0bf;}
.guest_btn { width: 100%; max-width: 100%; }
.booking_form_inner {   flex-direction: column;  flex-wrap: nowrap; align-content: center;   justify-content: space-between; }
.check_btn { width:100%; margin:0; }
#content .booking_form_inner #departure-dropdown .wpbs-main-wrapper { left:inherit; right:0; }
#content .elementor-element-326d41b {  margin-top: 0; }
#content .booking_form_inner button.submit-btn { padding: 15px; font-size: 14px;}
#content .top-banner .elementor-custom-embed-image-overlay { width: 180px; }
#content .elementor-element-326d41b { margin-top: 0; }
.elementor-13 .elementor-element.elementor-element-549bc25 { padding-bottom:0; }
#content .booking_form_inner button { padding:0 12px; }
.elementor-13 .elementor-element.elementor-element-48a3ea2 { --margin-top: -300px; --padding-top: 290px; --min-height: 700px; }
.elementor-13 .elementor-element.elementor-element-549bc25 { --padding-left: 30px; }
.suite-sec h2.elementor-heading-title {  font-size: 35px !important; line-height: 45px !important;}

}

@media (max-width: 767px){
#content h1 { font-size: 35px; line-height: 45px; }
#content h2, .suite-sec h2.elementor-heading-title { font-size: 30px !important; line-height: 40px !important; }
#content h3 { font-size: 22px; line-height: 32px; }
#content h4 { font-size: 20px; line-height: 30px; }  
#content .booking_form_code { width:100%; background-size: cover;}

#content .booking_form_code { width:100%; background-size: cover; height: auto;}
#content .booking_form_inner .booking_form_block { width: 100%; border-bottom: 1px solid #c0c0bf; border-right:none; }
#content .arrival_block .search-date-field {  width: 100%; }
#content .arrival_block .date-range-picker {  display: flex;  justify-content: space-between; width: 100%; }
.arrival_block { width: 100%; max-width: 100%; flex-direction: row; justify-content: space-between; border-bottom: 1px solid #c0c0bf;}
.guest_btn { width: 100%; max-width: 100%; }
.booking_form_inner {   flex-direction: column;  flex-wrap: nowrap; align-content: center;   justify-content: space-between; }
.check_btn { width:100%; margin:0; }
#content .booking_form_inner #departure-dropdown .wpbs-main-wrapper { left:inherit; right:0; }
#content .elementor-element-326d41b {  margin-top: 0; }
#content .booking_form_inner button.submit-btn { padding: 15px; font-size: 14px;}
#content .top-banner .elementor-custom-embed-image-overlay { width: 150px; }
#content .elementor-element-326d41b { margin-top: 0; }
.elementor-13 .elementor-element.elementor-element-549bc25 { padding-bottom:0; }
#content .booking_form_inner button { padding:0 12px; }
.elementor-13 .elementor-element.elementor-element-48a3ea2 { --margin-top: -300px; --padding-top: 290px; --min-height: 700px; }
.elementor-13 .elementor-element.elementor-element-549bc25 { --padding-left: 30px; }
#content .top-banner .rotate-img { justify-content: center; }
.elementor-widget-button .elementor-button, .elementor-button { padding: 15px 20px; }
#content .absolute_img { position:static; }
.suite-sec h2.elementor-heading-title {  font-size: 30px !important; line-height: 40px !important;}

}

@media (max-width: 480px){

#content h1 { font-size: 28px; line-height: 40px; }
#content h2, .suite-sec h2.elementor-heading-title { font-size: 30px !important; line-height: 40px !important; }
#content h3 { font-size: 22px; line-height: 32px; }
#content h4 { font-size: 16px; line-height: 30px; } 

}