.component-all-reviews-interlink {

  position: relative;

  left: -50vw;

  width: 100vw;

  max-width: none;

  margin: 0 auto 0 50%;

  padding: 44px 30px 41px;

  --heading-color: #0b4e1a;

  --action-outline: #0b4e1a;

  --action-color: #0b4e1a;

  --action-color-hover: #fff;

}

@media (min-width: 1024px) {

  .component-all-reviews-interlink {

    padding: 90px 22.5px;

  }

}

.component-all-reviews-interlink.bg-color--primary {

  --heading-color: #fff;

  --action-outline: #fa9700;

  --action-color: #fff;

  --action-color-hover: #fff;

}

.component-all-reviews-interlink.bg-color--tertiary {

  --heading-color: #fff;

  --action-outline: #0b4e1a;

  --action-color: #fff;

  --action-color-hover: #fff;

}

.component-all-reviews-interlink.bg-color--colored-grey {

  --heading-color: #0e1b11;

  --action-outline: #fa9700;

  --action-color: #0e1b11;

  --action-color-hover: #fff;

}

.component-all-reviews-interlink.bg-color--grey {

  --heading-color: #0e1b11;

  --action-outline: #fa9700;

  --action-color: #0e1b11;

  --action-color-hover: #fff;

}

.component-all-reviews-interlink .section-inner-area {

  max-width: 1245px;

  margin: auto;

}

.component-all-reviews-interlink__title {

  margin-bottom: 35px;

  color: var(--heading-color);

  font-weight: 700;

  font-size: 24px;

  font-family: -apple-system, blinkmacsystemfont, "Segoe UI", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, "Roboto Condensed", sans-serif;

  line-height: 32px;

  letter-spacing: 0.41px;

  text-align: center;

  text-transform: inherit;

}

@media (min-width: 540px) {

  .component-all-reviews-interlink__title {

    margin-bottom: 44.5px;

    font-size: 35px;

    line-height: 39px;

  }

}

.component-all-reviews-interlink .casinos-search-wrap {

  position: relative;

  width: 100%;

  max-width: 713px;

  height: 57px;

  margin: auto;

  margin-bottom: 44.29px;

}

.component-all-reviews-interlink .casinos-search-wrap input {

  box-sizing: border-box;

  width: 100%;

  height: 100%;

  padding-right: 51px;

  padding-left: 20px;

  color: #0e1b11;

  font-size: 18px;

  line-height: 21px;

  background: #fff;

  border: none;

  border-radius: 13px;

  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);

}

@media (min-width: 1024px) {

  .component-all-reviews-interlink .casinos-search-wrap input {

    padding-left: 37px;

  }

}

.component-all-reviews-interlink .casinos-search-wrap input:focus, .component-all-reviews-interlink .casinos-search-wrap input:focus-within, .component-all-reviews-interlink .casinos-search-wrap input:focus-visible {

  outline: none;

  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);

}

.component-all-reviews-interlink .casinos-search-wrap svg {

  position: absolute;

  top: 50%;

  right: 16.5px;

  transform: translateY(-50%);

}

@media (min-width: 1024px) {

  .component-all-reviews-interlink .casinos-search-wrap svg {

    right: 18.5px;

  }

}

.component-all-reviews-interlink .casinos-wrap {

  display: grid;

  grid-template-columns: minmax(1fr, 325px);

  max-width: 1133px;

  margin: auto;

  grid-column-gap: 27px;

  -moz-column-gap: 27px;

       column-gap: 27px;

  grid-row-gap: 16px;

  row-gap: 16px;

}

@media (min-width: 768px) {

  .component-all-reviews-interlink .casinos-wrap {

    grid-template-columns: repeat(3, 205px);

  }

}

@media (min-width: 1000px) {

  .component-all-reviews-interlink .casinos-wrap {

    grid-template-columns: repeat(4, 205px);

  }

}

@media (min-width: 1180px) {

  .component-all-reviews-interlink .casinos-wrap {

    grid-template-columns: repeat(5, 205px);

    row-gap: 26px;

  }

}

@media (min-width: 768px) and (max-width: 1000px) {

  .component-all-reviews-interlink .casinos-wrap {

    max-width: 669px;

  }

}

@media (min-width: 1000px) and (max-width: 1180px) {

  .component-all-reviews-interlink .casinos-wrap {

    max-width: 901px;

  }

}

.component-all-reviews-interlink .casinos-wrap .casino-item {

  position: relative;

  display: none;

  align-items: center;

  height: 65px;

  overflow: auto;

  background: #f8f8f8;

  border-radius: 13px;

  box-shadow: 0 3px 6px rgba(39, 128, 52, 0.13);

  transition: 3ms all ease-out;

}

@media (min-width: 768px) {

  .component-all-reviews-interlink .casinos-wrap .casino-item {

    flex-direction: column;

    gap: initial;

    justify-content: space-between;

    height: 116px;

  }

}

.component-all-reviews-interlink .casinos-wrap .casino-item:hover {

  outline: 2px solid #fa9700;

  box-shadow: 0 3px 6px rgba(250, 151, 0, 0.02);

}

.component-all-reviews-interlink .casinos-wrap .casino-item.active {

  display: flex;

}

.component-all-reviews-interlink .casinos-wrap .casino-item .logo {

  display: flex;

  flex-grow: 0;

  flex-shrink: 0;

  align-items: center;

  justify-content: center;

  box-sizing: border-box;

  width: 50%;

  height: 100%;

  padding: 10px;

  background: #fff;

}

@media (min-width: 768px) {

  .component-all-reviews-interlink .casinos-wrap .casino-item .logo {

    flex-grow: 1;

    width: 100%;

    height: auto;

  }

}

.component-all-reviews-interlink .casinos-wrap .casino-item .logo img {

  width: auto;

  max-width: 128px;

  height: 100%;

  max-height: 42px;

  -o-object-fit: contain;

     object-fit: contain;

}

.component-all-reviews-interlink .casinos-wrap .casino-item .title {

  display: flex;

  align-items: center;

  width: 50%;

  padding: 0 28px;

}

@media (min-width: 768px) {

  .component-all-reviews-interlink .casinos-wrap .casino-item .title {

    justify-content: center;

    width: 100%;

    height: 50px;

    padding: 0;

    padding: initial;

    background: #f8f8f8;

  }

}

.component-all-reviews-interlink .casinos-wrap .casino-item .title a {

  color: #0b4e1a;

  -webkit-text-decoration: none;

  text-decoration: none;

}

.component-all-reviews-interlink .casinos-wrap .casino-item .title a::after {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  content: "";

}

.component-all-reviews-interlink .casinos-wrap .casino-item .title a:hover {

  color: #51bc60;

  opacity: 1;

}

.component-all-reviews-interlink .casinos-wrap .casino-item .icon {

  display: inline-flex;

  margin-left: auto;

  color: #0b4e1a;

}

.component-all-reviews-interlink .casinos-wrap-empty {

  display: none;

  padding: 55px 20px 80px;

  text-align: center;

}

.component-all-reviews-interlink .casinos-wrap-empty .heading {

  margin-bottom: 14px;

  color: var(--heading-color);

  font-weight: 700;

  font-size: 30px;

  line-height: 42px;

  text-align: center;

}

.component-all-reviews-interlink .casinos-wrap-empty .description {

  color: var(--heading-color);

  font-size: 22px;

  line-height: 26px;

  letter-spacing: -0.22px;

}

.component-all-reviews-interlink .casino-list__action {

  display: flex;

  gap: 12px;

  align-items: center;

  justify-content: center;

  width: 174px;

  height: 48px;

  margin: auto;

  margin-top: 34px;

  color: var(--action-color);

  font-weight: 700;

  font-size: 16px;

  line-height: 22px;

  letter-spacing: 0.27px;

  -webkit-text-decoration: none;

  text-decoration: none;

  background: transparent;

  border: 1px solid var(--action-outline);

  border-radius: 37px;

  cursor: pointer;

  transition: 3ms all ease-out;

}

.component-all-reviews-interlink .casino-list__action svg {

  flex-grow: 0;

  flex-shrink: 0;

  width: 14px;

  height: 8px;

  margin-top: 4px;

}

.component-all-reviews-interlink .casino-list__action svg path {

  fill: var(--action-outline);

}

.component-all-reviews-interlink .casino-list__action:hover {

  color: var(--action-color-hover);

  background: var(--action-outline);

}

.component-all-reviews-interlink .casino-list__action:hover svg path {

  fill: #fff;

}

@media (min-width: 1024px) {

  .component-all-reviews-interlink .casino-list__action {

    margin: auto;

    margin-top: 62px;

  }

}