/* Global USP tab button styles for Akira site */
.usp-button-bar {
  text-align: center;
  margin-bottom: 20px;
}

a.usp-tab-button {
  display: inline-block;
  padding: 10px 24px;
  margin: 5px;
  border-radius: 8px;
  border: 1px solid #777;
  background: linear-gradient(180deg, #fdfdfb, #cfdab0);
  font-weight: bold;
  cursor: pointer;
  text-decoration: none;
  color: #333;
  box-shadow: 0 3px 4px rgba(0,0,0,0.25);
  transition: all 0.2s ease-in-out;
}

a.usp-tab-button:hover {
  background: linear-gradient(180deg, #ffffff, #e9f0d0);
  transform: translateY(-1px);
}

a.usp-tab-button.active {
  background: linear-gradient(180deg, #d6e0aa, #a9b679);
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.3);
  color: #202020;
}


/* Gold Subscribe Text */
.youtube-subscribe-text {
  font-size: 20px;
  font-weight: 800;
  background: linear-gradient(90deg, #d4af37, #f7e27c);
  -webkit-background-clip: text;
  color: transparent;
  text-shadow: 0 0 8px rgba(255,215,0,0.6);
  letter-spacing: 1px;
}

/* Gold USP Tabs */
.usp-tab-button {
  display:inline-block;
  padding:10px 22px;
  margin:5px;
  border-radius:8px;
  text-decoration:none;
  font-weight:bold;
  color:#4b3500;
  background:linear-gradient(180deg,#f9e79f,#d4ac0d);
  border:1px solid #b7950b;
  box-shadow:0 3px 6px rgba(0,0,0,0.25);
  transition:all 0.2s ease-in-out;
}
.usp-tab-button:hover {
  background:linear-gradient(180deg,#fff2b2,#ddb20f);
  transform:translateY(-2px);
}
.usp-tab-button.active {
  background:linear-gradient(180deg,#d4ac0d,#a67c00);
  color:#fff;
  box-shadow:inset 0 2px 4px rgba(0,0,0,0.3);
}


/* Alternate row coloring for USP tables */
.usp-table tr:nth-child(odd){background:#ffffff;}
.usp-table tr:nth-child(even){background:#d5dbb3;} /* olive shade */


.search-wrapper {
    position: relative !important;
    display: inline-block !important;
    width: 260px !important;
}

.search-wrapper input {
    width: 100% !important;
    padding-right: 32px !important;
    background-position: right 10px center !important;
}

.search-icon {
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 18px !important;
    height: 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    pointer-events: none !important;
    font-size: 14px !important;
}
.search-icon::before {
    content: "\1F50D"; /* Unicode for 🔍 */
}

}

/* KYA Search Styling */
.kya-search-wrapper {width:260px; position:relative; display:inline-block;}
.kya-search-wrapper .search-input {padding:6px 32px 6px 10px; border:1px solid #6b8e23; border-radius:4px;}

/* Mobile responsive image fix */
@media (max-width:900px){
  .company-img img {
    width:100% !important;
    height:auto !important;
    max-width:100% !important;
  }
}

@media (max-width:900px){
  .footer-body {
    flex-direction:column !important;
    text-align:center !important;
  }
  .footer-body div {
    width:100% !important;
  }
}

@media (max-width:900px){
  body, html { overflow-x:hidden !important; }
}

@media (max-width:900px){
  .mobile-scroll {
    overflow-x:auto !important;
    width:100% !important;
  }
  .mobile-scroll table {
    min-width:700px !important;
  }
}


/* Tablet Optimization */
@media (min-width:600px) and (max-width:1024px){

  /* Left menu adjustment */
  .left-menu{
     width:220px !important;
     font-size:15px !important;
  }

  .desc-area{
     margin-left:230px !important;
     padding:10px !important;
  }

  /* Responsive images */
  .company-img img{
     width:100% !important;
     height:auto !important;
  }

  /* Improve table readability */
  table{
     font-size:15px !important;
  }

  /* Footer layout for tablets */
  .footer-body{
     flex-direction:row !important;
     text-align:left !important;
     justify-content:space-between !important;
  }
  .footer-body div{
     width:48% !important;
  }
}