@font-face { font-family: Bamini; src: url('Bamini.ttf'); } 
html { width: 100%; }
table { border-collapse: collapse; }
body { font-family: 'helvetica'; font-size: 13px; vertical-align: top; line-height: 25px;}
td, th, a { font-family: 'helvetica'; font-size: 13px; vertical-align: top; padding: 5px; color: #3c0049; }
.nottodisp { display: none; }
.homemenu { font-size: 13px; text-align: center; text-decoration: none; vertical-align: middle; background-color: #3c0049; color: white; padding: 15px; border-radius: 20px;}
.hometext { font-size: 18px; background-color: #3c0049; color: white; border-radius: 20px; text-align: center; }
.cotitle { font-size: 25px; }
.aboutus { font-size: 20px; text-align: justify; padding: 10px 30px 10px 30px; }
.contactus { font-size: 20px; padding-left: 20px; padding-right: 20px; line-height: 35px; }
.contactus a { font-size: 20px; text-decoration: none; line-height: 35px; }
.contacteach { font-size: 20px; color: white; padding: 20px; line-height: 35px;  }
.contacteach a { font-size: 20px; color: white; padding: 20px; text-decoration: none;  line-height: 35px; }
.cobigtitle { font-size: 50px; line-height: 70px; text-align: center; padding: 10px; }
.kascolor { color: #2A7230; } /* #00a45c */
.kaacolor { color: #005da1; }
.kmcolor { color: #f20027; }
.kasmenu, .kaamenu, .kmmenu { background-color: FFFFBB; line-height: 40px; font-size: 20px; padding: 5px; text-align: bottom; border-right: 5px solid gray; border-radius: 20px; }
.kasmenu:hover { background-color: #00a45c; color: white; }
.kaamenu:hover { background-color: #005da1; color: white; }
.kmmenu:hover { background-color: #f20027; color: white; }
.kasbgcolor { background-color: #00a45c; }
.kaabgcolor { background-color: #005da1; }
.kmbgcolor { background-color: #f20027; }
.kaabackg {background-image: url("images/kaa-white-flag-scaled.png"); background-repeat: no-repeat; background-size: 200px; background-position: right center; background-attachment: fixed; }
.scroll-container {
  width: 100%;
  max-width: 98vw;
  height: 150px; /* Adjust as neeed */
  overflow: hidden; /* Hides the scrollbar and the duplicated content initially */
  margin: auto;
}

.image-wrapper {
  display: flex; /* Arranges images in a single row */
  width: fit-content; /* Ensures the wrapper is wide enough for all images */
  animation: autoscroll 60s linear infinite; /* Applies the scrolling animation */
  overflow: hidden;
}

.image-wrapper img {
  height: 150px; /* Adjust as needed, should match container height */
  padding: 0 5px; /* Optional: adds spacing between images */
}

.image-wrapper:hover {
  animation-play-state: paused;
}

/* Keyframe animation definition */
@keyframes autoscroll {
  0% {
    transform: translateX(0); /* Start position: no translation */
  }
  100% {
    /* End position: moves left by 50% of the wrapper's width */
    /* (Assuming original set takes 50% of the max-content width) */
    transform: translateX(-50%); 
  }
}
.flashtext { font-size: 25px; width: fit-content; border-radius: 20px;  margin: auto; padding: 10px; text-align: center; animation: flashtext 5s linear infinite; }
@keyframes flashtext { 50% { opacity: 0; } }
.grow-img { width: 40%; transition: transform .5s ease; }
.grow-img:hover { transform: scale(1.1); }
.prodtitle { font-size: 20px; }
.proddetails { font-size: 15px; text-align: justifiy; line-height: 20px; padding: 3px; }
.outertd { padding: 0px; }
.a { color: #3c0049; background-color: white; border-radius: 20px;}
.a[title] { color: blue; }
.dropdown {
  position: fixed;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: white;
  min-width: 750px;
  text-align: left;
  font-size: 14px; 
}

.dropdown-li {
  text-align: left;
  font-size: 14px;
}

.dropdown-content a {
  padding: 5px;
  text-decoration: none;
  display: inline-block;
}

.dropdown:hover .homemenu:hover .dropdown-content a:hover {background-color: #3c0049; color: white; border-radius: 10px; }

.dropdown:hover .dropdown-content {display: block;}