/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

svg, path, rect, circle {
    transition: 0.3s;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - 
- - - - - - - - - - Site Header CSS
- - - - - - - - - - - - - - - - - - - - - - - - - - - */
.navMenu{
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

/* header{
    display: none;
} */

body:not(.home) .elementor-widget-theme-site-logo img{
    filter: invert(1);
}

.headerBtn .elementor-button .elementor-button-content-wrapper .elementor-button-icon svg{
    width: 12px;
    height: 12px;
}
.headerBtn .elementor-button .elementor-button-icon svg path{
    transition: all 0.4s ease;
}
.headerBtn .elementor-button:hover .elementor-button-icon svg path{
    stroke: var(--e-global-color-accent);
}
.headerBtn .elementor-button .elementor-button-content-wrapper .elementor-button-icon svg{
    transition: all 0.4s ease;
}
.headerBtn .elementor-button:hover .elementor-button-content-wrapper .elementor-button-icon svg{
    transform: rotate(45deg);
}
.userIcon .elementor-icon svg path{
    transition: all 0.4s ease;
}
.userIcon .elementor-icon:hover svg path{
    stroke: var(--e-global-color-accent);
}
.userIcon .elementor-icon:hover{
    border-color: var(--e-global-color-accent) !important;
}
.menuIcon .elementor-icon svg path{
    transition: all 0.4s ease;
}
.menuIcon .elementor-icon:hover svg path{
    fill: var(--e-global-color-accent);
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - 
- - - - - - - - - - Homepage CSS
- - - - - - - - - - - - - - - - - - - - - - - - - - - */
.houseImg img{
    transition: all 0.4s ease;
    border-radius: 40px !important;
    border: 1px solid #C3C3C3 !important;
}
.houseImg img:hover{
    border-radius: 20px !important;
    border: 1px solid transparent !important;
    box-shadow: 0 4px 50px #0000001A;
}
.bg-text h1{
    color: transparent !important;
    background-image: url('https://medellinpenthouses.com/wp-content/uploads/2026/02/rooms-banner.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center left;
    background-clip: text;
}

.pageBtn .elementor-button .elementor-button-content-wrapper .elementor-button-icon svg{
    width: 12px;
    height: 12px;
}
.pageBtn .elementor-button .elementor-button-icon svg path{
    transition: all 0.4s ease;
}
.pageBtn .elementor-button:hover .elementor-button-icon svg path{
    stroke: #212121;
}
.pageBtn .elementor-button .elementor-button-content-wrapper .elementor-button-icon svg{
    transition: all 0.4s ease;
}
.pageBtn .elementor-button:hover .elementor-button-content-wrapper .elementor-button-icon svg{
    transform: rotate(45deg);
}
.servIcon::after{
    content: '';
    height: 60px;
    width: 60px;
    background: linear-gradient(180deg, rgba(16, 16, 16, 0.2) 0%, rgba(16, 16, 16, 0) 100%);
    border-radius: 100px;
    position: absolute;
    top: 0;
    left: 0;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - 
- - - - - Home Page Room Search CSS
- - - - - - - - - - - - - - - - - - - - - - - - - - - */
.roomSearch #hostaway-booking-widget > .hsbw {
    max-width: 100%;
    box-shadow: 0 4px 50px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
}
.roomSearch #hostaway-booking-widget > .hsbw > .hsbw-grid.hsbw-grid--locations {
    display: flex;
    flex-wrap: wrap;
    padding: 16px 20px;
    gap: 88px;
    flex-direction: row;
    justify-content: center;
}
.roomSearch #hostaway-booking-widget > .hsbw > .hsbw-grid.hsbw-grid--locations > div.hsbw-dates {
    width: calc(40% - 88px);
    column-gap: 88px;
}
.roomSearch #hostaway-booking-widget > .hsbw > .hsbw-grid.hsbw-grid--locations > div {
    width: calc(22% - 88px);
}
.roomSearch #hostaway-booking-widget > .hsbw > .hsbw-grid.hsbw-grid--locations .hsbw-field-content label.hsbw-label, .roomSearch #hostaway-booking-widget > .hsbw > .hsbw-grid.hsbw-grid--locations .hsbw-main-button, 
.roomSearch #hostaway-booking-widget > .hsbw > .hsbw-grid.hsbw-grid--locations .hsbw-field-content .hsbw-value, 
.roomSearch #hostaway-booking-widget > .hsbw > .hsbw-grid.hsbw-grid--locations .hsbw-field-content label.hsbw-label .hsbw-location-search, 
.roomSearch #hostaway-booking-widget > .hsbw > .hsbw-grid.hsbw-grid--locations .hsbw-grid_guests .hsbw-popup_inner div {
    color: var(--e-global-color-ed59e9f);
    font-family: var(--e-global-typography-762e949-font-family);
    font-size: var(--e-global-typography-762e949-font-size);
    font-weight: var(--e-global-typography-762e949-font-weight);
    line-height: var(--e-global-typography-762e949-line-height);
}
.roomSearch #hostaway-booking-widget > .hsbw > .hsbw-grid.hsbw-grid--locations .hsbw-grid_buttons {
    text-align: right;
}
.roomSearch #hostaway-booking-widget > .hsbw > .hsbw-grid.hsbw-grid--locations .hsbw-main-button {
    color: var(--e-global-color-accent);
    background: var(--e-global-color-ed59e9f);
    padding: 15px 70px 15px 40px;
    width: fit-content;
    margin-right: 0;
    transition: 0.3s;
    position: relative;
    overflow: hidden;
    border: 1px solid transparent;
}
.roomSearch #hostaway-booking-widget > .hsbw > .hsbw-grid.hsbw-grid--locations .hsbw-main-button:hover {
    color: var(--e-global-color-ed59e9f);
    border: 1px solid var(--e-global-color-ed59e9f);
    background: transparent;
}
.roomSearch #hostaway-booking-widget > .hsbw > .hsbw-grid.hsbw-grid--locations .hsbw-main-button::before {
    content: '';
    width: 12px;
    position: absolute;
    height: 12px;
    top: calc(50% - 6px);
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 11L11 1M11 1H1M11 1V11' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    right: 40px;
    pointer-events: none;
    transition: 0.3s;
}
.roomSearch #hostaway-booking-widget > .hsbw > .hsbw-grid.hsbw-grid--locations .hsbw-main-button:hover::before {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 11L11 1M11 1H1M11 1V11' stroke='%23212121' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    transform: rotate(45deg);
}
.roomSearch #hostaway-booking-widget > .hsbw > .hsbw-grid.hsbw-grid--locations .hsbw-field {
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    padding: 0;
}
.roomSearch #hostaway-booking-widget > .hsbw > .hsbw-grid.hsbw-grid--locations > div {
    position: relative;
}
.roomSearch #hostaway-booking-widget > .hsbw > .hsbw-grid.hsbw-grid--locations > div:not(:nth-last-of-type(2), :last-of-type)::before, 
.roomSearch #hostaway-booking-widget > .hsbw > .hsbw-grid.hsbw-grid--locations > div.hsbw-dates::after {
    content: '';
    width: 1px;
    position: absolute;
    height: 100%;
    top: 0;
    background: #DDDDDD;
    right: -44px;
}
.roomSearch #hostaway-booking-widget > .hsbw > .hsbw-grid.hsbw-grid--locations .hsbw-field-icon {
    margin-right: 0;
    border: 0;
    background: transparent;
}
.roomSearch #hostaway-booking-widget > .hsbw > .hsbw-grid.hsbw-grid--locations .hsbw-field-icon svg {
    width: 22px;
    height: 22px;
}
.roomSearch #hostaway-booking-widget > .hsbw > .hsbw-grid.hsbw-grid--locations > div.hsbw-dates::after {
    right: 50%;
}
.roomSearch #hostaway-booking-widget > .hsbw > .hsbw-grid.hsbw-grid--locations .hsbw-field-content label.hsbw-label:has(+ .hsbw-value:not(:empty)), 
.roomSearch #hostaway-booking-widget > .hsbw > .hsbw-grid.hsbw-grid--locations .hsbw-field-content label.hsbw-label:has(.hsbw-location-search[disabled]) {
    font-weight: 700;
}
.roomSearch #hostaway-booking-widget > .hsbw > .hsbw-grid.hsbw-grid--locations .hsbw-grid_guests .hsbw-popup_inner div button.hsbw-count-btn {
    padding: 0;
    width: 22px;
    height: 22px;
    border-width: 1px;
}
.roomSearch #hostaway-booking-widget > .hsbw > .hsbw-grid.hsbw-grid--locations .hsbw-grid_guests .hsbw-popup_inner {
    padding: 15px 20px;
    border-radius: 12px;
}
.roomSearch #hostaway-booking-widget > .hsbw > .hsbw-grid.hsbw-grid--locations .hsbw-grid_guests .hsbw-popup_inner button.hsbw-count-btn::after {
    transform: translate(-50%, -50%) scale(0.8);
}
.roomSearch #hostaway-booking-widget > .hsbw > .hsbw-grid.hsbw-grid--locations .hsbw-calendar button.hsbw-button.hsbw-calendar-button {
    border: 0;
    box-shadow: 0 2px 2px rgba(33, 33, 33, 0.3);
}

.rooms-swiper {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 22px;
  overflow: hidden;
}
.rooms-swiper .swiper-wrapper, .rooms-swiper .swiper-slide {
  width: 100%;
  height: 100%;
}
.rooms-swiper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  aspect-ratio: 2/2;
}
.rooms-swiper .swiper-button-next, .rooms-swiper .swiper-button-prev {
    width: 42px;
}
.rooms-swiper .swiper-button-next::after, .rooms-swiper .swiper-button-prev::after {
  font-size: 14px;
  color: #fff;
}
.rooms-swiper .swiper-wrapper {
    display: flex !important;
    flex-wrap: nowrap !important;
}
.rooms-swiper .swiper-slide {
    flex-shrink: 0;
    width: 100% !important; /* ensures single slide per view */
    box-sizing: border-box;
    min-width: 0; /* fixes iOS overflow issue */
}
.rooms-swiper [class*="swiper-button"]::after {
    display: none;
}
.rooms-swiper.swiper {
    aspect-ratio: 108 / 89;
}
.rooms-swiper [class*="swiper-button"] {
    top: auto;
    bottom: 21px;
    backdrop-filter: blur(15px);
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    overflow: hidden;
}
.rooms-swiper .swiper-button-next {
    right: 20px;
}
.rooms-swiper .swiper-button-prev {
    left: 20px;
}
.rooms-swiper [class*="swiper-button"]:hover svg path {
    stroke: var(--e-global-color-primary)
}
.elementor-element.raTing::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.8198 6.33951L12.316 9.75501L13.1435 14.579C13.1612 14.6825 13.1496 14.7888 13.1101 14.886C13.0705 14.9832 13.0045 15.0674 12.9196 15.1291C12.8347 15.1908 12.7342 15.2275 12.6296 15.235C12.5249 15.2426 12.4202 15.2207 12.3273 15.1719L7.9949 12.8943L3.66309 15.1713C3.5702 15.2202 3.46549 15.242 3.36081 15.2345C3.25613 15.2269 3.15565 15.1902 3.07074 15.1285C2.98582 15.0669 2.91986 14.9827 2.8803 14.8854C2.84075 14.7882 2.82918 14.6819 2.8469 14.5785L3.67434 9.75445L0.169965 6.33951C0.0947466 6.26623 0.0415454 6.17335 0.0163839 6.07139C-0.0087775 5.96944 -0.00489425 5.86247 0.0275941 5.7626C0.0600824 5.66274 0.119878 5.57396 0.200213 5.50633C0.280548 5.43869 0.378213 5.39489 0.482153 5.37989L5.32472 4.67676L7.49034 0.288141C7.6799 -0.0960469 8.3099 -0.0960469 8.49947 0.288141L10.6651 4.67676L15.5077 5.37989C15.6114 5.39528 15.7087 5.4393 15.7888 5.50698C15.8688 5.57467 15.9284 5.66334 15.9609 5.76304C15.9933 5.86274 15.9973 5.96951 15.9724 6.07134C15.9475 6.17318 15.8946 6.26605 15.8198 6.33951Z' fill='%23212121'/%3E%3C/svg%3E%0A");
    width: 16px;
    height: 100%;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 16px;
    vertical-align: middle;
    background-position-y: 3px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - 
- - - - - - - - - - Aboutpage CSS
- - - - - - - - - - - - - - - - - - - - - - - - - - - */
.teamDetailsBox{
    transform: translateX(-50%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.teamSlider .swiper-pagination{
    top: 100% !important;
    margin-top: 74px;
    height: 1px !important;
    background: #B0CBEA !important;
}
.swiper-pagination-progressbar-fill{
    height: 3px !important;
    background: #212121 !important;
    top: -1px !important;
}




/* - - - - - - - - - - - - - - - - - - - - - - - - - - - 
- - - - - - - - - - Contact Us CSS
- - - - - - - - - - - - - - - - - - - - - - - - - - - */
.ctaBox a::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0,0,0,0);
}

.contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields{
    row-gap: 15px;
    column-gap: 15px;
}
.contactUs .elementor-shortcode .gform_wrapper .gform_heading{
    padding-left: 20px;
}
.contactUs .elementor-shortcode .gform_wrapper .gform_heading .gform_required_legend,
.contactUs .elementor-shortcode .gform_wrapper .gform_heading .gform_description{
    display: none;
}
.contactUs .elementor-shortcode .gform_wrapper .gform_heading .gform_title{
    font-size: 35px;
    line-height: 40px;
    margin: 0 0 30px 0 !important; 
}
.contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields input:not([type="submit"]){
    height: 55px;
    padding: 10px 20px;
    background: #F5F5F5;
    border: 1px solid #D7D7D7;
    border-radius: 5px;
    box-shadow: none;
    font-size: 17px;
    font-weight: 300;
    color: #212121;
}
.contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields input:focus,
.contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields textarea:focus{
    outline: none;
    border-color: #212121;
}
.contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields textarea{
    padding: 19px 20px;
    background: #F5F5F5;
    border: 1px solid #D7D7D7;
    border-radius: 5px;
    box-shadow: none;
    font-size: 17px;
    font-weight: 300;
    color: #212121;
    resize: none;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow-wrap: break-word;
}
.contactUs .elementor-shortcode .gform_wrapper form .gform_footer input[type="submit"].gform_button{
    border-radius: 90px;
    box-shadow: none;
    border: 1px solid #212121;
    background: #212121;
    padding: 25px 42px;
    font-size: 17px;
    font-weight: 300;
    color: #fff;
}
.contactUs .elementor-shortcode .gform_wrapper form .gform_footer input[type="submit"].gform_button:focus{
    outline: none;
}
.contactUs .elementor-shortcode .gform_wrapper form .gform_footer input[type="submit"].gform_button:hover{
    background: #fff;
    color: #212121;
    border: 1px solid #212121;
}
.contactUs .elementor-shortcode .gform_wrapper form .gform_footer{
    margin-block-start: 15px;
}
.contactUs .elementor-shortcode .gform_wrapper form .gform_body{
    padding-left: 20px;
}
.contactUs .elementor-shortcode .gform_wrapper .gform_validation_errors{
    display: none;
}

/* validation box */
/* .contactUs .gfield {
    position: relative;
} 
.contactUs .validation_message {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    z-index: 1;
    width: 30px !important;
    min-height: 25px !important;
    border-radius: 50px;
    padding: 5px 35px 5px 10px !important;
    overflow: hidden;
    font-size: 0 !important;
    background-color: #fff !important;
    line-height: 1.2 !important;
    cursor: help;
    background: url(img/info.png) right center no-repeat !important;
    background-size: 20px !important;
    margin: 0 !important;
    border: 1px solid transparent !important;
}
 
 
.contactUs .validation_message:hover {
    font-size: 10px !important;
    max-width: calc(100% - 20px) !important;
    width: auto !important;
    border: 1px solid #c02b0a !important;
    transition: all 0.3s ease-in-out;
    background-color: #fff !important;
} */

.contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .gfield_contains_required:has(.gfield_validation_message) input:not([type="submit"]){
   border: 1px solid #c02b0a;
}

.contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .grecaptcha-badge{
    z-index: 10;
}





/* - - - - - - - - - - - - - - - - - - - - - - - - - - - 
- - - - - - - - - - Footer CSS
- - - - - - - - - - - - - - - - - - - - - - - - - - - */

.reviewSlider .slider-content {
	text-align:center;
}
.reviewSlider .slider-content h5{
    margin-bottom: 0;
}
.reviewSlider .slider-content p{
    padding: 28px 40px 15px 40px;
    margin: 0 auto;
    max-width: 786px;
    /* background-image: url("data:image/svg+xml,%3Csvg width='92' height='81' viewBox='0 0 92 81' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36.9601 16.0835C39.2608 15.1202 40.2256 12.3783 39.1866 10.1552L35.5499 2.52239C34.5109 0.374096 31.9875 -0.590006 29.761 0.374096C23.4526 3.04186 18.0347 6.52479 13.7301 10.7488C8.46074 15.713 4.89832 21.4191 2.96868 27.718C1.03904 34.0917 0 42.7612 0 53.8028V76.553C0 78.9984 2.00386 80.9993 4.45302 80.9993H33.6203C36.0695 80.9993 38.0733 78.9984 38.0733 76.553V47.4298C38.0733 44.9836 36.0695 42.9836 33.6203 42.9836H19.6675C19.8159 35.4982 21.5971 29.4965 24.8627 24.9754C27.5345 21.3457 31.5422 18.3815 36.9601 16.0835ZM89.3573 16.0835C91.658 15.1202 92.6221 12.3783 91.5838 10.1552L87.9472 2.59724C86.9081 0.448201 84.3847 -0.51516 82.1582 0.448201C75.924 3.11597 70.5796 6.59889 66.2016 10.7488C60.9314 15.7879 57.2955 21.4939 55.3651 27.7928C53.4355 34.0169 52.4714 42.6879 52.4714 53.8036V76.5537C52.4714 78.9992 54.4753 81 56.9244 81H86.0917C88.5409 81 90.5447 78.9992 90.5447 76.5537V47.4306C90.5447 44.9844 88.5409 42.9843 86.0917 42.9843H72.0647C72.2131 35.499 73.9951 29.4972 77.2599 24.9761C79.9317 21.3457 83.9394 18.3815 89.3573 16.0835Z' fill='%23EBEBEB' fill-opacity='0.2'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 92px; */
}
.reviewSlider .slider-section .slick-slide img{
    border-radius: 50%;
}
.reviewSlider .slider-section .slick-current img{
    border-radius: 50%;
}
.reviewSlider .slider-section .slider-items img {
    transition: all 0.3s ease-in-out;
    display: inline-block;
}
.reviewSlider .slider-section .slider-for .slider-items {
    text-align: center;
}
.reviewSlider .slider-section .slider-for{
    margin: 0 auto;
    max-width: 992px;
    width: 100%;
}
.reviewSlider .slider-section .slider-nav {
    margin:auto;
    width: 100%;
    max-width: 578px;
}
.reviewSlider .slick-current img , .slick-active img {
	transition: 0.3s ease;
}
 
.reviewSlider .slick-current.slick-active img {
	transform: scale(1) !important;
    filter: unset;
    opacity: 1;
    border: 9px solid #ffffff78;
    box-shadow: 0 4px 11px #00000033;
}
 
.reviewSlider .slick-active.sl-prev img{
    transform: scale(0.7) !important;
    mix-blend-mode: luminosity;
    opacity: 1;
}
.reviewSlider .slick-active.sl-next img{
    transform: scale(0.7) !important;
    filter: grayscale(1);
    opacity: 1;
}
 
.reviewSlider .slick-active img {
	transform: scale(0.5) !important;
    filter: grayscale(1);
    opacity: 0.4;
}

.reviewSlider .slick-arrow{
    font-size: 0px;
    height: 60px;
    width: 60px;
    background: transparent;
    border: 0;
    padding: 0;
    color: transparent;
    border-radius: 0;
}
.reviewSlider .slick-arrow:hover{
    background: transparent;
    border: 0;
    color: transparent;
}
.reviewSlider .slick-arrow:focus{
    background: transparent;
    color: transparent;
}
.reviewSlider .slick-prev{
    left: -120px;
    top: 0;
}
.reviewSlider .slick-next{
    right: -120px;
    top: 0;
}
.reviewSlider .slick-next::before{
    content: '' !important;
    background-image: url("data:image/svg+xml,%3Csvg width='62' height='62' viewBox='0 0 62 62' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31 43L43 31M43 31L31 19M43 31H19M61 31C61 47.5685 47.5685 61 31 61C14.4315 61 1 47.5685 1 31C1 14.4315 14.4315 1 31 1C47.5685 1 61 14.4315 61 31Z' stroke='%23212121' stroke-opacity='0.2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 60px;
    width: 60px;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    transition: all 0.4s ease;
}
.reviewSlider .slick-next:hover::before{
    background-image: url("data:image/svg+xml,%3Csvg width='62' height='62' viewBox='0 0 62 62' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31 43L43 31M43 31L31 19M43 31H19M61 31C61 47.5685 47.5685 61 31 61C14.4315 61 1 47.5685 1 31C1 14.4315 14.4315 1 31 1C47.5685 1 61 14.4315 61 31Z' stroke='%23212121' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.reviewSlider .slick-prev::before{
    content: '' !important;
    background-image: url("data:image/svg+xml,%3Csvg width='62' height='62' viewBox='0 0 62 62' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31 43L19 31M19 31L31 19M19 31H43M1 31C1 47.5685 14.4315 61 31 61C47.5685 61 61 47.5685 61 31C61 14.4315 47.5685 1 31 1C14.4315 1 1 14.4315 1 31Z' stroke='%23212121' stroke-opacity='0.2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 60px;
    width: 60px;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    transition: all 0.4s ease;
}
.reviewSlider .slick-prev:hover::before{
    background-image: url("data:image/svg+xml,%3Csvg width='62' height='62' viewBox='0 0 62 62' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31 43L19 31M19 31L31 19M19 31H43M1 31C1 47.5685 14.4315 61 31 61C47.5685 61 61 47.5685 61 31C61 14.4315 47.5685 1 31 1C14.4315 1 1 14.4315 1 31Z' stroke='%23212121' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}






/* - - - - - - - - - - - - - - - - - - - - - - - - - - - 
- - - - - - - - - - Zoom CSS
- - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width: 1201px) and (max-width: 1750px){
    html{
        zoom: 0.85;
        zoom: 85%;
    }
}





/* - - - - - - - - - - - - - - - - - - - - - - - - - - - 
- - - - - - - - - - Responsive CSS
- - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width: 1201px) and (max-width: 1440px){
    .bg-text h1{
        font-size: 280px !important;
        line-height: 280px !important;
    }
}

@media only screen and (max-width: 1200px){
    .servIcon::after{
        height: 50px;
        width: 50px;
    }

    .reviewSlider .slick-prev{
        left: 0px;
        top: 0;
    }
    .reviewSlider .slick-next{
        right: 0px;
        top: 0;
    }
    .reviewSlider .slick-arrow{
        height: 40px;
        width: 40px;
    }
    .reviewSlider .slick-next::before{
        height: 40px;
        width: 40px;
    }
    .reviewSlider .slick-prev::before{
        height: 40px;
        width: 40px;
    }

    .teamSlider .swiper-pagination{
        margin-top: 65px;
    }

    .contactUs .elementor-shortcode .gform_wrapper .gform_heading .gform_title{
        font-size: 30px;
        line-height: 35px;
        margin: 0 0 20px 0 !important; 
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields input:not([type="submit"]){
        height: 50px;
        padding: 10px 15px;
        font-size: 16px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields textarea{
        padding: 17px 15px;
        font-size: 16px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_footer input[type="submit"].gform_button{
        padding: 15px 30px;
        font-size: 16px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_body{
        padding-left: 15px;
    }
    .contactUs .elementor-shortcode .gform_wrapper .gform_heading{
        padding-left: 15px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_footer{
        margin-block-start: 9px;
    }
    .roomSearch #hostaway-booking-widget > .hsbw > .hsbw-grid.hsbw-grid--locations {
        zoom: 0.90;
        zoom: 90%;
        gap: 50px;
    }
    .roomSearch #hostaway-booking-widget > .hsbw > .hsbw-grid.hsbw-grid--locations > div:not(:nth-last-of-type(2), :last-of-type)::before {
        right: -25px;
    }
    .roomSearch #hostaway-booking-widget > .hsbw > .hsbw-grid.hsbw-grid--locations > div {
        width: calc(21% - 50px);
    }
    .roomSearch #hostaway-booking-widget > .hsbw > .hsbw-grid.hsbw-grid--locations > div.hsbw-dates {
        width: calc(40% - 50px);
        column-gap: 50px;
    }
    .rooms-swiper .swiper-button-next, .rooms-swiper .swiper-button-prev {
        width: 30px;
        height: 30px;
    }
    .rooms-swiper [class*="swiper-button"] {
        bottom: 10px;
    }
    .rooms-swiper .swiper-button-next {
        right: 10px;
    }
    .rooms-swiper .swiper-button-prev {
        left: 10px;
    }
}

@media only screen and (max-width: 1024px){
    .headerBtn .elementor-button .elementor-button-content-wrapper .elementor-button-icon svg{
        width: 10px;
        height: 10px;
    }
    .headerBtn .elementor-button .elementor-button-content-wrapper {
        gap: 10px !important;
    }
    .teamSlider .swiper-pagination{
        margin-top: 45px;
    }

    .contactUs .elementor-shortcode .gform_wrapper .gform_heading .gform_title{
        font-size: 25px;
        line-height: 30px;
        margin: 0 0 20px 0 !important; 
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields input:not([type="submit"]){
        height: 45px;
        padding: 5px 10px;
        font-size: 15px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields textarea{
        padding: 15px 10px;
        font-size: 15px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_footer input[type="submit"].gform_button{
        padding: 10px 20px;
        font-size: 15px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_body{
        padding-left: 10px;
    }
    .contactUs .elementor-shortcode .gform_wrapper .gform_heading{
        padding-left: 10px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_footer{
        margin-block-start: 7px;
    }
    .roomSearch #hostaway-booking-widget > .hsbw > .hsbw-grid.hsbw-grid--locations .hsbw-main-button {
        padding: 10px 40px 10px 20px;
        height: fit-content;
    }
    .roomSearch #hostaway-booking-widget > .hsbw > .hsbw-grid.hsbw-grid--locations .hsbw-main-button::before {
        width: 10px;
        height: 10px;
        right: 20px;
        background-size: contain;
    }
    .roomSearch #hostaway-booking-widget > .hsbw > .hsbw-grid.hsbw-grid--locations .hsbw-field-icon svg {
        width: 18px;
        height: 18px;
    }
    .roomSearch #hostaway-booking-widget > .hsbw > .hsbw-grid.hsbw-grid--locations {
        padding: 10px 20px;
        gap: 30px;
    }
    .roomSearch #hostaway-booking-widget > .hsbw > .hsbw-grid.hsbw-grid--locations > div {
        width: calc(21% - 15px);
    }
    .roomSearch #hostaway-booking-widget > .hsbw > .hsbw-grid.hsbw-grid--locations > div.hsbw-dates {
        width: calc(35% - 30px);
        column-gap: 30px;
    }
    .roomSearch #hostaway-booking-widget > .hsbw > .hsbw-grid.hsbw-grid--locations .hsbw-field-icon {
        width: 18px;
        height: 18px;
    }
    .roomSearch #hostaway-booking-widget > .hsbw > .hsbw-grid.hsbw-grid--locations > div:not(:nth-last-of-type(2), :last-of-type)::before {
        right: -15px;
    }
    .elementor-element.loca {
        zoom: 0.70;
        zoom: 70%;
    }
}

@media only screen and (max-width: 880px){
    .servIcon::after{
        height: 40px;
        width: 40px;
    }

    .contactUs .elementor-shortcode .gform_wrapper .gform_heading .gform_title{
        font-size: 20px;
        line-height: 25px;
        margin: 0 0 20px 0 !important; 
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields input:not([type="submit"]){
        height: 40px;
        padding: 5px 10px;
        font-size: 14px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields textarea{
        padding: 15px 10px;
        font-size: 14px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_footer input[type="submit"].gform_button{
        padding: 10px 20px;
        font-size: 14px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_body{
        padding-left: 10px;
    }
    .contactUs .elementor-shortcode .gform_wrapper .gform_heading{
        padding-left: 10px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_footer{
        margin-block-start: 7px;
    }
}


@media only screen and (max-width: 767px){
    .reviewSlider .slick-next{
        top: unset;
        bottom: -80px;
        right: 35%;
    }
    .reviewSlider .slick-prev{
        top: unset;
        bottom: -80px;
        left: 35%;
    }
    .reviewSlider .slider-content p{
        padding: 20px 15px 15px 15px;
    }

    .teamSlider .swiper-pagination{
        margin-top: 35px;
    }
    .contactUs .elementor-shortcode .gform_wrapper .gform_heading .gform_title{
        text-align: center;
        font-size: 20px;
        line-height: 25px;
        margin: 0 0 20px 0 !important; 
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_body{
        padding-left: 0px;
    }
    .contactUs .elementor-shortcode .gform_wrapper .gform_heading{
        padding-left: 0px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_footer input[type="submit"].gform_button{
        width: 100%;
    }
    .contactUs .elementor-shortcode .gform-theme--foundation .gform-loader {
        position: absolute !important;
        right: 0;
        opacity: 0;
    }
    .elementor-element.loca, .roomSearch #hostaway-booking-widget > .hsbw > .hsbw-grid.hsbw-grid--locations {
        zoom: 0.100;
        zoom: 100%;
    }
    .roomSearch #hostaway-booking-widget > .hsbw > .hsbw-grid.hsbw-grid--locations {
        gap: 0 30px;
    }
    .roomSearch #hostaway-booking-widget > .hsbw > .hsbw-grid.hsbw-grid--locations > div:not(:nth-last-of-type(2), :last-of-type)::before {
        display: none;
    }
    .roomSearch #hostaway-booking-widget > .hsbw > .hsbw-grid.hsbw-grid--locations .hsbw-grid_locations {
        width: 100% !important;
    }
    .roomSearch #hostaway-booking-widget > .hsbw > .hsbw-grid.hsbw-grid--locations > div {
        width: calc(50% - 15px);
    }
    .roomSearch #hostaway-booking-widget > .hsbw > .hsbw-grid.hsbw-grid--locations > div.hsbw-dates {
        width: 100% !important;
        column-gap: 30px;
        grid-template-columns: minmax(auto, 100%) minmax(auto, 100%);
    }
    .roomSearch #hostaway-booking-widget > .hsbw > .hsbw-grid.hsbw-grid--locations .hsbw-dates {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
    .roomSearch #hostaway-booking-widget > .hsbw > .hsbw-grid.hsbw-grid--locations .hsbw-main-button {
        padding: 8px 30px 8px 12px;
    }
    .roomSearch #hostaway-booking-widget > .hsbw > .hsbw-grid.hsbw-grid--locations .hsbw-main-button::before {
        width: 8px;
        height: 8px;
        right: 12px;
        top: calc(50% - 4px);
    }
    .roomSearch #hostaway-booking-widget > .hsbw > .hsbw-grid.hsbw-grid--locations .hsbw-grid_buttons {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        align-items: flex-end;
        padding-right: 0;
    }
}
@media only screen and (max-width: 575px) {
    .roomPage .elementor-loop-container.elementor-grid {
        grid-template-columns: repeat(1, 1fr);
    }
}