/*----------------------------
    --- Main CSS ----
------------------------------*/

.main_title{  
    font-family: 'Raleway', sans-serif;
    font-size: 2.5rem;
    line-height: 1.5;
    font-weight: bold;
    color: #4a4993;
}

  /*----------------------------
    --- Search CSS ----
------------------------------*/

@media screen and (max-width: 1024px) {
  .carousel_desc{
    width: 90% !important;
    margin: 0% 5% !important;
  }

  .carousel_title{
    width: 90% !important;
    margin: 0% 5% !important;
  }
}


  .searchSection{
    height: 100%;
  }

  .filterRow{
    width: 100%;
  }

  .filterItem{
    text-align: right;
  }

  .carousel {
    position: relative;
    width: 19%;
    background: #cadbda;
    border-color: #4a4993;
    overflow: hidden;
    margin-bottom: 20px;
    display: inline-block;
    border-radius: 5px;
  }

  .slides {
    display: flex;
    transition: transform 0.5s ease;
  }

  .slide {
    flex: 0 0 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    max-height: 180px;
  }

  .slide img {
    width: 250px;
    height: 160px;
    object-fit: cover;
  }

  .arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(255, 255, 255, 0.5);
    padding: 10px;
    cursor: pointer;
    z-index: 100;
  }

  .arrow.left {
    left: 10px;
  }

  .arrow.right {
    right: 10px;
  }

  .carousel_desc{
    padding: 0px 0%;
    position: relative;
    color: white;
    background: #4a4993;
    z-index: 1;
    width: 100%;
    margin: 0% 0%;
    font-size: 15px;
    font-weight: bold;
  }

  .subtype_search{
    font-size: 25px;
    padding-right: 32px;
    font-family: 'STHeiti' !important;
    font-weight: bold;
    text-decoration: underline;
    color: #bd832e;
  }
  .subtype_search:visited{

    color: #bd832e;
  }


  .search_loaded{
    font-size: 33px;
    color: #575780;
  }

  .search_result{
    font-size: 20px;
    padding: 10px;
  }

  .width25{
      width: 22%;
      margin-right: 2.5%;
  }

  .carousel_title{
    width: 100%;
    color: white;
    padding: 0 5px;
    font-size: 15px;
    font-weight: bold;
    background-color: #575780;
  }