body {
    background: radial-gradient(#330439e5, transparent);
    min-width: device-width;
    align-items: center;
    padding-top: 2cm;
    display: block;
    text-align: center;
    width: 100%;
    /* background: #042f3972; */
}
@media(max-width:1250px){
    .resp{
display: none;
    }
    .resp h4{
        font-family: "Orbitron", sans-serif;
    }
    .res{
        display: grid;
    }
}
@media(min-width:1250px){
   
    .res{
        display: none;
    }
}

form{
    display: grid;
}
form button{
    margin-top: 1cm;
    width: 3cm;
   text-align: center;
   
   
}
div button{
    text-align: center;
}
img {
    align-items: center;
}
#loginForm{
    background: radial-gradient(rgb(9 219 211) ,transparent);
}
#registrationForm{
    background: radial-gradient(rgb(9 219 211) ,transparent);
}
#registrationForm input{
    color: #afcada;
    background: #042f3972;
    border-radius: 2mm;
    margin-bottom: 5mm;
}
#registrationForm  label{
    color: #afcada;
}
#loginForm input{
    color: #afcada;
    background: #042f3972;
    border-radius: 2mm;
    margin-bottom: 5mm;
}
#loginForm label{
    color: #afcada;
}
input {
    color: #10004a;;
    background: #042f3972;
    border-radius: 2mm;
    margin-bottom: 5mm;

}

input::placeholder{
    color: #042931;
}
div {
    display: grid;
    margin-left: 1cm;
    margin-right: 1cm;
    border: #157388;
    box-align: center;
    
}

.card{
    margin: 1cm;
}
.card-body{
    display:grid;
    text-align: center;
    padding: 0%;
}
.card-text{
   padding: 0%;
}

a {
    color: #140c38;
    text-decoration: none;
}

a:hover {
    color: rgb(71, 66, 56);
}
.image-container {
    display: flexbox;
    padding: center;
    margin: auto;
    overflow: hidden; /* Hide overflow to ensure smooth zoom effect */
   
    }
.zoom-image {
    width: 100%; /* Ensure image covers container */
    height: auto; /* Maintain aspect ratio */
    transition: transform 0.5s ease; /* Smooth transition for zoom */
}

.image-container:hover .zoom-image {
    transform: scale(1.2); /* Scale up the image on hover */
}

p{
    padding: inherit;
}

/* ..............................navbar.............................. */
.navbar {
    padding: 0px;
    --bs-navbar-active-color: #a18700;

    /*  */
}
.nav-link{
    --bs-navbar-active-color: #a18700;

}


.navbar div {
    display: grid;
    unicode-bidi: isolate;
    padding: 0;
}

.navbar h2 {
    color: #042931;
}

.navbar a {
    color: #01252b;
    font-weight: bold;
    font-size: medium;
}

.navbar ul:hover>a {
    color: #fff7ec;
}
.navbar ul{
    background: radial-gradient(#8f9fa372, transparent);
}
.navbar a:hover {
    color: #fff7ec;
}

.bg-body-tertiary {
    --bs-bg-opacity: 0;

}

/* ................................card.......................... */
.card {
    padding-top: 32px;
}

.card div {
    padding-top: 32px;
}

/* .......................footer................................. */
footer {
    text-align: justify;
    color: antiquewhite;
    background:  #492a59ab;
    margin-top: 3cm;
}

footer a {
    text-align: center;
    color: rgb(187, 183, 159);
}

footer a:hover {
    color: aliceblue;
}
footer div{
    
    bottom: 0;
    background: #2f383a0f;
}