*{
    margin: 0;
    padding: 0;
    /* scrollbar-width: 0; */
    color: white;
    /* font-family: Arial, Helvetica, sans-serif; */
}
header{
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 100;
    position: sticky;
    top: 0;
    width: 100%;
    margin-bottom: -120px;
    transition: background-color 0.5s, height 0.5s;
}

.scrolled {
    background-color: white;
    height: 100px;
    
}

.scrolled .header-div{
    height: 100px;
}

.scrolled li {
    color: black !important;
}
.scrolled li a{
    color: black !important;
}


.header-div{
    display: flex;
    justify-content: space-between;
    padding-left: 5%;
    padding-right: 5%;
    /* justify-content: center; */
    align-items: center;
     /* 20% opacity black */
}
.logo{
    display: flex;
    margin: 20px 0;
}
a{
    color: black;
}
.logo-name{
    display: flex;
    justify-content: center;
    flex-direction: column;
    color: white;
}

.logo-name h1{
    margin: 0;
    align-self: center;
    font-size: 36px;
}
.logo-name h2{
    font-weight: 300;
    margin: 0;
    align-self: center;
}

.header-manu{
    display: flex;
    justify-content: center;
    align-items: center;
}

.header-manu-ul{
    display: flex;
    flex-direction: row;
    list-style-type: none;
}
.header-manu-ul li{
    text-decoration: none;
    margin: 0 20px;
    font-size: 20px;

}

.header-manu-ul li a{
    text-decoration: none;
   color: white;
    
}

.section-1{
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    /* margin-top: -120px; */

}

.section-1-div{
    background-image: url(https://static.wixstatic.com/media/10ff6a_e7773174fe55450e995d47a305d5f332~mv2.webp/v1/fill/w_1600,h_529,al_c,q_85,enc_auto/SECTION%201%20BG%20NEW.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 100vh;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    /* padding: 5% 0; */
}

.heading-text{
    display: flex;
    flex-direction: column;
    justify-content: start;
    margin-left: 5%;
}

.heading-text p{
    align-self: start;
    font-size: 36px;
    color: white;
    line-height: 40px;
    margin: 0;
    font-weight: bold;
}
/* .heading-text-1{
    align-self: start;
    font-size: 80px !important;
    color: white;
    margin: 0;
    line-height: 30px !important;

} */

.heading-text-2{
    align-self: start;
    font-size: 80px !important;
    color: white;
    margin: 0;
    line-height: 80px !important;
    font-weight: 300px !important;
}

.heading-text-3{
    align-self: start;
    font-size: 80px !important;
    color: white;
    margin: 0;
    line-height: 80px !important;

}

.buy-button{
    width: 200px;
    padding:  10px 020px;
    background-color: aliceblue;
    font-family: Helvetica, sans-serif;
    font-weight:600;
    border-radius: 10px 10px ;
    color: #313c56;

}



.buy-button a{

} 

.rent-button{
    width: 200px;
    padding:  10px 020px;
    background-color: rgba(0, 0, 0, 0.5);
    color: rgb(255, 255, 255);
    font-family: Helvetica, sans-serif;
    font-weight:600;
    border: solid 1px white;
    border-radius: 10px 10px;
    margin: 0 20px;
}


.rent-button a{
    color: white;
}
.Section-1-about{
    display:flex ;
    height: 100px;
    justify-content: start;
    align-items: center;
}

.section-2{
    display: flex;
    flex-direction: row;
}

.section-2-div{
    width: 50%;
    width: 90vw;
    height: 100%;
    margin: 50px 0;
}

.number{
    position: absolute;
    font-size: 110px;
    color: transparent;
    -webkit-text-stroke: 1px black;
    font-family: "Chronos Serif Stroked";
    font-weight: 900;
}

.section-heading-1{
    color: #565656;
    letter-spacing: 6px;
    font-size: 18px;
    font-weight: bold

}

.section-2 h1{
    color: black;
    font-size: 60px;
    line-height: 60px;
}

.section-2-right{
    display:flex ;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    font-size:20px;

}

.section-2-right button{
    margin-top: 20px;
}

.button1{
    width: 100%;
    border: 1px solid black;;
    /* stroke-width: 1px black !important; */
    height: 55px;
    color: black;
    background-color: rgb(255, 255, 255);

    font-size: 20px;
}




.section-3{
    display: flex;
    flex-direction: row;
}

.section-3-div{
    /* background-image: url(https://static.wixstatic.com/media/10ff6a_e7773174fe55450e995d47a305d5f332~mv2.webp/v1/fill/w_1600,h_529,al_c,q_85,enc_auto/SECTION%201%20BG%20NEW.webp); */
    /* background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center; */
    /* padding: 5% 0; */
    position: relative;
    z-index: 1; /* Ensures content is above the pseudo-element */
    background-color: transparent;
    height: 100vh;
    width: 100vw;
}

.section-3-div::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('https://static.wixstatic.com/media/10ff6a_e7773174fe55450e995d47a305d5f332~mv2.webp/v1/fill/w_1600,h_529,al_c,q_85,enc_auto/SECTION%201%20BG%20NEW.webp');
    background-size: cover;
    background-position: center;
    opacity: 0.2; /* 20% opacity */
    z-index: -1; /* Places the pseudo-element behind the content */
}

.flex-center{
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex-column{
    flex-direction: column;
}

.flex-row{
    flex-direction: row;
}

.section-3-content p{
    font-size: 36px;
    color: black;
}

.section-3-content div p{
    font-size: 70px;
    color: #313c56;
    margin: 0;
    line-height: 1;
}

.dream-text{
    font-size:100px;
    margin: 0 20px !important;
    color: #313c56;
    font-weight: bold;
    font-size: 100px !important;
    position: relative;
    top: 5px;
}

.button{
    width: 400px;
    border: 1px solid black;
    height: 55px;
    color: black;
    font-size: 20px;
    background-color: rgb(255, 255, 255);
}

.section-3-bg-logo{
    position: absolute;
    top:0;
}


.container1400{
    padding: 0 5%;
}

.width100{
    width: 100vw;
}

.full-vw-vh {
    width: 100vw;
    height: 120vh;
}
.grid-item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 2.5px 5px 2.5px !important;
    /* border: 1px solid #000; Optional: For visual separation */
}

.listing{
    width: 100%;
    height: 100%;
    position: relative;
}
.listing img{
    max-width: 100%;
    position: absolute;
}
.listing-info{
    position: absolute;
    z-index: 50;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0 20px;
    width: 100%;
    bottom: 20px;
}

.listing-info h1{
    font-size: 24px;
    line-height: 20px;
}

.listing-info h3{
    font-size: 36px;
    font-weight: 700;
}

.listing-info p{
    font-size: 24px;
    line-height: 20px;
}

.button-listing{
    width: 200px;
    stroke-width: 1px black;
    height: 55px;
    color: black;
    background-color: rgb(255, 255, 255);

    font-size: 20px;
}

.next-step{
    display: flex;
    width: 90%;
    margin-left: 5%;
    justify-content: space-between;
}

.next-step div{
    width: 20%;
    align-self: center;
    display: flex;
    flex-direction: column;
    /* margin: 0 2.5%; */
}

.next-step div img{
    max-width: 100%;
}

.next-step div h3{
    margin-top: 15px;
    font-size: 24px;
    color: black;
    align-self: center;
    line-height: 1;
}

.next-step div h4{
    font-size: 36px;
    color: black;
    align-self: center;
    line-height: 36px;
}

.contact-form{
    background-image: url("https://static.wixstatic.com/media/10ff6a_0da27dcaa20542aca2539a241b47107c~mv2.webp/v1/fill/w_1239,h_826,al_c,q_85,enc_auto/footer-git-bg-a.webp");
    background-size: cover;
    width: 90%;
    margin-left: 5%;
    margin-top: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    /* background: sticky; */
}


.main-contact-form{
    width: 90%;
    background-color: rgba(255, 255, 255, 0.8);
    margin: 5%;
    display: flex;
}

.contact-image{
margin: -50px 0 -150px -50px;
width: 700px;
}

.main-contact-form h2{
    font-size: 32px;
    color: #979797;
}

.main-contact-form h3{
    font-size: 60px;
    color: #313c56;
}

.double-column{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}
.double-column div{
    width: 48%;
}
.dropdown{
    width: 100% !important;
}


.dropdown a{
    width: 100% !important;
    color: #565656;
}

.dropdown-button{
    border: none;
    border-bottom: 2px solid black;
    height: 30px;
    border-radius: 0;
}

.triple-column{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}
.triple-column div{
    width: 31%;
}

.right-contact{
    width: 100%;
    color: black;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 30PX 0;
}

.right-contact p{
    /* width: 100%; */
    color: black;
    margin-bottom: 0 !important;
}
.contact-form-input{
    width: 80%;
    margin-top: 30px;
}
.contact-form-input input{
    width: 100%;
    border: none;
    border-bottom: 2px solid rgb(0, 0, 0);
    background-color: #f7f7f700;
    height: 30px;
    color: #202020;
}

.contact-details{
    background-color: black;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 30px;
}


.contact-details-left{
    display: flex;
    flex-direction: column;
    align-self: flex-start;
}

.contact-details-right{
    display: flex;
    flex-direction: column;
    align-self: flex-start;
}

.contact-details-center{
    display: flex;
    flex-direction: column;
    align-self: flex-start;
    width: 90% !important;
}

.contact-details div{
    width: 60%;
    align-self: center;
    display: flex;
    justify-content: center;
}

.contact-details-logo{
    width: 70% !important;
    margin: 20px 0;
}


.contact-details-logo1{
    width: 70% !important;
    margin: 20px 50px;
}
.contact-details-logo2{
    width: 70% !important;
    margin: 20px 0;
}

.contact-details-logo img{
    width: 400px;
}

.contact-details-logo1 img{
    width: 350px;
    margin: 20px 50px;

}
.contact-details-logo2 img{
    width: 400px;
}
.skyline-logo{
    width: 400px;
}

/* .contact-details-logo div{
    width: 45%;
} */

.Footer-logo{
    display: flex;
}

.Footer-logo h1{
    font-size: 36px;
}
.Footer-logo h2{
    /* font-size: 24px; */
    font-weight: 300;
}

.number-and-email{
    display: flex !important;
    justify-content: center !important;
    align-items: center;
    margin: 20px 0;
    color: white !important;;
}

.number-and-email h3{
    color: white;
}


.address{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: white;
    width: 900px;
    text-align: center;
    margin: 0 20px;
}


.address h3{
    color: white;
}

.footer{
    display: flex;
    color: black;
    flex-direction: column;
    justify-content:center ;
    padding: 30px 0;
}
.footer p{
    color: black;
    width: 70%;
    /* align-self: center; */
    /* text-align: center; */
    font-size: 16px;
    margin: 0 auto;
    text-align: justify;
    text-align-last:center ;
}

.footer h3{
    color: black;
    width: 70%;
    align-self: center;
    text-align: center;
    font-size: 20px;
}


.about-section1{
    width: 100vw;
    height: 60vh;
    background-image: url(https://static.wixstatic.com/media/10ff6a_e7773174fe55450e995d47a305d5f332~mv2.webp/v1/fill/w_1600,h_529,al_c,q_85,enc_auto/SECTION%201%20BG%20NEW.webp);
    position: relative;
}
.about-section1 Div{
 position: absolute ;
 bottom: 20px;
 left: 5%;
 font-family: 'Courier New', Courier, monospace;
}

.home-worth{
  
        background-image: url("https://www.exoticmotors.net/wp-content/uploads/2022/05/zac-gudakov-C6qSr-Fnvdg-unsplash-scaled.jpg");
        background-size: cover;
        width: 90%;
        margin-left: 5%;
        margin-top: 90px;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        /* background: sticky; */
    
}

.home-worth h4{
color: #313c56;
}

.Contact-details{
    width: 100%;
    color: black;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    
}
.home-worth-contact-form{
    width: 90%;
    background-color: rgba(255, 255, 255, 0.8);
    margin: 5%;
    display: flex;
    flex-direction: column;
    
}

.home-worth-contact-form p{
    color: black ;
}

.home-specification{
    width: 100%;
    color: black;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.dropdown-button{
    width: 100%;
    background-color: transparent;
    color: #565656;
    border: none;
    border-bottom: 2px solid black;
    border-radius: 0;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dropdown-options{
    width: 100%;
}