/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
.main-header {
    opacity: 0;
    height: 0;
    overflow: hidden;
}

#hs_cos_wrapper_nav_button {
    position: relative;
}

.main-header.normal-header {
    height: auto;
    overflow: unset;
}

.dnd-section>.row-fluid {
    padding: 0px;
}

.dnd-section .dnd-module.widget-span {
    padding: 0px;
}

.w-full {
    width: 100%;
}

.d-flex {
    display: flex;
}

.position-relative {
    position: relative;
}

.dnd-section {
    padding: 0px;
}

.flex-col {
    flex-direction: column;
}

.cust-container.d-flex {
    max-width: 1248px;
    margin: 0px auto;
}

.mt-180 {
    margin-top: 180px;
}

.area-content-sec p a {
    color: #333333 !important;
}

.heading-info-box h4,
.heading-info-box .heading-info-box-subtitle {
    font-size: 30px;
    line-height: 33px;
    margin-bottom: 0;
    font-weight: 400;
    color: #333333;
    font-family: "Raleway", sans-serif;
}

.heading-info-box h2,
.heading-info-box .heading-info-box-title {
    color: #3F5864;
    font-size: 70px;
    line-height: 73px;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 0px;
    font-family: "Raleway", sans-serif;
}

.text-center {
    text-align: center;
}

.outer-hidden {
    overflow: hidden;
}

/*single room amenities section css start*/
section.full-width-sec {
    background: #f6f6f6 !important;
    padding-bottom: 140px;
    margin-top: -81px !important;
}

section.full-width-sec h4.heading {
    background: #F6F6F6 !important;
}

/*single room amenities section css end*/
/*coon sec got heading , small heading , infobox */
.common-cust-info-sec {
    text-align: center;
}

.common-cust-info-sec .text-info-center-sec {
    color: #444444 !important;
}

.hs-content-id-164411269634 .common-cust-info-sec .text-info-center-sec {
    color: #7a7a7a !important;
}

.common-cust-info-sec .small-heading,
.common-cust-info-sec .small-heading h4 div {
    font-size: 30px;
    line-height: 33px;
    color: #333333;
    font-family: "Raleway", sans-serif;
    font-weight: 300;
    margin-bottom: 10px;
}

.common-cust-info-sec .cust-sec-heading,
.common-cust-info-sec .cust-sec-heading h2 div {
    font-size: 70px;
    line-height: 73px;
    color: #3F5864;
    font-weight: 400;
    margin-bottom: 26px;
    font-family: "Raleway", sans-serif;
}

.common-cust-info-sec .text-info-center-sec {
    max-width: 800px;
    margin: 0px auto;
    color: #444444;
    font-size: 18px;
    line-height: 24px;
    font-family: "Raleway", sans-serif;
}

button.button-link.cust-btn {
    background: transparent;
    border: none;
    border-bottom: 1px solid #333333;
    width: 157px;
    max-width: none;
    font-size: 18px;
    line-height: 27px;
    color: #333333;
    padding: 0 0 5px 0;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: "Raleway", sans-serif;
    font-weight: 500;
}

header.main-header.home-header {
    background-color: transparent !important;
    position: fixed;
    transition: 0.3s ease;
}

header.main-header.home-header .site-logo-sec {
    filter: brightness(0) invert(1);
    opacity: 0;
}

header.main-header.home-header .header-column.header-navigation {
    /*     filter: invert(1); */
    transition: 0.3s ease;
}

header.main-header.home-header .header-container.content-wrapper {
    border: none;
}

header.main-header.home-header.sticky .site-logo-sec {
    opacity: 1;
    transition: 0.3s ease;
}

header.main-header.home-header {
    top: 50px;
}

header.main-header.home-header.sticky {
    top: 0px;
}

header.main-header.home-header.sticky {
    background: #161616 !important;
    transition: 0.3s ease;
}

header.main-header .header-container.content-wrapper {
    padding: 14px 0 14px 0;
    max-width: 1280px;
    margin-top: 0px
}

.main-header.normal-header .header-container.content-wrapper {
    padding: 39px 0px;
}

header.main-header.home-header.sticky img {
    height: 60px;
    object-fit: contain;
}

.popup-navigation-wrapper .offer-form-box.show form {
    max-width: 490px;
    margin: 0px auto;
}

.popup-navigation-wrapper .main-logo img {
    margin-bottom: 20px;
}

.main-footer--bottom .content-wrapper {
    width: 100%;
    max-width: none;
    padding: 0;
    background: #3F5864;
}

.main-footer--bottom .content-wrapper .cust-container {
    background: #3F5864;
    color: #FFFFFF;
    font-family: "Raleway", sans-serif;
    padding: 17px 0px;
    width: 100%;
    position: relative;
    overflow: visible;
    max-width: 1280px;
    margin: 0px auto;
    display: flex;
    justify-content: space-between;
}

.main-footer--bottom .content-wrapper .cust-container a {
    color: #ffffff;
}

/*Footer css start*/
.d-flex.ft-top {
    flex-wrap: wrap;
    width: 100%;
    max-width: 1440px;
    margin: 0px auto;
    justify-content: center;
}

.main-footer--bottom {
    padding-top: 0px;
    display: flex;
    flex-direction: column;
    padding-bottom: 0px;
}

.footer-form-sec {
    background: #021521;
    width: 41%;
    padding: 120px 100px;
    color: #fff;
}

.footer-form-sec h2 {
    font-size: 40px;
    line-height: 42px;
    font-family: "Raleway", sans-serif;
    font-weight: 400;
    text-transform: capitalize;
    max-width: 293px;
    margin-bottom: 35px !important;
}

.footer-form-sec p {
    width: 341px;
    color: #575757;
    font-family: "Raleway", sans-serif;
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 46px !important;
}

.right-col.d-flex {
    width: 48%;
    background: #000F18;
}

.footer-social-sec {
    width: 50%;
    padding-left: 100px;
    padding-top: 135px;
}

.footer-top-sec {
    display: flex;
    flex-wrap: wrap;
    width: 50%;
    padding-top: 135px;
    gap: 100px;
}

.footer-form-sec .input input {
    background: transparent;
    border: none;
    border-bottom: 1px solid #3C3C3C;
    padding-left: 0;
    padding-right: 40px;
    color: #5C5C5C;
    font-family: "Raleway", sans-serif;
    font-size: 16px;
    line-height: 23px;
}

.footer-form-sec .hs_submit.hs-submit {
    position: absolute;
    top: 0;
    right: 0;
}

.footer-form-sec form {
    position: relative;
}

.footer-form-sec .hs_submit.hs-submit input {
    margin-top: 0px;
    width: 30px;
    height: 30px;
    background: transparent url("https://45714365.fs1.hubspotusercontent-na1.net/hubfs/45714365/The%20Pearl/Website/Send%20Button.png")no-repeat center;
    font-size: 0;
    border: none;
}

.footer-social-sec h2 {
    color: #BFA268;
    font-size: 26px;
    font-weight: 400;
    line-height: 26px;
    text-transform: uppercase;
    margin-bottom: 41px !important;
}

.footer-social-sec p {
    color: #8A8A8A;
    font-family: "Raleway", sans-serif;
    font-size: 15px;
    line-height: 21px;
    max-width: 170px;
    margin-bottom: 21px !important;
}

.social-main-sec {
    display: flex;
    gap: 30px;
    margin-top: 30px;
}

.social-main-sec .social-icon-list {
    display: flex;
}

.social-main-sec .social-icon-list img {
    width: 18px;
    height: 18px;
    object-fit: contain;
}

.social-main-sec .social-icon-list:last-child img,
.social-main-sec .social-icon-list:nth-last-child(2) img {
    width: 22px;
    height: 22px;
}

.footer-top-sec ul li a {
    font-size: 15px;
    line-height: 33px;
    color: #fff;
    font-family: "Raleway", sans-serif;
    font-weight: 300;
    text-decoration: none;
}

.footer-top-sec ul li a:hover,
.footer-top-sec ul li a:focus {
    color: #575757;
    text-decoration: none;
}

.footer-form-sec::after {
    width: 50vw;
    content: "";
    height: auto;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background: #021521;
    z-index: -1;
}

.footer-form-sec,
.right-col.d-flex {
    position: relative;
}

.right-col.d-flex::after {
    width: 50vw;
    content: "";
    height: auto;
    position: absolute;
    right: -43.5%;
    top: 0;
    bottom: 0;
    background: #000F18;
    z-index: -1;
    left: 50%;
}

footer.main-footer {
    overflow: hidden;
}

.popup-navigation-wrapper .offer-box-content .main-logo {
    display: block;
    margin: 0 auto;
}

a,
a:hover {
    color: #3F5864;
    text-decoration: none;
}

/* .main-footer--bottom .content-wrapper .cust-container{
padding:6px 40px;
} */
p.copyright,
p.website-by {
    font-size: 14px;
    line-height: 18px;
}

@media only screen and (min-width:1920.5px) {

    .popup-navigation-wrapper .offer-box-section .row-fluid-wrapper,
    .popup-navigation-wrapper .offer-box-section .row-fluid-wrapper .row-fluid {
        max-width: 100%;
    }
}

@media only screen and (min-width:1440.5px) {

    section.banner-section.home_header_sec .row-fluid-wrapper,
    section.banner-section.home_header_sec .row-fluid-wrapper .row-fluid {
        max-width: none;
    }

    header.main-header .header-container.content-wrapper {
        max-width: 1440px;
    }

    .header-topbar .container {
        padding: 9px 0px;
    }
}

@media only screen and (max-width:1366px) {
    .main-footer--bottom {
        padding: 0px;
    }

    header.main-header .header-container.content-wrapper {
        max-width: calc(100% - 80px);
    }

    .footer-form-sec {
        background: #021521;
        color: #fff;
        padding: 70px 50px 70px 0px;
        width: 41%;
    }

    .footer-social-sec {
        padding-left: 50px;
        padding-top: 75px;
        width: 50%;
    }

    .footer-top-sec {
        display: flex;
        flex-wrap: wrap;
        gap: 50px;
        padding-top: 65px;
        width: 50%;
    }

    .header-topbar .container {
        max-width: none;
        padding: 9px 40px;
    }
}

@media only screen and (max-width:1280px) {
    .banner-section .row-fluid-wrapper {
        padding: 0px;
    }

    .main-footer--bottom .content-wrapper .cust-container {
        max-width: none;
        padding: 6px 40px;
    }

    .popup-navigation-wrapper section.offer-box-section .row-fluid-wrapper {
        padding: 0;
    }

    section.cust-row {
        width: calc(100% - 80px);
        gap: 40px;
    }

    section.cust-row .row-fluid-wrapper,
    section.cust-row .row-fluid-wrapper .row-fluid-wrapper {
        padding: 0;
    }
}

@media only screen and (max-width:1024px) {
    .footer-form-sec {
        width: 100%;
        padding: 80px;
    }

    .footer-form-sec>div {
        max-width: 100%;
    }

    .right-col.d-flex {
        width: 100%;
        padding: 80px;
    }

    .footer-social-sec {
        padding: 0;
    }

    .footer-top-sec {
        padding: 0;
    }

    .footer-form-sec h2 {
        max-width: none;
    }

    .container-fluid.footer-social-share-sec .row-fluid-wrapper {
        padding: 0;
    }

    .popup-navigation-wrapper>.content-wrapper {
        width: 42%;
        margin: 0px;
    }

    .popup-navigation-wrapper section.offer-box-section {
        width: 58%;
    }

    .popup-navigation-wrapper>.content-wrapper {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0px 0px 0 50px;
    }

    .footer-form-sec p {
        width: 100%;
    }

    .footer-form-sec:after,
    .right-col.d-flex:after {
        display: none;
    }

    .main-logo {
        width: 56px !important;
    }

    .popup-navigation-wrapper .offer-box-main .offer-box-content {
        left: 50px;
        right: 50px;
        transform: translateY(-50%);
    }

    .popup-navigation-wrapper .offer-box-main .offer-box-content {
        left: 50px;
        right: 50px;
        transform: translateY(-50%);
    }

    .popup-navigation-wrapper .offer-box-main .offer-form-box.show {
        padding: 0px 50px;
    }

    .popup-navigation-wrapper .offer-box-main .offer-form-box span {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    .popup-navigation-wrapper .img-bg-sec img {
        height: 100vh;
    }

    .popup-navigation-wrapper .offer-box-main .offer-form-box.show .img-offer img {
        width: 290px;
        height: 47px;
    }

    .popup-navigation-wrapper .offer-box-main .offer-form-box.show .img-offer {
        font-size: 25px;
        line-height: 28px;
    }

    header.main-header .header-container.content-wrapper {
        max-width: calc(100% - 80px);
        padding: 40px 0px !important;
    }

    section.cust-row {
        flex-direction: column;
    }

    header.main-header.home-header.sticky .site-logo-sec {
        display: none;
        transition: 0.3s ease;
    }
}

@media only screen and (max-width:767px) {
    .site-header-button-sec .button-wrapper .button {
        padding: 18px;
        display: none;
    }

    button.popup-navigation--toggle.popup-navigation--open {
        font-size: 0;
    }

    .popup-navigation-wrapper>.content-wrapper {
        padding: 115px 0 115px 90px;
    }

    .popup-navigation-wrapper>.content-wrapper,
    .popup-navigation-wrapper section.offer-box-section {
        width: 100%;
    }

    .popup-navigation-wrapper .img-bg-sec img {
        height: 896px;
    }

    .theme-secondary-menu ul li a:hover {
        text-decoration: none;
    }

    .footer-form-sec {
        padding: 75px 40px 55px 40px;
    }

    .theme-secondary-menu ul li a:hover {
        text-decoration: none;
    }

    .footer-form-sec {
        padding: 75px 40px 55px 40px;
    }

    .right-col.d-flex {
        padding: 80px 40px;
        flex-wrap: wrap;
    }

    .footer-social-sec,
    .footer-top-sec {
        width: 100%;
    }

    .footer-top-sec {
        margin-top: 80px;
    }

    .main-footer--bottom .content-wrapper .cust-container {
        padding: 6px 40px;
        flex-direction: column;
    }

    p.copyright {
        font-size: 14px;
        line-height: 22px;
    }

    .header-container.content-wrapper {
        position: relative;
    }

    .site-logo-sec {
        right: 0 !important;
        transform: none !important;
        left: auto !important;
        width: 70%;
    }

    .widget-type-custom-logo img {
        max-width: 225px !important;
    }

    header.main-header.home-header .site-header-button-sec .button-wrapper .button {
        display: block;
    }

    .footer-form-sec>div {
        max-width: 100%;
    }
}

.site-logo-sec {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.footer-social-sec a {
    color: #8a8a8a;
}

.footer-social-sec a:hover {
    color: #fff;
    text-decoration: none;
}

section.banner-section.home_header_sec .row-fluid-wrapper,
section.banner-section.home_header_sec .row-fluid-wrapper .row-fluid {
    max-width: 100%;
}

body.cust-body.home-page[data-sticky="false"],
body.cust-body.home-page[data-sticky="true"] {
    padding: 0 !important;
}

.hero-banner.position-relative img.w-full {
    height: 100vh;
    min-height: auto !important;
    object-fit: cover;
    display: flex;
}

header.main-header.home-header .header-column.header-navigation button.popup-navigation--toggle.popup-navigation--open {
    color: #fff;
}

header.main-header.home-header .header-column.header-navigation svg path {
    stroke: #fff;
}

header.main-header.home-header .header-column.header-navigation .popup-navigation--open svg {
    border-color: #fff
}

header.main-header.home-header .header-column.header-navigation button.popup-navigation--toggle.popup-navigation--open:hover {
    color: #3F5864;
}

header.main-header.home-header .header-column.header-navigation button.popup-navigation--toggle.popup-navigation--open:hover svg {
    border-color: #3F5864;
}

header.main-header.home-header .header-column.header-navigation button.popup-navigation--toggle.popup-navigation--open:hover svg path {
    stroke: #3F5864;
}

.cust-footer-logo {
    margin-bottom: 30px;
}

.cust-footer-logo a img {
    width: 122px;
}

.main-header .site-logo-sec img {
    max-width: 237px;
}

@media only screen and (min-width: 768px) and (max-width: 880px) {
    .main-header .site-logo-sec img {
        max-width: 220px;
    }

    @media screen and (max-width: 768px) {
        .main-header .site-logo-sec img {
            max-width: 225px !important;
        }
    }