.card-header{
    border-color: #F96D00;
}


.card-border-1{
    border-color: #FAF9F0;
}



.card-1{
    background-color: #FFE6E6;
    
 }
.downside-2{
    background-color: #F0A500;
    
}
.downside-3{
    background-color: #8B9A46;
    
}
.downside-4{
    background-color: #FA9884;
    
}
.card-header-line{
    border-color:#092635 ;
}

.h6, h6 {
    font-size: 0.8rem;
}

@media (max-width: 1200px) {
    .h1, h1 {
        font-size: 2.5mre;
    }
  }

.card-2{
    background-color: #FBF9F1;
    
 }

 .card-3{
    background-color: #B3C99C;
    
 }

 .card-4{
    background-color: #FFEECC;
    
    
 }
 .card-5{
    background-color: #F1EAFF;
    
    
 }

 .card-6{
    background-color: #F3D7CA;
    
    
 }

 .card-7{
    background-color: #ECF9FF;
    
    
 }
 .card-8{
    background-color: #FFEEF4;
    
    
 }

 .card-9{
    background-color: #D5EEFF;
    
    
 }

 .card-10{
   background-color: #F1FADA;
   
   
}
.card-11{
   background-color: #ECE5C7;
   
   
}
.card-12{
   background-color: #D1BB9E;
   
   
}
.card-13{
   background-color: #DCF2F1;
   
   
}
.card-14{
   background-color: #CCD3CA;
   
   
}
.card-15{
   background-color: #E3E1D9;
   
   
}
.card-16{
   background-color: #C7D36F;
   
   
}
.card-17{
   background-color: #C8ACD6;
   
   
}
.card-18{
   background-color: #FEF5ED;
   
   
}
.card-19{
   background-color: #FFD966;
   
   
}
.card-20{
   background-color: #D3EE98;
   
   
}
.card-21{
   background-color: #ADCF9F;
   
   
}
.card-22{
   background-color: #B2C6D5;
   
   
}
 .formatter{
    background-color: #FFFFFF;
    
    
 }

 .f-card{
    font-size: larger; 
    font-family:Verdana;
 }

 /* Custom styling */
 .search-result {
   cursor: pointer;
   padding: 10px;
   font-size: 20px;
}
.search-result:hover {
   background-color: #f0f0f0;
}
.active {
   background-color: #ccc;
}
/* Ensure search results stay within view */
#search-results {
   max-height: 200px;
   overflow-y: auto;
}
/* Custom styling for search box */
.custom-search-box {
   width: 100%;
   padding: 15px;
   font-size: 18px;
   border-radius: 25px;
   border: 2px solid #000;
   background-color: #ffffff;
   transition: all 0.3s ease;
}
.custom-search-box:focus {
   border-color: #007bff;
   box-shadow: 0 0 10px rgba(0, 123, 255, 0.3);
}

.upper_buttons{
   margin-right:2%;
}
.upper_buttonsNBA{
   margin-right:8%;
}

.para {
   
    font-size: 18px;
    color: #333;
}

.ipl_data {
   font-size: 1.5rem;
}

.is-size-p {
   font-size: 1.25rem !important;
}