.nav-box{
    position: fixed !important;
    top: 0px !important;
    z-index: 1000;
}
/* .HERO */
.hero {
    background-image: url("../../images/hero.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}




/* about */
.about .image-box img {
    aspect-ratio: 1/1;
}
.about a {
    background-color: var(--second-color);
    box-shadow: none;
}
.about a:hover {
    background-color: var(--hover-second-color);
}
/* blogs */
.blogs .my-card a {
    font-size: 18px;
}
/* contact */
.contact {
    background-image: url(../../images/city1.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 0px 10px 46.9px 0px #0000000D;

}
.contact .layout {
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50.12%, #0000002b 100%);
;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
}
.contact input[type="email"] {
    outline: none;
    border: 1px solid var(--prime-color-border);
}
.contact input[type="email"]::placeholder {
    color: var(--color-sub);
}