@font-face {

    font-family: Hellix;

    src: url(../fonts/hellix/Hellix-Regular.ttf);

}



@font-face {

    font-family: LexendDeca-SemiBold;

    src: url(../fonts/hellix/LexendDeca-SemiBold.ttf);

}



@font-face {

    font-family: LexendDeca-Regular;

    src: url(../fonts/hellix/LexendDeca-Regular.ttf);

}



@font-face {

    font-family: LexendDeca-Medium;

    src: url(../fonts/hellix/LexendDeca-Medium.ttf);

}





@font-face {

    font-family: Hellix-Bold;

    src: url(../fonts/hellix/Hellix-Bold.ttf);

}



html,

body {

  overscroll-behavior: none;

  touch-action: pan-x pan-y;

  overflow-x: hidden;

}



#smooth-wrapper {

    height: 100%;

    overflow: hidden;

}

  

#smooth-content {

will-change: transform;

}



ul,

li {

    padding: 0;

    margin: 0;

    list-style: none;

    letter-spacing: 1px;

}



a {

    color: #000;

    text-decoration: none;

    letter-spacing: 1px;

}



p, li, a {

    font-family: Hellix;

}



p, h1, h2, h4, h5, span {

    letter-spacing: 1px;





}



h1, h2, h3 {

    font-family: LexendDeca-SemiBold;

}



h2 {

    font-family: LexendDeca-SemiBold;

    font-size: 60px;

    font-style: normal;

    /* font-weight: 600; */

    line-height: 70px;

    /* 116.667% */

    letter-spacing: 0px;



}



h3 {

    font-size: 32px;

    margin-bottom: 12px;

    font-weight: 600;

    /* letter-spacing: 1px; */

}



header {

    background-color: #fff;

    position: relative;

}



.container {

    max-width: 1266px;

    width: 100%;

    margin: 0 auto;

    padding: 0px 12px;

    height: 100%;

}





.banner-section {

    background:

        linear-gradient(270deg, rgba(17, 17, 17, 0.00) 0%, rgba(17, 17, 17, 0.60) 89.89%),

        url(../image/banner.webp);





    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}



.header-bg {

    border-radius: 70px;

    background: rgba(255, 255, 255, 0.60);

    backdrop-filter: blur(10px);



}





header .header-inner {

    display: flex;

    width: 100%;

    padding: 14px 20px;

    justify-content: space-between;

    align-items: center;

}



.header-outer {

    position: absolute;

    top: 30px;

    margin: 0 auto;

    left: 0;

    right: 0;

}





header .header-logo {

    max-width: 125px;

    width: 100%;

}



header .header-logo {

    width: 100%;

}





.header-menu {

    max-width: 1266px;

    width: 100%;



}



.header-menu ul {

    display: flex;

    align-items: center;

    gap: 20px !important;

    justify-content: center;





}



.header-menu ul li a:hover {

    color: #291E55;



    font-family: Hellix;

    font-size: 16px;

    font-style: normal;

    font-weight: 600;

    line-height: 30px;

    /* 187.5% */

    text-transform: capitalize;

}



.header-menu ul li a {

    color: #FFF;

    font-weight: 600;

    font-family: Hellix;

    font-size: 16px;

    font-style: normal;

    /* font-weight: 500; */

    line-height: 30px;

    /* 187.5% */

    text-transform: capitalize;



}



.header-menu ul li {



    color: #FFF;



    font-family: Hellix;

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 30px;

    /* 187.5% */

    text-transform: capitalize;



}





.white-btn:hover img {

    transition: all 0.5s;

    transform: translateX(5px);

}



.normal-btn:hover img {

    transition: all 0.5s;

    transform: translateX(5px);

}



.transparent-btn:hover img {

    transition: all 0.5s;

    transform: translateX(5px);

}

.submit-btn button{
    width: 211px;
}

.white-btn {
    display: flex;
    padding: 14px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 50px;
    background: #FFF;
    color: #111;
    width: fit-content;
    text-align: center;
    font-family: Hellix;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    /* 100% */
    text-transform: uppercase;
    outline: none;
    border: none;

}



.white-btn img {

    width: 24px;

    transition: all 0.5s;

    height: 24px;



}



.transparent-btn {

    display: flex;

    padding: 14px 20px;

    justify-content: center;

    align-items: center;

    gap: 10px;

    border-radius: 50px;

    border: 1px solid #FFF;

    background: rgba(17, 17, 17, 0.00);

    color: #FFF;

    width: fit-content;

    text-align: center;

    font-family: Hellix;

    font-size: 16px;

    font-style: normal;

    font-weight: 600;

    line-height: 16px;

    /* 100% */

    text-transform: uppercase;

}







.transparent-btn img {

    width: 24px;

    transition: all 0.5s;

    height: 24px;



}



.normal-btn img {

    width: 24px;

    height: 24px;

    transition: all 0.5s;



}



.normal-btn {

    display: flex;

    padding: 10px 14px;

    justify-content: center;

    align-items: center;

    gap: 10px;

        border: 2px solid #291e55;

    border-radius: 50px;

    white-space: nowrap;

    background: #291E55;

    color: white;

    text-align: center;

    font-family: Hellix;

    font-size: 16px;

    font-style: normal;

    font-weight: 600;

    line-height: 16px;

    /* 100% */

    text-transform: uppercase;

}



#owl-demo{

    margin-top: 70px !important;

}



header .header-logo {}





header .header-logo img {



    width: 125.296px;

    height: 44px;

    flex-shrink: 0;

    aspect-ratio: 125.30/44.00;

}



.banner-inner-info {

    display: flex;

    gap: 24px;

    flex-direction: column;

}





.banner-section h1 {

    color: #FFF;





    font-size: 80px;

    font-style: normal;

    /* font-weight: 600; */

    line-height: 90px;

    /* 112.5% */

    letter-spacing: -1px;

}









.banner-inner-info p {

    color: #FFF;



    font-family: Hellix;

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    line-height: 26px;

    /* 144.444% */

    text-transform: uppercase;

    margin-bottom: 0px;

}



.banner-info-sub {

    display: flex;

    align-items: center;

    gap: 20px;

}





.banner-btn {

    display: flex;

    gap: 20px;

}



.banner-inner {

    display: flex;

    flex-direction: column;

    gap: 30px;



}



.banner-outer {

    flex-direction: column;

    align-items: flex-start;

    gap: 30px;

    height: 100%;

    display: flex;

    justify-content: center;

}







.banner-section {



    width: 100%;

    height: 100vh;

}



/* -------------------------------- */





#mobile-cta-banner {

    z-index: 99;



    position: fixed;

    bottom: 20px;

    right: 20px;

    width: auto;







}



.wp-btn i {

    font-size: 25px;

}



.wp-btn {

    background-color: #009846;

    width: 50px;

    height: 50px;

    margin-left: auto;

    display: flex;

    color: white;

    text-align: center;

    align-items: center;

    justify-content: center;

    font-size: 60px;



    border-radius: 50px;

}



.vc_column_container {

    padding-left: 0;

    padding-right: 0;

}



.vc_column_container>.vc_column-inner {

    box-sizing: border-box;

    padding-left: 15px;

    padding-right: 15px;

    width: 100%;

}



.vc_column-inner::after, .vc_column-inner::before {

    content: " ";

    display: table;

}



.vc_row:after, .vc_row:before {

    content: " ";

    display: table;

}



.vc_column-inner {

    padding-top: 0 !important;

}











.vc_row-has-fill>.vc_column_container>.vc_column-inner {

    padding-top: 35px;

}



.vc_column_container>.vc_column-inner {

    box-sizing: border-box;

    padding-left: 15px;

    padding-right: 15px;

    width: 100%;

}



.vc_column-inner::after, .vc_column-inner::before {

    content: " ";

    display: table;

}



#bottom-mobile-banner .wpb_text_column, #bottom-mobile-banner .wpb_raw_code {

    margin-bottom: 0;

}







.bottom-mobile-banner .bottom-mobile-banner-call-col .wpb_wrapper {

    text-align: center;

}



#bottom-mobile-banner .wpb_wrapper p {

    font-size: 14px;

    color: white;

    line-height: 14px;



}





.popup-overlay {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.6);

    display: flex;

    align-items: center;

    justify-content: center;

    z-index: 9999;

}



.popup-box {

    background: white;

    padding: 0 20px;

    border-radius: 10px;

    position: relative;

}



.close-popup {

    position: absolute;

    top: 10px;

    right: 15px;

    font-size: 20px;

    border: none;

    background: none;

    cursor: pointer;

}



.section-padding {

    padding: 120px 0px;

}



.section-margin {

    margin: 120px 0px;

}



.about-section h2 {

    text-align: center;

    /* font-family: Hellix-Bold; */

    font-size: 60px;

    font-style: normal;

    /* font-weight: 600; */

    line-height: 70px;

    /* 116.667% */

    letter-spacing: -1px;

}



.about-section h2 .dark {

    color: #111;











}



.about-section h2 .light {

    color: #C2C2C2;





}



.about-section .transparent-btn {

    color: #291E55;

    border-color: #291E55 !important;

}



.about-btns {

    margin-top: 40px;

    display: flex;

    justify-content: center;

    gap: 20px;

}



.about-img {

    margin-top: 80px;

    border-radius: 20px;

    overflow: hidden;



}



.gallery-section {

    background: #C09253;

    overflow: hidden;

    position: relative;

}



/* .gallery-section::before{

    content: '';

    height: 100%;

    width: 16vw;

    background-color: #C09253;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 2;

    overflow: hidden;

} */



.gallery-section h2 {

    margin-bottom: 14px;

}



.gallery-section h2, .gallery-section p {

    color: white;

}



.gallery-section p {





    color: #FFF;



    font-family: Hellix;

    font-size: 20px;

    font-style: normal;

    font-weight: 400;

    line-height: 28px;

    /* 140% */



}



























.gallery-slider {

    margin-top: 60px;

    padding: 0;

    position: relative;

    z-index: 1;

}



/* Hide left side overflow */

.gallery-slider-wrapper {

    position: relative;

    overflow-x: hidden;

    padding-left: 0;

    /* ensure no left padding */

}



/* Carousel settings */

.gallery-slider {

    margin-top: 60px;

}



#owl-demo .item img {

    display: block;

    width: 100%;

    height: auto;

    border-radius: 15px;



}



#owl-demo .item {

    border-radius: 10px;

}



/* Allow visible overflow for right side */

.owl-stage-outer {

    overflow: visible !important;

}



/* Optional styling */

.gallery-outer-img {

    border-radius: 14px;

    overflow: hidden;

}



.gallery-outer-img img {

    width: 100%;

    display: block;

}



.owl-dots {

    display: none !important;

}



.owl-nav button {

    width: 60px;

    height: 60px;

    border-radius: 50px !important;



}





.owl-nav button.owl-prev {

    background: none !important;

    border: 1px solid white !important;

}



.owl-nav button.owl-next {

    background: #291E55 !important;

}



.owl-nav button span {



    font-size: 59px;

    font-weight: 100;

    height: 100%;

    display: flex;

    color: white;

    width: 100%;

    justify-content: center;

    align-items: center;

    padding: 20px 8px 34px 10px;





}



.redefining-head {

    display: flex;

    flex-direction: column;

    gap: 14px;

}



.owl-theme .owl-nav {

    margin-top: 10px;

    display: flex;

    justify-content: end;

    gap: 20px;

    margin-top: 30px !important;

}



.redefining-section .redefining-inner {

    display: flex;

    flex-direction: column;

    gap: 60px;

}



.redefining-section .redefining-info ul li:hover {

    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;

    transition: all 0.5s;

}



.redefining-section .redefining-info ul li {

    display: flex;

    padding: 20px;

    transition: all 0.5s;

    align-items: center;

    gap: 20px;

    border-radius: 10px;

    background: #F3F0FF;

    width: 48%;

    color: #111;

        align-items: flex-start;





    font-size: 22px;

    font-style: normal;

    font-weight: 400;

    line-height: 30px;

}



.redefining-section .redefining-info ul {

    display: flex;

    align-items: flex-start;

    align-content: flex-start;

    gap: 20px 30px;

    flex-wrap: wrap;



}





.floor-section {

    background: #FFF1DD;

    overflow: hidden;



}



.floor-section h2 {

    margin-bottom: 14px;

}



.floor-section h2, .floor-section p {

    color: rgb(0, 0, 0);

}



.floor-section p {



    max-width: 942px;

    width: 100%;

    color: #000000;



    font-family: Hellix;

    font-size: 20px;

    font-style: normal;

    font-weight: 400;

    line-height: 28px;

    /* 140% */



}



.floor-slider {

    margin-top: 60px;

    padding: 0;

    position: relative;

    z-index: 1;

}



/* Hide left side overflow */

.floor-slider-wrapper {

    position: relative;

    overflow-x: hidden;

    padding-left: 0;

    /* ensure no left padding */

}



/* Carousel settings */

.floor-slider {

    margin-top: 60px;

}



.floor-outer-img {

    border-radius: 14px;

    overflow: hidden;

}



.floor-outer-img img {

    width: 100%;

    display: block;

}



.floor-section .owl-stage {

    margin-right: 155px !important;



}



.floor-section .owl-nav button.owl-prev span {

    color: #8A8A8A !important;

}



.floor-section .owl-nav button.owl-prev {

    border: 2px solid #8A8A8A !important;

}



.amenities-section .redefining-head {

    text-align: center;

}





.amenities-inner-imgs p {

    color: #111;

    font-family: LexendDeca-medium !important;

    text-align: center;

    letter-spacing: 0px;

    font-size: 18px;

    font-style: normal;

    /* font-weight: 600; */

    line-height: 26px;

    /* 144.444% */

    text-transform: capitalize;

}



.amenities-inner-imgs .main {

    max-width: 224px;

    width: 100%;

    display: flex;

    flex-direction: column;

    gap: 10px;



}



.amenities-inner-imgs .main img {

    margin: 0 auto;

    display: flex;

}



.amenities-section .owl-stage-outer {

    overflow: hidden !important;



}











.amenities-inner-imgs {

    display: flex;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 30px;

    row-gap: 60px;

    align-self: stretch;

    flex-flow: row wrap;

}





.amenities-inner {

    display: flex;

    flex-direction: column;

    gap: 60px;

}









.specification-section {

    background: #291E55;

    overflow: hidden;



}



.specification-section h2 {

    margin-bottom: 14px;

}



.specification-section h2, .specification-section p, .specification-section h3 {

    color: rgb(255, 255, 255);

}



.specification-section p {



    max-width: 942px;

    width: 100%;

    color: #ffffff;



    font-family: Hellix;

    font-size: 20px;

    font-style: normal;

    font-weight: 400;

    line-height: 28px;

    /* 140% */



}



.specification-cards-inner {

    display: inline-flex;

    align-items: center;

    gap: 30px;

    margin-top: 60px;

    flex-flow: row wrap;

}



.specification-cards-inner .specification-cards:hover {

    border-color: #55478e;

}



.specification-cards-inner .specification-cards {

    max-width: 288px;

    width: 100%;

    display: flex;

    padding: 20px;

    border-radius: 10px;

    border: 1px solid #33285F;

    background: #33285F;

    flex-direction: column;

    align-items: flex-start;

    gap: 40px;

    align-self: stretch;

}



.specification-cards-inner .specification-cards p {

    color: #FFF;



    font-family: Hellix;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px;

    /* 150% */



}



.specification-cards h3 {

    font-family: LexendDeca-Regular;

}



.specification-cards-inner .specification-cards h3 {



    color: #FFF;



    /* font-family: Hellix; */

    font-size: 22px;

    font-style: normal;

    font-weight: 100;

    line-height: 30px;

    /* 136.364% */

    text-transform: capitalize;



}































.seamless-cards-inner {

    display: inline-flex;

    align-items: center;

    gap: 30px;

    justify-content: space-between;

    flex-flow: row wrap;

}



.seamless-cards-inner .seamless-cards:hover {

    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

}



.seamless-cards-inner .seamless-cards {

    max-width: 288px;

    width: 100%;

    display: flex;

    padding: 20px;

    border-radius: 10px;

    border-radius: 10px;

    border: 1px solid #E0D9CF;



    background: #FFF;

    flex-direction: column;

    align-items: flex-start;

    gap: 30px;

    align-self: stretch;



}



.seamless-cards-inner .seamless-cards p {

    color: #303030;



    font-family: Hellix;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px;

    /* 150% */



}



.seamless-cards-inner .seamless-cards h3 {



    color: #111;

    font-family: LexendDeca-medium;



    font-size: 22px;

    font-style: normal;

    font-weight: 500;

    line-height: 30px;

    /* 136.364% */

    text-transform: capitalize;



}



.seamless-inner {

    display: flex;

    flex-direction: column;

    gap: 60px;

}







.visit-inner {

    display: flex;

    flex-direction: column;

    gap: 60px;

}



.Visit-section .Visit-details {

    display: flex;

    justify-content: space-between;

}





.Visit-section .visit-form {

    max-width: 402px;

    width: 100%;
    display: flex;
    flex-direction: column;
}



.Visit-section .visit-info {

    max-width: 726px;

    width: 100%;

}



.visit-footer {

    border-radius: 10px;

    border: 1px solid #8A8A8A;

}



.social-links {

    display: flex;

    align-items: flex-start;

    gap: 16px;

}



.social-links a:hover {

    background: none;

}



.social-links a:hover i {

    color: white;

}



.social-links a {

    border-radius: 50px;

    background: #FFF;

    display: flex;

    border: 1px solid #FFF;

    width: 32px;

    height: 32px;

    color: #291E55 !important;

    flex-shrink: 0;

    justify-content: center;

    align-items: center;



}



.visit-location {

    display: flex;

    flex-direction: column;

    gap: 18px;

}



.visit-footer {

    display: flex;

    flex-direction: column;

    gap: 26px;

    padding: 20px;

    border-radius: 10px;

    border: 1px solid #8A8A8A;

}



.visit-footer .visit-img {

    border-radius: 10px;

    overflow: hidden;

}



.Visit-section a {

    color: white;

}



.Visit-section {



    color: white;

    background: linear-gradient(135deg, #291E55 0%, #3C2A75 100%);

}





.visit-location a {

    color: #FFF;

    align-items: flex-start;

    font-family: Hellix;

    font-size: 18px;

    font-style: normal;

    font-weight: 400;





    line-height: 26px;

    display: flex;

    gap: 10px;

}



.visit-img img {

    width: 100%;

}



.visit-sub-info {

    margin-top: 20px;

}



.visit-sub-info p {

    color: #FFF;



    font-family: Hellix;

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 26px;

    /* 144.444% */

}





.visit-form {

    display: flex;

    flex-direction: column;

    gap: 30px;

    max-width: 400px;

    margin: 0 auto;

    color: #ffffff;



}



.visit-form label {



    color: #FFF;



    font-family: Hellix;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px;

    /* 150% */

    display: block;

    margin-bottom: 6px;





}



.visit-form input[type="text"] {

    width: 100%;

    padding: 12px 15px;

    border: 1px solid rgba(255, 255, 255, 0.4);

    /* Light white border */

    border-radius: 6px;

    background-color: transparent;

    color: #ffffff;

    font-size: 15px;

    outline: none;

    transition: border 0.3s ease;

}



.visit-form input[type="text"]::placeholder {

    color: rgba(255, 255, 255, 0.6);

    /* Placeholder color */

}



.visit-form input[type="text"]:focus {

    border-color: #ffffff;

    /* White border on focus */

}



.submit-btn a {

    color: #111;



    text-align: center;

    font-family: Hellix;

    font-size: 16px;

    font-style: normal;

    font-weight: 700;

    line-height: 16px;

    /* 100% */

    text-transform: uppercase;

}





.submit-btn a {



    width: 211px;





}



















.cpyright {

    margin-top: 40px;



    padding: 20px 0;



    font-size: 14px;

    color: #ffffff;

    border-top: 1px solid rgba(255, 255, 255, 0.2);

}



.cpyright-content {

    display: flex;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

    gap: 10px;

}



.cpyright-links {

    display: flex;

    align-items: center;



}



.cpyright-links a {

    color: #ffffff;

    text-decoration: none;

    position: relative;

    padding-right: 19px;







    font-family: Hellix;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px;

    /* 150% */





}





.cpyright-right {

    color: #DDD;



    text-align: right;

    font-family: Hellix;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px;

    /* 150% */

}







.cpyright-links a:hover {

    color: #ccc;

}



/* Divider line after first link only */

.cpyright-links a:last-child:after {

    display: none;

}



.cpyright-links a::after {

    content: " ";

    position: absolute;

    right: 8px;

    top: 1px;

    width: 2px;

    ;

    color: rgba(255, 255, 255, 0.6);

    /* padding-left: 10px; */

    height: 24px;

    background: rgba(255, 255, 255, 0.6);

}



.cpyright-right {

    text-align: right;

}



.cpyright-right .highlight {

    font-weight: 600;

    color: #ffffff;

}



.visit-location a:hover {

    color: #ccc;

}











.about-img {

    overflow: hidden;

    display: inline-block;

}



.about-img img {

    /* transition: transform 0.5s ease; */

    display: block;

    width: 100%;

    height: auto;

}



/* .about-img:hover img {

    transform: scale(1.1);

} */



/*--------------------------------------------*/



.header-outer {

    transform: translateY(-4%);

    transition: transform 0.6s ease, opacity 0.6s ease;





}

.fixedCls{
    transition: all .6s ease-in-out;
}

header.fixedCls .header-outer {

    opacity: 1;
    transition: all .6s ease-in-out;
    position: fixed;
    z-index: 9999;
    transform: translateY(-14px);
    opacity: 1;
}



header.fixedCls .header-bg {
    background: rgb(147 140 178 / 58%) !important;
    transition: all .6s ease-in-out;
}



/*-------------------------------------------------*/



.brochure-form {

    max-width: 100%;
    color: #000000;
    /* display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;   */
}



.brochure-form h2 {

    font-size: 32px;

    margin-bottom: 0;

}



.brochure-form .subtitle {

    font-weight: 500;

    font-size: 17px;

    margin-bottom: 20px;

}



.brochure-form form {

    display: flex;

    flex-direction: column;

    gap: 20px;

}



.brochure-form label {

    color: #000000;

    font-family: Hellix;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px;

    display: block;

    margin-bottom: 6px;

}



.brochure-form input {

    padding: 12px 15px;

    border-radius: 8px;

    border: 1px solid #999;

    font-size: 14px;

    outline: none;





    width: 100%;

    padding: 12px 15px;



    border-radius: 6px;

    background-color: transparent;



    font-size: 15px;

    outline: none;

    transition: border 0.3s ease;





}



.brochure-form input:focus {

    border-color: #291E55;

}



.form-footer {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-top: 20px;

    flex-wrap: wrap;

    gap: 15px;

}



.form-footer .normal-btn {

    min-width: 226px;

    height: 52px;
    border: none;
}



.form-footer button:hover {

    background-color: #3a2f73;

}



.form-footer .note {



    font-size: 12px;

    color: #666;

    max-width: 250px;

    text-align: right;

    font-weight: 400;

    line-height: 16px;

}



.form-footer .note a {

    color: #000;

    text-decoration: underline;

}



.text_animation>span {

    position: relative;

    display: inline;

    color: #c2c2c2;

    -webkit-text-fill-color: rgb(194 194 194 / 30%);

    -webkit-background-clip: text;

    background-repeat: no-repeat;

    background-image: linear-gradient(#000, #000);

    background-size: 0% 100%;

    will-change: background-size;

}

































.brochure-form h2 {

    line-height: 60px !important;

}







.modal-header {

    border: none;

    position: absolute;

    z-index: 9;

    right: 5px;

    top: 5px;

}



.form-footer .note {

    font-size: 14px !important;

    max-width: 266px !important;

    line-height: 20px !important;

}



.btn-close:focus {

    box-shadow: none !important;

}



.popup-box {

    background: white;

    padding: 0 0 !important;

}



.modal-body {

    padding: 30px !important;

}



.modal-content {

    position: relative;

    display: flex;

    max-width: 618px !important;

    margin: 0 auto;

}



.redefining-info li {

    font-family: LexendDeca-Regular !important;

    letter-spacing: 0px;

}



.Visit-section {

    background-image: url(../image/footer-bg.png);

    background-position: center;

    background-repeat: no-repeat;

    width: 100%;

    height: 100%;

    background-size: cover;

}





#bottom-mobile-banner .normal-btn {

    position: fixed;

    left: 20px;

    bottom: 20px;

}















.ATA_side-menu {



    transform: translateX(100%);



    transition: all 0.25s linear;



}



.ATA_side-menu.visible {



    transform: translateX(0);



    transition: all 0.25s linear;



}



.ATA_side-menu .menu-header-container .menu-item-has-children .sub-menu li {

    padding: 0px !important;

    /* margin-top: -9px; */

}



.ATA_side-menu .menu-header-container .menu-item-has-children .sub-menu li:first-child {



    margin-top: 0px;

}



.ATA_side-menu .menu-header-container .menu-item-has-children .sub-menu {

    padding: 0px !important;

}



.ATA_side-menu .menu-header-container .menu-item-has-children .sub-menu li:last-child {



    /* margin-bottom: -8px; */

}





.ATA_side-menu .menu-header-container .menu-item-has-children .sub-menu li:hover {

    padding: 0px !important;

    background-color: #3493d3 !important;



}

.ATA_side-menu li.open-menu .sub-menu li a, .ATA_side-menu li.open-menu a {

    color: #fff;

}



.menu-item-has-children.open-menu a::after {

    content: " ";

    background-image: url(https://cdn-ilapp.nitrocdn.com/vOusJJepdhFXHjfKTAmFyrMdZGKNjGUr/assets/images/optimized/rev-5f64035/feinstein360orthodontics.com/wp-content/themes/WPS_feinstein360/assets/images/down-arrow.png) !important;

    width: 19px;

    height: 19px;

    margin-top: -5px;

}

.ATA_side-menu li:hover, .ATA_side-menu li.open-menu{

    background-color: #291E55;

    color: white;

    text-decoration: none !important;

}

.ATA_sidebar__content p {

    font-size: 16px !important;

    color: black !important;

}

.ATA_sidebar__content ul{

    flex-direction: column;

    width: 100%;

}

.menu-item-has-children.open-menu>a::after {

    rotate: 360deg;

}

#primary-menu li a{

    margin-left: 0px;

    margin-right: 0px;

}



.ATA_sidebar__content .menu-header-container{

    width: 100%;



}

.ATA_sidebar__content {



    width: 100%;





    height: 87vh;





    margin-bottom: auto;



    margin-top: 30px;





}



.ATA_sidebar__content li {

    position: relative;

    /* This is required to position the pseudo-element correctly */

}



.ATA_sidebar__content li::before {

    display: block;

    content: '';

    position: absolute;

    bottom: 0;

    /* Align the border to the bottom of the li */

    left: 0;

    right: 0;

 border-bottom: solid 3px #584f7d;

    transform: scaleX(0);

    transition: transform 150ms ease-in-out;

}





.ATA_sidebar__content li:hover::before {

    transform: scaleX(1);

    /* This will animate the border to full width */

   border-bottom: solid 3px #584f7d;

}





.ATA_sidebar__content li {

    display: inline-block;

    transition: all 0.25s linear;

    /* padding-top: 4px;



    padding-bottom: 4px; */



    /* border-bottom: 2px solid rgba(212, 212, 212, 0.1); */



    width: 100%;



    justify-content: center;



    flex-direction: column;



    position: relative;



}





.ATA_sidebar__content li ul li:last-child {



    border-bottom: 0px !important;



}



.ATA_sidebar__content ul {

    padding-left: 0px !important;

}



.ATA_side-menu #primary-menu {

    display: flex;

    flex-direction: column;

    padding-left: 0px !important;

}



.ATA_sidebar__content li a,

.ATA_sidebar__content li>div {



    display: inline-block;



    font-size: 16px;



    padding: 12px 22px;



    border: none;



    border-radius: 0;



    background: transparent;



    text-transform: none;



    -webkit-transition: all .25s;



    transition: all .25s;



    cursor: pointer;



    color: rgb(255, 255, 255);



    width: 100%;



    display: flex;



  gap: 6px !important;



    align-items: baseline;



}



.ATA_sub-menu li {



    border: 0;



}



.ATA_sub-menu li a {



    display: inline-block;



    font-size: 18px;



    padding: 4px;



    border: none;



    border-radius: 0;



    background: transparent;



    text-transform: none;



    -webkit-transition: all .25s;



    transition: all .25s;



    cursor: pointer;



    color: black;



    width: 100%;



    display: flex;



    padding-left: 25px;





}



.ATA_side-menu .ATA_close-btn {

    margin-left: auto;

}







.ATA_side-menu li:hover {

 background-color: #312853;

    color: white;

    text-decoration: none !important;

}



.ATA_side-menu li:hover a p {

    color: white !important;

}



.ATA_side-menu li:hover a p {

    color: white;

}



.ATA_side-menu li:hover a {

    color: white;

}



.ATA_side-menu li a i {

    margin-right: 6px;

}



#ATA_global-sidemenu .header-brand {

    background: none !important;

    padding: 0px !important;

    margin: 0px !important;

}



#ATA_global-sidemenu .sidebar-logo .header-brand {

    margin-right: auto !important;

    justify-content: start;

    margin-left: auto !important;

    padding: 0px 17px !important;



}



.ATA_side-menu .ATA_close-btn {

    margin-right: auto;

    margin-left: 21px;

    margin-top: 14px;

    cursor: pointer;



}



.ATA_close-btn img {

    transition: transform 0.2s ease-in-out;

}

.ATA_close-btn i{

    color:  white !important;

}



.ATA_close-btn:hover img {

    transform: rotate(90deg);

}



#ATA_global-sidemenu .sidebar-logo .header-brand img {

  width: 250px;

    margin: 0 auto;

}



#ATA_global-sidemenu .sidebar-logo {

    width: 100%;

    display: flex;

    justify-content: space-between;

    flex-direction: column-reverse;

    gap: 34px;

}





#ATA_global-sidemenu .ATA_close-btn img {

    width: 32px;

    height: 32px;



}





#navbarNavDropdown .menu-item-has-children>a::after {

    content: " ";

    color: rgb(18, 18, 18);

    margin-left: -21px;

    right: 13px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    rotate: 0deg !important;

    right: 17px;

    top: 8px;



}



.sticky-navbar-container .menu-item-has-children>a::after {

    display: none !important;

}



.sticky-navbar nav.navbar-main #main-menu>li:hover>ul {

    opacity: 1;

    visibility: visible;

    top: 151%;

    display: block;

    z-index: 2;

    padding: 3px;

    margin-top: 0;

    left: 0;

    margin-left: 15px;

    transform: translateX(-14px);

    /* border-radius: 8px; */

}



#navbarNavDropdown .menu-item-has-children:hover>a::after {

    content: " ";

    width: 12px;

    height: 12px;

    top: 13px;

}





.sticky-navbar nav.navbar-main #main-menu ul.sub-menu>li:hover {

    margin-bottom: 0;

    background: #0071bc  ;

    /* border-radius: 7px; */

}



.sticky-navbar nav.navbar-main #main-menu ul.sub-menu>li:hover a {

    color: white;



}



#main-menu {



    width: 100%;



    display: flex;



    align-items: center;



    gap: 1px;



    list-style: none;



   



    



}



#main-menu .main-menu-item {



    height: 100%;



    line-height: 59px;



    position: relative;



    transition: all ease-in-out 0.36s;



}





#main-menu .main-menu-item .main-menu-link i {



    color: #fff !important;



    font-size: 12px;



}



#main-menu .main-menu-item:hover .main-menu-link i {



    transform: rotate(-180deg);





}



#main-menu .main-menu-item:hover .submenu {



    display: flex;



}



#main-menu .main-menu-item .main-menu-link {



    display: flex;



    align-items: center;



    gap: 5px;



    color: inherit;



    text-decoration: none;



    transition: all ease-in-out 0.36s;



}





#main-menu .main-menu-item .main-menu-link span {



    color: #fff;

}



#main-menu .main-menu-item .main-menu-link i {



    color: inherit;



    transition: transform ease-in-out 0.36s;



}



#main-menu .main-menu-item .submenu {



    display: none;



    width: 200px;



    flex-direction: column;



    position: absolute;



    top: 80%;



    left: 30px;



    margin-left: -32px;



    list-style: none;



    background-color: #ffffff;





}





#main-menu .main-menu-item .submenu .submenu-item {



    line-height: normal;



}



#main-menu .main-menu-item .submenu .submenu-item .submenu-link {



    padding: 10px 15px;



    display: block;



    text-decoration: none;



    transition: all ease-in-out 0.36s;



    width: 100%;



}



#main-menu .main-menu-item .submenu .submenu-item:hover .submenu-link {



    color: #fff;



    transition: all 0.25s linear;



}



#main-menu .main-menu-item .submenu .submenu-item:hover {



    background-color: #000;



    transition: all 0.25s linear;



}



#main-menu .main-menu-item .submenu .submenu-item:hover span {



    color: #fff;



}





.menu-item-has-children {



    position: relative;



}





.menu-item-has-children>a {

    position: relative;

}



.menu-item-has-children:hover>a::after {

    content: " ";

    background-image: url('../images/down-arrow.png') !important;

    width: 19px;

    height: 19px;

    margin-top: -5px;

}





/* Arrow icon position and rotation when sub-menu is hidden */

.menu-item-has-children>a::after {

    content: " ";

    color: rgb(18, 18, 18);

    margin-left: -21px;

    right: 13px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    rotate: 267deg;

    /* Initial rotation */

    right: 17px;

    top: 20px;

    width: 12px;

    height: 12px;

    font-size: 22px;

    cursor: pointer;

    position: absolute;

    transition: transform 0.3s ease-in-out;

     background-image: url('../images/downicon.png') !important;

    /* Smooth transition for rotation */

}



/* Rotate arrow when sub-menu is displayed (when .sub-menu is visible) */

.menu-item-has-children.open>a::after {

    transform: rotate(90deg);

    /* Rotate to 90 degrees when the sub-menu is shown */



}



/* Display the sub-menu */

.menu-item-has-children.open .sub-menu {

    display: block;

}





.sub-menu {

    display: none;

    /* Ensure it's hidden by default */

    list-style: none;

}





.menu-item-has-children .sub-menu {

    padding: 11px !important;

    /* padding-top: 0px !important; */

}



.sticky-navbar-container .menu-item-has-children .sub-menu li {

    padding: 9px 15px !important;

    display: flex;



}



.menu-item-has-children {



    position: relative;



}





.menu-item-has-children>a {

    position: relative;

}



.menu-item-has-children:hover>a::after {

    content: " ";

    background-image: url('https://cdn-ilapp.nitrocdn.com/vOusJJepdhFXHjfKTAmFyrMdZGKNjGUr/assets/images/optimized/rev-5f64035/feinstein360orthodontics.com/wp-content/themes/WPS_feinstein360/assets/images/down-arrow.png') !important;

    width: 19px;

    height: 19px;

    margin-top: -5px;

}





/* Arrow icon position and rotation when sub-menu is hidden */

.menu-item-has-children>a::after {

    content: " ";

    color: rgb(18, 18, 18);

    margin-left: -21px;

    right: 13px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    rotate: 267deg;

    /* Initial rotation */

    right: 17px;

    top: 20px;

    width: 12px;

    height: 12px;

    font-size: 22px;

    cursor: pointer;

    position: absolute;

    transition: transform 0.3s ease-in-out;

     background-image: url('https://cdn-ilapp.nitrocdn.com/vOusJJepdhFXHjfKTAmFyrMdZGKNjGUr/assets/images/optimized/rev-5f64035/feinstein360orthodontics.com/wp-content/themes/WPS_feinstein360/assets/images/downicon.png') !important;

    /* Smooth transition for rotation */

}



/* Rotate arrow when sub-menu is displayed (when .sub-menu is visible) */

.menu-item-has-children.open>a::after {

    transform: rotate(90deg);

    /* Rotate to 90 degrees when the sub-menu is shown */



}



/* Display the sub-menu */

.menu-item-has-children.open .sub-menu {

    display: block;

}



/* Display the sub-menu */

.menu-item-has-children.open .sub-menu {

    display: block;

}





.sub-menu {

    display: none;

    /* Ensure it's hidden by default */

    list-style: none;

}





.menu-item-has-children .sub-menu {

    padding: 11px !important;

    /* padding-top: 0px !important; */

}



.sticky-navbar-container .menu-item-has-children .sub-menu li {

    padding: 9px 15px !important;

    display: flex;



}



.menu-item-has-children .sub-menu li {

    padding: 7px;

    white-space: nowrap;



}



.sticky-navbar-container .menu-item-has-children a {

    padding-right: 0px !important;

}



.menu-item-has-children a {

    position: relative;

    z-index: 9;

    padding-right: 36px !important;



}



.menu li {

    text-decoration: none !important;

}

.sub-menu {

    display: none;

    /* Ensure it's hidden by default */

    list-style: none;

}





.menu-item-has-children .sub-menu {

    padding: 11px !important;

    /* padding-top: 0px !important; */

}



.sticky-navbar-container .menu-item-has-children .sub-menu li {

    padding: 9px 15px !important;

    display: flex;



}



.menu-item-has-children .sub-menu li {

    padding: 7px;

    white-space: nowrap;



}



.sticky-navbar-container .menu-item-has-children a {

    padding-right: 0px !important;

}



.menu-item-has-children a {

    position: relative;

    z-index: 9;

    padding-right: 36px !important;



}



.menu li {

    text-decoration: none !important;

}

.menu-item-has-children .sub-menu li {

    padding: 7px;

    white-space: nowrap;



}

.menu-item-has-children.open-menu a::after {

    content: " ";

    background-image: url('https://cdn-ilapp.nitrocdn.com/vOusJJepdhFXHjfKTAmFyrMdZGKNjGUr/assets/images/optimized/rev-5f64035/feinstein360orthodontics.com/wp-content/themes/WPS_feinstein360/assets/images/down-arrow.png') !important;

    width: 19px;

    height: 19px;

    margin-top: -5px;

}

.sticky-navbar-container .menu-item-has-children a {

    padding-right: 0px !important;

}



.menu-item-has-children a {

    position: relative;

    z-index: 9;

    padding-right: 36px !important;



}



.menu li {

    text-decoration: none !important;

}

.openbtn-area{

    display: flex;

}

.openbtn-area i{

    font-size: 22px;

    cursor: pointer;

    color: #291e55;

}



#primary-menu  a::before{

    background: none !important;



}

.header-button i{

    display: none;

}





.ATA_side-menu {

    height: 100vh;

    width: 365px;

   background-color: #150c39;

    position: fixed;

    top: 0;

    right: 0;

 z-index: 99999;



    display: flex;

    flex-direction: column;

    align-items: center;

    overflow-y: scroll;

}



.side-menu-layer {

    width: 100vw;

    height: 100vh;

    position: fixed;

    top: 0;

    left: 0;

    background-color: rgba(0, 0, 0, .4);

    z-index: 999;

    display: none;

}



.sub-menu {

    display: none;

    padding-left: 20px; /* Indentation for sub-menu */

}



.menu-item-has-children > a {

    cursor: pointer;

}



.stone-upper-header .stone-down-header   {

    justify-content: end !important;

}



.stone-upper-header .stone-header-menu  ul a {

    color: #000000 !important;

}



 .ATA_side-menu li.open-menu .sub-menu li a {

    padding: 12px 34px !important;

}





.ATA_side-menu li.open-menu .sub-menu li a {

    padding: 12px 34px !important;

}



.ATA_side-menu li.open-menu .sub-menu li .sub-menu li a {

    padding: 12px 50px !important;

    white-space: normal !important;

}

.ATA_side-menu li.open-menu .sub-menu li .sub-menu li  .sub-menu li a {

    padding: 12px 64px !important;

    white-space: normal !important;

}



.sub-menu li a {

    white-space: normal !important;

}

.menu-item-has-children.open-menu .sub-menu .menu-item-has-children.open-menu {

    background-color: #3493d3  !important;

}





body.stop-scroll {
    overflow-y: hidden !important;
    height: 100vh !important;
    position: fixed !important;
}




.menu-item-has-children.open-menu .sub-menu .menu-item-has-children.open-menu .sub-menu .menu-item-has-children.open-menu {

    background-color: #70bff5 !important;

}





.menu-item-has-children.open-menu .sub-menu .menu-item-has-children.open-menu .sub-menu li:hover {

    background-color: #70bff5 !important;

}







.menu-item-has-children.open-menu .sub-menu .menu-item-has-children.open-menu .sub-menu .menu-item-has-children.open-menu .sub-menu li:hover {

    background: #8ecdf9 !important

}



.ATA_header-toggle-btn{

    display: none !important;

}



.mobile-slider{

    display: none;

}





#amenities-section .owl-nav button.owl-prev span {

color: #291e55 !important;

}



#amenities-section .owl-nav button.owl-prev {

    background: none !important;

    border: 2px solid #8A8A8A !important;

}





#amenities-section .owl-dots{

    display: block !important;

}



#amenities-section .owl-nav{

    display: none;

}





#amenities-section .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {

     background: #291e55;

}







#seamless-section .owl-nav button.owl-prev span {

color: #291e55 !important;

}



#seamless-section .owl-nav button.owl-prev {

    background: none !important;

    border: 2px solid #8A8A8A !important;

     display: flex

;

    justify-content: center;

    align-items: center;

}



.owl-theme .owl-nav [class*=owl-] img{

background: none !important;

}







.owl-theme .owl-nav .owl-prev img {

    background: none !important;

    margin-left: 3px !important;



}



.owl-theme .owl-nav .owl-next img {

    background: none !important;

    margin-right: 2px;

    }





    /* .floor-section{

        position: relative;

    }

    

    .floor-section::before{

        content: '';

        height: 100%;

        background-color: #FFF1DD;

        position: absolute;

        top: 0;

        left: 0;

        z-index: 2;

    } */

.thank_you_message_div{
    width: 100%;
    height: 45px;
    background-color: #fff;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.9;
    color: #000;
}

.sr-qr{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: end;
    margin-top: 30px;
}

.sr-qr .sr-qr-tag img{
    border-radius: 10px;
}
.hide{display: none}