/*====================================
GOOGLE FONT
====================================*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:'Poppins',sans-serif;
    color:#333;
    background:#fff;
    overflow-x:hidden;
    line-height:1.7;
}

html{
    scroll-behavior:smooth;
}

a{
    text-decoration:none;
}

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

img{
    width:100%;
    display:block;
}

.section-tag{
    color:#ff9800;
    font-weight:600;
    letter-spacing:2px;
    text-transform:uppercase;
}

.section-title{
    font-size:42px;
    font-weight:700;
    color:#0d1b2a;
    margin-bottom:20px;
}

.btn-warning{
    background:#ff9800;
    border:none;
    color:#fff;
    padding:14px 30px;
    border-radius:50px;
    font-weight:600;
    transition:.3s;
}

.btn-warning:hover{
    background:#0d1b2a;
    color:#fff;
}

section{
    padding:60px 0;
}


/*====================================
TOP HEADER
====================================*/

.top-header{
    background:#0d1b2a;
    color:#fff;
    padding:12px 0;
    font-size:14px;
}

.top-contact{
    display:flex;
    gap:25px;
    align-items:center;
}

.top-contact i{
    color:#ff9800;
    margin-right:8px;
}

.social-icons a{
    color:#fff;
    margin-left:18px;
    font-size:18px;
    transition:.3s;
}

.social-icons a:hover{
    color:#ff9800;
}


/*====================================
NAVBAR
====================================*/

.navbar{
    padding:14px 0;
    background:#fff!important;
}
.navbar-brand{
    width: 120px;
}
.logo{

    width:auto;
}

.hero-slider{
    padding-top: 0px;
    background: #000;
}
#scrollTop#scrollTop i {
    font-size: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.navbar-nav .nav-link{
    font-size:16px;
    color:#222;
    font-weight:500;
    margin:0 10px;
    position:relative;
}

.navbar-nav .nav-link::after{

    content:"";
    position:absolute;
    left:0;
    bottom:-5px;
    width:0;
    height:2px;
    background:#ff9800;
    transition:.4s;
}

.navbar-nav .nav-link:hover::after,
.navbar-nav .active::after{
    width:100%;
}

.navbar-nav .nav-link:hover{
    color:#ff9800;
}


/*====================================
HERO
====================================*/

.hero-slider{
    position:relative;
}

.carousel-item{
    height:90vh;
}

.carousel-item img{
    height:90vh;
    object-fit:cover;
}

.carousel-item::before{

    content:"";
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background:rgba(0,0,0,.55);
}

.carousel-caption{
    bottom:18%;
    text-align:left;
    max-width:650px;
}

.carousel-caption h5{
    color:#ff9800;
    letter-spacing:4px;
    font-weight:600;
}

.carousel-caption h1{

    font-size:65px;
    font-weight:800;
    margin:15px 0;
}

.carousel-caption h3{
    font-size:28px;
    font-weight:600;
    margin-bottom:20px;
}

.carousel-caption p{
    font-size:18px;
    margin-bottom:30px;
}

.carousel-caption .btn{
    margin-right:15px;
}

.btn-outline-light{
    border-radius:50px;
    padding:14px 28px;
}


/*====================================
ABOUT
====================================*/

.about-section img{
    border-radius:20px;
}

.about-box{

    background:#fff;
    border-radius:15px;
    padding:25px;
    text-align:center;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.4s;
}

.about-box:hover{

    transform:translateY(-10px);
}

.about-box h3{
    color:#ff9800;
    font-size:35px;
    font-weight:700;
}

.about-box p{
    margin:0;
    font-weight:600;
}

/*====================================
PROJECT HIGHLIGHTS
====================================*/

.highlight-section{
    background:#f8f9fa;
}

.highlight-box{
    background:#fff;
    border-radius:15px;
    padding:35px 25px;
    text-align:center;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.4s;
    height:100%;
}

.highlight-box:hover{
    transform:translateY(-10px);
    background:#0d1b2a;
    color:#fff;
}

.highlight-box i{
    font-size:50px;
    color:#ff9800;
    margin-bottom:20px;
}

.highlight-box h5{
    font-weight:700;
    margin-bottom:10px;
}

.highlight-box p{
    margin:0;
    font-size:15px;
}


/*====================================
AMENITIES
====================================*/

.amenities{
    background:#fff;
}

.amenity-box{
    background:#fff;
    border:1px solid #eee;
    border-radius:15px;
    padding:35px 20px;
    text-align:center;
    transition:.4s;
    height:100%;
}

.amenity-box:hover{
    background:#ff9800;
    color:#fff;
    transform:translateY(-8px);
}

.amenity-box i{
    font-size:45px;
    color:#0d1b2a;
    margin-bottom:20px;
}

.amenity-box:hover i{
    color:#fff;
}

.amenity-box h6{
    font-weight:600;
}


/*====================================
LOCATION
====================================*/

.location-section{
    background:#f8f9fa;
}

.location-box{
    padding-left:30px;
}

.location-item{
    display:flex;
    align-items:center;
    margin-bottom:22px;
    font-size:17px;
}

.location-item i{
    width:55px;
    height:55px;
    background:#ff9800;
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:50%;
    margin-right:20px;
    font-size:22px;
}


/*====================================
MASTER PLAN
====================================*/

.master-plan img{
    border-radius:15px;
    box-shadow:0 10px 30px rgba(0,0,0,.15);
}


/*====================================
GALLERY
====================================*/

.gallery img{
    border-radius:15px;
    transition:.4s;
    cursor:pointer;
}

.gallery img:hover{
    transform:scale(1.05);
}


/*====================================
CTA
====================================*/

.cta-section{
    background:#0d1b2a;
    color:#fff;
    padding:70px 0;
}

.cta-section h2{
    font-size:42px;
    font-weight:700;
}

.cta-section p{
    margin-top:10px;
    opacity:.9;
}


/*====================================
ENQUIRY FORM
====================================*/

.enquiry{
    background:#fff;
}

.enquiry form{
    background:#f8f9fa;
    padding:35px;
    border-radius:15px;
}

.form-control, .form-select{
    height:55px;
    border-radius:10px;
    border:1px solid #ddd;
    margin-bottom: 15px;
}

textarea.form-control{
    height:auto;
}
.enquiry button{
    width:100%;
}

/*====================================
FOOTER
====================================*/

.footer{
    background:#0d1b2a;
    color:#fff;
    padding:70px 0 20px;
}

.footer-logo{
    width:180px;
}

.footer h5{
    margin-bottom:20px;
    color:#fff;
}

.footer-links li{
    margin-bottom:12px;
}

.footer-links a{
    color:#ddd;
    transition:.3s;
}

.footer-links a:hover{
    color:#ff9800;
    padding-left:8px;
}

.footer-social a{
    width:45px;
    height:45px;
    background:#1d3148;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    color:#fff;
    margin-right:10px;
    transition:.3s;
}

.footer-social a:hover{
    background:#ff9800;
}


/*====================================
FLOATING BUTTONS
====================================*/

.whatsapp-btn,
.call-btn{

    position:fixed;
    width:60px;
    height:60px;
    right:25px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:28px;
    z-index:999;
    text-decoration:none;
}

.whatsapp-btn{
    bottom:95px;
    background:#25D366;
}

.call-btn{
    bottom:20px;
    background:#ff9800;
}


/*====================================
SCROLL TOP
====================================*/

#scrollTop{

    position:fixed;
    left:20px;
    bottom:25px;
    width:55px;
    height:55px;
    border:none;
    background:#ff9800;
    color:#fff;
    border-radius:50%;
    font-size:20px;
    display:none;
    z-index:999;
}


/*====================================
RESPONSIVE
====================================*/

@media(max-width:991px){

.section-title{
    font-size:32px;
}

.carousel-item,
.carousel-item img{
    height:70vh;
}

.carousel-caption{
    bottom:10%;
}

.carousel-caption h1{
    font-size:42px;
}

.carousel-caption h3{
    font-size:22px;
}

.location-box{
    padding-left:0;
    margin-top:30px;
}

.top-header{
    display:none;
}

.navbar-nav{
    padding-top:20px;
}

}

@media(max-width:767px){

section{
    padding:60px 0;
}

.carousel-item,
.carousel-item img{
    height:60vh;
}

.carousel-caption h1{
    font-size:30px;
}

.carousel-caption h3{
    font-size:18px;
}

.carousel-caption p{
    font-size:15px;
}

.carousel-caption .btn{
    margin-bottom:10px;
}

.cta-section h2{
    font-size:28px;
}

.footer{
    text-align:center;
}

.footer-social{
    margin-top:20px;
}

}





/*=========================================
PAGE BANNER
=========================================*/

.page-banner{
    position: relative;
    overflow: hidden;
    background: #000;
    height:380px;
}

.page-banner img{
    width:100%;

    object-fit:cover;
}

.banner-overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.55);
    display:flex;
    align-items:center;
}

.banner-overlay h1{
    color:#fff;
    font-size:52px;
    font-weight:700;
    margin-bottom:10px;
}

.banner-overlay p{
    color:#fff;
    font-size:18px;
    margin:0;
}


/*=========================================
ABOUT COMPANY
=========================================*/

.about-company{
    background:#fff;
}

.about-company img{
    border-radius:18px;
    transition:.4s;
}

.about-company img:hover{
    transform:scale(1.03);
}

.about-company p{
    color:#666;
    font-size:16px;
    line-height:30px;
    margin-bottom:18px;
}

.about-company .btn{
    padding:14px 35px;
    border-radius:50px;
    font-weight:600;
}


/*=========================================
VISION & MISSION
=========================================*/

.vision{
    background:#f8f9fa;
}

.vision-box{

    background:#fff;
    padding:40px 30px;
    border-radius:15px;
    text-align:center;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.4s;
    height:100%;
}

.vision-box:hover{

    transform:translateY(-10px);
}

.vision-box i{

    font-size:55px;
    color:#ff9800;
    margin-bottom:20px;
}

.vision-box h3{

    font-weight:700;
    margin-bottom:15px;
}

.vision-box p{

    color:#666;
    line-height:28px;
}


/*=========================================
WHY CHOOSE US
=========================================*/

.why-us{
    background:#fff;
}

.highlight-box{

    background:#fff;
    padding:35px 25px;
    border-radius:15px;
    text-align:center;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    transition:.4s;
    height:100%;
}

.highlight-box:hover{

    transform:translateY(-10px);
    background:#0d1b2a;
    color:#fff;
}

.highlight-box i{

    font-size:48px;
    color:#ff9800;
    margin-bottom:18px;
}

.highlight-box:hover i{

    color:#fff;
}

.highlight-box h5{

    font-weight:700;
    margin-bottom:10px;
}

.highlight-box p{

    margin:0;
    line-height:28px;
}


/*=========================================
PROJECT FEATURES
=========================================*/

.features{

    background:#f8f9fa;
}

.features img{

    border-radius:18px;
}

.feature-list{

    padding:0;
    margin-top:25px;
}

.feature-list li{

    list-style:none;
    margin-bottom:18px;
    font-size:17px;
    color:#444;
}

.feature-list li i{

    color:#28a745;
    margin-right:12px;
    font-size:18px;
}


/*=========================================
CTA
=========================================*/

.cta-section{

    background:linear-gradient(135deg,#0d1b2a,#1d3557);
    color:#fff;
    padding:70px 0;
}

.cta-section h2{

    font-size:42px;
    font-weight:700;
}

.cta-section p{

    font-size:18px;
    margin-top:12px;
    opacity:.9;
}

.cta-section .btn{

    padding:15px 40px;
    border-radius:50px;
    font-weight:600;
}


/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:991px){

.banner-overlay h1{

    font-size:38px;
}

.about-company img{

    margin-bottom:30px;
}

.cta-section{

    text-align:center;
}

.cta-section .text-lg-end{

    text-align:center!important;
    margin-top:20px;
}

}

@media(max-width:767px){

.page-banner img{

    height:260px;
}

.banner-overlay h1{

    font-size:30px;
}

.banner-overlay p{

    font-size:15px;
}

.section-title{

    font-size:30px;
}

.about-company p{

    font-size:15px;
}

.vision-box{

    margin-bottom:20px;
}

.highlight-box{

    margin-bottom:20px;
}

.cta-section h2{

    font-size:28px;
}

.cta-section p{

    font-size:15px;
}

}







/* new css 2 */

/*==============================
A1 HERO
===============================*/

.a1_lp_hero{
    padding:60px 0 50px 0;
    background:linear-gradient(135deg,#0f172a,#143c73);
    overflow:hidden;
}

.a1_lp_badge{
    display:inline-block;
    padding:8px 18px;
    background:#ff9800;
    color:#fff;
    border-radius:50px;
    font-size:14px;
    font-weight:600;
    margin-bottom:15px;
}

.a1_lp_badge i{
    margin-right:6px;
}

.a1_lp_title{
    font-size:52px;
    font-weight:700;
    line-height:62px;
    color:#fff;
    margin-bottom:10px;
}

.a1_lp_title span{
    display:block;
    color:#ffb400;
}

.a1_lp_subtitle{
    color:#fff;
    font-weight:500;
    font-size:20px;
    margin-bottom:15px;
}

.a1_lp_description{
    font-size:16px;
    line-height:28px;
    color:#cbd5e1;
    margin-bottom:20px;
}

.a1_lp_highlights{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-bottom:20px;
}

.a1_lp_point{
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,0.1);
    padding:8px 15px;
    border-radius:40px;
    color:#fff;
    font-size:14px;
}

.a1_lp_point i{
    color:#ffb400;
    margin-right:6px;
}

.a1_lp_btns{
    display:flex;
    gap:15px;
    margin-bottom:25px;
}
    
    
    .a1_lp_primary_btn{
    
    background:#ff9800;
    
    padding:14px 34px;
    
    border-radius:50px;
    
    font-weight:600;
    
    color:#fff;
    
    }
    
    
    .a1_lp_primary_btn:hover{
    
    background:#f57c00;
    
    color:#fff;
    
    }
    
    
    .a1_lp_outline_btn{
    
    border:2px solid #fff;
    
    padding:14px 34px;
    
    border-radius:50px;
    
    color:#fff;
    
    font-weight:600;
    
    }
    
    
    .a1_lp_outline_btn:hover{
    
    background:#fff;
    
    color:#0f172a;
    
    }
    
    
    .a1_lp_counter{
    
    background:#fff;
    
    padding:28px;
    
    border-radius:18px;
    
    text-align:center;
    
    box-shadow:0 20px 40px rgba(0,0,0,.15);
    
    }
    
    
    .a1_lp_counter h2{
    
    font-size:40px;
    
    font-weight:700;
    
    color:#ff9800;
    
    margin-bottom:8px;
    
    }
    
    
    .a1_lp_counter p{
    
    margin:0;
    
    font-weight:600;
    
    }
    
    
    .a1_lp_image_box{
    
    position:relative;
    
    }
    
    
    .a1_lp_image_box img{
    
    border-radius:25px;
    
    box-shadow:0 30px 70px rgba(0,0,0,.35);
    
    }
    
    
    /*==============================
    Responsive
    ===============================*/
    
    @media(max-width:991px){
    
    .a1_lp_title{
    
    font-size:42px;
    
    line-height:52px;
    
    }
    
    .a1_lp_btns{
    
    flex-direction:column;
    
    }
    
    .a1_lp_counter{
    
    margin-bottom:20px;
    
    }
    
    .a1_lp_image_box{
    
    margin-top:40px;
    
    }
    
    }


    /*=========================
ABOUT
=========================*/

.a1_about_area{
    padding:40px 0;
    background:#fff;
}

.a1_about_image{
    position:relative;
}

.a1_about_image img{
    border-radius:20px;
    box-shadow:0 25px 60px rgba(0,0,0,.12);
}

.a1_about_experience{
    position:absolute;
    bottom:30px;
    right:-20px;
    background:#ff9800;
    padding:20px;
    border-radius:20px;
    color:#fff;
    text-align:center;
    width:160px;
}

.a1_about_experience h2{
    font-size:38px;
    font-weight:700;
    margin:0;
}

.a1_section_heading span{
    display:inline-block;
    background:#fff3df;
    padding:6px 15px;
    border-radius:50px;
    color:#ff9800;
    font-weight:600;
    margin-bottom:10px;
}

.a1_section_heading h2{
    font-size:36px;
    font-weight:700;
    margin-bottom:12px;
    color:#0f172a;
}
    
    .a1_about_area p{
    
    font-size:17px;
    
    line-height:32px;
    
    color:#555;
    
    }
    
    .a1_about_feature{
    
    padding:15px;
    
    border:1px solid #eee;
    
    margin-bottom:15px;
    
    border-radius:12px;
    
    font-weight:600;
    
    transition:.4s;
    
    }
    
    .a1_about_feature:hover{
    
    background:#ff9800;
    
    color:#fff;
    
    transform:translateY(-5px);
    
    }
    
    .a1_about_feature i{
    
    margin-right:10px;
    
    }
    
    
    
    /*=========================
    HIGHLIGHTS
    =========================*/
    
    .a1_highlight_area{
    
    padding:90px 0;
    
    background:#f8fafc;
    
    }
    
    .a1_highlight_card{
    
    background:#fff;
    
    padding:35px;
    
    border-radius:20px;
    
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    
    transition:.4s;
    
    height:100%;
    
    }
    
    .a1_highlight_card:hover{
    
    transform:translateY(-10px);
    
    }
    
    .a1_icon{
    
    width:75px;
    
    height:75px;
    
    background:#ff9800;
    
    border-radius:50%;
    
    display:flex;
    
    align-items:center;
    
    justify-content:center;
    
    margin-bottom:25px;
    
    }
    
    .a1_icon i{
    
    font-size:30px;
    
    color:#fff;
    
    }
    
    .a1_highlight_card h4{
    
    font-weight:700;
    
    margin-bottom:15px;
    
    }
    
    .a1_highlight_card p{
    
    line-height:28px;
    
    color:#666;
    
    }


    /*==============================
LOCATION
==============================*/

.a1_location_section{

    padding:90px 0;
    
    background:#ffffff;
    
    }
    
    .a1_location_list{
    
    padding-left:35px;
    
    }
    
    .a1_location_item{
    
    display:flex;
    
    align-items:flex-start;
    
    gap:20px;
    
    margin-bottom:30px;
    
    }
    
    .a1_location_icon{
    
    width:70px;
    
    height:70px;
    
    background:#ff9800;
    
    border-radius:50%;
    
    display:flex;
    
    align-items:center;
    
    justify-content:center;
    
    flex-shrink:0;
    
    }
    
    .a1_location_icon i{
    
    font-size:28px;
    
    color:#fff;
    
    }
    
    .a1_location_item h5{
    
    font-weight:700;
    
    margin-bottom:8px;
    
    }
    
    .a1_location_item p{
    
    color:#666;
    
    line-height:28px;
    
    }
    
    
    
    /*==============================
    CONNECTIVITY
    ==============================*/
    
    .a1_connectivity_section{
    
    padding:90px 0;
    
    background:#f8fafc;
    
    }
    
    .a1_connect_card{
    
    background:#fff;
    
    padding:35px;
    
    border-radius:20px;
    
    text-align:center;
    
    transition:.4s;
    
    height:100%;
    
    box-shadow:0 10px 35px rgba(0,0,0,.08);
    
    }
    
    .a1_connect_card:hover{
    
    transform:translateY(-10px);
    
    background:#ff9800;
    
    color:#fff;
    
    }
    
    .a1_connect_card:hover p{
    
    color:#fff;
    
    }
    
    .a1_connect_card i{
    
    font-size:45px;
    
    margin-bottom:20px;
    
    display:block;
    
    color:#ff9800;
    
    }
    
    .a1_connect_card:hover i{
    
    color:#fff;
    
    }
    
    .a1_connect_card h5{
    
    font-weight:700;
    
    margin-bottom:15px;
    
    }
    
    .a1_connect_card p{
    
    color:#666;
    
    line-height:28px;
    
    }


    /*==============================
INVESTMENT
==============================*/

.a1_investment_section{

    padding:100px 0;
    
    background:#f8fafc;
    
    }
    
    .a1_invest_card{
    
    background:#fff;
    
    padding:35px;
    
    text-align:center;
    
    border-radius:20px;
    
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    
    transition:.4s;
    
    height:100%;
    
    }
    
    .a1_invest_card:hover{
    
    transform:translateY(-12px);
    
    }
    
    .a1_invest_icon{
    
    width:90px;
    
    height:90px;
    
    background:#ff9800;
    
    margin:auto;
    
    border-radius:50%;
    
    display:flex;
    
    align-items:center;
    
    justify-content:center;
    
    margin-bottom:25px;
    
    }
    
    .a1_invest_icon i{
    
    font-size:36px;
    
    color:#fff;
    
    }
    
    
    
    /*==============================
    LEGAL
    ==============================*/
    
    .a1_legal_section{
    
    padding:100px 0;
    
    background:#0f172a;
    
    color:#fff;
    
    }
    
    .a1_legal_section .a1_section_heading h2,
    .a1_legal_section .a1_section_heading p{
    
    color:#fff;
    
    }
    
    .a1_legal_box{
    
    background:rgba(255,255,255,.08);
    
    padding:30px;
    
    border-radius:18px;
    
    margin-bottom:25px;
    
    transition:.4s;
    
    height:100%;
    
    }
    
    .a1_legal_box:hover{
    
    background:#ff9800;
    
    }
    
    .a1_legal_box i{
    
    font-size:42px;
    
    margin-bottom:18px;
    
    display:block;
    
    }
    
    
    
    /*==============================
    WHY CHOOSE
    ==============================*/
    
    .a1_choose_section{
    
    padding:100px 0;
    
    background:#fff;
    
    }
    
    .a1_choose_card{
    
    padding:40px;
    
    border-radius:20px;
    
    background:#f8fafc;
    
    text-align:center;
    
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    
    transition:.4s;
    
    height:100%;
    
    }
    
    .a1_choose_card:hover{
    
    background:#ff9800;
    
    color:#fff;
    
    transform:translateY(-10px);
    
    }
    
    .a1_choose_card span{
    
    display:inline-flex;
    
    width:70px;
    
    height:70px;
    
    align-items:center;
    
    justify-content:center;
    
    background:#0f172a;
    
    color:#fff;
    
    border-radius:50%;
    
    font-size:28px;
    
    font-weight:700;
    
    margin-bottom:20px;
    
    }
    
    .a1_choose_card:hover span{
    
    background:#fff;
    
    color:#ff9800;
    
    }


    /*=========================
MASTER PLAN
=========================*/

.a1_masterplan_section{

    padding:100px 0;
    
    background:#fff;
    
    }
    
    .a1_master_content{
    
    padding-left:40px;
    
    }
    
    .a1_master_content ul{
    
    list-style:none;
    
    padding:0;
    
    }
    
    .a1_master_content li{
    
    margin:18px 0;
    
    font-size:17px;
    
    }
    
    .a1_master_content i{
    
    color:#ff9800;
    
    margin-right:10px;
    
    }
    
    
    /*=========================
    GALLERY
    =========================*/
    
    .a1_gallery_section{
    
    padding:100px 0;
    
    background:#f8fafc;
    
    }
    
    .a1_gallery_img{
    
    transition:.4s;
    
    width:100%;
    
    }
    
    .a1_gallery_img:hover{
    
    transform:scale(1.05);
    
    }
    
    
    /*=========================
    CTA
    =========================*/
    
    .a1_cta_section{
    
    padding:80px 0;
    
    background:linear-gradient(135deg,#ff9800,#ff6b00);
    
    color:#fff;
    
    }
    
    .a1_cta_btn{
    
    background:#fff;
    
    color:#ff9800;
    
    padding:15px 40px;
    
    font-weight:600;
    
    border-radius:50px;
    
    }
    
    
    /*=========================
    CONTACT
    =========================*/
    
    .a1_contact_section{
    
    background:#fff;
    
    }
    
    .a1_contact_section form{
    
    padding:35px;
    
    border-radius:20px;
    
    box-shadow:0 20px 60px rgba(0,0,0,.08);
    
    background:#fff;
    
    }
    
    .a1_submit_btn{
    
    background:#ff9800;
    
    color:#fff;
    
    padding:15px 35px;
    
    border-radius:50px;
    
    }
    .a1_submit_btn:hover{
        background: #0d1b2a;
        color: #fff;
    }
    
    
    /*=========================
    FAQ
    =========================*/
    
    .a1_faq_section{
    
    background:#f8fafc;
    
    }
    
    .accordion-button{
    
    font-weight:600;
    
    }
    
    .accordion-button:not(.collapsed){
    
    background:#ff9800;
    
    color:#fff;
    
    }



    @media(max-width:767px){
        .a1_lp_badge {
            font-size: 12px;
        }
        .navbar-brand {
            width: 80px;
        }
        .a1_lp_hero {
            padding: 50px 0;
        }
        .a1_about_experience h2 {
            font-size: 32px;
        }
        .a1_about_image {
            margin-bottom: 30px;
        }
        .a1_section_heading h2 {
            font-size: 32px;
        }
        .a1_location_list {
            padding-left: 0;
            margin-top: 30px;
        }
        .a1_invest_card {
            height: auto;
            margin-bottom: 30px;
        }
        .a1_investment_section {
            padding: 50px 0;
        }
        .a1_legal_section {
            padding: 100px 0;
        }
        .a1_choose_card {
            background: #fff;
            height: auto;
            margin-bottom: 30px;
        }
        .a1_master_content {
            padding-left: 0;
            margin-top: 30px;
        }
        .a1_gallery_section {
            padding: 50px 0;
        }
        .a1_choose_section {
            padding: 50px 0;
        }
        .a1_about_experience {
            position: relative;
        }
        .navbar-nav .nav-link {
            width: auto;
            max-width: 120px;
        }
        .a1_section_heading span {
            font-size: 12px;
        }
    }


/*====================================
DEVELOPMENT PROGRESS (REELS) SECTION
====================================*/
.a1_reels_section {
    position: relative;
    overflow: hidden;
}

.a1_reel_card {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    cursor: pointer;
    background: #000;
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s ease;
    width: 100%;
}

.a1_reel_card:hover {
    transform: translateY(-8px) scale(1.02);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.25) !important;
}

.a1_reel_video_wrapper {
    position: relative;
    width: 100%;
    aspect-ratio: 9/16;
    overflow: hidden;
}

.a1_reel_video_wrapper video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.6s ease;
}

.a1_reel_card:hover .a1_reel_video_wrapper video {
    transform: scale(1.05);
}

.a1_reel_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0.4) 100%);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px;
    z-index: 2;
    transition: background 0.4s ease;
}

.a1_reel_card:hover .a1_reel_overlay {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.3) 100%);
}

.a1_reel_play_btn {
    align-self: center;
    margin-top: auto;
    margin-bottom: auto;
    width: 55px;
    height: 55px;
    background: rgba(255, 152, 0, 0.9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 24px;
    box-shadow: 0 4px 15px rgba(255, 152, 0, 0.4);
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), background 0.3s ease;
}

.a1_reel_play_btn i::before {
    transform: translateX(1px); /* optical adjustment for play icon centering */
}

.a1_reel_card:hover .a1_reel_play_btn {
    transform: scale(1.15);
    background: #ff9800;
}

.a1_reel_info {
    margin-top: auto;
    text-align: left;
}

.a1_reel_info h5 {
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 8px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.a1_reel_info .badge {
    font-size: 11px;
    padding: 6px 10px;
    font-weight: 500;
    border-radius: 30px;
}


/*====================================
PROMO SECTION DARK OVERRIDES
====================================*/
.a1_promo_section_dark {
    background: #0d1b2a;
}

.a1_promo_section_dark .a1_section_heading h2 {
    color: #fff !important;
}

.a1_promo_section_dark .a1_section_heading p {
    color: #cbd5e1 !important;
}

.a1_promo_section_dark .a1_section_heading span {
    background: rgba(255, 152, 0, 0.15) !important;
    color: #ff9800 !important;
}


/*====================================
PROJECT LAYOUT (PDF) SECTION
====================================*/
.a1_pdf_mock_viewer {
    border: 1px solid #e2e8f0;
    transition: box-shadow 0.3s ease;
}

.a1_pdf_mock_viewer:hover {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12) !important;
}

.a1_pdf_viewer_header {
    background-color: #f8fafc !important;
}

.a1_pdf_viewer_header .dot {
    transition: transform 0.2s ease;
}

.a1_pdf_mock_viewer:hover .a1_pdf_viewer_header .dot {
    transform: scale(1.1);
}

.a1_layout_details h4 {
    font-size: 24px;
    position: relative;
    padding-bottom: 10px;
}

.a1_layout_details h4::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 3px;
    background-color: #ff9800;
}

.a1_layout_features_list .icon-wrap {
    transition: transform 0.3s ease, background-color 0.3s ease;
}

.a1_layout_features_list .d-flex:hover .icon-wrap {
    transform: scale(1.1) rotate(5deg);
    background-color: #ff9800 !important;
}

.a1_layout_features_list .d-flex:hover .icon-wrap i {
    color: #fff !important;
}


/*====================================
EVERYTHING CLOSE (PROXIMITY) SECTION
====================================*/
.a1_proximity_list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.a1_proximity_list li {
    display: flex;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px dashed #e2e8f0;
    font-size: 16px;
    font-weight: 500;
    color: #334155;
    transition: transform 0.2s ease, color 0.2s ease;
}

.a1_proximity_list li:hover {
    transform: translateX(5px);
    color: #ff9800;
}

.a1_proximity_list li i {
    font-size: 20px;
    color: #ff9800;
    margin-right: 15px;
    width: 25px;
    text-align: center;
}

.a1_proximity_list li .landmark {
    flex-grow: 1;
}

.a1_proximity_list li .time {
    font-weight: 700;
    color: #0f172a;
    background-color: #f1f5f9;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 13px;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.a1_proximity_list li:hover .time {
    background-color: #ff9800;
    color: #fff;
}

.a1_pricing_box {
    background: linear-gradient(135deg, #fffcf6 0%, #fff8eb 100%);
    border: 2px solid #ffe8cc;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.a1_pricing_box:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(255, 152, 0, 0.1) !important;
}

.a1_map_wrapper {
    border: 1px solid #e2e8f0;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.a1_map_wrapper:hover {
    transform: translateY(-3px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1) !important;
}


/*====================================
GROWTH DRIVERS GRID
====================================*/
.a1_growth_card {
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
    border: 1px solid #e2e8f0 !important;
}

.a1_growth_card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08) !important;
    border-color: #ff9800 !important;
}

.a1_growth_card .icon-wrap {
    transition: transform 0.3s ease, background-color 0.3s ease;
}

.a1_growth_card:hover .icon-wrap {
    transform: scale(1.1) rotate(5deg);
    background-color: #ff9800 !important;
}

.a1_growth_card:hover .icon-wrap i {
    color: #fff !important;
}


/*====================================
HERO, ABOUT & MASTER PLAN STYLING REFINEMENTS
====================================*/

/* Premium Navy Gradient for Hero Background */
.a1_lp_hero {
    background: linear-gradient(135deg, #0b132b 0%, #1c2541 100%) !important;
    padding: 45px 0 35px 0 !important;
}

/* Glassmorphism for Hero Right Column Image */
.a1_lp_image_box {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 15px;
    border-radius: 24px;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.4);
}

.a1_lp_image_box img {
    border-radius: 16px;
    transition: transform 0.5s ease;
}

.a1_lp_image_box:hover img {
    transform: scale(1.02);
}

/* Glassmorphism for Hero Counters */
.a1_lp_counter {
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 20px;
    padding: 24px;
    transition: transform 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
    color: #fff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
}

.a1_lp_counter:hover {
    transform: translateY(-5px);
    background: rgba(255, 255, 255, 0.07) !important;
    border-color: rgba(255, 152, 0, 0.4) !important;
    box-shadow: 0 15px 35px rgba(255, 152, 0, 0.1) !important;
}

.a1_lp_counter h2 {
    color: #ff9800 !important;
    font-size: 38px;
    font-weight: 800;
    margin-bottom: 5px;
}

.a1_lp_counter p {
    color: #cbd5e1 !important;
    font-size: 14px;
    margin-bottom: 0;
    font-weight: 500;
}

/* Glassmorphism for Hero Highlight Tags */
.a1_lp_point {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    padding: 10px 20px;
    border-radius: 30px;
    font-size: 14px;
    color: #f1f5f9 !important;
    transition: all 0.3s ease;
}

.a1_lp_point:hover {
    background: rgba(255, 152, 0, 0.1) !important;
    border-color: rgba(255, 152, 0, 0.3) !important;
}

/* About Section Legal Approvals Cards */
.a1_about_feature {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 20px;
    display: flex;
    gap: 15px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.02);
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    height: 100%;
}

.a1_about_feature:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(255, 152, 0, 0.08);
    border-color: rgba(255, 152, 0, 0.2);
}

.a1_about_feature .icon-box {
    background: #fff3df;
    color: #ff9800;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 20px;
    transition: all 0.3s ease;
}

.a1_about_feature:hover .icon-box {
    background: #ff9800;
    color: #fff;
}

.a1_about_feature h6 {
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 6px;
    font-size: 16px;
}

.a1_about_feature p {
    color: #64748b !important;
    font-size: 13px;
    line-height: 1.6;
    margin-bottom: 0;
}

/* Master Plan 2-Column Grid Features */
.a1_master_content h4 {
    font-weight: 700;
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 10px;
}

.a1_master_content h4::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 3px;
    background-color: #ff9800;
}

.a1_master_features_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    padding: 0;
    list-style: none;
    margin: 25px 0 0 0;
}

@media (max-width: 576px) {
    .a1_master_features_list {
        grid-template-columns: 1fr;
    }
}

.a1_master_features_list li {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    padding: 12px 18px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
    color: #334155;
    transition: all 0.3s ease;
}

.a1_master_features_list li:hover {
    background: #fff;
    border-color: #ff9800;
    color: #ff9800;
    transform: translateX(5px);
    box-shadow: 0 5px 15px rgba(255, 152, 0, 0.08);
}

.a1_master_features_list li i {
    color: #ff9800;
    font-size: 18px;
}


/*====================================
LEGAL TRUST BLOCK (ABOUT)
====================================*/
.a1_legal_approvals_box {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}

.a1_approval_item {
    border-left: 4px solid #198754 !important; /* bootstrap success green */
    transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.3s ease;
}

.a1_approval_item:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(25, 135, 84, 0.08) !important;
}

.a1_approval_item h6 {
    font-size: 15px;
    font-weight: 700;
}

.a1_approval_item p {
    font-size: 12px !important;
    line-height: 1.5 !important;
}