.breadcrumb .breadcrumb-item {
    font-weight: 700;
  }
  .breadcrumb .breadcrumb-item a {
    color: #807e7e;
    text-decoration: none;
    font-weight: 700;
  }
  .page-tool-item {
    background-color: transparent;
  }
  .page-tool-text {
    color: #cdcdcd;
    font-size: 12px;
  }
  .page-title::before {
    content: '';
    width: 25%;
    height: 7px;
    background-color: #cab373;
    position: absolute;
    bottom: -10px;
    left: 0;
  }
  .page-title-2::before {
    content: '';
    width: 25%;
    height: 7px;
    background-color: #223b5c;
    position: absolute;
    bottom: -10px;
    left: 0;
  }
  .spaced-title {
    letter-spacing: 5px;
  }
  .fs-36 {
    font-size: 36px;
  }
  .fs-14 {
    font-size: 14px;
  }
  .fs-13 {
    font-size: 13px;
  }
  .primary-btn {
    padding: 20px 40px;
    background-color: #223a5a;
    font-weight: 800;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    text-align: center;
    font-size: 14px;
  }
  .primary-btn:hover {
    background-color: #18293f;
    color: #fff;
  }
  .ik-container-left-border::before {
    content: '';
    position: absolute;
    width: 3px;
    height: calc(100% - 130px);
    background-color: #f2f2f2;
  }
  .ik-left-img::after {
    content: '';
    position: absolute;
    width: 3px;
    height: calc(100% + 35px);
    right: 10px;
    background-color: #f2f2f2;
  }
  .ik-left-text::after {
    content: '';
    position: absolute;
    width: 3px;
    height: calc(100% - 80px);
    right: 0px;
    top: -35px;
    background-color: #f2f2f2;
  }
  .listing-page-bg {
    height: 420px;
    top: -40px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: end;
  }
  .listing-page-bg .breadcrumb .breadcrumb-item a,
  .listing-page-bg .breadcrumb .breadcrumb-item {
    font-weight: 500;
    color: rgba(255, 255, 255, 0.575);
  }
  .city-listing-item {
    display: flex;
    align-items: end;
    min-height: 280px;
    background-repeat: no-repeat;
    background-size: 100%;
    text-decoration: none;
  }
  .city-listing-categories{
    list-style: none;
    padding-left: 0;
  }
  .city-listing-categories li {
    display: inline;
    border-left: 2px solid rgba(255, 255, 255, 0.575);
    padding-left: 5px;
    padding-right: 5px;
    color: rgba(255, 255, 255, 0.575);
    font-weight: 600;
  }
  .city-listing-categories li:first-child{
    border: none;
    padding-left: 0;
  }
  #otel-page-rezervation {
    width: calc(100% - 190px);
    bottom: 15px;
    margin: 0 95px;
    z-index: 12;
  }
  .cities-detail-title {
    line-height: 20px;
    flex-shrink: 0;
  }
  .cities-title-holder {
    display: flex;
    align-items: end;
    gap: 10px;
  }
  #rota .box {
    padding-inline: 10px;
  }
  #rota .box p {
    color: #9f9f9f !important;
  }
  .cities-detail-tabs {
    border-bottom: 2px solid #e0e0e0;
    padding-bottom: 1.75rem;
  }
  .cities-detail-tabs .nav-link {
    border: 1px solid #e0e0e0;
    border-left: none;
    border-radius: 0;
    width: 100%;
    padding: 10px 0;
  }
  .cities-detail-tabs .nav-link:first-child {
    border-left: 1px solid #e0e0e0;
  }
  .cities-detail-tabs .nav-link.active,
  .cities-detail-tabs .nav-link:hover {
    color: #fff;
    background-color: #223a59;
    border-color: transparent;
  }
  .cities-detail-tabs .nav-link img {
    width: 32px;
  }
  .cities-detail-tabs .nav-link.active img,
  .cities-detail-tabs .nav-link:hover img{
    filter: grayscale(100%) brightness(200%);
    -webkit-filter: grayscale(100%) brightness(200%);
    -moz-filter: grayscale(100%) brightness(200%);
  }
  #rota .cities-detail-tabs .nav-link p{
    margin-top: 5px;
    margin-bottom: 0;
    font-weight: 600;
  }
  #rota .cities-detail-tabs .nav-link.active p,
  #rota .cities-detail-tabs .nav-link:hover p{
    color: #fff !important;
  }
  .cities-detail-tabs .nav-item {
    flex-grow: 1;
  }
  .cities-detail-tab-content .tab-image-item .city-listing-categories li{
    color: #fff;
  }
  .cities-detail-tab-content .tab-image-item .detail {
    position: absolute;
    bottom: 0;
  }
  .city-detail-galleries .all-gallery-caption {
    position: absolute;
    top: 10px;
    left: 10px;
    height: calc(100% - 20px);
    width: calc(100% - 20px);
    background: #203f5e87;
  }
  .grey-ghost-btn {
    display: flex;
    width: 100%;
    padding: 15px 20px;
    text-decoration: none;
    font-size: 13px;
    color: #bdbdbd;
    border: 1px solid #bdbdbd;
    text-align: center;
    align-items: center;
    transition: .2s;
  }
  .grey-ghost-btn span {
    flex-grow: 1;
    font-weight: 700;
  }
  .grey-ghost-btn:hover{
    color: #203f5e;
    border-color: #203f5e;
  }
  .right-border {
    border-right: 2px solid #dadada;
  }
  .custom-form-label {
    font-size: 13px;
    font-weight: 700;
  }
  .custom-form-input {
    padding: 15px 10px;
    border-radius: 0;
    border: 2px solid #dadada;
  }
  .custom-form-input::placeholder {
    font-weight: 700;
    font-size: 13px;
    color: #969090
  }
  .custom-form-input[aria-invalid="true"],
  .has-error .custom-form-input {
    border-color: #ff6174;
  }
  .custom-form-input[aria-invalid="true"]:focus,
  .has-error .custom-form-input:focus {
    border-color: #ff6174;
    box-shadow: 0 0 0 0.25rem rgb(218 218 218);
  }
  .custom-form-input[aria-invalid="true"]::placeholder,
  .has-error .custom-form-input::placeholder {
    color: #ff6174;
  }
  .has-error {
    position: relative;
  }
  .has-error::after {
    content: '';
    width: 23px;
    height: 23px;
    position: absolute;
    right: -20px;
    top: 50%;
    background: url('../images/icons/warning.png');
    background-repeat: no-repeat;
    z-index: 1;
  }

  .custom-form-select {
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-repeat: no-repeat;
    background-image: linear-gradient(45deg, transparent 50%, #828282 50%), linear-gradient(135deg, #828282 50%, transparent 50%);
    background-position: right 15px top 50%, right 10px top 50%;
    background-size: 5px 5px, 5px 5px;
    padding: 15px 10px;
    border-radius: 0;
    border: 2px solid #dadada;
    font-weight: 700;
    color: #223a59;
  }
  .custom-form-btn {
    padding: 15px 100px;
    background-color: #203f5e;
    border: none;
  }
  .custom-file-input-holder {
    display: flex;
    align-items: center;
    padding: 10px;
    background-color: #f2f2f2;
    color: #a9a9a9;
    gap: 20px;
  }
  .custom-file-input-holder .custom-file-label {
    padding: 10px;
    background-color: #fff;
    gap: 10px;
    font-size: 14px;
    color: #a9a9a9;
  }

  .add-input-btn {
    display: flex;
    align-items: center;
    padding: 15px;
     background-color: #efefef;
     width: 100%;
     border: none;
     transition: .2s;
  }
  .add-input-btn span {
    font-size: 14px;
    color: #6f6f6;
    margin-left: 10px;
    font-weight: 500;
  }
  .add-input-btn:hover{
    background-color: #dddddd;
  }
  .custom-check-input {
    width: 2.25em;
    height: 2em;
    border-radius: 0 !important;
    margin-top: 0;
  }
  .page-share-btn .dropdown-item {
    background-color: #fff;
    margin-left: 3px;
    margin-right: 3px;
    box-shadow: -1px 8px 10px -1px rgb(0 0 0 / 10%);

  }
  .page-tool-menu {
    width: auto;
    min-width: 3rem;
    background-color: transparent;
    border: none;
    margin-left: 15px !important;
    top: -5px !important;
  }
  .page-share-btn.dropdown-item:focus, .page-share-btn.dropdown-item:hover {
    background-color: #fff;
  }
  .page-share-btn.dropdown-toggle::after {
    display: none;
  }
  .page-share-btn.dropdown-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #fff;
    align-items: center;
    justify-content: center;
    margin-left: 3px;
    margin-right: 3px;
  }
  .page-tool-menu .dropdown-item {
    display: flex;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #fff;
    align-items: center;
    justify-content: center;
    margin-left: 3px;
    margin-right: 3px;
    box-shadow: -1px 8px 10px -1px rgb(0 0 0 / 10%);
  }
  .facebook-btn {
    background-color: #4267B2 !important;
    color: #fff;
  }
  .twitter-btn {
    background-color: #1DA1F2 !important;
    color: #fff;
  }
  .linkedin-btn {
    background-color: #0e76a8 !important;
    color: #fff;
  }
  .facebook-btn:hover,
  .facebook-btn:focus,
  .facebook-btn:active,
  .twitter-btn:hover,
  .twitter-btn:focus,
  .twitter-btn:active,
  .linkedin-btn:hover,
  .linkedin-btn:focus,
  .linkedin-btn:active {
    color: rgb(219, 219, 219);
  }
  .page-tools {
    display: flex;
    align-items: center;
  }
  @media screen and (max-width: 768px) {
    .cities-title-holder {
      flex-wrap: wrap;
    }
    .page-title,
    .page-title-2,
    .breadcrumb-holder {
      width: 100%;
    }
    .page-title-holder {
      flex-direction: column;
      margin-bottom: 20px;
    }
    .page-tools {
      width: 100%;
      justify-content: space-around;
      display: flex;
    }
    .city-listing-item {
      min-height: 190px;
    }
    .cities-detail-tabs {
      flex-wrap: nowrap;
      overflow: auto;
    }
    .cities-detail-tabs .nav-link {
      width: max-content;
    }
  }

  .rotam-menu-item a.dropdown-toggle::after {
  display: none;
}
.rotam-menu-item .dropdown-menu {
  background-image: none !important;
  right: 0 !important;
  min-width: 30rem;
  left: unset;
  top: 110%;
  border-radius: 0;
}

.fw-extrabold {
  font-weight: 800;
}
.fs-10 {
  font-size: 10px !important;
}

.c-dark-grey {
  color: #3a3a3a;
}
.route-item {
   border: 2px dashed #cccccc;
}

.route-item-desc {
   color: #a1a1a1;
   font-weight: 500;
}
.blue-bg {
   background: #2a4e72;
}
.green-bg {
   background: #cab373;
}
.grey-bg {
   background: #d5d5d5;
}
.custom-btn {
   font-weight: 800;
   padding: 15px 20px;
   border-radius: 0;
   height: 50px;
}
.route-title {
   font-size: calc(1.3rem + .6vw);
}
@media screen and (max-width: 768px) {
   .route-title {
      font-size: 32px;
      text-align: center
   }
   .route-container {
      padding-top: 170px;
   }
}