* {
    margin: 0;
    padding: 0;

    list-style-type: none;
    text-decoration: none !important;

    box-sizing: border-box;
}

ul {
    margin: 0;
    padding: 0;
}

body {
    min-height: 100vh;
    background-image: linear-gradient(to bottom right, #fffbd5, #b20a2c);
}

.brands_list {
    width: 1060px;
    margin: 100px auto 150px;
}

.brand_item {
    margin-bottom: 50px;
}

.brand_item:last-child {
    margin-bottom: 0px;
}

.brand_container {
    padding: 30px 0;

    display: flex;
    justify-content: space-evenly;
    align-items: center;

    border-radius: 20px;

    color: black;

    background-color: #fff;

    transition: all 0.3s ease;
}

.brand_container:hover {
    -webkit-box-shadow: 0px 0px 50px 30px rgba(255,255,255,0.75);
    -moz-box-shadow: 0px 0px 50px 30px rgba(255,255,255,0.75);
    box-shadow: 0px 0px 50px 30px rgba(255,255,255,0.75);

    transform: scale(1.05);
}

.brand_imgContainer {}

.brand_imgContainer img, svg {
    width: 200px;
    height: 100px;
}

.brand_ratingContainer {}

.brand_score {
    margin-bottom: 5px;

    font-size: 40px;
    font-weight: 700;
    text-align: center;
}

.brand_scoreList {
    display: flex;
    gap: 1.5%;
}

.brand_scoreList i {
    font-size: 20px;
}

.brand_description {
    width: 40%;
    margin-bottom: 0;
    line-height: 25px;
}


@media (max-width: 1100px) {
    .brands_list {
        width: 700px;
    }
}

@media (max-width: 740px) {
    .brands_list {
        width: 90%;
    }

    .brand_container {
        flex-direction: column;
    }

    .brand_ratingContainer {
        margin: 20px 0 40px;
    }

    .brand_description {
        width: 80%;

        text-align: center;
    }
}

@media (min-width: 1100px) {
    .brand_container {
        height: 178px;
    }
}







#cookie {
  width: 100%;
  height: 100vh;
  overflow: hidden;

  background-color: rgba(245, 245, 245, .9);

  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;

  z-index: 9999;

  display: none;
  justify-content: center;
  align-items: center;
}

.cookie_content {
  width: 60%;
  padding: 30px 40px;

  border: 1px solid black;
  background-color: white;
}

.cookie_content p {
  margin: 20px 0 40px;
}

.cookie_content ul {
  margin: 0;
  padding: 0;

  list-style-type: none;

  display: flex;
  justify-content: flex-end;
}

.cookie_content ul li:first-child {
  margin-right: 30px;
}

.cookie_button {
  width: 110px;

  padding: 10px 0;

  border: 1px solid black;
  background-color: transparent;

  border-radius: 2px;

  transition: all 0.3s ease;
}

.cookie_button:hover {
  color: white;
  background-color: black;
}

.cookie_content ul li:last-child button {
  padding: 10px o;
}

.stop-scroll {
  margin: 0;
  height: 100%;

  overflow: hidden;
}

@media (max-width: 550px) {
    
  .cookie_content {
      width: 90%;
  }


}

@media (max-width: 370px) {
  
  .cookie_content ul {
      flex-direction: column;
  }

  .cookie_content ul li button {
      width: 100%;
  }

  .cookie_content ul li:first-child {
      margin: 0 0 20px 0;
  }
}