#preloader-status img {
    display: block;
    margin: 0px auto;
}

.triaa-dot.text-center {
    position: absolute;
    top: 0px;
    z-index: 99;
    left: 0px;
    right: 0px;
}

.main-navigation-bg .logo,
.logo {
    margin: 0px;
}

.parallax-all {
    background-attachment: fixed;
}

.slider-watermark-text {
    position: absolute;
    z-index: 9;
    transform: rotate(-90deg);
    right: -50px;
    bottom: 120px;
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-weight: 400;
}

.bg-watermark-text {
    position: absolute;
    bottom: 5px;
    left: 80px;
    color: rgb(0, 0, 0);
    font-size: 10px;
}

.why-rezo-life-bg-2 .bg-watermark-text {
    color: rgb(255, 255, 255);
    right: auto;
    left: 20px;
}

.amenities-bg-0 .bg-watermark-text {
    color: rgb(255, 255, 255);
}

div#rooms .bg-watermark-text {
    left: 8px;
    color: rgb(255, 255, 255);
}

.amenities-bg-2 .bg-watermark-text,
.amenities-bg-4 .bg-watermark-text {
    right: 10px;
    left: auto !important;
}

.connectivity-bg .bg-watermark-text {
    left: 15px;
}

.about-triaa-bg .bg-watermark-text {
    color: rgb(255, 255, 255);
    left: auto;
    right: 15px;
}

.gallery-watermark-text {
    position: absolute;
    bottom: 0px;
    left: 10px;
    font-size: 10px;
    color: rgb(255, 255, 255);
}

.form-control,
form label {
    font-family: Montserrat, sans-serif;
}

.section-txt p {
    font-size: 13px;
    text-align: justify;
    padding: 0px 20px;
    letter-spacing: 0px;
}

.google-maps iframe {
    top: 0px;
}

.main-navigation .navbar-nav li a {
    font-weight: 500 !important;
}

img.hr-line {
    position: relative;
    top: 20px;
    display: block;
    margin: 0px auto;
    opacity: 0.5 !important;
}

p.the-center {
    /* text-align: center; */
}

.main-navigation .navbar-nav li:first-child a {
    margin: 0px 0px 0px 50px;
}

.main-navigation .navbar-nav li:last-child a {
    margin: 0px;
}

ul.contact-nav.navbar-right {
    display: flex;
}

ul.contact-nav.navbar-right li {
    padding-top: 0.8em;
    margin-left: 6px;
    transition: 0.4s ease-out;
}

.main-navigation-bg ul.contact-nav.navbar-right li {
    padding-top: 30px;
    height: 60px;
}

ul.contact-nav.navbar-right li a {
    background-color: rgb(208, 161, 119);
    padding: 10px 20px;
    cursor: pointer;
    font-size: 13px;
    color: white;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
}

h2.section-sub-heading {
    font-size: 32px;
    font-weight: 500;
    color: rgb(95, 95, 95);
    margin-top: 20px;
}

.swiper-slide-inner-bg {
    background-position: center top;
}

.swiper-slide-inner-bg.bg-img-1.overlay.overlay-dark,
.swiper-slide-inner-bg.bg-img-2.overlay.overlay-dark,
.swiper-slide-inner-bg.bg-img-3.overlay.overlay-dark {
    opacity: 0.6;
}

p.para {
    font-size: 13px;
    letter-spacing: 0px;
    line-height: 28px;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.row.d-flex {
    display: flex;
    justify-content: center;
}

.container {
    width: 1280px;
}

.d-none {
    display: none !important;
}

.mt-1 {
    margin-top: 0.25rem !important;
}

.mt-2 {
    margin-top: 0.5rem !important;
}

.mt-3 {
    margin-top: 1rem !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

.mt-5 {
    margin-top: 3rem !important;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

.pulse {
    animation: 2s ease 0s infinite normal none running pulse;
}

div#gallery-img {
    position: relative;
    z-index: 1;
}

.rezo-life ul {
    list-style: none;
    padding-left: 0px;
    text-align: center;
}

.rezo-life ul li {
    font-size: 12px;
    position: relative;
    padding-bottom: 30px;
}

.rezo-life ul li::after {
    content: "";
    background-image: url("../img/hr-line-sm.png");
    position: absolute;
    inset: 38px 0px 0px;
    background-repeat: no-repeat;
    background-size: contain;
    height: auto;
    width: 65px;
    margin: 0px auto;
    opacity: 0.6;
}

.rezo-life ul li:last-child::after {
    opacity: 0;
}

#gallery-img .owl-nav.owl-nav-custom-all {
    position: absolute;
    top: auto;
    bottom: 50%;
}

#gallery-img .owl-prev.disabled,
#gallery-img .owl-next.disabled {
    border-radius: 0px;
}

#gallery-img .owl-prev,
#gallery-img .owl-next {
    border-radius: 0px;
}

#gallery-img .owl-next {
    left: 56px;
}

#gallery-img .owl-prev {
    left: 8px;
}

.section-item img {
    width: 33vw;
    height: 100vh;
    object-fit: cover;
}

h4.horo-sub-heading {
    width: 400px;
    color: rgb(35, 31, 32);
    text-transform: capitalize;
    line-height: 1.4;
}

h4.horo-sub-heading.last {
    color: rgb(255, 255, 255);
}

.swiper-slide-inner-txt.bg-3-txt {
    width: 10% !important;
    left: 20%;
}

.swiper-slide-inner-bg-3 {
    background-position: center center;
}

ul.Residences-list,
ul.resort-style-list {
    list-style: disc;
    padding-left: 30px;
}

ul.Residences-list li,
.resort-style-list li {
    text-align: left;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.05em;
    color: rgb(95, 95, 95);
    line-height: 2;
    -webkit-font-smoothing: antialiased;
    text-size-adjust: 100%;
    backface-visibility: hidden;
}

.swiper.key-distance-slider.swiper-container-horizontal {
    overflow: hidden;
}

.key-distance-wrapper h2 {
    color: rgb(255, 255, 255) !important;
}

.distance-category {
    padding: 0px 30px;
}

.swiper-navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.swiper-button-prev,
.swiper-button-next {
    background: none transparent;
    border: none;
    font-size: 24px;
    color: rgb(255, 255, 255);
    cursor: pointer;
    transition: color 0.3s;
    padding: 0px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: -45px;
}

.key-distance-wrapper .circle-svg {
    position: absolute;
    left: -3px;
    top: -5px;
}

button.swiper-button-next svg.circle-svg {
    left: -6px;
}

.parallax-overlay {
    background: rgba(0, 0, 0, 0.7);
    z-index: -1;
}

.overview-wrapper {
    text-align: center;
    margin: 0px auto;
    width: 90%;
}

ul.overview-list {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    color: rgb(255, 255, 255);
}

ul.overview-list li h5 {
    font-weight: 600;
    font-size: 16px;
    padding: 7px 0px;
    text-transform: uppercase;
}

ul.overview-list li p {
    color: rgb(255, 255, 255);
    font-weight: 400;
    font-size: 20px;
}

.key-distance {
    position: relative;
}

.distance-category img {
    width: 29px;
    margin-right: 8px;
}

.category-title {
    color: rgb(255, 255, 255);
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 16px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
}

.distance-category ul {
    padding: 0px;
    font-size: 12px;
    width: 82%;
    list-style: disc !important;
}

.distance-category ul li {
    margin-bottom: 5px;
    display: flex;
    justify-content: space-between;
    position: relative;
    padding-left: 14px;
    color: rgb(255, 255, 255);
}

.distance-category ul li::before {
    content: "";
    position: absolute;
    left: 0px;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    top: 6px;
}

.key-distance-wrapper {
    overflow: hidden;
    width: 87%;
    margin: 0px auto;
}

.post-list .about-triaa-wrapper {
    display: flex;
    align-items: center;
    color: rgb(255, 255, 255);
    justify-content: center;
}

ul.about-triaa-list {
    opacity: 1;
}

ul.about-triaa-list li {
    font-weight: 400;
    font-size: 22px;
    line-height: 44px;
    position: relative;
    text-align: center;
    padding-bottom: 35px;
}

ul.about-triaa-list li::after {
    content: "";
    background-image: url("../img/hr-line-white.png");
    position: absolute;
    inset: 60px 0px 0px;
    background-repeat: no-repeat;
    background-size: contain;
    height: auto;
    width: 95px;
    margin: 0px auto;
    opacity: 0.6;
}

ul.about-triaa-list li:last-child::after {
    opacity: 0;
}

.amenities-bg-1,
.amenities-bg-2,
.amenities-bg-3,
.amenities-bg-4 {
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    position: relative;
}

.ami-overlay {
    position: absolute;
    inset: 0px;
    background: rgba(0, 0, 0, 0.7);
    z-index: -1;
    opacity: 0;
    transition: 1s;
}

.amenities-bg-1 .ami-overlay {
    border-top-right-radius: 50px;
}

.amenities-bg-3 .ami-overlay {
    border-top-right-radius: 50px;
}

.amenities-bg-2 .ami-overlay {
    border-bottom-left-radius: 50px;
}

.amenities-bg-4 .ami-overlay {
    border-bottom-left-radius: 50px;
}

.amenities-bg-1:hover .ami-overlay,
.amenities-bg-2:hover .ami-overlay,
.amenities-bg-3:hover .ami-overlay,
.amenities-bg-4:hover .ami-overlay {
    opacity: 1;
    transition: 1s;
}

img.amei-icon {
    margin: 0px auto 20px;
    width: 70px !important;
}

#rooms h4 {
    /* font-weight: 700; */
    font-size: 17px;
    line-height: 29px;
    text-align: center;
}

div#rooms img.hr-line {
    width: 100px;
    margin-bottom: 20px;
    opacity: 0.5 !important;
}

ul.ami-list {
    list-style: disc;
}

ul.ami-list li {
    color: rgb(255, 255, 255);
    opacity: 0;
    transition: 1s;
}

.amenities-bg-1:hover ul.ami-list li,
.amenities-bg-2:hover ul.ami-list li,
.amenities-bg-3:hover ul.ami-list li,
.amenities-bg-4:hover ul.ami-list li {
    opacity: 1;
}

p.Disclaimer {
    margin-top: 35px;
    font-size: 11px;
}

.modal-dialog {
    max-width: 350px;
}

.form-check-input.is-invalid {
    outline: red solid 2px;
}

div#epf_form_ajaxdbLoader,
#main_form_ajaxdbLoader,
#epf_db_form_ajaxdbLoader,
#gq_form_ajaxdbLoader {
    display: flex;
    position: absolute;
    align-items: center;
    justify-content: center;
    inset: 0px;
    background-color: rgba(0, 0, 0, 0.78);
}

.sidebar-contact {
    position: fixed;
    top: 50%;
    right: -310px;
    transform: translateY(-50%);
    width: 310px;
    height: auto;
    padding: 20px;
    background: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.5) 0px 20px 50px;
    box-sizing: border-box;
    transition: 0.5s;
    z-index: 999;
}

.sidebar-contact.active {
    right: 0px;
}

.sidebar-contact input[type="submit"] {
    background: rgb(0, 188, 212);
    color: rgb(255, 255, 255);
    cursor: pointer;
    border: none;
    font-size: 18px;
}

.sidebar-contact .toggle {
    position: absolute;
    height: 40px;
    width: 138px;
    text-align: center;
    cursor: pointer;
    background: rgb(95, 95, 95);
    top: 49px;
    left: -89px;
    line-height: 38px;
    transform: rotate(-90deg);
}

.sidebar-contact .toggle::before {
    content: "Enquire Now";
    font-size: 15px;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    font-family: Montserrat, sans-serif !important;
}

.sidebar-contact .checkbox label {
    font-size: 10px;
    line-height: 13px;
}

button.btn.btn-submit {
    background-color: rgb(95, 95, 95);
    color: rgb(255, 255, 255);
    width: 100%;
    border-radius: 0px;
    padding: 10px 0px;
    font-size: 16px;
}

.form-control.is-invalid {
    border-color: rgb(255, 0, 0);
}

label.error-message {
    display: none;
}

.form-check.form-group label {
    font-size: 11px;
    line-height: 15px;
}

button.btn.btn-submit:focus {
    outline: none;
}

button#refresh-captcha,
button#refresh-captcha-main,
button#refresh-captcha-db,
button#refresh-gq-captcha {
    background-color: rgb(95, 95, 95);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
}

span#captcha-display-main,
span#captcha-display,
span#captcha-display-db,
span#gq-captcha-display {
    background-color: rgb(95, 95, 95);
    color: rgb(255, 255, 255);
    padding: 5px 15px;
    font-size: 18px;
    width: 110px;
    text-align: center;
    font-weight: 500;
}

.form-control::-webkit-input-placeholder {
    color: rgb(85, 85, 85);
    font-size: 15px;
}

#mainFrm input::placeholder,
#mainFrm select::placeholder {
    color: rgb(85, 85, 85);
    opacity: 1;
}

div#about .blog-tag {
    font-size: 15px;
    color: #434343;
    font-weight: 600;
}

.to-top-arrow {
    background: rgb(95, 95, 95);
}

.social-icons li {
    padding: 0px 8px;
}

@media (max-width: 1450px) {
    .sidebar-contact {
        top: 57%;
    }

    .container {
        width: 1230px;
    }

    ul.overview-list li h5 {
        font-size: 17px;
    }

    ul.overview-list li p {
        font-size: 13px;
    }
}

@media (max-width: 767px) {
    .slider-watermark-text {
        font-size: 10px;
        right: -38px;
        bottom: 160px;
    }

    .bg-watermark-text {
        bottom: 0px;
        left: 15px;
        font-size: 10px;
    }

    a.navbar-brand.logo img {
        margin-left: 0px;
    }

    a.navbar-brand.logo img {
        width: 120px;
    }

    .row.d-flex {
        display: unset;
    }

    .swiper-button-prev,
    .swiper-container-rtl .swiper-button-next {
        left: 35%;
    }

    .distance-category {
        padding: 0px 30px;
    }

    .distance-category ul {
        width: 100%;
    }

    .key-distance-wrapper {
        width: 100%;
    }

    .swiper-button-next,
    .swiper-container-rtl .swiper-button-prev {
        right: 35%;
    }

    .swiper-button-prev,
    .swiper-button-next {
        width: 30px;
        height: 30px;
        font-size: 18px;
        top: auto;
        bottom: -15px;
    }

    .key-distance-wrapper .circle-svg {
        left: -3px;
        top: -11px;
    }

    .about-triaa-bg {
        padding-top: 15px !important;
    }

    .sidebar-contact {
        width: 80%;
        right: -80%;
        top: 48%;
    }

    .sidebar-contact .toggle {
        top: 10%;
    }

    .sidebar-contact .scroll {
        width: 100%;
        height: 100%;
        overflow-y: auto;
    }

    .container {
        width: unset;
    }

    .ami-overlay {
        opacity: 1;
        background: rgba(0, 0, 0, 0.43);
    }

    ul.ami-list li {
        opacity: 1;
    }

    .halves .half {
        /* min-height: 450px; */
    }

    h2 br {
        display: none;
    }

    .main-navigation .navbar-nav li:first-child a {
        margin: 0px;
    }

    ul.contact-nav.navbar-right {
        display: none;
    }

    .sidebar-contact {
        z-index: 99;
    }

    ul.d-none.contact-nav.m-nav.navbar-right {
        position: fixed;
        bottom: 0px;
        z-index: 99;
        left: 0px;
        right: 0px;
        justify-content: space-between;
        display: flex !important;
    }

    ul.d-none.contact-nav.m-nav.navbar-right li {
        width: 49%;
        margin: 0px;
        height: auto;
        padding-top: 0px;
    }

    ul.d-none.contact-nav.m-nav.navbar-right li a {
        width: 100%;
        display: block;
        text-align: center;
    }

    .sidebar-contact {
        display: none;
    }

    .navbar-toggle {
        margin-right: 0px;
    }

    .to-top-arrow.show {
        bottom: 52px;
    }

    div#about .blog-tag {
        font-size: 16px;
    }

    .divider-l,
    .the-line {
        height: 20px;
    }

    .parallax {
        padding: 50px 0px;
    }

    .rezo-life ul {
        margin-top: 30px;
    }

    h2.hero-heading {
        font-size: 23px;
    }

    .swiper-slide-controls.slide-prev,
    .swiper-slide-controls.slide-next {
        bottom: 60px;
    }

    .amenities-bg-2 .ami-overlay {
        border-bottom-left-radius: 20px;
    }

    .halves .half {
        /* min-height: 410px; */
    }

    .amenities-bg-2 .ami-overlay {
        border-bottom-left-radius: 35px;
    }

    .swiper.key-distance-slider {
        padding-bottom: 40px;
    }

    p.Disclaimer {
        font-size: 8px;
    }

    .footer-credits-logo img {
        width: 65%;
    }

    .footer-qr-logo img {
        width: 60px;
    }

    .social-icons ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 75%;
        margin: 0px auto;
    }

    div#gallery-img {
        padding-bottom: 0px !important;
    }

    #gallery-img .owl-nav.owl-nav-custom-all {
        bottom: -4%;
    }

    div#owl-carousel-gallery .section-item img {
        object-fit: cover;
        height: 320px;
    }

    h2.section-sub-heading {
        font-size: 20px;
    }

    div#about-triaa h2.section-sub-heading {
        padding: 0px 40px;
        font-size: 16px;
    }

    div#about-triaa {
        margin-top: 50px;
    }

    #gallery-img .owl-next {
        left: 60px;
    }

    #gallery-img .owl-prev {
        left: 4px;
    }

    .about-bg-1 {
        min-height: 350px !important;
    }

    .why-rezo-life-bg-2 {
        background-image: url("../img/mobile/about-img-2-m.jpg");
        min-height: 430px !important;
    }

    .amenities-bg-0 {
        background-image: url("../img/mobile/amenities-img-m-2.jpg");
        min-height: 430px !important;
    }

    .connectivity-bg {
        min-height: 370px !important;
    }

    #contact .divider-m {
        height: 8px;
    }

    #contact .section-txt-2 {
        margin-bottom: 20px;
    }

    .section-txt-2 p {
        line-height: 24px;
    }
}

.amenities-listes {
    display: flex;
    gap: 30px;
    margin-top: 25px;
}

.amenities-list img {
    width: 40px;
    margin: auto;
    object-fit: contain;
    height: 40px;
}

.amenities-list h1 {
    font-weight: 600;
    margin-top: 10px;
    text-align: center;
    font-size: 11px;
    line-height: 18px;
}

.accordion-col {}

.custom-accordion .acc-item {
   
    margin-bottom: 10px;
    cursor: pointer;
}

.custom-accordion .acc-header {
    padding: 11px 20px;
    font-size: 13px;
    /* letter-spacing: 1px; */
    display: flex;
    color: #000000;
    background: #0000001f;
    justify-content: space-between;
    align-items: center;
}

.custom-accordion .acc-content {
    background: rgb(255, 255, 255);
    padding: 7px 19px;
    display: none;
}

.custom-accordion ul {
    margin: 0px;
    padding-left: 0px;
}

.custom-accordion ul li {
    color: rgb(0, 0, 0);
    font-size: 15px;
    margin-bottom: 8px;
}

.custom-accordion ul li b {
    color: rgb(208, 158, 125);
}

.icon {
    font-size: 13px;
}

.acc-item.active .acc-header .icon {
    transform: rotate(180deg);
}

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

@media (max-width: 768px) {
    .accordion-col {
        padding: 20px;
    }
}

.acc-content table {
    width: 100%;
    border-collapse: collapse;
}

.acc-content table td {
    padding: 5px 0px;
    border-bottom: 1px solid rgb(221, 221, 221);
    font-size: 14px;
}

.acc-content table tr:last-child td {
    border-bottom: none;
}

.acc-content table td b {
    color: rgb(208, 161, 119);
}

.formOutter input {
    padding: 15px 10px;
    width: 100%;
    border: 1px solid #9d9d9d;
    margin-bottom: 20px;
    background-color: transparent;
}


.rera img {
    width: 80px;
}

.socail a {
    margin: 10px;
}.desktop-menu ul li a.active,
.mobile-menu ul li a.active {
    color: #c5986d;   /* gold color */
    font-weight: 600;
}


.chat-icon {
    position: fixed;
    z-index: 9999;
    right: 20px;
    bottom: 10px;
}

textarea::placeholder{
    color: rgb(85, 85, 85) !important;
}