:root {
    --theme: #335066;
    --theme2: #4b3235;
    --theme-palate: #3350667a;
    --theme-palate2: #4b32357a;
}

.black-overlay .modal-body::after {
    content: "";
    display: block;
    background-color: #00000080;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -0;
}

.black-overlay .modal-body .main {
    position: relative;
    z-index: 1;
}

.form-floating>input,
.form-floating>textarea {
    background: #ffffff30;
    backdrop-filter: blur(1px);
}

.form-floating>input:focus,
.form-floating>textarea:focus {
    background: #ffffff30;
    backdrop-filter: blur(5px) brightness(0.5);
    outline: 1px solid #fff;
    outline-offset: 3px;
}

.form-floating>textarea:focus~label::after,
.form-floating>textarea:not(:placeholder-shown)~label::after {
    position: absolute;
    inset: 1rem 0.375rem;
    z-index: -1;
    height: 1.5em;
    content: "";
    background-color: transparent;
    border-radius: var(--bs-border-radius);
}

.form-floating>input,
.form-floating>textarea {
    color: #fff !important;
}

.form-floating>label {
    color: #ffffffcc !important;
}

input,
textarea,
a,
button {
    box-shadow: unset !important;
    border: unset !important;
}

.fs-xs {
    font-size: 14px;
}

.main-logo {
    height: 70px;
}

#page-nav li .active {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #fff;
    font-style: italic;
}

#page-nav li .active::after {
    content: "";
    height: 3px;
    width: 25%;
    display: block;
    background-color: #fff;
    border-radius: 1rem;
}

#page-nav li a:not(.active) {
    color: white !important;
}

.heading-container .heading {
    display: flex;
    flex-direction: column;
    order: 1;
}

.heading-container .heading::after {
    content: "";
    height: 3px;
    width: 30%;
    display: block;
    background-color: var(--theme);
    border-radius: 1rem;
    order: 2;
    margin-top: 3px;
}

.heading-container .heading::before {
    content: "";
    height: 3px;
    width: 20%;
    display: block;
    background-color: var(--theme);
    border-radius: 1rem;
    order: 3;
    margin-top: 5px;
}

.img-container img {
    max-height: 45px;
}

/* ====================== Drop effect starts here || Beta Mode ====================== */
.drop-effect {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: -1;
}

.drop-effect-after::after,
.drop-effect-before::before {
    content: "";
    height: 0px;
    width: 0px;
    display: block;
    border-radius: 50%;
    position: absolute;
    z-index: 0;
    margin: 5rem;
}

.drop-effect-after::after {
    left: 0;
    top: 0;
    box-shadow: 10px 10px 150px 65px var(--theme-palate2);
}

.drop-effect-before::before {
    right: 0;
    bottom: 0;
    box-shadow: 10px 10px 150px 65px var(--theme-palate);
}

/* ====================== Drop effect ends here || Beta Mode ====================== */

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
    -webkit-text-fill-color: #fff !important;
    background-color: transparent !important;
    transition: background-color 9999s ease-in-out 0s !important;
}


.rounded-full {
    border-radius: 50%;
}

#features {
    background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23335065' fill-opacity='0.12'%3E%3Cpath d='M0 38.59l2.83-2.83 1.41 1.41L1.41 40H0v-1.41zM0 1.4l2.83 2.83 1.41-1.41L1.41 0H0v1.41zM38.59 40l-2.83-2.83 1.41-1.41L40 38.59V40h-1.41zM40 1.41l-2.83 2.83-1.41-1.41L38.59 0H40v1.41zM20 18.6l2.83-2.83 1.41 1.41L21.41 20l2.83 2.83-1.41 1.41L20 21.41l-2.83 2.83-1.41-1.41L18.59 20l-2.83-2.83 1.41-1.41L20 18.59z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

#bhk-3__map {
    background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 28' width='56' height='28'%3E%3Cpath fill='%23335065' fill-opacity='0.06' d='M56 26v2h-7.75c2.3-1.27 4.94-2 7.75-2zm-26 2a2 2 0 1 0-4 0h-4.09A25.98 25.98 0 0 0 0 16v-2c.67 0 1.34.02 2 .07V14a2 2 0 0 0-2-2v-2a4 4 0 0 1 3.98 3.6 28.09 28.09 0 0 1 2.8-3.86A8 8 0 0 0 0 6V4a9.99 9.99 0 0 1 8.17 4.23c.94-.95 1.96-1.83 3.03-2.63A13.98 13.98 0 0 0 0 0h7.75c2 1.1 3.73 2.63 5.1 4.45 1.12-.72 2.3-1.37 3.53-1.93A20.1 20.1 0 0 0 14.28 0h2.7c.45.56.88 1.14 1.29 1.74 1.3-.48 2.63-.87 4-1.15-.11-.2-.23-.4-.36-.59H26v.07a28.4 28.4 0 0 1 4 0V0h4.09l-.37.59c1.38.28 2.72.67 4.01 1.15.4-.6.84-1.18 1.3-1.74h2.69a20.1 20.1 0 0 0-2.1 2.52c1.23.56 2.41 1.2 3.54 1.93A16.08 16.08 0 0 1 48.25 0H56c-4.58 0-8.65 2.2-11.2 5.6 1.07.8 2.09 1.68 3.03 2.63A9.99 9.99 0 0 1 56 4v2a8 8 0 0 0-6.77 3.74c1.03 1.2 1.97 2.5 2.79 3.86A4 4 0 0 1 56 10v2a2 2 0 0 0-2 2.07 28.4 28.4 0 0 1 2-.07v2c-9.2 0-17.3 4.78-21.91 12H30zM7.75 28H0v-2c2.81 0 5.46.73 7.75 2zM56 20v2c-5.6 0-10.65 2.3-14.28 6h-2.7c4.04-4.89 10.15-8 16.98-8zm-39.03 8h-2.69C10.65 24.3 5.6 22 0 22v-2c6.83 0 12.94 3.11 16.97 8zm15.01-.4a28.09 28.09 0 0 1 2.8-3.86 8 8 0 0 0-13.55 0c1.03 1.2 1.97 2.5 2.79 3.86a4 4 0 0 1 7.96 0zm14.29-11.86c1.3-.48 2.63-.87 4-1.15a25.99 25.99 0 0 0-44.55 0c1.38.28 2.72.67 4.01 1.15a21.98 21.98 0 0 1 36.54 0zm-5.43 2.71c1.13-.72 2.3-1.37 3.54-1.93a19.98 19.98 0 0 0-32.76 0c1.23.56 2.41 1.2 3.54 1.93a15.98 15.98 0 0 1 25.68 0zm-4.67 3.78c.94-.95 1.96-1.83 3.03-2.63a13.98 13.98 0 0 0-22.4 0c1.07.8 2.09 1.68 3.03 2.63a9.99 9.99 0 0 1 16.34 0z'%3E%3C/path%3E%3C/svg%3E");
}

#bhk-2__map-1 {
    background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 16c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm0-2c3.314 0 6-2.686 6-6s-2.686-6-6-6-6 2.686-6 6 2.686 6 6 6zm33.414-6l5.95-5.95L45.95.636 40 6.586 34.05.636 32.636 2.05 38.586 8l-5.95 5.95 1.414 1.414L40 9.414l5.95 5.95 1.414-1.414L41.414 8zM40 48c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm0-2c3.314 0 6-2.686 6-6s-2.686-6-6-6-6 2.686-6 6 2.686 6 6 6zM9.414 40l5.95-5.95-1.414-1.414L8 38.586l-5.95-5.95L.636 34.05 6.586 40l-5.95 5.95 1.414 1.414L8 41.414l5.95 5.95 1.414-1.414L9.414 40z' fill='%23335065' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");
}

#bhk-2__map-2 {
    background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='16' viewBox='0 0 12 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 .99C4 .445 4.444 0 5 0c.552 0 1 .45 1 .99v4.02C6 5.555 5.556 6 5 6c-.552 0-1-.45-1-.99V.99zm6 8c0-.546.444-.99 1-.99.552 0 1 .45 1 .99v4.02c0 .546-.444.99-1 .99-.552 0-1-.45-1-.99V8.99z' fill='%23335065' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");
}

#location-advantages {
    background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h16v2h-6v6h6v8H8v-6H2v6H0V0zm4 4h2v2H4V4zm8 8h2v2h-2v-2zm-8 0h2v2H4v-2zm8-8h2v2h-2V4z' fill='%23335065' fill-opacity='0.04' fill-rule='evenodd'/%3E%3C/svg%3E");
}

#footer {
    background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='hexagons' fill='%23f15a22' fill-opacity='0.03' fill-rule='nonzero'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.fs-7 {
    font-size: calc(1rem - 5px);
}

.blur___box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blur___box button {
    position: absolute;
    z-index: 1;
}

.blur___box img {
    filter: blur(5px);
    transition: all 0.3s;
}

/* Default styles (desktop/expanded) */
#whatsappTargetBtn {
    margin-left: 0.5rem;
    /* adjust as needed */
    width: auto;
}

/* When navbar is collapsed/opened (mobile menu shown) */
#supportedContent.show #whatsappTargetBtn {
    margin: 0;
    /* remove all margins */
    width: 100%;
    /* full width */
    display: block;
    /* ensure it occupies full line */
}