* {
    margin: 0px;
    padding: 0px;
    font-family: sans-serif;
    box-sizing: border-box;
    list-style: none;
    text-decoration: none;


}

html{
    scroll-behavior: smooth;
    transition: 10s;
}

.logos{
     
     position: fixed;
    right:20px;
    top:50%;
    gap:14px;
    display: flex;
    flex-direction: column;
    font-size: 30px;
    color:rgb(170, 19, 150);
    
}
.headermid {
    
      width: 100%;
    display: flex;
    align-items: center;

    position: fixed;
    top: 0px;
    background-color: white;
    box-shadow: 0px 0px 10px 2px #ccc;
    padding: 0px 20px;



}

.headerleft {
    padding: 10px;


    flex-basis: 20%;
}

.headerright {
    flex-basis: 80%;
    align-items: center;



}

.headerright>ul {
    display: flex;
    gap: 35px;
    align-items: center;



}

.headerright>ul>li>a {
    color: rgba(15, 7, 163, 0.801);
    text-transform: capitalize;
    font-weight: 730;
    font-size: 14px;





}

.headerright>ul>span {
    background-color: green;
    color: white;
    padding: 5px;

}

.headerright .call {
    border: 2px solid rgb(197, 14, 5);
    color: rgb(204, 8, 8);
    padding: 5px;

}

.banner {
    padding-top: 100px;
}

.section-visit {
    width: 100%;
    background-color: #306598;
}

.visit {
    width: 1200px;
    margin: auto;

}

.visitmain {


    font-size: 30px;
    color: white;
    margin-right: 20px;
    padding: 30px;


}

.visit-enter form input {
    padding: 14px 50px;
    margin-right: 20px;
    color: grey;
    margin-bottom: 50px;

}

.visit-enter span {
    background-color: green;
    color: white;
    padding: 14px 50px;
}

.smart-section {
    width: 100%;
    background-color: #F3F3F3;
}

.smartcity {
    width: 1200px;
    margin: auto;
    align-items: center;



}

.smartcity-main {
    color: #306598;
    font-size: 27px;
    text-align: center;

    padding-top: 25px;
    font-weight: bold;
}

.smartcity p {
    padding-top: 10px;
    text-align: center;
    margin-bottom: 40px;
}

.smartcity figure {
    display: flex;

}

.smartcity img {
    width: 350px;

    margin-right: 40px;
    margin-bottom: 50px;


}

section {
    width: 100%;

}

.project1 {
    width: 1200px;
    margin: auto;
    margin-top: 60px;
    display: flex;
    gap: 40px;
}

.project1-text h1 {
    color: #306598;

}

.project1-text p {
    margin: 20px 0px 20px 0px;
    letter-spacing: 2px;
    font-size: 15px;
}

.project1-text>ul {
    padding-left: 15px;
    margin-bottom: 20px;
}

.project1-text>ul>li {
    list-style: disc;
    padding: 12px;



}

.project1-text span {
    background-color: #3EC546;
    color: white;
    font-size: 15px;
    padding: 13px;
    border-radius: 5px;
}

.plot {
    width: 100%;
    background-color: #F3F3F3;
    margin-bottom: 20px;
    padding-bottom: 20px;

}

.plot-main {
    width: 1200px;
    margin: auto;



}

.plothead {
    margin: 30px;
    text-align: center;
    padding-top: 25px;
}

.plothead h2 {
    color: #306598;
    margin: 20px;
    font-size: 30px;

}

.plothead p {
    padding-left: 50px;

}

.plot-img {

    display: flex;
    padding-top: 10px;
    text-align: center;
    align-items: center;
    justify-content: center;

}

.plot-images .images {
    margin-top: 20px;
}

.plot-text {
    flex-basis: 18%;
}

.plot-text .text {
    padding: 31px;
    margin-top: 10px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 17px;

}

.single-img {
    margin-left: 40px;
    margin-right: 50px;
}

.plot-text2 {
    flex-basis: 18%;
}

.plot-text2 .text {
    padding: 31px;
    margin-top: 8;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 17px;

}

.logo {
    width: 100%;
}

 .main {
    width: 1200px;
    margin: auto;

}

.logo-main {
    text-align: center;
}

.logo-main figure img {
    width: 200px;
    margin: 40px 0px 10px;

}

.logo-text {
margin-bottom: 30px;
}

.random-text p {
    margin: 20px 0px 20px 0px;
}

span{
    font-weight:bolder;
}

.box{
    
    display: flex;
    padding:20px;
    gap:20px;
    margin-left: 23px;
     text-align: center;

   
   
}

.box1{
    width:250px;
    height:220px;
     box-shadow: 0px 0px 10px 2px #ccc ;
     padding-top: 30px;
}
.box1>p{
font-size:16px;   
}



.price-list{
    text-align: center;
    margin:25px;
    font-size: 28px;
    font-weight: 700;
    color:#306598 ;

}
.price-text{
    text-align: center;
    margin:20px;
    font-size:20px ;
    font-weight: 500;

    color:#306598 ;

}
.offer{
    width:60%;
    margin:auto;
   
    

}
.offerrow1{
    padding:15px;
     text-align: center;
    
    background-color: #306598;
    color:white;
    border:1px solid blue;
}

.offercolum{
    display: flex;
    text-align: center;

}
.offercolum1{
    
  flex-basis: 40%;

}
.offercolum1>ul>li{
    background-color: #306598;

}
.offercolum1>ul>li{
    padding:17px;
    border:1px solid rgb(179, 179, 193);
    background-color: #ccc;
}

.offercolum2{
    
  flex-basis: 60%;

}
.offercolum2>ul>li{
    padding:17px;
    border:1px solid rgb(150, 150, 159);
}

.banner{
    width:100%;
    margin-bottom: 30px;
}
.banner-main{
    width:1200px;
    margin:auto;
     text-align: center; 
     
}
.main{
     text-align: center;  

}
.highlights{
     text-align: center;
    margin:25px;
    font-size: 28px;
    font-weight: 700;
    color:#306598 ;


}
.smartcitys{
    display:grid;
    grid-template-columns: repeat(3,1fr);
    padding:10px;
    margin-bottom: 80px;


    
}
.smartcity-mains{
    margin-top: 30px;
    padding-top: 20px;

}
.smartcity-mains h5{
    color:grey;
    margin-top: 20px;
}
.book{
    width:100%;
        

}
.booksite{
    width:1200px;
    margin:auto;
    text-align: center;

}



.book-main{
    width:240px;
     margin-left: 40%;
    background-color:rgb(194, 194, 11);
    box-sizing: border-box;
    color:black;
    padding:15px;
    border-radius: 10px;
    font-weight: 700;
    font-size: 22px;
    box-shadow: 0px 0px 10px 2px #ccc;
    text-align: center;
    
    margin-bottom: 60px;


    
}
.project{

    color:#306598;
    font-size: 30px;
    font-weight: 700;
    padding:10px;
    text-align: center;
    margin-bottom: 20px;
    
}
.project-cont{
    margin-bottom: 20px;
}
.video{
    display: flex;
    gap:20px;
    padding:30px;
    margin-bottom: 70px;
}
.site-plan{
    color:#306598;
    font-size: 30px;
    font-weight: 700;
    padding:10px;
    text-align: center;
    margin-bottom: 20px;
}
.plan-cont{
     margin-bottom: 40px;

}
.compass-img{
    text-align: center;
      margin-bottom: 80px;

    
}
.download{
     width:240px;
     margin-top: 100px;
     margin-bottom: 100px;
     margin-left: 40%;
    background-color:rgb(194, 194, 11);
    box-sizing: border-box;
    color:black;
    padding:15px;
    border-radius: 10px;
    font-weight: 700;
    font-size: 22px;
    box-shadow: 0px 0px 10px 2px #ccc;
    text-align: center;
    

}
.landmarks{
    width:70%;
    margin:auto;

}
.landmarks-main{
    margin-top: 50px;
     color:#306598;
    font-size: 30px;
    font-weight: 700;
    padding:10px;
    text-align: center;
    margin-bottom: 20px;
}
/* .ans>ul>li{

} */

.fqa{
    margin-bottom: 10PX;
   
}
.fqa h3{
    margin-bottom:20px;
     color:grey;
    
}
hr{
     margin-bottom:20px;
}
.ans{
    display: none;
    padding-top: 7px;
    font-size: 15px;
     color:grey;
    
}

.ansShow{
 display:block;
}
.land-text{
    text-align:center;
    margin-bottom: 40px;
}
.amenities-img{
    display: flex;
    gap:80px;
    text-align: center;
    align-items: center;
    justify-content: center;

}
.amenities-img p{
    margin-top: 10px;
    font-size: 20px;
    margin-bottom: 50px;
}



.gallery{
    display:grid;
    grid-template-columns: repeat(4,1fr);


}
.gallery img{
    width:250px;
    height:250px;
    padding:10px;
}
.loan-gallery{
    display: flex;
    gap:40px;
}
.loan-gallery img{
    width:140px;
    height:140px; 
    border:1px solid #ccc;
    box-shadow: 0px 0px 10px 2px;
    padding:20px;
    margin-bottom: 50px;
}

.schedule{
    width:100%;
    background-color:rgb(222, 229, 230);
    padding:50px;
}
.schedule-mains{
    width:80%;
    margin:auto;
    padding:20px;
    border:5px solid #306598;
    display: flex;
    gap:10px;

}
.landmarks-mains{
    margin-top: 50px;
     color:#306598;
    font-size: 30px;
    font-weight: 700;
    padding:10px;
    margin-bottom: 20px;

}
.schedule-cont{
    margin-left:13px
}

.calling{
     display: flex;
     gap:20px;
     

}
.call{
    display: flex;

     padding:12px;
     color:white;
     background-color: #3EC546;
     font-weight: 600;
    

}
.footer{
    width:100%;
    background-color: #306598;
}
.footer-main{
    width:80%;
    margin:auto;
    display: flex;
    padding:7%;
    gap:10%;
}
.special-offer{
    flex-basis: 40%;
    font-size: 20px;
    font-weight: 500;
    padding-top:10px;
    word-spacing: 2px;
    color:white;
    margin-left: 10%;
    


}
.special-offer p{
    padding: 10px  80px;

}
.contact{
    text-align: center;
    color: white;
    padding-top: 10px;
}
.contact p{
    padding-top:10px;
}
.footer-end{
    width:100%;
    text-align: center;
    color: white;
    padding-bottom:2%;
}