@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

.hero{
    background-size: cover;
    background-position: center;
    background-color: #260144be;
    background-blend-mode: multiply;
}

.text-brown{
    color:var(--color-gold-dark);
}
.bg-gradient{
    background: #824DF9;
background: linear-gradient(90deg, rgba(130, 77, 249, 1) 0%, rgba(245, 65, 138, 1) 100%);
}

.bg-copyright{
   background-color: #02375c;
}

.text-title{
     font-family: "Noto Serif", serif !important;
}


/* ============================= > Typewriter Effect Styles < ============================= */

.typewriter .text-type {
  white-space: nowrap;
  overflow: hidden;
}

.cursor {
  display: inline-block;
  animation: blink 0.7s steps(1) infinite;
  color: #00ffcc;
}

@keyframes blink {
  50% { opacity: 0; }
}



.service-item :hover img {
  filter: grayscale(100%);
  transition: filter 0.3s ease-in-out;
}

.team .post-img{
  background-color: #ffffff;
  border: 1px solid #cfcfcfc5;
}

.team .post-img:hover{
  background-color: #cfcfcfc5;
}

.bg-gray{
  background-color: #e6e6e6;
}