.title {
  margin: 10px 0;
  text-align: center;
  font-size: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: 'Cairo';
  font-weight: 700; }

.restaurant-wrapper {
  min-height: 200px;
  margin-top: 30px;
  color: #E30D1A;
  position: relative; }
  .restaurant-wrapper .go-back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-bottom: 20px;
    padding-top: 0px; }
  .restaurant-wrapper .bg-decor {
    z-index: 0;
    pointer-events: none;
    position: absolute; }
    .restaurant-wrapper .bg-decor.bg-decor-1 {
      right: 0px;
      bottom: -150px; }
    .restaurant-wrapper .bg-decor.bg-decor-2 {
      left: 0;
      top: 50%;
      -webkit-transform: translate(0, -50%);
              transform: translate(0, -50%); }
  .restaurant-wrapper .cities-list {
    width: 75%;
    margin: 0px auto 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 35px; }
    .restaurant-wrapper .cities-list .city {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 10px;
      z-index: 1; }
      .restaurant-wrapper .cities-list .city .city-name {
        text-align: right;
        font-size: 20px;
        font-weight: 700; }
      .restaurant-wrapper .cities-list .city .restaurants-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 17px; }
        .restaurant-wrapper .cities-list .city .restaurants-list .restaurant-preview {
          border-radius: 10px;
          border: 1px solid rgba(255, 255, 255, 0.7);
          background: rgba(77, 77, 77, 0.7);
          color: white;
          font-size: 16px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          gap: 10px;
          height: 35px;
          text-align: right;
          padding-right: 10px;
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start;
          direction: rtl; }
          .restaurant-wrapper .cities-list .city .restaurants-list .restaurant-preview .restaurant-name {
            font-weight: 500;
            font-size: 15px; }

.restaurant-page {
  min-height: 200px;
  color: #E30D1A;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .restaurant-page .address {
    font-size: 20px;
    font-weight: 600; }
  .restaurant-page .title {
    font-size: 34px; }
  .restaurant-page .images-wrapper {
    width: 70%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 15px;
    margin-top: 20px; }
    .restaurant-page .images-wrapper .img-obj {
      position: relative; }
      .restaurant-page .images-wrapper .img-obj .user-name {
        position: absolute;
        background-color: #E30D1A;
        padding: 8px 20px;
        bottom: 15px;
        right: -15px;
        font-size: 14px;
        font-weight: 700;
        color: white; }

#lightboxCaption {
  position: absolute;
  background-color: #E30D1A;
  padding: 8px 20px;
  bottom: 15px;
  right: -15px;
  font-size: 14px;
  font-weight: 700;
  color: white; }

.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-size: 100% 100%;
  width: 2.5rem;
  /* bigger arrow */
  height: 2.5rem; }

/* Previous arrow */
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23E30D1A' width='12' height='12' viewBox='0 0 12 12'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); }

/* Next arrow */
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23E30D1A' width='12' height='12' viewBox='0 0 12 12'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); }

.carousel-control-prev, .carousel-control-next {
  opacity: 1; }

/* Lightbox close button */
#lightboxModal .close {
  position: absolute;
  top: 0;
  right: 1rem;
  z-index: 1050;
  font-size: 3rem;
  color: #E30D1A;
  opacity: 1;
  text-shadow: none; }

#lightboxModal .close:hover,
#lightboxModal .close:focus {
  color: #B20A14;
  outline: none; }

.footer-text {
  display: none; }