.card {
    background-color: #ffffff;
    padding: 10px;
    margin: 10px;
    border-radius: 5px;
    display: flex !important;
   justify-content: space-between;
    box-sizing: border-box;
}


        .chart-container {
             padding:35px !important;
            margin: 10px;
            cursor: pointer;
            font-size:14px;
            border-bottom:2px solid rgba(46,52,52,0.5);
            box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        }

        .chart-container:hover {
            background-color: #f0f0f0;
        }
.chart-container p{
            font-weight:bold !important;
            font-size:16px !important;
            margin-left:5px;
            margin-top: 5px;
     
             
      }
.card-container{
    display: flex;

    align-items: center !important;
}
.location-info {
  display: flex;
   
    align-items: center !important;
    margin-right: 10px;
    
}

.location-info img{
width:24px;
height:24px;
 margin-right: 6px !important;
 vertical-align: middle;
}

.arrow {
    font-size: 24px;
    color:#2e3434;
    margin:5px;
    font-weight:bold;
}
.easy-prices {
margin-left:20px !important;
     justify-content: center;
       right:5px;
    left:auto;
    
}

.easy-prices span{

    font-size:10px;
    font-weight:400;
    
}
.easy-index-up{
       font-size:14px !important;
    font-weight:bold !important;
    color:green !important;
}
.easy-index-down{
       font-size:14px !important;
    font-weight:bold !important;
    color:red !important;
}

#rate-cards{
    padding:100px;
}
 @media (max-width: 900px) {
     .easy-index-up {
       font-size:10px !important;
}
#rate-cards{
    padding:0px;
}
.easy-index-down {
       font-size:10px !important;
}.location-info img{
width:20px;
height:20px;
 margin-right: 6px !important;

}
.arrow {
    font-size: 15px;
    color:#2e3434;
    margin:10px;
    font-weight:bold;
}
  .chart-container {
             padding:15px !important;
    
        }
        .chart-container p {
   
    font-size: 11px !important;
   
 }
     
 }
 
 
 .search-form-container {
    margin: 20px;
    padding: 20px;
    background-color: #f5f5f5;
    border-radius: 10px;
}

.search-form {
    display: flex;
    flex-direction: column;
}

.tab-container {
    display: flex;
    margin-bottom: 20px;
}

.tab {
    flex: 1;
    padding: 10px 0;
    text-align: center;
    cursor: pointer;
    background-color: #f0f0f0;
    border-radius: 5px 5px 0 0;
}

.tab.selected {
    background-color: #007bff;
    color: #fff;
}

.form-group {
    margin-bottom: 20px;
}

label {
    font-weight: bold;
    margin-bottom: 5px;
}

.custom-select {
    position: relative;
}

.custom-select select {
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: transparent;
    cursor: pointer;
}

.custom-select i {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    color: #555;
}

button {
    padding: 12px;
    border-radius: 5px;
    border: none;
    background-color: #007bff;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s;
}

button:hover {
    background-color: #0056b3;
}