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

*{
margin: 0;
padding: 0;
box-sizing: border-box;
scroll-padding-top: 2rem;
text-decoration: none;
list-style: none;
scroll-behavior: smooth;
font-family: "Poppins", sans-serif;
}

:root {
      --main-color: #008148;
      --second-color: #1e3932;
      --third-color: #FFFFFF;
      --fourth-color: #ed7a21;
      --fifty-color: #000000;
      --six-color: #00793e;
}

section {

    padding: 30px 10% ;
}

*::selection{

    color: #fff;
    background: var(--six-color)
}

body {
   
    background-color: #f1eee9;
    margin: 0;
    
}

img {
    width: 100%;
}

header{
    position: fixed;
    width: 100%;
    top: 0;
    right: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    box-shadow: 0 4px 41px rgb(14 55 54 / 14%);
    padding: 15px 10%;
    transition: 0.2s;
}

.logo{

    display: flex;
    align-items: center;
}

.logo img {

    width: 200px;
}

.navbar{

    display: flex;
}

.navbar a {

    font-size: 1rem;
    padding: 11px 20px;
    color: var(--second-color);
    font-weight: 600;
    text-transform: uppercase;
}

.navbar a:hover{

    color: var(--six-color);
    
}

#menu-icon{

    font-size: 24px;
    cursor: pointer;
    z-index: 1001;
    display: none;

}




/* .home{

    width: 100%;
    min-height: 91vh;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #ebdbc8;
    gap: 1rem;
    background-image: url(./banner/Apartments\ For\ Sale\ in\ Porur.png);
    background-size: cover;
}

.home-text {

    flex: 1 1 17rem;

}

.home-img{
    flex: 1 1 17rem;
}

.home-img img{

    animation: animate 3s linear infinite;
}
@keyframes animate{
    0%{
        transform: translate(-11px, 0);
    }

    50%{
        transform: translate(-0px, -11px);
    }

    100%{
        transform: translate(-11px, 0);
    }
}

.home-text span{
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--second-color);
    
    
}

.home-text h1{

    font-size: 3.2rem;
    color: var(--main-color);
    font-weight: bolder ;
}

.home-text h2{

    font-size: 1.8rem;
    font-weight: 600;
    color: var(--second-color);
    text-transform: uppercase;
    margin: 0.5rem 0 1.4rem;
}

.btn{

    padding: 7px 16px;
    border: 2px solid var(--fourth-color);
    border-radius: 40px;
    color: var(--third-color);
    font-weight: 500;
    background: var(--fourth-color);
}

.btn:hover{

    color: #fff;
    background: var(--main-color);
    border: 2px solid var(--main-color);
    
} */



 /* .form-container {
      width: 100%;
      max-width: 500px;
      padding: 20px;
      box-shadow: 0 0 10px rgba(0,0,0,0.1);
      border-radius: 8px;
      background: #fff;
      align-items: center;
      margin-left: 33%;
      
      
    }  */


    .crm-form-container {
      background: #fff;
      padding: 30px;
      border-radius: 10px;
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
      width: 100%;
      max-width: 500px;
      margin-left: 30.5%;
      margin-top: 2%;
    }

    /* Submit button override (if allowed by Sell.Do) */
    .crm-form-container input[type="submit"],
    .crm-form-container button[type="submit"] {
      background-color: #fe1e51 !important;
      color: #fff !important;
      border: none !important;
      padding: 10px 20px;
      font-size: 16px;
      border-radius: 5px;
      cursor: pointer;
    }

    .crm-form-container input[type="submit"]:hover,
    .crm-form-container button[type="submit"]:hover {
      background-color: #e9741f !important;
    }

 



  


  .heading {

    text-align: center;
    text-transform: uppercase;

}

.heading span{

    font-size: 1rem;
    font-weight: 600;
    color: var(--second-color)
}

.heading h1{

    font-size: 2rem;
    color: var(--six-color);
    font-weight: bold;
    
}

.heading h2{

    font-size: 2rem;
    color: var(--fifty-color);
    
}


.headings {

    text-align: center;
    text-transform: uppercase;
    

}

.headings span{

    font-size: 1rem;
    font-weight: 600;
    color: var(--second-color)
}

.headings h1{

    font-size: 2rem;
    color: var(--main-color);
}

.headings h2{

    font-size: 2rem;
    color: var(--fifty-color);
}


  .plotscontainer {
      display: flex;
      flex-wrap: wrap;
      max-width: 1200px;
      margin: 20px auto;
      background: #fff;
      border-radius: 8px;
      overflow: hidden;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    }

    .left,
    .right {
      flex: 1 1 100%;
    }

    .left img {
      width: 100%;
      height: auto;
      object-fit: cover;
    }

    .right {
      padding: 30px;
    }

    h2 {
      font-size: 24px;
      margin-bottom: 10px;
      color: var(--six-color);
    }

    .highlight {
      font-weight: bold;
    }

    .description {
      margin-top: 10px;
      color: #666;
      font-size: 15px;
      line-height: 1.6;
    }

    .buttons {
      margin: 25px 0;
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
    }

    .buttons button {
      background-color: transparent;
      border: 2px solid var(--six-color);
      color: var(--six-color);
      padding: 10px 20px;
      border-radius: 4px;
      cursor: pointer;
      font-weight: bold;
      transition: all 0.3s ease;
    }

    .buttons button.active,
    .buttons button:hover {
      background-color: var(--six-color);
      color: white;
    }

    .info-grid {
      display: flex;
      flex-wrap: wrap;
      margin-top: 20px;
    }

    .info-block {
      width: 50%;
      margin-bottom: 20px;
    }

    .info-label {
      color: #777;
      font-size: 14px;
    }

    .info-value {
      font-weight: bold;
      font-size: 16px;
      margin-top: 4px;
    }

    /* Responsive styles */
    @media (max-width: 768px) {
      .info-block {
        width: 100%;
      }

      h2 {
        font-size: 20px;
      }

      .right {
        padding: 20px;
      }

      .buttons {
        flex-direction: column;
      }

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

    @media (min-width: 769px) {
      .left {
        flex: 1 1 50%;
      }

      .right {
        flex: 1 1 50%;
      }
    }























.container {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      padding: 2rem;
      max-width: 1500px;
      margin: auto;
    }

    .textss-content {
      flex: 1 1 500px;
      padding: 1rem;
    }

    .textss-content h2 {
      color: #c2481e;
      font-size: 2rem;
      font-weight: bold;
      margin-bottom: 1rem;
      margin-right: 2rem;
    }

    .textss-content p {
      line-height: 1.6;
      font-size: 1rem;
      margin-bottom: 1rem;
      
    }

    .book-btn {
      display: inline-block;
      padding: 0.8rem 2rem;
      background-color: #8c2f1d;
      color: white;
      font-weight: bold;
      font-size: 1rem;
      border: none;
      border-radius: 30px;
      text-decoration: none;
      margin-top: 1rem;
    }

    .image-content {
      flex: 1 1 400px;
      padding: 1rem;
    }

    .image-content img {
      width: 100%;
      height: auto;
      border-radius: 15px;
      box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    }

    @media (max-width: 768px) {
      .container {
        flex-direction: column;
        text-align: center;
      }

      .textss-content, .image-content {
        padding: 1rem 0;
      }
    }







    

/* ------------------------2 SECTION HEADINGS---------------------> */

.headingurl {

    text-align: center;
    text-transform: uppercase;
    
   

}

.headingurl span{

    font-size: 1rem;
    font-weight: 600;
    color: var(--second-color)
    
}

.headingurl h1{

    font-size: 2rem;
    color: var(--six-color);
    font-weight: bold;
    
    
    
}

.headingurl h2{

    font-size: 2rem;
    color: var(--fifty-color);
    
   
}






.shop-container{

    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 0.1rem;
}

.shop-container .box{

    flex: 1 1 10rem;
    background: var(--six-color);
    padding: px;
    display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
    margin-top: 3rem;
    border-radius: 0.5rem;
}

.shop-container .box .stars .bx{

    color: #FFFFFF;
}

.shop-container .box h2{
    color: #FFFFFF;
    font-size: 1.2rem;
    

}

.shop-container .box span{
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 500;
    margin: 0.2rem 0 0.5rem;
}

.box .btn{

    border: 2px solid #ed7a21;
    color: #FFFF;
}

.box .btn:hover{
    background: #FFFFFF;
    color: var(--second-color);
    border: 2px solid #FFFFFF;
}






 


    

.locationcontents{

      align-items: center;

    }

 .locationcontents h2 {
      text-align: center;
      color: var(--six-color);
      margin-bottom: 10px;
      font-size: 1.9rem;
      font-weight: bold;
    }

 .locationcontents p.subtitle {
      text-align: center;
      color: #000000;
      max-width: 700px;
      margin: 0 auto 40px;
    }

    .highlight-grid {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px;
    }

    .highlight-card {
      background: white;
      border-radius: 16px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
      width: 100%;
      max-width: 350px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
    }

    .highlight-card img {
      width: 100%;
      height: 200px;
      object-fit: cover;
    }

    .highlight-card h3 {
      text-align: center;
      margin: 15px 0 5px;
      color: var(--six-color);
      font-size: 18px;
      text-transform: uppercase;
      border-bottom: 2px solid var(--six-color);
      display: inline-block;
      padding-bottom: 5px;
    }

    .highlight-card ul {
      list-style: disc;
      padding: 0 20px 20px 40px;
      margin: 0;
      color: #555;
      font-size: 14px;
    }

    @media (max-width: 768px) {
      .highlight-grid {
        flex-direction: column;
        align-items: center;
      }
    }



     .gallery-container {
      text-align: center;
      padding: 30px 10px;
    }

    .gallery-container h2 {
      font-size: 30px;
      font-weight: bold;
      margin-bottom: 10px;
      text-transform: uppercase;
      color: var(--six-color);
    }

    .divider {
      font-size: 24px;
      margin-bottom: 20px;
    }

    .carousel {
      display: flex;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      gap: 20px;
      padding: 0 10px;
      scroll-behavior: smooth;
    }

    .carousel::-webkit-scrollbar {
      display: none;
    }

    .carousel img {
      flex: 0 0 auto;
      width: 100%;
      max-width: 500px;
      height: auto;
      scroll-snap-align: center;
      border-radius: 10px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    }

    .carousel-controls {
      margin-top: 20px;
    }

    .control-btn {
      background: none;
      border: 4px solid var(--six-color);
      color: var(--six-color);
      padding: 20px;
      font-size: 18px;
      border-radius: 50%;
      cursor: pointer;
      margin: 0 10px;
      transition: all 0.3s ease;
    }

    .control-btn:hover {
      background-color: var(--six-color);
      color: white;
    }

    @media (max-width: 768px) {
      .gallery-title {
        font-size: 20px;
      }
    }

    @media (max-width: 480px) {
      .carousel img {
        max-width: 100%;
      }
    }


    .about-container {
      max-width: 1100px;
      text-align: center;
      align-items: center;
      margin-top: -5%;
      
    }

    .about-container h1 {
      color: var(--six-color);
      font-size: 1.9em;
      margin-bottom: 20px;
      text-align: center;
      align-items: center;
      margin-left: 40%;
    }

    .about-container p {
      font-size: 1em;
      line-height: 1.6;
      text-align: center;
      align-items: center;
      margin-left: 40%;
    }

    

    @media (max-width: 600px) {
      .about-container h1 {
        font-size: 1.5em;
      }

     .about-container p {
        font-size: 0.95em;
      }
    }

    

    @media (max-width: 452px) {
      .about-container h1 {
        font-size: 1.5em;
        margin-left: 4%;
      }

     .about-container p {
        font-size: 0.95em;
        margin-left: 4%;
      }
    }


    .logo {
	max-width: 200px;
}

.banner img {
	max-width: 100%;
}
.selldof .btn{background:#000 !important; color:#fff !important;}
.owl-nav span{color: #fff;font-size: 35px;background: #000;height: 40px;width: 40px;display: flex;align-items: center;justify-content: center;padding-bottom: 7px;}
   .owl-nav{text-align: center;margin-top: 10px;margin-bottom: 30px;}
    .foot-logo{padding: 30px;display: flex;justify-content: space-between;align-items: center;background: #f7f7f7;}
    .foot-logo img{max-width:300px}
    .call-f{display: flex;align-items: center;gap: 20px;}
    .call-f img{filter: brightness(0) saturate(100%)}
    .foot-logo a{color: #000;text-decoration: none;font-size: 32px;}
    .foot-copyright{background: #000;color: #fff;font-size: 12px;padding: 20px;}
    form .title{display:none}
    .form-sidebar h3{font-size: 22px;font-weight: bold;text-align: center;margin-top: 30px;padding: 10px;}
    .r-form{height: 100%;display: flex;flex-direction: column;justify-content: center;padding:0px 25px}
    .cta label{display:none!important}
    .cta .selldof_row{width:33%;float:left}
    .cta form{display: flex;flex-wrap: wrap;justify-content: center;margin-top: 20px;}
    .cta .form-group{text-align: center!important;}
    .sell_do_verify_container{display:none!important}
.banner {
	max-width: 100% !important;
	padding: 0px !important
}
.form-sidebar{position: fixed; top:0;right: 0;bottom:0;background:linear-gradient(0deg, #ffffff91, #ffffff), url(img/formbg.webp);display:block !important;backdrop-filter: blur(5px)}
.r-form .sell_do_form_container, .r-form h3{margin-bottom:0px}
.phoneno-formsec {text-align: center; font-size: 25px; font-weight:bold;background:#e26928; padding:10px;}
.phoneno-formsec a{text-decoration: none; color:#fff;}
.phoneno-formsec a:hover{text-decoration: none; color:#fff; }
.phoneno-formsec .fa-phone{color:#fff}
.form-sidebar form
{
	padding:20px !important;
}
.form-sidebar form input{outline: none;}
.form-sidebar form h3{color:#fff; text-align: center;}

/* .left-section .container-fluid{
	padding-left:0px !important; padding-right:0px !important;}
.head-sec {
	margin: inherit !important;
} */

/* .hero-section {
  background-image: url('img/imgss/despok1.webp'); 
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 80vh; /
  width: 100%;
}
@media (max-width: 767px) {
  .hero-section {
    background-image: url('img/imgss/mob.webp'); 
  }
} */


.left-section picture img {
  /* background-image: url('img/imgss/despok1.webp');  */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 80vh; /
  width: 100%;
}

.left-section .container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.head-sec {
    margin: inherit !important;
}

.left-section picture img {
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
    display: block;
}

@media (min-width: 768px) {
    .left-section picture img {
        max-height: 700px; /* Adjust as needed */
    }
}

.menu-call-btn {
	background: #e87b40;
	border: 2px solid #e87b40;
	color: #fff;
	padding: 5px 20px 8px;
	border-radius: 4px;
	text-decoration: none;
	font-weight: bold;
	float: right;
}

.menu-call-btn:hover {
	background: #fff;
	color: #e87b40;
}

.form-sec {
	position: absolute;
	top: calc(25% + 0px);
	right: 10%;
	background: #ff7600bf;
	padding: 30px;
	border-radius: 10px;
	text-align: center;
}

.form-group {
	margin-bottom: 15px;
}

.sub-btn {
	background: #81c244;
	padding: 5px 50px;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	border-radius: 5px;
	border: 1px solid #fff;
	color: #fff;
}

.sub-btn:hover {
	background: #e87b40;
	color: #fff;
}

.heading-text {
	margin-bottom: 20px;
}

.card {
	text-align: center;
	padding: 10px 0px;
	border: 0px !important;
	background: transparent !important;
}

.greenbg {
	padding: 30px !important;
    background: #e9ffd5;
    border-left: 5px solid #81c244;
}

.orangebg {
	background: #ffeee5;
    padding: 30px !important;
    border-left: 5px solid #e87b40;
}

.stats {
	/* background:#e87b40; */
	border-radius: 0px 0px 100px 100px;
}

.card .h2 {
	font-size: 16px;
	/* color:#fff; */
	padding-bottom:20px;
}

.mute-text {
	font-size: 14px;
	/* color:#fff; */
}

.section-style {
	margin: 50px 0px !important;
}

.section-style h2 {
	color: #e87b40;
}

.rounded-circle {
	border-radius: 50% !important;
	background-color: #81c244;
	padding: 10px;
	width: 50px;
	height: 50px;
	align-items: center;
	justify-content: center;
	display: flex;
	color: white;
	margin: 0 auto;
	margin-bottom: 10px;
  
}

.card {
	border-bottom: 2px solid #81c244 !important;
	box-shadow: 0px 15px 12px #ebebeb;
	--bs-card-border-radius: 0px 0px 10px 10px !important;
}

.amenities h2 {
	text-align: left;
	margin-bottom: 20px;
	color: #e87b40;
}

.cta {
	background: #c84042;
	padding: 20px 0px;
  
}

.cta h3 {
	margin-bottom: 0px;
}

.cta h3 {
	margin-bottom: 0px;
	line-height: inherit;
	font-weight: bold;
}

.cta-btn {
	width: 300px !important;
	border: none;
	margin: 0 auto;
	padding: 10px;
	background: #81c244;
	font-weight: bold;
	animation: bganim 1s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite;
	border: 1px solid #6c6c6c;
	text-transform: uppercase;
	box-shadow: 3px 4px 0px #81c244;
}

@keyframes bganim {
	from {
		background-color: #e87b40;
	}

	to {
		background-color: #81c244;
	}
}





   


.privacy{


    margin: 0;
    font-family: Arial, sans-serif;
    background-color: var(--six-color);
    color: white;
    padding: 25px;
}

.footering {
  background-color: var(--six-color); /* greenish background */
  color: white;
  text-align: center;
  padding: 1rem;
  font-weight: bold;
  font-size: 1rem;
  
}

@media (max-width: 600px) {
  .footer {
    font-size: 0.9rem;
    padding: 0.8rem;
  }
}




@media (max-width:1150px){

    header{

        padding: 18px 7%;
    }

    section {

        padding: 30px 7%;
    }

    .home-text h1{

        font-size: 3rem;
    }

    .home-text h2{

        font-size: 1.2rem;
    }
}

@media (max-width:991px){

    header{

        padding: 18px 4%;
    }

    section {

        padding: 30px 4%;
    }

 
}


@media (max-width:834px){

    header{

        padding: 11px 4%;
    }

    #menu-icon{

        display: initial;
    }

    header .navbar{

        position: absolute;
        top: -500px;
        left: 0;
        right: 0;
        display: flex;
        flex-direction: column;
        background: #fff;
        box-shadow: 0 4px 4px rgb(14 55 54 / 14%);
        border-top: 2px solid var(--six-color);
        transition: 0.2s;
        text-align: left;
    }

    .navbar.active{

        top: 100%;
    }

    .navbar a{
        padding: 1.5rem;
        display: block;
        color: var(--second-color);
        
    }

    .home-text span{

        font-size: 0.9rem;
    }

    .home-text h1{

        font-size: 2.4rem;
    }
  
.home-text h2{

    font-size: 1.2rem;
}
 
}





@media (max-width:768px) {


    section {

        padding: 20px 4%;
    }

    .home-text{

        padding-top: inherit;


    }

}


@media (max-width:500px) {

.heading span{

    font-size: 1.2rem;

}

.heading h1{

    font-size: 1.4rem;
}

}


@media (max-width:351px) {

    .links{

        display: flex;
        flex-direction: column;
        
    }

  }

    @media (max-width:361px) {

        .heading span{
        
            font-size: 1rem;
        
        }
        
        .heading h1{
        
            font-size: 1.2rem;
        }
        
        }


        @media (max-width:361px) {

            .home{
            
                background-image: url(./vas1.jpg);
            
            }

            .home-text span{
              
                position: absolute;
                top: 15%;
            }

            .home-text h1{

                position: absolute;
                top: 19%;
               
                
                
            }

            .home-text h2{

                position: absolute;
                top: 35%;
               
                
            }

            .btn{

                
                
               
                
            }

            
             
           } 

      

        @media (max-width:310px) {

            .heading span{
            
                font-size: 0.91rem;
            
            }
            
            .heading h1{
            
                font-size: 0.92rem;
            }
            
            }

            @media (max-width:259px) {

                .heading span{
                
                    font-size: 0.89rem;
                
                }
                
                .heading h1{
                
                    font-size: 0.70rem;
                }
                


                
                }

                @media (max-width:292px) {

                    .heading span{
                    
                        font-size: 0.89rem;
                    
                    }
                    
                    .heading h1{
                    
                        font-size: 0.70rem;
                    }
                    
                    }





/* 
---------------Mobilely friends---------------- */



@media (max-width: 1920px) {


  /* .home{

    width: 100%;
    min-height: 91vh;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #ebdbc8;
    gap: 1rem;
    background-image: url(./banner/Apartments\ For\ Sale\ in\ Porur.png);
    background-size: cover;
}

.home-text {

    flex: 1 1 17rem;

}

.home-img{
    flex: 1 1 17rem;
}

.home-img img{

    animation: animate 3s linear infinite;
}
@keyframes animate{
    0%{
        transform: translate(-11px, 0);
    }

    50%{
        transform: translate(-0px, -11px);
    }

    100%{
        transform: translate(-11px, 0);
    }
}

.home-text span{
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--second-color);
    
    
}

.home-text h1{

    font-size: 3.2rem;
    color: var(--main-color);
    font-weight: bolder ;
}

.home-text h2{

    font-size: 1.8rem;
    font-weight: 600;
    color: var(--second-color);
    text-transform: uppercase;
    margin: 0.5rem 0 1.4rem;
}

.btn{

    padding: 7px 16px;
    border: 2px solid var(--fourth-color);
    border-radius: 40px;
    color: var(--third-color);
    font-weight: 500;
    background: var(--fourth-color);
}

.btn:hover{

    color: #fff;
    background: var(--main-color);
    border: 2px solid var(--main-color);
    
} */


.crm-form-container {
      background: #fff;
      padding: 30px;
      border-radius: 10px;
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
      width: 100%;
      max-width: 500px;
      margin-left: 33.5%;
      margin-top: 2%;
    }

    /* Submit button override (if allowed by Sell.Do) */
    .crm-form-container input[type="submit"],
    .crm-form-container button[type="submit"] {
      background-color: #fe1e51 !important;
      color: #fff !important;
      border: none !important;
      padding: 10px 20px;
      font-size: 16px;
      border-radius: 5px;
      cursor: pointer;
    }

    .crm-form-container input[type="submit"]:hover,
    .crm-form-container button[type="submit"]:hover {
      background-color: #e9741f !important;
    }

.heading {

    text-align: center;
    text-transform: uppercase;

}

.heading span{

    font-size: 1rem;
    font-weight: 600;
    color: var(--second-color)
}

.heading h1{

    font-size: 2rem;
    color: var(--six-color);
    
}

.heading h2{

    font-size: 2rem;
    color: var(--fifty-color);
}


.headings {

    text-align: center;
    text-transform: uppercase;

}

.headings span{

    font-size: 1rem;
    font-weight: 600;
    color: var(--second-color)
}

.headings h1{

    font-size: 2rem;
    color: var(--main-color);
}

.headings h2{

    font-size: 2rem;
    color: var(--fifty-color);
}





.container {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      padding: 2rem;
      max-width: 1500px;
      margin: auto;
    }

    .textss-content {
      flex: 1 1 500px;
      padding: 1rem;
    }

    .textss-content h2 {
      color: #c2481e;
      font-size: 2rem;
      font-weight: bold;
      margin-bottom: 1rem;
      margin-right: 2rem;
    }

    .textss-content p {
      line-height: 1.6;
      font-size: 1rem;
      margin-bottom: 1rem;
      
    }

    .book-btn {
      display: inline-block;
      padding: 0.8rem 2rem;
      background-color: #8c2f1d;
      color: white;
      font-weight: bold;
      font-size: 1rem;
      border: none;
      border-radius: 30px;
      text-decoration: none;
      margin-top: 1rem;
    }

    .image-content {
      flex: 1 1 400px;
      padding: 1rem;
    }

    .image-content img {
      width: 100%;
      height: auto;
      border-radius: 15px;
      box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    }

    @media (max-width: 768px) {
      .container {
        flex-direction: column;
        text-align: center;
      }

      .textss-content, .image-content {
        padding: 1rem 0;
      }
    }

/* ------------------------2 SECTION HEADINGS---------------------> */

.headingurl {

    text-align: center;
    text-transform: uppercase;
   

}

.headingurl span{

    font-size: 1rem;
    font-weight: 600;
    color: var(--second-color);
    
}

.headingurl h1{

    font-size: 2rem;
    color: var(--six-color);
   
    
    
}

.headingurl h2{

    font-size: 2rem;
    color: var(--fifty-color);
   
}






.shop-container{

    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 0.1rem;
}

.shop-container .box{

    flex: 1 1 10rem;
    background: var(--six-color);
    padding: px;
    display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
    margin-top: 3rem;
    border-radius: 0.5rem;
}

.shop-container .box .stars .bx{

    color: #FFFFFF;
}

.shop-container .box h2{
    color: #FFFFFF;
    font-size: 1.2rem;

}

.shop-container .box span{
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 500;
    margin: 0.2rem 0 0.5rem;
}

.box .btn{

    border: 2px solid #ed7a21;
    color: #FFFF;
}

.box .btn:hover{
    background: #FFFFFF;
    color: var(--second-color);
    border: 2px solid #FFFFFF;
}





/* .locationcontentss{

      align-items: center;

    }

 .locationcontentss h2 {
      text-align: center;
      color: #ffffff;
      margin-bottom: 10px;
      font-size: 1.9rem;
    } */
 


    

.locationcontents{

      align-items: center;

    }

 .locationcontents h2 {
      text-align: center;
      color: var(--six-color);
      margin-bottom: 10px;
      font-size: 1.9rem;
    }

 .locationcontents p.subtitle {
      text-align: center;
      color: #000000;
      max-width: 700px;
      margin: 0 auto 40px;
    }

    .highlight-grid {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px;
    }

    .highlight-card {
      background: white;
      border-radius: 16px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
      width: 100%;
      max-width: 350px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
    }

    .highlight-card img {
      width: 100%;
      height: 200px;
      object-fit: cover;
    }

    .highlight-card h3 {
      text-align: center;
      margin: 15px 0 5px;
      color: var(--six-color);
      font-size: 18px;
      text-transform: uppercase;
      border-bottom: 2px solid var(--six-color);
      display: inline-block;
      padding-bottom: 5px;
    }

    .highlight-card ul {
      list-style: disc;
      padding: 0 20px 20px 40px;
      margin: 0;
      color: #555;
      font-size: 14px;
    }

    @media (max-width: 768px) {
      .highlight-grid {
        flex-direction: column;
        align-items: center;
      }
    }



     .gallery-container {
      text-align: center;
      padding: 30px 10px;
    }

    .gallery-container h2 {
      font-size: 31px;
      font-weight: bold;
      margin-bottom: 10px;
      text-transform: uppercase;
      color: var(--six-color);
    }

    .divider {
      font-size: 24px;
      margin-bottom: 20px;
    }

    .carousel {
      display: flex;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      gap: 20px;
      padding: 0 10px;
      scroll-behavior: smooth;
    }

    .carousel::-webkit-scrollbar {
      display: none;
    }

    .carousel img {
      flex: 0 0 auto;
      width: 100%;
      max-width: 500px;
      height: auto;
      scroll-snap-align: center;
      border-radius: 10px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    }

    .carousel-controls {
      margin-top: 20px;
    }

    .control-btn {
      background: none;
      border: 4px solid var(--six-color);
      color: var(--six-color);
      padding: 20px;
      font-size: 18px;
      border-radius: 50%;
      cursor: pointer;
      margin: 0 10px;
      transition: all 0.3s ease;
    }

    .control-btn:hover {
      background-color: var(--six-color);
      color: white;
    }

    @media (max-width: 768px) {
      .gallery-title {
        font-size: 20px;
      }
    }

    @media (max-width: 480px) {
      .carousel img {
        max-width: 100%;
      }
    }


    .about-container {
      max-width: 1100px;
      text-align: center;
      align-items: center;
      margin-top: -5%;
      
    }

    .about-container h1 {
      color: var(--six-color);
      font-size: 1.9rem;
      margin-bottom: 20px;
      text-align: center;
      align-items: center;
      margin-left: -1%;
    }

    .about-container p {
      font-size: 1rem;
      line-height: 1.6;
      text-align: center;
      align-items: center;
      margin-left: -2.3%;
    }

    

    @media (max-width: 600px) {
      .about-container h1 {
        font-size: 1.5em;
      }

     .about-container p {
        font-size: 0.95em;
      }
    }

    

    @media (max-width: 452px) {
      .about-container h1 {
        font-size: 1.5em;
        margin-left: 4%;
      }

     .about-container p {
        font-size: 0.95em;
        margin-left: 4%;
      }
    }




   


.privacy{


    margin: 0;
    font-family: Arial, sans-serif;
    background-color: var(--six-color);
    color: white;
    padding: 25px;
}

.footering {
  background-color: var(--six-color); /* greenish background */
  color: white;
  text-align: center;
  padding: 1rem;
  font-weight: bold;
  font-size: 1.3rem;
  
}

@media (max-width: 600px) {
  .footer {
    font-size: 0.9rem;
    padding: 0.8rem;
  }
}



  
     

    }

    @media (max-width: 1629px) {


  /* .home{

    width: 100%;
    min-height: 91vh;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #ebdbc8;
    gap: 1rem;
    background-image: url(./banner/Apartments\ For\ Sale\ in\ Porur.png);
    background-size: cover;
}

.home-text {

    flex: 1 1 17rem;

}

.home-img{
    flex: 1 1 17rem;
}

.home-img img{

    animation: animate 3s linear infinite;
}
@keyframes animate{
    0%{
        transform: translate(-11px, 0);
    }

    50%{
        transform: translate(-0px, -11px);
    }

    100%{
        transform: translate(-11px, 0);
    }
}

.home-text span{
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--second-color);
    
    
}

.home-text h1{

    font-size: 3.2rem;
    color: var(--main-color);
    font-weight: bolder ;
}

.home-text h2{

    font-size: 1.8rem;
    font-weight: 600;
    color: var(--second-color);
    text-transform: uppercase;
    margin: 0.5rem 0 1.4rem;
}

.btn{

    padding: 7px 16px;
    border: 2px solid var(--fourth-color);
    border-radius: 40px;
    color: var(--third-color);
    font-weight: 500;
    background: var(--fourth-color);
}

.btn:hover{

    color: #fff;
    background: var(--main-color);
    border: 2px solid var(--main-color);
    
} */


.crm-form-container {
      background: #fff;
      padding: 30px;
      border-radius: 10px;
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
      width: 100%;
      max-width: 500px;
      margin-left: 31%;
      margin-top: 2%;
    }

    /* Submit button override (if allowed by Sell.Do) */
    .crm-form-container input[type="submit"],
    .crm-form-container button[type="submit"] {
      background-color: #fe1e51 !important;
      color: #fff !important;
      border: none !important;
      padding: 10px 20px;
      font-size: 16px;
      border-radius: 5px;
      cursor: pointer;
    }

    .crm-form-container input[type="submit"]:hover,
    .crm-form-container button[type="submit"]:hover {
      background-color: #e9741f !important;
    }

.heading {

    text-align: center;
    text-transform: uppercase;

}

.heading span{

    font-size: 1rem;
    font-weight: 600;
    color: var(--second-color)
}

.heading h1{

    font-size: 2rem;
    color: var(--six-color);
    
}

.heading h2{

    font-size: 2rem;
    color: var(--fifty-color);
}


.headings {

    text-align: center;
    text-transform: uppercase;

}

.headings span{

    font-size: 1rem;
    font-weight: 600;
    color: var(--second-color)
}

.headings h1{

    font-size: 2rem;
    color: var(--main-color);
}

.headings h2{

    font-size: 2rem;
    color: var(--fifty-color);
}





.container {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      padding: 2rem;
      max-width: 1500px;
      margin: auto;
    }

    .textss-content {
      flex: 1 1 500px;
      padding: 1rem;
    }

    .textss-content h2 {
      color: #c2481e;
      font-size: 2rem;
      font-weight: bold;
      margin-bottom: 1rem;
      margin-right: 2rem;
    }

    .textss-content p {
      line-height: 1.6;
      font-size: 1rem;
      margin-bottom: 1rem;
      
    }

    .book-btn {
      display: inline-block;
      padding: 0.8rem 2rem;
      background-color: #8c2f1d;
      color: white;
      font-weight: bold;
      font-size: 1rem;
      border: none;
      border-radius: 30px;
      text-decoration: none;
      margin-top: 1rem;
    }

    .image-content {
      flex: 1 1 400px;
      padding: 1rem;
    }

    .image-content img {
      width: 100%;
      height: auto;
      border-radius: 15px;
      box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    }

    @media (max-width: 768px) {
      .container {
        flex-direction: column;
        text-align: center;
      }

      .textss-content, .image-content {
        padding: 1rem 0;
      }
    }

/* ------------------------2 SECTION HEADINGS---------------------> */

.headingurl {

    text-align: center;
    text-transform: uppercase;
   

}

.headingurl span{

    font-size: 1rem;
    font-weight: 600;
    color: var(--second-color);
    
}

.headingurl h1{

    font-size: 2rem;
    color: var(--six-color);
   
    
    
}

.headingurl h2{

    font-size: 2rem;
    color: var(--fifty-color);
   
}






.shop-container{

    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 0.1rem;
}

.shop-container .box{

    flex: 1 1 10rem;
    background: var(--six-color);
    padding: px;
    display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
    margin-top: 3rem;
    border-radius: 0.5rem;
}

.shop-container .box .stars .bx{

    color: #FFFFFF;
}

.shop-container .box h2{
    color: #FFFFFF;
    font-size: 1.2rem;

}

.shop-container .box span{
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 500;
    margin: 0.2rem 0 0.5rem;
}

.box .btn{

    border: 2px solid #ed7a21;
    color: #FFFF;
}

.box .btn:hover{
    background: #FFFFFF;
    color: var(--second-color);
    border: 2px solid #FFFFFF;
}





/* .locationcontentss{

      align-items: center;

    }

 .locationcontentss h2 {
      text-align: center;
      color: #ffffff;
      margin-bottom: 10px;
      font-size: 1.9rem;
    } */
 


    

.locationcontents{

      align-items: center;

    }

 .locationcontents h2 {
      text-align: center;
      color: var(--six-color);
      margin-bottom: 10px;
      font-size: 1.9rem;
    }

 .locationcontents p.subtitle {
      text-align: center;
      color: #000000;
      max-width: 700px;
      margin: 0 auto 40px;
    }

    .highlight-grid {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px;
    }

    .highlight-card {
      background: white;
      border-radius: 16px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
      width: 100%;
      max-width: 350px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
    }

    .highlight-card img {
      width: 100%;
      height: 200px;
      object-fit: cover;
    }

    .highlight-card h3 {
      text-align: center;
      margin: 15px 0 5px;
      color: var(--six-color);
      font-size: 18px;
      text-transform: uppercase;
      border-bottom: 2px solid var(--six-color);
      display: inline-block;
      padding-bottom: 5px;
    }

    .highlight-card ul {
      list-style: disc;
      padding: 0 20px 20px 40px;
      margin: 0;
      color: #555;
      font-size: 14px;
    }

    @media (max-width: 768px) {
      .highlight-grid {
        flex-direction: column;
        align-items: center;
      }
    }



     .gallery-container {
      text-align: center;
      padding: 30px 10px;
    }

    .gallery-container h2 {
      font-size: 31px;
      font-weight: bold;
      margin-bottom: 10px;
      text-transform: uppercase;
      color: var(--six-color);
    }

    .divider {
      font-size: 24px;
      margin-bottom: 20px;
    }

    .carousel {
      display: flex;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      gap: 20px;
      padding: 0 10px;
      scroll-behavior: smooth;
    }

    .carousel::-webkit-scrollbar {
      display: none;
    }

    .carousel img {
      flex: 0 0 auto;
      width: 100%;
      max-width: 500px;
      height: auto;
      scroll-snap-align: center;
      border-radius: 10px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    }

    .carousel-controls {
      margin-top: 20px;
    }

    .control-btn {
      background: none;
      border: 4px solid var(--six-color);
      color: var(--six-color);
      padding: 20px;
      font-size: 18px;
      border-radius: 50%;
      cursor: pointer;
      margin: 0 10px;
      transition: all 0.3s ease;
    }

    .control-btn:hover {
      background-color: var(--six-color);
      color: white;
    }

    @media (max-width: 768px) {
      .gallery-title {
        font-size: 20px;
      }
    }

    @media (max-width: 480px) {
      .carousel img {
        max-width: 100%;
      }
    }


    .about-container {
      max-width: 1100px;
      text-align: center;
      align-items: center;
      margin-top: -5%;
      
    }

    .about-container h1 {
      color: var(--six-color);
      font-size: 1.9rem;
      margin-bottom: 20px;
      text-align: center;
      align-items: center;
      margin-left: -1%;
    }

    .about-container p {
      font-size: 1rem;
      line-height: 1.6;
      text-align: center;
      align-items: center;
      margin-left: -2.3%;
    }

    

    @media (max-width: 600px) {
      .about-container h1 {
        font-size: 1.5em;
      }

     .about-container p {
        font-size: 0.95em;
      }
    }

    

    @media (max-width: 452px) {
      .about-container h1 {
        font-size: 1.5em;
        margin-left: 4%;
      }

     .about-container p {
        font-size: 0.95em;
        margin-left: 4%;
      }
    }




   


.privacy{


    margin: 0;
    font-family: Arial, sans-serif;
    background-color: var(--six-color);
    color: white;
    padding: 25px;
}

.footering {
  background-color: var(--six-color); /* greenish background */
  color: white;
  text-align: center;
  padding: 1rem;
  font-weight: bold;
  font-size: 1.3rem;
  
}

@media (max-width: 600px) {
  .footer {
    font-size: 0.9rem;
    padding: 0.8rem;
  }
}



  
     

    }



@media (max-width: 1024px) {


  /* .home{

    width: 100%;
    min-height: 91vh;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #ebdbc8;
    gap: 1rem;
    background-image: url(./banner/Flats\ For\ Sale\ in\ Porur.png);
    background-size: cover;
}

.home-text {

    flex: 1 1 17rem;

}

.home-img{
    flex: 1 1 17rem;
}

.home-img img{

    animation: animate 3s linear infinite;
}
@keyframes animate{
    0%{
        transform: translate(-11px, 0);
    }

    50%{
        transform: translate(-0px, -11px);
    }

    100%{
        transform: translate(-11px, 0);
    }
}

.home-text span{
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--second-color);
    
    
}

.home-text h1{

    font-size: 3.2rem;
    color: var(--main-color);
    font-weight: bolder ;
}

.home-text h2{

    font-size: 1.8rem;
    font-weight: 600;
    color: var(--second-color);
    text-transform: uppercase;
    margin: 0.5rem 0 1.4rem;
}

.btn{

    padding: 7px 16px;
    border: 2px solid var(--fourth-color);
    border-radius: 40px;
    color: var(--third-color);
    font-weight: 500;
    background: var(--fourth-color);
}

.btn:hover{

    color: #fff;
    background: var(--main-color);
    border: 2px solid var(--main-color);
    
} */


.crm-form-container {
      background: #fff;
      padding: 30px;
      border-radius: 10px;
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
      width: 100%;
      max-width: 500px;
      margin-left: 23%;
      margin-top: 2%;
    }

    /* Submit button override (if allowed by Sell.Do) */
    .crm-form-container input[type="submit"],
    .crm-form-container button[type="submit"] {
      background-color: #fe1e51 !important;
      color: #fff !important;
      border: none !important;
      padding: 10px 20px;
      font-size: 16px;
      border-radius: 5px;
      cursor: pointer;
    }

    .crm-form-container input[type="submit"]:hover,
    .crm-form-container button[type="submit"]:hover {
      background-color: #e9741f !important;
    }

.heading {

    text-align: center;
    text-transform: uppercase;

}

.heading span{

    font-size: 1rem;
    font-weight: 600;
    color: var(--second-color)
}

.heading h1{

    font-size: 2rem;
    color: var(--six-color);
    
}

.heading h2{

    font-size: 2rem;
    color: var(--fifty-color);
}


.headings {

    text-align: center;
    text-transform: uppercase;

}

.headings span{

    font-size: 1rem;
    font-weight: 600;
    color: var(--second-color)
}

.headings h1{

    font-size: 2rem;
    color: var(--main-color);
}

.headings h2{

    font-size: 2rem;
    color: var(--fifty-color);
}





.container {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      padding: 2rem;
      max-width: 1500px;
      margin: auto;
    }

    .textss-content {
      flex: 1 1 500px;
      padding: 1rem;
    }

    .textss-content h2 {
      color: #c2481e;
      font-size: 2rem;
      font-weight: bold;
      margin-bottom: 1rem;
      margin-right: 2rem;
    }

    .textss-content p {
      line-height: 1.6;
      font-size: 1rem;
      margin-bottom: 1rem;
      
    }

    .book-btn {
      display: inline-block;
      padding: 0.8rem 2rem;
      background-color: #8c2f1d;
      color: white;
      font-weight: bold;
      font-size: 1rem;
      border: none;
      border-radius: 30px;
      text-decoration: none;
      margin-top: 1rem;
    }

    .image-content {
      flex: 1 1 400px;
      padding: 1rem;
    }

    .image-content img {
      width: 100%;
      height: auto;
      border-radius: 15px;
      box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    }

    @media (max-width: 768px) {
      .container {
        flex-direction: column;
        text-align: center;
      }

      .textss-content, .image-content {
        padding: 1rem 0;
      }
    }

/* ------------------------2 SECTION HEADINGS---------------------> */

.headingurl {

    text-align: center;
    text-transform: uppercase;
   

}

.headingurl span{

    font-size: 1rem;
    font-weight: 600;
    color: var(--second-color);
    
}

.headingurl h1{

    font-size: 2rem;
    color: var(--six-color);
   
    
    
}

.headingurl h2{

    font-size: 2rem;
    color: var(--fifty-color);
   
}






.shop-container{

    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 0.1rem;
}

.shop-container .box{

    flex: 1 1 10rem;
    background: var(--six-color);
    padding: px;
    display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
    margin-top: 3rem;
    border-radius: 0.5rem;
}

.shop-container .box .stars .bx{

    color: #FFFFFF;
}

.shop-container .box h2{
    color: #FFFFFF;
    font-size: 1.2rem;

}

.shop-container .box span{
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 500;
    margin: 0.2rem 0 0.5rem;
}

.box .btn{

    border: 2px solid #ed7a21;
    color: #FFFF;
}

.box .btn:hover{
    background: #FFFFFF;
    color: var(--second-color);
    border: 2px solid #FFFFFF;
}





/* .locationcontentss{

      align-items: center;

    }

 .locationcontentss h2 {
      text-align: center;
      color: #ffffff;
      margin-bottom: 10px;
      font-size: 1.9rem;
    } */
 


    

.locationcontents{

      align-items: center;

    }

 .locationcontents h2 {
      text-align: center;
      color: var(--six-color);
      margin-bottom: 10px;
      font-size: 1.9rem;
    }

 .locationcontents p.subtitle {
      text-align: center;
      color: #000000;
      max-width: 700px;
      margin: 0 auto 40px;
    }

    .highlight-grid {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px;
    }

    .highlight-card {
      background: white;
      border-radius: 16px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
      width: 100%;
      max-width: 350px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
    }

    .highlight-card img {
      width: 100%;
      height: 200px;
      object-fit: cover;
    }

    .highlight-card h3 {
      text-align: center;
      margin: 15px 0 5px;
      color: var(--six-color);
      font-size: 18px;
      text-transform: uppercase;
      border-bottom: 2px solid var(--six-color);
      display: inline-block;
      padding-bottom: 5px;
    }

    .highlight-card ul {
      list-style: disc;
      padding: 0 20px 20px 40px;
      margin: 0;
      color: #555;
      font-size: 14px;
    }

    @media (max-width: 768px) {
      .highlight-grid {
        flex-direction: column;
        align-items: center;
      }
    }



     .gallery-container {
      text-align: center;
      padding: 30px 10px;
    }

    .gallery-container h2 {
      font-size: 31px;
      font-weight: bold;
      margin-bottom: 10px;
      text-transform: uppercase;
      color: var(--six-color);
    }

    .divider {
      font-size: 24px;
      margin-bottom: 20px;
    }

    .carousel {
      display: flex;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      gap: 20px;
      padding: 0 10px;
      scroll-behavior: smooth;
    }

    .carousel::-webkit-scrollbar {
      display: none;
    }

    .carousel img {
      flex: 0 0 auto;
      width: 100%;
      max-width: 500px;
      height: auto;
      scroll-snap-align: center;
      border-radius: 10px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    }

    .carousel-controls {
      margin-top: 20px;
    }

    .control-btn {
      background: none;
      border: 4px solid var(--six-color);
      color: var(--six-color);
      padding: 20px;
      font-size: 18px;
      border-radius: 50%;
      cursor: pointer;
      margin: 0 10px;
      transition: all 0.3s ease;
    }

    .control-btn:hover {
      background-color: var(--six-color);
      color: white;
    }

    @media (max-width: 768px) {
      .gallery-title {
        font-size: 20px;
      }
    }

    @media (max-width: 480px) {
      .carousel img {
        max-width: 100%;
      }
    }


    .about-container {
      max-width: 1100px;
      text-align: center;
      align-items: center;
      margin-top: -5%;
      
    }

    .about-container h1 {
      color: var(--six-color);
      font-size: 1.9rem;
      margin-bottom: 20px;
      text-align: center;
      align-items: center;
      margin-left: -1%;
    }

    .about-container p {
      font-size: 1rem;
      line-height: 1.6;
      text-align: center;
      align-items: center;
      margin-left: -2.3%;
    }

    

    @media (max-width: 600px) {
      .about-container h1 {
        font-size: 1.5em;
      }

     .about-container p {
        font-size: 0.95em;
      }
    }

    

    @media (max-width: 452px) {
      .about-container h1 {
        font-size: 1.5em;
        margin-left: 4%;
      }

     .about-container p {
        font-size: 0.95em;
        margin-left: 4%;
      }
    }




   


.privacy{


    margin: 0;
    font-family: Arial, sans-serif;
    background-color: var(--six-color);
    color: white;
    padding: 25px;
}

.footering {
  background-color: var(--six-color); /* greenish background */
  color: white;
  text-align: center;
  padding: 1rem;
  font-weight: bold;
  font-size: 1.3rem;
  
}

@media (max-width: 600px) {
  .footer {
    font-size: 0.9rem;
    padding: 0.8rem;
  }
}



  
     

    }



    



      @media (max-width: 932px) {


  /* .home{

    width: 100%;
    min-height: 250vh;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #ebdbc8;
    gap: 1rem;
    background-image: url(./Apartments/Apartments\ For\ Sale\ in\ Porur.png);
    background-size: cover;
}

.home-text {

    flex: 1 1 17rem;

}

.home-img{
    flex: 1 1 17rem;
}

.home-img img{

    animation: animate 3s linear infinite;
}
@keyframes animate{
    0%{
        transform: translate(-11px, 0);
    }

    50%{
        transform: translate(-0px, -11px);
    }

    100%{
        transform: translate(-11px, 0);
    }
}

.home-text span{
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--second-color);
    
    
}

.home-text h1{

    font-size: 3.2rem;
    color: var(--main-color);
    font-weight: bolder ;
}

.home-text h2{

    font-size: 1.8rem;
    font-weight: 600;
    color: var(--second-color);
    text-transform: uppercase;
    margin: 0.5rem 0 1.4rem;
}

.btn{

    padding: 7px 16px;
    border: 2px solid var(--fourth-color);
    border-radius: 40px;
    color: var(--third-color);
    font-weight: 500;
    background: var(--fourth-color);
}

.btn:hover{

    color: #fff;
    background: var(--main-color);
    border: 2px solid var(--main-color);
    
} */



.crm-form-container {
      background: #fff;
      padding: 30px;
      border-radius: 10px;
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
      width: 100%;
      max-width: 500px;
      margin-left: 19%;
      margin-top: 2%;
    }

    /* Submit button override (if allowed by Sell.Do) */
    .crm-form-container input[type="submit"],
    .crm-form-container button[type="submit"] {
      background-color: #fe1e51 !important;
      color: #fff !important;
      border: none !important;
      padding: 10px 20px;
      font-size: 16px;
      border-radius: 5px;
      cursor: pointer;
    }

    .crm-form-container input[type="submit"]:hover,
    .crm-form-container button[type="submit"]:hover {
      background-color: #e9741f !important;
    }

.heading {

    text-align: center;
    text-transform: uppercase;

}

.heading span{

    font-size: 1rem;
    font-weight: 600;
    color: var(--second-color)
}

.heading h1{

    font-size: 2rem;
    color: var(--six-color);
    
}

.heading h2{

    font-size: 2rem;
    color: var(--fifty-color);
}


.headings {

    text-align: center;
    text-transform: uppercase;

}

.headings span{

    font-size: 1rem;
    font-weight: 600;
    color: var(--second-color)
}

.headings h1{

    font-size: 2rem;
    color: var(--main-color);
}

.headings h2{

    font-size: 2rem;
    color: var(--fifty-color);
}

.container {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      padding: 2rem;
      max-width: 1500px;
      margin: auto;
    }

    .textss-content {
      flex: 1 1 500px;
      padding: 1rem;
    }

    .textss-content h2 {
      color: #c2481e;
      font-size: 2rem;
      font-weight: bold;
      margin-bottom: 1rem;
      margin-right: 2rem;
    }

    .textss-content p {
      line-height: 1.6;
      font-size: 1rem;
      margin-bottom: 1rem;
      
    }

    .book-btn {
      display: inline-block;
      padding: 0.8rem 2rem;
      background-color: #8c2f1d;
      color: white;
      font-weight: bold;
      font-size: 1rem;
      border: none;
      border-radius: 30px;
      text-decoration: none;
      margin-top: 1rem;
    }

    .image-content {
      flex: 1 1 400px;
      padding: 1rem;
    }

    .image-content img {
      width: 100%;
      height: auto;
      border-radius: 15px;
      box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    }

    @media (max-width: 768px) {
      .container {
        flex-direction: column;
        text-align: center;
      }

      .textss-content, .image-content {
        padding: 1rem 0;
      }
    }

/* ------------------------2 SECTION HEADINGS---------------------> */

.headingurl {

    text-align: center;
    text-transform: uppercase;
   

}

.headingurl span{

    font-size: 1rem;
    font-weight: 600;
    color: var(--second-color);
    
}

.headingurl h1{

    font-size: 2rem;
    color: var(--six-color);
   
    
    
}

.headingurl h2{

    font-size: 2rem;
    color: var(--fifty-color);
   
}






.shop-container{

    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 0.1rem;
}

.shop-container .box{

    flex: 1 1 10rem;
    background: var(--six-color);
    padding: px;
    display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
    margin-top: 3rem;
    border-radius: 0.5rem;
}

.shop-container .box .stars .bx{

    color: #FFFFFF;
}

.shop-container .box h2{
    color: #FFFFFF;
    font-size: 1.2rem;

}

.shop-container .box span{
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 500;
    margin: 0.2rem 0 0.5rem;
}

.box .btn{

    border: 2px solid #ed7a21;
    color: #FFFF;
}

.box .btn:hover{
    background: #FFFFFF;
    color: var(--second-color);
    border: 2px solid #FFFFFF;
}






 


    

.locationcontents{

      align-items: center;

    }

 .locationcontents h2 {
      text-align: center;
      color: var(--six-color);
      margin-bottom: 10px;
      font-size: 1.9rem;
    }

 .locationcontents p.subtitle {
      text-align: center;
      color: #000000;
      max-width: 700px;
      margin: 0 auto 40px;
    }

    .highlight-grid {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px;
    }

    .highlight-card {
      background: white;
      border-radius: 16px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
      width: 100%;
      max-width: 350px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
    }

    .highlight-card img {
      width: 100%;
      height: 200px;
      object-fit: cover;
    }

    .highlight-card h3 {
      text-align: center;
      margin: 15px 0 5px;
      color: var(--six-color);
      font-size: 18px;
      text-transform: uppercase;
      border-bottom: 2px solid var(--six-color);
      display: inline-block;
      padding-bottom: 5px;
    }

    .highlight-card ul {
      list-style: disc;
      padding: 0 20px 20px 40px;
      margin: 0;
      color: #555;
      font-size: 14px;
    }

    @media (max-width: 768px) {
      .highlight-grid {
        flex-direction: column;
        align-items: center;
      }
    }



     .gallery-container {
      text-align: center;
      padding: 30px 10px;
    }

    .gallery-container h2{
      font-size: 30px;
      font-weight: bold;
      margin-bottom: 10px;
      text-transform: uppercase;
      color: var(--six-color);
    }

    .divider {
      font-size: 24px;
      margin-bottom: 20px;
    }

    .carousel {
      display: flex;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      gap: 20px;
      padding: 0 10px;
      scroll-behavior: smooth;
    }

    .carousel::-webkit-scrollbar {
      display: none;
    }

    .carousel img {
      flex: 0 0 auto;
      width: 100%;
      max-width: 500px;
      height: auto;
      scroll-snap-align: center;
      border-radius: 10px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    }

    .carousel-controls {
      margin-top: 20px;
    }

    .control-btn {
      background: none;
      border: 4px solid var(--six-color);
      color: var(--six-color);
      padding: 20px;
      font-size: 18px;
      border-radius: 50%;
      cursor: pointer;
      margin: 0 10px;
      transition: all 0.3s ease;
    }

    .control-btn:hover {
      background-color: var(--six-color);
      color: white;
    }

    @media (max-width: 768px) {
      .gallery-title {
        font-size: 20px;
      }
    }

    @media (max-width: 480px) {
      .carousel img {
        max-width: 100%;
      }
    }


    .about-container {
      max-width: 1100px;
      text-align: center;
      align-items: center;
      margin-top: -5%;
      
    }

    .about-container h1 {
      color: var(--six-color);
      font-size: 1.9rem;
      margin-bottom: 20px;
      text-align: center;
      align-items: center;
      margin-left: -1%;
    }

    .about-container p {
      font-size: 1em;
      line-height: 1.6;
      text-align: center;
      align-items: center;
      margin-left: -2.3%;
    }

    

    @media (max-width: 600px) {
      .about-container h1 {
        font-size: 1.5em;
      }

     .about-container p {
        font-size: 0.95em;
      }
    }

    

    @media (max-width: 452px) {
      .about-container h1 {
        font-size: 1.5em;
        margin-left: 4%;
      }

     .about-container p {
        font-size: 0.95em;
        margin-left: 4%;
      }
    }




   


.privacy{


    margin: 0;
    font-family: Arial, sans-serif;
    background-color: var(--six-color);
    color: white;
    padding: 25px;
}

.footering {
  background-color: var(--six-color); /* greenish background */
  color: white;
  text-align: center;
  padding: 1rem;
  font-weight: bold;
  font-size: 1rem;
  
}

@media (max-width: 600px) {
  .footer {
    font-size: 0.9rem;
    padding: 0.8rem;
  }
}



  
     

    }



  @media (max-width: 912px) {


  /* .home{

    width: 100%;
    min-height: 100vh;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #ebdbc8;
    gap: 1rem;
    background-image: url(./Porur/Flats\ For\ Sale\ in\ Ramapuram.png);
    background-size: cover;
}

.home-text {

    flex: 1 1 17rem;

}

.home-img{
    flex: 1 1 17rem;
}

.home-img img{

    animation: animate 3s linear infinite;
}
@keyframes animate{
    0%{
        transform: translate(-11px, 0);
    }

    50%{
        transform: translate(-0px, -11px);
    }

    100%{
        transform: translate(-11px, 0);
    }
}

.home-text span{
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--second-color);
    
    
}

.home-text h1{

    font-size: 3.2rem;
    color: var(--main-color);
    font-weight: bolder ;
}

.home-text h2{

    font-size: 1.8rem;
    font-weight: 600;
    color: var(--second-color);
    text-transform: uppercase;
    margin: 0.5rem 0 1.4rem;
}

.btn{

    padding: 7px 16px;
    border: 2px solid var(--fourth-color);
    border-radius: 40px;
    color: var(--third-color);
    font-weight: 500;
    background: var(--fourth-color);
}

.btn:hover{

    color: #fff;
    background: var(--main-color);
    border: 2px solid var(--main-color);
    
} */



.crm-form-container {
      background: #fff;
      padding: 30px;
      border-radius: 10px;
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
      width: 100%;
      max-width: 500px;
      margin-left: 20.6%;
      margin-top: 2%;
    }

    /* Submit button override (if allowed by Sell.Do) */
    .crm-form-container input[type="submit"],
    .crm-form-container button[type="submit"] {
      background-color: #fe1e51 !important;
      color: #fff !important;
      border: none !important;
      padding: 10px 20px;
      font-size: 16px;
      border-radius: 5px;
      cursor: pointer;
    }

    .crm-form-container input[type="submit"]:hover,
    .crm-form-container button[type="submit"]:hover {
      background-color: #e9741f !important;
    }

.heading {

    text-align: center;
    text-transform: uppercase;

}

.heading span{

    font-size: 1rem;
    font-weight: 600;
    color: var(--second-color)
}

.heading h1{

    font-size: 2rem;
    color: var(--six-color);
    
}

.heading h2{

    font-size: 2rem;
    color: var(--fifty-color);
}


.headings {

    text-align: center;
    text-transform: uppercase;

}

.headings span{

    font-size: 1rem;
    font-weight: 600;
    color: var(--second-color)
}

.headings h1{

    font-size: 2rem;
    color: var(--main-color);
}

.headings h2{

    font-size: 2rem;
    color: var(--fifty-color);
}

.container {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      padding: 2rem;
      max-width: 1500px;
      margin: auto;
    }

    .textss-content {
      flex: 1 1 500px;
      padding: 1rem;
    }

    .textss-content h2 {
      color: #c2481e;
      font-size: 2rem;
      font-weight: bold;
      margin-bottom: 1rem;
      margin-right: 2rem;
    }

    .textss-content p {
      line-height: 1.6;
      font-size: 1rem;
      margin-bottom: 1rem;
      
    }

    .book-btn {
      display: inline-block;
      padding: 0.8rem 2rem;
      background-color: #8c2f1d;
      color: white;
      font-weight: bold;
      font-size: 1rem;
      border: none;
      border-radius: 30px;
      text-decoration: none;
      margin-top: 1rem;
    }

    .image-content {
      flex: 1 1 400px;
      padding: 1rem;
    }

    .image-content img {
      width: 100%;
      height: auto;
      border-radius: 15px;
      box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    }

    @media (max-width: 768px) {
      .container {
        flex-direction: column;
        text-align: center;
      }

      .textss-content, .image-content {
        padding: 1rem 0;
      }
    }

/* ------------------------2 SECTION HEADINGS---------------------> */

.headingurl {

    text-align: center;
    text-transform: uppercase;
   

}

.headingurl span{

    font-size: 1rem;
    font-weight: 600;
    color: var(--second-color);
    
}

.headingurl h1{

    font-size: 2rem;
    color: var(--six-color);
   
    
    
}

.headingurl h2{

    font-size: 2rem;
    color: var(--fifty-color);
   
}






.shop-container{

    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 0.1rem;
}

.shop-container .box{

    flex: 1 1 10rem;
    background: var(--six-color);
    padding: px;
    display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
    margin-top: 3rem;
    border-radius: 0.5rem;
}

.shop-container .box .stars .bx{

    color: #FFFFFF;
}

.shop-container .box h2{
    color: #FFFFFF;
    font-size: 1.2rem;

}

.shop-container .box span{
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 500;
    margin: 0.2rem 0 0.5rem;
}

.box .btn{

    border: 2px solid #ed7a21;
    color: #FFFF;
}

.box .btn:hover{
    background: #FFFFFF;
    color: var(--second-color);
    border: 2px solid #FFFFFF;
}






 


    

.locationcontents{

      align-items: center;

    }

 .locationcontents h2 {
      text-align: center;
      color: var(--six-color);
      margin-bottom: 10px;
      font-size: 1.9rem;
    }

 .locationcontents p.subtitle {
      text-align: center;
      color: #000000;
      max-width: 700px;
      margin: 0 auto 40px;
    }

    .highlight-grid {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px;
    }

    .highlight-card {
      background: white;
      border-radius: 16px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
      width: 100%;
      max-width: 350px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
    }

    .highlight-card img {
      width: 100%;
      height: 200px;
      object-fit: cover;
    }

    .highlight-card h3 {
      text-align: center;
      margin: 15px 0 5px;
      color: var(--six-color);
      font-size: 18px;
      text-transform: uppercase;
      border-bottom: 2px solid var(--six-color);
      display: inline-block;
      padding-bottom: 5px;
    }

    .highlight-card ul {
      list-style: disc;
      padding: 0 20px 20px 40px;
      margin: 0;
      color: #555;
      font-size: 14px;
    }

    @media (max-width: 768px) {
      .highlight-grid {
        flex-direction: column;
        align-items: center;
      }
    }



     .gallery-container {
      text-align: center;
      padding: 30px 10px;
    }

    .gallery-container h2{
      font-size: 30px;
      font-weight: bold;
      margin-bottom: 10px;
      text-transform: uppercase;
      color: var(--six-color);
    }

    .divider {
      font-size: 24px;
      margin-bottom: 20px;
    }

    .carousel {
      display: flex;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      gap: 20px;
      padding: 0 10px;
      scroll-behavior: smooth;
    }

    .carousel::-webkit-scrollbar {
      display: none;
    }

    .carousel img {
      flex: 0 0 auto;
      width: 100%;
      max-width: 500px;
      height: auto;
      scroll-snap-align: center;
      border-radius: 10px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    }

    .carousel-controls {
      margin-top: 20px;
    }

    .control-btn {
      background: none;
      border: 4px solid var(--six-color);
      color: var(--six-color);
      padding: 20px;
      font-size: 18px;
      border-radius: 50%;
      cursor: pointer;
      margin: 0 10px;
      transition: all 0.3s ease;
    }

    .control-btn:hover {
      background-color: var(--six-color);
      color: white;
    }

    @media (max-width: 768px) {
      .gallery-title {
        font-size: 20px;
      }
    }

    @media (max-width: 480px) {
      .carousel img {
        max-width: 100%;
      }
    }


    .about-container {
      max-width: 1100px;
      text-align: center;
      align-items: center;
      margin-top: -5%;
      
    }

    .about-container h1 {
      color: var(--six-color);
      font-size: 1.9rem;
      margin-bottom: 20px;
      text-align: center;
      align-items: center;
      margin-left: -1%;
    }

    .about-container p {
      font-size: 1em;
      line-height: 1.6;
      text-align: center;
      align-items: center;
      margin-left: -2.3%;
    }

    

    @media (max-width: 600px) {
      .about-container h1 {
        font-size: 1.5em;
      }

     .about-container p {
        font-size: 0.95em;
      }
    }

    

    @media (max-width: 452px) {
      .about-container h1 {
        font-size: 1.5em;
        margin-left: 4%;
      }

     .about-container p {
        font-size: 0.95em;
        margin-left: 4%;
      }
    }




   


.privacy{


    margin: 0;
    font-family: Arial, sans-serif;
    background-color: var(--six-color);
    color: white;
    padding: 25px;
}

.footering {
  background-color: var(--six-color); /* greenish background */
  color: white;
  text-align: center;
  padding: 1rem;
  font-weight: bold;
  font-size: 1rem;
  
}

@media (max-width: 600px) {
  .footer {
    font-size: 0.9rem;
    padding: 0.8rem;
  }
}



  
     

    }










     @media (max-width: 866px) {


  /* .home{

    width: 100%;
    min-height: 250vh;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #ebdbc8;
    gap: 1rem;
    background-image: url(./Apartments/Apartments\ For\ Sale\ in\ Porur.png);
    background-size: cover;
}

.home-text {

    flex: 1 1 17rem;

}

.home-img{
    flex: 1 1 17rem;
}

.home-img img{

    animation: animate 3s linear infinite;
}
@keyframes animate{
    0%{
        transform: translate(-11px, 0);
    }

    50%{
        transform: translate(-0px, -11px);
    }

    100%{
        transform: translate(-11px, 0);
    }
}

.home-text span{
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--second-color);
    
    
}

.home-text h1{

    font-size: 3.2rem;
    color: var(--main-color);
    font-weight: bolder ;
}

.home-text h2{

    font-size: 1.8rem;
    font-weight: 600;
    color: var(--second-color);
    text-transform: uppercase;
    margin: 0.5rem 0 1.4rem;
}

.btn{

    padding: 7px 16px;
    border: 2px solid var(--fourth-color);
    border-radius: 40px;
    color: var(--third-color);
    font-weight: 500;
    background: var(--fourth-color);
}

.btn:hover{

    color: #fff;
    background: var(--main-color);
    border: 2px solid var(--main-color);
    
} */



.crm-form-container {
      background: #fff;
      padding: 30px;
      border-radius: 10px;
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
      width: 100%;
      max-width: 500px;
      margin-left: 19%;
      margin-top: 2%;
    }

    /* Submit button override (if allowed by Sell.Do) */
    .crm-form-container input[type="submit"],
    .crm-form-container button[type="submit"] {
      background-color: #fe1e51 !important;
      color: #fff !important;
      border: none !important;
      padding: 10px 20px;
      font-size: 16px;
      border-radius: 5px;
      cursor: pointer;
    }

    .crm-form-container input[type="submit"]:hover,
    .crm-form-container button[type="submit"]:hover {
      background-color: #e9741f !important;
    }

.heading {

    text-align: center;
    text-transform: uppercase;

}

.heading span{

    font-size: 1rem;
    font-weight: 600;
    color: var(--second-color)
}

.heading h1{

    font-size: 2rem;
    color: var(--six-color);
    
}

.heading h2{

    font-size: 2rem;
    color: var(--fifty-color);
}


.headings {

    text-align: center;
    text-transform: uppercase;

}

.headings span{

    font-size: 1rem;
    font-weight: 600;
    color: var(--second-color)
}

.headings h1{

    font-size: 2rem;
    color: var(--main-color);
}

.headings h2{

    font-size: 2rem;
    color: var(--fifty-color);
}

.container {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      padding: 2rem;
      max-width: 1500px;
      margin: auto;
    }

    .textss-content {
      flex: 1 1 500px;
      padding: 1rem;
    }

    .textss-content h2 {
      color: #c2481e;
      font-size: 2rem;
      font-weight: bold;
      margin-bottom: 1rem;
      margin-right: 2rem;
    }

    .textss-content p {
      line-height: 1.6;
      font-size: 1rem;
      margin-bottom: 1rem;
      
    }

    .book-btn {
      display: inline-block;
      padding: 0.8rem 2rem;
      background-color: #8c2f1d;
      color: white;
      font-weight: bold;
      font-size: 1rem;
      border: none;
      border-radius: 30px;
      text-decoration: none;
      margin-top: 1rem;
    }

    .image-content {
      flex: 1 1 400px;
      padding: 1rem;
    }

    .image-content img {
      width: 100%;
      height: auto;
      border-radius: 15px;
      box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    }

    @media (max-width: 768px) {
      .container {
        flex-direction: column;
        text-align: center;
      }

      .textss-content, .image-content {
        padding: 1rem 0;
      }
    }

/* ------------------------2 SECTION HEADINGS---------------------> */

.headingurl {

    text-align: center;
    text-transform: uppercase;
   

}

.headingurl span{

    font-size: 1rem;
    font-weight: 600;
    color: var(--second-color);
    
}

.headingurl h1{

    font-size: 2rem;
    color: var(--six-color);
   
    
    
}

.headingurl h2{

    font-size: 2rem;
    color: var(--fifty-color);
   
}






.shop-container{

    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 0.1rem;
}

.shop-container .box{

    flex: 1 1 10rem;
    background: var(--six-color);
    padding: px;
    display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
    margin-top: 3rem;
    border-radius: 0.5rem;
}

.shop-container .box .stars .bx{

    color: #FFFFFF;
}

.shop-container .box h2{
    color: #FFFFFF;
    font-size: 1.2rem;

}

.shop-container .box span{
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 500;
    margin: 0.2rem 0 0.5rem;
}

.box .btn{

    border: 2px solid #ed7a21;
    color: #FFFF;
}

.box .btn:hover{
    background: #FFFFFF;
    color: var(--second-color);
    border: 2px solid #FFFFFF;
}






 


    

.locationcontents{

      align-items: center;

    }

 .locationcontents h2 {
      text-align: center;
      color: var(--six-color);
      margin-bottom: 10px;
      font-size: 1.9rem;
    }

 .locationcontents p.subtitle {
      text-align: center;
      color: #000000;
      max-width: 700px;
      margin: 0 auto 40px;
    }

    .highlight-grid {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px;
    }

    .highlight-card {
      background: white;
      border-radius: 16px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
      width: 100%;
      max-width: 350px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
    }

    .highlight-card img {
      width: 100%;
      height: 200px;
      object-fit: cover;
    }

    .highlight-card h3 {
      text-align: center;
      margin: 15px 0 5px;
      color: var(--six-color);
      font-size: 18px;
      text-transform: uppercase;
      border-bottom: 2px solid var(--six-color);
      display: inline-block;
      padding-bottom: 5px;
    }

    .highlight-card ul {
      list-style: disc;
      padding: 0 20px 20px 40px;
      margin: 0;
      color: #555;
      font-size: 14px;
    }

    @media (max-width: 768px) {
      .highlight-grid {
        flex-direction: column;
        align-items: center;
      }
    }



     .gallery-container {
      text-align: center;
      padding: 30px 10px;
    }

    .gallery-container h2{
      font-size: 30px;
      font-weight: bold;
      margin-bottom: 10px;
      text-transform: uppercase;
      color: var(--six-color);
    }

    .divider {
      font-size: 24px;
      margin-bottom: 20px;
    }

    .carousel {
      display: flex;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      gap: 20px;
      padding: 0 10px;
      scroll-behavior: smooth;
    }

    .carousel::-webkit-scrollbar {
      display: none;
    }

    .carousel img {
      flex: 0 0 auto;
      width: 100%;
      max-width: 500px;
      height: auto;
      scroll-snap-align: center;
      border-radius: 10px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    }

    .carousel-controls {
      margin-top: 20px;
    }

    .control-btn {
      background: none;
      border: 4px solid var(--six-color);
      color: var(--six-color);
      padding: 20px;
      font-size: 18px;
      border-radius: 50%;
      cursor: pointer;
      margin: 0 10px;
      transition: all 0.3s ease;
    }

    .control-btn:hover {
      background-color: var(--six-color);
      color: white;
    }

    @media (max-width: 768px) {
      .gallery-title {
        font-size: 20px;
      }
    }

    @media (max-width: 480px) {
      .carousel img {
        max-width: 100%;
      }
    }


    .about-container {
      max-width: 1100px;
      text-align: center;
      align-items: center;
      margin-top: -5%;
      
    }

    .about-container h1 {
      color: var(--six-color);
      font-size: 1.9rem;
      margin-bottom: 20px;
      text-align: center;
      align-items: center;
      margin-left: -1%;
    }

    .about-container p {
      font-size: 1em;
      line-height: 1.6;
      text-align: center;
      align-items: center;
      margin-left: -2.3%;
    }

    

    @media (max-width: 600px) {
      .about-container h1 {
        font-size: 1.5em;
      }

     .about-container p {
        font-size: 0.95em;
      }
    }

    

    @media (max-width: 452px) {
      .about-container h1 {
        font-size: 1.5em;
        margin-left: 4%;
      }

     .about-container p {
        font-size: 0.95em;
        margin-left: 4%;
      }
    }




   


.privacy{


    margin: 0;
    font-family: Arial, sans-serif;
    background-color: var(--six-color);
    color: white;
    padding: 25px;
}

.footering {
  background-color: var(--six-color); /* greenish background */
  color: white;
  text-align: center;
  padding: 1rem;
  font-weight: bold;
  font-size: 1rem;
  
}

@media (max-width: 600px) {
  .footer {
    font-size: 0.9rem;
    padding: 0.8rem;
  }
}



  
     

    }


       @media (max-width: 853px) {


  /* .home{

    width: 100%;
    min-height: 120vh;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #ebdbc8;
    gap: 1rem;
    background-image: url(./Porur/Apartments\ For\ Sale\ in\ Porur.png);
    background-size: cover;
}

.home-text {

    flex: 1 1 17rem;

}

.home-img{
    flex: 1 1 17rem;
}

.home-img img{

    animation: animate 3s linear infinite;
}
@keyframes animate{
    0%{
        transform: translate(-11px, 0);
    }

    50%{
        transform: translate(-0px, -11px);
    }

    100%{
        transform: translate(-11px, 0);
    }
}

.home-text span{
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--second-color);
    
    
}

.home-text h1{

    font-size: 3.2rem;
    color: var(--main-color);
    font-weight: bolder ;
}

.home-text h2{

    font-size: 1.8rem;
    font-weight: 600;
    color: var(--second-color);
    text-transform: uppercase;
    margin: 0.5rem 0 1.4rem;
}

.btn{

    padding: 7px 16px;
    border: 2px solid var(--fourth-color);
    border-radius: 40px;
    color: var(--third-color);
    font-weight: 500;
    background: var(--fourth-color);
}

.btn:hover{

    color: #fff;
    background: var(--main-color);
    border: 2px solid var(--main-color);
    
} */



.crm-form-container {
      background: #fff;
      padding: 30px;
      border-radius: 10px;
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
      width: 100%;
      max-width: 500px;
      margin-left: 19%;
      margin-top: 2%;
    }

    /* Submit button override (if allowed by Sell.Do) */
    .crm-form-container input[type="submit"],
    .crm-form-container button[type="submit"] {
      background-color: #fe1e51 !important;
      color: #fff !important;
      border: none !important;
      padding: 10px 20px;
      font-size: 16px;
      border-radius: 5px;
      cursor: pointer;
    }

    .crm-form-container input[type="submit"]:hover,
    .crm-form-container button[type="submit"]:hover {
      background-color: #e9741f !important;
    }

.heading {

    text-align: center;
    text-transform: uppercase;

}

.heading span{

    font-size: 1rem;
    font-weight: 600;
    color: var(--second-color)
}

.heading h1{

    font-size: 2rem;
    color: var(--six-color);
    
}

.heading h2{

    font-size: 2rem;
    color: var(--fifty-color);
}


.headings {

    text-align: center;
    text-transform: uppercase;

}

.headings span{

    font-size: 1rem;
    font-weight: 600;
    color: var(--second-color)
}

.headings h1{

    font-size: 2rem;
    color: var(--main-color);
}

.headings h2{

    font-size: 2rem;
    color: var(--fifty-color);
}

.container {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      padding: 2rem;
      max-width: 1500px;
      margin: auto;
    }

    .textss-content {
      flex: 1 1 500px;
      padding: 1rem;
    }

    .textss-content h2 {
      color: #c2481e;
      font-size: 2rem;
      font-weight: bold;
      margin-bottom: 1rem;
      margin-right: 2rem;
    }

    .textss-content p {
      line-height: 1.6;
      font-size: 1rem;
      margin-bottom: 1rem;
      
    }

    .book-btn {
      display: inline-block;
      padding: 0.8rem 2rem;
      background-color: #8c2f1d;
      color: white;
      font-weight: bold;
      font-size: 1rem;
      border: none;
      border-radius: 30px;
      text-decoration: none;
      margin-top: 1rem;
    }

    .image-content {
      flex: 1 1 400px;
      padding: 1rem;
    }

    .image-content img {
      width: 100%;
      height: auto;
      border-radius: 15px;
      box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    }

    @media (max-width: 768px) {
      .container {
        flex-direction: column;
        text-align: center;
      }

      .textss-content, .image-content {
        padding: 1rem 0;
      }
    }

/* ------------------------2 SECTION HEADINGS---------------------> */

.headingurl {

    text-align: center;
    text-transform: uppercase;
   

}

.headingurl span{

    font-size: 1rem;
    font-weight: 600;
    color: var(--second-color);
    
}

.headingurl h1{

    font-size: 2rem;
    color: var(--six-color);
   
    
    
}

.headingurl h2{

    font-size: 2rem;
    color: var(--fifty-color);
   
}






.shop-container{

    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 0.1rem;
}

.shop-container .box{

    flex: 1 1 10rem;
    background: var(--six-color);
    padding: px;
    display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
    margin-top: 3rem;
    border-radius: 0.5rem;
}

.shop-container .box .stars .bx{

    color: #FFFFFF;
}

.shop-container .box h2{
    color: #FFFFFF;
    font-size: 1.2rem;

}

.shop-container .box span{
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 500;
    margin: 0.2rem 0 0.5rem;
}

.box .btn{

    border: 2px solid #ed7a21;
    color: #FFFF;
}

.box .btn:hover{
    background: #FFFFFF;
    color: var(--second-color);
    border: 2px solid #FFFFFF;
}






 


    

.locationcontents{

      align-items: center;

    }

 .locationcontents h2 {
      text-align: center;
      color: var(--six-color);
      margin-bottom: 10px;
      font-size: 1.9rem;
    }

 .locationcontents p.subtitle {
      text-align: center;
      color: #000000;
      max-width: 700px;
      margin: 0 auto 40px;
    }

    .highlight-grid {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px;
    }

    .highlight-card {
      background: white;
      border-radius: 16px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
      width: 100%;
      max-width: 350px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
    }

    .highlight-card img {
      width: 100%;
      height: 200px;
      object-fit: cover;
    }

    .highlight-card h3 {
      text-align: center;
      margin: 15px 0 5px;
      color: var(--six-color);
      font-size: 18px;
      text-transform: uppercase;
      border-bottom: 2px solid var(--six-color);
      display: inline-block;
      padding-bottom: 5px;
    }

    .highlight-card ul {
      list-style: disc;
      padding: 0 20px 20px 40px;
      margin: 0;
      color: #555;
      font-size: 14px;
    }

    @media (max-width: 768px) {
      .highlight-grid {
        flex-direction: column;
        align-items: center;
      }
    }



     .gallery-container {
      text-align: center;
      padding: 30px 10px;
    }

    .gallery-container h2{
      font-size: 30px;
      font-weight: bold;
      margin-bottom: 10px;
      text-transform: uppercase;
      color: var(--six-color);
    }

    .divider {
      font-size: 24px;
      margin-bottom: 20px;
    }

    .carousel {
      display: flex;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      gap: 20px;
      padding: 0 10px;
      scroll-behavior: smooth;
    }

    .carousel::-webkit-scrollbar {
      display: none;
    }

    .carousel img {
      flex: 0 0 auto;
      width: 100%;
      max-width: 500px;
      height: auto;
      scroll-snap-align: center;
      border-radius: 10px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    }

    .carousel-controls {
      margin-top: 20px;
    }

    .control-btn {
      background: none;
      border: 4px solid var(--six-color);
      color: var(--six-color);
      padding: 20px;
      font-size: 18px;
      border-radius: 50%;
      cursor: pointer;
      margin: 0 10px;
      transition: all 0.3s ease;
    }

    .control-btn:hover {
      background-color: var(--six-color);
      color: white;
    }

    @media (max-width: 768px) {
      .gallery-title {
        font-size: 20px;
      }
    }

    @media (max-width: 480px) {
      .carousel img {
        max-width: 100%;
      }
    }


    .about-container {
      max-width: 1100px;
      text-align: center;
      align-items: center;
      margin-top: -5%;
      
    }

    .about-container h1 {
      color: var(--six-color);
      font-size: 1.9rem;
      margin-bottom: 20px;
      text-align: center;
      align-items: center;
      margin-left: -1%;
    }

    .about-container p {
      font-size: 1em;
      line-height: 1.6;
      text-align: center;
      align-items: center;
      margin-left: -2.3%;
    }

    

    @media (max-width: 600px) {
      .about-container h1 {
        font-size: 1.5em;
      }

     .about-container p {
        font-size: 0.95em;
      }
    }

    

    @media (max-width: 452px) {
      .about-container h1 {
        font-size: 1.5em;
        margin-left: 4%;
      }

     .about-container p {
        font-size: 0.95em;
        margin-left: 4%;
      }
    }




   


.privacy{


    margin: 0;
    font-family: Arial, sans-serif;
    background-color: var(--six-color);
    color: white;
    padding: 25px;
}

.footering {
  background-color: var(--six-color); /* greenish background */
  color: white;
  text-align: center;
  padding: 1rem;
  font-weight: bold;
  font-size: 1rem;
  
}

@media (max-width: 600px) {
  .footer {
    font-size: 0.9rem;
    padding: 0.8rem;
  }
}



  
     

    }





    










    @media (max-width: 834px) {


  /* .home{

    width: 100%;
    min-height: 91vh;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #ebdbc8;
    gap: 1rem;
    background-image: url(./Apartments/Apartments\ For\ Sale\ in\ Porur.png);
    background-size: cover;
}

.home-text {

    flex: 1 1 17rem;

}

.home-img{
    flex: 1 1 17rem;
}

.home-img img{

    animation: animate 3s linear infinite;
}
@keyframes animate{
    0%{
        transform: translate(-11px, 0);
    }

    50%{
        transform: translate(-0px, -11px);
    }

    100%{
        transform: translate(-11px, 0);
    }
}

.home-text span{
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--second-color);
    
    
}

.home-text h1{

    font-size: 3.2rem;
    color: var(--main-color);
    font-weight: bolder ;
}

.home-text h2{

    font-size: 1.8rem;
    font-weight: 600;
    color: var(--second-color);
    text-transform: uppercase;
    margin: 0.5rem 0 1.4rem;
}

.btn{

    padding: 7px 16px;
    border: 2px solid var(--fourth-color);
    border-radius: 40px;
    color: var(--third-color);
    font-weight: 500;
    background: var(--fourth-color);
}

.btn:hover{

    color: #fff;
    background: var(--main-color);
    border: 2px solid var(--main-color);
    
} */



.crm-form-container {
      background: #fff;
      padding: 30px;
      border-radius: 10px;
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
      width: 100%;
      max-width: 500px;
      margin-left: 19%;
      margin-top: 2%;
    }

    /* Submit button override (if allowed by Sell.Do) */
    .crm-form-container input[type="submit"],
    .crm-form-container button[type="submit"] {
      background-color: #fe1e51 !important;
      color: #fff !important;
      border: none !important;
      padding: 10px 20px;
      font-size: 16px;
      border-radius: 5px;
      cursor: pointer;
    }

    .crm-form-container input[type="submit"]:hover,
    .crm-form-container button[type="submit"]:hover {
      background-color: #e9741f !important;
    }

.heading {

    text-align: center;
    text-transform: uppercase;

}

.heading span{

    font-size: 1rem;
    font-weight: 600;
    color: var(--second-color)
}

.heading h1{

    font-size: 2rem;
    color: var(--six-color);
    
}

.heading h2{

    font-size: 2rem;
    color: var(--fifty-color);
}


.headings {

    text-align: center;
    text-transform: uppercase;

}

.headings span{

    font-size: 1rem;
    font-weight: 600;
    color: var(--second-color)
}

.headings h1{

    font-size: 2rem;
    color: var(--main-color);
}

.headings h2{

    font-size: 2rem;
    color: var(--fifty-color);
}

.container {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      padding: 2rem;
      max-width: 1500px;
      margin: auto;
    }

    .textss-content {
      flex: 1 1 500px;
      padding: 1rem;
    }

    .textss-content h2 {
      color: #c2481e;
      font-size: 2rem;
      font-weight: bold;
      margin-bottom: 1rem;
      margin-right: 2rem;
    }

    .textss-content p {
      line-height: 1.6;
      font-size: 1rem;
      margin-bottom: 1rem;
      
    }

    .book-btn {
      display: inline-block;
      padding: 0.8rem 2rem;
      background-color: #8c2f1d;
      color: white;
      font-weight: bold;
      font-size: 1rem;
      border: none;
      border-radius: 30px;
      text-decoration: none;
      margin-top: 1rem;
    }

    .image-content {
      flex: 1 1 400px;
      padding: 1rem;
    }

    .image-content img {
      width: 100%;
      height: auto;
      border-radius: 15px;
      box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    }

    @media (max-width: 768px) {
      .container {
        flex-direction: column;
        text-align: center;
      }

      .textss-content, .image-content {
        padding: 1rem 0;
      }
    }

/* ------------------------2 SECTION HEADINGS---------------------> */

.headingurl {

    text-align: center;
    text-transform: uppercase;
   

}

.headingurl span{

    font-size: 1rem;
    font-weight: 600;
    color: var(--second-color);
    
}

.headingurl h1{

    font-size: 2rem;
    color: var(--six-color);
   
    
    
}

.headingurl h2{

    font-size: 2rem;
    color: var(--fifty-color);
   
}






.shop-container{

    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 0.1rem;
}

.shop-container .box{

    flex: 1 1 10rem;
    background: var(--six-color);
    padding: px;
    display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
    margin-top: 3rem;
    border-radius: 0.5rem;
}

.shop-container .box .stars .bx{

    color: #FFFFFF;
}

.shop-container .box h2{
    color: #FFFFFF;
    font-size: 1.2rem;

}

.shop-container .box span{
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 500;
    margin: 0.2rem 0 0.5rem;
}

.box .btn{

    border: 2px solid #ed7a21;
    color: #FFFF;
}

.box .btn:hover{
    background: #FFFFFF;
    color: var(--second-color);
    border: 2px solid #FFFFFF;
}






 


    

.locationcontents{

      align-items: center;

    }

 .locationcontents h2 {
      text-align: center;
      color: var(--six-color);
      margin-bottom: 10px;
      font-size: 1.9rem;
    }

 .locationcontents p.subtitle {
      text-align: center;
      color: #000000;
      max-width: 700px;
      margin: 0 auto 40px;
    }

    .highlight-grid {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px;
    }

    .highlight-card {
      background: white;
      border-radius: 16px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
      width: 100%;
      max-width: 350px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
    }

    .highlight-card img {
      width: 100%;
      height: 200px;
      object-fit: cover;
    }

    .highlight-card h3 {
      text-align: center;
      margin: 15px 0 5px;
      color: var(--six-color);
      font-size: 18px;
      text-transform: uppercase;
      border-bottom: 2px solid var(--six-color);
      display: inline-block;
      padding-bottom: 5px;
    }

    .highlight-card ul {
      list-style: disc;
      padding: 0 20px 20px 40px;
      margin: 0;
      color: #555;
      font-size: 14px;
    }

    @media (max-width: 768px) {
      .highlight-grid {
        flex-direction: column;
        align-items: center;
      }
    }



     .gallery-container {
      text-align: center;
      padding: 30px 10px;
    }

    .gallery-container h2{
      font-size: 30px;
      font-weight: bold;
      margin-bottom: 10px;
      text-transform: uppercase;
      color: var(--six-color);
    }

    .divider {
      font-size: 24px;
      margin-bottom: 20px;
    }

    .carousel {
      display: flex;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      gap: 20px;
      padding: 0 10px;
      scroll-behavior: smooth;
    }

    .carousel::-webkit-scrollbar {
      display: none;
    }

    .carousel img {
      flex: 0 0 auto;
      width: 100%;
      max-width: 500px;
      height: auto;
      scroll-snap-align: center;
      border-radius: 10px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    }

    .carousel-controls {
      margin-top: 20px;
    }

    .control-btn {
      background: none;
      border: 4px solid var(--six-color);
      color: var(--six-color);
      padding: 20px;
      font-size: 18px;
      border-radius: 50%;
      cursor: pointer;
      margin: 0 10px;
      transition: all 0.3s ease;
    }

    .control-btn:hover {
      background-color: var(--six-color);
      color: white;
    }

    @media (max-width: 768px) {
      .gallery-title {
        font-size: 20px;
      }
    }

    @media (max-width: 480px) {
      .carousel img {
        max-width: 100%;
      }
    }


    .about-container {
      max-width: 1100px;
      text-align: center;
      align-items: center;
      margin-top: -5%;
      
    }

    .about-container h1 {
      color: var(--six-color);
      font-size: 1.9rem;
      margin-bottom: 20px;
      text-align: center;
      align-items: center;
      margin-left: -1%;
    }

    .about-container p {
      font-size: 1em;
      line-height: 1.6;
      text-align: center;
      align-items: center;
      margin-left: -2.3%;
    }

    

    @media (max-width: 600px) {
      .about-container h1 {
        font-size: 1.5em;
      }

     .about-container p {
        font-size: 0.95em;
      }
    }

    

    @media (max-width: 452px) {
      .about-container h1 {
        font-size: 1.5em;
        margin-left: 4%;
      }

     .about-container p {
        font-size: 0.95em;
        margin-left: 4%;
      }
    }




   


.privacy{


    margin: 0;
    font-family: Arial, sans-serif;
    background-color: var(--six-color);
    color: white;
    padding: 25px;
}

.footering {
  background-color: var(--six-color); /* greenish background */
  color: white;
  text-align: center;
  padding: 1rem;
  font-weight: bold;
  font-size: 1rem;
  
}

@media (max-width: 600px) {
  .footer {
    font-size: 0.9rem;
    padding: 0.8rem;
  }
}



  
     

    }



    
    @media (max-width: 820px) {


  /* .home{

    width: 100%;
    min-height: 91vh;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #ebdbc8;
    gap: 1rem;
    background-image: url(./banner/Apartments\ For\ Sale\ in\ Kattupakkam.png);
    background-size: cover;
}

.home-text {

    flex: 1 1 17rem;

}

.home-img{
    flex: 1 1 17rem;
}

.home-img img{

    animation: animate 3s linear infinite;
}
@keyframes animate{
    0%{
        transform: translate(-11px, 0);
    }

    50%{
        transform: translate(-0px, -11px);
    }

    100%{
        transform: translate(-11px, 0);
    }
}

.home-text span{
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--second-color);
    
    
}

.home-text h1{

    font-size: 3.2rem;
    color: var(--main-color);
    font-weight: bolder ;
}

.home-text h2{

    font-size: 1.8rem;
    font-weight: 600;
    color: var(--second-color);
    text-transform: uppercase;
    margin: 0.5rem 0 1.4rem;
}

.btn{

    padding: 7px 16px;
    border: 2px solid var(--fourth-color);
    border-radius: 40px;
    color: var(--third-color);
    font-weight: 500;
    background: var(--fourth-color);
}

.btn:hover{

    color: #fff;
    background: var(--main-color);
    border: 2px solid var(--main-color);
    
} */



.crm-form-container {
      background: #fff;
      padding: 30px;
      border-radius: 10px;
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
      width: 100%;
      max-width: 500px;
      margin-left: 19%;
      margin-top: 2%;
    }

    /* Submit button override (if allowed by Sell.Do) */
    .crm-form-container input[type="submit"],
    .crm-form-container button[type="submit"] {
      background-color: #fe1e51 !important;
      color: #fff !important;
      border: none !important;
      padding: 10px 20px;
      font-size: 16px;
      border-radius: 5px;
      cursor: pointer;
    }

    .crm-form-container input[type="submit"]:hover,
    .crm-form-container button[type="submit"]:hover {
      background-color: #e9741f !important;
    }

.heading {

    text-align: center;
    text-transform: uppercase;

}

.heading span{

    font-size: 1rem;
    font-weight: 600;
    color: var(--second-color)
}

.heading h1{

    font-size: 2rem;
    color: var(--six-color);
    
}

.heading h2{

    font-size: 2rem;
    color: var(--fifty-color);
}


.headings {

    text-align: center;
    text-transform: uppercase;

}

.headings span{

    font-size: 1rem;
    font-weight: 600;
    color: var(--second-color)
}

.headings h1{

    font-size: 2rem;
    color: var(--main-color);
}

.headings h2{

    font-size: 2rem;
    color: var(--fifty-color);
}

.container {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      padding: 2rem;
      max-width: 1500px;
      margin: auto;
    }

    .textss-content {
      flex: 1 1 500px;
      padding: 1rem;
    }

    .textss-content h2 {
      color: #c2481e;
      font-size: 2rem;
      font-weight: bold;
      margin-bottom: 1rem;
      margin-right: 2rem;
    }

    .textss-content p {
      line-height: 1.6;
      font-size: 1rem;
      margin-bottom: 1rem;
      
    }

    .book-btn {
      display: inline-block;
      padding: 0.8rem 2rem;
      background-color: #8c2f1d;
      color: white;
      font-weight: bold;
      font-size: 1rem;
      border: none;
      border-radius: 30px;
      text-decoration: none;
      margin-top: 1rem;
    }

    .image-content {
      flex: 1 1 400px;
      padding: 1rem;
    }

    .image-content img {
      width: 100%;
      height: auto;
      border-radius: 15px;
      box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    }

    @media (max-width: 768px) {
      .container {
        flex-direction: column;
        text-align: center;
      }

      .textss-content, .image-content {
        padding: 1rem 0;
      }
    }

/* ------------------------2 SECTION HEADINGS---------------------> */

.headingurl {

    text-align: center;
    text-transform: uppercase;
   

}

.headingurl span{

    font-size: 1rem;
    font-weight: 600;
    color: var(--second-color);
    
}

.headingurl h1{

    font-size: 2rem;
    color: var(--six-color);
   
    
    
}

.headingurl h2{

    font-size: 2rem;
    color: var(--fifty-color);
   
}






.shop-container{

    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 0.1rem;
}

.shop-container .box{

    flex: 1 1 10rem;
    background: var(--six-color);
    padding: px;
    display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
    margin-top: 3rem;
    border-radius: 0.5rem;
}

.shop-container .box .stars .bx{

    color: #FFFFFF;
}

.shop-container .box h2{
    color: #FFFFFF;
    font-size: 1.2rem;

}

.shop-container .box span{
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 500;
    margin: 0.2rem 0 0.5rem;
}

.box .btn{

    border: 2px solid #ed7a21;
    color: #FFFF;
}

.box .btn:hover{
    background: #FFFFFF;
    color: var(--second-color);
    border: 2px solid #FFFFFF;
}






 


    

.locationcontents{

      align-items: center;

    }

 .locationcontents h2 {
      text-align: center;
      color: var(--six-color);
      margin-bottom: 10px;
      font-size: 1.9rem;
    }

 .locationcontents p.subtitle {
      text-align: center;
      color: #000000;
      max-width: 700px;
      margin: 0 auto 40px;
    }

    .highlight-grid {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px;
    }

    .highlight-card {
      background: white;
      border-radius: 16px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
      width: 100%;
      max-width: 350px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
    }

    .highlight-card img {
      width: 100%;
      height: 200px;
      object-fit: cover;
    }

    .highlight-card h3 {
      text-align: center;
      margin: 15px 0 5px;
      color: var(--six-color);
      font-size: 18px;
      text-transform: uppercase;
      border-bottom: 2px solid var(--six-color);
      display: inline-block;
      padding-bottom: 5px;
    }

    .highlight-card ul {
      list-style: disc;
      padding: 0 20px 20px 40px;
      margin: 0;
      color: #555;
      font-size: 14px;
    }

    @media (max-width: 768px) {
      .highlight-grid {
        flex-direction: column;
        align-items: center;
      }
    }



     .gallery-container {
      text-align: center;
      padding: 30px 10px;
    }

    .gallery-container h2{
      font-size: 30px;
      font-weight: bold;
      margin-bottom: 10px;
      text-transform: uppercase;
      color: var(--six-color);
    }

    .divider {
      font-size: 24px;
      margin-bottom: 20px;
    }

    .carousel {
      display: flex;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      gap: 20px;
      padding: 0 10px;
      scroll-behavior: smooth;
    }

    .carousel::-webkit-scrollbar {
      display: none;
    }

    .carousel img {
      flex: 0 0 auto;
      width: 100%;
      max-width: 500px;
      height: auto;
      scroll-snap-align: center;
      border-radius: 10px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    }

    .carousel-controls {
      margin-top: 20px;
    }

    .control-btn {
      background: none;
      border: 4px solid var(--six-color);
      color: var(--six-color);
      padding: 20px;
      font-size: 18px;
      border-radius: 50%;
      cursor: pointer;
      margin: 0 10px;
      transition: all 0.3s ease;
    }

    .control-btn:hover {
      background-color: var(--six-color);
      color: white;
    }

    @media (max-width: 768px) {
      .gallery-title {
        font-size: 20px;
      }
    }

    @media (max-width: 480px) {
      .carousel img {
        max-width: 100%;
      }
    }


    .about-container {
      max-width: 1100px;
      text-align: center;
      align-items: center;
      margin-top: -5%;
      
    }

    .about-container h1 {
      color: var(--six-color);
      font-size: 1.9rem;
      margin-bottom: 20px;
      text-align: center;
      align-items: center;
      margin-left: -1%;
    }

    .about-container p {
      font-size: 1em;
      line-height: 1.6;
      text-align: center;
      align-items: center;
      margin-left: -2.3%;
    }

    

    @media (max-width: 600px) {
      .about-container h1 {
        font-size: 1.5em;
      }

     .about-container p {
        font-size: 0.95em;
      }
    }

    

    @media (max-width: 452px) {
      .about-container h1 {
        font-size: 1.5em;
        margin-left: 4%;
      }

     .about-container p {
        font-size: 0.95em;
        margin-left: 4%;
      }
    }




   


.privacy{


    margin: 0;
    font-family: Arial, sans-serif;
    background-color: var(--six-color);
    color: white;
    padding: 25px;
}

.footering {
  background-color: var(--six-color); /* greenish background */
  color: white;
  text-align: center;
  padding: 1rem;
  font-weight: bold;
  font-size: 1rem;
  
}

@media (max-width: 600px) {
  .footer {
    font-size: 0.9rem;
    padding: 0.8rem;
  }
}



  
     

    }




   





    @media (max-width: 768px) {


  /* .home{

    width: 100%;
    min-height: 98vh;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #ebdbc8;
    gap: 1rem;
    background-image: url(./Apartments/Apartments\ For\ Sale\ in\ Porur.png);
    background-size: cover;
}

.home-text {

    flex: 1 1 17rem;

}

.home-img{
    flex: 1 1 17rem;
}

.home-img img{

    animation: animate 3s linear infinite;
}
@keyframes animate{
    0%{
        transform: translate(-11px, 0);
    }

    50%{
        transform: translate(-0px, -11px);
    }

    100%{
        transform: translate(-11px, 0);
    }
}

.home-text span{
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--second-color);
    
    
}

.home-text h1{

    font-size: 3.2rem;
    color: var(--main-color);
    font-weight: bolder ;
}

.home-text h2{

    font-size: 1.8rem;
    font-weight: 600;
    color: var(--second-color);
    text-transform: uppercase;
    margin: 0.5rem 0 1.4rem;
}

.btn{

    padding: 7px 16px;
    border: 2px solid var(--fourth-color);
    border-radius: 40px;
    color: var(--third-color);
    font-weight: 500;
    background: var(--fourth-color);
}

.btn:hover{

    color: #fff;
    background: var(--main-color);
    border: 2px solid var(--main-color);
    
}
 */



.crm-form-container {
      background: #fff;
      padding: 30px;
      border-radius: 10px;
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
      width: 100%;
      max-width: 500px;
      margin-left: 15%;
      margin-top: 2%;
    }

    /* Submit button override (if allowed by Sell.Do) */
    .crm-form-container input[type="submit"],
    .crm-form-container button[type="submit"] {
      background-color: #fe1e51 !important;
      color: #fff !important;
      border: none !important;
      padding: 10px 20px;
      font-size: 16px;
      border-radius: 5px;
      cursor: pointer;
    }

    .crm-form-container input[type="submit"]:hover,
    .crm-form-container button[type="submit"]:hover {
      background-color: #e9741f !important;
    }

.heading {

    text-align: center;
    text-transform: uppercase;

}

.heading span{

    font-size: 1rem;
    font-weight: 600;
    color: var(--second-color)
}

.heading h1{

    font-size: 2rem;
    color: var(--six-color);
    
}

.heading h2{

    font-size: 2rem;
    color: var(--fifty-color);
}


.headings {

    text-align: center;
    text-transform: uppercase;

}

.headings span{

    font-size: 1rem;
    font-weight: 600;
    color: var(--second-color)
}

.headings h1{

    font-size: 2rem;
    color: var(--main-color);
}

.headings h2{

    font-size: 2rem;
    color: var(--fifty-color);
}

.container {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      padding: 2rem;
      max-width: 1500px;
      margin: auto;
    }

    .textss-content {
      flex: 1 1 500px;
      padding: 1rem;
    }

    .textss-content h2 {
      color: #c2481e;
      font-size: 2rem;
      font-weight: bold;
      margin-bottom: 1rem;
      margin-right: 2rem;
    }

    .textss-content p {
      line-height: 1.6;
      font-size: 1rem;
      margin-bottom: 1rem;
      
    }

    .book-btn {
      display: inline-block;
      padding: 0.8rem 2rem;
      background-color: #8c2f1d;
      color: white;
      font-weight: bold;
      font-size: 1rem;
      border: none;
      border-radius: 30px;
      text-decoration: none;
      margin-top: 1rem;
    }

    .image-content {
      flex: 1 1 400px;
      padding: 1rem;
    }

    .image-content img {
      width: 100%;
      height: auto;
      border-radius: 15px;
      box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    }

    @media (max-width: 768px) {
      .container {
        flex-direction: column;
        text-align: center;
      }

      .textss-content, .image-content {
        padding: 1rem 0;
      }
    }

/* ------------------------2 SECTION HEADINGS---------------------> */

.headingurl {

    text-align: center;
    text-transform: uppercase;
    margin-top: -10%;
   

}

.headingurl span{

    font-size: 1rem;
    font-weight: 600;
    color: var(--second-color);
    
}

.headingurl h1{

    font-size: 2rem;
    color: var(--six-color);
   
    
    
}

.headingurl h2{

    font-size: 2rem;
    color: var(--fifty-color);
   
}






.shop-container{

    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 0.1rem;
}

.shop-container .box{

    flex: 1 1 10rem;
    background: var(--six-color);
    padding: px;
    display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
    margin-top: 3rem;
    border-radius: 0.5rem;
}

.shop-container .box .stars .bx{

    color: #FFFFFF;
}

.shop-container .box h2{
    color: #FFFFFF;
    font-size: 1.2rem;

}

.shop-container .box span{
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 500;
    margin: 0.2rem 0 0.5rem;
}

.box .btn{

    border: 2px solid #ed7a21;
    color: #FFFF;
}

.box .btn:hover{
    background: #FFFFFF;
    color: var(--second-color);
    border: 2px solid #FFFFFF;
}






 


    

.locationcontents{

      align-items: center;

    }

 .locationcontents h2 {
      text-align: center;
      color: var(--six-color);
      margin-bottom: 10px;
      font-size: 1.9rem;
    }

 .locationcontents p.subtitle {
      text-align: center;
      color: #000000;
      max-width: 700px;
      margin: 0 auto 40px;
    }

    .highlight-grid {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px;
    }

    .highlight-card {
      background: white;
      border-radius: 16px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
      width: 100%;
      max-width: 350px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
    }

    .highlight-card img {
      width: 100%;
      height: 200px;
      object-fit: cover;
    }

    .highlight-card h3 {
      text-align: center;
      margin: 15px 0 5px;
      color: var(--six-color);
      font-size: 18px;
      text-transform: uppercase;
      border-bottom: 2px solid var(--six-color);
      display: inline-block;
      padding-bottom: 5px;
    }

    .highlight-card ul {
      list-style: disc;
      padding: 0 20px 20px 40px;
      margin: 0;
      color: #555;
      font-size: 14px;
    }

    @media (max-width: 768px) {
      .highlight-grid {
        flex-direction: column;
        align-items: center;
      }
    }



     .gallery-container {
      text-align: center;
      padding: 30px 10px;
      margin-top: -15%;
    }

    .gallery-container h2 {
      font-size: 30px;
      font-weight: bold;
      margin-bottom: 10px;
      text-transform: uppercase;
      color: var(--six-color);
    }

    .divider {
      font-size: 24px;
      margin-bottom: px;
    }

    .carousel {
      display: flex;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      gap: 20px;
      padding: 0 10px;
      scroll-behavior: smooth;
    }

    .carousel::-webkit-scrollbar {
      display: none;
    }

    .carousel img {
      flex: 0 0 auto;
      width: 100%;
      max-width: 500px;
      height: auto;
      scroll-snap-align: center;
      border-radius: 10px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    }

    .carousel-controls {
      margin-top: 20px;
    }

    .control-btn {
      background: none;
      border: 4px solid var(--six-color);
      color: var(--six-color);
      padding: 20px;
      font-size: 18px;
      border-radius: 50%;
      cursor: pointer;
      margin: 0 10px;
      transition: all 0.3s ease;
    }

    .control-btn:hover {
      background-color: var(--six-color);
      color: white;
    }

    @media (max-width: 768px) {
      .gallery-title {
        font-size: 20px;
      }
    }

    @media (max-width: 480px) {
      .carousel img {
        max-width: 100%;
      }
    }


    .about-container {
      max-width: 1100px;
      text-align: center;
      align-items: center;
      margin-top: -5%;
      
    }

    .about-container h1 {
      color: var(--six-color);
      font-size: 1.9em;
      margin-bottom: 20px;
      text-align: center;
      align-items: center;
      margin-left: -1%;
    }

    .about-container p {
      font-size: 0.9rem;
      line-height: 1.6;
      text-align: center;
      align-items: center;
      margin-left: -2.3%;
    }

    

    @media (max-width: 600px) {
      .about-container h1 {
        font-size: 1.5em;
      }

     .about-container p {
        font-size: 0.95em;
      }
    }

    

    @media (max-width: 452px) {
      .about-container h1 {
        font-size: 1.5em;
        margin-left: 4%;
      }

     .about-container p {
        font-size: 0.95em;
        margin-left: 4%;
      }
    }




   


.privacy{


    margin: 0;
    font-family: Arial, sans-serif;
    background-color: var(--six-color);
    color: white;
    padding: 25px;
}

.footering {
  background-color: var(--six-color); /* greenish background */
  color: white;
  text-align: center;
  padding: 1rem;
  font-weight: bold;
  font-size: 1rem;
  
}

@media (max-width: 600px) {
  .footer {
    font-size: 0.9rem;
    padding: 0.8rem;
  }
}



    }


 @media (max-width: 740px) {


  /* .home{

    width: 100%;
    min-height: 235vh;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #ebdbc8;
    gap: 1rem;
    background-image: url(./Apartments/Apartments\ For\ Sale\ in\ Porur.png);
    background-size: cover;
}

.home-text {

    flex: 1 1 17rem;

}

.home-img{
    flex: 1 1 17rem;
}

.home-img img{

    animation: animate 3s linear infinite;
}
@keyframes animate{
    0%{
        transform: translate(-11px, 0);
    }

    50%{
        transform: translate(-0px, -11px);
    }

    100%{
        transform: translate(-11px, 0);
    }
}

.home-text span{
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--second-color);
    
    
}

.home-text h1{

    font-size: 3.2rem;
    color: var(--main-color);
    font-weight: bolder ;
}

.home-text h2{

    font-size: 1.8rem;
    font-weight: 600;
    color: var(--second-color);
    text-transform: uppercase;
    margin: 0.5rem 0 1.4rem;
}

.btn{

    padding: 7px 16px;
    border: 2px solid var(--fourth-color);
    border-radius: 40px;
    color: var(--third-color);
    font-weight: 500;
    background: var(--fourth-color);
}

.btn:hover{

    color: #fff;
    background: var(--main-color);
    border: 2px solid var(--main-color);
    
} */




.crm-form-container {
      background: #fff;
      padding: 30px;
      border-radius: 10px;
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
      width: 100%;
      max-width: 500px;
      margin-left: 15%;
      margin-top: 2%;
    }

    /* Submit button override (if allowed by Sell.Do) */
    .crm-form-container input[type="submit"],
    .crm-form-container button[type="submit"] {
      background-color: #fe1e51 !important;
      color: #fff !important;
      border: none !important;
      padding: 10px 20px;
      font-size: 16px;
      border-radius: 5px;
      cursor: pointer;
    }

    .crm-form-container input[type="submit"]:hover,
    .crm-form-container button[type="submit"]:hover {
      background-color: #e9741f !important;
    }

.heading {

    text-align: center;
    text-transform: uppercase;

}

.heading span{

    font-size: 1rem;
    font-weight: 600;
    color: var(--second-color)
}

.heading h1{

    font-size: 2rem;
    color: var(--six-color);
    
}

.heading h2{

    font-size: 2rem;
    color: var(--fifty-color);
}


.headings {

    text-align: center;
    text-transform: uppercase;

}

.headings span{

    font-size: 1rem;
    font-weight: 600;
    color: var(--second-color)
}

.headings h1{

    font-size: 2rem;
    color: var(--main-color);
}

.headings h2{

    font-size: 2rem;
    color: var(--fifty-color);
}

.container {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      padding: 2rem;
      max-width: 1500px;
      margin: auto;
    }

    .textss-content {
      flex: 1 1 500px;
      padding: 1rem;
    }

    .textss-content h2 {
      color: #c2481e;
      font-size: 2rem;
      font-weight: bold;
      margin-bottom: 1rem;
      margin-right: 2rem;
    }

    .textss-content p {
      line-height: 1.6;
      font-size: 1rem;
      margin-bottom: 1rem;
      
    }

    .book-btn {
      display: inline-block;
      padding: 0.8rem 2rem;
      background-color: #8c2f1d;
      color: white;
      font-weight: bold;
      font-size: 1rem;
      border: none;
      border-radius: 30px;
      text-decoration: none;
      margin-top: 1rem;
    }

    .image-content {
      flex: 1 1 400px;
      padding: 1rem;
    }

    .image-content img {
      width: 100%;
      height: auto;
      border-radius: 15px;
      box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    }

    @media (max-width: 768px) {
      .container {
        flex-direction: column;
        text-align: center;
      }

      .textss-content, .image-content {
        padding: 1rem 0;
      }
    }

/* ------------------------2 SECTION HEADINGS---------------------> */

.headingurl {

    text-align: center;
    text-transform: uppercase;
    margin-top: -30%;
   

}

.headingurl span{

    font-size: 1rem;
    font-weight: 600;
    color: var(--second-color);
    
}

.headingurl h1{

    font-size: 2rem;
    color: var(--six-color);
   
    
    
}

.headingurl h2{

    font-size: 2rem;
    color: var(--fifty-color);
   
}






.shop-container{

    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 0.1rem;
}

.shop-container .box{

    flex: 1 1 10rem;
    background: var(--six-color);
    padding: px;
    display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
    margin-top: 3rem;
    border-radius: 0.5rem;
}

.shop-container .box .stars .bx{

    color: #FFFFFF;
}

.shop-container .box h2{
    color: #FFFFFF;
    font-size: 1.2rem;

}

.shop-container .box span{
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 500;
    margin: 0.2rem 0 0.5rem;
}

.box .btn{

    border: 2px solid #ed7a21;
    color: #FFFF;
}

.box .btn:hover{
    background: #FFFFFF;
    color: var(--second-color);
    border: 2px solid #FFFFFF;
}






 


    

.locationcontents{

      align-items: center;

    }

 .locationcontents h2 {
      text-align: center;
      color: var(--six-color);
      margin-bottom: 10px;
      font-size: 1.9rem;
    }

 .locationcontents p.subtitle {
      text-align: center;
      color: #000000;
      max-width: 700px;
      margin: 0 auto 40px;
    }

    .highlight-grid {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px;
    }

    .highlight-card {
      background: white;
      border-radius: 16px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
      width: 100%;
      max-width: 350px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
    }

    .highlight-card img {
      width: 100%;
      height: 200px;
      object-fit: cover;
    }

    .highlight-card h3 {
      text-align: center;
      margin: 15px 0 5px;
      color: var(--six-color);
      font-size: 18px;
      text-transform: uppercase;
      border-bottom: 2px solid var(--six-color);
      display: inline-block;
      padding-bottom: 5px;
    }

    .highlight-card ul {
      list-style: disc;
      padding: 0 20px 20px 40px;
      margin: 0;
      color: #555;
      font-size: 14px;
    }

    @media (max-width: 768px) {
      .highlight-grid {
        flex-direction: column;
        align-items: center;
      }
    }



     .gallery-container {
      text-align: center;
      padding: 30px 10px;
    }

    .gallery-container h2 {
      font-size: 30px;
      font-weight: bold;
      margin-bottom: 10px;
      text-transform: uppercase;
      color: var(--six-color);
    }

    .divider {
      font-size: 24px;
      margin-bottom: px;
    }

    .carousel {
      display: flex;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      gap: 20px;
      padding: 0 10px;
      scroll-behavior: smooth;
    }

    .carousel::-webkit-scrollbar {
      display: none;
    }

    .carousel img {
      flex: 0 0 auto;
      width: 100%;
      max-width: 500px;
      height: auto;
      scroll-snap-align: center;
      border-radius: 10px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    }

    .carousel-controls {
      margin-top: 20px;
    }

    .control-btn {
      background: none;
      border: 4px solid var(--six-color);
      color: var(--six-color);
      padding: 20px;
      font-size: 18px;
      border-radius: 50%;
      cursor: pointer;
      margin: 0 10px;
      transition: all 0.3s ease;
    }

    .control-btn:hover {
      background-color: var(--six-color);
      color: white;
    }

    @media (max-width: 768px) {
      .gallery-title {
        font-size: 20px;
      }
    }

    @media (max-width: 480px) {
      .carousel img {
        max-width: 100%;
      }
    }


    .about-container {
      max-width: 1100px;
      text-align: center;
      align-items: center;
      margin-top: -5%;
      
    }

    .about-container h1 {
      color: var(--six-color);
      font-size: 1.9em;
      margin-bottom: 20px;
      text-align: center;
      align-items: center;
      margin-left: -1%;
    }

    .about-container p {
      font-size: 0.9rem;
      line-height: 1.6;
      text-align: center;
      align-items: center;
      margin-left: -2.3%;
    }

    

    @media (max-width: 600px) {
      .about-container h1 {
        font-size: 1.5em;
      }

     .about-container p {
        font-size: 0.95em;
      }
    }

    

    @media (max-width: 452px) {
      .about-container h1 {
        font-size: 1.5em;
        margin-left: 4%;
      }

     .about-container p {
        font-size: 0.95em;
        margin-left: 4%;
      }
    }




   


.privacy{


    margin: 0;
    font-family: Arial, sans-serif;
    background-color: var(--six-color);
    color: white;
    padding: 25px;
}

.footering {
  background-color: var(--six-color); /* greenish background */
  color: white;
  text-align: center;
  padding: 1rem;
  font-weight: bold;
  font-size: 1rem;
  
}

@media (max-width: 600px) {
  .footer {
    font-size: 0.9rem;
    padding: 0.8rem;
  }
}

 }


    @media (max-width: 667px) {


  /* .home{

    width: 100%;
    min-height: 220vh;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #ebdbc8;
    gap: 1rem;
    background-image: url(./Apartments/Apartments\ For\ Sale\ in\ Porur.png);
    background-size: cover;
}

.home-text {

    flex: 1 1 17rem;

}

.home-img{
    flex: 1 1 17rem;
}

.home-img img{

    animation: animate 3s linear infinite;
}
@keyframes animate{
    0%{
        transform: translate(-11px, 0);
    }

    50%{
        transform: translate(-0px, -11px);
    }

    100%{
        transform: translate(-11px, 0);
    }
}

.home-text span{
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--second-color);
    
    
}

.home-text h1{

    font-size: 3.2rem;
    color: var(--main-color);
    font-weight: bolder ;
}

.home-text h2{

    font-size: 1.8rem;
    font-weight: 600;
    color: var(--second-color);
    text-transform: uppercase;
    margin: 0.5rem 0 1.4rem;
}

.btn{

    padding: 7px 16px;
    border: 2px solid var(--fourth-color);
    border-radius: 40px;
    color: var(--third-color);
    font-weight: 500;
    background: var(--fourth-color);
}

.btn:hover{

    color: #fff;
    background: var(--main-color);
    border: 2px solid var(--main-color);
    
} */



.crm-form-container {
      background: #fff;
      padding: 30px;
      border-radius: 10px;
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
      width: 100%;
      max-width: 500px;
      margin-left: 8.3%;
      margin-top: 2%;
    }

    /* Submit button override (if allowed by Sell.Do) */
    .crm-form-container input[type="submit"],
    .crm-form-container button[type="submit"] {
      background-color: #fe1e51 !important;
      color: #fff !important;
      border: none !important;
      padding: 10px 20px;
      font-size: 16px;
      border-radius: 5px;
      cursor: pointer;
    }

    .crm-form-container input[type="submit"]:hover,
    .crm-form-container button[type="submit"]:hover {
      background-color: #e9741f !important;
    }

.heading {

    text-align: center;
    text-transform: uppercase;

}

.heading span{

    font-size: 1rem;
    font-weight: 600;
    color: var(--second-color)
}

.heading h1{

    font-size: 2rem;
    color: var(--six-color);
    
}

.heading h2{

    font-size: 2rem;
    color: var(--fifty-color);
}


.headings {

    text-align: center;
    text-transform: uppercase;

}

.headings span{

    font-size: 1rem;
    font-weight: 600;
    color: var(--second-color)
}

.headings h1{

    font-size: 2rem;
    color: var(--main-color);
}

.headings h2{

    font-size: 2rem;
    color: var(--fifty-color);
}

.container {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      padding: 2rem;
      max-width: 1500px;
      margin: auto;
    }

    .textss-content {
      flex: 1 1 500px;
      padding: 1rem;
    }

    .textss-content h2 {
      color: #c2481e;
      font-size: 2rem;
      font-weight: bold;
      margin-bottom: 1rem;
      margin-right: 2rem;
    }

    .textss-content p {
      line-height: 1.6;
      font-size: 1rem;
      margin-bottom: 1rem;
      
    }

    .book-btn {
      display: inline-block;
      padding: 0.8rem 2rem;
      background-color: #8c2f1d;
      color: white;
      font-weight: bold;
      font-size: 1rem;
      border: none;
      border-radius: 30px;
      text-decoration: none;
      margin-top: 1rem;
    }

    .image-content {
      flex: 1 1 400px;
      padding: 1rem;
    }

    .image-content img {
      width: 100%;
      height: auto;
      border-radius: 15px;
      box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    }

    @media (max-width: 768px) {
      .container {
        flex-direction: column;
        text-align: center;
      }

      .textss-content, .image-content {
        padding: 1rem 0;
      }
    }

/* ------------------------2 SECTION HEADINGS---------------------> */

.headingurl {

    text-align: center;
    text-transform: uppercase;
   

}

.headingurl span{

    font-size: 1rem;
    font-weight: 600;
    color: var(--second-color);
    
}

.headingurl h1{

    font-size: 2rem;
    color: var(--six-color);
   
    
    
}

.headingurl h2{

    font-size: 2rem;
    color: var(--fifty-color);
   
}






.shop-container{

    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 0.1rem;
}

.shop-container .box{

    flex: 1 1 10rem;
    background: var(--six-color);
    padding: px;
    display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
    margin-top: 3rem;
    border-radius: 0.5rem;
}

.shop-container .box .stars .bx{

    color: #FFFFFF;
}

.shop-container .box h2{
    color: #FFFFFF;
    font-size: 1.2rem;

}

.shop-container .box span{
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 500;
    margin: 0.2rem 0 0.5rem;
}

.box .btn{

    border: 2px solid #ed7a21;
    color: #FFFF;
}

.box .btn:hover{
    background: #FFFFFF;
    color: var(--second-color);
    border: 2px solid #FFFFFF;
}






 


    

.locationcontents{

      align-items: center;

    }

 .locationcontents h2 {
      text-align: center;
      color: var(--six-color);
      margin-bottom: 10px;
      font-size: 1.9rem;
    }

 .locationcontents p.subtitle {
      text-align: center;
      color: #000000;
      max-width: 700px;
      margin: 0 auto 40px;
    }

    .highlight-grid {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px;
    }

    .highlight-card {
      background: white;
      border-radius: 16px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
      width: 100%;
      max-width: 350px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
    }

    .highlight-card img {
      width: 100%;
      height: 200px;
      object-fit: cover;
    }

    .highlight-card h3 {
      text-align: center;
      margin: 15px 0 5px;
      color: var(--six-color);
      font-size: 18px;
      text-transform: uppercase;
      border-bottom: 2px solid var(--six-color);
      display: inline-block;
      padding-bottom: 5px;
    }

    .highlight-card ul {
      list-style: disc;
      padding: 0 20px 20px 40px;
      margin: 0;
      color: #555;
      font-size: 14px;
    }

    @media (max-width: 768px) {
      .highlight-grid {
        flex-direction: column;
        align-items: center;
      }
    }



     .gallery-container {
      text-align: center;
      padding: 30px 10px;
    }

    .gallery-container h2{
      font-size: 30px;
      font-weight: bold;
      margin-bottom: 10px;
      text-transform: uppercase;
      color: var(--six-color);
    }

    .divider {
      font-size: 24px;
      margin-bottom: 20px;
    }

    .carousel {
      display: flex;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      gap: 20px;
      padding: 0 10px;
      scroll-behavior: smooth;
    }

    .carousel::-webkit-scrollbar {
      display: none;
    }

    .carousel img {
      flex: 0 0 auto;
      width: 100%;
      max-width: 500px;
      height: auto;
      scroll-snap-align: center;
      border-radius: 10px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    }

    .carousel-controls {
      margin-top: 20px;
    }

    .control-btn {
      background: none;
      border: 4px solid var(--six-color);
      color: var(--six-color);
      padding: 20px;
      font-size: 18px;
      border-radius: 50%;
      cursor: pointer;
      margin: 0 10px;
      transition: all 0.3s ease;
    }

    .control-btn:hover {
      background-color: var(--six-color);
      color: white;
    }

    @media (max-width: 768px) {
      .gallery-title {
        font-size: 20px;
      }
    }

    @media (max-width: 480px) {
      .carousel img {
        max-width: 100%;
      }
    }


    .about-container {
      max-width: 1100px;
      text-align: center;
      align-items: center;
      margin-top: -5%;
      
    }

    .about-container h1 {
      color: var(--six-color);
      font-size: 1.9rem;
      margin-bottom: 20px;
      text-align: center;
      align-items: center;
      margin-left: -1%;
    }

    .about-container p {
      font-size: 1em;
      line-height: 1.6;
      text-align: center;
      align-items: center;
      margin-left: -2.3%;
    }

    

    @media (max-width: 600px) {
      .about-container h1 {
        font-size: 1.5em;
      }

     .about-container p {
        font-size: 0.95em;
      }
    }

    

    @media (max-width: 452px) {
      .about-container h1 {
        font-size: 1.5em;
        margin-left: 4%;
      }

     .about-container p {
        font-size: 0.95em;
        margin-left: 4%;
      }
    }




   


.privacy{


    margin: 0;
    font-family: Arial, sans-serif;
    background-color: var(--six-color);
    color: white;
    padding: 25px;
}

.footering {
  background-color: var(--six-color); /* greenish background */
  color: white;
  text-align: center;
  padding: 1rem;
  font-weight: bold;
  font-size: 1rem;
  
}

@media (max-width: 600px) {
  .footer {
    font-size: 0.9rem;
    padding: 0.8rem;
  }
}



  
     

    }


  @media (max-width: 540px) {


  /* .home{

    width: 100%;
    min-height: 150vh;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #ebdbc8;
    gap: 1rem;
    background-image: url(./Porur/Apartments\ For\ Sale\ in\ Porur.png);
    background-size: cover;
}

.home-text {

    flex: 1 1 17rem;

}

.home-img{
    flex: 1 1 17rem;
}

.home-img img{

    animation: animate 3s linear infinite;
}
@keyframes animate{
    0%{
        transform: translate(-11px, 0);
    }

    50%{
        transform: translate(-0px, -11px);
    }

    100%{
        transform: translate(-11px, 0);
    }
}

.home-text span{
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--second-color);
    
    
}

.home-text h1{

    font-size: 3.2rem;
    color: var(--main-color);
    font-weight: bolder ;
}

.home-text h2{

    font-size: 1.8rem;
    font-weight: 600;
    color: var(--second-color);
    text-transform: uppercase;
    margin: 0.5rem 0 1.4rem;
}

.btn{

    padding: 7px 16px;
    border: 2px solid var(--fourth-color);
    border-radius: 40px;
    color: var(--third-color);
    font-weight: 500;
    background: var(--fourth-color);
}

.btn:hover{

    color: #fff;
    background: var(--main-color);
    border: 2px solid var(--main-color);
    
} */

.crm-form-container {
      background: #fff;
      padding: 30px;
      border-radius: 10px;
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
      width: 100%;
      max-width: 500px;
      margin-left: -0.1%;
      margin-top: 2%;
     
    }

    /* Submit button override (if allowed by Sell.Do) */
    .crm-form-container input[type="submit"],
    .crm-form-container button[type="submit"] {
      background-color: #fe1e51 !important;
      color: #fff !important;
      border: none !important;
      padding: 10px 20px;
      font-size: 16px;
      border-radius: 5px;
      cursor: pointer;
    }

    .crm-form-container input[type="submit"]:hover,
    .crm-form-container button[type="submit"]:hover {
      background-color: #e9741f !important;
    }



.heading {

    text-align: center;
    text-transform: uppercase;

}

.heading span{

    font-size: 0.8rem;
    font-weight: 600;
    color: var(--second-color)
}

.heading h1{

    font-size: 1.5rem;
    color: var(--six-color);
    
}

.heading h2{

    font-size: 2rem;
    color: var(--fifty-color);
}


.headings {

    text-align: center;
    text-transform: uppercase;

}

.headings span{

    font-size: 1rem;
    font-weight: 600;
    color: var(--second-color)
}

.headings h1{

    font-size: 2rem;
    color: var(--main-color);
}

.headings h2{

    font-size: 2rem;
    color: var(--fifty-color);
}

.container {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      padding: 2rem;
      max-width: 1500px;
      margin: auto;
    }

    .textss-content {
      flex: 1 1 500px;
      padding: 1rem;
    }

    .textss-content h2 {
      color: #c2481e;
      font-size: 2rem;
      font-weight: bold;
      margin-bottom: 1rem;
      margin-right: 2rem;
    }

    .textss-content p {
      line-height: 1.6;
      font-size: 1rem;
      margin-bottom: 1rem;
      
      
    }

    .book-btn {
      display: inline-block;
      padding: 0.8rem 2rem;
      background-color: #8c2f1d;
      color: white;
      font-weight: bold;
      font-size: 1rem;
      border: none;
      border-radius: 30px;
      text-decoration: none;
      margin-top: 1rem;
    }

    .image-content {
      flex: 1 1 400px;
      padding: 1rem;
      margin-bottom: -28%;
    }

    .image-content img {
      width: 100%;
      height: auto;
      border-radius: 15px;
      box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    }

    @media (max-width: 768px) {
      .container {
        flex-direction: column;
        text-align: center;
      }

      .textss-content, .image-content {
        padding: 1rem 0;
      }
    }

/* ------------------------2 SECTION HEADINGS---------------------> */

.headingurl {

    text-align: center;
    text-transform: uppercase;
    margin-top: -30%;
   

}

.headingurl span{

    font-size: 0.8rem;
    font-weight: 600;
    color: var(--second-color);
    
}

.headingurl h1{

    font-size: 1.5rem;
    color: var(--six-color);
   
    
    
}

.headingurl h2{

    font-size: 2rem;
    color: var(--fifty-color);
   
}






.shop-container{

    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 0.1rem;
}

.shop-container .box{

    flex: 1 1 15rem;
    background: var(--six-color);
    padding: px;
    display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
    margin-top: 3rem;
    border-radius: 0.5rem;
}

.shop-container .box .stars .bx{

    color: #FFFFFF;
}

.shop-container .box h2{
    color: #FFFFFF;
    font-size: 1.2rem;

}

.shop-container .box span{
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 500;
    margin: 0.2rem 0 0.5rem;
}

.box .btn{

    border: 2px solid #ed7a21;
    color: #FFFF;
}

.box .btn:hover{
    background: #FFFFFF;
    color: var(--second-color);
    border: 2px solid #FFFFFF;
}






 


    

.locationcontents{

      align-items: center;

    }

 .locationcontents h2 {
      text-align: center;
      color: var(--six-color);
      margin-bottom: 10px;
      font-size: 1.5rem;
    }

 .locationcontents p.subtitle {
      text-align: center;
      color: #000000;
      max-width: 700px;
      margin: 0 auto 40px;
    }

    .highlight-grid {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px;
    }

    .highlight-card {
      background: white;
      border-radius: 16px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
      width: 100%;
      max-width: 350px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
    }

    .highlight-card img {
      width: 100%;
      height: 200px;
      object-fit: cover;
    }

    .highlight-card h3 {
      text-align: center;
      margin: 15px 0 5px;
      color: var(--six-color);
      font-size: 18px;
      text-transform: uppercase;
      border-bottom: 2px solid var(--six-color);
      display: inline-block;
      padding-bottom: 5px;
    }

    .highlight-card ul {
      list-style: disc;
      padding: 0 20px 20px 40px;
      margin: 0;
      color: #555;
      font-size: 14px;
    }

    @media (max-width: 768px) {
      .highlight-grid {
        flex-direction: column;
        align-items: center;
      }
    }



     .gallery-container {
      text-align: center;
      padding: 30px 10px;
    }

    .gallery-container h2 {
      font-size: 24px;
      font-weight: bold;
      margin-bottom: 10px;
      text-transform: uppercase;
      color: var(--six-color);
    }

    .divider {
      font-size: 24px;
      margin-bottom: px;
    }

    .carousel {
      display: flex;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      gap: 20px;
      padding: 0 10px;
      scroll-behavior: smooth;
    }

    .carousel::-webkit-scrollbar {
      display: none;
    }

    .carousel img {
      flex: 0 0 auto;
      width: 100%;
      max-width: 500px;
      height: auto;
      scroll-snap-align: center;
      border-radius: 10px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    }

    .carousel-controls {
      margin-top: 20px;
    }

    .control-btn {
      background: none;
      border: 4px solid var(--six-color);
      color: var(--six-color);
      padding: 20px;
      font-size: 18px;
      border-radius: 50%;
      cursor: pointer;
      margin: 0 10px;
      transition: all 0.3s ease;
    }

    .control-btn:hover {
      background-color: var(--six-color);
      color: white;
    }

    @media (max-width: 768px) {
      .gallery-title {
        font-size: 20px;
      }
    }

    @media (max-width: 480px) {
      .carousel img {
        max-width: 100%;
      }
    }


    .about-container {
      max-width: 1100px;
      text-align: center;
      align-items: center;
      margin-top: -5%;
      
    }

    .about-container h1 {
      color: var(--six-color);
      font-size: 1.9em;
      margin-bottom: 20px;
      text-align: center;
      align-items: center;
      margin-right: 3%;
    }

    .about-container p {
      font-size: 0.9rem;
      line-height: 1.6;
      text-align: center;
      align-items: center;
      margin-right: 3%;
    }

    

    @media (max-width: 600px) {
      .about-container h1 {
        font-size: 1.5em;
      }

     .about-container p {
        font-size: 0.95em;
      }
    }

    

    @media (max-width: 452px) {
      .about-container h1 {
        font-size: 1.5em;
        margin-left: 4%;
      }

     .about-container p {
        font-size: 0.95em;
        margin-left: 4%;
      }
    }




   


.privacy{


    margin: 0;
    font-family: Arial, sans-serif;
    background-color: var(--six-color);
    color: white;
    padding: 25px;
}

.footering {
  background-color: var(--six-color); /* greenish background */
  color: white;
  text-align: center;
  padding: 1rem;
  font-weight: bold;
  font-size: 1rem;
  
}

@media (max-width: 600px) {
  .footer {
    font-size: 0.9rem;
    padding: 0.8rem;
  }
}



  
     

    }



  @media (max-width: 541px) {


  /* .home{

    width: 100%;
    min-height: 150vh;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #ebdbc8;
    gap: 1rem;
    background-image: url(./Porur/Apartments\ For\ Sale\ in\ Porur.png);
    background-size: cover;
}



.home-text {

    flex: 1 1 17rem;

}

.home-img{
    flex: 1 1 17rem;
}

.home-img img{

    animation: animate 3s linear infinite;
}
@keyframes animate{
    0%{
        transform: translate(-11px, 0);
    }

    50%{
        transform: translate(-0px, -11px);
    }

    100%{
        transform: translate(-11px, 0);
    }
}

.home-text span{
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--second-color);
    
    
}

.home-text h1{

    font-size: 3.2rem;
    color: var(--main-color);
    font-weight: bolder ;
}

.home-text h2{

    font-size: 1.8rem;
    font-weight: 600;
    color: var(--second-color);
    text-transform: uppercase;
    margin: 0.5rem 0 1.4rem;
}

.btn{

    padding: 7px 16px;
    border: 2px solid var(--fourth-color);
    border-radius: 40px;
    color: var(--third-color);
    font-weight: 500;
    background: var(--fourth-color);
}

.btn:hover{

    color: #fff;
    background: var(--main-color);
    border: 2px solid var(--main-color);
    
} */

.crm-form-container {
      background: #fff;
      padding: 30px;
      border-radius: 10px;
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
      width: 100%;
      max-width: 500px;
      margin-left: -0.1%;
      margin-top: 2%;
     
    }

    /* Submit button override (if allowed by Sell.Do) */
    .crm-form-container input[type="submit"],
    .crm-form-container button[type="submit"] {
      background-color: #fe1e51 !important;
      color: #fff !important;
      border: none !important;
      padding: 10px 20px;
      font-size: 16px;
      border-radius: 5px;
      cursor: pointer;
    }

    .crm-form-container input[type="submit"]:hover,
    .crm-form-container button[type="submit"]:hover {
      background-color: #e9741f !important;
    }



.heading {

    text-align: center;
    text-transform: uppercase;

}

.heading span{

    font-size: 0.8rem;
    font-weight: 600;
    color: var(--second-color)
}

.heading h1{

    font-size: 1.5rem;
    color: var(--six-color);
    
}

.heading h2{

    font-size: 2rem;
    color: var(--fifty-color);
}


.headings {

    text-align: center;
    text-transform: uppercase;

}

.headings span{

    font-size: 1rem;
    font-weight: 600;
    color: var(--second-color)
}

.headings h1{

    font-size: 2rem;
    color: var(--main-color);
}

.headings h2{

    font-size: 2rem;
    color: var(--fifty-color);
}

.container {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      padding: 2rem;
      max-width: 1500px;
      margin: auto;
    }

    .textss-content {
      flex: 1 1 500px;
      padding: 1rem;
    }

    .textss-content h2 {
      color: #c2481e;
      font-size: 2rem;
      font-weight: bold;
      margin-bottom: 1rem;
      margin-right: 2rem;
    }

    .textss-content p {
      line-height: 1.6;
      font-size: 1rem;
      margin-bottom: 1rem;
      
      
    }

    .book-btn {
      display: inline-block;
      padding: 0.8rem 2rem;
      background-color: #8c2f1d;
      color: white;
      font-weight: bold;
      font-size: 1rem;
      border: none;
      border-radius: 30px;
      text-decoration: none;
      margin-top: 1rem;
    }

    .image-content {
      flex: 1 1 400px;
      padding: 1rem;
      margin-bottom: -28%;
    }

    .image-content img {
      width: 100%;
      height: auto;
      border-radius: 15px;
      box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    }

    @media (max-width: 768px) {
      .container {
        flex-direction: column;
        text-align: center;
      }

      .textss-content, .image-content {
        padding: 1rem 0;
      }
    }

/* ------------------------2 SECTION HEADINGS---------------------> */

.headingurl {

    text-align: center;
    text-transform: uppercase;
    margin-top: -30%;
   

}

.headingurl span{

    font-size: 0.8rem;
    font-weight: 600;
    color: var(--second-color);
    
}

.headingurl h1{

    font-size: 1.5rem;
    color: var(--six-color);
   
    
    
}

.headingurl h2{

    font-size: 2rem;
    color: var(--fifty-color);
   
}






.shop-container{

    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 0.1rem;
}

.shop-container .box{

    flex: 1 1 15rem;
    background: var(--six-color);
    padding: px;
    display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
    margin-top: 3rem;
    border-radius: 0.5rem;
}

.shop-container .box .stars .bx{

    color: #FFFFFF;
}

.shop-container .box h2{
    color: #FFFFFF;
    font-size: 1.2rem;

}

.shop-container .box span{
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 500;
    margin: 0.2rem 0 0.5rem;
}

.box .btn{

    border: 2px solid #ed7a21;
    color: #FFFF;
}

.box .btn:hover{
    background: #FFFFFF;
    color: var(--second-color);
    border: 2px solid #FFFFFF;
}






 


    

.locationcontents{

      align-items: center;

    }

 .locationcontents h2 {
      text-align: center;
      color: var(--six-color);
      margin-bottom: 10px;
      font-size: 1.5rem;
    }

 .locationcontents p.subtitle {
      text-align: center;
      color: #000000;
      max-width: 700px;
      margin: 0 auto 40px;
    }

    .highlight-grid {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px;
    }

    .highlight-card {
      background: white;
      border-radius: 16px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
      width: 100%;
      max-width: 350px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
    }

    .highlight-card img {
      width: 100%;
      height: 200px;
      object-fit: cover;
    }

    .highlight-card h3 {
      text-align: center;
      margin: 15px 0 5px;
      color: var(--six-color);
      font-size: 18px;
      text-transform: uppercase;
      border-bottom: 2px solid var(--six-color);
      display: inline-block;
      padding-bottom: 5px;
    }

    .highlight-card ul {
      list-style: disc;
      padding: 0 20px 20px 40px;
      margin: 0;
      color: #555;
      font-size: 14px;
    }

    @media (max-width: 768px) {
      .highlight-grid {
        flex-direction: column;
        align-items: center;
      }
    }



     .gallery-container {
      text-align: center;
      padding: 30px 10px;
    }

    .gallery-container h2 {
      font-size: 24px;
      font-weight: bold;
      margin-bottom: 10px;
      text-transform: uppercase;
      color: var(--six-color);
    }

    .divider {
      font-size: 24px;
      margin-bottom: px;
    }

    .carousel {
      display: flex;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      gap: 20px;
      padding: 0 10px;
      scroll-behavior: smooth;
    }

    .carousel::-webkit-scrollbar {
      display: none;
    }

    .carousel img {
      flex: 0 0 auto;
      width: 100%;
      max-width: 500px;
      height: auto;
      scroll-snap-align: center;
      border-radius: 10px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    }

    .carousel-controls {
      margin-top: 20px;
    }

    .control-btn {
      background: none;
      border: 4px solid var(--six-color);
      color: var(--six-color);
      padding: 20px;
      font-size: 18px;
      border-radius: 50%;
      cursor: pointer;
      margin: 0 10px;
      transition: all 0.3s ease;
    }

    .control-btn:hover {
      background-color: var(--six-color);
      color: white;
    }

    @media (max-width: 768px) {
      .gallery-title {
        font-size: 20px;
      }
    }

    @media (max-width: 480px) {
      .carousel img {
        max-width: 100%;
      }
    }


    .about-container {
      max-width: 1100px;
      text-align: center;
      align-items: center;
      margin-top: -5%;
      
    }

    .about-container h1 {
      color: var(--six-color);
      font-size: 1.9em;
      margin-bottom: 20px;
      text-align: center;
      align-items: center;
      margin-right: 3%;
    }

    .about-container p {
      font-size: 0.9rem;
      line-height: 1.6;
      text-align: center;
      align-items: center;
      margin-right: 3%;
    }

    

    @media (max-width: 600px) {
      .about-container h1 {
        font-size: 1.5em;
      }

     .about-container p {
        font-size: 0.95em;
      }
    }

    

    @media (max-width: 452px) {
      .about-container h1 {
        font-size: 1.5em;
        margin-left: 4%;
      }

     .about-container p {
        font-size: 0.95em;
        margin-left: 4%;
      }
    }




   


.privacy{


    margin: 0;
    font-family: Arial, sans-serif;
    background-color: var(--six-color);
    color: white;
    padding: 25px;
}

.footering {
  background-color: var(--six-color); /* greenish background */
  color: white;
  text-align: center;
  padding: 1rem;
  font-weight: bold;
  font-size: 1rem;
  
}

@media (max-width: 600px) {
  .footer {
    font-size: 0.9rem;
    padding: 0.8rem;
  }
}



  
     

    }


   

    



































 @media (max-width: 480px) {


  /* .home{

    width: 100%;
    min-height: 120vh;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #ebdbc8;
    gap: 1rem;
    background-image: url(./Porur/Apartments\ For\ Sale\ in\ Porur.png);
    background-size: cover;
}

.home-text {

    flex: 1 1 17rem;

}

.home-img{
    flex: 1 1 17rem;
}

.home-img img{

    animation: animate 3s linear infinite;
}
@keyframes animate{
    0%{
        transform: translate(-11px, 0);
    }

    50%{
        transform: translate(-0px, -11px);
    }

    100%{
        transform: translate(-11px, 0);
    }
}

.home-text span{
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--second-color);
    
    
}

.home-text h1{

    font-size: 3.2rem;
    color: var(--main-color);
    font-weight: bolder ;
}

.home-text h2{

    font-size: 1.8rem;
    font-weight: 600;
    color: var(--second-color);
    text-transform: uppercase;
    margin: 0.5rem 0 1.4rem;
}

.btn{

    padding: 7px 16px;
    border: 2px solid var(--fourth-color);
    border-radius: 40px;
    color: var(--third-color);
    font-weight: 500;
    background: var(--fourth-color);
}

.btn:hover{

    color: #fff;
    background: var(--main-color);
    border: 2px solid var(--main-color);
    
} */

.crm-form-container {
      background: #fff;
      padding: 30px;
      border-radius: 10px;
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
      width: 100%;
      max-width: 500px;
      margin-left: -0.3%;
      margin-top: 2%;
     
    }

    /* Submit button override (if allowed by Sell.Do) */
    .crm-form-container input[type="submit"],
    .crm-form-container button[type="submit"] {
      background-color: #fe1e51 !important;
      color: #fff !important;
      border: none !important;
      padding: 10px 20px;
      font-size: 16px;
      border-radius: 5px;
      cursor: pointer;
    }

    .crm-form-container input[type="submit"]:hover,
    .crm-form-container button[type="submit"]:hover {
      background-color: #e9741f !important;
    }



.heading {

    text-align: center;
    text-transform: uppercase;

}

.heading span{

    font-size: 0.8rem;
    font-weight: 600;
    color: var(--second-color)
}

.heading h1{

    font-size: 1.5rem;
    color: var(--six-color);
    
}

.heading h2{

    font-size: 2rem;
    color: var(--fifty-color);
}


.headings {

    text-align: center;
    text-transform: uppercase;

}

.headings span{

    font-size: 1rem;
    font-weight: 600;
    color: var(--second-color)
}

.headings h1{

    font-size: 2rem;
    color: var(--main-color);
}

.headings h2{

    font-size: 2rem;
    color: var(--fifty-color);
}

.container {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      padding: 2rem;
      max-width: 1500px;
      margin: auto;
    }

    .textss-content {
      flex: 1 1 500px;
      padding: 1rem;
    }

    .textss-content h2 {
      color: #c2481e;
      font-size: 2rem;
      font-weight: bold;
      margin-bottom: 1rem;
      margin-right: 2rem;
    }

    .textss-content p {
      line-height: 1.6;
      font-size: 1rem;
      margin-bottom: 1rem;
      
      
    }

    .book-btn {
      display: inline-block;
      padding: 0.8rem 2rem;
      background-color: #8c2f1d;
      color: white;
      font-weight: bold;
      font-size: 1rem;
      border: none;
      border-radius: 30px;
      text-decoration: none;
      margin-top: 1rem;
    }

    .image-content {
      flex: 1 1 400px;
      padding: 1rem;
      margin-bottom: -28%;
    }

    .image-content img {
      width: 100%;
      height: auto;
      border-radius: 15px;
      box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    }

    @media (max-width: 768px) {
      .container {
        flex-direction: column;
        text-align: center;
      }

      .textss-content, .image-content {
        padding: 1rem 0;
      }
    }

/* ------------------------2 SECTION HEADINGS---------------------> */

.headingurl {

    text-align: center;
    text-transform: uppercase;
    margin-top: -8%;
   

}

.headingurl span{

    font-size: 0.8rem;
    font-weight: 600;
    color: var(--second-color);
    
}

.headingurl h1{

    font-size: 1.5rem;
    color: var(--six-color);
   
    
    
}

.headingurl h2{

    font-size: 2rem;
    color: var(--fifty-color);
   
}






.shop-container{

    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 0.1rem;
}

.shop-container .box{

    flex: 1 1 15rem;
    background: var(--six-color);
    padding: px;
    display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
    margin-top: 3rem;
    border-radius: 0.5rem;
}

.shop-container .box .stars .bx{

    color: #FFFFFF;
}

.shop-container .box h2{
    color: #FFFFFF;
    font-size: 1.2rem;

}

.shop-container .box span{
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 500;
    margin: 0.2rem 0 0.5rem;
}

.box .btn{

    border: 2px solid #ed7a21;
    color: #FFFF;
}

.box .btn:hover{
    background: #FFFFFF;
    color: var(--second-color);
    border: 2px solid #FFFFFF;
}






 


    

.locationcontents{

      align-items: center;

    }

 .locationcontents h2 {
      text-align: center;
      color: var(--six-color);
      margin-bottom: 10px;
      font-size: 1.5rem;
    }

 .locationcontents p.subtitle {
      text-align: center;
      color: #000000;
      max-width: 700px;
      margin: 0 auto 40px;
    }

    .highlight-grid {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px;
    }

    .highlight-card {
      background: white;
      border-radius: 16px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
      width: 100%;
      max-width: 350px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
    }

    .highlight-card img {
      width: 100%;
      height: 200px;
      object-fit: cover;
    }

    .highlight-card h3 {
      text-align: center;
      margin: 15px 0 5px;
      color: var(--six-color);
      font-size: 18px;
      text-transform: uppercase;
      border-bottom: 2px solid var(--six-color);
      display: inline-block;
      padding-bottom: 5px;
    }

    .highlight-card ul {
      list-style: disc;
      padding: 0 20px 20px 40px;
      margin: 0;
      color: #555;
      font-size: 14px;
    }

    @media (max-width: 768px) {
      .highlight-grid {
        flex-direction: column;
        align-items: center;
      }
    }



     .gallery-container {
      text-align: center;
      padding: 30px 10px;
      margin-top: -8px;
      
    }

    .gallery-container h2 {
      font-size: 24px;
      font-weight: bold;
      margin-bottom: 10px;
      text-transform: uppercase;
      color: var(--six-color);
    }

    .divider {
      font-size: 24px;
      margin-bottom: px;
    }

    .carousel {
      display: flex;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      gap: 20px;
      padding: 0 10px;
      scroll-behavior: smooth;
    }

    .carousel::-webkit-scrollbar {
      display: none;
    }

    .carousel img {
      flex: 0 0 auto;
      width: 100%;
      max-width: 500px;
      height: auto;
      scroll-snap-align: center;
      border-radius: 10px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    }

    .carousel-controls {
      margin-top: 20px;
    }

    .control-btn {
      background: none;
      border: 4px solid var(--six-color);
      color: var(--six-color);
      padding: 20px;
      font-size: 18px;
      border-radius: 50%;
      cursor: pointer;
      margin: 0 10px;
      transition: all 0.3s ease;
    }

    .control-btn:hover {
      background-color: var(--six-color);
      color: white;
    }

    @media (max-width: 768px) {
      .gallery-title {
        font-size: 20px;
      }
    }

    @media (max-width: 480px) {
      .carousel img {
        max-width: 100%;
      }
    }


    .about-container {
      max-width: 1100px;
      text-align: center;
      align-items: center;
      margin-top: -5%;
      
    }

    .about-container h1 {
      color: var(--six-color);
      font-size: 1.9em;
      margin-bottom: 20px;
      text-align: center;
      align-items: center;
      margin-right: 3%;
    }

    .about-container p {
      font-size: 0.9rem;
      line-height: 1.6;
      text-align: center;
      align-items: center;
      margin-right: 3%;
    }

    

    @media (max-width: 600px) {
      .about-container h1 {
        font-size: 1.5em;
      }

     .about-container p {
        font-size: 0.95em;
      }
    }

    

    @media (max-width: 452px) {
      .about-container h1 {
        font-size: 1.5em;
        margin-left: 4%;
      }

     .about-container p {
        font-size: 0.95em;
        margin-left: 4%;
      }
    }




   


.privacy{


    margin: 0;
    font-family: Arial, sans-serif;
    background-color: var(--six-color);
    color: white;
    padding: 25px;
}

.footering {
  background-color: var(--six-color); /* greenish background */
  color: white;
  text-align: center;
  padding: 1rem;
  font-weight: bold;
  font-size: 1rem;
  
}

@media (max-width: 600px) {
  .footer {
    font-size: 0.9rem;
    padding: 0.8rem;
  }
}



  
     

    }




  
     

    










  






    @media (max-width: 430px) {


  /* .home{

    width: 100%;
    min-height: 98vh;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #ebdbc8;
    gap: 1rem;
    background-image: url(./Porur/Apartments\ For\ Sale\ in\ Porur.png);
    background-size: cover;
}

.home-text {

    flex: 1 1 17rem;

}

.home-img{
    flex: 1 1 17rem;
}

.home-img img{

    animation: animate 3s linear infinite;
}
@keyframes animate{
    0%{
        transform: translate(-11px, 0);
    }

    50%{
        transform: translate(-0px, -11px);
    }

    100%{
        transform: translate(-11px, 0);
    }
}

.home-text span{
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--second-color);
    
    
}

.home-text h1{

    font-size: 3.2rem;
    color: var(--main-color);
    font-weight: bolder ;
}

.home-text h2{

    font-size: 1.8rem;
    font-weight: 600;
    color: var(--second-color);
    text-transform: uppercase;
    margin: 0.5rem 0 1.4rem;
}

.btn{

    padding: 7px 16px;
    border: 2px solid var(--fourth-color);
    border-radius: 40px;
    color: var(--third-color);
    font-weight: 500;
    background: var(--fourth-color);
}

.btn:hover{

    color: #fff;
    background: var(--main-color);
    border: 2px solid var(--main-color);
    
} */


.crm-form-container {
      background: #fff;
      padding: 30px;
      border-radius: 10px;
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
      width: 100%;
      max-width: 500px;
      margin-left: -0.1%;
      margin-top: 2%;
     
    }

    /* Submit button override (if allowed by Sell.Do) */
    .crm-form-container input[type="submit"],
    .crm-form-container button[type="submit"] {
      background-color: #fe1e51 !important;
      color: #fff !important;
      border: none !important;
      padding: 10px 20px;
      font-size: 16px;
      border-radius: 5px;
      cursor: pointer;
    }

    .crm-form-container input[type="submit"]:hover,
    .crm-form-container button[type="submit"]:hover {
      background-color: #e9741f !important;
    }

.heading {

    text-align: center;
    text-transform: uppercase;

}

.heading span{

    font-size: 0.8rem;
    font-weight: 600;
    color: var(--second-color)
}

.heading h1{

    font-size: 1.5rem;
    color: var(--six-color);
    
}

.heading h2{

    font-size: 2rem;
    color: var(--fifty-color);
}


.headings {

    text-align: center;
    text-transform: uppercase;

}

.headings span{

    font-size: 1rem;
    font-weight: 600;
    color: var(--second-color)
}

.headings h1{

    font-size: 2rem;
    color: var(--main-color);
}

.headings h2{

    font-size: 2rem;
    color: var(--fifty-color);
}

.container {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      padding: 2rem;
      max-width: 1500px;
      margin: auto;
    }

    .textss-content {
      flex: 1 1 500px;
      padding: 1rem;
    }

    .textss-content h2 {
      color: #c2481e;
      font-size: 2rem;
      font-weight: bold;
      margin-bottom: 1rem;
      margin-right: 2rem;
    }

    .textss-content p {
      line-height: 1.6;
      font-size: 1rem;
      margin-bottom: 1rem;
      
      
    }

    .book-btn {
      display: inline-block;
      padding: 0.8rem 2rem;
      background-color: #8c2f1d;
      color: white;
      font-weight: bold;
      font-size: 1rem;
      border: none;
      border-radius: 30px;
      text-decoration: none;
      margin-top: 1rem;
    }

    .image-content {
      flex: 1 1 400px;
      padding: 1rem;
      margin-bottom: -48%;
    }

    .image-content img {
      width: 100%;
      height: auto;
      border-radius: 15px;
      box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    }

    @media (max-width: 768px) {
      .container {
        flex-direction: column;
        text-align: center;
      }

      .textss-content, .image-content {
        padding: 1rem 0;
      }
    }

/* ------------------------2 SECTION HEADINGS---------------------> */

.headingurl {

    text-align: center;
    text-transform: uppercase;
    margin-top: -8%;
   

}

.headingurl span{

    font-size: 0.8rem;
    font-weight: 600;
    color: var(--second-color);
    
}

.headingurl h1{

    font-size: 1.5rem;
    color: var(--six-color);
   
    
    
}

.headingurl h2{

    font-size: 2rem;
    color: var(--fifty-color);
   
}






.shop-container{

    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 0.1rem;
}

.shop-container .box{

    flex: 1 1 12rem;
    background: var(--six-color);
    padding: px;
    display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
    margin-top: 3rem;
    border-radius: 0.5rem;
}

.shop-container .box .stars .bx{

    color: #FFFFFF;
}

.shop-container .box h2{
    color: #FFFFFF;
    font-size: 1.2rem;

}

.shop-container .box span{
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 500;
    margin: 0.2rem 0 0.5rem;
}

.box .btn{

    border: 2px solid #ed7a21;
    color: #FFFF;
}

.box .btn:hover{
    background: #FFFFFF;
    color: var(--second-color);
    border: 2px solid #FFFFFF;
}






 


    

.locationcontents{

      align-items: center;

    }

 .locationcontents h2 {
      text-align: center;
      color: var(--six-color);
      margin-bottom: 10px;
      font-size: 1.5rem;
    }

 .locationcontents p.subtitle {
      text-align: center;
      color: #000000;
      max-width: 700px;
      margin: 0 auto 40px;
    }

    .highlight-grid {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px;
    }

    .highlight-card {
      background: white;
      border-radius: 16px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
      width: 100%;
      max-width: 350px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
    }

    .highlight-card img {
      width: 100%;
      height: 200px;
      object-fit: cover;
    }

    .highlight-card h3 {
      text-align: center;
      margin: 15px 0 5px;
      color: var(--six-color);
      font-size: 18px;
      text-transform: uppercase;
      border-bottom: 2px solid var(--six-color);
      display: inline-block;
      padding-bottom: 5px;
    }

    .highlight-card ul {
      list-style: disc;
      padding: 0 20px 20px 40px;
      margin: 0;
      color: #555;
      font-size: 14px;
    }

    @media (max-width: 768px) {
      .highlight-grid {
        flex-direction: column;
        align-items: center;
      }
    }



     .gallery-container {
      text-align: center;
      padding: 30px 10px;
      margin-top: -8%;
    }

    .gallery-container h2 {
      font-size: 24px;
      font-weight: bold;
      margin-bottom: 10px;
      text-transform: uppercase;
      color: var(--six-color);
    }

    .divider {
      font-size: 24px;
      margin-bottom: px;
    }

    .carousel {
      display: flex;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      gap: 20px;
      padding: 0 10px;
      scroll-behavior: smooth;
    }

    .carousel::-webkit-scrollbar {
      display: none;
    }

    .carousel img {
      flex: 0 0 auto;
      width: 100%;
      max-width: 500px;
      height: auto;
      scroll-snap-align: center;
      border-radius: 10px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    }

    .carousel-controls {
      margin-top: 20px;
    }

    .control-btn {
      background: none;
      border: 4px solid var(--six-color);
      color: var(--six-color);
      padding: 20px;
      font-size: 18px;
      border-radius: 50%;
      cursor: pointer;
      margin: 0 10px;
      transition: all 0.3s ease;
    }

    .control-btn:hover {
      background-color: var(--six-color);
      color: white;
    }

    @media (max-width: 768px) {
      .gallery-title {
        font-size: 20px;
      }
    }

    @media (max-width: 480px) {
      .carousel img {
        max-width: 100%;
      }
    }


    .about-container {
      max-width: 1100px;
      text-align: center;
      align-items: center;
      margin-top: -5%;
      
    }

    .about-container h1 {
      color: var(--six-color);
      font-size: 1.9em;
      margin-bottom: 20px;
      text-align: center;
      align-items: center;
      margin-right: 6%;
    }

    .about-container p {
      font-size: 0.9rem;
      line-height: 1.6;
      text-align: center;
      align-items: center;
      margin-right: 6%;
    }

    

    @media (max-width: 600px) {
      .about-container h1 {
        font-size: 1.5em;
      }

     .about-container p {
        font-size: 0.95em;
      }
    }

    

    @media (max-width: 452px) {
      .about-container h1 {
        font-size: 1.5em;
        margin-left: 4%;
      }

     .about-container p {
        font-size: 0.95em;
        margin-left: 4%;
      }
    }




   


.privacy{


    margin: 0;
    font-family: Arial, sans-serif;
    background-color: var(--six-color);
    color: white;
    padding: 25px;
}

.footering {
  background-color: var(--six-color); /* greenish background */
  color: white;
  text-align: center;
  padding: 1rem;
  font-weight: bold;
  font-size: 1rem;
  
}

@media (max-width: 600px) {
  .footer {
    font-size: 0.9rem;
    padding: 0.8rem;
  }
}



  
     

    }




























    



    @media (max-width: 414px) {


  /* .home{

    width: 100%;
    min-height: 101vh;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #ebdbc8;
    gap: 1rem;
    background-image: url(./Porur/Apartments\ For\ Sale\ in\ Porur.png);
    background-size: cover;
}

.home-text {

    flex: 1 1 17rem;

}

.home-img{
    flex: 1 1 17rem;
}

.home-img img{

    animation: animate 3s linear infinite;
}
@keyframes animate{
    0%{
        transform: translate(-11px, 0);
    }

    50%{
        transform: translate(-0px, -11px);
    }

    100%{
        transform: translate(-11px, 0);
    }
}

.home-text span{
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--second-color);
    
    
}

.home-text h1{

    font-size: 3.2rem;
    color: var(--main-color);
    font-weight: bolder ;
}

.home-text h2{

    font-size: 1.8rem;
    font-weight: 600;
    color: var(--second-color);
    text-transform: uppercase;
    margin: 0.5rem 0 1.4rem;
}

.btn{

    padding: 7px 16px;
    border: 2px solid var(--fourth-color);
    border-radius: 40px;
    color: var(--third-color);
    font-weight: 500;
    background: var(--fourth-color);
}

.btn:hover{

    color: #fff;
    background: var(--main-color);
    border: 2px solid var(--main-color);
    
} */


.crm-form-container {
      background: #fff;
      padding: 30px;
      border-radius: 10px;
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
      width: 100%;
      max-width: 500px;
      margin-left: -0.1%;
      margin-top: 2%;
     
    }

    /* Submit button override (if allowed by Sell.Do) */
    .crm-form-container input[type="submit"],
    .crm-form-container button[type="submit"] {
      background-color: #fe1e51 !important;
      color: #fff !important;
      border: none !important;
      padding: 10px 20px;
      font-size: 16px;
      border-radius: 5px;
      cursor: pointer;
    }

    .crm-form-container input[type="submit"]:hover,
    .crm-form-container button[type="submit"]:hover {
      background-color: #e9741f !important;
    }

.heading {

    text-align: center;
    text-transform: uppercase;

}

.heading span{

    font-size: 0.8rem;
    font-weight: 600;
    color: var(--second-color)
}

.heading h1{

    font-size: 1.5rem;
    color: var(--six-color);
    
}

.heading h2{

    font-size: 2rem;
    color: var(--fifty-color);
}


.headings {

    text-align: center;
    text-transform: uppercase;

}

.headings span{

    font-size: 1rem;
    font-weight: 600;
    color: var(--second-color)
}

.headings h1{

    font-size: 2rem;
    color: var(--main-color);
}

.headings h2{

    font-size: 2rem;
    color: var(--fifty-color);
}

.container {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      padding: 2rem;
      max-width: 1500px;
      margin: auto;
    }

    .textss-content {
      flex: 1 1 500px;
      padding: 1rem;
    }

    .textss-content h2 {
      color: #c2481e;
      font-size: 2rem;
      font-weight: bold;
      margin-bottom: 1rem;
      margin-right: 2rem;
    }

    .textss-content p {
      line-height: 1.6;
      font-size: 1rem;
      margin-bottom: 1rem;
      
      
    }

    .book-btn {
      display: inline-block;
      padding: 0.8rem 2rem;
      background-color: #8c2f1d;
      color: white;
      font-weight: bold;
      font-size: 1rem;
      border: none;
      border-radius: 30px;
      text-decoration: none;
      margin-top: 1rem;
    }

    .image-content {
      flex: 1 1 400px;
      padding: 1rem;
      margin-bottom: -48%;
    }

    .image-content img {
      width: 100%;
      height: auto;
      border-radius: 15px;
      box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    }

    @media (max-width: 768px) {
      .container {
        flex-direction: column;
        text-align: center;
      }

      .textss-content, .image-content {
        padding: 1rem 0;
      }
    }

/* ------------------------2 SECTION HEADINGS---------------------> */

.headingurl {

    text-align: center;
    text-transform: uppercase;
    margin-top: -8%;
   

}

.headingurl span{

    font-size: 0.8rem;
    font-weight: 600;
    color: var(--second-color);
    
}

.headingurl h1{

    font-size: 1.5rem;
    color: var(--six-color);
   
    
    
}

.headingurl h2{

    font-size: 2rem;
    color: var(--fifty-color);
   
}






.shop-container{

    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 0.1rem;
}

.shop-container .box{

    flex: 1 1 12rem;
    background: var(--six-color);
    padding: px;
    display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
    margin-top: 3rem;
    border-radius: 0.5rem;
}

.shop-container .box .stars .bx{

    color: #FFFFFF;
}

.shop-container .box h2{
    color: #FFFFFF;
    font-size: 1.2rem;

}

.shop-container .box span{
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 500;
    margin: 0.2rem 0 0.5rem;
}

.box .btn{

    border: 2px solid #ed7a21;
    color: #FFFF;
}

.box .btn:hover{
    background: #FFFFFF;
    color: var(--second-color);
    border: 2px solid #FFFFFF;
}






 


    

.locationcontents{

      align-items: center;

    }

 .locationcontents h2 {
      text-align: center;
      color: var(--six-color);
      margin-bottom: 10px;
      font-size: 1.5rem;
    }

 .locationcontents p.subtitle {
      text-align: center;
      color: #000000;
      max-width: 700px;
      margin: 0 auto 40px;
    }

    .highlight-grid {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px;
    }

    .highlight-card {
      background: white;
      border-radius: 16px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
      width: 100%;
      max-width: 350px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
    }

    .highlight-card img {
      width: 100%;
      height: 200px;
      object-fit: cover;
    }

    .highlight-card h3 {
      text-align: center;
      margin: 15px 0 5px;
      color: var(--six-color);
      font-size: 18px;
      text-transform: uppercase;
      border-bottom: 2px solid var(--six-color);
      display: inline-block;
      padding-bottom: 5px;
    }

    .highlight-card ul {
      list-style: disc;
      padding: 0 20px 20px 40px;
      margin: 0;
      color: #555;
      font-size: 14px;
    }

    @media (max-width: 768px) {
      .highlight-grid {
        flex-direction: column;
        align-items: center;
      }
    }



     .gallery-container {
      text-align: center;
      padding: 30px 10px;
      margin-top: -8%;
    }

    .gallery-container h2 {
      font-size: 24px;
      font-weight: bold;
      margin-bottom: 10px;
      text-transform: uppercase;
      color: var(--six-color);
    }

    .divider {
      font-size: 24px;
      margin-bottom: px;
    }

    .carousel {
      display: flex;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      gap: 20px;
      padding: 0 10px;
      scroll-behavior: smooth;
    }

    .carousel::-webkit-scrollbar {
      display: none;
    }

    .carousel img {
      flex: 0 0 auto;
      width: 100%;
      max-width: 500px;
      height: auto;
      scroll-snap-align: center;
      border-radius: 10px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    }

    .carousel-controls {
      margin-top: 20px;
    }

    .control-btn {
      background: none;
      border: 4px solid var(--six-color);
      color: var(--six-color);
      padding: 20px;
      font-size: 18px;
      border-radius: 50%;
      cursor: pointer;
      margin: 0 10px;
      transition: all 0.3s ease;
    }

    .control-btn:hover {
      background-color: var(--six-color);
      color: white;
    }

    @media (max-width: 768px) {
      .gallery-title {
        font-size: 20px;
      }
    }

    @media (max-width: 480px) {
      .carousel img {
        max-width: 100%;
      }
    }


    .about-container {
      max-width: 1100px;
      text-align: center;
      align-items: center;
      margin-top: -5%;
      
    }

    .about-container h1 {
      color: var(--six-color);
      font-size: 1.9em;
      margin-bottom: 20px;
      text-align: center;
      align-items: center;
      margin-right: 6%;
    }

    .about-container p {
      font-size: 0.9rem;
      line-height: 1.6;
      text-align: center;
      align-items: center;
      margin-right: 6%;
    }

    

    @media (max-width: 600px) {
      .about-container h1 {
        font-size: 1.5em;
      }

     .about-container p {
        font-size: 0.95em;
      }
    }

    

    @media (max-width: 452px) {
      .about-container h1 {
        font-size: 1.5em;
        margin-left: 4%;
      }

     .about-container p {
        font-size: 0.95em;
        margin-left: 4%;
      }
    }




   


.privacy{


    margin: 0;
    font-family: Arial, sans-serif;
    background-color: var(--six-color);
    color: white;
    padding: 25px;
}

.footering {
  background-color: var(--six-color); /* greenish background */
  color: white;
  text-align: center;
  padding: 1rem;
  font-weight: bold;
  font-size: 1rem;
  
}

@media (max-width: 600px) {
  .footer {
    font-size: 0.9rem;
    padding: 0.8rem;
  }
}



  
     

    }







    





























    @media (max-width: 412px) {


  /* .home{

    width: 100%;
    min-height: 98vh;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #ebdbc8;
    gap: 1rem;
    background-image: url(./Porur/Apartments\ For\ Sale\ in\ Porur.png);
    background-size: cover;
}

.home-text {

    flex: 1 1 17rem;

}

.home-img{
    flex: 1 1 17rem;
}

.home-img img{

    animation: animate 3s linear infinite;
}
@keyframes animate{
    0%{
        transform: translate(-11px, 0);
    }

    50%{
        transform: translate(-0px, -11px);
    }

    100%{
        transform: translate(-11px, 0);
    }
}

.home-text span{
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--second-color);
    
    
}

.home-text h1{

    font-size: 3.2rem;
    color: var(--main-color);
    font-weight: bolder ;
}

.home-text h2{

    font-size: 1.8rem;
    font-weight: 600;
    color: var(--second-color);
    text-transform: uppercase;
    margin: 0.5rem 0 1.4rem;
}

.btn{

    padding: 7px 16px;
    border: 2px solid var(--fourth-color);
    border-radius: 40px;
    color: var(--third-color);
    font-weight: 500;
    background: var(--fourth-color);
}

.btn:hover{

    color: #fff;
    background: var(--main-color);
    border: 2px solid var(--main-color);
    
} */


.crm-form-container {
      background: #fff;
      padding: 30px;
      border-radius: 10px;
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
      width: 100%;
      max-width: 500px;
      margin-left: -0.1%;
      margin-top: 2%;
     
    }

    /* Submit button override (if allowed by Sell.Do) */
    .crm-form-container input[type="submit"],
    .crm-form-container button[type="submit"] {
      background-color: #fe1e51 !important;
      color: #fff !important;
      border: none !important;
      padding: 10px 20px;
      font-size: 16px;
      border-radius: 5px;
      cursor: pointer;
    }

    .crm-form-container input[type="submit"]:hover,
    .crm-form-container button[type="submit"]:hover {
      background-color: #e9741f !important;
    }

.heading {

    text-align: center;
    text-transform: uppercase;

}

.heading span{

    font-size: 0.8rem;
    font-weight: 600;
    color: var(--second-color)
}

.heading h1{

    font-size: 1.5rem;
    color: var(--six-color);
    
}

.heading h2{

    font-size: 2rem;
    color: var(--fifty-color);
}


.headings {

    text-align: center;
    text-transform: uppercase;

}

.headings span{

    font-size: 1rem;
    font-weight: 600;
    color: var(--second-color)
}

.headings h1{

    font-size: 2rem;
    color: var(--main-color);
}

.headings h2{

    font-size: 2rem;
    color: var(--fifty-color);
}

.container {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      padding: 2rem;
      max-width: 1500px;
      margin: auto;
    }

    .textss-content {
      flex: 1 1 500px;
      padding: 1rem;
    }

    .textss-content h2 {
      color: #c2481e;
      font-size: 2rem;
      font-weight: bold;
      margin-bottom: 1rem;
      margin-right: 2rem;
    }

    .textss-content p {
      line-height: 1.6;
      font-size: 1rem;
      margin-bottom: 1rem;
      
      
    }

    .book-btn {
      display: inline-block;
      padding: 0.8rem 2rem;
      background-color: #8c2f1d;
      color: white;
      font-weight: bold;
      font-size: 1rem;
      border: none;
      border-radius: 30px;
      text-decoration: none;
      margin-top: 1rem;
    }

    .image-content {
      flex: 1 1 400px;
      padding: 1rem;
      margin-bottom: -48%;
    }

    .image-content img {
      width: 100%;
      height: auto;
      border-radius: 15px;
      box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    }

    @media (max-width: 768px) {
      .container {
        flex-direction: column;
        text-align: center;
      }

      .textss-content, .image-content {
        padding: 1rem 0;
      }
    }

/* ------------------------2 SECTION HEADINGS---------------------> */

.headingurl {

    text-align: center;
    text-transform: uppercase;
    margin-top: -8%;
   

}

.headingurl span{

    font-size: 0.8rem;
    font-weight: 600;
    color: var(--second-color);
    
}

.headingurl h1{

    font-size: 1.5rem;
    color: var(--six-color);
   
    
    
}

.headingurl h2{

    font-size: 2rem;
    color: var(--fifty-color);
   
}






.shop-container{

    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 0.1rem;
}

.shop-container .box{

    flex: 1 1 12rem;
    background: var(--six-color);
    padding: px;
    display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
    margin-top: 3rem;
    border-radius: 0.5rem;
}

.shop-container .box .stars .bx{

    color: #FFFFFF;
}

.shop-container .box h2{
    color: #FFFFFF;
    font-size: 1.2rem;

}

.shop-container .box span{
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 500;
    margin: 0.2rem 0 0.5rem;
}

.box .btn{

    border: 2px solid #ed7a21;
    color: #FFFF;
}

.box .btn:hover{
    background: #FFFFFF;
    color: var(--second-color);
    border: 2px solid #FFFFFF;
}






 


    

.locationcontents{

      align-items: center;

    }

 .locationcontents h2 {
      text-align: center;
      color: var(--six-color);
      margin-bottom: 10px;
      font-size: 1.5rem;
    }

 .locationcontents p.subtitle {
      text-align: center;
      color: #000000;
      max-width: 700px;
      margin: 0 auto 40px;
    }

    .highlight-grid {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px;
    }

    .highlight-card {
      background: white;
      border-radius: 16px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
      width: 100%;
      max-width: 350px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
    }

    .highlight-card img {
      width: 100%;
      height: 200px;
      object-fit: cover;
    }

    .highlight-card h3 {
      text-align: center;
      margin: 15px 0 5px;
      color: var(--six-color);
      font-size: 18px;
      text-transform: uppercase;
      border-bottom: 2px solid var(--six-color);
      display: inline-block;
      padding-bottom: 5px;
    }

    .highlight-card ul {
      list-style: disc;
      padding: 0 20px 20px 40px;
      margin: 0;
      color: #555;
      font-size: 14px;
    }

    @media (max-width: 768px) {
      .highlight-grid {
        flex-direction: column;
        align-items: center;
      }
    }



     .gallery-container {
      text-align: center;
      padding: 30px 10px;
      margin-top: -8%;
    }

    .gallery-container h2 {
      font-size: 24px;
      font-weight: bold;
      margin-bottom: 10px;
      text-transform: uppercase;
      color: var(--six-color);
    }

    .divider {
      font-size: 24px;
      margin-bottom: px;
    }

    .carousel {
      display: flex;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      gap: 20px;
      padding: 0 10px;
      scroll-behavior: smooth;
    }

    .carousel::-webkit-scrollbar {
      display: none;
    }

    .carousel img {
      flex: 0 0 auto;
      width: 100%;
      max-width: 500px;
      height: auto;
      scroll-snap-align: center;
      border-radius: 10px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    }

    .carousel-controls {
      margin-top: 20px;
    }

    .control-btn {
      background: none;
      border: 4px solid var(--six-color);
      color: var(--six-color);
      padding: 20px;
      font-size: 18px;
      border-radius: 50%;
      cursor: pointer;
      margin: 0 10px;
      transition: all 0.3s ease;
    }

    .control-btn:hover {
      background-color: var(--six-color);
      color: white;
    }

    @media (max-width: 768px) {
      .gallery-title {
        font-size: 20px;
      }
    }

    @media (max-width: 480px) {
      .carousel img {
        max-width: 100%;
      }
    }


    .about-container {
      max-width: 1100px;
      text-align: center;
      align-items: center;
      margin-top: -5%;
      
    }

    .about-container h1 {
      color: var(--six-color);
      font-size: 1.9em;
      margin-bottom: 20px;
      text-align: center;
      align-items: center;
      margin-right: 6%;
    }

    .about-container p {
      font-size: 0.9rem;
      line-height: 1.6;
      text-align: center;
      align-items: center;
      margin-right: 6%;
    }

    

    @media (max-width: 600px) {
      .about-container h1 {
        font-size: 1.5em;
      }

     .about-container p {
        font-size: 0.95em;
      }
    }

    

    @media (max-width: 452px) {
      .about-container h1 {
        font-size: 1.5em;
        margin-left: 4%;
      }

     .about-container p {
        font-size: 0.95em;
        margin-left: 4%;
      }
    }




   


.privacy{


    margin: 0;
    font-family: Arial, sans-serif;
    background-color: var(--six-color);
    color: white;
    padding: 25px;
}

.footering {
  background-color: var(--six-color); /* greenish background */
  color: white;
  text-align: center;
  padding: 1rem;
  font-weight: bold;
  font-size: 1rem;
  
}

@media (max-width: 600px) {
  .footer {
    font-size: 0.9rem;
    padding: 0.8rem;
  }
}



  
     

    }









    






    @media (max-width: 393px) {


  /* .home{

    width: 100%;
    min-height: 98vh;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #ebdbc8;
    gap: 1rem;
    background-image: url(./Porur/Apartments\ For\ Sale\ in\ Porur.png);
    background-size: cover;
}

.home-text {

    flex: 1 1 17rem;

}

.home-img{
    flex: 1 1 17rem;
}

.home-img img{

    animation: animate 3s linear infinite;
}
@keyframes animate{
    0%{
        transform: translate(-11px, 0);
    }

    50%{
        transform: translate(-0px, -11px);
    }

    100%{
        transform: translate(-11px, 0);
    }
}

.home-text span{
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--second-color);
    
    
}

.home-text h1{

    font-size: 3.2rem;
    color: var(--main-color);
    font-weight: bolder ;
}

.home-text h2{

    font-size: 1.8rem;
    font-weight: 600;
    color: var(--second-color);
    text-transform: uppercase;
    margin: 0.5rem 0 1.4rem;
}

.btn{

    padding: 7px 16px;
    border: 2px solid var(--fourth-color);
    border-radius: 40px;
    color: var(--third-color);
    font-weight: 500;
    background: var(--fourth-color);
}

.btn:hover{

    color: #fff;
    background: var(--main-color);
    border: 2px solid var(--main-color);
    
} */


.crm-form-container {
      background: #fff;
      padding: 30px;
      border-radius: 10px;
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
      width: 100%;
      max-width: 500px;
      margin-left: -0.1%;
      margin-top: 2%;
     
    }

    /* Submit button override (if allowed by Sell.Do) */
    .crm-form-container input[type="submit"],
    .crm-form-container button[type="submit"] {
      background-color: #fe1e51 !important;
      color: #fff !important;
      border: none !important;
      padding: 10px 20px;
      font-size: 16px;
      border-radius: 5px;
      cursor: pointer;
    }

    .crm-form-container input[type="submit"]:hover,
    .crm-form-container button[type="submit"]:hover {
      background-color: #e9741f !important;
    }

.heading {

    text-align: center;
    text-transform: uppercase;

}

.heading span{

    font-size: 0.8rem;
    font-weight: 600;
    color: var(--second-color)
}

.heading h1{

    font-size: 1.5rem;
    color: var(--six-color);
    
}

.heading h2{

    font-size: 2rem;
    color: var(--fifty-color);
}


.headings {

    text-align: center;
    text-transform: uppercase;

}

.headings span{

    font-size: 1rem;
    font-weight: 600;
    color: var(--second-color)
}

.headings h1{

    font-size: 2rem;
    color: var(--main-color);
}

.headings h2{

    font-size: 2rem;
    color: var(--fifty-color);
}

.container {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      padding: 2rem;
      max-width: 1500px;
      margin: auto;
    }

    .textss-content {
      flex: 1 1 500px;
      padding: 1rem;
    }

    .textss-content h2 {
      color: #c2481e;
      font-size: 2rem;
      font-weight: bold;
      margin-bottom: 1rem;
      margin-right: 2rem;
    }

    .textss-content p {
      line-height: 1.6;
      font-size: 1rem;
      margin-bottom: 1rem;
      
      
    }

    .book-btn {
      display: inline-block;
      padding: 0.8rem 2rem;
      background-color: #8c2f1d;
      color: white;
      font-weight: bold;
      font-size: 1rem;
      border: none;
      border-radius: 30px;
      text-decoration: none;
      margin-top: 1rem;
    }

    .image-content {
      flex: 1 1 400px;
      padding: 1rem;
      margin-bottom: -60%;
    }

    .image-content img {
      width: 100%;
      height: auto;
      border-radius: 15px;
      box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    }

    @media (max-width: 768px) {
      .container {
        flex-direction: column;
        text-align: center;
      }

      .textss-content, .image-content {
        padding: 1rem 0;
      }
    }

/* ------------------------2 SECTION HEADINGS---------------------> */

.headingurl {

    text-align: center;
    text-transform: uppercase;
    margin-top: -8%;
   

}

.headingurl span{

    font-size: 0.8rem;
    font-weight: 600;
    color: var(--second-color);
    
}

.headingurl h1{

    font-size: 1.5rem;
    color: var(--six-color);
   
    
    
}

.headingurl h2{

    font-size: 2rem;
    color: var(--fifty-color);
   
}






.shop-container{

    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 0.1rem;
}

.shop-container .box{

    flex: 1 1 12rem;
    background: var(--six-color);
    padding: px;
    display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
    margin-top: 3rem;
    border-radius: 0.5rem;
}

.shop-container .box .stars .bx{

    color: #FFFFFF;
}

.shop-container .box h2{
    color: #FFFFFF;
    font-size: 1.2rem;

}

.shop-container .box span{
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 500;
    margin: 0.2rem 0 0.5rem;
}

.box .btn{

    border: 2px solid #ed7a21;
    color: #FFFF;
}

.box .btn:hover{
    background: #FFFFFF;
    color: var(--second-color);
    border: 2px solid #FFFFFF;
}






 


    

.locationcontents{

      align-items: center;

    }

 .locationcontents h2 {
      text-align: center;
      color: var(--six-color);
      margin-bottom: 10px;
      font-size: 1.5rem;
    }

 .locationcontents p.subtitle {
      text-align: center;
      color: #000000;
      max-width: 700px;
      margin: 0 auto 40px;
    }

    .highlight-grid {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px;
    }

    .highlight-card {
      background: white;
      border-radius: 16px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
      width: 100%;
      max-width: 350px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
    }

    .highlight-card img {
      width: 100%;
      height: 200px;
      object-fit: cover;
    }

    .highlight-card h3 {
      text-align: center;
      margin: 15px 0 5px;
      color: var(--six-color);
      font-size: 18px;
      text-transform: uppercase;
      border-bottom: 2px solid var(--six-color);
      display: inline-block;
      padding-bottom: 5px;
    }

    .highlight-card ul {
      list-style: disc;
      padding: 0 20px 20px 40px;
      margin: 0;
      color: #555;
      font-size: 14px;
    }

    @media (max-width: 768px) {
      .highlight-grid {
        flex-direction: column;
        align-items: center;
      }
    }



     .gallery-container {
      text-align: center;
      padding: 30px 10px;
    }

    .gallery-container h2 {
      font-size: 24px;
      font-weight: bold;
      margin-bottom: 10px;
      text-transform: uppercase;
      color: var(--six-color);
    }

    .divider {
      font-size: 24px;
      margin-bottom: px;
    }

    .carousel {
      display: flex;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      gap: 20px;
      padding: 0 10px;
      scroll-behavior: smooth;
    }

    .carousel::-webkit-scrollbar {
      display: none;
    }

    .carousel img {
      flex: 0 0 auto;
      width: 100%;
      max-width: 500px;
      height: auto;
      scroll-snap-align: center;
      border-radius: 10px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    }

    .carousel-controls {
      margin-top: 20px;
    }

    .control-btn {
      background: none;
      border: 4px solid var(--six-color);
      color: var(--six-color);
      padding: 20px;
      font-size: 18px;
      border-radius: 50%;
      cursor: pointer;
      margin: 0 10px;
      transition: all 0.3s ease;
    }

    .control-btn:hover {
      background-color: var(--six-color);
      color: white;
    }

    @media (max-width: 768px) {
      .gallery-title {
        font-size: 20px;
      }
    }

    @media (max-width: 480px) {
      .carousel img {
        max-width: 100%;
      }
    }


    .about-container {
      max-width: 1100px;
      text-align: center;
      align-items: center;
      margin-top: -5%;
      
    }

    .about-container h1 {
      color: var(--six-color);
      font-size: 1.9em;
      margin-bottom: 20px;
      text-align: center;
      align-items: center;
      margin-right: 6%;
    }

    .about-container p {
      font-size: 0.9rem;
      line-height: 1.6;
      text-align: center;
      align-items: center;
      margin-right: 6%;
    }

    

    @media (max-width: 600px) {
      .about-container h1 {
        font-size: 1.5em;
      }

     .about-container p {
        font-size: 0.95em;
      }
    }

    

    @media (max-width: 452px) {
      .about-container h1 {
        font-size: 1.5em;
        margin-left: 4%;
      }

     .about-container p {
        font-size: 0.95em;
        margin-left: 4%;
      }
    }




   


.privacy{


    margin: 0;
    font-family: Arial, sans-serif;
    background-color: var(--six-color);
    color: white;
    padding: 25px;
}

.footering {
  background-color: var(--six-color); /* greenish background */
  color: white;
  text-align: center;
  padding: 1rem;
  font-weight: bold;
  font-size: 1rem;
  
}

@media (max-width: 600px) {
  .footer {
    font-size: 0.9rem;
    padding: 0.8rem;
  }
}



  
     

    }









     @media (max-width: 390px) {


  /* .home{

    width: 100%;
    min-height: 101vh;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #ebdbc8;
    gap: 1rem;
    background-image: url(./Porur/Apartments\ For\ Sale\ in\ Porur.png);
    background-size: cover;
}

.home-text {

    flex: 1 1 17rem;

}

.home-img{
    flex: 1 1 17rem;
}

.home-img img{

    animation: animate 3s linear infinite;
}
@keyframes animate{
    0%{
        transform: translate(-11px, 0);
    }

    50%{
        transform: translate(-0px, -11px);
    }

    100%{
        transform: translate(-11px, 0);
    }
}

.home-text span{
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--second-color);
    
    
}

.home-text h1{

    font-size: 3.2rem;
    color: var(--main-color);
    font-weight: bolder ;
}

.home-text h2{

    font-size: 1.8rem;
    font-weight: 600;
    color: var(--second-color);
    text-transform: uppercase;
    margin: 0.5rem 0 1.4rem;
}

.btn{

    padding: 7px 16px;
    border: 2px solid var(--fourth-color);
    border-radius: 40px;
    color: var(--third-color);
    font-weight: 500;
    background: var(--fourth-color);
}

.btn:hover{

    color: #fff;
    background: var(--main-color);
    border: 2px solid var(--main-color);
    
} */


.crm-form-container {
      background: #fff;
      padding: 30px;
      border-radius: 10px;
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
      width: 100%;
      max-width: 500px;
      margin-left: -0.1%;
      margin-top: 2%;
     
    }

    /* Submit button override (if allowed by Sell.Do) */
    .crm-form-container input[type="submit"],
    .crm-form-container button[type="submit"] {
      background-color: #fe1e51 !important;
      color: #fff !important;
      border: none !important;
      padding: 10px 20px;
      font-size: 16px;
      border-radius: 5px;
      cursor: pointer;
    }

    .crm-form-container input[type="submit"]:hover,
    .crm-form-container button[type="submit"]:hover {
      background-color: #e9741f !important;
    }

.heading {

    text-align: center;
    text-transform: uppercase;

}

.heading span{

    font-size: 0.8rem;
    font-weight: 600;
    color: var(--second-color)
}

.heading h1{

    font-size: 1.5rem;
    color: var(--six-color);
    
}

.heading h2{

    font-size: 2rem;
    color: var(--fifty-color);
}


.headings {

    text-align: center;
    text-transform: uppercase;

}

.headings span{

    font-size: 1rem;
    font-weight: 600;
    color: var(--second-color)
}

.headings h1{

    font-size: 2rem;
    color: var(--main-color);
}

.headings h2{

    font-size: 2rem;
    color: var(--fifty-color);
}

.container {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      padding: 2rem;
      max-width: 1500px;
      margin: auto;
    }

    .textss-content {
      flex: 1 1 500px;
      padding: 1rem;
    }

    .textss-content h2 {
      color: #c2481e;
      font-size: 2rem;
      font-weight: bold;
      margin-bottom: 1rem;
      margin-right: 2rem;
    }

    .textss-content p {
      line-height: 1.6;
      font-size: 1rem;
      margin-bottom: 1rem;
      
      
    }

    .book-btn {
      display: inline-block;
      padding: 0.8rem 2rem;
      background-color: #8c2f1d;
      color: white;
      font-weight: bold;
      font-size: 1rem;
      border: none;
      border-radius: 30px;
      text-decoration: none;
      margin-top: 1rem;
    }

    .image-content {
      flex: 1 1 400px;
      padding: 1rem;
      margin-bottom: -60%;
    }

    .image-content img {
      width: 100%;
      height: auto;
      border-radius: 15px;
      box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    }

    @media (max-width: 768px) {
      .container {
        flex-direction: column;
        text-align: center;
      }

      .textss-content, .image-content {
        padding: 1rem 0;
      }
    }

/* ------------------------2 SECTION HEADINGS---------------------> */

.headingurl {

    text-align: center;
    text-transform: uppercase;
    margin-top: -8%;
   

}

.headingurl span{

    font-size: 0.8rem;
    font-weight: 600;
    color: var(--second-color);
    
}

.headingurl h1{

    font-size: 1.5rem;
    color: var(--six-color);
   
    
    
}

.headingurl h2{

    font-size: 2rem;
    color: var(--fifty-color);
   
}






.shop-container{

    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 0.1rem;
}

.shop-container .box{

    flex: 1 1 12rem;
    background: var(--six-color);
    padding: px;
    display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
    margin-top: 3rem;
    border-radius: 0.5rem;
}

.shop-container .box .stars .bx{

    color: #FFFFFF;
}

.shop-container .box h2{
    color: #FFFFFF;
    font-size: 1.2rem;

}

.shop-container .box span{
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 500;
    margin: 0.2rem 0 0.5rem;
}

.box .btn{

    border: 2px solid #ed7a21;
    color: #FFFF;
}

.box .btn:hover{
    background: #FFFFFF;
    color: var(--second-color);
    border: 2px solid #FFFFFF;
}






 


    

.locationcontents{

      align-items: center;

    }

 .locationcontents h2 {
      text-align: center;
      color: var(--six-color);
      margin-bottom: 10px;
      font-size: 1.5rem;
    }

 .locationcontents p.subtitle {
      text-align: center;
      color: #000000;
      max-width: 700px;
      margin: 0 auto 40px;
    }

    .highlight-grid {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px;
    }

    .highlight-card {
      background: white;
      border-radius: 16px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
      width: 100%;
      max-width: 350px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
    }

    .highlight-card img {
      width: 100%;
      height: 200px;
      object-fit: cover;
    }

    .highlight-card h3 {
      text-align: center;
      margin: 15px 0 5px;
      color: var(--six-color);
      font-size: 18px;
      text-transform: uppercase;
      border-bottom: 2px solid var(--six-color);
      display: inline-block;
      padding-bottom: 5px;
    }

    .highlight-card ul {
      list-style: disc;
      padding: 0 20px 20px 40px;
      margin: 0;
      color: #555;
      font-size: 14px;
    }

    @media (max-width: 768px) {
      .highlight-grid {
        flex-direction: column;
        align-items: center;
      }
    }



     .gallery-container {
      text-align: center;
      padding: 30px 10px;
    }

    .gallery-container h2 {
      font-size: 24px;
      font-weight: bold;
      margin-bottom: 10px;
      text-transform: uppercase;
      color: var(--six-color);
    }

    .divider {
      font-size: 24px;
      margin-bottom: px;
    }

    .carousel {
      display: flex;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      gap: 20px;
      padding: 0 10px;
      scroll-behavior: smooth;
    }

    .carousel::-webkit-scrollbar {
      display: none;
    }

    .carousel img {
      flex: 0 0 auto;
      width: 100%;
      max-width: 500px;
      height: auto;
      scroll-snap-align: center;
      border-radius: 10px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    }

    .carousel-controls {
      margin-top: 20px;
    }

    .control-btn {
      background: none;
      border: 4px solid var(--six-color);
      color: var(--six-color);
      padding: 20px;
      font-size: 18px;
      border-radius: 50%;
      cursor: pointer;
      margin: 0 10px;
      transition: all 0.3s ease;
    }

    .control-btn:hover {
      background-color: var(--six-color);
      color: white;
    }

    @media (max-width: 768px) {
      .gallery-title {
        font-size: 20px;
      }
    }

    @media (max-width: 480px) {
      .carousel img {
        max-width: 100%;
      }
    }


    .about-container {
      max-width: 1100px;
      text-align: center;
      align-items: center;
      margin-top: -5%;
      
    }

    .about-container h1 {
      color: var(--six-color);
      font-size: 1.9em;
      margin-bottom: 20px;
      text-align: center;
      align-items: center;
      margin-right: 6%;
    }

    .about-container p {
      font-size: 0.9rem;
      line-height: 1.6;
      text-align: center;
      align-items: center;
      margin-right: 6%;
    }

    

    @media (max-width: 600px) {
      .about-container h1 {
        font-size: 1.5em;
      }

     .about-container p {
        font-size: 0.95em;
      }
    }

    

    @media (max-width: 452px) {
      .about-container h1 {
        font-size: 1.5em;
        margin-left: 4%;
      }

     .about-container p {
        font-size: 0.95em;
        margin-left: 4%;
      }
    }




   


.privacy{


    margin: 0;
    font-family: Arial, sans-serif;
    background-color: var(--six-color);
    color: white;
    padding: 25px;
}

.footering {
  background-color: var(--six-color); /* greenish background */
  color: white;
  text-align: center;
  padding: 1rem;
  font-weight: bold;
  font-size: 1rem;
  
}

@media (max-width: 600px) {
  .footer {
    font-size: 0.9rem;
    padding: 0.8rem;
  }
}



  
     

    }














    


    





    




    
    @media (max-width: 375px) {


  /* .home{

    width: 100%;
    min-height: 98vh;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #ebdbc8;
    gap: 1rem;
    background-image: url(./Porur/Apartments\ For\ Sale\ in\ Porur.png);
    background-size: cover;
}

.home-text {

    flex: 1 1 17rem;

}

.home-img{
    flex: 1 1 17rem;
}

.home-img img{

    animation: animate 3s linear infinite;
}
@keyframes animate{
    0%{
        transform: translate(-11px, 0);
    }

    50%{
        transform: translate(-0px, -11px);
    }

    100%{
        transform: translate(-11px, 0);
    }
}

.home-text span{
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--second-color);
    
    
}

.home-text h1{

    font-size: 3.2rem;
    color: var(--main-color);
    font-weight: bolder ;
}

.home-text h2{

    font-size: 1.8rem;
    font-weight: 600;
    color: var(--second-color);
    text-transform: uppercase;
    margin: 0.5rem 0 1.4rem;
}

.btn{

    padding: 7px 16px;
    border: 2px solid var(--fourth-color);
    border-radius: 40px;
    color: var(--third-color);
    font-weight: 500;
    background: var(--fourth-color);
}

.btn:hover{

    color: #fff;
    background: var(--main-color);
    border: 2px solid var(--main-color);
    
} */

.heading {

    text-align: center;
    text-transform: uppercase;

}

.heading span{

    font-size: 0.8rem;
    font-weight: 600;
    color: var(--second-color)
}

.heading h1{

    font-size: 1.5rem;
    color: var(--six-color);
    
}

.heading h2{

    font-size: 2rem;
    color: var(--fifty-color);
}


.headings {

    text-align: center;
    text-transform: uppercase;

}

.headings span{

    font-size: 1rem;
    font-weight: 600;
    color: var(--second-color)
}

.headings h1{

    font-size: 2rem;
    color: var(--main-color);
}

.headings h2{

    font-size: 2rem;
    color: var(--fifty-color);
}

.container {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      padding: 2rem;
      max-width: 1500px;
      margin: auto;
    }

    .textss-content {
      flex: 1 1 500px;
      padding: 1rem;
    }

    .textss-content h2 {
      color: #c2481e;
      font-size: 2rem;
      font-weight: bold;
      margin-bottom: 1rem;
      margin-right: 2rem;
    }

    .textss-content p {
      line-height: 1.6;
      font-size: 1rem;
      margin-bottom: 1rem;
      
      
    }

    .book-btn {
      display: inline-block;
      padding: 0.8rem 2rem;
      background-color: #8c2f1d;
      color: white;
      font-weight: bold;
      font-size: 1rem;
      border: none;
      border-radius: 30px;
      text-decoration: none;
      margin-top: 1rem;
    }

    .image-content {
      flex: 1 1 400px;
      padding: 1rem;
      margin-bottom: -60%;
    }

    .image-content img {
      width: 100%;
      height: auto;
      border-radius: 15px;
      box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    }

    @media (max-width: 768px) {
      .container {
        flex-direction: column;
        text-align: center;
      }

      .textss-content, .image-content {
        padding: 1rem 0;
      }
    }

/* ------------------------2 SECTION HEADINGS---------------------> */

.headingurl {

    text-align: center;
    text-transform: uppercase;
    margin-top: -9%;
   

}

.headingurl span{

    font-size: 0.8rem;
    font-weight: 600;
    color: var(--second-color);
    
}

.headingurl h1{

    font-size: 1.5rem;
    color: var(--six-color);
   
    
    
}

.headingurl h2{

    font-size: 2rem;
    color: var(--fifty-color);
   
}






.shop-container{

    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 0.1rem;
}

.shop-container .box{

    flex: 1 1 12rem;
    background: var(--six-color);
    padding: px;
    display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
    margin-top: 3rem;
    border-radius: 0.5rem;
}

.shop-container .box .stars .bx{

    color: #FFFFFF;
}

.shop-container .box h2{
    color: #FFFFFF;
    font-size: 1.2rem;

}

.shop-container .box span{
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 500;
    margin: 0.2rem 0 0.5rem;
}

.box .btn{

    border: 2px solid #ed7a21;
    color: #FFFF;
}

.box .btn:hover{
    background: #FFFFFF;
    color: var(--second-color);
    border: 2px solid #FFFFFF;
}






 


    

.locationcontents{

      align-items: center;

    }

 .locationcontents h2 {
      text-align: center;
      color: var(--six-color);
      margin-bottom: 10px;
      font-size: 1.5rem;
    }

 .locationcontents p.subtitle {
      text-align: center;
      color: #000000;
      max-width: 700px;
      margin: 0 auto 40px;
    }

    .highlight-grid {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px;
    }

    .highlight-card {
      background: white;
      border-radius: 16px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
      width: 100%;
      max-width: 350px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
    }

    .highlight-card img {
      width: 100%;
      height: 200px;
      object-fit: cover;
    }

    .highlight-card h3 {
      text-align: center;
      margin: 15px 0 5px;
      color: var(--six-color);
      font-size: 18px;
      text-transform: uppercase;
      border-bottom: 2px solid var(--six-color);
      display: inline-block;
      padding-bottom: 5px;
    }

    .highlight-card ul {
      list-style: disc;
      padding: 0 20px 20px 40px;
      margin: 0;
      color: #555;
      font-size: 14px;
    }

    @media (max-width: 768px) {
      .highlight-grid {
        flex-direction: column;
        align-items: center;
      }
    }



     .gallery-container {
      text-align: center;
      padding: 30px 10px;
      margin-top: -8%;
    }

    .gallery-container h2 {
      font-size: 24px;
      font-weight: bold;
      margin-bottom: 10px;
      text-transform: uppercase;
      color: var(--six-color);
    }

    .divider {
      font-size: 24px;
      margin-bottom: px;
    }

    .carousel {
      display: flex;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      gap: 20px;
      padding: 0 10px;
      scroll-behavior: smooth;
    }

    .carousel::-webkit-scrollbar {
      display: none;
    }

    .carousel img {
      flex: 0 0 auto;
      width: 100%;
      max-width: 500px;
      height: auto;
      scroll-snap-align: center;
      border-radius: 10px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    }

    .carousel-controls {
      margin-top: 20px;
    }

    .control-btn {
      background: none;
      border: 4px solid var(--six-color);
      color: var(--six-color);
      padding: 20px;
      font-size: 18px;
      border-radius: 50%;
      cursor: pointer;
      margin: 0 10px;
      transition: all 0.3s ease;
    }

    .control-btn:hover {
      background-color: var(--six-color);
      color: white;
    }

    @media (max-width: 768px) {
      .gallery-title {
        font-size: 20px;
      }
    }

    @media (max-width: 480px) {
      .carousel img {
        max-width: 100%;
      }
    }


    .about-container {
      max-width: 1100px;
      text-align: center;
      align-items: center;
      margin-top: -5%;
      
    }

    .about-container h1 {
      color: var(--six-color);
      font-size: 1.9em;
      margin-bottom: 20px;
      text-align: center;
      align-items: center;
      margin-right: 6%;
    }

    .about-container p {
      font-size: 0.9rem;
      line-height: 1.6;
      text-align: center;
      align-items: center;
      margin-right: 6%;
    }

    

    @media (max-width: 600px) {
      .about-container h1 {
        font-size: 1.5em;
      }

     .about-container p {
        font-size: 0.95em;
      }
    }

    

    @media (max-width: 452px) {
      .about-container h1 {
        font-size: 1.5em;
        margin-left: 4%;
      }

     .about-container p {
        font-size: 0.95em;
        margin-left: 4%;
      }
    }




   


.privacy{


    margin: 0;
    font-family: Arial, sans-serif;
    background-color: var(--six-color);
    color: white;
    padding: 25px;
}

.footering {
  background-color: var(--six-color); /* greenish background */
  color: white;
  text-align: center;
  padding: 1rem;
  font-weight: bold;
  font-size: 1rem;
  
}

@media (max-width: 600px) {
  .footer {
    font-size: 0.9rem;
    padding: 0.8rem;
  }
}



  
     

    }




        @media (max-width: 360px) {


  /* .home{

    width: 100%;
    min-height: 100vh;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #ebdbc8;
    gap: 1rem;
    background-image: url(./Porur/Apartments\ For\ Sale\ in\ Porur.png);
    background-size: cover;
}

.home-text {

    flex: 1 1 17rem;

}

.home-img{
    flex: 1 1 17rem;
}

.home-img img{

    animation: animate 3s linear infinite;
}
@keyframes animate{
    0%{
        transform: translate(-11px, 0);
    }

    50%{
        transform: translate(-0px, -11px);
    }

    100%{
        transform: translate(-11px, 0);
    }
}

.home-text span{
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--second-color);
    
    
}

.home-text h1{

    font-size: 3.2rem;
    color: var(--main-color);
    font-weight: bolder ;
}

.home-text h2{

    font-size: 1.8rem;
    font-weight: 600;
    color: var(--second-color);
    text-transform: uppercase;
    margin: 0.5rem 0 1.4rem;
}

.btn{

    padding: 7px 16px;
    border: 2px solid var(--fourth-color);
    border-radius: 40px;
    color: var(--third-color);
    font-weight: 500;
    background: var(--fourth-color);
}

.btn:hover{

    color: #fff;
    background: var(--main-color);
    border: 2px solid var(--main-color);
    
} */

.heading {

    text-align: center;
    text-transform: uppercase;

}

.heading span{

    font-size: 0.8rem;
    font-weight: 600;
    color: var(--second-color)
}

.heading h1{

    font-size: 1.5rem;
    color: var(--six-color);
    
}

.heading h2{

    font-size: 2rem;
    color: var(--fifty-color);
}


.headings {

    text-align: center;
    text-transform: uppercase;

}

.headings span{

    font-size: 1rem;
    font-weight: 600;
    color: var(--second-color)
}

.headings h1{

    font-size: 2rem;
    color: var(--main-color);
}

.headings h2{

    font-size: 2rem;
    color: var(--fifty-color);
}

.container {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      padding: 2rem;
      max-width: 1500px;
      margin: auto;
    }

    .textss-content {
      flex: 1 1 500px;
      padding: 1rem;
    }

    .textss-content h2 {
      color: #c2481e;
      font-size: 2rem;
      font-weight: bold;
      margin-bottom: 1rem;
      margin-right: 2rem;
    }

    .textss-content p {
      line-height: 1.6;
      font-size: 1rem;
      margin-bottom: 1rem;
      
      
    }

    .book-btn {
      display: inline-block;
      padding: 0.8rem 2rem;
      background-color: #8c2f1d;
      color: white;
      font-weight: bold;
      font-size: 1rem;
      border: none;
      border-radius: 30px;
      text-decoration: none;
      margin-top: 1rem;
    }

    .image-content {
      flex: 1 1 400px;
      padding: 1rem;
      margin-bottom: -70%;
    }

    .image-content img {
      width: 100%;
      height: auto;
      border-radius: 15px;
      box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    }

    @media (max-width: 768px) {
      .container {
        flex-direction: column;
        text-align: center;
      }

      .textss-content, .image-content {
        padding: 1rem 0;
      }
    }

/* ------------------------2 SECTION HEADINGS---------------------> */

.headingurl {

    text-align: center;
    text-transform: uppercase;
    margin-top: -8%;
   

}

.headingurl span{

    font-size: 0.8rem;
    font-weight: 600;
    color: var(--second-color);
    
}

.headingurl h1{

    font-size: 1.5rem;
    color: var(--six-color);
   
    
    
}

.headingurl h2{

    font-size: 2rem;
    color: var(--fifty-color);
   
}






.shop-container{

    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 0.1rem;
}

.shop-container .box{

    flex: 1 1 12rem;
    background: var(--six-color);
    padding: px;
    display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
    margin-top: 3rem;
    border-radius: 0.5rem;
}

.shop-container .box .stars .bx{

    color: #FFFFFF;
}

.shop-container .box h2{
    color: #FFFFFF;
    font-size: 1.2rem;

}

.shop-container .box span{
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 500;
    margin: 0.2rem 0 0.5rem;
}

.box .btn{

    border: 2px solid #ed7a21;
    color: #FFFF;
}

.box .btn:hover{
    background: #FFFFFF;
    color: var(--second-color);
    border: 2px solid #FFFFFF;
}






 


    

.locationcontents{

      align-items: center;

    }

 .locationcontents h2 {
      text-align: center;
      color: var(--six-color);
      margin-bottom: 10px;
      font-size: 1.5rem;
    }

 .locationcontents p.subtitle {
      text-align: center;
      color: #000000;
      max-width: 700px;
      margin: 0 auto 40px;
    }

    .highlight-grid {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px;
    }

    .highlight-card {
      background: white;
      border-radius: 16px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
      width: 100%;
      max-width: 350px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
    }

    .highlight-card img {
      width: 100%;
      height: 200px;
      object-fit: cover;
    }

    .highlight-card h3 {
      text-align: center;
      margin: 15px 0 5px;
      color: var(--six-color);
      font-size: 18px;
      text-transform: uppercase;
      border-bottom: 2px solid var(--six-color);
      display: inline-block;
      padding-bottom: 5px;
    }

    .highlight-card ul {
      list-style: disc;
      padding: 0 20px 20px 40px;
      margin: 0;
      color: #555;
      font-size: 14px;
    }

    @media (max-width: 768px) {
      .highlight-grid {
        flex-direction: column;
        align-items: center;
      }
    }



     .gallery-container {
      text-align: center;
      padding: 30px 10px;
    }

    .gallery-container h2 {
      font-size: 24px;
      font-weight: bold;
      margin-bottom: 10px;
      text-transform: uppercase;
      color: var(--six-color);
    }

    .divider {
      font-size: 24px;
      margin-bottom: px;
    }

    .carousel {
      display: flex;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      gap: 20px;
      padding: 0 10px;
      scroll-behavior: smooth;
    }

    .carousel::-webkit-scrollbar {
      display: none;
    }

    .carousel img {
      flex: 0 0 auto;
      width: 100%;
      max-width: 500px;
      height: auto;
      scroll-snap-align: center;
      border-radius: 10px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    }

    .carousel-controls {
      margin-top: 20px;
    }

    .control-btn {
      background: none;
      border: 4px solid var(--six-color);
      color: var(--six-color);
      padding: 20px;
      font-size: 18px;
      border-radius: 50%;
      cursor: pointer;
      margin: 0 10px;
      transition: all 0.3s ease;
    }

    .control-btn:hover {
      background-color: var(--six-color);
      color: white;
    }

    @media (max-width: 768px) {
      .gallery-title {
        font-size: 20px;
      }
    }

    @media (max-width: 480px) {
      .carousel img {
        max-width: 100%;
      }
    }


    .about-container {
      max-width: 1100px;
      text-align: center;
      align-items: center;
      margin-top: -5%;
      
    }

    .about-container h1 {
      color: var(--six-color);
      font-size: 1.9em;
      margin-bottom: 20px;
      text-align: center;
      align-items: center;
      margin-right: 6%;
    }

    .about-container p {
      font-size: 0.9rem;
      line-height: 1.6;
      text-align: center;
      align-items: center;
      margin-right: 6%;
    }

    

    @media (max-width: 600px) {
      .about-container h1 {
        font-size: 1.5em;
      }

     .about-container p {
        font-size: 0.95em;
      }
    }

    

    @media (max-width: 452px) {
      .about-container h1 {
        font-size: 1.5em;
        margin-left: 4%;
      }

     .about-container p {
        font-size: 0.95em;
        margin-left: 4%;
      }
    }




   


.privacy{


    margin: 0;
    font-family: Arial, sans-serif;
    background-color: var(--six-color);
    color: white;
    padding: 25px;
}

.footering {
  background-color: var(--six-color); /* greenish background */
  color: white;
  text-align: center;
  padding: 1rem;
  font-weight: bold;
  font-size: 1rem;
  
}

@media (max-width: 600px) {
  .footer {
    font-size: 0.9rem;
    padding: 0.8rem;
  }
}



  
     

    }


       @media (max-width: 344px) {


  /* .home{

    width: 100%;
    min-height: 80vh;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #ebdbc8;
    gap: 1rem;
    background-image: url(./Porur/Flats\ For\ Sale\ in\ Porur.png);
    background-size: cover;
}

.home-text {

    flex: 1 1 17rem;

}

.home-img{
    flex: 1 1 17rem;
}

.home-img img{

    animation: animate 3s linear infinite;
}
@keyframes animate{
    0%{
        transform: translate(-11px, 0);
    }

    50%{
        transform: translate(-0px, -11px);
    }

    100%{
        transform: translate(-11px, 0);
    }
}

.home-text span{
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--second-color);
    
    
}

.home-text h1{

    font-size: 3.2rem;
    color: var(--main-color);
    font-weight: bolder ;
}

.home-text h2{

    font-size: 1.8rem;
    font-weight: 600;
    color: var(--second-color);
    text-transform: uppercase;
    margin: 0.5rem 0 1.4rem;
}

.btn{

    padding: 7px 16px;
    border: 2px solid var(--fourth-color);
    border-radius: 40px;
    color: var(--third-color);
    font-weight: 500;
    background: var(--fourth-color);
}

.btn:hover{

    color: #fff;
    background: var(--main-color);
    border: 2px solid var(--main-color);
    
} */

.heading {

    text-align: center;
    text-transform: uppercase;

}

.heading span{

    font-size: 0.8rem;
    font-weight: 600;
    color: var(--second-color)
}

.heading h1{

    font-size: 1.5rem;
    color: var(--six-color);
    
}

.heading h2{

    font-size: 2rem;
    color: var(--fifty-color);
}


.headings {

    text-align: center;
    text-transform: uppercase;

}

.headings span{

    font-size: 1rem;
    font-weight: 600;
    color: var(--second-color)
}

.headings h1{

    font-size: 2rem;
    color: var(--main-color);
}

.headings h2{

    font-size: 2rem;
    color: var(--fifty-color);
}

.container {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      padding: 2rem;
      max-width: 1500px;
      margin: auto;
    }

    .textss-content {
      flex: 1 1 500px;
      padding: 1rem;
    }

    .textss-content h2 {
      color: #c2481e;
      font-size: 2rem;
      font-weight: bold;
      margin-bottom: 1rem;
      margin-right: 2rem;
    }

    .textss-content p {
      line-height: 1.6;
      font-size: 1rem;
      margin-bottom: 1rem;
      
      
    }

    .book-btn {
      display: inline-block;
      padding: 0.8rem 2rem;
      background-color: #8c2f1d;
      color: white;
      font-weight: bold;
      font-size: 1rem;
      border: none;
      border-radius: 30px;
      text-decoration: none;
      margin-top: 1rem;
    }

    .image-content {
      flex: 1 1 400px;
      padding: 1rem;
      margin-bottom: -100%;
    }

    .image-content img {
      width: 100%;
      height: auto;
      border-radius: 15px;
      box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    }

    @media (max-width: 768px) {
      .container {
        flex-direction: column;
        text-align: center;
      }

      .textss-content, .image-content {
        padding: 1rem 0;
      }
    }

/* ------------------------2 SECTION HEADINGS---------------------> */

.headingurl {

    text-align: center;
    text-transform: uppercase;
    margin-top: -30%;
   

}

.headingurl span{

    font-size: 0.8rem;
    font-weight: 600;
    color: var(--second-color);
    
}

.headingurl h1{

    font-size: 1.5rem;
    color: var(--six-color);
   
    
    
}

.headingurl h2{

    font-size: 2rem;
    color: var(--fifty-color);
   
}






.shop-container{

    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 0.1rem;
}

.shop-container .box{

    flex: 1 1 12rem;
    background: var(--six-color);
    padding: px;
    display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
    margin-top: 3rem;
    border-radius: 0.5rem;
}

.shop-container .box .stars .bx{

    color: #FFFFFF;
}

.shop-container .box h2{
    color: #FFFFFF;
    font-size: 1.2rem;

}

.shop-container .box span{
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 500;
    margin: 0.2rem 0 0.5rem;
}

.box .btn{

    border: 2px solid #ed7a21;
    color: #FFFF;
}

.box .btn:hover{
    background: #FFFFFF;
    color: var(--second-color);
    border: 2px solid #FFFFFF;
}






 


    

.locationcontents{

      align-items: center;

    }

 .locationcontents h2 {
      text-align: center;
      color: var(--six-color);
      margin-bottom: 10px;
      font-size: 1.5rem;
    }

 .locationcontents p.subtitle {
      text-align: center;
      color: #000000;
      max-width: 700px;
      margin: 0 auto 40px;
    }

    .highlight-grid {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px;
    }

    .highlight-card {
      background: white;
      border-radius: 16px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
      width: 100%;
      max-width: 350px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
    }

    .highlight-card img {
      width: 100%;
      height: 200px;
      object-fit: cover;
    }

    .highlight-card h3 {
      text-align: center;
      margin: 15px 0 5px;
      color: var(--six-color);
      font-size: 18px;
      text-transform: uppercase;
      border-bottom: 2px solid var(--six-color);
      display: inline-block;
      padding-bottom: 5px;
    }

    .highlight-card ul {
      list-style: disc;
      padding: 0 20px 20px 40px;
      margin: 0;
      color: #555;
      font-size: 14px;
    }

    @media (max-width: 768px) {
      .highlight-grid {
        flex-direction: column;
        align-items: center;
      }
    }



     .gallery-container {
      text-align: center;
      padding: 30px 10px;
    }

    .gallery-container h2 {
      font-size: 24px;
      font-weight: bold;
      margin-bottom: 10px;
      text-transform: uppercase;
      color: var(--six-color);
    }

    .divider {
      font-size: 24px;
      margin-bottom: px;
    }

    .carousel {
      display: flex;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      gap: 20px;
      padding: 0 10px;
      scroll-behavior: smooth;
    }

    .carousel::-webkit-scrollbar {
      display: none;
    }

    .carousel img {
      flex: 0 0 auto;
      width: 100%;
      max-width: 500px;
      height: auto;
      scroll-snap-align: center;
      border-radius: 10px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    }

    .carousel-controls {
      margin-top: 20px;
    }

    .control-btn {
      background: none;
      border: 4px solid var(--six-color);
      color: var(--six-color);
      padding: 20px;
      font-size: 18px;
      border-radius: 50%;
      cursor: pointer;
      margin: 0 10px;
      transition: all 0.3s ease;
    }

    .control-btn:hover {
      background-color: var(--six-color);
      color: white;
    }

    @media (max-width: 768px) {
      .gallery-title {
        font-size: 20px;
      }
    }

    @media (max-width: 480px) {
      .carousel img {
        max-width: 100%;
      }
    }


    .about-container {
      max-width: 1100px;
      text-align: center;
      align-items: center;
      margin-top: -5%;
      
    }

    .about-container h1 {
      color: var(--six-color);
      font-size: 1.9em;
      margin-bottom: 20px;
      text-align: center;
      align-items: center;
      margin-right: 6%;
    }

    .about-container p {
      font-size: 0.9rem;
      line-height: 1.6;
      text-align: center;
      align-items: center;
      margin-right: 6%;
    }

    

    @media (max-width: 600px) {
      .about-container h1 {
        font-size: 1.5em;
      }

     .about-container p {
        font-size: 0.95em;
      }
    }

    

    @media (max-width: 452px) {
      .about-container h1 {
        font-size: 1.5em;
        margin-left: 4%;
      }

     .about-container p {
        font-size: 0.95em;
        margin-left: 4%;
      }
    }




   


.privacy{


    margin: 0;
    font-family: Arial, sans-serif;
    background-color: var(--six-color);
    color: white;
    padding: 25px;
}

.footering {
  background-color: var(--six-color); /* greenish background */
  color: white;
  text-align: center;
  padding: 1rem;
  font-weight: bold;
  font-size: 1rem;
  
}

@media (max-width: 600px) {
  .footer {
    font-size: 0.9rem;
    padding: 0.8rem;
  }
}



  
     

    }




    
        @media (max-width: 320px) {


  /* .home{

    width: 100%;
    min-height: 150vh;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #ebdbc8;
    gap: 1rem;
    background-image: url(./Porur/Flats\ For\ Sale\ in\ Porur.png);
    background-size: cover;
}

.home-text {

    flex: 1 1 17rem;

}

.home-img{
    flex: 1 1 17rem;
}

.home-img img{

    animation: animate 3s linear infinite;
}
@keyframes animate{
    0%{
        transform: translate(-11px, 0);
    }

    50%{
        transform: translate(-0px, -11px);
    }

    100%{
        transform: translate(-11px, 0);
    }
}

.home-text span{
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--second-color);
    
    
}

.home-text h1{

    font-size: 3.2rem;
    color: var(--main-color);
    font-weight: bolder ;
}

.home-text h2{

    font-size: 1.8rem;
    font-weight: 600;
    color: var(--second-color);
    text-transform: uppercase;
    margin: 0.5rem 0 1.4rem;
}

.btn{

    padding: 7px 16px;
    border: 2px solid var(--fourth-color);
    border-radius: 40px;
    color: var(--third-color);
    font-weight: 500;
    background: var(--fourth-color);
}

.btn:hover{

    color: #fff;
    background: var(--main-color);
    border: 2px solid var(--main-color);
    
} */

.heading {

    text-align: center;
    text-transform: uppercase;

}

.heading span{

    font-size: 0.8rem;
    font-weight: 600;
    color: var(--second-color)
}

.heading h1{

    font-size: 1.5rem;
    color: var(--six-color);
    
}

.heading h2{

    font-size: 2rem;
    color: var(--fifty-color);
}


.headings {

    text-align: center;
    text-transform: uppercase;

}

.headings span{

    font-size: 1rem;
    font-weight: 600;
    color: var(--second-color)
}

.headings h1{

    font-size: 2rem;
    color: var(--main-color);
}

.headings h2{

    font-size: 2rem;
    color: var(--fifty-color);
}

.container {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      padding: 2rem;
      max-width: 1500px;
      margin: auto;
    }

    .textss-content {
      flex: 1 1 500px;
      padding: 1rem;
    }

    .textss-content h2 {
      color: #c2481e;
      font-size: 2rem;
      font-weight: bold;
      margin-bottom: 1rem;
      margin-right: 2rem;
    }

    .textss-content p {
      line-height: 1.6;
      font-size: 1rem;
      margin-bottom: 1rem;
      
      
    }

    .book-btn {
      display: inline-block;
      padding: 0.8rem 2rem;
      background-color: #8c2f1d;
      color: white;
      font-weight: bold;
      font-size: 1rem;
      border: none;
      border-radius: 30px;
      text-decoration: none;
      margin-top: 1rem;
    }

    .image-content {
      flex: 1 1 400px;
      padding: 1rem;
      margin-bottom: -100%;
    }

    .image-content img {
      width: 100%;
      height: auto;
      border-radius: 15px;
      box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    }

    @media (max-width: 768px) {
      .container {
        flex-direction: column;
        text-align: center;
      }

      .textss-content, .image-content {
        padding: 1rem 0;
      }
    }

/* ------------------------2 SECTION HEADINGS---------------------> */

.headingurl {

    text-align: center;
    text-transform: uppercase;
    margin-top: -8%;
   

}

.headingurl span{

    font-size: 0.8rem;
    font-weight: 600;
    color: var(--second-color);
    
}

.headingurl h1{

    font-size: 1.5rem;
    color: var(--six-color);
   
    
    
}

.headingurl h2{

    font-size: 2rem;
    color: var(--fifty-color);
   
}






.shop-container{

    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 0.1rem;
}

.shop-container .box{

    flex: 1 1 12rem;
    background: var(--six-color);
    padding: px;
    display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
    margin-top: 3rem;
    border-radius: 0.5rem;
}

.shop-container .box .stars .bx{

    color: #FFFFFF;
}

.shop-container .box h2{
    color: #FFFFFF;
    font-size: 1.2rem;

}

.shop-container .box span{
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 500;
    margin: 0.2rem 0 0.5rem;
}

.box .btn{

    border: 2px solid #ed7a21;
    color: #FFFF;
}

.box .btn:hover{
    background: #FFFFFF;
    color: var(--second-color);
    border: 2px solid #FFFFFF;
}






 


    

.locationcontents{

      align-items: center;

    }

 .locationcontents h2 {
      text-align: center;
      color: var(--six-color);
      margin-bottom: 10px;
      font-size: 1.5rem;
    }

 .locationcontents p.subtitle {
      text-align: center;
      color: #000000;
      max-width: 700px;
      margin: 0 auto 40px;
    }

    .highlight-grid {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px;
    }

    .highlight-card {
      background: white;
      border-radius: 16px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
      width: 100%;
      max-width: 350px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
    }

    .highlight-card img {
      width: 100%;
      height: 200px;
      object-fit: cover;
    }

    .highlight-card h3 {
      text-align: center;
      margin: 15px 0 5px;
      color: var(--six-color);
      font-size: 18px;
      text-transform: uppercase;
      border-bottom: 2px solid var(--six-color);
      display: inline-block;
      padding-bottom: 5px;
    }

    .highlight-card ul {
      list-style: disc;
      padding: 0 20px 20px 40px;
      margin: 0;
      color: #555;
      font-size: 14px;
    }

    @media (max-width: 768px) {
      .highlight-grid {
        flex-direction: column;
        align-items: center;
      }
    }



     .gallery-container {
      text-align: center;
      padding: 30px 10px;
    }

    .gallery-container h2 {
      font-size: 24px;
      font-weight: bold;
      margin-bottom: 10px;
      text-transform: uppercase;
      color: var(--six-color);
    }

    .divider {
      font-size: 24px;
      margin-bottom: px;
    }

    .carousel {
      display: flex;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      gap: 20px;
      padding: 0 10px;
      scroll-behavior: smooth;
    }

    .carousel::-webkit-scrollbar {
      display: none;
    }

    .carousel img {
      flex: 0 0 auto;
      width: 100%;
      max-width: 500px;
      height: auto;
      scroll-snap-align: center;
      border-radius: 10px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    }

    .carousel-controls {
      margin-top: 20px;
    }

    .control-btn {
      background: none;
      border: 4px solid var(--six-color);
      color: var(--six-color);
      padding: 20px;
      font-size: 18px;
      border-radius: 50%;
      cursor: pointer;
      margin: 0 10px;
      transition: all 0.3s ease;
    }

    .control-btn:hover {
      background-color: var(--six-color);
      color: white;
    }

    @media (max-width: 768px) {
      .gallery-title {
        font-size: 20px;
      }
    }

    @media (max-width: 480px) {
      .carousel img {
        max-width: 100%;
      }
    }


    .about-container {
      max-width: 1100px;
      text-align: center;
      align-items: center;
      margin-top: -5%;
      
    }

    .about-container h1 {
      color: var(--six-color);
      font-size: 1.9em;
      margin-bottom: 20px;
      text-align: center;
      align-items: center;
      margin-right: 6%;
    }

    .about-container p {
      font-size: 0.9rem;
      line-height: 1.6;
      text-align: center;
      align-items: center;
      margin-right: 6%;
    }

    

    @media (max-width: 600px) {
      .about-container h1 {
        font-size: 1.5em;
      }

     .about-container p {
        font-size: 0.95em;
      }
    }

    

    @media (max-width: 452px) {
      .about-container h1 {
        font-size: 1.5em;
        margin-left: 4%;
      }

     .about-container p {
        font-size: 0.95em;
        margin-left: 4%;
      }
    }




   


.privacy{


    margin: 0;
    font-family: Arial, sans-serif;
    background-color: var(--six-color);
    color: white;
    padding: 25px;
}

.footering {
  background-color: var(--six-color); /* greenish background */
  color: white;
  text-align: center;
  padding: 1rem;
  font-weight: bold;
  font-size: 1rem;
  
}

@media (max-width: 600px) {
  .footer {
    font-size: 0.9rem;
    padding: 0.8rem;
  }
}



  
     

    }