@media (min-width:1250px) {
    /*====100%==========*/
    .container {
        max-width: 1170px;
    }
}

@media (min-width:1500px) {
    /*====90%==========*/
    .container {
        max-width: 1280px;
    }
}

@media (min-width:1650px) {
    /*====80%==========*/
    .container {
        max-width: 1380px;
    }
}

/*      70% Zoom    */
@media only screen and (min-width:1934px) {
    .container {
        max-width: 1600px;
    }
}

/*      60% Zoom    */
@media only screen and (min-width:2247px) {
    .container {
        max-width: 1850px;
    }
}

/*      50% Zoom    */
@media only screen and (min-width:2690px) {
    .container {
        max-width: 2050px;
    }
}

/*      40% Zoom    */
@media only screen and (min-width:3372px) {

    .container {
        max-width: 2446px;
    }
}


.feat_property .details .eventFooter {
    padding: 10px !important;   
    background-color: #43d7b13b;
    border-radius: 24px;
}
 .feat_property .details .tc_content h4 {
    color: #000000 !important;
}
 .feat_property .details {
    padding: 20px !important;
}

 .feat_property .details .tc_content {
    padding: 6px !important;
}
.image-container {
  width: 100%;   
  position: relative;
  overflow: hidden;
}

  .image-container::before {
      content: "";
      display: block;
      padding-top: 50%; /* This creates a 2:1 aspect ratio (height is 50% of the width) */
  }

  .image-container img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover; /* Ensures the image covers the container */
  }