* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    
}


:root {
    --primary-color: #040649;
    /* --secondary-color: #2ecc71;
    --font-size: 16px;
    --padding: 10px; */
  }


.body{
    background-color: #fafdf6;
}


.bgn{
    background-color: #fafdf6;
}
.bg-nav-colour {

background-color: var(--primary-color);
color: white;

}



.dark{
    background-color: #02010a;
}


.white-color{
    color: white;
}




.height-Carausal{
    height: 720px;
  
}


.Contact-us{
background-color: rgb(255, 255, 255);
height: 300px;
flex-direction: column;
}



.contact-page {
    position: relative;
    height: 50rem;
    display: flex;
    align-items: center;
}

.map-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.contact-form {
    position: relative;
    z-index: 2;
    background: rgba(255, 255, 255, 0.9);
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    max-width: 600px;
    
    
}


.Pharmacy-color{
    color: red;
}


.nav-link:hover{
    color: yellow;

}
.brand:hover {
    color: yellow;

}



.banner-image{
    position: absolute;
    
}


.title-banner{
    position: relative;
   
    
}



.padding_banner{
    margin-top: 10rem;
    position: relative;
}


.margin-banner{
    margin-top: 134px;
}

.courses-margin{
margin-top: 12rem;
}


.bg-grey{
    background-color: rgb(233, 233, 233);
}

.color-head{
    /* background-image: linear-gradient(to right, red , yellow); */
    color: rgb(255, 0, 0);
}


.dropdown:hover .dropdown-menu{

    display: block;
}

/* animation css  */


.animated-text {
    
    color: #61dafb;
    animation: colorChange 0.5s infinite;
  }
  
  @keyframes colorChange {
    0% {
      color: #ff0000; /* Light blue */
    }
    25% {
      color: #ff6347; /* Tomato red */
    }
    50% {
      color: #ff0000; /* Lime green */
    }
    75% {
      color: #630f00; /* Yellow */
    }
    100% {
      color: #ff0000; /* Back to light blue */
    }
  }

  /* animation css  end*/


  .docement-hover:hover{
    border: none;
    background-color: red;
    color: aliceblue;
    cursor: pointer;

  }


.position{
    position: relative;
}