#banner {
    .card{
        background: #33333340;
        backdrop-filter: blur(12px)
    }
    h1 {
        font-size: 50px;
    }
}
#contact {
    .top_crd_1 {
        margin-top: -2rem;
        margin-left: -2rem;
    }
    .top_crd_2 {
        margin-top: -2rem;
    }
    .crd-1 {
        clip-path: polygon(50% 0%, 100% 44%, 100% 100%, 0% 100%, 0% 44%);
        background: #003678;
        box-shadow: 4px 4px 12px 0px #68686840;
        transition: 0.3s;
    }
    .crd-1 .card {
        height: 350px;
        /* border: 5px solid var(--Text-highlight, #003678); */
        clip-path: polygon(50% 0%, 100% 44%, 100% 100%, 0% 100%, 0% 44%);
        transition: 0.3s;
    }
    .card:hover {
        border: none;
        background: var(--Bg-pink, #FFE6F3);
        h3 {
            color: black!important;
        }
    }
}

.about_dync, .dync, .gallery_dync, .facilities_dync, .properties_dync {
    display: none;
}
.contact_dync {
    display: block;
    height: 300px;
    align-content: center;
}
@media (max-width: 1024px){
    #banner {
      height: auto !important;
      background-repeat: no-repeat !important;
      background-size: cover !important;
    }
    #contact {
        .card {
            clip-path: polygon(50% 0%, 100% 15%, 100% 100%, 0% 100%, 0% 15%) !important;
        }
    }
}
@media (max-width: 600px){
    #banner {
      h1 {
          font-size: 30px !important;
      }
    }
    #contact {
        .card {
            clip-path: polygon(50% 0%, 100% 25%, 100% 100%, 0% 100%, 0% 25%) !important;
        }
        .top_crd_1, .top_crd_2 {
            margin-top: 0;
        }
    }
}