/*
        // Table of contents //

                01. FONTS
                02. BODY
                03. HTML TAGS
                04. LINKS
                05. FORM ELEMENTS
                06. CUSTOM CONTAINER 
                07. CUSTOM CURSOR
                08. RANGE SLIDER
                09. ACCORDION
                10. DATE PICKER
                11. HAMBURGER MENU
                12. REVEAL EFFECT
                13. CUSTOM BUTTON
                14. PRELOADER 
                15. PAGE TRANSITION
                16. PAGE LOADED
                17. HAMBURGER NAVIGATION
                18. NAVBAR
                19. SLIDER
                20. PAGE HEADER
                21. CONTENT SECTION
                22. SECTION TITLE
                23. HOTEL SEARCH FORM
                24. SIDE CONTENT
                25. SIDE IMAGE
                26. SIDE GALLERY
                27. SIDE HOTEL BOX
                28. CAROUSEL IMAGE BOX
                29. EVENTS TAB
                30. CONTENT TAB
                31. CAROUSEL EVENT BOX
                32. ROOM SLIDER
                33. RECENT NEWS
                34. IMAGE
                35. TESTIMONIAL BOX
                36. PACKAGE BOX
                37. MEMBER BOX
                38. VIDEO BOX
                39. ROOMS FILTER
                40. ROOMS LIST
                41. ROOMS BOX
                42. ROOMS TYPE
                43. RECENT TESTIMONIALS
                44. ROOMS GALLERY
                45. ROOMS INFO BOX
                46. MEETING EVENT BOX
                47. SPECIAL OFFER BOX
                48. EVENT HEADLINE
                49. CONTACT FORM
                50. CONTACT BOX
                51. GOOGLE MAPS
                52. NEWS BOX
                53. SIDEBAR
                54. PAGINATION
                55. NEWSLETTER BOX
                56. FOOTER BAR
                57. FOOTER
                58. MEDIUM DEVICE RESPONSIVE
                59. TABLET DEVICE RESPONSIVE
                60. MOBILE DEVICE RESPONSIVE

        

*/
@import url("https://fonts.googleapis.com/css2?family=Jost:wght@400;600;800&display=swap");

@font-face {
    font-family: 'Argesta Display';
    src: url("../fonts/ArgestaDisplay-Regular.eot");
    src: url("../fonts/ArgestaDisplay-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/ArgestaDisplay-Regular.woff2") format("woff2"), url("../fonts/ArgestaDisplay-Regular.woff") format("woff"), url("../fonts/ArgestaDisplay-Regular.ttf") format("truetype"), url("../fonts/ArgestaDisplay-Regular.svg#ArgestaDisplay-Regular") format("svg");
    font-weight: normal;
    font-style: normal;
}

* {
    outline: none !important;
}

html,
body {
    margin: 0;
    padding: 0;
    font-family: 'Jost', sans-serif;
    font-size: 18px;
    color: #141414;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
    /* ✅ stop horizontal scroll */
}


/* HTML TAGS */
img {
    max-width: 100%;
}

strong {
    font-weight: 600;
}

iframe {
    max-width: 100%;
}

/* LINKS */
a {
    color: #141414;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .30s ease-in-out;
    -ms-transition: all .30s ease-in-out;
    -o-transition: all .30s ease-in-out;
    transition: all .30s ease-in-out;
}

a:hover {
    text-decoration: none;
    color: #141414;
}

/* FORM ELEMENTS */
input[type="text"] {
    /* width: 420px; */
    max-width: 100%;
    /* height: 80px; */
    padding: 0 30px;
    border: 1px solid #cecece;
}

input[type="email"] {
    /* width: 420px; */
    max-width: 100%;
    /* height: 80px; */
    padding: 0 30px;
    border: 1px solid #cecece;
}

input[type="search"] {
    /* width: 420px; */
    max-width: 100%;
    height: 80px;
    padding: 0 30px;
    border: 1px solid #cecece;
}

input[type="password"] {
    /* width: 420px; */
    max-width: 100%;
    height: 80px;
    padding: 0 30px;
    border: 1px solid #cecece;
}

input[type="number"] {
    /* width: 420px; */
    max-width: 100%;
    height: 80px;
    padding: 0 30px;
    border: 1px solid #cecece;
}

input[type="date"] {
    /* width: 420px; */
    max-width: 100%;
    height: 80px;
    padding: 0 30px;
    border: 1px solid #cecece;
}

input[type="radio"] {
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 4px;
    transform: translateY(3px);
    appearance: none;
    background: #ededed;
    border-radius: 50%;
}

input[type="radio"]:checked {
    border: 6px solid #141414;
}

input[type="checkbox"] {
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 4px;
    transform: translateY(3px);
    appearance: none;
    background: #ededed;
}

input[type="checkbox"]:checked {
    border: 4px solid #ededed;
    background: #141414;
}

textarea {
    width: 520px;
    max-width: 100%;
    height: 140px;
    padding: 30px;
    border: 1px solid #cecece;
}

select {
    width: 420px;
    max-width: 100%;
    height: 80px;
    padding: 0 30px;
    border: 1px solid #cecece;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
    background-position: calc(100% - 30px) 34px, calc(100% - 25px) 34px, calc(100% - 3.5em) 20px;
    background-size: 5px 5px, 5px 5px, 1px 40px;
    background-repeat: no-repeat;
}

select:focus {
    background-image: linear-gradient(45deg, gray 50%, transparent 50%), linear-gradient(135deg, transparent 50%, gray 50%), linear-gradient(to right, #ccc, #ccc);
    background-position: calc(100% - 25px) 34px, calc(100% - 30px) 34px, calc(100% - 3.5em) 20px;
    background-size: 5px 5px, 5px 5px, 1px 40px;
    background-repeat: no-repeat;
    border-color: gray;
    outline: 0;
}

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

input[type="submit"] {
    height: 80px;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    background-image: linear-gradient(to right top, #07a2e4, #098dd6, #1b78c6, #2b63b5, #364ea1);
    border: none;
    padding: 0 50px;
}

button[type="submit"] {
    /* height: 80px; */
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    background: #123499;
    border: none;
    padding: 0 50px;
}

button[type="submit"] i {
    display: inline-block;
    margin-right: 8px;
    font-size: 18px;
}

/* SPACINGS */
.no-spacing {
    margin: 0 !important;
    padding: 0 !important;
}

.no-top-spacing {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.no-bottom-spacing {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.spacing-50 {
    height: 50px;
    display: flex;
}

.spacing-100 {
    width: 100%;
    height: 100px;
    display: flex;
}

/* CUSTOM CONTAINER */
@media (min-width: 1170px) {
    .container {
        max-width: 1100px;
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1260px;
    }
}

/* CUSTOM CLASSES */
.overflow {
    overflow: hidden;
}

/* CUSTOM CURSOR */
.cursor {
    position: fixed;
    top: -40px;
    left: -40px;
    pointer-events: none;
    z-index: 9999;
    mix-blend-mode: difference;
}

.cursor:before {
    content: "";
    width: 80px;
    height: 80px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: white;
    border: 1px solid white;
    transition: all ease 0.15s;
    transform: scale(0.15);
}

.cursor.light:before {
    transform: scale(1);
    background: transparent;
}

.cursor.drag {
    mix-blend-mode: unset;
}

.cursor.drag:before {
    transform: scale(1);
    background: #123499;
    border-color: transparent;
}

.cursor.drag:before {
    content: "\ea23";
    font-family: "LineIcons";
    font-size: 20px;
    color: #fff;
}

/* RANGE SLIDER */
.range-slider {
    width: 100%;
    display: block;
}

.range-slider__range {
    -webkit-appearance: none;
    width: 100%;
    height: 10px;
    border-radius: 0;
    background: #f2f2f2;
    outline: none;
    padding: 0;
    margin: 0;
}

.range-slider__range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #123499;
    cursor: pointer;
    -webkit-transition: background .15s ease-in-out;
    transition: background .15s ease-in-out;
}

.range-slider__range::-moz-range-thumb {
    width: 20px;
    height: 20px;
    border: 0;
    border-radius: 50%;
    background: #123499;
    cursor: pointer;
    -moz-transition: background .15s ease-in-out;
    transition: background .15s ease-in-out;
}

.range-slider__range:active::-moz-range-thumb {
    background: #123499;
}

.range-slider__range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 3px #fff, 0 0 0 6px #123499;
}

::-moz-range-track {
    background: #123499;
    border: 0;
}

input::-moz-focus-inner,
input::-moz-focus-outer {
    border: 0;
}

/* ACCORDION */
.accordion {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    padding: 0;
}

.accordion .card {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    background: none;
    border-radius: 0;
    border: 1px solid #eaebee;
    margin-bottom: 10px;
    border: none;
}

.accordion .card .card-header {
    width: 100%;
    display: block;
    background: none;
    margin: 0;
    padding: 0;
    border: none;
}

.accordion .card .card-header a {
    width: 100%;
    float: left;
    font-weight: 600;
    padding: 20px 25px;
    color: #141414;
    font-weight: 600;
    border: 1px solid #cbcbcb;
}

.accordion .card .card-header a:hover {
    color: #123499;
    text-decoration: none;
}

.accordion .card .card-body {
    width: 100%;
    line-height: 26px;
    opacity: 0.7;
}

.accordion .card [aria-expanded="true"] {
    color: #fff !important;
    background: #123499;
    border-color: #123499 !important;
}

/* DATE PICKER */
.datepicker-dropdown {
    width: 280px;
    border: none;
    padding: 10px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    font-size: 16px;
}

.datepicker-panel ul:first-child {
    width: 280px;
    display: flex;
}

.datepicker-panel ul:first-child li {
    flex: auto;
    box-shadow: none;
}

.datepicker-panel ul:nth-child(2) {
    font-weight: 600;
}

.datepicker-panel ul:nth-child(2) li {
    background: #f5f3ec;
}

.datepicker-panel>ul>li {
    padding: 5px 0;
    width: 40px;
    height: auto;
    box-shadow: 1px 0 0 0 #eee, 0 1px 0 0 #eee, 1px 1px 0 0 #eee, 1px 0 0 0 #eee inset, 0 1px 0 0 #eee inset;
}

.datepicker-panel>ul>li.picked,
.datepicker-panel>ul>li.picked:hover {
    background: #123499;
    color: #fff;
}

.datepicker-panel>ul>li.highlighted {
    background-color: #123499;
}

.datepicker-panel>ul>li:hover {
    background-color: #f5f3ec;
}

.datepicker-top-left:after,
.datepicker-top-right:after {
    display: none;
    border: none;
}

.datepicker-top-left:before,
.datepicker-top-right:before {
    display: none;
    border: none;
}

.datepicker-bottom-left:after,
.datepicker-bottom-right:after {
    display: none;
    border: none;
}

.datepicker-bottom-left:before,
.datepicker-bottom-right:before {
    display: none;
    border: none;
}

/* HAMBURGER MENU */
.menu {
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    padding: 0;
    outline: none;
}

.line {
    fill: none;
    stroke: #fff;
    stroke-width: 3;
    transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}

.line1 {
    stroke-dasharray: 60 207;
    stroke-width: 3;
}

.line2 {
    stroke-dasharray: 60 60;
    stroke-width: 3;
}

.line3 {
    stroke-dasharray: 60 207;
    stroke-width: 3;
}

.opened .line1 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 3;
}

.opened .line2 {
    stroke-dasharray: 1 60;
    stroke-dashoffset: -30;
    stroke-width: 3;
}

.opened .line3 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 3;
}

/* REVEAL EFFECT */
.reveal-effect {
    float: left;
    position: relative;
}

.reveal-effect.animated:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #141414;
    position: absolute;
    left: 0;
    top: 0;
    animation: 1s reveal linear forwards;
    -webkit-animation-duration: 1s;
    z-index: 1;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -moz-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -o-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -ms-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
    animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.reveal-effect.animated>* {
    animation: 1s reveal-inner linear forwards;
    border-radius: 10px;
}

.map-container iframe {
    border-radius: 10px;
}

@-webkit-keyframes reveal {
    0% {
        left: 0;
        width: 0;
    }

    50% {
        left: 0;
        width: 100%;
    }

    51% {
        left: auto;
        right: 0;
    }

    100% {
        left: auto;
        right: 0;
        width: 0;
    }
}

@-webkit-keyframes reveal-inner {
    0% {
        visibility: hidden;
        opacity: 0;
    }

    50% {
        visibility: hidden;
        opacity: 0;
    }

    51% {
        visibility: visible;
        opacity: 1;
    }

    100% {
        visibility: visible;
        opacity: 1;
    }
}

/* CUSTOM BUTTON */
.custom-button {
    height: 60px;
    line-height: 60px;
    display: inline-block;
    background: #123499;
    padding: 0 30px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    position: relative;
    border-radius: 35px;
    border: none;
}

.custom-button:hover {
    background: #05a6e9;
    color: #fff !important;
}

/* ===== PRELOADER ===== */
.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #141414;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    overflow: hidden;
}

/* LOADER BOX */
.loader-box {
    position: relative;
    display: inline-block;
    padding: 20px 40px;
    /* space around text */
}

.loader-text {
    font-size: 64px;
    /* bigger font */
    font-weight: 600;
    color: #fff;
    opacity: 0;
    transition: opacity 0.8s ease;
    letter-spacing: 3px;
}

.loader-text .dot {
    color: #123499;
    /* orange accent */
}

/* TOP BORDER (left ➝ right) */
.loader-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 3px;
    width: 0;
    background: #fff;
    animation: borderGrow 4s forwards;
}


/* BOTTOM BORDER (right ➝ left) */
.loader-box::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    height: 3px;
    width: 0;
    background: #fff;
    animation: borderGrow 4s forwards;
}

/* BLACK OVERLAY DROP */
.overlay {
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    animation: overlayDrop 1s forwards 3s;
    z-index: 10;
}



/* KEYFRAMES */
@keyframes borderGrow {
    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}


@keyframes overlayDrop {
    from {
        top: -100%;
    }

    to {
        top: 0;
    }
}

/* BLACK OVERLAY DROP */
.overlay {
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    animation: overlayDrop 1s forwards 3s;
    z-index: 10;
}

/* Show text */
.show-text .loader-text {
    opacity: 1;
}

/* PAGE TRANSITION */
.page-transition {
    width: 100%;
    height: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background: #123499;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
}

.page-transition .layer {
    width: 100%;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    background: #141414;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
    transition-delay: 1s;
}

.page-transition.active {
    height: 100vh;
}

.page-transition.active .layer {
    height: 100vh;
}

/* BODY */
body .navbar {
    transform: translateY(-100%);
    /* transition-delay: 1.3s;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1); */
}

body .slider .main-slider {
    /* transform: scale(1.4); */
    transition-delay: 1.15s;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
}

body .page-header {
    /* transform: scale(1.4); */
    transition-delay: 1.15s;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
}

.desktop-header.scrolled {
    background-color: #fff;
    transition: background-color 0.3s ease;
}


/* PAGE LOADED */
.page-loaded .preloader {
    height: 0;
}

.page-loaded .preloader .loadbar {
    max-height: 100%;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
}

.page-loaded .preloader figure {
    transform: translateY(50px);
    opacity: 0;
}

.page-loaded .navbar {
    transform: translateY(0);
}

.page-loaded .slider .main-slider {
    transform: scale(1);
}

/* .page-loaded .page-header {
  transform: scale(1);
} */

/* HAMBURGER NAVIGATION */
.hamburger-navigation {
    width: 100%;
    height: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    /* so menu items start from top */
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);

    /* NEW */
    overflow-y: auto;
    /* enable vertical scroll */
    overflow-x: hidden;
    /* no side scroll */
}


.hamburger-navigation .layer {
    width: 100%;
    height: 0;
    background: #141414;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
    transition-delay: 1s;
}

.hamburger-navigation .container {
    position: relative;
    z-index: 1;
    visibility: hidden;
}

.hamburger-navigation .info-box {
    width: 50vw;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    margin-top: 50px;
    padding-top: 50px;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .30s ease-in-out;
    -ms-transition: all .30s ease-in-out;
    -o-transition: all .30s ease-in-out;
    transition: all .30s ease-in-out;
}

.hamburger-navigation .info-box span {
    width: 100%;
    display: block;
    font-size: 22px;
    font-family: "Argesta Display";
    margin-bottom: 20px;
}

.hamburger-navigation .info-box .nav-social {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
}

.hamburger-navigation .info-box .nav-social li {
    display: inline-block;
    margin: 0 10px;
    padding: 0;
    list-style: none;
}

.hamburger-navigation .info-box .nav-social li a {
    color: #123499;
    font-size: 14px;
}

.hamburger-navigation .nav-menu {
    width: 100%;
    display: inline-block;
    margin: 0;
    padding: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .30s ease-in-out;
    -ms-transition: all .30s ease-in-out;
    -o-transition: all .30s ease-in-out;
    transition: all .30s ease-in-out;
}

.hamburger-navigation .nav-menu li {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
    border: none;
}

.hamburger-navigation .nav-menu li a {
    display: inline-block;
    color: #fff;
    font-size: 1.1vw;
    font-family: "Argesta Display";
    padding: 10px 0px;
}

.hamburger-navigation .nav-menu li a:hover {
    color: #fff;
}

/* HAMBURGER NAGIVATION ACTIVE */
.hamburger-navigation-active .scroll-content {
    transform: translate3d(0px, 0px, 0px) !important;
}

.hamburger-navigation-active .hamburger-navigation {
    height: 100vh;
}

.hamburger-navigation-active .hamburger-navigation .layer {
    height: 100%;
}

.hamburger-navigation-active .hamburger-navigation .nav-menu {
    opacity: 1;
    visibility: visible;
}

.hamburger-navigation-active .hamburger-navigation .info-box {
    opacity: 1;
    visibility: visible;
}

.hamburger-navigation-active .navbar .logo {
    opacity: 0;
}

.hamburger-navigation-active .navbar .navbar-text {
    opacity: 0;
}

.hamburger-navigation-active .navbar .hamburger-menu {
    opacity: 1 !important;
}

/* NAVBAR */
.navbar {
    position: fixed;
    /* keep header fixed top while scrolling */
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999;
    padding: 20px 0px;
    /* background-color: #fff; */
    /* important: start transparent */
    transition: background-color 0.35s ease, box-shadow 0.35s ease, padding 0.25s ease;
}

.navbar.scrolled {
    background-color: #ffffff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
    padding: 15px 0;
}

.navbar.scrolled .site-menu ul li.has-submenu>a::after {
    filter: grayscale(100%) brightness(50%) contrast(120%);
}

/* link colors for each state */
.navbar .site-menu ul li a,
.navbar .navbar-text,
.navbar .phone-numbers a {
    color: #fff;
    /* visible on transparent header */
    transition: color 0.25s ease;
    text-transform: uppercase;
}

.navbar.scrolled .site-menu ul li a,
.navbar.scrolled .navbar-text,
.navbar.scrolled .phone-numbers a {
    color: #2b2a29;
    /* visible on white header */
}

.navbar.scrolled .white-logo img {
    display: none;
}

.navbar.scrolled .main-logo img {
    display: block;
}

.navbar .main-logo img {
    display: none;
}

.navbar.scrolled .line {
    stroke: #333;
}

/* Change text color after scroll */
.navbar.scrolled .site-menu ul li a,
.navbar.scrolled .navbar-text,
.navbar.scrolled .phone-numbers a {
    color: #333;
}

.navbar .logo {
    display: inline-block;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .30s ease-in-out;
    -ms-transition: all .30s ease-in-out;
    -o-transition: all .30s ease-in-out;
    transition: all .30s ease-in-out;
}

.navbar .logo a {
    display: inline-block;
}

.navbar .logo a img {
    height: 75px;
}

.navbar .navbar-text {
    display: inline-block;
    /* margin: 0 auto; */
    color: #000;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .30s ease-in-out;
    -ms-transition: all .30s ease-in-out;
    -o-transition: all .30s ease-in-out;
    transition: all .30s ease-in-out;
    padding-top: 0px;
    padding-bottom: 0px;
}

.navbar .navbar-text span img {
    margin-right: 10px;
}

.phone-numbers a {
    font-weight: 600;
    color: #123499;
    font-size: 16px;
}

.navbar .site-menu {
    display: inline-block;
    margin: 0 auto;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .30s ease-in-out;
    -ms-transition: all .30s ease-in-out;
    -o-transition: all .30s ease-in-out;
    transition: all .30s ease-in-out;
}

.navbar .site-menu ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

.navbar .site-menu ul li {
    display: block;
    padding: 20px 20px;
    list-style: none;
}

.navbar .site-menu ul li a {
    display: inline-block;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    position: relative;
}

.navbar .site-menu ul li.has-submenu>a::after {
    content: "";
    display: inline-block;
    width: 15px;
    /* size of arrow */
    height: 15px;
    margin-left: 8px;
    /* spacing from text */
    background-image: url("../images/down-arrow.png");
    /* your arrow image */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    filter: brightness(0) invert(1);
}

.navbar .site-menu ul li a:hover {
    color: #05a6e9;
}

.navbar-text {
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    color: inherit;
}

.phone-numbers {
    display: flex;
    flex-direction: column;
    line-height: 1.3;
    align-items: center;
    justify-content: center;
}

.phone-numbers a:hover {
    color: #05a6e9;
    /* example hover color */
}

.navbar .site-menu ul li a:hover {
    text-decoration: none;
}


/* SLIDER */
.slider {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: relative;
    color: #fff;
    text-align: center;
    background: url("../images/slide01.jpg") center;
    background-size: cover !important;
    overflow: hidden;
}

.slider h6 {
    width: 100%;
    display: block;
    letter-spacing: 5px;
    font-size: 21px;
}

.slider h1 {
    font-weight: 400;
    font-size: 5vw;
    font-family: "Argesta Display";
    margin-bottom: 30px;
}

.slider p {
    padding: 0 20%;
    opacity: 0.7;
    letter-spacing: 1px;
}

.slider a {
    height: 60px;
    line-height: 60px;
    display: inline-block;
    background: #123499;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    padding: 0 30px;
    position: relative;
    border-radius: 35px;
}

.slider a:hover {
    background: #05a6e9;
    color: #fff !important;
}

.slider a:hover .btn_arrow svg {
    fill: #ffffff;
}

.slider .main-slider {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    overflow: hidden;
}

.slider .main-slider .swiper-slide {
    height: 100%;
    display: flex;
    overflow: hidden;
}

.slider .main-slider .swiper-slide .container {
    position: relative;
    z-index: 1;
}

.slider .main-slider .swiper-slide .slide-inner {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: cover !important;
    background-position: center;
    padding-top: 100px;
}

.slider .main-slider .swiper-slide .slide-inner:after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    /* black overlay with 50% opacity */
    position: absolute;
    left: 0;
    top: 0;
}

.slider .slider-fraction {
    width: 20%;
    height: 80px;
    line-height: 80px;
    background: #fff;
    position: absolute;
    left: auto;
    right: 0;
    bottom: 0;
    z-index: 1;
    color: #141414;
    font-family: "Argesta Display";
    font-size: 22px;
}

.slider .slider-prev {
    width: 80px;
    height: 80px;
    background-color: #123499;
    position: absolute;
    right: calc(19% + 82px);
    bottom: 0;
    z-index: 2;
    cursor: pointer;
}

.slider .slider-prev:hover:before {
    opacity: 1;
}

.slider .slider-prev:before {
    content: "";
    width: 20px;
    height: 20px;
    border-left: 4px solid #fff;
    border-bottom: 4px solid #fff;
    transform: rotate(45deg);
    position: absolute;
    left: 35px;
    top: 30px;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .30s ease-in-out;
    -ms-transition: all .30s ease-in-out;
    -o-transition: all .30s ease-in-out;
    transition: all .30s ease-in-out;
}

.slider .slider-next {
    width: 80px;
    height: 80px;
    background-color: #123499;
    position: absolute;
    right: 20%;
    bottom: 0;
    z-index: 2;
    cursor: pointer;
}

.slider .slider-next:hover:before {
    opacity: 1;
}

.slider .slider-next:before {
    content: "";
    width: 20px;
    height: 20px;
    border-right: 4px solid #fff;
    border-top: 4px solid #fff;
    transform: rotate(45deg);
    position: absolute;
    right: 35px;
    top: 30px;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .30s ease-in-out;
    -ms-transition: all .30s ease-in-out;
    -o-transition: all .30s ease-in-out;
    transition: all .30s ease-in-out;
}

/* PAGE HEADER */
.page-header {
    width: 100%;
    height: 600px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background-size: cover !important;
    position: relative;
}

.page-header:after {
    content: "";
    width: 100%;
    height: 100%;
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.5;
}

.page-header .container {
    position: relative;
    z-index: 1;
    color: #fff;
}

.page-header .container h1 {
    width: 100%;
    display: block;
    font-size: 5vw;
    font-family: "Argesta Display";
    text-indent: -5px;
}

.page-header .container p {
    width: 100%;
    display: block;
    margin: 0;
    letter-spacing: 02px;
    font-size: 22px;
    display: none;
}

/* SCROLL DOWN */
.scroll-down {
    width: 1px;
    height: 80px;
    background: #fff;
    position: absolute;
    left: calc(50% - 0.5px);
    bottom: 0;
    z-index: 2;
    display: none;
}

.scroll-down:after {
    content: "";
    width: 1px;
    height: 0;
    animation: 1s scrolldown infinite;
    background: #123499;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

@keyframes scrolldown {
    0% {
        top: 0;
        height: 0;
    }

    50% {
        top: 0;
        height: 100%;
    }

    51% {
        top: auto;
        bottom: 0;
        height: 100%;
    }

    100% {
        top: auto;
        bottom: 0;
        height: 0;
    }
}

/* CONTENT SECTION */
.content-section {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 80px 0;
    position: relative;
}

/*.content-section.bottom-spacing {
    margin-bottom: 100px !important;
}*/

/*.content-section.top-spacing {
    margin-top: 100px !important;
}*/

#main {
    /* position: fixed; */
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
}

/* SECTION TITLE */
.section-title {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 60px;
}

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

.section-title.text-center h6:before {
    left: 36%;
    top: 40%;
}

.section-title.light {
    color: #fff;
}

.section-title.light h6 {
    opacity: 0.6;
}

.section-title.light h6:before {
    background: #fff;
}

.section-title h6 {
    width: 100%;
    display: block;
    font-size: 19px;
    font-weight: 600;
    letter-spacing: 2px;
    position: relative;
    color: #05a6e9;
}

.section-title h6:before {
    content: "";
    width: 4vw;
    max-width: 100%;
    height: 1px;
    display: inline-block;
    background: #05a6e9;
    position: absolute;
    left: calc(-4vw - 20px);
    top: calc(50% - 0.5px);
}

.section-title h6:after {
    content: "";
    width: 4vw;
    max-width: 100%;
    height: 1px;
    display: inline-block;
    background: #05a6e9;
    position: absolute;
    left: 58%;
    top: calc(50% - 0.5px);
}

.section-title h2 {
    width: 100%;
    display: block;
    margin: 0;
    font-family: "Argesta Display";
    font-size: 41px;
}

/* HOTEL SEARCH FORM */
.hotel-search {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 50px 0;
}

.hotel-search h6 {
    width: 100%;
    display: block;
    font-weight: 600;
    margin-bottom: 15px;
    text-align: center;
    font-size: 22px;
}

.hotel-search form {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.hotel-search form .form-group {
    display: inline-block;
    margin: 0 15px;
    position: relative;
}

.hotel-search form .form-group i {
    position: absolute;
    right: 25px;
    bottom: 42px;
    transform: translateY(50%);
    color: #808080;
}

.hotel-search form .form-group input[type="number"] {
    width: 100px;
}

.hotel-search form .form-group input {
    width: auto;
}

.hotel-search form .form-group select {
    width: 300px;
}

.hotel-search form .form-group label {
    width: 100%;
    display: block;
    font-size: 14px;
}

/* SIDE CONTENT */
.side-content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

.side-content.text-left {
    padding-right: 30%;
}

.side-content.text-left p {
    padding-right: 10%;
}

.side-content.text-center {
    text-align: center;
    padding: 0 10%;
}

.side-content.text-center .custom-button {
    margin-left: auto;
    margin-right: auto;
}

.side-content.light {
    color: #fff;
}

.side-content.light .custom-button {
    background-color: #2b2a29;
}

.side-content.light .custom-button:hover {
    background-color: #05a6e9;
}

.side-content h6 {
    width: 100%;
    display: block;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 2px;
    font-family: "Argesta Display";
    color: #05a6e9;
    position: relative;
}

.side-content h6:before{
    content: "";
    width: 4vw;
    max-width: 100%;
    height: 1px;
    display: inline-block;
    background: #05a6e9;
    position: absolute;
    left: 50%;
    top: 40%;
}

.side-content h2 {
    width: 100%;
    display: block;
    margin: 0;
    font-family: "Argesta Display";
    font-size: 50px;
}

.side-content p {
    width: 100%;
    display: block;
    margin-top: 25px;
}

.about-ahmedabad-title {
    color: #05a6e9;
    font-weight: 600;
    position: relative;
}
.about-ahmedabad-title:before{
    content: "";
    width: 4vw;
    max-width: 100%;
    height: 1px;
    display: inline-block;
    background: #05a6e9;
    position: absolute;
    left: 13%;
    top: 40%;
}
.about-ahmedabad-title:after{
    content: "";
    width: 4vw;
    max-width: 100%;
    height: 1px;
    display: inline-block;
    background: #05a6e9;
    position: absolute;
    left: 70%;
    top: calc(50% - 0.5px);
}

.side-content p:last-child {
    margin-bottom: 0;
}

.side-content .custom-button {
    margin-top: 40px;
}

/* SIDE IMAGE */
.side-image {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0;
    position: relative;
}

.side-image.overlap-bottom {
    transform: translateY(100px);
}

.side-image.overlap-top {
    transform: translateY(-100px);
}

.side-image.right-full {
    width: 50vw;
    float: left;
}

.side-image.left-full {
    width: 50vw;
    float: right;
}

.side-image.left-full-space {
    width: 44vw;
    float: right;
    margin-right: 6vw;
}

.side-image.left-align {
    float: right;
    position: relative;
}

.side-image.left-align:after {
    content: "";
    width: calc(50vw - 100px);
    height: 100%;
    background: #f7f5f4;
    position: absolute;
    right: 100px;
    top: 100px;
    z-index: -1;
}

.side-image.right-align {
    float: left;
    position: relative;
}

.side-image.right-align:after {
    content: "";
    width: calc(50vw - 100px);
    height: 100%;
    background: rgb(41, 103, 184);
    position: absolute;
    left: 100px;
    top: 100px;
    z-index: -1;
}

.side-image .video-button {
    width: 140px;
    height: 140px;
    line-height: 140px;
    background: #fff;
    position: absolute;
    left: calc(50% - 70px);
    top: calc(50% - 70px);
    color: #05a6e9;
    font-size: 30px;
    text-align: center;
    border-radius: 50%;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .30s ease-in-out;
    -ms-transition: all .30s ease-in-out;
    -o-transition: all .30s ease-in-out;
    transition: all .30s ease-in-out;
}

.side-image .video-button:hover {
    background: #05a6e9;
    color: #fff;
}

.side-image img {
    width: 100%;
}

/* SIDE GALLERY */
.side-gallery {
    width: calc(50vw + 15%);
    float: right;
    margin-bottom: 0;
    position: relative;
    transform: translateY(-60px);
}

.side-gallery div:first-child {
    width: calc(66.66666% - 10px);
}

.side-gallery div:nth-child(2) {
    margin-bottom: 10px;
}

.side-gallery div {
    width: calc(33.33333% - 10px);
    float: left;
    margin-right: 10px;
}

/* SIDE HOTEL BOX */
.side-hotel-box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.side-hotel-box.right {
    padding-left: 50px;
}

.side-hotel-box .review {
    width: 100%;
    display: block;
    margin-bottom: 15px;
    font-size: 13px;
}

.side-hotel-box .review i {
    display: inline-block;
    margin-right: 3px;
    color: #00aa6c;
}

.side-hotel-box .review span {
    display: inline-block;
    opacity: 0.4;
    margin-left: 8px;
}

.side-hotel-box h2 {
    width: 100%;
    display: block;
    font-size: 44px;
    font-family: "Argesta Display";
    margin-bottom: 25px;
}

.side-hotel-box p {
    width: 100%;
    display: block;
    margin-bottom: 30px;
}

.side-hotel-box .info-box {
    width: 100%;
    display: flex;
    border: 1px solid #cbcbcb;
    padding: 20px;
    margin-bottom: 20px;
}

.side-hotel-box .info-box span {
    display: inline-block;
    border-left: 6px solid #123499;
    padding-left: 20px;
}

.side-hotel-box .info-box b {
    height: 54px;
    line-height: 1.3;
    margin-left: auto;
    font-size: 40px;
}

.side-hotel-box .info-box b small {
    display: inline-block;
    margin-right: 6px;
    font-size: 14px;
    opacity: 0.5;
}

.side-hotel-box .custom-button {
    margin-right: 30px;
}

.side-hotel-box .availability {
    line-height: 80px;
    display: inline-block;
}

.side-hotel-box .availability i {
    color: #123499;
}

/* CAROUSEL IMAGE BOX */
.carousel-image-box {
    width: calc(50vw + 100% / 2);
    display: flex;
    flex-wrap: wrap;
    position: relative;
    overflow: hidden;
    padding-bottom: 30px;
}

.carousel-image-box figure {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    position: relative;
    overflow: hidden;
}

.carousel-image-box figure img {
    width: 100%;
    float: left;
}

.carousel-image-box figure figcaption {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 20px;
    color: #fff;
    background-color: #f4f4f4;
    text-align: left;
}

.carousel-image-box figure figcaption h5 {
    width: 100%;
    display: block;
    font-size: 26px;
    font-weight: 600;
    color: #123499;
}

.carousel-image-box figure figcaption p {
    width: 100%;
    margin: 0;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: flex-start;
    margin-bottom: 5px;
}

.feature-location {
    height: 50px;
    overflow: hidden;
}

.swiper-scrollbar {
    width: 100%;
    height: 4px;
    display: inline-block;
    opacity: 1 !important;
}

/* EVENTS TAB */
.events-tab {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    color: #fff;
}

.events-tab .tab-nav {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
    padding: 0;
}

.events-tab .tab-nav li {
    display: inline-block;
    margin-right: 20px;
    padding: 0 5px;
    list-style: none;
    border-bottom: 4px solid transparent;
}

.events-tab .tab-nav li.active {
    border-color: #123499;
}

.events-tab .tab-nav li a {
    display: inline-block;
    color: #fff;
}

.events-tab .tab-item {
    width: 100%;
    float: left;
    display: none;
    position: relative;
    overflow: hidden;
}

.events-tab .tab-item.active-item {
    display: block;
}

/* CONTENT TAB */
.content-tab {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.content-tab .tab-nav {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #eee;
}

.content-tab .tab-nav li {
    height: 70px;
    line-height: 70px;
    display: inline-block;
    margin-right: 20px;
    padding: 0 25px;
    list-style: none;
    border: 1px solid #eee;
    margin-bottom: -1px;
}

.content-tab .tab-nav li.active {
    border-bottom: 1px solid #fff;
}

.content-tab .tab-nav li.active a {
    color: #123499;
    opacity: 1;
}

.content-tab .tab-nav li a {
    display: inline-block;
    font-weight: 600;
    opacity: 0.5;
}

.content-tab .tab-item {
    width: 100%;
    float: left;
    display: none;
    position: relative;
    overflow: hidden;
    border: 1px solid #eee;
    border-top: none;
    padding: 50px;
}

.content-tab .tab-item ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

.content-tab .tab-item ul li {
    width: 33.33333%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 7px 0;
}

.content-tab .tab-item ul li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.content-tab .tab-item ul li figure {
    width: 50px;
    float: left;
    margin-bottom: 0;
}

.content-tab .tab-item ul li figure img {
    height: 22px;
    float: left;
}

.content-tab .tab-item ul li b {
    font-weight: 400;
    float: left;
}

.content-tab .tab-item.active-item {
    display: block;
}

/* CAROUSEL EVENTS BOX */
.carousel-events-box {
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
}

.carousel-events-box .swiper-prev {
    width: 60px;
    height: 60px;
    background: #141414;
    position: absolute;
    left: 0;
    top: 33%;
    z-index: 2;
    cursor: pointer;
}

.carousel-events-box .swiper-prev:hover:before {
    opacity: 1;
}

.carousel-events-box .swiper-prev:before {
    content: "";
    width: 15px;
    height: 15px;
    border-left: 4px solid #fff;
    border-bottom: 4px solid #fff;
    transform: rotate(45deg);
    position: absolute;
    left: 25px;
    top: 23px;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .30s ease-in-out;
    -ms-transition: all .30s ease-in-out;
    -o-transition: all .30s ease-in-out;
    transition: all .30s ease-in-out;
    opacity: 0.5;
}

.carousel-events-box .swiper-next {
    width: 60px;
    height: 60px;
    background: #141414;
    position: absolute;
    right: 0;
    top: 33%;
    z-index: 2;
    cursor: pointer;
}

.carousel-events-box .swiper-next:hover:before {
    opacity: 1;
}

.carousel-events-box .swiper-next:before {
    content: "";
    width: 15px;
    height: 15px;
    border-right: 4px solid #fff;
    border-top: 4px solid #fff;
    transform: rotate(45deg);
    position: absolute;
    right: 25px;
    top: 23px;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .30s ease-in-out;
    -ms-transition: all .30s ease-in-out;
    -o-transition: all .30s ease-in-out;
    transition: all .30s ease-in-out;
    opacity: 0.5;
}

.carousel-events-box figure {
    width: 100%;
    display: block;
    margin-bottom: 25px;
}

.carousel-events-box figure:before {
    background: #123499 !important;
}

.carousel-events-box figure img {
    width: 100%;
    display: block;
}

.carousel-events-box .content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    color: #fff;
    text-align: center;
}

.carousel-events-box .content h5 {
    width: 100%;
    display: block;
    font-size: 28px;
    font-family: "Argesta Display";
}

.carousel-events-box .content h5 a {
    display: inline-block;
    color: #fff;
}

.carousel-events-box .content h5 a:hover {
    color: #123499;
}

.carousel-events-box .content span {
    display: inline-block;
    margin: 4px auto;
    color: #f5f3ec;
    opacity: 0.6;
}

.carousel-events-box .content small {
    width: 100%;
    display: block;
}

/* ROOM SLIDER */
.rooms-slider {
    width: 100%;
    height: 80vh;
    max-height: 700px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    overflow: hidden;
    margin-bottom: 80px;
}

.rooms-slider:before {
    content: "";
    width: 100%;
    height: 240px;
    background: #141414;
    position: absolute;
    left: 0;
    top: 0;
}

.rooms-slider .swiper-slide {
    max-width: 75%;
    background-size: cover !important;
    background-position: center !important;
    transform: scale(0.9);
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .30s ease-in-out;
    -ms-transition: all .30s ease-in-out;
    -o-transition: all .30s ease-in-out;
    transition: all .30s ease-in-out;
}

.rooms-slider .swiper-slide .room-detail {
    width: 40%;
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    position: relative;
    z-index: 1;
    padding: 50px;
    position: absolute;
    left: 50px;
    bottom: 50px;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .30s ease-in-out;
    -ms-transition: all .30s ease-in-out;
    -o-transition: all .30s ease-in-out;
    transition: all .30s ease-in-out;
    opacity: 0;
}

.rooms-slider .swiper-slide .room-detail .price-line {
    width: 100%;
    display: block;
    font-size: 15px;
    font-weight: 800;
    color: #123499;
    letter-spacing: 1px;
}

.rooms-slider .swiper-slide .room-detail .price-line span {
    color: #141414;
    opacity: 0.7;
}

.rooms-slider .swiper-slide .room-detail h3 {
    width: 100%;
    display: block;
    font-size: 36px;
    font-family: "Argesta Display";
    margin-bottom: 20px;
}

.rooms-slider .swiper-slide .room-detail .reviews {
    width: 100%;
    color: #888888;
    font-size: 15px;
}

.rooms-slider .swiper-slide .room-detail .reviews span {
    padding: 5px 8px;
    background: #123499;
    color: #fff;
    font-weight: 800;
    margin-left: 5px;
}

.rooms-slider .swiper-slide.swiper-slide-active {
    transform: scale(1);
}

.rooms-slider .swiper-slide.swiper-slide-active .room-detail {
    opacity: 1;
}

/* RECENT NEWS */
.col-md-6:nth-child(2) .recent-news {
    padding-right: 30px;
}

.col-md-6:nth-child(3) .recent-news {
    padding-left: 30px;
}

.testimonials-section {
    background-color: #123499;
}

.testimonials-section .section-title h6 {
    color: #ffffff;
}

.testimonials-section .section-title h6:before {
    background: #ffffff;
}

.testimonials-section .section-title h2 {
    color: #ffffff;
}

.recent-news {
    width: 100%;
    flex-wrap: wrap;
    padding: 30px;
    background-color: #fff;
    border-radius: 7px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}

.recent-news.iframe {
    padding: unset;
    box-shadow: unset;
    background-color: unset;
    border-radius: 7px;
}

.recent-news figure {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.recent-news figure img {
    text-align: center;
    border-radius: 50%;
    width: unset !important;
    height: 90px;
    width: 90px;
    object-fit: cover;
}

/* Client info text */
.recent-news .client-info h2 {
    font-size: 24px;
    margin: 0;
    color: #05a6e9;
    font-family: "Argesta Display";
}

.recent-news .client-info span {
    font-size: 16px;
    font-weight: 600;
    color: #123499;
    display: block;
    margin-top: 5px;
}

.recent-news .content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}


.recent-news .content p {
    height: 145px;
    overflow: auto;
    margin-right: 10px;
    font-weight: 500;
    font-size: 19px;
}

.recent-news .news-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

/* Client image + info together */
.recent-news .client-wrap {
    display: flex;
    align-items: center;
    gap: 15px;
    /* spacing between image and text */
}

.recent-news .quote-icon img {
    width: 100px !important;
    height: 100px;
    opacity: .5;
}

.recent-news.iframe figure {
    display: block;
    /* reset flex for iframe */
}

.recent-news .content ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    margin-right: 15px;
    text-align: center;
    position: relative;
}

/* Scrollbar Styling for Webkit Browsers */
.recent-news .content p::-webkit-scrollbar {
    width: 6px;
    /* thin scrollbar */
}

.recent-news .content p::-webkit-scrollbar-track {
    background: #f1f1f1;
    /* track color */
    border-radius: 10px;
}

.recent-news .content p::-webkit-scrollbar-thumb {
    background: #123499;
    /* scrollbar handle color */
    border-radius: 10px;
}

.recent-news .content p::-webkit-scrollbar-thumb:hover {
    background: #1d4a85;
    /* darker on hover */
}


/* .recent-news .content ul:before {
  content: "";
  width: 60px;
  height: 1px;
  background: #123499;
  position: absolute;
  left: -80px;
  top: calc(50% - 0.5px);
} */

.recent-news .content ul li {
    display: inline-block;
    margin-right: 10px;
    padding: 0;
    list-style: none;
    font-weight: 600;
    color: #123499;
}

.recent-news .content ul li:last-child {
    margin-right: 0;
}

.recent-news .content ul li a {
    display: inline-block;
    color: #123499;
    font-size: 14px;
    font-weight: 600;
}

.recent-news .content span {
    font-size: 13px;
    font-weight: 600;
    opacity: 0.5;
    line-height: 27px;
}

.recent-news .content span:before {
    content: "";
    width: 5px;
    height: 5px;
    background: #141414;
    display: inline-block;
    border-radius: 50%;
    margin-right: 15px;
}

.recent-news .content h2 {
    width: 100%;
    display: block;
    font-size: 21px;
    color: #05a6e9;
    font-family: "Argesta Display";
    margin-top: 20px;
    margin-bottom: 0;
    text-align: center;
}

/* IMAGE */
.image {
    width: 100%;
    display: block;
}

/* TESTIMONIAL BOX */
.testimonial-box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 50px;
    background: #123499;
    color: #fff;
    text-align: center;
    position: relative;
    z-index: 1;
}

.testimonial-box.bottom {
    margin-bottom: -100px;
}

.testimonial-box small {
    width: 100%;
    display: block;
    margin-bottom: 10px;
}

.testimonial-box small i {
    display: inline-block;
    margin: 0 3px;
}

.testimonial-box h4 {
    width: 100%;
    display: block;
    margin-bottom: 15px;
    font-family: "Argesta Display";
}

.testimonial-box p {
    width: 100%;
    margin-bottom: 40px;
    font-size: 19px;
    color: #000;
}

.testimonial-box .custom-button {
    margin: 0 auto;
}

/* PACKAGE BOX */
.package-box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 60px;
    color: #fff;
}

.package-box h4 {
    width: 100%;
    display: block;
    font-size: 36px;
    font-family: "Argesta Display";
    margin-bottom: 15px;
}

.package-box p {
    width: 100%;
    display: block;
    margin-bottom: 35px;
}

.package-box a {
    display: inline-block;
    color: #fff;
    font-weight: 600;
    border-bottom: 3px solid #eee;
    font-size: 15px;
}

/* MEMBER BOX */
.member-box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.member-box:hover figure img {
    opacity: 0.6;
}

.member-box:hover figure ul {
    opacity: 1;
    visibility: visible;
}

.member-box figure {
    width: 100%;
    display: block;
    margin-bottom: 0;
    position: relative;
    background: #141414;
}

.member-box figure * {
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .30s ease-in-out;
    -ms-transition: all .30s ease-in-out;
    -o-transition: all .30s ease-in-out;
    transition: all .30s ease-in-out;
}

.member-box figure ul {
    width: 44px;
    display: inline-block;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 30px;
    bottom: 60px;
    opacity: 0;
    visibility: hidden;
}

.member-box figure ul li {
    width: 100%;
    display: block;
    margin-bottom: 5px;
    padding: 0;
    list-style: none;
}

.member-box figure ul li:last-child {
    margin-bottom: 0;
}

.member-box figure ul li a {
    width: 44px;
    height: 44px;
    line-height: 44px;
    display: inline-block;
    text-align: center;
    background: #123499;
    color: #fff;
}

.member-box figure img {
    width: 100%;
    display: block;
}

.member-box .content {
    width: calc(100% - 30px);
    display: inline-block;
    background: #fff;
    margin-top: -30px;
    padding: 30px;
    position: relative;
}

.member-box .content small {
    width: 100%;
    display: block;
    margin-bottom: 5px;
}

.member-box .content h5 {
    width: 100%;
    display: block;
    font-size: 28px;
    font-family: "Argesta Display";
    margin-bottom: 25px;
    opacity: 0.7;
}

.member-box .content a {
    display: inline-block;
    text-decoration: underline;
    color: #123499;
    font-weight: 600;
    font-size: 15px;
}

/* VIDEO BOX */
.video-box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 100px 0;
}

.video-box .play-btn {
    width: 140px;
    height: 140px;
    line-height: 140px;
    display: inline-block;
    background: #fff;
    color: #123499;
    font-size: 30px;
    text-align: center;
    border-radius: 50%;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .30s ease-in-out;
    -ms-transition: all .30s ease-in-out;
    -o-transition: all .30s ease-in-out;
    transition: all .30s ease-in-out;
    margin-bottom: 100px;
}

.video-box .play-btn:hover {
    background: #123499;
    color: #fff;
}

.video-box h2 {
    width: 100%;
    display: block;
    margin: 0;
    font-size: 32px;
    font-weight: 800;
    color: #fff;
}

/* ROOMS FITER */
.rooms-filter {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
}

.rooms-filter h6 {
    display: inline-block;
    font-weight: 600;
}

.rooms-filter .price-range {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    padding-right: 30px;
}

.rooms-filter .price-range .range-slider__value {
    float: right;
    margin-top: -56px;
    font-weight: 800;
    color: #123499;
}

.rooms-filter .price-range .range-slider__value:before {
    content: "$";
}

.rooms-filter .price-range .range-slider {
    width: 100%;
}

.rooms-filter .specifications {
    width: 50%;
    display: inline-block;
    margin: 0;
    padding: 0;
    padding-left: 30px;
}

.rooms-filter .specifications ul {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
}

.rooms-filter .specifications li {
    display: inline-block;
    margin-right: 20px;
    padding: 0;
    list-style: none;
}

/* ROOMS LIST */
.rooms-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

.rooms-list li {
    width: 50%;
    display: inline-block;
    margin: 0;
    /* margin-top: 50px; */
    padding: 0;
    padding-right: 30px;
    list-style: none;
}

.rooms-list li:nth-child(1) {
    margin-top: 0;
}

.rooms-list li:nth-child(2) {
    margin-top: 0;
}

/* .rooms-list li:nth-child(even) {
  padding-right: 0;
  padding-left: 30px;
} */

/* ROOM BOX */
.room-box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.room-box figure {
    width: 100%;
    display: block;
    margin: 0;
}

.room-box figure img {
    width: 100%;
    border-radius: 10px;
}

.room-box .content {
    width: calc(100% - 50px);
    display: flex;
    flex-wrap: wrap;
    background: #f5f5f5;
    margin-top: -50px;
    margin-left: 50px;
    position: relative;
    z-index: 1;
    padding: 30px;
    padding-right: 0;
    border-radius: 10px;
    margin-bottom: 40px;
    border: 2px solid #123499;
}

.room-box .content .price-line {
    width: 100%;
    display: block;
    font-size: 15px;
    font-weight: 800;
    color: #123499;
    letter-spacing: 1px;
}

.room-box .content .price-line span {
    color: #141414;
    opacity: 0.7;
}

.room-box .content h3 {
    width: 100%;
    display: block;
    font-size: 36px;
    font-family: "Argesta Display";
    margin-bottom: 10px;
}

.room-box .content .bottom-specs {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-top: 1px solid #eee;
    padding-top: 20px;
    margin-top: 20px;
}

.room-box .content .bottom-specs .icons {
    width: 50%;
    display: inline-block;
}

.room-box .content .bottom-specs .icons img {
    height: 25px;
    margin-right: 5px;
}

.room-box .content .bottom-specs .reviews {
    width: 50%;
    text-align: right;
    color: #888888;
    font-size: 15px;
}

.room-box .content .bottom-specs .reviews span {
    padding: 5px 8px;
    background: #123499;
    color: #fff;
    font-weight: 800;
    margin-left: 5px;
}

/* ROOM TYPE */
.room-type {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
}

.room-type .price-line {
    width: 100%;
    display: block;
    font-size: 15px;
    font-weight: 800;
    color: #123499;
    letter-spacing: 1px;
}

.room-type .price-line span {
    color: #141414;
    opacity: 0.7;
}

/* FILTER BUTTONS */
.projects-filter {
    text-align: center;
    margin-bottom: 40px;
}

.filter-btn {
    background: #ffffff;
    border: 2px solid #123499;
    color: #123499;
    padding: 10px 25px;
    font-weight: 600;
    border-radius: 30px;
    margin: 5px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.filter-btn:hover {
    background: #05a6e9;
    color: #ffffff;
    border-color: #05a6e9;
}

.filter-btn.active {
    background: #123499;
    color: #ffffff;
    border-color: #123499;
}

.room-item {
    opacity: 1;
    transform: scale(1);
    transition: all 0.3s ease;
}

.room-item.hide {
    opacity: 0;
    transform: scale(0.95);
}

.room-item.show {
    opacity: 1;
    transform: scale(1);
}


.room-type h3 {
    width: 100%;
    display: block;
    font-size: 80px;
    font-family: "Argesta Display";
    margin-bottom: 20px;
    text-indent: -4px;
}

.room-type small {
    width: 100%;
    display: block;
    opacity: 0.5;
    font-size: 16px;
}

/* RECENT TESTIMONIAL */
.recent-testimonial {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #eee;
    padding: 50px;
    margin-bottom: 50px;
}

.recent-testimonial span {
    width: 100%;
    display: block;
    margin-bottom: 5px;
}

.recent-testimonial span b {
    display: inline-block;
    font-weight: 600;
    margin-right: 10px;
}

.recent-testimonial span i {
    color: #123499;
    display: inline-block;
    margin: 0 2px;
    font-size: 14px;
}

.recent-testimonial small {
    width: 100%;
    display: block;
    margin-bottom: 20px;
    opacity: 0.5;
}

.recent-testimonial p {
    width: 100%;
    display: block;
    margin: 0;
    font-size: 19px;
    font-family: "Argesta Display";
}

/* ROOM GALLERY */
.room-gallery-top {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
}

.room-gallery-top .swiper-slide {
    max-width: 40%;
}

.room-gallery-thumbs {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    overflow: hidden;
    margin-bottom: 50px;
}

.room-gallery-thumbs .swiper-slide {
    background: #141414;
}

.room-gallery-thumbs .swiper-slide:hover img {
    opacity: 1;
}

.room-gallery-thumbs .swiper-slide img {
    opacity: 0.5;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .30s ease-in-out;
    -ms-transition: all .30s ease-in-out;
    -o-transition: all .30s ease-in-out;
    transition: all .30s ease-in-out;
}

/* ROOM INFO BOX */
.room-info-box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 50px;
    border: 1px solid #eee;
    margin: 30px 0;
}

.room-info-box h6 {
    width: 100%;
    display: block;
    font-size: 26px;
    font-family: "Argesta Display";
    margin-bottom: 15px;
    color: #123499;
}

.room-info-box p {
    width: 100%;
    display: block;
}

.room-info-box p:last-child {
    margin-bottom: 0;
}

.room-info-box ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    margin-top: 20px;
    padding: 0;
}

.room-info-box ul li {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 5px 0;
    padding: 5px 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}

.room-info-box ul li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.room-info-box ul li figure {
    width: 50px;
    float: left;
    margin-bottom: 0;
}

.room-info-box ul li figure img {
    height: 22px;
    float: left;
}

.room-info-box ul li b {
    width: 30%;
    font-weight: 600;
    float: left;
}

.room-info-box ul li span {
    width: 65%;
    float: left;
}

/* MEETING EVENT BOX */
.meeting-event-box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
}

.meeting-event-box figure {
    width: 100%;
    display: block;
    margin: 0;
}

.meeting-event-box figure img {
    width: 100%;
}

.meeting-event-box .content {
    width: calc(100% - 50px);
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    margin-top: -50px;
    position: relative;
    z-index: 1;
    padding: 30px;
    padding-left: 0;
    padding-bottom: 0;
    padding-right: 0;
}

.meeting-event-box .content h5 {
    width: 100%;
    display: block;
    font-size: 28px;
    font-family: "Argesta Display";
}

.meeting-event-box .content h5 a {
    display: inline-block;
}

.meeting-event-box .content h5 a:hover {
    color: #123499;
}

.meeting-event-box .content span {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    opacity: 0.4;
}

.meeting-event-box .content small {
    width: 100%;
    display: block;
}

/* SPECIAL OFFER BOX */
.special-offer-box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0;
}

.special-offer-box figure {
    width: 100%;
    display: block;
    margin: 0;
}

.special-offer-box figure img {
    width: 100%;
}

.special-offer-box .content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    position: relative;
    z-index: 1;
    padding: 20px;
    padding-left: 0;
    padding-bottom: 0;
    padding-right: 0;
}

.special-offer-box .content span {
    width: 100%;
    display: block;
    margin-bottom: 0;
    opacity: 0.4;
    font-weight: 600;
    font-size: 13px;
}

.special-offer-box .content h5 {
    width: 100%;
    display: block;
    font-size: 28px;
    font-family: "Argesta Display";
}

.special-offer-box .content h5 a {
    display: inline-block;
}

.special-offer-box .content h5 a:hover {
    color: #123499;
}

.special-offer-box .content p {
    width: 100%;
    display: block;
    opacity: 0.7;
    margin-bottom: 0;
    margin-top: 10px;
    font-size: 12px;
}

.special-offer-box .content small {
    display: inline-block;
    background: #123499;
    padding: 4px 8px;
    color: #fff;
    font-weight: 600;
    font-size: 11px;
}

/* EVENT HEADLINE */
.event-headline {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
}

.event-headline .rating {
    width: 100%;
    display: block;
    margin-bottom: 10px;
}

.event-headline .rating i {
    color: #123499;
    display: inline-block;
    margin-right: 4px;
    font-size: 15px;
}

.event-headline h3 {
    width: 100%;
    display: block;
    font-size: 50px;
    font-family: "Argesta Display";
    margin-bottom: 20px;
    text-indent: -4px;
}

.event-headline address {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}

.event-headline address span {
    display: inline-block;
}

.event-headline address span:first-child {
    margin-right: 10%;
}

.event-headline address span i {
    display: inline-block;
    color: #123499;
    margin-right: 10px;
}

/* CONTACT FORM */
.contact-form {
    width: 100%;
    display: block;
    border-radius: 10px;
}

.contact-form h3 {
    font-weight: 600;
    color: #123499;
}

.contact-form textarea {
    width: 100%;
    height: 130px !important;
}

/* CONTACT BOX*/
.contact-box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    background: #123499;
    color: #fff;
    padding: 50px;
    margin: 15px 0;
}

.contact-box h6 {
    width: 100%;
    display: block;
    margin-bottom: 15px;
    font-size: 22px;
    font-family: "Argesta Display";
}

.contact-box address {
    width: 100%;
    display: block;
    margin: 0;
}

.contact-box address strong {
    width: 100%;
    display: block;
    margin-top: 5px;
}

/* GOOGLE MAPS */
.google-maps {
    width: 100%;
    height: 560px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    background: #123499;
}

.google-maps iframe {
    width: 100%;
    height: 100%;
    display: block;
    mix-blend-mode: overlay;
    filter: grayscale(1);
}

.google-maps i {
    width: 80px;
    height: 80px;
    line-height: 80px;
    background: #fff;
    text-align: center;
    position: absolute;
    left: calc(50% - 40px);
    top: calc(50% - 40px);
    font-size: 40px;
    color: #123499;
    border-radius: 50%;
}

/* .google-maps:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
} */

/* NEWS BOX */
.news-box {
    width: 100%;
    display: block;
    position: relative;
    margin-bottom: 100px;
}

.news-box.single .content {
    padding-left: 0;
}

.news-box.single .content .category:before {
    display: none;
}

.news-box.single .content .author {
    margin-bottom: 30px;
}

.news-box:last-child {
    margin-bottom: 0;
}

.news-box:hover .content h3 a {
    background-size: 100% 100%;
}

.news-box figure {
    width: 100%;
    display: block;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    background: #123499;
}

.news-box figure img {
    width: 100%;
    max-width: inherit;
}

.news-box .content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding-left: 80px;
}

.news-box .content .category {
    display: inline-block;
    color: #123499;
    font-size: 14px;
    font-weight: 600;
    position: relative;
}

.news-box .content .category:before {
    content: "";
    width: 60px;
    height: 1px;
    background: #123499;
    position: absolute;
    left: -80px;
    top: calc(50% - 0.5px);
}

.news-box .content .date {
    display: inline-block;
    font-size: 14px;
    opacity: 0.5;
    font-weight: 600;
    margin-left: 15px;
}

.news-box .content .date:before {
    content: "";
    width: 5px;
    height: 5px;
    background: #141414;
    display: inline-block;
    border-radius: 50%;
    margin-right: 15px;
    transform: translateY(-2px);
}

.news-box .content h3 {
    width: 100%;
    display: block;
    margin-bottom: 30px;
    font-size: 38px;
    line-height: 1.4;
    font-weight: 400;
    font-family: "Argesta Display";
}

.news-box .content h3 a {
    display: block;
    color: #141414;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .30s ease-in-out;
    -ms-transition: all .30s ease-in-out;
    -o-transition: all .30s ease-in-out;
    transition: all .30s ease-in-out;
}

.news-box .content h3 a:hover {
    color: #123499;
    text-decoration: none;
}

.news-box .content .author {
    width: 100%;
    display: block;
    margin-bottom: 0;
    font-size: 13px;
}

.news-box .content .author img {
    height: 60px;
    display: inline-block;
    border-radius: 50%;
    margin-right: 15px;
}

.news-box .content .author b {
    font-weight: 600;
}

.news-box .content h6 {
    font-size: 24px;
    line-height: 1.7;
    margin: 30px 0;
}

.news-box .content strong {
    font-weight: 600;
}

.news-box .content figure {
    margin: 30px 0;
}

.news-box .content blockquote {
    width: 100%;
    display: block;
    padding: 40px;
    background: #f5f3ec;
    color: #123499;
    font-size: 22px;
    font-family: "Argesta Display";
    margin: 30px 0;
}

.news-box .content ul {
    padding-left: 20px;
}

.news-box .content ul li {
    margin: 4px 0;
}

/* SIDEBAR */
.sidebar {
    width: 100%;
    display: block;
    padding-left: 30px;
}

.sidebar .widget {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #f5f3ec;
    border-right: 4px solid #f5f3ec;
    border-bottom: 4px solid #f5f3ec;
    padding: 35px;
    margin-bottom: 35px;
    position: relative;
}

.sidebar .widget * {
    position: relative;
}

.sidebar .widget .widget-title {
    width: 100%;
    display: block;
    position: relative;
    z-index: 1;
    font-weight: 400;
    font-size: 22px;
    color: #123499;
    margin-bottom: 30px;
    padding-bottom: 30px;
    font-family: "Argesta Display";
}

.sidebar .widget .widget-title:after {
    content: "";
    width: 50px;
    height: 4px;
    background: #123499;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}

.sidebar .widget .widget-title:before {
    content: "";
    width: 100%;
    height: 4px;
    background: #f5f3ec;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    mix-blend-mode: difference;
}

.sidebar .widget form {
    width: 100%;
    display: block;
}

.sidebar .widget form input[type="submit"] {
    margin-top: 10px;
    background: #141414;
    color: #fff;
}

.sidebar .widget .categories {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
}

.sidebar .widget .categories li {
    width: 100%;
    display: block;
    margin: 4px 0;
    padding: 0;
    list-style: none;
}

.sidebar .widget .categories li a {
    color: #141414;
    font-size: 19px;
}

.sidebar .widget .categories li a:hover {
    color: #123499;
}

.sidebar .widget .widget-gallery {
    width: calc(100% + 4px);
    float: left;
    margin: 0 -2px;
    padding: 0;
}

.sidebar .widget .widget-gallery li {
    width: 50%;
    float: left;
    margin: 0;
    padding: 2px;
    list-style: none;
}

/* PAGINATION */
.pagination {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}

.pagination .page-item {
    display: inline-block;
}

.pagination .page-item .page-link {
    height: 60px;
    line-height: 60px;
    padding: 0 40px;
    border-radius: 0 !important;
    font-size: 12px;
    font-weight: 600;
    color: #141414;
    outline: none !important;
}

.pagination .page-item .page-link:focus {
    outline: none !important;
}

/* NEWSLETTER BOX */
.newsletter-box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    padding: 0 20%;
}

.newsletter-box h6 {
    width: 100%;
    display: block;
    font-size: 15px;
    font-weight: 800;
    opacity: 0.3;
    letter-spacing: 2px;
    position: relative;
}

.newsletter-box h6:before {
    content: "";
    width: 4vw;
    max-width: 100%;
    height: 1px;
    display: inline-block;
    background: #141414;
    position: absolute;
    left: calc(50% - 2vw);
    top: calc(100% + 10px);
}

.newsletter-box h2 {
    width: 100%;
    display: block;
    margin-bottom: 20px;
    font-family: "Argesta Display";
    font-size: 60px;
}

.newsletter-box form {
    width: 100%;
    height: 80px;
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #cbcbcb;
    padding: 10px;
    margin-bottom: 15px;
}

.newsletter-box form input[type="email"] {
    flex: 1;
    /* height: 60px; */
    border: none;
    padding: 0 10px;
}

.newsletter-box form input[type="submit"] {
    height: 60px;
    border: none;
}

.newsletter-box small {
    width: 100%;
    display: block;
}

.newsletter-box small a {
    display: inline-block;
    text-decoration: underline;
}

.newsletter-box small a:hover {
    text-decoration: none;
}

/* FOOTER BAR */
.footer-bar {
    width: 100%;
    /* display: flex;
    flex-wrap: wrap; */
    align-items: center;
    color: #fff;
    padding: 40px 0;
}

.call-to-action {
    display: flex;
    justify-content: space-between;
}

.footer-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.footer-bar i {
    font-size: 30px;
    display: inline-block;
    margin-right: 10px;
}

.footer-bar h6 {
    display: inline-block;
    margin: 0;
    margin-right: 10px;
    font-size: 36px;
    font-weight: 600;
}

.footer-bar strong {
    font-size: 15px;
}

.footer-bar figure {
    margin-left: auto;
    margin-bottom: 0;
}

.footer-bar figure img {
    height: 40px;
}

/* FOOTER */
.footer {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    background: #f5f5f5;
    padding-top: 100px;
    color: #fff;
}

.footer .widget-title {
    width: 100%;
    display: block;
    font-size: 22px;
    font-family: "Argesta Display";
    margin-bottom: 25px;
    color: #000;
    font-weight: 600;
}

.footer p {
    width: 100%;
    display: block;
    color: #000;
}

.footer p a {
    color: #000;
}

.footer p a:hover {
    color: #123499;
}

.footer-bottom {
    background: #f5f5f5;
    /* keep it same as your footer */
    color: #fff;
    width: 100%;
    font-size: 14px;
    border-top: 1px solid #123499;
}

.footer-bottom .bottom-bar {
    width: 100%;
    padding: 20px 30px;
    /* space inside */
    position: relative;
}

.footer-bottom .bottom-bar:before {
    content: "";
    width: 100%;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.2;
}

.footer-bottom a {
    color: #000;
    text-decoration: none;
    font-weight: 600;
}

.footer-bottom a:hover {
    color: #05a6e9 !important;
}


.footer .bottom-bar span {
    display: inline-block;
}

.footer .bottom-bar .footer-social {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.footer .bottom-bar .footer-social li {
    display: inline-block;
    margin-left: 10px;
    padding: 0;
    list-style: none;
}

.footer .bottom-bar .footer-social li a {
    display: inline-block;
    color: #fff;
}

/* RESPONSIVE MEDIUM  */
@media only screen and (max-width: 1199px),
only screen and (max-device-width: 1199px) {
    .hotel-search form .form-group {
        margin: 15px;
    }

    .side-image .video-button {
        width: 120px;
        height: 120px;
        line-height: 120px;
        left: calc(50% - 60px);
        top: calc(50% - 60px);
    }

    .side-image.overlap-bottom {
        transform: translateY(0);
    }

    .side-image.left-align:after {
        display: none;
    }

    .side-image.right-align:after {
        display: none;
    }

    .side-image.overlap-top {
        transform: translateY(0);
    }

    .side-content.text-left p {
        padding-right: 0;
    }

    .side-content .custom-button {
        margin-top: 20px;
    }

    .section-title h2 {
        font-size: 48px;
    }

    .section-title h6:before {
        display: none;
    }

    .side-content h2 {
        font-size: 28px;
    }

    .carousel-image-box {
        width: 100%;
    }

    .side-hotel-box.right {
        padding-left: 50px;
    }

    .side-hotel-box h2 {
        font-size: 38px;
    }

    .side-hotel-box h2 br {
        display: none;
    }

    .side-hotel-box .review {
        display: none;
    }

    .side-content.text-left {
        padding-right: 10%;
    }

    .video-box .play-btn {
        width: 120px;
        height: 120px;
        line-height: 120px;
        left: calc(50% - 60px);
        top: calc(50% - 60px);
    }

    .rooms-slider .swiper-slide .room-detail {
        width: 60%;
    }

    .recent-news .content {
        padding-left: 0;
    }

    .recent-news .content ul:before {
        display: none;
    }

    .meeting-event-box .content {
        width: 100%;
        margin-top: 0;
        padding-top: 25px;
    }

    .meeting-event-box .content h5 {
        font-size: 23px;
    }

    .event-headline h3 {
        font-size: 44px;
    }

    .room-box .content {
        width: 100%;
        margin-left: 0;
        margin-top: -10px;
        margin-bottom: 20px;
        padding: 25px;
    }

    .room-box .content h3{
        font-size: 28px;
    }

    .special-offer-box .content h5 {
        font-size: 23px;
    }

    .special-offer-box .content {
        width: 100%;
        margin-top: 25px;
        padding: 0;
    }

    .newsletter-box h2 {
        font-size: 48px;
    }

    .side-gallery {
        transform: translateY(0);
    }

    .rooms-list li {
        padding-right: 15px;
    }

    .rooms-list li:nth-child(even) {
        padding-left: 15px;
    }

    .room-type h3 {
        font-size: 60px;
    }

    .room-info-box {
        padding: 30px;
    }

    .room-info-box ul li span {
        width: auto;
    }

    .contact-box {
        padding: 30px;
    }

    .contact-form input[type="text"] {
        width: 100%;
    }

    .custom-button {
        height: 50px;
        line-height: 50px;
    }

    .sidebar {
        padding-left: 0;
    }

    .news-box .content {
        padding-left: 0;
    }

    .news-box .content .category:before {
        display: none;
    }

    .footer .bottom-bar:before {
        width: 100%;
        left: 0;
    }

    .content-section.bottom-spacing {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    .content-section.top-spacing {
        margin-top: 0 !important;
    }

    .col-md-6:nth-child(2) .recent-news {
        padding-right: 0;
    }

    .col-md-6:nth-child(3) .recent-news {
        padding-left: 0;
    }
}

/* RESPONSIVE TABLET  */
@media only screen and (max-width: 991px),
only screen and (max-device-width: 991px) {
    .cursor {
        display: none;
    }

    .hamburger-navigation .nav-menu.mobile-menu {
        display: inline-block;
    }

    .navbar .site-menu {
        display: none;
    }

    .side-image.right-full {
        width: 100%;
    }

    .side-content.text-center {
        padding: 40px 0;
    }

    .side-content.text-left {
        padding: 100px 0;
    }

    .side-hotel-box.right {
        padding: 40px 0;
    }

    .side-gallery {
        width: 100vw;
        margin-left: 50%;
        float: left;
        transform: translateX(-50%);
    }

    .side-gallery div:nth-child(1) {
        width: 100%;
    }

    .side-gallery div:nth-child(2) {
        width: 50%;
        margin: 0;
    }

    .side-gallery div:nth-child(3) {
        width: 50%;
        margin: 0;
    }

    .side-content h2 br {
        display: none;
    }

    .rooms-slider {
        width: calc(100% - 30px);
        margin: 0 15px 40px 15px;
        margin-top: 50px;
    }

    .rooms-slider .swiper-slide {
        max-width: 100%;
    }

    .testimonial-box.bottom {
        margin-bottom: 0;
    }

    .recent-news .content h2 {
        font-size: 21px;
        margin-top: 10px;
    }

    .member-box {
        margin: 15px 0;
    }

    .member-box .content {
        width: 100%;
        margin-top: 0;
    }

    .side-image.left-full-space {
        width: 100vw;
        float: left;
        margin-right: 0;
        margin-left: 50%;
        transform: translateX(-50%);
    }

    .event-headline h3 {
        font-size: 36px;
    }

    .event-headline h3 br {
        display: none;
    }

    .content-tab .tab-item {
        padding: 30px;
    }

    .content-tab .tab-item ul li {
        width: 50%;
    }

    .content-tab .tab-item .col-lg-4.col-md-6 {
        margin-bottom: 30px;
    }

    .video-box {
        margin: 0;
    }

    .video-box h2 br {
        display: none;
    }

    .video-box .play-btn {
        margin-bottom: 50px;
    }

    .rooms-filter .price-range {
        width: 100%;
        margin-bottom: 10px;
    }

    .rooms-filter .specifications {
        width: 100%;
        padding-left: 0;
    }

    .rooms-list li {
        width: 100%;
        padding-right: 0;
        margin-bottom: 60px;
    }

    .rooms-list li:nth-child(even) {
        width: 100%;
        padding-left: 0;
    }

    .rooms-list li:last-child {
        margin-bottom: 0;
    }

    .recent-testimonial {
        padding: 30px;
    }

    .sidebar {
        margin-top: 50px;
    }

    .newsletter-box {
        padding: 0;
    }

    .footer-bar h6 {
        font-size: 20px;
    }

    .footer-bar figure img {
        height: 34px;
    }

    .footer .widget-title {
        margin-bottom: 10px;
    }

    .footer .row div:first-child .widget-title {
        margin-top: 0;
    }
}

/* RESPONSIVE MOBILE */
@media only screen and (max-width: 767px),
only screen and (max-device-width: 767px) {
    .hamburger-navigation-active .hamburger-navigation .container {
        padding-top: 50px;
    }

    .hamburger-navigation .info-box {
        width: 100%;
        margin-top: 20px;
        padding-top: 20px;
    }

    .hamburger-navigation .nav-menu li {
        margin: 3px 0;
        padding: 0 !important;
    }

    .hamburger-navigation .nav-menu li a:hover {
        color: #fff !important;
    }

    .hamburder-menu .submenu {
        padding-left: 0px !important;
    }

    .hamburger-navigation .nav-menu li a {
        font-size: 6vw !important;
    }

    .page-header .container h1 {
        font-size: 10vw;
    }

    .page-header .container p {
        letter-spacing: 0;
    }

    .navbar .navbar-text {
        display: none;
    }

    .slider h6 {
        letter-spacing: 0;
        font-size: 16px;
    }

    .slider h1 {
        font-size: 10vw;
    }

    .slider a {
        height: 50px;
        line-height: 50px;
    }

    /* .slider .slider-prev {
      display: none;
    }
  
    .slider .slider-next {
      display: none;
    } */
    .slider .slider-next {
        right: 25%;
    }

    .slider .slider-fraction {
        width: 30%;
    }

    .hotel-search form .form-group {
        width: 100%;
    }

    .section-title h2 {
        font-size: 26px !important;
    }

    .section-title h2 br {
        display: none;
    }

    .side-hotel-box h2 {
        font-size: 28px;
    }

    .package-box {
        padding: 30px;
    }

    .package-box h4 {
        font-size: 34px;
    }

    .events-tab .tab-nav li {
        margin-bottom: 10px;
    }

    .rooms-slider .swiper-slide .room-detail {
        width: calc(100% - 30px);
        left: 15px;
        bottom: 15px;
        padding: 15px;
    }

    .room-box .content .bottom-specs .icons {
        width: 100%;
    }

    .room-box .content .bottom-specs .reviews {
        width: 100%;
        text-align: left;
        margin-top: 20px;
    }

    .room-type h3 {
        font-size: 34px;
    }

    .room-gallery-top {
        display: none;
    }

    .room-info-box ul li b {
        width: 80%;
    }

    .content-tab .tab-nav li {
        padding: 0 15px;
        margin-right: 0;
        margin-left: -1px;
    }

    .content-tab .tab-nav li:first-child {
        margin-left: 0;
    }

    .content-tab .tab-item ul li {
        width: 100%;
    }

    .news-box {
        margin-bottom: 50px;
    }

    .news-box .content h3 {
        font-size: 30px;
        line-height: 1.2;
        margin-top: 10px;
    }

    .sidebar .widget {
        padding: 30px;
    }

    .newsletter-box h2 {
        font-size: 34px;
    }

    .newsletter-box form {
        height: auto;
    }

    .newsletter-box form input[type="email"] {
        margin-bottom: 10px;
    }

    .newsletter-box form input[type="submit"] {
        width: 100%;
    }

    .footer-bar strong {
        width: 100%;
        display: block;
        margin: 10px 0;
    }

    .footer-bar figure {
        width: 100%;
        margin: 0;
        margin-top: 10px;
    }

    .footer .bottom-bar .footer-social {
        width: 100%;
        display: block;
        margin-top: 10px;
    }

    .footer .bottom-bar .footer-social li {
        margin-left: 0;
        margin-right: 10px;
    }
}

.blog-box:hover {
    transform: translateY(-5px);
}

.blog-box figure img {
    width: 100%;
    border-radius: 10px;
}

.blog-box .content {
    margin-top: 15px;
    color: #fff;
    text-align: center;
}

.blog-box h5 a {
    color: #fff;
    text-decoration: none;
}

.blog-box h5 a:hover {
    color: #123499;
}

.slide-bg {
    width: 100%;
    height: -webkit-fill-available;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
}

/* Floating button */
#call {
    position: fixed;
    bottom: 100px;
    right: 18px;
    z-index: 9999;
    display: flex;
    align-items: center;
    gap: 10px;
    background: #123499;
    color: #fff;
    text-decoration: none;
    padding: 12px 18px;
    font-family: 'Jost', sans-serif;
    font-size: 18px;
    font-weight: 600;
    border: 1px solid #fff;
    animation: pulseBlue 1.5s infinite ease-out;
    border-radius: 35px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/* Phone icon */
#call img {
    width: 28px;
    height: 28px;
}

/* Pulse animation */
@keyframes pulseBlue {
    0% {
        box-shadow: 0 0 0 0 rgba(41, 103, 184, 0.6);
    }

    70% {
        box-shadow: 0 0 0 15px rgba(41, 103, 184, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(41, 103, 184, 0);
    }
}

.projects-tracker {
    padding: 80px 0;
    background: #f8f9fc;
    text-align: center;
    background-image: url(../images/featured-10.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    /* important for ::before */
    z-index: 1;
}

/* .projects-tracker::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: -1;
} */

.projects-tracker .section-title h2,
.projects-tracker .section-title h6,
.projects-tracker .section-title p {
    position: relative;
    z-index: 2;
    /* ensures text is above the overlay */
}

.projects-tracker .section-title h2 {
    margin-bottom: 10px;
    /* color: #ffffff; */
}

.projects-tracker .section-title h6:before {
    left: 35%;
    top: 40%;
}

.projects-tracker .section-title p {
    font-size: 16px;
    color: #555;
    margin-bottom: 50px;
}

@media (max-width: 1199px) {
    .projects-tracker {
        padding: 60px 0px;
    }
}

/* Project Card */
.project-card {
    display: flex;
    flex-direction: column;
    /* Stack for slider */
    align-items: stretch;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    /* margin: 15px; */
    transition: transform 0.3s ease;
    height: 100%;
    border-radius: 10px;
}

/* .project-card:hover {
  transform: translateY(-5px);
} */

.project-img {
    width: 100%;
    height: 400px;
    overflow: hidden;
}

.project-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.project-info {
    padding: 20px;
    text-align: left;
    flex: 1;
}

.project-info h3 {
    font-size: 26px;
    color: #123499;
    margin-bottom: 5px;
    font-weight: 600;
    text-transform: capitalize;
}

.project-info p {
    font-size: 16px;
    color: #000;
    font-weight: 600;
    margin-bottom: 15px;
}

.progress-wrapper {
    margin-top: 10px;
}

.progress-bar {
    background: #e1e7f5;
    border-radius: 50px;
    overflow: hidden;
    height: 25px;
    position: relative;
}


.progress-bar .progress {
    background: linear-gradient(90deg, #05a6e9, #00e0ff);
    height: 100%;
    border-radius: 50px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    /* Center text inside bar */
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    width: 0%;
    /* start from 0 */
    transition: width 2s ease-in-out;
}


.progress-percent {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* center perfectly */
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    z-index: 2;
}

.progress-text {
    margin-top: 8px;
    font-size: 14px;
    color: #000 !important;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    /* Center text horizontally */
}

.progress-text .construction-image {
    margin-right: 6px;
}

.footer-logo {
    margin-bottom: 20px;
}

.list-unstyled li a {
    color: #000000;
    font-weight: 500;
}


.list-unstyled li a:hover{
    color: #123499;
}
.bottom-bar p {
    font-size: 16px;
    color: #000;
}


/* Contact Section Start  */

/* Section Background */
.contact-section {
    background-color: #123499;
}

/* Contact Form Box */
.contact-form {
    background-color: #fff;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
}

/* Input Fields & Textarea */
.contact-form .form-control {
    border: 1px solid #123499;
    padding: 10px 12px;
    transition: all 0.3s ease;
    height: 50px;
    color: #000;
    background-color: #f7f5f4;
}

/* Focus Effect */
.contact-form .form-control:focus {
    border-color: #123499;
    box-shadow: 0 0 8px rgba(41, 103, 184, 0.5);
    /* converted #123499 to rgba */
    outline: none;
}

/* Labels */
.contact-form .form-label {
    font-weight: 600;
    font-size: 18px;
    display: none;
}

/* Submit Button */
.contact-form .submit-btn {
    background-color: #05a6e9;
    color: #fff;
    border-radius: 5px;
    padding: 10px 20px;
    border: none;
    font-weight: 500;
    transition: all 0.3s ease;
}

/* Button Hover */
.contact-form .submit-btn:hover {
    background-color: #123499;
    color: #05a6e9;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

/* Responsive adjustments */
@media (max-width: 991px) {
    .contact-form {
        min-height: auto;
    }
}

@media (max-width: 1199px) {
    .map-container iframe {
        height: 400px;
    }
}

/* Contact Section End  */

.featured-icon img {
    max-width: 28px;
    margin-right: 5px;
    display: inline-flex !important;
    align-items: center;
}

/* Award Section Start  */


/* Award Images */
.awards-section {
    padding: 50px 0px;
}

.award-slider .item {
    text-align: center;
    padding: 10px;
}

.award-slider .item img {
    max-width: 120px;
    margin: auto;
    transition: transform 0.3s ease;
}

.award-slider .item img:hover {
    transform: scale(1.1);
}

.awards-section .section-title h2 {
    font-size: 38px;
}

/* Award Section End  */


/* Channel Partners Section  */

/* Partner Logos */
.partners-section {
    padding: 50px 0px;
}

.partners-section .section-title h2 {
    font-size: 38px;
}

.partners-slider .item {
    text-align: center;
    padding: 15px;
}

.partners-slider .item img {
    max-width: 180px;
    margin: auto;
    transition: transform 0.3s ease;
    /*filter: grayscale(100%);*/
    /* stylish gray logos */
    opacity: 0.8;
}

.partners-section .section-title {
    margin-bottom: 20px;
}

.partners-slider .item img:hover {
    transform: scale(1.1);
    filter: grayscale(0%);
    /* show color on hover */
    opacity: 1;
}

/* Channel Partners Section  */


@media (max-width: 1199px) {
    .phone-numbers {
        display: none;
    }

    .loader-text {
        font-size: 31px;
    }

    .content-section {
        padding: 60px 0;
    }

    .section-title h6 {
        font-size: 16px;
    }

    .section-title h6:after{
        display: none;
    }

    .section-title {
        margin-bottom: 30px;
    }

    .content-section .side-content.text-left {
        padding: 0px 0px 60px 0px;
    }

    .recent-news figure {
        padding-left: 0px;
    }
}

@media (max-width: 468px) {
    .footer .bottom-bar {
        flex-direction: column;
        margin: 20px 0px;
    }
}

body #whatsapp {
    position: fixed;
    bottom: 180px !important;
    right: 18px;
    cursor: pointer;
    z-index: 99999;
    display: flex;
    align-items: center;
    gap: 10px;
    background: #11c035;
    color: #fff;
    text-decoration: none;
    padding: 12px 18px;
    font-family: 'Jost', sans-serif;
    font-size: 18px;
    font-weight: 600;
    border-radius: 35px;
    border: 1px solid #fff;
    animation: pulseGreen 1.5s infinite ease-out;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

body #whatsapp img {
    border-radius: 50%;
    font-size: 31px;
    color: #ffffff;
    background-color: #11c035;
    text-align: center;
    display: inline-block;
    box-shadow: rgb(255 255 255 / 35%) 0px 5px 15px;
}

@keyframes pulseGreen {
    0% {
        box-shadow: 0 0 0 0 rgba(17, 192, 53, 0.5);
    }

    80% {
        box-shadow: 0 0 0 14px rgba(17, 192, 53, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(17, 192, 53, 0);
    }
}

@media (max-width: 1199px) {
    body #whatsapp {
        display: none;
    }

    #call {
        display: none;
    }
}

@media (max-width: 1199px) {
    .navbar .logo a img {
        height: 60px;
    }
}

/* Position submenu */
.site-menu ul li {
    position: relative;
}

.site-menu ul li .submenu {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    /* 🔴 Change to your brand color */
    list-style: none;
    padding: 10px 0;
    margin: 0;
    min-width: 240px;
    display: none;
    z-index: 100;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
}

/* submenu items */
.site-menu ul li .submenu li {
    padding: 0;
    margin: 0px 15px;
}

.site-menu ul li .submenu li a {
    display: block;
    font-size: 14px;
    line-height: 24px;
    padding: 6px 0;
    white-space: nowrap;
    color: #252733;
    font-weight: 600;
    letter-spacing: .5px;
    text-align: left;
    text-transform: capitalize;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    text-transform: uppercase;
    border-bottom: 1px solid #fff;
}

.site-menu ul li .submenu li:hover {
    color: #fff;
}

/* Show submenu on hover */
.site-menu ul li.has-submenu:hover .submenu {
    display: block;

}

/* ===== Mobile Navigation Base ===== */
.mobile-navigation {
    position: fixed;
    top: 0;
    right: -100%;
    width: 80%;
    max-width: 320px;
    height: 100%;
    background: #fff;
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.2);
    transition: right 0.4s ease;
    z-index: 9999;
    overflow-y: auto;
    padding: 20px;
}

/* When active (menu open) */
.mobile-navigation.active {
    right: 0;
}

/* Dark overlay */
.mobile-navigation .layer {
    display: none;
}

.mobile-navigation.active~.layer {
    display: block;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 9998;
}

/* Mobile menu links */
.mobile-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mobile-menu li {
    border-bottom: 1px solid #eee;
}

.mobile-menu li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    font-size: 16px;
    color: #333;
    text-decoration: none;
}

.mobile-menu li a:hover {
    color: #a1111b;
    /* highlight color */
}

/* Submenu */
.submenu {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 15px;
}

.has-submenu.open>.submenu {
    display: block;
}

.arrow {
    display: inline-block;
    width: 12px;
    height: 12px;
    transition: transform 0.3s;
}

.has-submenu.open .arrow {
    transform: rotate(-135deg);
}

/* Social icons */
.info-box {
    margin-top: 20px;
    text-align: center;
}

.info-box span {
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
}

.social-icons {
    display: flex;
    justify-content: center;
}

.social-icons li {
    list-style: none;
}

.social-icons a {
    display: flex;
    width: 35px;
    height: 35px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f1f1f1;
    color: #333;
    transition: 0.3s;
}

/* ===== Responsive: Hide on desktop ===== */
@media (min-width: 992px) {
    .mobile-navigation {
        display: none;
    }
}

@media (min-width: 768px) {
    .hamburger-navigation-active .navbar .logo {
        opacity: 0;
    }

    .hamburger-navigation-active .navbar .site-menu {
        opacity: 0;
    }

    .hamburger-navigation-active .navbar .phone-numbers {
        opacity: 0;
    }
}


/* Base nav */
.hamburder-menu .nav-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.hamburder-menu .nav-menu li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 10px;
    position: relative;
}

/* Links */

/* Arrow */
.hamburder-menu .arrow {
    width: 50px;
    height: 15px;
    background-size: 20px;
    background-repeat: no-repeat;
    transition: transform 0.3s ease;
    /* white down arrow */
    background-image: url(../images/white-down-arroww.png);
}

/* Rotate arrow when open */
.hamburder-menu .has-submenu.open .arrow {
    transform: unset !important;
}

/* Submenu hidden by default */
.hamburder-menu .submenu {
    display: none;
    list-style: none;
    padding: 0 0 0 16px;
    margin: 0;
}

.hamburder-menu .submenu li a {
    font-size: 18px;
    color: #ddd;
}

.hamburder-menu .submenu li a:hover {
    color: #fff;
}

@media (max-width: 1199px) {
    .hamburger-navigation-active .navbar {
        opacity: 1 !important;
    }

    .hamburger-navigation-active .navbar .logo {
        opacity: 1 !important;
    }

    .hamburder-menu .arrow {
        width: 25px;
        height: 15px;
        background-size: 20px;
        background-repeat: no-repeat;
        transition: transform 0.3s ease;
        /* white down arrow */
        background-image: url(../images/white-down-arroww.png);
    }
}

.hamburger-navigation .nav-menu li:last-child {
    border-bottom: none;
}

@media (max-width: 1199px) {
    .hamburder-menu .submenu li a {
        font-size: 18px !important;
    }
}

#about-us .video-play-wrapper {
    position: relative;
    max-width: 800px;
    height: 880px;
}

#about-us .video-wrapper video {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    max-height: 100%;
    margin: auto;
    -o-object-fit: cover;
    object-fit: cover;
}

#about-us .video-wrapper:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
}

/* Video Section */

.luxury-parallax-video .brand-video {
    height: 700px;
    width: 100%;
    object-fit: cover;
}

.luxury-parallax-video .video-text {
    position: relative;
    z-index: 3;
    text-align: center;
    color: #fff;
    top: 50%;
    transform: translateY(-50%);
}

.luxury-parallax-video .video-text h2 {
    font-size: 3rem;
    margin-bottom: 1rem;
    font-family: "Argesta Display", serif;
}

.luxury-parallax-video .video-text p {
    font-size: 1.25rem;
    font-family: "Jost", sans-serif;
}

/* Blue Section */
.luxury-intro-block {
    background: #123499;
    color: #fff;
    padding: 10rem 0rem;
    text-align: center;
    z-index: 3;
    position: relative;
}

.luxury-intro-block h2 {
    font-size: 3rem;
    margin-bottom: 1rem;
    font-family: "Argesta Display", serif;
}

.luxury-intro-block p {
    font-size: 1.3rem;
    font-family: "Jost", sans-serif;
}

/* Image Block */
.luxury-image-block {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.luxury-image-block img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.luxury-image-block .image-text {
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    color: #fff;
    z-index: 2;
}

.luxury-image-block .image-text h2 {
    font-size: 2.5rem;
    margin-bottom: 0.5rem;
    font-family: "Argesta Display", serif;
}

.luxury-image-block .image-text p {
    font-size: 1.2rem;
    font-family: "Jost", sans-serif;
}


@media (max-width: 1199px) {
    .luxury-parallax-video .video-text h2 {
        font-size: 1.8rem;
    }
}


.why-choose-us {
    background-color: #f7f5f4;
    margin: 50px auto;
    padding: 80px 0px;
}

.category-map img {
    max-width: 50px;
    margin-right: 20px;
}

@media (max-width: 1199px) {
    .parallax-content {
        height: auto !important;
    }

    .scroll-to-top__text {
        display: none;
    }
}


@media (max-width: 1199px) {
    #about-us .video-play-wrapper {
        height: 470px;
        max-width: unset;
    }

    .video-parallax-section {
        height: 350px;
    }

    .video-parallax-section .parallax-title {
        font-size: 1.9rem;
    }

    .video-parallax-section .parallax-subtitle {
        font-size: 1.3rem
    }

    .brand-video-section {
        height: 200px;
    }

    .nav-social .social-icons {
        padding: 0;
    }

    .luxury-intro-block {
        padding: 2rem 0.5rem;
    }

    .luxury-intro-block h2 {
        font-size: 1.8rem;
    }

    .luxury-intro-block p {
        font-size: 1rem;
    }

    .luxury-parallax-video {
        height: 300px !important;
    }

    .luxury-parallax-video video {
        height: 300px;
    }

    .luxury-parallax-video .brand-video {
        height: 300px;
    }
}

/* Hero Section Start  */
.hero-section {
    position: relative;
    width: 100%;
    padding-top: 50px;
    padding-bottom: 250px;
    background: #123499;
    overflow: hidden;
    /* adjust as needed */
}

/* First Text Animation (center → right) */
.content-marquee .text-line {
    font-size: 111px;
    font-weight: 600;
    color: #fff;
    font-family: "Argesta Display", serif;
    white-space: nowrap;
    transform: translateX(0);
    /* start centered */
    transition: transform 0.1s linear;
    will-change: transform;
    position: relative;
    z-index: 2;
}

.content-marquee {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Scroll-based marquee text (parallax effect) */
.marquee-text {
    font-size: 38px;
    font-weight: 500;
    color: #111;
    white-space: nowrap;
    transition: transform 0.2s ease-out;
    will-change: transform;
    position: relative;
    z-index: 10;
}

/* Video Box */
.hero_media {
    flex-shrink: 0;
}

.hero_media .inner_wrap {
    max-width: 100%;
}

.media_video {
    width: 100%;
    height: auto;
    display: block;
    max-width: 1000px;
    margin-top: -315px;
    margin-left: 200px;
    position: relative;
}

@media (max-width: 1199px) {
    .content-marquee .text-line {
        font-size: 28px;
        text-align: center;
        margin-left: 130px;
    }

    .recent-news .news-header {
        display: unset !important;
    }

    .recent-news .quote-icon img {
        height: 50px !important;
        width: 50px !important;
    }

    .media_video {
        max-width: unset;
        margin-left: 0px;
        margin-top: -160px;
    }

    .hero-section {
        padding-bottom: 190px;
        padding-top: 30px;
    }

    .hero_media {
        flex-shrink: unset !important;
    }
}


@media (max-width: 468px) {
    .media_video {
        max-width: unset;
        height: 280px;
        margin-left: 0px;
        margin-top: -200px;
    }
}

/* Hero Section End  */


.luxury-reveal-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.luxury-parallax-video {
    position: relative;
    height: 100vh;
    width: 100%;
    overflow: hidden;
    position: sticky;
    top: 0;
}

.luxury-parallax-video video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    z-index: 1;
}

/* .luxury-parallax-video .video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 2;
} */

.luxury-parallax-video .video-text {
    position: relative;
    z-index: 3;
    text-align: center;
    color: #fff;
    top: 50%;
    transform: translateY(-50%);
}

.luxury-parallax-video .video-text p {
    font-size: 1.25rem;
    font-family: "Jost", sans-serif;
}

.parallax-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.parallax-content h2 {
    color: #fff;
    margin-bottom: 25px;
    position: relative;
}

/*.parallax-content h2:before {
    content: "";
    width: 4vw;
    max-width: 100%;
    height: 1px;
    display: inline-block;
    background: #ffffff;
    position: absolute;
    left: 10%;
    top: calc(50% - 0.5px);
}

.parallax-content h2:after {
    content: "";
    width: 4vw;
    max-width: 100%;
    height: 1px;
    display: inline-block;
    background: #ffffff;
    position: absolute;
    left: 80%;
    top: calc(50% - 0.5px);
}*/


.parallax-section {
    position: relative;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    z-index: 0;

    /* fallback image */
    background-image: url('../images/aerial-view-cargo-ship-cargo-container-harbor.jpg');
    background-size: cover;
    background-position: center;
}

/* Background video only inside this section */
.parallax-section video {
    position: absolute;
    /* ✅ stays inside this section */
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    z-index: -2;
    /* behind everything */
}

/* Dark overlay */
.parallax-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: -1;
    /* between video and content */
}

/* Content */
.parallax-content {
    position: relative;
    z-index: 2;
    color: #fff;
    background: #153e7f;
    padding: 30px;
    border-radius: 8px;
    height: 200px;
    max-width: 550px;
    text-align: center;
}



#call-to-action-btn {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #05a6e9;
    color: #fff;
    text-decoration: none;
    padding: 12px 18px;
    font-family: 'Jost', sans-serif;
    font-size: 18px;
    max-width: 190px;
    margin: 0 auto;
    text-align: center;
    font-weight: 600;
    border: 1px solid #123499;
    animation: pulseBlue 1.5s infinite ease-out;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/* Phone icon */
#call-to-action-btn img {
    width: 28px;
    height: 28px;
}

/* Pulse animation */
@keyframes pulseBlue {
    0% {
        box-shadow: 0 0 0 0 rgba(41, 103, 184, 0.6);
    }

    70% {
        box-shadow: 0 0 0 15px rgba(41, 103, 184, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(41, 103, 184, 0);
    }
}

@media (max-width: 1199px) {
    .navbar .navbar-text {
        display: none;
    }
}

.recent-news iframe {
    width: 605px;
    height: 342px;
    max-width: 100%;
    border-radius: 7px;
}

@media (max-width: 1199px) {
    .recent-news iframe {
        height: 413px;
    }
}

.our-projects {
    width: 100%;
    object-fit: cover;
    background-image: none;
    background-position: center;
    background-color: #12349936;
}


/* Animated Background SVG */
.animated-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
    /* Ensures SVG doesn't interfere with clicks */
}

.bluebox-video {
    padding-bottom: 100px;
}

/* .projects-tracker .section-title h6 {
  color: #ffffff;
} */

@media (max-width: 1199px) {
    .bluebox-video {
        padding-bottom: 15px;
    }

    .recent-news {
        padding: 30px;
    }
}

/* --- ANIMATION TO CROSS --- */
.menu.active .line1 {
    transform: rotate(45deg);
    transform-origin: 75% 50%;
    y: 50;
}

.menu.active .line2 {
    opacity: 0;
}

.menu.active .line3 {
    transform: rotate(-45deg);
    transform-origin: 0% 15%;
    y: 50;
}

.hamburder-menu {
    margin-top: 80px;
}

/* @media (max-width: 1199px) {
  .menu-scroll {
    max-height: 70vh;
    overflow-y: auto;
    overflow-x: hidden;
  }
} */

@media (max-width: 1199px) {
    .recent-news figure img {
        height: 75px !important;
        width: 75px !important;
    }

    .client-info h3{
        font-size: 21px;
    }

    .project-img {
        height: 100% !important;
    }

    .slider,
    .slider .main-slider {
        height: 75vh;
    }

    .hamburder-menu {
        margin-top: 100px;
    }

    .hamburger-navigation .nav-menu li a {
        font-size: 2.8vw;
    }
}

@media (max-width: 468px) {
    .hamburder-menu {
        margin-top: 60px;
    }
}

.solidbot {
    position: relative;
    overflow: hidden;
    min-height: 500px;
    display: flex;
    align-items: center;
}

.solidbot-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    background: url("../images/pralex2.png") center/cover no-repeat;
    will-change: transform;
}

.solidbot .solcontebot {
    position: relative;
    z-index: 2;
    color: #fff;
    padding: 30px;
    background-color: #05a6e9;
}

.solidbot h2 {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 20px;
}

.solidbot p {
    font-size: 18px;
    line-height: 1.6;
}






.second-parallax-section {
    position: relative;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

/* Style the video */
.second-parallax-section video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    z-index: 0;
}

.parallax-background {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 120%;

    overflow: hidden;

    /*z-index: -1;*/

}

.parallax-background img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    /*transform: translate3d(0, 0, 0);*/

    /*will-change: transform;*/

}

.second-parallax-section::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.5);

    z-index: 2;

}

.second-parallax-section .parallax-content {

    position: relative;

    z-index: 2;

    text-align: center;

    color: #fff;

    font-family: "Argesta Display", serif;

    max-width: 800px;

    margin: 0 auto;

    background-color: unset;

    padding: unset;

}


.second-parallax-section .overlay {

    position: absolute;

    top: -100%;

    left: 0;

    width: 100%;

    height: 100%;

    background: url('../images/arise-atlantis-budget-house-in-ahmedabad.jpg') center / cover no-repeat fixed !important;

    animation: overlayDrop 1s forwards 3s;

    z-index: 10;

}

@media (max-width: 1199px) {

    .second-parallax-section .parallax-content h2 {

        font-size: 1.6rem !important;

    }

    .second-parallax-section {

        height: 500px;

    }

}









.navbar.scrolled .phone-numbers a:hover {
    color: #05a6e9;
}

.project-meta {
    margin-top: 10px;
}

.project-meta p {
    margin: 5px 0;
    font-size: 16px;
    color: #000;
    display: flex;
}

.project-meta .timeline-year {
    font-size: 21px;
    font-weight: 500;
}

.project-meta .tracker-address-text {
    font-weight: 400;
}

.project-meta .meta-icon {
    margin-right: 8px;
    display: inline-flex;
    align-items: flex-start;
}


/* After Upload Css Star  */

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

/*.image-design-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}*/

.image-design-wrapper .image-shape {
    width: 100%;
    height: 100%;
    text-align: center;
}

/*.image-design-wrapper .image-shape.first {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    border: 10px solid #123499;
    border-radius: 186px;
}*/

.image-design-wrapper {
    position: relative;
    padding: 20px;         /* spacing between border & image */
    border: 1px solid #05a6e9;  /* golden thin border */
    width: fit-content;
    display: inline-block;
}

.image-design-wrapper::before,
.image-design-wrapper::after {
    content: "";
    position: absolute;
    background: #05a6e9;   /* golden color */
}

/* TOP horizontal line */
.image-design-wrapper::before {
    height: 1px;
    width: 60%;
    top: -1px;
    left: -10%;
}

/* LEFT vertical line */
.image-design-wrapper::after {
    width: 1px;
    height: 60%;
    left: -1px;
    bottom: -8%;
}

.image-shape.first img {
    display: block;
    border-radius: 60px 0px 60px 0px;
}

.image-border-frame {
    position: relative;
    /*padding: 30px;*/
    display: inline-block;
}

.image-border-frame::before,
.image-border-frame::after {
    content: "";
    position: absolute;
    background: #05a6e9;
}

/* Right vertical line */
.image-border-frame::before {
    width: 1px;
    height: 70%;
    right: -21px;
    top: -12%;
}

/* Bottom horizontal line */
.image-border-frame::after {
   height: 1px;
    width: 70%;
    bottom: -29px;
    right: -15%;
}



.image-design-wrapper .image-shape img {
    max-width: 450px;
}

.about-left-image{
    position: absolute;
    bottom: 0;
}

/*.image-design-wrapper .image-shape.second {
    margin-left: auto;
    width: 375px;
    height: 600px;
    border: 10px solid #123499;
}*/

.image-design-wrapper .experience-box {
    position: absolute;
    bottom: -60px;
    left: 30%;
    transform: translateX(-50%);
    background: #fff;
    border: 5px solid #123499;
    border-radius: 60px 0px 60px 0px;
    width: 200px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}

.image-design-wrapper .experience-box h3 {
    font-size: 31px;
    font-weight: 700;
    color: #000;
    line-height: 1.3;
}

.image-design-wrapper .experience-box span {
    font-size: 16px;
    color: #123499;
}

#about-us .side-content.text-center {
    text-align: start !important;
    padding: 0 10% 0 0;
}

#about-us .side-content.text-center .custom-button {
    margin-left: unset;
    margin-right: unset;
}

.features-wrapper {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin: 30px 0;
}

.feature-box {
    flex: 1;
    min-width: 220px;
    background: #fff;
    border: 1px solid #123499;
    border-radius: 12px;
    text-align: center;
    padding: 20px;
    transition: all 0.3s ease;
}

.feature-box:hover {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}

.feature-box .feature-icon {
    width: 60px;
    height: 60px;
    margin: 0 auto 15px;
    border-radius: 50%;
    background: #05a6e9;
    display: flex;
    align-items: center;
    justify-content: center;
}

.feature-box .feature-icon img {
    width: 28px;
    height: 28px;
}

.feature-box h4 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #123499;
}

.feature-box p {
    font-size: 16px;
    color: #333;
    margin-top: 15px;
    font-weight: 600;
}

.check-list {
    text-align: left;
    list-style: none;
    padding: 0;
}

.check-list li {
    font-size: 15px;
    color: #333;
    margin: 10px 0;
    padding-left: 28px;
    position: relative;
}

.check-list li::before {
    content: "✔";
    position: absolute;
    left: 0;
    top: 0;
    color: #6f42c1;
    font-weight: bold;
}


@media (max-width: 1199px) {
    .image-design-wrapper {
        margin-top: 50px;
        border: none;
    }
    .image-design-wrapper .image-shape img{
        max-width: 100% !important;
    }
    .about-left-image{
        display: none;
    }
    
    .image-border-frame{
        display: unset;
    }
}

@media (max-width: 468px) {
    .features-wrapper {
        flex-direction: column;
    }

    .image-design-wrapper {
        margin-top: 50px;
        display: unset;
    }

    #about-us .side-content.text-center {
        padding: 0;
    }

    .image-design-wrapper .image-shape.first {
        position: unset;
        margin-top: 50px;
    }

    .image-design-wrapper .image-shape.second {
        width: unset;
        display: none;
    }
    .image-design-wrapper::before, .image-design-wrapper::after, .image-border-frame::before, .image-border-frame::after{
        display: none;
    }
}

.blog-box a {
    text-decoration: none;
    color: #123499;
    font-weight: 600;
    font-size: 18px;
}

.navbar .hamburger-menu {
    display: none;
    margin-left: 20px;
}

@media (max-width: 996px) {
    .navbar .hamburger-menu {
        display: inline-block;
        margin-left: 20px;
    }
}

@media (max-width: 1199px) {

    .navbar .navbar-text span img,
    .phone-numbers {
        display: none;
    }
}

/* Modal Overlay */
.custom-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    justify-content: center;
    align-items: center;
    z-index: 9999;
    overflow-y: auto;
    /* allows scrolling on small screens */
    padding: 10px;
    /* adds space around modal on mobile */
    box-sizing: border-box;
}

/* Modal Content */
.custom-modal .modal-content {
    background: #ffffff;
    border-radius: 10px;
    width: 90%;
    max-width: 500px;
    padding: 0;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
    max-height: 95vh;
    /* ensures modal fits screen height */
    display: flex;
    flex-direction: column;
}

/* Modal Header */
.modal-header {
    background-color: #123499;
    color: #ffffff;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-header h5 {
    font-size: 26px;
    font-weight: 600;
}

/* Close Button */
.close-btn {
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}

/* Modal Body */
.modal-body {
    padding: 20px;
    overflow-y: auto;
    /* allows scrolling if content too tall */
    max-height: calc(95vh - 80px);
    /* subtract header height */
}

/* Inputs & Textarea */
.modal-body input,
.modal-body textarea {
    width: 100%;
    padding: 10px 15px;
    border-radius: 5px;
    border: 1px solid #ccc;
    font-size: 1rem;
    font-weight: 400;
}

.modal-body input {
    height: 40px;
}

.modal-body textarea {
    height: 125px;
}

#channelPartnerForm label {
    font-weight: 600;
    font-size: 18px;
}

#channelPartnerModal .modal-body button[type="submit"] {
    height: auto;
}

.partners-popup-btn {
    text-align: center;
}

/* Responsive adjustments for mobile */
@media (max-width: 1199px) {

    .modal-body input,
    .modal-body textarea {
        font-size: 0.95rem;
    }

    .modal-header h5 {
        font-size: 22px;
    }

    .custom-modal .modal-content {
        width: 95%
    }

    .project-card {
        /* margin-right: 0px !important; */
        justify-content: center;
        align-items: center;
    }

    .carousel-image-box figure figcaption {
        position: static;
    }
}

@media (max-width: 1199px) {
    .image-design-wrapper .experience-box {
        left: 50%;
        transform: translateX(-50%) !important;
        /* 👈 shift back by 50% of its own width */
    }

    .slider .main-slider .swiper-slide .slide-inner {
        padding-top: 30px !important;
    }

    /* .footer-bottom {
      margin-bottom: 45px;
    } */
}

@media (max-width: 1199px) {
    .page-header {
        height: 400px;
    }

    .filter-btn {
        width: 100%;
    }
}

@media (max-width: 468px) {
    .page-header {
        height: 275px;
    }
}

.custom-header-banner {
    position: relative;
    background: url('your-image.jpg') center/cover no-repeat;
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    text-align: center;
}

.banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(41 103 184);
    z-index: 1;
}

.banner-content {
    position: relative;
    z-index: 2;
}

.banner-title {
    font-size: 32px;
    margin-bottom: 10px;
    display: none;
}

.content-section .content h2 {
    color: #123499;
    font-weight: 600;
    font-size: 28px;
}

.content-section .content p {
    color: #000;
    margin-bottom: 10px !important;
}


.counter-section {
    background: #fff;
    color: #ffffff;
    padding: 80px 0px;
    text-align: center;
}

.counter-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 50px;
}

.counter-box {
    flex: 1 1 200px;
    min-width: 180px;
    background: linear-gradient(135deg, #123499, #05a6e9);
    border-radius: 15px;
    padding: 40px 20px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s;
}

.counter-box:hover {
    transform: translateY(-5px);
}

.counter-box h2 {
    font-size: 48px;
    margin: 0 0 10px;
    font-weight: 600;
}

.counter-box p {
    font-size: 18px;
    margin: 0;
    font-weight: 500;
}

/* Responsive */
@media (max-width: 1199px) {
    .counter-section {
        padding: 40px 0px;
    }

    .counter-wrapper {
        gap: 20px;
    }

    .counter-box h2 {
        font-size: 36px;
    }

    .counter-box p {
        font-size: 16px;
    }
}


/* --- Download Button --- */
.download-btn {
    margin-top: 10px;
    background: linear-gradient(45deg, #123499, #05a6e9);
    color: #ffffff;
    border: none;
    padding: 10px 25px;
    border-radius: 25px;
    font-size: 1rem;
    font-weight: 500;
    transition: all 0.3s ease;
}

.download-btn:hover {
    background: #05a6e9;
    color: #fff;
    transform: translateY(-2px);
}

/* --- Modal Design --- */
.brochure-modal {
    border-radius: 12px;
    overflow: hidden;
}

.brochure-modal .modal-header {
    background: linear-gradient(45deg, #123499, #05a6e9);
    color: #ffffff;
    border-bottom: none;
}

.brochure-modal .modal-title {
    font-weight: 600;
    letter-spacing: 0.5px;
}

.brochure-modal .modal-body {
    padding: 25px;
    background-color: #ffffff;
}

.brochure-modal .form-label {
    color: #000;
    font-weight: 600;
}

.brochure-modal .form-control {
    border-radius: 8px;
    padding: 10px;
    border: 1px solid #ccc;
    transition: border-color 0.3s ease;
}

.brochure-modal .form-control:focus {
    border-color: #123499;
    box-shadow: none;
}

.submit-btn {
    background: linear-gradient(45deg, #123499, #05a6e9);
    color: #ffffff;
    border: none;
    padding: 10px;
    border-radius: 8px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.submit-btn:hover {
    background: #05a6e9;
    transform: translateY(-2px);
}

@media (max-width: 1199px) {
    .counter-box {
        flex: unset !important;
    }

    .testimonial-box {
        max-width: 100% !important;
    }
    .testimonial-image{
        margin-right: 20px !important;
    }
}


@media (max-width: 468px) {
    .footer-bottom {
        margin-bottom: 40px;
    }

    .form-container,
    .info-container {
        flex: unset !important;
        padding: 20px !important;
    }
    .testimonial-image{
        margin-right: 15px !important;
    }
}

/*=================================
Home Slider Area End
====================================*/


/* Section */
.projects-slider-section {
    padding: 80px 0;
    background: #f4f4f4;
    position: relative;
    z-index: 1;
}


.projects-slider-section .section-title{
    text-align: center;
}

/* Piano background */
.piano-slider::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: repeating-linear-gradient(
        to right,
        #ffffff 0px,
        #ffffff 90px,
        #000000 90px,
        #000000 110px
        );
    opacity: 0.05;
    z-index: 0;
}

/* ----- REAL PIANO KEYS ------ */
.piano-key {
    width: 280px;
    border-radius: 10px;
    padding: 0;
    text-align: center;
    transition: 0.3s ease;
    overflow: hidden;
    position: relative;
}

/* Continuous wave animation */
.piano-key {
    animation: waveMotion 4s ease-in-out infinite;
}

/* Delay for each key — wave effect */
.piano-key:nth-child(1) {
    animation-delay: 0s;
}
.piano-key:nth-child(2) {
    animation-delay: 0.3s;
}
.piano-key:nth-child(3) {
    animation-delay: 0.6s;
}
.piano-key:nth-child(4) {
    animation-delay: 0.9s;
}
.piano-key:nth-child(5) {
    animation-delay: 1.2s;
}
/* Add more if more slides */

/* Keyframe for sea wave */
@keyframes waveMotion {
    0% {
        transform: translateY(0);
    }
    25% {
        transform: translateY(-15px);
    }
    50% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(15px);
    }
    100% {
        transform: translateY(0);
    }
}


/* White key style */
.key-white {
    background: #ffffff;
    border-bottom-width: 25px;
    box-shadow: 0 12px 0 #000;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

/* Black key style (shorter + narrower) */
.key-black {
    background: linear-gradient(135deg, #123499, #05a6e9);
    border-bottom-width: 18px;
    margin-top: 40px;      /* short black key effect */
    box-shadow: 0 10px 0 #222;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.key-black h5,
.key-black p {
    color: #fff !important;
}

/* Image box */
.piano-key-top {
    height: 100%;
    width: 100%;
    overflow: hidden;
    border-bottom: 2px solid #123499;
    background: linear-gradient(135deg, #123499, #05a6e9);
}

.piano-key-top img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s ease;
}

/* Titles */
.piano-key h5 {
    font-size: 26px;
    font-weight: 600;
    color: #123499;
    margin: 15px 0 5px;
}

.piano-key p {
    font-size: 16px;
    color: #444;
    line-height: 1.6;
    padding: 0 15px 0px;
}

/* Hover lift */
.piano-key:hover {
    transform: translateY(-12px);
}

/* Pagination */
.swiper-pagination-bullet {
    background: #000;
}


/* -----------------------------------------
   MAIN SLIDER GROUP ENTER ANIMATION
----------------------------------------- */

/* ---- Entire Slider Left-to-Right Piano Wave Entrance ---- */

.projectsSwiper {
    opacity: 0;
    transform: translateX(-200px);
    filter: blur(5px);
    transition: all 1.5s ease;
}

.projectsSwiper.slider-enter {
    opacity: 1;
    transform: translateX(0);
    filter: blur(0);
}

/* ---- Individual Piano Keys Wave Entrance ---- */
.piano-key {
    opacity: 0;
    transform: translateY(40px) scale(0.95);
    transition: all 0.7s cubic-bezier(.25,.46,.45,.94);
}

.piano-key.key-wave {
    opacity: 1;
    transform: translateY(0) scale(1);
    animation: pianoFloat 3s ease-in-out infinite;
}

/* Slow floating wave like piano movement */
@keyframes pianoFloat {
    0% {
        transform: translateY(0);
    }
    25% {
        transform: translateY(-12px);
    }
    50% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(12px);
    }
    100% {
        transform: translateY(0);
    }
}



/* Button Wrapper */
.piano-btn-wrap {
    margin: 10px 0 20px;
}

/* Explore More Button */
.piano-btn {
    text-decoration: none;
    color: #123499;
    font-weight: 600;
    font-size: 18px;
}

/* Responsive */
@media (max-width: 1199px) {
    .projects-slider-section {
        padding: 40px 0;
    }
    .key-black {
        margin-top: 20px;
    }
    .blog-box{
        margin-bottom: 30px;
    }
    .rooms-slider:before{
        display: none;
    }
    .side-gallery .reveal-effect.animated>*{
        border-radius: 0px;
    }
    .about-ahmedabad-title:after, .about-ahmedabad-title:before{
        display: none;
    }
}

.blogs-section .section-title.light{
    text-align: center;
}

.blogs-section .section-title h6:before{
    left: 33%;
    top: 40%;
}
.blogs-section .section-title h6:after{
    background: #fff;
    left: 60%;
}

@media (max-width: 1199px) {
    .side-content h6:before{
        display: none;
    }
}