@font-face {
     font-family: 'Snell Roundhand LT Std';
     src: url('/fonts/SnellRoundhandLTStd-BdScr.otf') format('opentype');
     font-weight: bold;
     font-style: italic;
     font-display: swap;
 }

  .heading h5 {
     font-family: "snell Roundhand LT Std", cursive;
     font-size: 190%;
     font-weight: 900;
     margin: 0;
     padding: 0;
     text-decoration: underline;
     margin-top: 5px;
     padding-left: 2px;
 }

 .heading  p {
    margin: 0;
    padding: 0;
    font-size: 65%;
    font-weight: 900;
 }


  .heading h6 {
     margin: 0;
     padding: 0;
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
     font-weight: 900;
     font-size: 80%;
     margin-left: 15px;
 }

 .logo-text {
     display: flex;
     justify-content: start;
     align-items: center;
     max-width: 350px;
     width: 100%;
 }

    

 .heading {
    width: 70%;
    display: flex;
    justify-content: start;
    align-items: top;
    flex-direction: column;
   
 }

 .heading:nth-child(n) {
     margin: 0 !important;
     padding: 0 !important;
 }

 .heading_bottom span {
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
 }



 .app_alert {
     background-image: linear-gradient(-120deg, #296841 0%, #FAF2B8 10%, #FAF2B8 20%, #296841 80%, #296841 90%, #296841 100%);
     /* background-image: linear-gradient( 150deg,#296841 10%, #FAF2B8 10%,#FAF2B8 20%, #296841 90%,#296841 95%, #296841 100% ); */
     background-size: auto auto;
     background-clip: border-box;
     background-size: 200% auto;
     color: #fff;
     background-clip: text;
     -webkit-text-fill-color: transparent;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     animation: example 4.6s linear infinite;
     display: inline-block;
 }

 @keyframes example {
     to {
         background-position: -200% center;
     }
 }


.logo-text img {
  width: 25%;
  animation: colorShift 4.6s linear infinite;
  animation-delay: -0.2s; 
}

@keyframes colorShift {
  0% {
    filter: brightness(0) saturate(100%) invert(33%) sepia(89%) saturate(354%) hue-rotate(85deg) brightness(95%) contrast(89%);
    /* Starts at #296841 tone */
  }

  

  50% {
    filter: brightness(0) saturate(100%) invert(93%) sepia(24%) saturate(318%) hue-rotate(10deg) brightness(104%) contrast(95%);
    /* Gradually moves toward #FAF2B8 tone */
  }
  100% {
    filter: brightness(0) saturate(100%) invert(33%) sepia(89%) saturate(354%) hue-rotate(85deg) brightness(95%) contrast(89%);
    /* Returns smoothly to #296841 tone */
  }
}


/* 

.logo-text img {
  width: 25%;
  animation: colorShift 2s infinite alternate ease-in-out;
}

@keyframes colorShift {
  0% {
    filter: brightness(0) saturate(100%) invert(30%) sepia(83%) saturate(550%) hue-rotate(85deg) brightness(90%) contrast(95%);
    
  }
  100% {
    filter: brightness(0) saturate(100%) invert(92%) sepia(11%) saturate(451%) hue-rotate(10deg) brightness(103%) contrast(97%);
    
  }
} */