.card-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(402.37px, 1fr));
  gap: 24px;
  max-width: 1680px;
  margin: 0 auto;
  row-gap: 167px;
}
.card1 {
  background-color: #fff;
  overflow: hidden;
  /* transform: perspective(800px) rotateY(5deg); */
}

@media (max-width: 1024px) {
  .navbar-dropdown nav.menu-is-active {
    left: unset !important;
    width: 100vw !important;
  }
  .navbar-dropdown nav.menu-is-active ul li {
    margin-left: 0 !important;
  }
  body,
  html {
    overflow-x: hidden;
    overflow-y: auto;
  }
}
.card1 img {
  width: 100%;
  /* height: 544px; */
  /* object-fit: cover; */
  height: 333px;

  border-radius: 28px;
  margin-top: 33px;

  margin-right: -48px;
  transform: perspective(400px) rotateY(15deg);
  border-radius: 27.72px;
}
.card1-imges {
  /* transform: perspective(800px) rotateY(5deg); */
  border-radius: 27.72px;
}
.card1-content {
  /* padding: 20px; */
  text-align: right;
  margin-top: 9px;
}
.card1 h3 {
  font-family: Heebo;
  font-weight: 300;
  font-size: 32px;
  text-align: right;
  margin: 0px;
  margin-top: 28px;
  line-height: 48px;
}
.card1 p {
  font-family: Heebo;
  font-weight: 300;
  font-size: 15px;
  /* line-height: 26px;
    letter-spacing: 0%; */
  text-align: right;
  margin: 0px;
  margin-top: 10px;
  max-width: 380.74px;
}
.card1 .price {
  font-family: Heebo;
  font-weight: 300;
  font-size: 18px;
  /* line-height: 48px;
    letter-spacing: 0%; */
  text-align: right;
  margin: 0px;
  /* margin-top: 8px; */
}
.card1 .button1 {
  display: inline-block;
  padding: 10px 20px;
  border: none;
  border-radius: 25px;
  background-color: #000;
  color: #fff;
  cursor: pointer;
  transition: background-color 0.3s;
  text-decoration: none;
  margin-top: 27px;
  font-family: Heebo;
  font-weight: 700;
  font-size: 11.52px;
  /* line-height: 24.31px;
    letter-spacing: 0%; */
  text-align: right;
}
.card1 .button1:hover {
  background-color: #333;
}
/* .parent-container {
    text-align: right !important;
} */
/* height: 600px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 90px;
    position: relative;
    overflow: hidden; */
.poligon-shap {
  max-width: 1680px;
  width: 100%;
  margin: 0 auto; /* Center the element */
  transform: perspective(800px) rotateY(5deg);
  perspective-origin: center center; /* Keeps the transform centered */
  overflow: hidden;
  position: relative;
  margin-right: -77px;
}
/* single post */
.post-perant {
  max-width: 1680px;
  margin: 0 auto;
  margin-top: 100px;
  padding: 0 10px;
}
.post-thumbnail-wrapper {
  position: relative;
  width: 100%;
  height: 535px; /* Adjust as needed */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 90px;
  margin-right: -77px;
  transform: perspective(800px) rotateY(5deg);
  perspective-origin: center center;
}

.post-thumbnail-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    270deg,
    rgba(0, 0, 0, 0.7) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  border-radius: 90px;
}
.post-title-overlay {
  margin-right: 138px;
  margin-top: -29px;
}

.post-title-overlay .post-title-p {
  position: relative;
  font-family: Heebo;
  font-weight: 300;
  font-size: 64px;
  line-height: 68px;
  text-align: center;
  color: #fff;
  padding-bottom: 14px;
  margin: 0;
}
.post-title-overlay .back-title {
  text-align: center;
  margin: 0px;
  margin-top: 10px;
}
.post-title-overlay .back-title a {
  position: relative;
  font-family: Heebo;
  font-weight: 700;
  font-size: 18px;
  line-height: 38px;
  text-align: center;
  color: #fff;
  text-decoration: none;
}
.single-post-contant {
  text-align: center;
  max-width: 1680px;
  margin: 40px auto;
  padding-bottom: 70px;
}
.post .single-post-contant  p {
  max-width: 1112px;
  margin: 105px auto 60px;
  font-family: Heebo;
  font-weight: 300;
  font-size: 18px;
  line-height: 38px;
  text-align: center;
}
.post .single-post-contant img {
  width: 1680px;
  height: 800px;
  margin-bottom: 35px;
}
.post-title-overlay .single-short-p {
  font-family: Heebo;
  font-weight: 300;
  font-size: 24px;
  line-height: 38px;
  text-align: center;
  color: #fff !important;
  max-width: 519.81px;
  margin: 0;
  padding-top: 10px;
  position: relative;
}
.post-title-overlay .squar-meter .squar-meter-p {
  font-family: Heebo;
  font-weight: 300;
  font-size: 18px;
  line-height: 48px;
  text-align: center;
  color: #fff;
  position: relative;
}
@media (max-width: 1919px) {
  .poligon-shap,
  .post-thumbnail-wrapper {
    margin-right: -61px;
  }
  .card1 img {
    margin-right: -37px;
  }
}
/* Large Desktops (1300px and above) */
/* @media (max-width: 1300px) and (min-width: 1079px) {
    .poligon-shap{
        margin-right: -35px;
    }
    .card1 img {
        margin-right: -57px;
    }
}
@media (max-width: 1080px) and (min-width: 848px) {
    .poligon-shap{
        margin-right: -28px;
    }
    .card1 img {
        margin-right: -40px;
    }
}
@media (max-width: 848px) and (min-width: 539px) {
    .card1 img {
        margin-right: -57px;
    }
} */
@media (max-width: 1300px) {
  .poligon-shap,
  .post-thumbnail-wrapper {
    margin-right: -77px;
  }
  .card1 img {
    margin-right: -49px;
  }
}

/* Desktops and Laptops (1079px to 1299px) */
@media (max-width: 1299px) and (min-width: 1079px) {
  .poligon-shap,
  .post-thumbnail-wrapper {
    margin-right: -35px;
  }
  .card1 img {
    margin-right: -57px;
  }
}

/* Small Laptops and Tablets (848px to 1078px) */
@media (max-width: 1078px) and (min-width: 848px) {
  .poligon-shap,
  .post-thumbnail-wrapper {
    margin-right: -28px;
  }
  .card1 img {
    margin-right: -40px;
  }
}
@media (max-width: 768px) {
  .single-post-contant {
    padding: 0 10px;
  }
  .single-post-contant img {
    height: 287.49px;
  }
  .post-title-overlay {
    margin-right: 0px;
    margin-top: 23px;
    transform: rotateY(0deg);
  }
  .post-thumbnail-wrapper {
    border-radius: 60px;
  }
  .post-thumbnail-wrapper::before {
    border-radius: 60px;
  }
  .post-perant {
    margin-top: 48px;
  }
  .single-post-contant p {
    margin: 79px auto 60px;
  }
  .post-title-overlay .post-title-p {
    font-size: 44px;
    line-height: 68px;
  }
  .post-title-overlay .single-short-p {
    padding: 0 45px;
    margin-top: -12px;
  }
  .post-title-overlay .squar-meter .squar-meter-p {
    display: none;
  }
}
/* Tablets and Large Mobiles (539px to 847px) */
@media (max-width: 847px) and (min-width: 539px) {
  .poligon-shap,
  .post-thumbnail-wrapper {
    margin-right: -20px;
  }
  .card1 img {
    margin-right: -79px;
    max-width: 750px;
    margin-top: 57px;
  }
}

/* Small Mobiles (up to 538px) */
@media (max-width: 538px) {
  .poligon-shap,
  .post-thumbnail-wrapper {
    margin-right: -10px;
  }
  .card1 img {
    margin-right: -30px;
  }
}

/* @media (max-width: 1080px){
    .poligon-shap{
        margin-right: -6px;
    }
} */
@media (max-width: 540px) {
  .poligon-shap,
  .post-thumbnail-wrapper {
    /* transform: perspective(800px) rotateY(5deg); */
    transform: perspective(400px) rotateY(10deg);
    margin-right: -14px;
  }
  .card1 img {
    height: 340.49px;
    /* object-fit: cover; */
    transform: perspective(400px) rotateY(13deg);
  }
  .card-container {
    grid-template-columns: 1fr;
    row-gap: 38.85px;
  }
  .card1 h3 {
    margin-top: 30px;
  }
  .card1 p {
    /* width: 374.74px; */
    font-size: 14px;
    line-height: 26px;
  }
  .card1 .button1 {
    margin-top: 17px;
  }
}
@media (max-width: 511px) {
  .card1 img {
    margin-right: -20px;
  }
}

/* 
LP Styles
*/

.lp-popup-container {
  backdrop-filter: blur(64px);
}

@media only screen and (min-width: 1024px) {
  .lp-header-navcontainer {
    transform: perspective(800px) rotateY(-5deg) translateX(-50px); /* Adjust the value */
    margin-left: auto;
    margin-right: auto;
    margin-top: -0.5%;
  }

  .lp-hero-container {
    transform: perspective(800px) rotateY(5deg) translateX(50px); /* Adjust the value */
    margin: 0 auto;
    width: fit-content;
  }

  .lp-assurance-container {
    transform: perspective(800px) rotateY(-15deg); /* Adjust the value */
    margin: 0 auto;
  }

  .lp-assurance-container-alt {
    transform: perspective(800px) rotateY(15deg); /* Adjust the value */
    margin: 0 auto;
  }

  .lp-filloutapp-container {
    transform: perspective(800px) rotateY(-5deg) translateX(-50px); /* Adjust the value */
    margin: 0 auto;
  }

  .lp-testimonials-container {
    transform: perspective(800px) rotateY(5deg) translateX(80px); /* Adjust the value */
    margin: 0 -18px 0 auto;
  }

  .lp-popup-form {
    transform: perspective(800px) rotateY(5deg) translateX(50px); /* Adjust the value */
  }
}

@media only screen and (max-width: 768px) {
  .lp-header-navcontainer {
    transform: perspective(800px) rotateY(-10deg) translateX(0px); /* Adjust the value */
    margin-left: auto;
    margin-right: auto;
    margin-top: -0.5%;
  }

  .lp-hero-container {
    transform: perspective(800px) rotateY(10deg) translateX(0px); /* Adjust the value */
    margin: 0 auto;
    width: fit-content;
  }

  .lp-assurance-container {
    transform: perspective(800px) rotateY(-15deg); /* Adjust the value */
    margin: 0 auto;
  }

  .lp-assurance-container-alt {
    transform: perspective(800px) rotateY(15deg); /* Adjust the value */
    margin: 0 auto;
  }

  .lp-filloutapp-container {
    transform: perspective(800px) rotateY(-10deg) translateX(0px); /* Adjust the value */
    margin: 0 auto;
  }

  .lp-testimonials-container {
    transform: perspective(800px) rotateY(10deg) translateX(0px); /* Adjust the value */
    margin: 0 auto;
  }

  .lp-popup-form {
    transform: perspective(800px) rotateY(10deg) translateX(0px); /* Adjust the value */
  }
}