@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
    font-family: "Nexa Bold";
    src: url('../fonts/Nexa\ Bold.woff') format('woff'),
        url('../fonts/Nexa\ Bold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: "Gotham";
    src: url("https://db.onlinewebfonts.com/t/fc74760c72164d5321ac886797ce62eb.eot");
    src: url("https://db.onlinewebfonts.com/t/fc74760c72164d5321ac886797ce62eb.eot?#iefix")format("embedded-opentype"),
        url("https://db.onlinewebfonts.com/t/fc74760c72164d5321ac886797ce62eb.woff2")format("woff2"),
        url("https://db.onlinewebfonts.com/t/fc74760c72164d5321ac886797ce62eb.woff")format("woff"),
        url("https://db.onlinewebfonts.com/t/fc74760c72164d5321ac886797ce62eb.ttf")format("truetype"),
        url("https://db.onlinewebfonts.com/t/fc74760c72164d5321ac886797ce62eb.svg#Gotham-Light")format("svg");
}

h2 {
    font-family: "Nexa Bold" !important;
    margin-bottom: 4px !important;
    font-size: 31px !important;
    /* text-transform: uppercase !important; */
    letter-spacing: 0px;
}


p {
    font-family: "Gotham";
    font-weight: 400 !important;
    font-size: 15px !important;
}

li {
    font-family: "Gotham";
    font-weight: 400 !important;
    font-size: 15px;
}

a {
    font-family: "Gotham";
    font-weight: 400 !important;
}

h3,
h4,
h5,
h6 {
    font-family: "Gotham";
    font-weight: 400 !important;
}


.deskview {
    display: block !important;
}

.mblview {
    display: none !important;
}


.bannersection img {
    width: 100%;
}

.pding {
    padding: 50px 0px;
}

h2 {
    font-size: 33px;
    background: linear-gradient(to right, #1b3b32, #c89a43);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    font-weight: 600;
}

.miniheding {
    font-size: 18px;
    color: #20443A;
    font-weight: 500 !important;
    position: relative;
}

.minihedingline {
    width: 140px;
    height: 1px;
    background-color: #20443A;
    position: absolute;
    top: 10px;
    margin-left: 17px;
}




.miniheding2 {
    font-size: 18px;
    color: #D6B975;

    font-weight: 700 !important;
}


.buttonpage {
    margin-top: 20px;
}

.buttonpage a {
    background-color: #084C71;
    font-size: 16px;
    color: #fff;
    padding: 12px 15px 15px 15px;
    text-align: center;
    text-decoration: none;
    border-radius: 7px;
    margin-top: 30px;

}

.abouticons {
    display: block;
    justify-content: space-between;
    margin: 30px 0px;
}

.abouticonsbx {
    width: 174px;
    padding: 12px;
    text-align: center;
    float: left;
    border-right: 1px solid #7f7f7f;
    margin-bottom: 15px;
}

.abouticonsbx h6 {
    font-size: 25px;
    font-weight: 600 !important;
    margin-bottom: 1px;
}



.bg_pc {
    background-color: #084c71 !important
}

.abouticonsbx p {}

.projecthighlights {
    color: #fff;
    background-color: #f5f6f8;
}

.projecthighlights h2 {
    /* color: #fff !important; */
    margin-bottom: 0px !important;
}

.prhiltsrt img {
    margin-right: 3px;
    width: 15px;
}

.prhiltsrt {
    list-style-type: none;
    margin: 0px;
    padding: 0px;

}


.prhiltsrt li {
    color: #000 !important;
}

.progctright {
    padding: 49px !important;
}

.location img {
    width: 100%;
}

/* amenitis_sec */
.amenitis_sec {
    position: relative;
    background: #f1f2f4;
     overflow: hidden;

}

.slideramint {
    margin: 0px 10px;
}

.slideramint img {
    width: 100%;
    margin: 15px 0px 30px 0px;
}

.responsive .slick-prev {
    background-image: url(../img/rightaro.webp);

    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    top: -36px !important;
    right: 13% !important;
    left: inherit !important;
    transform: rotate(179deg);
}

.responsive .slick-prev:hover {
    background-image: url(../img/rightaro.webp);

    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    top: -36px !important;
    right: 13% !important;
    left: inherit !important;
    transform: rotate(179deg);
}

.responsive .slick-prev:focus {
    background-image: url(../img/rightaro.webp);

    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    top: -36px !important;
    right: 13% !important;
    left: inherit !important;
    transform: rotate(179deg);
}

.responsive .slick-next {
    background-image: url(../img/rightaro.webp);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    top: -21px !important;
    right: 10% !important;
    left: inherit !important;
}

.responsive .slick-next:hover {
    background-image: url(../img/rightaro.webp);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    top: -21px !important;
    right: 10% !important;
    left: inherit !important;
}

.responsive .slick-next:focus {
    background-image: url(../img/rightaro.webp);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    top: -21px !important;
    right: 10% !important;
    left: inherit !important;
}



.amenitis_sec h2 {}

.responsive .slick-prev:before {
    display: none !important;
}


.responsive .slick-next:before {
    display: none !important;
}


.amenitiboxrt {
    display: flex;
    margin-bottom: 16px;
    align-items: center;
}

.amenitiesexprncebelonglt h2 {
    margin-bottom: 13px !important;
}

.amenitiboxrt img {
    width: 25%;
    margin-right: 12px;
}

.amenitiboxrt h4 {
    font-size: 14px;
    color: #000;
}

.carousel-inner img {
    width: 100%;
}

.gl_slider {
    padding: 30px 0px;
}

.carousel-indicators [data-bs-target] {
    background-color: #000 !important;
}

.carousel-indicators {
    bottom: -50px !important;
}

/* tabs section */
.Planssec {}


.Planssecnesw {
    position: absolute;
    left: 0%;
    top: 6%;
    width: 128px;
}


.Planssec h2 {
    color: #fff !important;
    text-align: center;

    margin-bottom: 10px;
    background: linear-gradient(to right, #1b3b32, #C89B43, #C89B43, #C89B43);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.tab {

    display: flex;
    width: 750px;
    border-radius: 171px;
    margin: 0 auto;
    margin-top: 25px;
}


.tab button {
    width: 50%;
    border: none !important;
    outline: none;
    padding: 7px 10px;
}

.tabsec2 .active {
    background: #1b3b32 !important;
    color: #fff;
    border: none !important;
    outline: none;
}

.tabcontentone img {
    width: 45%;
    margin: 40px auto;
    display: flex;
}


.tababt1 {
    border-radius: 08px 0px 0px 8px;
}

.tababt2 {
    border-radius: 0px 08px 08px 0px;
}

.locationhighlights {}

.locationhighlightsrow {
    display: flex;
    background-color: #F5F6F8;
    align-items: center;
}

.locationhighlightsimg {
    padding: 0px !important;
    margin: 0px !important;
}

.locationhighlightsimg img {
    width: 100%;
}

.locationhighlightscnt {
    padding-left: 20px !important;
}

.locationhighlightscnt h2 {
    width: 60%;
    margin: 5px 0px 15px 0px !important;
}

 
.miniheding2 {
    position: relative;
}

.linehding {
    width: 140px;
    height: 1px;
    background-color: #d6b975;
    position: absolute;
    top: 10px;
    margin-left: 17px;
}

.location-highlights {
    max-width: 1200px;
    margin: auto;
    text-align: center;
    padding: 50px 20px;
    font-family: 'Segoe UI', sans-serif;
}

.location-highlights h5 {
    color: #bba068;
    font-weight: 500;
    margin-bottom: 10px;
    position: relative;
}

.location-highlights h5 .spanlocth1 {
    width: 115px;
    height: 1px;
    background-color: #d6b975;
    position: absolute;
    top: 10px;
    margin-left: -125px;
}

.location-highlights h5 .spanlocth2 {
    width: 115px;
    height: 1px;
    background-color: #d6b975;
    position: absolute;
    top: 10px;
    margin-left: 17px;
}






.location-highlights h2 {
    font-size: 28px;
    margin-bottom: 40px;
    line-height: 1.4;

    background: linear-gradient(to right, #1b3b32, #C89B43, #C89B43, #C89B43);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.locationhighlights232 {
    background: linear-gradient(to right, #22a37f, #c89a43) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block !important;
}

.location-highlights h2 span {
    font-weight: 600;
    color: #333;
}

.location-highlights h2 strong {
    color: #bba068;
}

.highlights-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(433px, 1fr));
    gap: 20px 60px;
    margin-top: 35px !important;
}

.highlight-box {
    background: #fff;
    padding: 0px;
    border-radius: 0px;
    text-align: left;
    display: flex;
    border-bottom: 1px solid #c89b437d;
    margin-bottom: 12px;
    position: relative;
}

.highlight-box::after {
    position: absolute;
    bottom: -2px;
    left: 0px;
    background-color: #C59A55;
    width: 12px;
    height: 4px;
    content: '';
}

.highlight-box img {
    width: 130px;
    margin-bottom: 15px;
    margin-right: 20px;
}

.highlight-box h4 {
    font-size: 20px;
    font-weight: 600 !important;
    margin-bottom: 10px;
    background: linear-gradient(to right, #1b3b32, #C89B43, #C89B43, #C89B43);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.highlight-box ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.highlight-box ul li {
    font-size: 14px;
    color: #063157;
    margin-bottom: 6px;
}













.enquiry-section {
    border-radius: 1px;
    margin: auto;
    color: white;
    text-align: center;
    font-family: Arial, sans-serif;
    padding: 25px 18px;
    background-color: #3f594e;
    margin: 20px 0px 30px 0px;

}

.enquiry-title {
    font-size: 24px;
    letter-spacing: 3px;
    margin-bottom: 10px;
    position: relative;
    display: inline-block;
    color: #fff;
}

.enquiry-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.form-row {
    display: flex;

}

.enquiry-form input {
    color: #cbcbcb !important;
}

.enquiry-form input, .enquiry-form select {
    padding: 30px 0px;
    border: none;
    border-radius: 0xp;
    width: 100%;
    font-size: 15px;
    outline: none;
    background: transparent;
    border-bottom: 1px solid #fff;
    margin: 0px 8px;
    color: #fff !important;
}
.form-row {
    display: flex;
    flex-flow: column;
}
button.submit-btn {
    padding: 10px;
}

.enquiry-form select {

    appearance: none;
    background: url("data:image/svg+xml;utf8,<svg fill='gray' height='18' viewBox='0 0 24 24' width='18' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>") no-repeat right 15px center;
    background-color: white;
    background-size: 15px;
    padding: 8px 0px;
    border: none;
    border-radius: 0xp;
    width: 40%;
    font-size: 15px;
    outline: none;
    background: transparent;
    border-bottom: 1px solid #fff;
    margin: 0px 8px;
    color: #757564;
}

.submit-btn {
    background-color: #c8a262;
    border: none;
    padding: 0px;
    border-radius: 58px;
    font-size: 15px;
    cursor: pointer;
    color: white;
    transition: background-color 0.3s;
    width: 25%;
    margin: 0 auto;
}

.submit-btn:hover {
    background-color: #b38a50;
}

.tablinkstree {
    font-size: 32px;
    font-weight: 600 !important;
    margin-bottom: 10px;
    background: linear-gradient(to right, #1b3b32, #1b3b32, #C89B43, #C89B43);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 0.4;
}

.tabsec4 .active {
    font-size: 38px;
    opacity: 3.4;
    font-weight: 600 !important;
    margin-bottom: 10px;
    background: linear-gradient(to right, #1b3b32, #1b3b32, #C89B43, #C89B43) !important;
    -webkit-background-clip: text !important;
}

.tabcontenttreebx img {
    width: 100%;
}

.foothdingfm {}


.footersec {
    background-color: #20443a;
    padding-top: 50px;
    margin-top: 50px;
}

.footerseclogo2 {
    justify-content: space-between;
    display: flex;
}

.footerseclogo ul {
    list-style-type: none !important;
    padding: 0px;
    margin: 15px 0px;

}

.footerseclogo h3 {
    color: #fff;
    font-size: 20px;
}

.footadd2 {
    margin: 17px 0px 21px 0px !important;
}

.footerseclogo ul li {
    margin: 0px 10px;
    margin-bottom: 20px;
}

.footerseclogo ul li a {
    color: #fff;
    text-align: left;
    text-decoration: none;
    font-size: 15px;
}

.footadd h3 {
    color: #fff;
    font-size: 20px;
}

.footadd p {
    color: #fff;
    font-size: 15px;
}


.footadd p a {
    color: #fff;
    font-size: 15px;
    text-decoration: none !important;
}


.footerseclogo {
    margin: 10px 0px 20px 0px;
}

.socialfoot p img {
    width: 14px;
    margin-right: 1px;
    margin-top: -4px;
}

.socialfoot p i {
    font-size: 17px;
    margin: 2px 12px;
}



.socialfoot p a {
    color: #fff;
    font-size: 15px;
    text-decoration: none !important;
    margin: 0px 3px;
    cursor: pointer;
}



.footrightrow {
    border-top: 1px solid #fff;
    padding: 14px 0px;
    margin-top: 11px !important;
}

.footright1 p {
    color: #fff;
    margin: 0px;
}

.footright2 {
    float: right;
}


.footright2 a {
    color: #fff;
    text-decoration: none;
}

.navrtbtn {
    background: #d5ad7b !important;
}


.buttoncta {
    margin: 12px 0px 12px 0px;
    text-align: center;
}

.buttoncta a {
    background: #d5ad7b !important;
    color: #fff;
    padding: 10px 22px 12px 22px;
    border-radius: 7px;
    text-decoration: none !important;
}

.buttoncta a:hover {
    color: #fff;
}

.abtrightpic {
    position: relative;
}

.abtrightpic img {
    position: relative;
    z-index: 1;
}

.abtrightpic::before {
    position: absolute;
    top: -7px;
    left: 5px;
    width: 100px;
    height: 100px;
    content: '';
    background-color: #b38a50;
}

.abtrightpic::after {
    position: absolute;
    right: 4px;
    bottom: -5px;
    width: 100px;
    height: 100px;
    content: '';
    background-color: #b38a50;
}

.specifctins {}


.popfm input,
select {
    width: 100%;
    padding: 12px 5px;
    margin-bottom: 12px;
}

.popfm .submit-btn {
    padding: 11px 12px;
    width: 151px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    margin-top: 13px;
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    margin: auto 0 auto auto;
    font-weight: 600 !important;
}

.modernconveniences{
    padding-top: 50px;
}

.masterplanpara{
        text-align: center;
    width: 780px;
    margin: 0 auto;
}

@media (max-width:768px) {

.masterplanpara{
        text-align: center;
    width:100%;
    margin: 0 auto;
}

    .deskview {
        display: none !important;
    }

    .mblview {
        display: block !important;
    }

    .abouticonsbx {
        width: 50% !important;
        float: left;
    }

    .abouticons {
        display: block !important;
    }

    .abtrightpic {
        margin-bottom: 25px !important;
    }

    .enquiry-form input,
    .enquiry-form select {
        padding: 15px;
        border: none;
        border-radius: 5px;
        width: 85%;
        font-size: 14px;
    }

    .tab {
        width: 100%;
        border-radius: 0px !important;
        margin: 0 auto;
        margin-top: 25px;
    }

    .Planssecnesw {
        position: absolute;
        right: 0%;
        top: 1%;
        width: 53px;
        left: inherit;
        transform: rotate(134deg);
    }

    .tabcontentone img {
        width: 95%;
        margin: 40px auto;
        display: flex;
    }

    .footerseclogo ul {
        list-style-type: none !important;
        display: block;
    }

    .footerseclogo ul li {
        margin: 0px 10px;
        margin-bottom: 20px;
    }

    .footadd {
        text-align: center;
        width: 79%;
        margin: 9px auto;
    }

    .socialfoot h3 {
        margin-bottom: 12px;
    }

    .footright1 p {
        text-align: center;
    }

    .footright2 {
        float: inherit;
        text-align: center;
        margin-top: 8px;
        margin-bottom: 12px;
    }


    .progctright {
        padding: 30px 18px !important;
    }

    h2 {
        font-size: 25px !important;
    }

    .accorspecific2 {
        margin-top: 0px !important;
    }

    .abouticonsbx {
        width: 174px;
        padding: 5px;
        text-align: center;
        float: left;
        border-right: none;
        margin-bottom: 5px;
    }

    .aboutrow {
        /* flex-direction: column-reverse; */
    }

    .locationhighlightscnt ul li {
        font-size: 18px;
        color: #000;
        border-bottom: 1px solid #000;
        width: 95%;
        margin-bottom: 25px;
        padding-bottom: 7px;
    }

    .proightsleftimage {
        width: 90% !important;
        margin: 0 auto;
        display: flex;
    }

    .projecthighlights h2 {
        margin-bottom: 15px !important;
    }

    .amenitis_sec {
        padding-left: 0px !important;
    }

    .slideramint img {
        padding: 50px 0px 30px 0px;
    }

    .responsive .slick-next {
        top: 18px !important;
    }

    .responsive .slick-next:hover {
        top: 18px !important;
    }

    .responsive .slick-next:focus {
        top: 18px !important;
    }

    .constructionupdatesec {
        overflow: hidden;
    }

    .responsive .slick-prev {
        top: 4px !important;
        right: 21% !important;
        z-index: 1;
    }

    .responsive .slick-prev:focus {
        top: 4px !important;
        right: 21% !important;
    }

    .responsive .slick-prev:hover {
        top: 4px !important;
        right: 21% !important;
    }

    .amenitiboxrt img {
        width: 14%;
    }

    .locationhighlights {
        padding: 0px !important;
    }

    .locationhighlightscnt {
        padding-left: 20px !important;
        margin-top: 30px !important;
    }

    .location-highlights h5 .spanlocth1 {
        width: 71px;
        height: 1px;
        background-color: #d6b975;
        position: absolute;
        top: 10px;
        margin-left: -88px;
    }

    .location-highlights h5 .spanlocth2 {
        width: 76px;
    }

    .highlight-box img {
        width: 77px;
        margin-bottom: 15px;
        margin-right: 5px;
        height: 77px;
        margin-top: 17px;
    }

    .tablinkstree {
        font-size: 18px;
    }

    .tabsec4 .active {
        font-size: 20px;
    }

    .form-row {
        display: block;
    }

    .highlight-box ul li {
        font-size: 14px;
        width: auto;
    }

    .highlights-grid {
        display: block;
    }

    .highlight-box h4 {
        font-size: 16px;
    }

    .footertopfm {
        background: #ffff;
        margin-bottom: 55px;
        margin-top: -65px !important;
        padding-top: 30px;
        border-top: 1px solid #d5ad7b;
    }

    .enquiry-section {
        background-color: #3f594e00;
    }

    .enquiry-form input,
    .enquiry-form select {
        padding: 15px;
        border: none;
        border-radius: 5px;
        width: 100% 555px;
        font-size: 14px;
        border: 1px solid #000;
        margin: 0px !important;
        margin-bottom: 17px !important;
    }

    .footerseclogo {
        text-align: center;
    }

    .footadd {
        text-align: center;
        width: 100%;
    }

    .footerseclogo2 {
        justify-content: center;
        display: flex;
    }
    .footerseclogo {
    margin: 4px 0px 8px 0px;
}
.submit-btn {
    border-radius: 58px;
    font-size: 15px;
    transition: background-color 0.3s;
    width: 36%;
     padding: 7px;
}
.pding {
    padding: 30px 0px;
}
.prhiltsrt {
    margin-top: 30px;
}
.enquiry-section {
    margin: 0px !important;
}
}