body {
  color: #000;
  position: relative;
  font-family: "Montserrat", sans-serif; }

span {
  display: block; }

a {
  outline: 0;
  color: #000;
  display: block;
  text-decoration: none; }

a:hover {
  outline: 0;
  text-decoration: none; }

a:active,
a:focus {
  outline: 0; }

button {
  outline: 0; }

button:hover,
button:active,
button:focus,
button:visited {
  outline: 0; }

button,
input,
select,
textarea {
  outline: none; }

ul {
  margin: 0;
  padding: 0; }

ul li {
  list-style-type: none; }

.ck-content ul li {
  list-style-type: disc;
  list-style-position: inside; }

.ck-content ol li {
  list-style-type: decimal;
  list-style-position: inside; }

.ck-content ul li::marker {
  margin-right: 5px !important; }

.ck-content ol li::marker {
  margin-right: 5px !important; }

.mt-50 {
  margin-top: 50px; }

.container-fluid {
  padding: 0 140px; }

.general-home-top {
  display: flex;
  align-items: end;
  padding: 50px 0 20px 0;
  justify-content: space-between; }
  .general-home-top .generel-top-left {
    display: block; }
  .general-home-top .general-title {
    color: #00347e;
    font: 600 25px/35px "Montserrat", sans-serif; }
  .general-home-top .general-content {
    color: #707070;
    font: 400 16px/20px "Montserrat", sans-serif; }
  .general-home-top .general-top-right {
    display: flex;
    align-items: center; }
    .general-home-top .general-top-right .general-button a {
      color: #00347e;
      transition: all 0.3s ease;
      font: 500 16px/20px "Montserrat", sans-serif; }
      .general-home-top .general-top-right .general-button a:hover {
        color: #1776d1; }
    .general-home-top .general-top-right .general-arrows {
      display: flex;
      align-items: center; }
      .general-home-top .general-top-right .general-arrows a {
        margin-left: 15px;
        cursor: pointer;
        color: #fff; }
        .general-home-top .general-top-right .general-arrows a i,
        .general-home-top .general-top-right .general-arrows a svg {
          color: #00347e;
          font-size: 18px;
          transition: all 0.3s ease; }
        .general-home-top .general-top-right .general-arrows a:hover i,
        .general-home-top .general-top-right .general-arrows a:hover svg {
          color: #1776d1; }

header {
  top: 0;
  left: 0;
  padding: 20px 0;
  width: 100%;
  height: 157px;
  z-index: 999;
  background: transparent;
  position: absolute; }
  header .container-fluid {
    height: 100%; }
  header .header-flex {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between; }
  header .header-left .header-menu {
    margin: 0; }
  header .header-right {
    display: flex;
    align-items: center; }
  header .header-menu ul {
    display: flex;
    align-items: center; }
    header .header-menu ul li {
      margin-right: 25px; }
      header .header-menu ul li a {
        color: #90a1b7;
        transition: all 0.3s ease;
        font: 500 16px/20px "Montserrat", sans-serif; }
        header .header-menu ul li a:hover {
          color: #fff; }
  header .header-logo {
    top: 10px;
    position: absolute;
    width: fit-content;
    display: flex;
    margin: 0 auto;
    left: 0;
    right: 0; }
    header .header-logo a {
      height: 120px; }
    header .header-logo img {
      height: 100%; }
  header .language {
    border-right: 1px solid #90a1b7;
    border-left: 1px solid #90a1b7; }
    header .language button.btn-secondary {
      color: #90a1b7;
      padding: 5px 20px !important;
      border: none !important;
      background-color: transparent; }
    header .language .dropdown-toggle:after {
      display: none !important; }
    header .language .dropdown-toggle:focus {
      border: none !important;
      background: none !important;
      box-shadow: none !important; }
  header .header-panel-button {
    margin-left: 20px; }
    header .header-panel-button button {
      color: #90a1b7;
      display: flex;
      border: none;
      box-shadow: none;
      background-color: transparent;
      align-items: center;
      transition: all 0.3s ease;
      font: 500 16px/20px "Montserrat", sans-serif; }
      header .header-panel-button button i,
      header .header-panel-button button svg {
        color: #90a1b7;
        font-size: 18px;
        margin-right: 7px;
        transition: all 0.3s ease; }
      header .header-panel-button button.show {
        color: #fff;
        background: transparent;
        border: none; }
        header .header-panel-button button.show i,
        header .header-panel-button button.show svg {
          color: #fff; }
      header .header-panel-button button:hover {
        color: #fff;
        background: transparent;
        border: none; }
        header .header-panel-button button:hover i,
        header .header-panel-button button:hover svg {
          color: #fff; }
    header .header-panel-button .dropdown-menu {
      height: fit-content;
      box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.24); }

.dropdown-item {
  color: #214f8e;
  padding: 10px 20px;
  font: 500 16px/20px "Montserrat", sans-serif;
  border-bottom: 1px solid #f5f5f5; }
  .dropdown-item:hover {
    color: #214f8e !important; }
  .dropdown-item.active {
    color: #ffffff !important; }
  .dropdown-item:last-child {
    border-bottom: none; }

header.general-header {
  position: relative; }
  header.general-header .header-menu ul li a {
    color: #00347e; }
    header.general-header .header-menu ul li a:hover {
      color: #707070; }
  header.general-header .language button.btn-secondary {
    color: #00347e; }
  header.general-header .header-panel-button button:hover {
    color: #707070;
    background-color: transparent !important; }
    header.general-header .header-panel-button button:hover i,
    header.general-header .header-panel-button button:hover svg {
      color: #707070; }
  header.general-header .header-panel-button button.show {
    color: #707070;
    background-color: transparent !important; }
    header.general-header .header-panel-button button.show i,
    header.general-header .header-panel-button button.show svg {
      color: #707070; }
  header.general-header .header-panel-button button.active {
    background-color: transparent !important; }
  header.general-header .header-panel-button a {
    color: #00347e; }
    header.general-header .header-panel-button a i,
    header.general-header .header-panel-button a svg {
      color: #00347e; }
    header.general-header .header-panel-button a:hover {
      color: #707070; }
      header.general-header .header-panel-button a:hover i,
      header.general-header .header-panel-button a:hover svg {
        color: #707070; }

header.header-mobile {
  display: none; }

.slider-area {
  width: 100%;
  height: 800px;
  position: relative;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  background-blend-mode: multiply; }
  .slider-area .container-fluid {
    height: 100%; }
  .slider-area .slider-text-area {
    position: absolute;
    inset: 0; }
    .slider-area .slider-text-area .container-fluid {
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      padding-bottom: 50px; }
      .slider-area .slider-text-area .container-fluid .slider-title {
        margin-bottom: 200px; }
  .slider-area .slider-title {
    z-index: 11;
    color: white;
    font: 600 35px/50px "Montserrat", sans-serif; }
  .slider-area .slider-search {
    left: 0;
    bottom: 50px;
    z-index: 444;
    width: 100%;
    padding: 10px;
    background: #fff;
    border-radius: 10px; }
  .slider-area .mobile-flex {
    display: flex;
    align-items: center; }

.slider-right-bg {
  width: 0;
  height: 0;
  top: 6%;
  right: 0;
  position: absolute;
  border-top: 142px solid transparent;
  border-bottom: 180px solid transparent;
  border-right: 98px solid #1776d1; }

.slider-madalya img {
  right: -1px;
  top: 23%;
  z-index: 33;
  height: 180px;
  position: absolute; }

form#slider-search-form {
  display: flex;
  align-items: stretch;
  justify-content: space-between; }
  form#slider-search-form .f1 {
    flex: 0.6; }
  form#slider-search-form .f2 {
    flex: 1.4; }
  form#slider-search-form .f3 {
    flex: 3; }
  form#slider-search-form .f4 {
    flex: 0.1; }
  form#slider-search-form .f5 {
    flex: 1; }
  form#slider-search-form .search-item {
    width: 100%;
    margin-right: 10px;
    line-height: 1em; }
    form#slider-search-form .search-item .label {
      color: #90a1b7;
      margin: 0;
      font: 400 16px/20px "Montserrat", sans-serif; }
    form#slider-search-form .search-item .select-dropdown {
      height: 100%; }
    form#slider-search-form .search-item .select-dropdown button.select-button {
      background: rgba(8, 35, 74, 0.9);
      padding: 10px 20px;
      width: 100%;
      height: 100%;
      border-radius: 10px;
      border: none;
      color: #fff;
      font: 600 18px/20px "Montserrat", sans-serif;
      text-align: start; }
      form#slider-search-form .search-item .select-dropdown button.select-button .label {
        margin-bottom: 10px; }
      form#slider-search-form .search-item .select-dropdown button.select-button .brand-text,
      form#slider-search-form .search-item .select-dropdown button.select-button .purchase-text {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 20px; }
      form#slider-search-form .search-item .select-dropdown button.select-button.dropdown-btn.show {
        border-radius: 10px 10px 0 0; }
  form#slider-search-form .search-item:last-child {
    margin-right: 0; }
  form#slider-search-form button.search-button {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    border-radius: 10px;
    background-color: #00347e;
    color: #fff;
    border: none;
    box-shadow: none;
    transition: all 0.5s;
    gap: 10px;
    font: 600 18px/30px "Montserrat", sans-serif; }
    form#slider-search-form button.search-button i,
    form#slider-search-form button.search-button svg {
      font-size: 18px; }
    form#slider-search-form button.search-button:hover {
      background-color: #0f418a; }
  form#slider-search-form .date-icon {
    width: 40px;
    height: 40px;
    background-color: rgba(8, 35, 74, 0.9);
    margin: auto; }
    form#slider-search-form .date-icon img {
      height: 100%;
      display: flex;
      padding: 10px;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
  form#slider-search-form .mobile-flex {
    margin-right: 10px; }

.boat-code-search {
  width: max-content !important; }
  @media screen and (max-width: 991px) {
    .boat-code-search {
      width: 100% !important; } }

@media screen and (min-width: 991px) and (max-width: 1150px) {
  .boat-code-search-btn span {
    display: none; } }

.dropdown-menu {
  height: 300px;
  overflow-y: scroll;
  padding: 0;
  min-width: 100%;
  background-color: white;
  border-radius: 0 0 5px 5px;
  border: none;
  text-align: left;
  border: 1px solid #ddd;
  border-top: none; }
  .dropdown-menu.lang-menu {
    height: auto; }
  .dropdown-menu::-webkit-scrollbar {
    width: 2px !important; }
  .dropdown-menu::-webkit-scrollbar-track {
    background: transparent !important; }
  .dropdown-menu::-webkit-scrollbar-thumb {
    background: #999 !important;
    border-radius: 2px !important; }
  .dropdown-menu label {
    color: #161616;
    width: 100%;
    cursor: pointer; }
    .dropdown-menu label input {
      display: none; }
  .dropdown-menu ul {
    padding: 0; }
    .dropdown-menu ul li {
      font: 400 16px/21px "Montserrat", sans-serif;
      color: #161616; }
    .dropdown-menu ul .list-ul li {
      background-color: white; }
      .dropdown-menu ul .list-ul li:hover {
        background-color: #f5f5f5; }
    .dropdown-menu ul .list-ul label {
      display: flex;
      align-items: center;
      color: #012b67;
      padding: 8px 20px;
      width: 100%;
      cursor: pointer; }
      .dropdown-menu ul .list-ul label i,
      .dropdown-menu ul .list-ul label svg {
        color: #012b67;
        font-size: 16px;
        margin-right: 10px; }
    .dropdown-menu ul label.sticky-top {
      top: 0;
      width: 100%;
      height: 40px;
      display: flex;
      align-items: center;
      padding: 8px 20px;
      position: sticky;
      background-color: white;
      color: #012b67;
      font: 500 17px/21px "Montserrat", sans-serif;
      border-bottom: 1px solid #ddd; }
      .dropdown-menu ul label.sticky-top i,
      .dropdown-menu ul label.sticky-top svg {
        color: #012b67;
        font-size: 16px;
        margin-right: 10px; }
      .dropdown-menu ul label.sticky-top:hover {
        background-color: #f5f5f5; }

.hour-dropdown {
  height: auto;
  max-height: 295px;
  overflow-y: auto; }
  .hour-dropdown ul li {
    border-bottom: 1px solid #dddddd72; }
    .hour-dropdown ul li label {
      padding: 10px 20px;
      width: 100%;
      cursor: pointer; }
      .hour-dropdown ul li label.disabled span {
        text-decoration: line-through;
        color: #999; }
    .hour-dropdown ul li:hover {
      background-color: #f5f5f5; }

.person-dropdown {
  padding: 20px;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  .person-dropdown .person-counter {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px; }
    .person-dropdown .person-counter input {
      width: 50px; }
    .person-dropdown .person-counter button {
      background-color: #015fb9;
      color: white;
      border: none;
      width: 38px;
      height: 38px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      font: 600 20px/24px "Montserrat", sans-serif; }
      .person-dropdown .person-counter button:hover {
        background-color: #1776d1; }
  .person-dropdown.show {
    height: auto;
    display: flex; }

.reservation-item {
  display: flex;
  flex-direction: column;
  margin: 0 7px;
  position: relative;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #ddd;
  height: 100%; }
  .reservation-item .reservation-heart {
    right: 10px;
    top: 10px;
    z-index: 222;
    position: absolute;
    width: 30px;
    height: 30px;
    color: #fff; }
    .reservation-item .reservation-heart.fav i,
    .reservation-item .reservation-heart.fav svg {
      background-color: #015fb9;
      color: #fff;
      border-color: #015fb9; }
    .reservation-item .reservation-heart i,
    .reservation-item .reservation-heart svg {
      width: 100%;
      height: 100%;
      padding: 5px;
      color: #fff;
      font-size: 15px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      border: 1px solid #fff; }
  .reservation-item .reservation-image {
    border-radius: 10px 10px 0 0; }
    .reservation-item .reservation-image img {
      border-radius: 10px 10px 0 0;
      height: 200px;
      min-height: 200px;
      max-height: 200px;
      width: 100%;
      object-fit: cover; }
  .reservation-item .reservation-button {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2;
    height: 25px;
    width: fit-content;
    display: flex;
    padding: 5px 7px;
    align-items: center;
    color: #fff;
    font: 400 16px/15px "Montserrat", sans-serif;
    transition: all 0.3s ease;
    background-color: #015fb9; }
    .reservation-item .reservation-button i,
    .reservation-item .reservation-button svg {
      color: #fff;
      font-size: 11px;
      margin-right: 5px; }
    .reservation-item .reservation-button:hover {
      background-color: #1776d1; }
  .reservation-item .reservation-text {
    padding: 10px;
    border-top: none;
    border-radius: 0 0 10px 10px;
    flex: 1;
    height: 100%;
    display: flex;
    flex-direction: column; }
    .reservation-item .reservation-text .reservation-title {
      margin-top: 5px;
      color: #707070;
      font: 400 16px/20px "Montserrat", sans-serif; }
      .reservation-item .reservation-text .reservation-title .capacity {
        color: #707070;
        font: 400 16px/20px "Montserrat", sans-serif; }
    .reservation-item .reservation-text .star-div {
      display: flex;
      align-items: center;
      margin-top: auto; }
      .reservation-item .reservation-text .star-div i,
      .reservation-item .reservation-text .star-div svg {
        font-size: 16px;
        color: #f19624;
        margin-right: 2px; }
    .reservation-item .reservation-text .price-div {
      color: #000;
      font: 300 16px/20px "Montserrat", sans-serif; }
      .reservation-item .reservation-text .price-div strong {
        font: 600 16px/20px "Montserrat", sans-serif; }
    .reservation-item .reservation-text .note {
      color: #5ba25a;
      font: 400 14px/20px "Montserrat", sans-serif; }

.features-area {
  padding: 0px 0 300px 0;
  position: relative; }
  .features-area .features-list .feature-item {
    display: flex !important;
    padding: 0 5px;
    align-items: center;
    justify-content: space-between; }
    .features-area .features-list .feature-item-inner {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 10px;
      gap: 10px;
      background-color: #00347e; }
    .features-area .features-list .feature-item .feature-icon {
      height: 150px; }
      .features-area .features-list .feature-item .feature-icon img {
        height: 100%; }
    .features-area .features-list .feature-item .feature-title {
      color: #fff;
      font: 600 20px/28px "Montserrat", sans-serif; }
      @media (max-width: 1201px) {
        .features-area .features-list .feature-item .feature-title {
          font: 600 18px/24px "Montserrat", sans-serif; } }
  .features-area button.feature-all {
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    margin: 35px auto 0 auto;
    font: 600 16px/25px "Montserrat", sans-serif;
    background: #00347e;
    border: none;
    padding: 11px 50px; }

.home-boat-list-area {
  top: -280px;
  position: absolute;
  width: 100%;
  z-index: 333; }

.boat-item {
  height: 330px;
  min-height: 330px;
  max-height: 330px;
  margin: 0 5px;
  position: relative;
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); }
  .boat-item .boat-img {
    position: absolute;
    inset: 0;
    z-index: 1; }
    .boat-item .boat-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      background-color: #00347e; }
  .boat-item .boat-text {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    inset: 0;
    z-index: 20;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: end;
    padding: 25px; }
    .boat-item .boat-text .text-container {
      position: absolute;
      bottom: 25px;
      height: calc(100% - 55px);
      overflow: hidden;
      transition: all 0.3s ease; }
    .boat-item .boat-text .boat-title {
      width: 80%;
      color: #fff;
      font: 600 22px/30px "Montserrat", sans-serif; }
    .boat-item .boat-text .boat-content {
      color: #fff;
      font: 400 16px/18px "Montserrat", sans-serif;
      padding-right: 25px;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden; }
  .boat-item--type {
    height: auto;
    min-height: unset;
    max-height: unset;
    box-shadow: none; }
    .boat-item--type .boat-img {
      height: 300px;
      max-height: 300px;
      min-height: 300px;
      position: unset; }
      .boat-item--type .boat-img img {
        object-fit: contain; }
    .boat-item--type .boat-content {
      padding: 10px; }
      .boat-item--type .boat-content-title {
        color: #00347e;
        font: 600 22px/30px "Montserrat", sans-serif; }

.home-question-area {
  height: 650px;
  position: relative;
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #00347e;
  background-image: url("/assets/images/question-bg.webp"); }
  .home-question-area .container-fluid {
    height: 100%; }
  .home-question-area .row {
    height: 100%;
    padding-top: 50px;
    align-items: center;
    justify-content: space-between; }
  .home-question-area .question-image img {
    width: 100%; }
  .home-question-area .question-text {
    padding-left: 50px; }
    .home-question-area .question-text .question-title {
      color: #fff;
      font: 600 28px/40px "Montserrat", sans-serif; }
    .home-question-area .question-text .question-content {
      color: #fff;
      margin: 7px 0;
      font: 400 16px/22px "Montserrat", sans-serif; }
    .home-question-area .question-text .question-bottom {
      display: flex;
      margin-top: 20px;
      align-items: center;
      justify-content: space-between; }
    .home-question-area .question-text .question-certificate {
      height: 70px; }
      .home-question-area .question-text .question-certificate img {
        height: 100%; }

.question-button a {
  padding: 10px 20px;
  color: #00347e;
  font: 600 16px/25px "Montserrat", sans-serif;
  background-color: white;
  transition: all 0.3s ease; }
  .question-button a:hover {
    background-color: #1776d1;
    color: white; }

.home-question-bottom-area {
  top: -100px;
  position: relative; }
  .home-question-bottom-area .qb-item {
    padding: 30px 70px;
    position: relative;
    background-color: #e8f6fc;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .home-question-bottom-area .qb-item .qb-image {
      height: 140px; }
      .home-question-bottom-area .qb-item .qb-image img {
        height: 100%; }
    .home-question-bottom-area .qb-item .qb-text {
      padding-left: 60px; }
      .home-question-bottom-area .qb-item .qb-text .qb-title {
        color: #00347e;
        font: 600 20px/33px "Montserrat", sans-serif; }
      .home-question-bottom-area .qb-item .qb-text .qb-content {
        color: #00347e;
        font: 400 16px/20px "Montserrat", sans-serif; }
      .home-question-bottom-area .qb-item .qb-text .qb-contact {
        margin-top: 30px; }
        .home-question-bottom-area .qb-item .qb-text .qb-contact .title {
          color: #00347e;
          font: 400 16px/16px "Montserrat", sans-serif; }
        .home-question-bottom-area .qb-item .qb-text .qb-contact .phone {
          color: #00347e;
          font: 400 20px/30px "Montserrat", sans-serif; }
          .home-question-bottom-area .qb-item .qb-text .qb-contact .phone strong {
            font: 600 20px/30px "Montserrat", sans-serif; }
      .home-question-bottom-area .qb-item .qb-text .qb-button {
        margin-top: 30px; }
        .home-question-bottom-area .qb-item .qb-text .qb-button a {
          width: fit-content;
          padding: 8px 20px;
          color: #00347e;
          font: 600 16px/25px "Montserrat", sans-serif;
          background-color: white;
          transition: all 0.3s ease; }
          .home-question-bottom-area .qb-item .qb-text .qb-button a:hover {
            background-color: #1776d1;
            color: white; }

.home-banner {
  max-width: 100%;
  overflow: hidden; }
  .home-banner__item {
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: relative;
    min-height: 500px;
    margin-top: 40px; }
  .home-banner__content {
    height: 100%;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 40px;
    color: #fff;
    padding: 40px 0; }
  .home-banner__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width: 100%;
    height: 100%;
    z-index: -1; }
    .home-banner__image::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
      background-color: rgba(0, 0, 0, 0.5); }
    .home-banner__image img {
      width: 100%;
      height: 100%;
      object-fit: cover; }

.customer-reviews-area {
  padding: 0 0 120px 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("/assets/images/customer-reviews-phone.webp"); }
  .customer-reviews-area .customer-reviews-list .cr-item {
    margin: 0 7px;
    padding: 0 15px 15px 15px;
    background-color: white;
    display: flex;
    flex-direction: column;
    justify-content: end;
    margin-top: 98px;
    height: 260px;
    transition: all 0.4s ease;
    box-shadow: 0 0 10px 0 #0000000a; }
    .customer-reviews-area .customer-reviews-list .cr-item .cr-image {
      top: -18px;
      height: 120px;
      margin-bottom: 10px;
      position: relative; }
      .customer-reviews-area .customer-reviews-list .cr-item .cr-image img {
        height: 100%; }
    .customer-reviews-area .customer-reviews-list .cr-item .cr-flex {
      display: flex;
      align-items: center;
      justify-content: space-between; }
    .customer-reviews-area .customer-reviews-list .cr-item .cr-star-div {
      display: flex;
      align-items: center; }
      .customer-reviews-area .customer-reviews-list .cr-item .cr-star-div i,
      .customer-reviews-area .customer-reviews-list .cr-item .cr-star-div svg {
        font-size: 16px;
        color: #f19624;
        margin-right: 2px; }
    .customer-reviews-area .customer-reviews-list .cr-item .cr-date {
      transition: all 0.4s ease;
      color: #00347e;
      font: 300 14px/20px "Montserrat", sans-serif; }
    .customer-reviews-area .customer-reviews-list .cr-item .cr-text {
      margin-top: 10px; }
      .customer-reviews-area .customer-reviews-list .cr-item .cr-text .cr-title {
        transition: all 0.4s ease;
        color: #00347e;
        font: 600 16px/20px "Montserrat", sans-serif; }
      .customer-reviews-area .customer-reviews-list .cr-item .cr-text .cr-content {
        margin-top: 7px;
        transition: all 0.4s ease;
        color: #707070;
        font: 400 14px/16px "Montserrat", sans-serif;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        min-height: 50px;
        max-height: 50px; }
      .customer-reviews-area .customer-reviews-list .cr-item .cr-text .cr-name {
        margin-top: 30px;
        color: #00347e;
        transition: all 0.4s ease;
        font: 400 15px/20px "Montserrat", sans-serif; }
    .customer-reviews-area .customer-reviews-list .cr-item:hover {
      background-color: #00347e; }
      .customer-reviews-area .customer-reviews-list .cr-item:hover .cr-date {
        color: white; }
      .customer-reviews-area .customer-reviews-list .cr-item:hover .cr-text .cr-title {
        color: white; }
      .customer-reviews-area .customer-reviews-list .cr-item:hover .cr-text .cr-content {
        color: white; }
      .customer-reviews-area .customer-reviews-list .cr-item:hover .cr-text .cr-name {
        color: white; }

.home-blogs-area {
  padding: 100px 0 60px 0; }
  .home-blogs-area .col-sm-6:last-child {
    padding-left: 0; }
  .home-blogs-area .big-blog .big-blog-top {
    display: flex;
    align-items: end;
    margin-bottom: 50px;
    justify-content: space-between; }
    .home-blogs-area .big-blog .big-blog-top .big-blog-text .big-blog-subtitle {
      color: #00347e;
      font: 400 18px/25px "Montserrat", sans-serif; }
    .home-blogs-area .big-blog .big-blog-top .big-blog-text .big-blog-title {
      color: #00347e;
      font: 600 30px/40px "Montserrat", sans-serif; }
    .home-blogs-area .big-blog .big-blog-top .big-blog-button a {
      color: #00347e;
      font: 500 16px/20px "Montserrat", sans-serif; }
  .home-blogs-area .big-blog .big-blog-item {
    position: relative; }
    .home-blogs-area .big-blog .big-blog-item .big-blog-image img {
      width: 100%;
      max-height: 500px;
      object-fit: cover; }
    .home-blogs-area .big-blog .big-blog-item .sb-mask {
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      position: absolute;
      background-color: #0e1e2c8b; }
    .home-blogs-area .big-blog .big-blog-item .bb-text {
      top: 20px;
      left: 20px;
      height: 90%;
      position: absolute;
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
      .home-blogs-area .big-blog .big-blog-item .bb-text .bb-flex {
        display: flex;
        align-items: center; }
      .home-blogs-area .big-blog .big-blog-item .bb-text .bb-block {
        width: fit-content;
        color: white;
        padding: 0 10px;
        font: 500 16px/20px "Montserrat", sans-serif;
        background-color: #015fb9; }
      .home-blogs-area .big-blog .big-blog-item .bb-text .bb-date {
        color: white;
        margin-left: 10px;
        font: 500 16px/20px "Montserrat", sans-serif; }
      .home-blogs-area .big-blog .big-blog-item .bb-text .bb-title {
        width: 60%;
        color: white;
        margin-top: 10px;
        font: 500 18px/24px "Montserrat", sans-serif; }
      .home-blogs-area .big-blog .big-blog-item .bb-text .sb-button {
        color: white;
        font: 500 16px/20px "Montserrat", sans-serif; }
  .home-blogs-area .small-blog-list {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(2, 1fr); }
    .home-blogs-area .small-blog-list .sb-item {
      height: 234px;
      position: relative; }
      .home-blogs-area .small-blog-list .sb-item a {
        height: 100%; }
      .home-blogs-area .small-blog-list .sb-item .sb-image {
        height: 100%; }
        .home-blogs-area .small-blog-list .sb-item .sb-image img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
      .home-blogs-area .small-blog-list .sb-item .sb-mask {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        background-color: #0e1e2c8b; }
      .home-blogs-area .small-blog-list .sb-item .sb-text {
        top: 16px;
        left: 16px;
        height: 90%;
        position: absolute;
        display: flex;
        flex-direction: column;
        justify-content: space-between; }
        .home-blogs-area .small-blog-list .sb-item .sb-text .sb-flex {
          display: flex;
          align-items: center; }
        .home-blogs-area .small-blog-list .sb-item .sb-text .sb-block {
          width: fit-content;
          color: white;
          padding: 0 10px;
          font: 500 16px/18px "Montserrat", sans-serif;
          background-color: #015fb9; }
        .home-blogs-area .small-blog-list .sb-item .sb-text .sb-date {
          color: white;
          margin-left: 7px;
          font: 500 16px/18px "Montserrat", sans-serif; }
        .home-blogs-area .small-blog-list .sb-item .sb-text .sb-title {
          width: 70%;
          color: white;
          margin-top: 10px;
          font: 500 16px/20px "Montserrat", sans-serif; }
        .home-blogs-area .small-blog-list .sb-item .sb-text .sb-button {
          color: white;
          font: 500 16px/20px "Montserrat", sans-serif; }
      .home-blogs-area .small-blog-list .sb-item:hover .sb-mask {
        background-color: #0160b961; }

.blog-detail {
  position: relative; }
  .blog-detail-image {
    position: sticky;
    top: 20px;
    height: max-content; }

.boats-page-div {
  padding: 0 0 60px 0; }
  .boats-page-div .big-blog .big-blog-item {
    position: relative; }
    .boats-page-div .big-blog .big-blog-item .big-blog-image img {
      width: 100%; }
    .boats-page-div .big-blog .big-blog-item .bb-text {
      top: 20px;
      left: 20px;
      height: 90%;
      position: absolute;
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
      .boats-page-div .big-blog .big-blog-item .bb-text .bb-flex {
        display: flex;
        align-items: center; }
      .boats-page-div .big-blog .big-blog-item .bb-text .bb-block {
        width: fit-content;
        color: white;
        padding: 0 10px;
        font: 500 16px/20px "Montserrat", sans-serif;
        background-color: #015fb9; }
      .boats-page-div .big-blog .big-blog-item .bb-text .bb-date {
        color: white;
        margin-left: 10px;
        font: 500 16px/20px "Montserrat", sans-serif; }
      .boats-page-div .big-blog .big-blog-item .bb-text .bb-title {
        width: 60%;
        color: white;
        margin-top: 10px;
        font: 500 18px/24px "Montserrat", sans-serif; }
      .boats-page-div .big-blog .big-blog-item .bb-text .bb-button {
        color: white;
        font: 500 16px/20px "Montserrat", sans-serif; }
  .boats-page-div .small-blog-list {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(2, 1fr); }
    .boats-page-div .small-blog-list .sb-item {
      height: 305px;
      position: relative; }
      .boats-page-div .small-blog-list .sb-item a {
        height: 100%; }
      .boats-page-div .small-blog-list .sb-item .sb-image {
        height: 100%; }
        .boats-page-div .small-blog-list .sb-item .sb-image img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
      .boats-page-div .small-blog-list .sb-item .sb-mask {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        background-color: #0e1e2c8b; }
      .boats-page-div .small-blog-list .sb-item .sb-text {
        top: 16px;
        left: 16px;
        height: 90%;
        position: absolute;
        display: flex;
        flex-direction: column;
        justify-content: space-between; }
        .boats-page-div .small-blog-list .sb-item .sb-text .sb-flex {
          display: flex;
          align-items: center; }
        .boats-page-div .small-blog-list .sb-item .sb-text .sb-block {
          width: fit-content;
          color: white;
          padding: 0 10px;
          font: 500 16px/18px "Montserrat", sans-serif;
          background-color: #015fb9; }
        .boats-page-div .small-blog-list .sb-item .sb-text .sb-date {
          color: white;
          margin-left: 7px;
          font: 500 16px/18px "Montserrat", sans-serif; }
        .boats-page-div .small-blog-list .sb-item .sb-text .sb-title {
          width: 70%;
          color: white;
          margin-top: 10px;
          font: 500 16px/20px "Montserrat", sans-serif; }
        .boats-page-div .small-blog-list .sb-item .sb-text .sb-button {
          color: white;
          font: 500 16px/20px "Montserrat", sans-serif; }
      .boats-page-div .small-blog-list .sb-item:hover .sb-mask {
        background-color: #0160b961; }
  .boats-page-div .blog-page-list {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(4, 1fr); }
    .boats-page-div .blog-page-list .sb-item {
      height: 305px;
      position: relative; }
      .boats-page-div .blog-page-list .sb-item a {
        height: 100%; }
      .boats-page-div .blog-page-list .sb-item .sb-image {
        height: 100%; }
        .boats-page-div .blog-page-list .sb-item .sb-image img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
      .boats-page-div .blog-page-list .sb-item .sb-mask {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        background-color: #0e1e2c8b; }
      .boats-page-div .blog-page-list .sb-item .sb-text {
        top: 16px;
        left: 16px;
        height: 90%;
        position: absolute;
        display: flex;
        flex-direction: column;
        justify-content: space-between; }
        .boats-page-div .blog-page-list .sb-item .sb-text .sb-flex {
          display: flex;
          align-items: center; }
        .boats-page-div .blog-page-list .sb-item .sb-text .sb-block {
          width: fit-content;
          color: white;
          padding: 0 10px;
          font: 500 16px/18px "Montserrat", sans-serif;
          background-color: #015fb9; }
        .boats-page-div .blog-page-list .sb-item .sb-text .sb-date {
          color: white;
          margin-left: 7px;
          font: 500 16px/18px "Montserrat", sans-serif; }
        .boats-page-div .blog-page-list .sb-item .sb-text .sb-title {
          width: 70%;
          color: white;
          margin-top: 10px;
          font: 500 16px/20px "Montserrat", sans-serif; }
        .boats-page-div .blog-page-list .sb-item .sb-text .sb-button {
          color: white;
          font: 500 16px/20px "Montserrat", sans-serif; }
      .boats-page-div .blog-page-list .sb-item:hover .sb-mask {
        background-color: #0160b961; }
      .boats-page-div .blog-page-list .sb-item:first-child {
        grid-column: span 2;
        grid-row: span 2;
        height: 620px; }

.homne-sss-area {
  padding: 20px 0 70px 0; }
  .homne-sss-area .home-sss-left {
    display: flex;
    align-items: center; }
    .homne-sss-area .home-sss-left .icon {
      width: 160px; }
      .homne-sss-area .home-sss-left .icon img {
        width: 100%; }
    .homne-sss-area .home-sss-left .left-text {
      margin-left: 30px; }
      .homne-sss-area .home-sss-left .left-text .title {
        color: #00347e;
        font: 600 30px/40px "Montserrat", sans-serif; }
      .homne-sss-area .home-sss-left .left-text .content {
        display: block;
        color: #00347e;
        font: 400 20px/30px "Montserrat", sans-serif; }
  .homne-sss-area .help-button {
    margin-top: 20px; }
    .homne-sss-area .help-button a {
      display: flex;
      align-items: center;
      justify-content: end;
      color: #00347e;
      font: 500 16px/25px "Montserrat", sans-serif; }
      .homne-sss-area .help-button a i,
      .homne-sss-area .help-button a svg {
        color: white;
        border-radius: 50%;
        padding: 3px 5px;
        font-size: 20px;
        margin-left: 10px;
        background-color: #00347e; }

.reservation-page {
  margin-bottom: 50px; }

.accordion {
  margin-top: 30px; }
  .accordion-button::after {
    width: auto;
    height: auto; }
  .accordion .accordion-item {
    border: none;
    padding: 10px 20px; }
    .accordion .accordion-item:not(:last-child) {
      margin-bottom: 10px; }
    .accordion .accordion-item h2.accordion-header .accordion-button-flex {
      display: flex;
      align-items: center;
      justify-content: start; }
    .accordion .accordion-item h2.accordion-header span.itemtitle {
      color: #00347e;
      font: 600 18px/24px "Montserrat", sans-serif; }
    .accordion .accordion-item h2.accordion-header span.itempersons {
      margin-left: 20px;
      font: 400 16px/24px "Montserrat", sans-serif; }
    .accordion .accordion-item h2.accordion-header span.itemstatus {
      margin-left: 20px;
      padding: 2px 13px;
      font: 400 16px/24px "Montserrat", sans-serif; }
    .accordion .accordion-item h2.accordion-header button {
      width: 100%;
      display: flex;
      padding: 15px 20px;
      align-items: center;
      color: #00347e;
      font: 500 20px/30px "Montserrat", sans-serif;
      background-color: transparent;
      justify-content: space-between;
      border: 1px solid #e8e7e7;
      border-radius: 10px 10px 0 0;
      box-shadow: none; }
      .accordion .accordion-item h2.accordion-header button:after {
        content: "\f068";
        font-family: "Font Awesome 5 Free";
        font-weight: 600;
        font-size: 13px;
        color: #00347e;
        margin-left: 10px;
        background-image: none; }
      .accordion .accordion-item h2.accordion-header button:focus {
        box-shadow: none; }
    .accordion .accordion-item h2.accordion-header button[aria-expanded="false"] {
      border-radius: 10px; }
    .accordion .accordion-item h2.accordion-header button[aria-expanded="false"]:after {
      content: "\f067"; }
    .accordion .accordion-item .accordion-collapse {
      border-top: none;
      border-left: 1px solid #e8e7e7;
      border-right: 1px solid #e8e7e7;
      border-bottom: 1px solid #e8e7e7; }
    .accordion .accordion-item .accordion-body {
      color: #00347e;
      padding: 1rem 1.25rem;
      font: 300 16px/24px "Montserrat", sans-serif; }
      .accordion .accordion-item .accordion-body h5 {
        color: #333;
        font: 600 16px/24px "Montserrat", sans-serif; }
      .accordion .accordion-item .accordion-body .text-muted {
        color: #a1a1a1 !important;
        font: 400 16px/24px "Montserrat", sans-serif; }
      .accordion .accordion-item .accordion-body .accordion-image {
        height: 250px; }
        .accordion .accordion-item .accordion-body .accordion-image img {
          max-width: 100%;
          height: 100%;
          object-fit: contain;
          border-radius: 5px; }
  .accordion .conditions-list {
    position: relative; }
    .accordion .conditions-list .condition-item .condition-title {
      color: #333;
      font: 300 16px/17px "Montserrat", sans-serif;
      margin-bottom: 7px; }
      .accordion .conditions-list .condition-item .condition-title:before {
        content: "";
        width: 6px;
        height: 6px;
        margin-right: 10px;
        display: inline-block;
        border-radius: 50%;
        background-color: #707070; }
    .accordion .conditions-list::after {
      content: "";
      width: 1px;
      height: 100%;
      right: -56px;
      top: 0;
      position: absolute;
      background-color: #e8e7e7; }
  .accordion .conditions-right table {
    width: 70%;
    border-collapse: collapse; }
    .accordion .conditions-right table tbody tr th {
      color: #333;
      font: 400 16px/27px "Montserrat", sans-serif; }
      .accordion .conditions-right table tbody tr th:nth-child(2n)::before {
        content: ":";
        width: 1px;
        color: #333;
        margin-right: 5px; }

.bg-info,
.bg-danger,
.bg-primary,
.bg-success {
  color: #fff; }

.bg-warning {
  color: #000; }

.home-gallery-area {
  padding: 20px 0 40px 0;
  position: relative; }
  .home-gallery-area .gallery-bg {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 140px;
    z-index: -1;
    position: absolute;
    background-color: #00347e; }
  .home-gallery-area .gallery-item {
    margin: 0 7px;
    height: 200px; }
    .home-gallery-area .gallery-item a {
      height: 100%; }
    .home-gallery-area .gallery-item img {
      width: 100%;
      height: 100%;
      object-fit: cover; }

.ml-5 {
  margin-left: 5px !important; }

.general-page-top-banner .general-page-banner {
  display: flex;
  position: relative;
  align-items: center;
  padding: 20px 40px;
  justify-content: space-between;
  background-color: #00347e; }
.general-page-top-banner .general-page-title h1 {
  color: white;
  margin: 0;
  font: 300 25px/40px "Montserrat", sans-serif; }
  .general-page-top-banner .general-page-title h1 strong {
    font: 600 25px/40px "Montserrat", sans-serif; }
.general-page-top-banner .breadscrumb {
  display: flex;
  align-items: center;
  color: #90a1b7;
  font: 400 16px/20px "Montserrat", sans-serif; }
  .general-page-top-banner .breadscrumb li a {
    color: #90a1b7;
    font: 400 16px/20px "Montserrat", sans-serif; }
.general-page-top-banner .search-box {
  display: flex;
  align-items: center; }
  .general-page-top-banner .search-box .search-button {
    margin-left: 10px; }
    .general-page-top-banner .search-box .search-button select {
      color: white;
      padding: 10px 16px;
      border-radius: 0;
      background-color: transparent;
      border: 1px solid #ffffff7c; }

.boats-page-div {
  position: relative; }
  .boats-page-div .boats-page-list {
    display: grid;
    grid-gap: 25px 10px;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }
  .boats-page-div .reservation-item {
    margin: 0; }
    .boats-page-div .reservation-item .reservation-image img {
      height: 240px; }
  .boats-page-div .boats-list-get-more {
    margin: 40px 0 70px 0;
    display: flex;
    align-items: center;
    justify-content: center; }
    .boats-page-div .boats-list-get-more a {
      width: fit-content;
      color: white;
      border: none;
      padding: 5px 20px;
      background-color: #00347e;
      font: 600 18px/30px "Montserrat", sans-serif; }
      .boats-page-div .boats-list-get-more a:hover {
        background-color: #1776d1; }
  .boats-page-div .boats-general-info {
    color: black;
    font: 400 16px/24px "Montserrat", sans-serif; }
    .boats-page-div .boats-general-info a {
      color: #00347e;
      font-weight: 700;
      display: inline-block; }
    .boats-page-div .boats-general-info strong {
      font: 600 16px/24px "Montserrat", sans-serif; }
  .boats-page-div .boats-page-bottom {
    padding: 0 40px;
    border: none;
    margin: 100px 0 50px 0;
    border-radius: 0;
    background-color: #00347e; }
    .boats-page-div .boats-page-bottom .boats-rental {
      display: flex;
      align-items: center;
      justify-content: space-between; }
    .boats-page-div .boats-page-bottom .title {
      color: white;
      font: 700 30px/40px "Montserrat", sans-serif; }
    .boats-page-div .boats-page-bottom .rental-button {
      border: none;
      padding: 10px 30px;
      border-radius: 0;
      color: #00347e;
      background-color: white;
      font: 600 17px/24px "Montserrat", sans-serif; }

.jcs {
  justify-content: start !important; }

.coporate-page-top {
  height: 380px;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  background-color: #015fb9;
  background-blend-mode: multiply; }
  .coporate-page-top .container-fluid {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end; }
  .coporate-page-top .corporate-page-text {
    display: flex;
    margin-bottom: 40px;
    align-items: center;
    justify-content: space-between; }
    .coporate-page-top .corporate-page-text .text {
      color: white;
      font: 400 16px/25px "Montserrat", sans-serif; }
    .coporate-page-top .corporate-page-text .title {
      display: flex;
      align-items: center;
      color: white;
      border: none;
      border-radius: 0;
      padding: 10px 25px;
      background-color: #0000002e; }
      .coporate-page-top .corporate-page-text .title h2 {
        margin: 0;
        color: white;
        font: 600 24px/35px "Montserrat", sans-serif; }
      .coporate-page-top .corporate-page-text .title i,
      .coporate-page-top .corporate-page-text .title svg {
        color: white;
        font-size: 20px;
        margin-left: 10px; }
    .coporate-page-top .corporate-page-text .breadscrumb {
      width: 16%; }

.corporate-about-us-div {
  padding: 70px 0; }

.about-us-area .title {
  color: #00347e;
  font: 600 40px/55px "Montserrat", sans-serif; }
  .about-us-area .title h3 {
    color: #00347e;
    font: 600 40px/50px "Montserrat", sans-serif; }
.about-us-area .content {
  color: #495062;
  font: 400 16px/24px "Montserrat", sans-serif; }

.about-us-image img {
  width: 100%; }

.breadscrumb {
  display: flex;
  align-items: center;
  color: #90a1b7;
  font: 400 16px/20px "Montserrat", sans-serif;
  gap: 5px 0;
  flex-wrap: wrap; }
  .breadscrumb li {
    position: relative;
    margin-left: 16px; }
    .breadscrumb li:after {
      content: ">";
      position: absolute;
      left: -14px;
      top: 50%;
      transform: translateY(-50%);
      color: #90a1b7; }
    .breadscrumb li:first-child {
      margin-left: 0; }
      .breadscrumb li:first-child:after {
        content: ""; }
    .breadscrumb li a {
      color: #90a1b7;
      font: 400 16px/20px "Montserrat", sans-serif; }

.coporate-mission-area .col-sm-6:first-child {
  padding-right: 0; }
.coporate-mission-area .vision-div {
  margin-top: 30px; }

.corporate-history-area {
  width: 100%;
  position: relative; }
  .corporate-history-area .history-div {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .corporate-history-area .history-image-list {
    width: 30%; }
    .corporate-history-area .history-image-list .history-image {
      width: 100%; }
      .corporate-history-area .history-image-list .history-image img {
        width: 100%; }
  .corporate-history-area .history-date-list {
    width: 10%;
    height: 328px;
    padding: 0 15px; }
    .corporate-history-area .history-date-list .history-date {
      position: relative;
      display: flex !important;
      flex-direction: column;
      height: 50px;
      margin: 0 auto;
      text-align: center;
      color: #00347e;
      font: 400 18px/25px "Montserrat", sans-serif;
      justify-content: center;
      align-items: center;
      border-left: 3px solid #00347e; }
      .corporate-history-area .history-date-list .history-date.active {
        color: #707070;
        font: 600 18px/25px "Montserrat", sans-serif; }
  .corporate-history-area .history-list {
    width: 60%; }
    .corporate-history-area .history-list .history-text .history-title {
      color: #00347e;
      font: 400 30px/40px "Montserrat", sans-serif; }
    .corporate-history-area .history-list .history-text .history-date {
      margin: 5px 0 15px 0;
      color: #00347e;
      font: 600 45px/55px "Montserrat", sans-serif; }
    .corporate-history-area .history-list .history-text .history-content {
      color: #495062;
      font: 400 16px/24px "Montserrat", sans-serif; }

.corporate-quailty-area {
  padding: 100px 0;
  position: relative; }
  .corporate-quailty-area .quailty-div {
    width: 80%;
    margin: 0 auto; }
  .corporate-quailty-area .quailty-title {
    color: #00347e;
    font: 400 30px/40px "Montserrat", sans-serif; }

.boat-detail-page-top {
  height: 300px;
  position: relative;
  background-color: #00347e; }
  .boat-detail-page-top--short {
    height: 300px; }
  .boat-detail-page-top .container-fluid {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end; }
  .boat-detail-page-top .slider-right-bg {
    top: 56%;
    border-right: 78px solid #1776d1; }
  .boat-detail-page-top .slider-madalya img {
    right: -37px;
    top: 77%; }
  .boat-detail-page-top .boat-detail-text {
    padding-bottom: 100px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .boat-detail-page-top .boat-detail-text .title {
      color: white;
      font: 600 25px/35px "Montserrat", sans-serif; }
      .boat-detail-page-top .boat-detail-text .title h1 {
        color: white;
        font: 600 25px/35px "Montserrat", sans-serif; }
      .boat-detail-page-top .boat-detail-text .title span {
        color: white;
        font: 400 16px/20px "Montserrat", sans-serif; }

.boat-detail-image-area {
  top: -80px;
  position: relative; }
  .boat-detail-image-area .boat-image-arrow a.arrow {
    top: 50%;
    left: 40px;
    position: absolute;
    color: white;
    width: 55px;
    height: 55px;
    z-index: 222;
    background-color: #00347e; }
    .boat-detail-image-area .boat-image-arrow a.arrow i,
    .boat-detail-image-area .boat-image-arrow a.arrow svg {
      color: white;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
  .boat-detail-image-area .boat-image-arrow .img-right {
    right: 40px;
    left: unset !important; }
  .boat-detail-image-area .boat-detail-image-list .boat-detail-image {
    margin: 0 7px; }
    .boat-detail-image-area .boat-detail-image-list .boat-detail-image img {
      width: 100%;
      height: 500px;
      object-fit: cover; }
  .boat-detail-image-area .show-all-button {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    left: unset;
    top: unset;
    width: auto; }
    .boat-detail-image-area .show-all-button .btn.show-all {
      display: flex;
      align-items: center;
      gap: 10px;
      color: #00347e;
      font: 600 16px/25px "Montserrat", sans-serif;
      background-color: #dddddd;
      padding: 10px 20px;
      border: none; }
      .boat-detail-image-area .show-all-button .btn.show-all:hover {
        background-color: #d0d0d0; }

.general-detail-title {
  margin-bottom: 20px;
  color: #00347e;
  font: 600 30px/35px "Montserrat", sans-serif; }
  .general-detail-title h3 {
    color: #00347e;
    font: 600 30px/35px "Montserrat", sans-serif; }

.boat-detail-page-center {
  margin-top: -50px; }
  .boat-detail-page-center .boat-detail-div .boat-detail-top {
    padding: 10px 0 20px 0;
    border-bottom: 4px solid #faf7f7; }
    .boat-detail-page-center .boat-detail-div .boat-detail-top-inner {
      display: flex;
      align-items: center;
      justify-content: space-between; }
    .boat-detail-page-center .boat-detail-div .boat-detail-top .boat-detail-title {
      display: flex;
      align-items: center;
      color: #00347e;
      font: 500 16px/25px "Montserrat", sans-serif; }
      .boat-detail-page-center .boat-detail-div .boat-detail-top .boat-detail-title strong {
        margin-left: 5px; }
    .boat-detail-page-center .boat-detail-div .boat-detail-top .boat-detail-top-right {
      display: flex;
      align-items: center; }
      .boat-detail-page-center .boat-detail-div .boat-detail-top .boat-detail-top-right .boat-detail-stars {
        display: flex;
        align-items: center; }
        .boat-detail-page-center .boat-detail-div .boat-detail-top .boat-detail-top-right .boat-detail-stars i,
        .boat-detail-page-center .boat-detail-div .boat-detail-top .boat-detail-top-right .boat-detail-stars svg {
          color: #f19624;
          font-size: 13px;
          margin: 0 2px; }
        .boat-detail-page-center .boat-detail-div .boat-detail-top .boat-detail-top-right .boat-detail-stars span {
          margin-left: 10px;
          color: #00347e;
          font: 600 16px/25px "Montserrat", sans-serif; }
      .boat-detail-page-center .boat-detail-div .boat-detail-top .boat-detail-top-right .boat-detail-comment {
        margin-left: 14px;
        color: #00347e;
        font: 400 15px/20px "Montserrat", sans-serif; }
        .boat-detail-page-center .boat-detail-div .boat-detail-top .boat-detail-top-right .boat-detail-comment a {
          color: #00347e;
          font: 400 15px/20px "Montserrat", sans-serif; }
  .boat-detail-page-center .boat-detail-features {
    padding: 25px 0 25px 0;
    border-bottom: 4px solid #faf7f7; }
    .boat-detail-page-center .boat-detail-features .features-list {
      display: grid;
      grid-gap: 15px 7px;
      grid-template-columns: repeat(3, 1fr); }
      .boat-detail-page-center .boat-detail-features .features-list .feature-item {
        display: flex;
        align-items: center;
        gap: 6px; }
        .boat-detail-page-center .boat-detail-features .features-list .feature-item .feature-text .title {
          color: #707070;
          font: 600 16px/30px "Montserrat", sans-serif;
          line-height: 1.3em; }
        .boat-detail-page-center .boat-detail-features .features-list .feature-item .feature-text .content {
          color: #707070;
          font: 500 15px/20px "Montserrat", sans-serif; }
        .boat-detail-page-center .boat-detail-features .features-list .feature-item:nth-child(5n) {
          border-right: none; }
  .boat-detail-page-center .boat-detail-conditions {
    padding: 30px 0 50px 0; }
    .boat-detail-page-center .boat-detail-conditions .conditions-list {
      display: grid;
      grid-gap: 20px 50px;
      grid-template-columns: repeat(2, 1fr); }
      .boat-detail-page-center .boat-detail-conditions .conditions-list .condition-item {
        display: flex;
        align-items: center; }
        .boat-detail-page-center .boat-detail-conditions .conditions-list .condition-item .condition-icon img {
          width: 100%;
          height: 100%;
          display: flex;
          flex-direction: column;
          object-fit: scale-down;
          justify-content: center;
          align-items: center; }
        .boat-detail-page-center .boat-detail-conditions .conditions-list .condition-item .condition-text {
          margin-left: 23px;
          position: relative; }
          .boat-detail-page-center .boat-detail-conditions .conditions-list .condition-item .condition-text .condition-title {
            color: #00347e;
            font: 600 18px/35px "Montserrat", sans-serif; }
          .boat-detail-page-center .boat-detail-conditions .conditions-list .condition-item .condition-text .condition-content {
            color: #707070;
            font: 500 16px/24px "Montserrat", sans-serif; }
            .boat-detail-page-center .boat-detail-conditions .conditions-list .condition-item .condition-text .condition-content ul {
              margin-left: 19px; }
              .boat-detail-page-center .boat-detail-conditions .conditions-list .condition-item .condition-text .condition-content ul li {
                color: #707070;
                font: 500 16px/24px "Montserrat", sans-serif; }

.boat-detail__switch .form-switch .form-check-input {
  width: 3em;
  height: 1.5em; }

button.feature-all {
  color: #00347e;
  background-color: #fff;
  margin: 35px auto 0 auto;
  font: 600 16px/25px "Montserrat", sans-serif;
  border: 1px solid #00347e;
  padding: 11px 50px; }

.boat-detail-sticky-div {
  position: relative;
  padding: 15px 30px 30px 30px;
  background-color: #faf7f7c7; }
  .boat-detail-sticky-div .border-bottom {
    padding: 15px 0;
    border-bottom: 1px solid #00347e17; }
  .boat-detail-sticky-div .boat-hours-price {
    color: #0539817d;
    font: 500 16px/25px "Montserrat", sans-serif; }
    .boat-detail-sticky-div .boat-hours-price strong {
      color: #00347e;
      font: 600 18px/25px "Montserrat", sans-serif; }
  .boat-detail-sticky-div .date {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #00347e;
    font: 500 16px/25px "Montserrat", sans-serif; }
    .boat-detail-sticky-div .date i,
    .boat-detail-sticky-div .date svg {
      flex-shrink: 0;
      opacity: 0.5;
      color: #00347e;
      font-size: 16px; }
  .boat-detail-sticky-div .user-count {
    padding: 15px 0; }
  .boat-detail-sticky-div .boat-button a,
  .boat-detail-sticky-div .boat-button button {
    width: 100%;
    height: 50px;
    display: flex;
    border: none;
    border-radius: 0;
    text-align: center;
    align-items: center;
    justify-content: center;
    color: #00347e;
    background-color: white;
    border: 1px solid #00347e; }
  .boat-detail-sticky-div .boat-button a.reservation-btn,
  .boat-detail-sticky-div .boat-button button.reservation-btn {
    display: flex;
    margin-top: 10px;
    align-items: center;
    justify-content: center;
    color: white;
    flex-direction: row;
    background-color: #00347e; }
    .boat-detail-sticky-div .boat-button a.reservation-btn img,
    .boat-detail-sticky-div .boat-button button.reservation-btn img {
      height: 19px;
      margin-right: 7px; }
  .boat-detail-sticky-div .boat-price {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .boat-detail-sticky-div .boat-price .price-title {
      color: #00347e;
      font: 400 16px/25px "Montserrat", sans-serif; }
    .boat-detail-sticky-div .boat-price .price {
      color: #00347e;
      font: 600 16px/25px "Montserrat", sans-serif; }

.boat-detail-equipments-div {
  position: relative;
  padding: 50px 0;
  background-color: #00347e;
  min-height: 240px; }
  .boat-detail-equipments-div .equipments-bg {
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 15%;
    z-index: 0;
    color: #7394c1;
    position: absolute;
    font: 600 200px/200px "Montserrat", sans-serif; }
  .boat-detail-equipments-div .equipments-list {
    display: grid;
    grid-gap: 20px;
    z-index: 11;
    position: relative;
    grid-template-columns: repeat(5, 1fr); }
    .boat-detail-equipments-div .equipments-list .equipments-item {
      color: white;
      display: flex;
      align-items: center;
      gap: 5px;
      font: 500 16px/25px "Montserrat", sans-serif; }
      .boat-detail-equipments-div .equipments-list .equipments-item i,
      .boat-detail-equipments-div .equipments-list .equipments-item svg {
        width: 20px;
        height: 20px;
        color: white;
        font-size: 9px;
        margin-right: 7px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        border-radius: 50%; }

.boat-detail-notes {
  padding: 50px 0;
  position: relative; }
  .boat-detail-notes .notes-border {
    padding: 0 0 50px 0;
    border-bottom: 4px solid #faf7f7; }
  .boat-detail-notes .notes-text {
    color: #707070;
    font: 500 15px/25px "Montserrat", sans-serif; }

.boat-detail-evaluation {
  position: relative;
  padding: 0 0 50px 0; }
  .boat-detail-evaluation .right-side {
    display: flex;
    flex-direction: column;
    gap: 20px; }
  .boat-detail-evaluation .evaluation-div-title {
    color: #00347e;
    font: 600 30px/35px "Montserrat", sans-serif; }
  .boat-detail-evaluation .general-rating {
    display: flex;
    align-items: center;
    gap: 20px;
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px; }
    .boat-detail-evaluation .general-rating h4 {
      color: #00347e;
      font: 600 18px/24px "Montserrat", sans-serif;
      margin-bottom: 0; }
  .boat-detail-evaluation .evaluation-button a {
    color: #707070;
    font: 500 17px/25px "Montserrat", sans-serif; }
  .boat-detail-evaluation .evaluation-list {
    display: grid;
    grid-gap: 30px 50px;
    grid-template-columns: repeat(2, 1fr); }
    .boat-detail-evaluation .evaluation-list .evaluation-item .evaluation-item-top {
      display: flex;
      align-items: center; }
      .boat-detail-evaluation .evaluation-list .evaluation-item .evaluation-item-top .evaluation-icon {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        border: none;
        background-color: #e8f6fc;
        font-size: 32px; }
      .boat-detail-evaluation .evaluation-list .evaluation-item .evaluation-item-top .evaluation-text {
        margin-left: 20px; }
        .boat-detail-evaluation .evaluation-list .evaluation-item .evaluation-item-top .evaluation-text .evaluation-title {
          color: #707070;
          font: 600 18px/20px "Montserrat", sans-serif; }
        .boat-detail-evaluation .evaluation-list .evaluation-item .evaluation-item-top .evaluation-text .evaluation-date {
          color: #707070;
          font: 500 15px/20px "Montserrat", sans-serif; }
    .boat-detail-evaluation .evaluation-list .evaluation-item .evaluation-stars {
      display: flex;
      margin: 10px 0;
      align-items: center; }
      .boat-detail-evaluation .evaluation-list .evaluation-item .evaluation-stars i,
      .boat-detail-evaluation .evaluation-list .evaluation-item .evaluation-stars svg {
        color: #f19624;
        font-size: 13px;
        margin: 0 2px; }
    .boat-detail-evaluation .evaluation-list .evaluation-item .evaluation-text {
      color: #707070;
      font: 500 15px/25px "Montserrat", sans-serif; }
    .boat-detail-evaluation .evaluation-list.modal-list {
      grid-template-columns: repeat(1, 1fr);
      grid-gap: 10px; }
      .boat-detail-evaluation .evaluation-list.modal-list .evaluation-item {
        padding-bottom: 10px; }
        .boat-detail-evaluation .evaluation-list.modal-list .evaluation-item:not(:last-child) {
          border-bottom: 1px solid #e8e7e7 !important; }
        .boat-detail-evaluation .evaluation-list.modal-list .evaluation-item .evaluation-text {
          display: block; }

.boat-detail-maps {
  padding: 50px 0;
  position: relative; }
  .boat-detail-maps .maps-div iframe {
    width: 100%;
    height: 500px; }

@media (max-width: 768px) {
  .boat-detail-top-right {
    width: 100%;
    justify-content: space-between; } }

.boat-detail-share {
  position: relative; }
  .boat-detail-share-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 5px;
    border-radius: 5px;
    background-color: #faf7f7;
    flex-shrink: 0; }
  .boat-detail-share-dropdown {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    background-color: #faf7f7;
    z-index: 1;
    border-radius: 5px;
    padding: 5px 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); }
    .boat-detail-share-dropdown-item {
      display: flex;
      align-items: center;
      justify-content: start;
      cursor: pointer;
      padding: 5px;
      border-radius: 5px;
      line-height: 1em;
      gap: 10px;
      transition: all 0.3s ease;
      white-space: nowrap; }
      .boat-detail-share-dropdown-item:hover {
        color: #00347e;
        background-color: #e8f6fc; }

.boat-detail-content {
  padding: 15px 0;
  justify-content: space-between;
  border-bottom: 4px solid #faf7f7; }
  .boat-detail-content p {
    margin: 0; }

.boat-detail__specs-item {
  display: flex;
  align-items: center;
  gap: 15px; }
  .boat-detail__specs-item__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1em;
    gap: 10px; }
    .boat-detail__specs-item__icon .icon,
    .boat-detail__specs-item__icon i,
    .boat-detail__specs-item__icon svg {
      color: #666;
      font-size: 20px; }
    .boat-detail__specs-item__icon span {
      color: #666; }
  .boat-detail__specs-item__value {
    font-weight: 600;
    color: #666; }
.boat-detail__specs table {
  table-layout: fixed;
  width: 100%;
  max-width: 100%;
  border-collapse: collapse; }
  .boat-detail__specs table th,
  .boat-detail__specs table td {
    padding: 10px 15px;
    background-color: var(--c-white);
    text-align: left;
    font-size: 16px; }
    .boat-detail__specs table th span,
    .boat-detail__specs table td span {
      display: inline-block;
      font-weight: 500;
      color: #666; }

.boat-detail-description {
  font: 600 16px/30px "Montserrat", sans-serif;
  color: #666; }

.other-boats-div {
  position: relative; }
  .other-boats-div .other-bg {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 300px;
    z-index: -1;
    position: absolute;
    background-color: #00347e; }
  .other-boats-div .other-boats-list {
    display: grid;
    grid-gap: 10px;
    padding-bottom: 60px;
    grid-template-columns: repeat(4, 1fr); }
    .other-boats-div .other-boats-list .reservation-item .reservation-image img {
      height: 320px; }
    .other-boats-div .other-boats-list .reservation-item .reservation-title {
      color: white; }
      .other-boats-div .other-boats-list .reservation-item .reservation-title .capacity {
        color: white; }
    .other-boats-div .other-boats-list .reservation-item .price-div {
      color: white; }
      .other-boats-div .other-boats-list .reservation-item .price-div strong {
        color: white; }
    .other-boats-div .other-boats-list .reservation-item .note {
      color: white; }

.dp__flex_display {
  display: unset; }

.counter {
  display: flex;
  align-items: center;
  gap: 10px; }
  .counter button {
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background-color: #00347e;
    color: #fff;
    font: 600 16px/20px "Montserrat", sans-serif;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    flex-shrink: 0; }
    .counter button:disabled {
      background-color: #dddddd;
      color: #00347e;
      cursor: not-allowed; }
  .counter.persons input {
    width: 60px;
    height: 30px; }

form.login-form label {
  margin: 0 0 3px 0; }
form.login-form input,
form.login-form select {
  color: #585858;
  font: 400 16px/25px "Montserrat", sans-serif;
  border: 1px solid #00347e; }
  form.login-form input:placeholder,
  form.login-form select:placeholder {
    color: #585858;
    font: 400 16px/25px "Montserrat", sans-serif; }
form.login-form textarea {
  color: #585858;
  font: 400 16px/25px "Montserrat", sans-serif;
  border: 1px solid #00347e; }
  form.login-form textarea:placeholder {
    color: #585858;
    font: 400 16px/25px "Montserrat", sans-serif; }
form.login-form button.submit-btn {
  width: 100%;
  padding: 10px 20px;
  color: white;
  font: 600 16px/25px "Montserrat", sans-serif;
  background-color: #00347e;
  transition: all 0.3s ease;
  border: none;
  box-shadow: none; }

.input-group .treeselect-area {
  padding: 0;
  border-color: #00347e;
  width: 110px; }
  .input-group .treeselect-area .vue3-treeselect__control {
    border: none; }
  .input-group .treeselect-area .vue3-treeselect__input {
    border: none; }
  .input-group .treeselect-area .vue3-treeselect__placeholder, .input-group .treeselect-area .vue3-treeselect__single-value {
    text-overflow: initial;
    line-height: 26px; }

.login-modal-footer {
  border: none; }
  .login-modal-footer .modal-footer-text {
    width: 100%; }
    .login-modal-footer .modal-footer-text .register-div {
      display: flex;
      align-items: center;
      gap: 6px;
      text-align: center;
      color: #707070;
      margin-bottom: 7px;
      font: 400 15px/20px "Montserrat", sans-serif;
      justify-content: center; }
      .login-modal-footer .modal-footer-text .register-div button {
        display: flex;
        color: #00347e;
        margin: 0 0 0 5px;
        font: 500 15px/20px "Montserrat", sans-serif;
        border: none;
        box-shadow: none;
        background-color: transparent; }

#registerModal .form-flex {
  display: flex;
  align-items: center;
  justify-content: space-between; }
#registerModal .registerForm-item {
  width: 48%; }
#registerModal .phone-input-group .treeselect-area {
  width: 110px; }
#registerModal .phone-input-group input {
  width: calc(100% - 110px); }

.form-check {
  padding: 0;
  display: flex;
  align-items: start;
  justify-content: start; }
  .form-check input {
    margin: 0 10px 0 0;
    width: 20px;
    height: 20px; }
  .form-check .form-check-label {
    display: flex;
    align-items: center;
    color: #707070;
    font: 400 16px/25px "Montserrat", sans-serif; }
    .form-check .form-check-label a {
      display: inline-block;
      color: #707070;
      text-decoration: underline;
      font: 400 16px/25px "Montserrat", sans-serif; }
  .form-check input[type="checkbox"] {
    display: none; }
  .form-check input[type="checkbox"] + label::before {
    content: "";
    display: inline-block;
    min-width: 16px;
    width: 16px;
    height: 16px;
    border: 2px solid #00347e;
    border-radius: 3px;
    margin-right: 8px; }
  .form-check input[type="checkbox"]:checked + label::before {
    content: "\2713";
    font-size: 15px;
    line-height: 16px;
    text-align: center;
    color: white;
    background-color: #00347e; }

#selectServiceModal .service-items,
#showServicesModal .service-items {
  display: flex;
  flex-direction: column;
  gap: 15px; }
#selectServiceModal .service-item,
#showServicesModal .service-item {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  #selectServiceModal .service-item .left-side,
  #showServicesModal .service-item .left-side {
    display: flex;
    gap: 6px; }
    #selectServiceModal .service-item .left-side input[type="radio"],
    #selectServiceModal .service-item .left-side input[type="checkbox"],
    #showServicesModal .service-item .left-side input[type="radio"],
    #showServicesModal .service-item .left-side input[type="checkbox"] {
      -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      position: relative;
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      appearance: none;
      background-color: #fff;
      margin: 0;
      width: 1.3rem;
      height: 1.3rem;
      border: 1px solid #0a53be;
      -webkit-border-radius: 0.25rem;
      -moz-border-radius: 0.25rem;
      border-radius: 0.25rem;
      cursor: pointer; }
      #selectServiceModal .service-item .left-side input[type="radio"]::before,
      #selectServiceModal .service-item .left-side input[type="checkbox"]::before,
      #showServicesModal .service-item .left-side input[type="radio"]::before,
      #showServicesModal .service-item .left-side input[type="checkbox"]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0.5px;
        width: 1.1rem;
        height: 1.2rem;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        -webkit-box-shadow: inset 1rem 1rem #fff;
        -moz-box-shadow: inset 1rem 1rem #fff;
        box-shadow: inset 1rem 1rem #fff; }
      #selectServiceModal .service-item .left-side input[type="radio"]:checked::before,
      #selectServiceModal .service-item .left-side input[type="checkbox"]:checked::before,
      #showServicesModal .service-item .left-side input[type="radio"]:checked::before,
      #showServicesModal .service-item .left-side input[type="checkbox"]:checked::before {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: bottom left;
        -moz-transform-origin: bottom left;
        -ms-transform-origin: bottom left;
        -o-transform-origin: bottom left;
        transform-origin: bottom left;
        -webkit-clip-path: polygon(28% 38%, 41% 53%, 75% 24%, 86% 38%, 40% 78%, 15% 50%);
        clip-path: polygon(28% 38%, 41% 53%, 75% 24%, 86% 38%, 40% 78%, 15% 50%); }
      #selectServiceModal .service-item .left-side input[type="radio"]:checked,
      #selectServiceModal .service-item .left-side input[type="checkbox"]:checked,
      #showServicesModal .service-item .left-side input[type="radio"]:checked,
      #showServicesModal .service-item .left-side input[type="checkbox"]:checked {
        background-color: #0a53be; }
    #selectServiceModal .service-item .left-side label,
    #showServicesModal .service-item .left-side label {
      cursor: pointer; }
  #selectServiceModal .service-item .right-side,
  #showServicesModal .service-item .right-side {
    display: flex;
    align-items: center;
    gap: 4px; }
    #selectServiceModal .service-item .right-side .price,
    #showServicesModal .service-item .right-side .price {
      font: 500 20px/25px "Montserrat", sans-serif; }
    #selectServiceModal .service-item .right-side .muted,
    #showServicesModal .service-item .right-side .muted {
      color: #707070;
      font: 400 16px/20px "Montserrat", sans-serif; }

#ruleModal .modal-content {
  padding: 20px; }
#ruleModal .feature-item {
  display: flex;
  align-items: center;
  margin-bottom: 10px; }
  #ruleModal .feature-item .feature-icon {
    width: 30px;
    height: 30px;
    margin-right: 10px; }
#ruleModal .features-list {
  display: grid;
  grid-template-columns: repeat(1, 1fr); }
#ruleModal .feature-text .title {
  color: #707070;
  font: 600 16px/30px "Montserrat", sans-serif; }

#featureModal .modal-content {
  padding: 20px; }
#featureModal .feature-item {
  display: flex;
  align-items: center;
  margin-bottom: 10px; }
  #featureModal .feature-item .feature-icon {
    width: 30px;
    height: 30px;
    margin-right: 10px; }
#featureModal .features-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }
#featureModal .feature-text .title {
  color: #707070;
  font: 600 16px/30px "Montserrat", sans-serif; }

#boatFiltersModal .modal-content {
  max-height: calc(100vh - 100px); }
  #boatFiltersModal .modal-content form {
    max-height: 100%;
    display: flex;
    flex-direction: column; }
#boatFiltersModal .modal-body {
  max-height: calc(100vh - 240px);
  overflow-y: auto; }

.profile-page-div {
  padding: 50px 0 70px 0; }
  .profile-page-div .profile-form {
    width: 50%;
    margin: 0 auto; }

.no-item {
  background-color: #f7fafd;
  border-radius: 8px;
  padding: 40px;
  text-align: center; }
  .no-item img {
    max-width: 500px;
    margin-bottom: 20px; }
  .no-item h4 {
    color: #333;
    font-weight: bold; }
  .no-item p {
    color: #666; }

.app-loader {
  position: fixed;
  inset: 0;
  min-height: 100svh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  z-index: 9999; }
  .app-loader .logo-container {
    width: 500px;
    height: 300px;
    overflow: hidden;
    position: relative; }
    .app-loader .logo-container .logo {
      position: absolute;
      top: 0;
      left: 0;
      width: 0;
      height: 300px;
      animation: slowlyShow 3s ease-out infinite;
      overflow: hidden; }
      .app-loader .logo-container .logo img {
        width: 500px;
        height: 300px;
        object-fit: contain; }

@keyframes slowlyShow {
  0% {
    width: 0;
    opacity: 0; }
  50% {
    width: 500px;
    opacity: 1; }
  100% {
    width: 0;
    opacity: 0; } }
.google-btn {
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 500;
  transition: background-color 0.3s; }
  .google-btn img {
    width: 20px;
    height: 20px;
    margin-right: 10px; }

.date-dropdown {
  width: auto;
  height: auto;
  padding: 0;
  background: none;
  border: none;
  min-width: unset; }

.modal-backdrop {
  width: 100%;
  height: 100%; }

footer {
  padding: 40px 0 40px 0;
  position: relative;
  background-color: white; }
  footer .footer-top {
    display: flex;
    align-items: start;
    justify-content: space-between; }
    footer .footer-top .footer-logo {
      width: 30%; }
      footer .footer-top .footer-logo img {
        width: 280px; }
    footer .footer-top .footer-top-right {
      width: 66%;
      display: flex;
      align-items: start;
      justify-content: space-between;
      gap: 20px; }
    footer .footer-top .footer-menu {
      width: 37%; }
      footer .footer-top .footer-menu ul li a {
        color: #707070;
        font: 500 17px/30px "Montserrat", sans-serif; }
      footer .footer-top .footer-menu ul li.menu-title {
        display: flex;
        align-items: center;
        justify-content: space-between; }
        footer .footer-top .footer-menu ul li.menu-title svg {
          color: #00347e;
          transition: var(--f-button-transition);
          display: none; }
        footer .footer-top .footer-menu ul li.menu-title a {
          color: #00347e;
          font: 500 17px/30px "Montserrat", sans-serif; }
      footer .footer-top .footer-menu .fc {
        color: #707070;
        font: 500 17px/30px "Montserrat", sans-serif; }
      footer .footer-top .footer-menu:first-child {
        width: 26%; }
  footer .copyright {
    margin-top: 50px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between; }
    footer .copyright .mail {
      color: #00347e;
      font: 600 18px/28px "Montserrat", sans-serif; }
    footer .copyright .text {
      color: #000000;
      font: 600 18px/28px "Montserrat", sans-serif; }
      footer .copyright .text a {
        margin-left: 20px;
        display: inline-block;
        color: #000000;
        transition: all 0.4s; }
        footer .copyright .text a:hover {
          color: #707070; }
    footer .copyright-text {
      margin-left: auto; }

.border {
  border-top: 15px solid #00347e !important; }

.footer-links {
  display: flex;
  flex-direction: column;
  margin-top: 50px;
  gap: 10px; }
  .footer-links__item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 20px;
    width: max-content; }
    .footer-links__item-icon {
      width: 35px;
      height: 35px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      background-color: #00347e;
      padding: 5px; }
      .footer-links__item-icon i,
      .footer-links__item-icon svg {
        color: white;
        font-size: 18px; }

.footer-app-badges {
  display: flex;
  align-items: center;
  gap: 10px; }
  .footer-app-badges-item {
    display: block; }
    .footer-app-badges-item img {
      max-width: 100%;
      height: 45px;
      object-fit: contain; }

@media (max-width: 768px) {
  .footer-links {
    margin-top: 20px;
    align-items: center;
    justify-content: center;
    gap: 5px; }
    .footer-links__item {
      font-size: 18px; }
      .footer-links__item-icon {
        width: 30px;
        height: 30px; }
        .footer-links__item-icon i,
        .footer-links__item-icon svg {
          font-size: 18px; } }
@media (max-width: 991px) {
  .slider-area {
    height: 100vh; }
    .slider-area .slider-title {
      font: 600 30px/40px "Montserrat", sans-serif;
      margin-bottom: 5vh !important; }
    .slider-area .slider-right-bg {
      top: 10%; }
    .slider-area .slider-madalya img {
      top: 22%;
      height: 140px; }
    .slider-area .slider-text-area .container-fluid {
      padding: 0 15px; }
    .slider-area .slider-search {
      transform: none;
      bottom: 0;
      padding: 0 0 20px;
      border-radius: 10px 10px 0 0;
      width: 100%;
      background: none; }
    .slider-area .slider-overlay {
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); }
    .slider-area .slider-img {
      position: absolute;
      inset: 0; }
      .slider-area .slider-img img {
        width: 100%;
        height: 100%;
        object-fit: cover; }

  .slider-mobile .mobile-flex {
    justify-content: space-between; }

  form#slider-search-form {
    display: block; }
    form#slider-search-form .search-item {
      margin-right: 0;
      margin-bottom: 7px; }
      form#slider-search-form .search-item .select-dropdown {
        padding: 0; }
        form#slider-search-form .search-item .select-dropdown button.select-button {
          padding: 10px;
          font: 600 16px/18px "Montserrat", sans-serif; }
          form#slider-search-form .search-item .select-dropdown button.select-button .label {
            font: 400 16px/16px "Montserrat", sans-serif;
            margin: 2px 0 4px; }
          form#slider-search-form .search-item .select-dropdown button.select-button .brand-text,
          form#slider-search-form .search-item .select-dropdown button.select-button .purchase-text {
            max-height: 18px; }
    form#slider-search-form .date-icon {
      display: none; }
    form#slider-search-form button.search-button {
      width: 100%;
      height: 40px;
      padding: 5px 15px;
      font: 600 18px/30px "Montserrat", sans-serif; }
      form#slider-search-form button.search-button i,
      form#slider-search-form button.search-button svg {
        font-size: 18px; } }
@media (max-width: 770px) {
  .container-fluid {
    padding: 0 15px; }

  .home-banner__item {
    min-height: unset;
    padding: 0 20px;
    margin-top: 20px; }
  .home-banner__description {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden; }

  .general-page-top-banner {
    background: #00347e; }
    .general-page-top-banner .general-page-banner {
      padding: 20px 0; }

  .general-home-top {
    display: block; }
    .general-home-top .general-title {
      text-align: center;
      font: 600 20px/30px "Montserrat", sans-serif; }
    .general-home-top .general-content {
      text-align: center;
      font: 400 16px/20px "Montserrat", sans-serif; }
    .general-home-top .general-top-right {
      margin-top: 10px;
      justify-content: center; }
      .general-home-top .general-top-right .general-button a {
        font: 500 15px/20px "Montserrat", sans-serif; }
      .general-home-top .general-top-right .general-arrows {
        display: flex;
        align-items: center; }
        .general-home-top .general-top-right .general-arrows a i,
        .general-home-top .general-top-right .general-arrows a svg {
          font-size: 32px; }

  header.header-main,
  header.general-header {
    display: none; }

  header.header-mobile {
    top: 0;
    left: 0;
    padding: 15px 0;
    width: 100%;
    height: unset !important;
    z-index: 20;
    display: block;
    background: transparent;
    position: absolute; }
    header.header-mobile .header-flex {
      display: flex;
      align-items: center;
      justify-content: center;
      height: unset !important;
      width: 100%; }
    header.header-mobile .header-logo {
      position: relative;
      top: 0; }
      header.header-mobile .header-logo a {
        height: auto; }
      header.header-mobile .header-logo img {
        max-width: 100%;
        max-height: 60px; }
    header.header-mobile a.menu-show {
      position: absolute;
      right: 15px;
      top: 50%;
      transform: translateY(-50%);
      color: #fff;
      font-size: 30px; }
    header.header-mobile.general-header {
      position: relative;
      background: #00347e;
      height: unset !important; }

  .reservation-list-area .reservation-list {
    display: flex;
    flex-direction: column;
    gap: 20px; }
    .reservation-list-area .reservation-list .reservation-item .reservation-text {
      margin-top: 10px; }
      .reservation-list-area .reservation-list .reservation-item .reservation-text .reservation-button a {
        padding: 7px 10px;
        font: 400 16px "Montserrat", sans-serif; }
        .reservation-list-area .reservation-list .reservation-item .reservation-text .reservation-button a i,
        .reservation-list-area .reservation-list .reservation-item .reservation-text .reservation-button a svg {
          font-size: 12px;
          margin-right: 7px; }
      .reservation-list-area .reservation-list .reservation-item .reservation-text .reservation-title {
        font: 400 16px/22px "Montserrat", sans-serif; }
        .reservation-list-area .reservation-list .reservation-item .reservation-text .reservation-title .capacity {
          font: 400 16px/22px "Montserrat", sans-serif; }
      .reservation-list-area .reservation-list .reservation-item .reservation-text .star-div i,
      .reservation-list-area .reservation-list .reservation-item .reservation-text .star-div svg {
        font-size: 17px;
        margin-right: 3px; }
      .reservation-list-area .reservation-list .reservation-item .reservation-text .price-div {
        font: 300 16px/22px "Montserrat", sans-serif; }
        .reservation-list-area .reservation-list .reservation-item .reservation-text .price-div strong {
          font: 600 18px/24px "Montserrat", sans-serif; }
      .reservation-list-area .reservation-list .reservation-item .reservation-text .note {
        font: 400 16px/22px "Montserrat", sans-serif; }

  .features-area {
    padding: 50px 0 400px 0; }
    .features-area .features-list {
      grid-template-columns: repeat(2, 1fr); }
      .features-area .features-list .feature-item .feature-icon {
        height: 40px; }
      .features-area .features-list .feature-item .feature-title {
        font: 600 15px/20px "Montserrat", sans-serif; }

  .home-boat-list-area {
    top: -400px; }
    .home-boat-list-area .boat-item {
      height: 400px;
      min-height: 400px;
      max-height: 400px;
      margin: 0 7px; }
      .home-boat-list-area .boat-item .boat-text .boat-title {
        width: 80%;
        color: #fff;
        font: 600 25px/35px "Montserrat", sans-serif; }
      .home-boat-list-area .boat-item .boat-text .boat-content {
        color: #fff;
        font: 400 15px/20px "Montserrat", sans-serif; }

  .home-question-area {
    height: 1000px; }
    .home-question-area .row {
      height: fit-content;
      padding-top: 250px;
      padding-bottom: 100px; }
    .home-question-area .question-image img {
      width: 90%;
      margin: 0 auto; }
    .home-question-area .question-text {
      padding-top: 50px;
      padding-left: 0; }
      .home-question-area .question-text .question-title {
        color: #fff;
        font: 600 25px/40px "Montserrat", sans-serif; }
      .home-question-area .question-text .question-content {
        font: 400 16px/24px "Montserrat", sans-serif; }
      .home-question-area .question-text .question-bottom {
        display: block;
        margin-top: 20px; }
      .home-question-area .question-text .question-button {
        margin-bottom: 30px; }
        .home-question-area .question-text .question-button a {
          width: fit-content; }
      .home-question-area .question-text .question-certificate {
        height: 70px;
        display: flex;
        align-items: center;
        justify-content: end; }
        .home-question-area .question-text .question-certificate img {
          height: 100%; }

  .home-question-bottom-area {
    margin-bottom: 60px; }
    .home-question-bottom-area .qb-item {
      display: block;
      margin-bottom: 12px;
      padding: 15px 20px; }
      .home-question-bottom-area .qb-item .qb-image {
        height: 80px;
        display: flex;
        justify-content: center; }
      .home-question-bottom-area .qb-item .qb-text {
        text-align: center;
        padding-left: 20px; }
        .home-question-bottom-area .qb-item .qb-text .qb-title {
          font: 600 18px/30px "Montserrat", sans-serif; }
      .home-question-bottom-area .qb-item .qb-button {
        display: flex;
        justify-content: center; }

  .customer-reviews-area {
    padding: 0 0 120px 0; }
    .customer-reviews-area .general-home-top {
      top: -170px;
      position: relative; }
    .customer-reviews-area .customer-reviews-list .cr-item {
      margin: 0 55px;
      margin-top: 98px;
      height: 260px; }
      .customer-reviews-area .customer-reviews-list .cr-item .cr-image {
        top: -35px;
        height: 140px; }
      .customer-reviews-area .customer-reviews-list .cr-item .cr-flex {
        display: flex;
        align-items: center;
        justify-content: space-between; }
      .customer-reviews-area .customer-reviews-list .cr-item .cr-star-div {
        display: flex;
        align-items: center; }
        .customer-reviews-area .customer-reviews-list .cr-item .cr-star-div i,
        .customer-reviews-area .customer-reviews-list .cr-item .cr-star-div svg {
          font-size: 16px;
          color: #f19624;
          margin-right: 2px; }
      .customer-reviews-area .customer-reviews-list .cr-item .cr-date {
        transition: all 0.4s ease;
        color: #00347e;
        font: 300 14px/20px "Montserrat", sans-serif; }
      .customer-reviews-area .customer-reviews-list .cr-item .cr-text {
        margin-top: 10px; }
        .customer-reviews-area .customer-reviews-list .cr-item .cr-text .cr-title {
          transition: all 0.4s ease;
          color: #00347e;
          font: 600 16px/20px "Montserrat", sans-serif; }
        .customer-reviews-area .customer-reviews-list .cr-item .cr-text .cr-content {
          margin-top: 7px;
          transition: all 0.4s ease;
          color: #707070;
          font: 400 14px/16px "Montserrat", sans-serif; }
        .customer-reviews-area .customer-reviews-list .cr-item .cr-text .cr-name {
          margin-top: 30px;
          color: #00347e;
          transition: all 0.4s ease;
          font: 400 15px/20px "Montserrat", sans-serif; }
      .customer-reviews-area .customer-reviews-list .cr-item:hover {
        background-color: #00347e; }
        .customer-reviews-area .customer-reviews-list .cr-item:hover .cr-date {
          color: white; }
        .customer-reviews-area .customer-reviews-list .cr-item:hover .cr-text .cr-title {
          color: white; }
        .customer-reviews-area .customer-reviews-list .cr-item:hover .cr-text .cr-content {
          color: white; }
        .customer-reviews-area .customer-reviews-list .cr-item:hover .cr-text .cr-name {
          color: white; }

  .home-blogs-area .col-sm-6:last-child {
    padding-left: 15px;
    margin-top: 20px; }
  .home-blogs-area .big-blog .big-blog-top {
    display: block; }
    .home-blogs-area .big-blog .big-blog-top .big-blog-text .big-blog-subtitle {
      font: 400 16px/25px "Montserrat", sans-serif; }
    .home-blogs-area .big-blog .big-blog-top .big-blog-text .big-blog-title {
      font: 600 25px/35px "Montserrat", sans-serif; }
  .home-blogs-area .big-blog .big-blog-image {
    height: 100%; }
    .home-blogs-area .big-blog .big-blog-image img {
      height: 100%;
      object-fit: cover; }
  .home-blogs-area .big-blog .big-blog-item {
    height: 234px; }
    .home-blogs-area .big-blog .big-blog-item a {
      height: 100%; }
    .home-blogs-area .big-blog .big-blog-item .bb-text .bb-title {
      width: 80%;
      font: 500 18px/24px "Montserrat", sans-serif; }
  .home-blogs-area .small-blog-list {
    grid-template-columns: repeat(1, 1fr); }

  .homne-sss-area {
    padding: 20px 0; }
    .homne-sss-area .home-sss-left .icon {
      width: 80px; }
    .homne-sss-area .home-sss-left .left-text {
      margin-left: 30px; }
      .homne-sss-area .home-sss-left .left-text .title {
        font: 600 25px/35px "Montserrat", sans-serif; }
      .homne-sss-area .home-sss-left .left-text .content {
        font: 400 18px/25px "Montserrat", sans-serif; }
    .homne-sss-area .home-sss-right .accordion .accordion-item {
      margin-bottom: 10px; }
      .homne-sss-area .home-sss-right .accordion .accordion-item h2.accordion-header button {
        text-align: start;
        font: 500 15px/20px "Montserrat", sans-serif; }
      .homne-sss-area .home-sss-right .accordion .accordion-item .accordion-body {
        font: 300 16px/18px "Montserrat", sans-serif; }
    .homne-sss-area .help-button {
      margin-top: 20px; }
      .homne-sss-area .help-button a {
        display: flex;
        align-items: center;
        justify-content: end;
        color: #00347e;
        font: 500 16px/25px "Montserrat", sans-serif; }
        .homne-sss-area .help-button a i,
        .homne-sss-area .help-button a svg {
          color: white;
          border-radius: 50%;
          padding: 3px 5px;
          font-size: 16px;
          margin-left: 10px;
          background-color: #00347e; }

  footer {
    padding: 20px 0 20px 0; }
    footer .footer-top {
      display: block; }
      footer .footer-top .footer-logo {
        width: 25%;
        margin: 0 auto; }
        footer .footer-top .footer-logo img {
          width: 100%; }
      footer .footer-top .footer-top-right {
        width: 100%;
        flex-direction: column;
        flex-wrap: wrap;
        margin-top: 20px;
        justify-content: center;
        align-items: center; }
      footer .footer-top .footer-menu {
        width: 90%; }
        footer .footer-top .footer-menu:first-child, footer .footer-top .footer-menu:last-child {
          width: 90%; }
        footer .footer-top .footer-menu ul:hover svg {
          transform: rotate(180deg); }
        footer .footer-top .footer-menu ul:hover > li:not(.menu-title) {
          display: block;
          pointer-events: all !important; }
        footer .footer-top .footer-menu ul li.menu-title {
          border-bottom: 1px solid #00347e;
          padding: 7px 0; }
        footer .footer-top .footer-menu ul li:not(.menu-title) {
          display: none;
          pointer-events: none; }
        footer .footer-top .footer-menu ul li svg {
          display: inline !important; }
        footer .footer-top .footer-menu ul li a {
          font: 500 17px/30px "Montserrat", sans-serif; }
        footer .footer-top .footer-menu .fc {
          font: 500 17px/30px "Montserrat", sans-serif; }
    footer .copyright {
      margin-top: 20px;
      flex-direction: column;
      align-items: center;
      gap: 10px; }
      footer .copyright .mail {
        text-align: center;
        font: 600 16px/20px "Montserrat", sans-serif; }
      footer .copyright .text {
        text-align: center;
        color: #000000;
        font: 500 16px/20px "Montserrat", sans-serif; }
        footer .copyright .text a {
          margin-left: 0;
          font: 500 16px/20px "Montserrat", sans-serif; }
    footer .footer-app-badges {
      flex-wrap: wrap;
      justify-content: center; }

  .blog-detail-image {
    position: unset; }

  .boat-detail-page-top--short {
    height: auto;
    padding-top: 30px; }
  .boat-detail-page-top .boat-detail-text {
    flex-direction: column;
    align-items: flex-start; }

  .boat-detail-page-center .boat-detail-div .boat-detail-top-inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px 0; }
  .boat-detail-page-center .boat-detail-features .features-list {
    grid-template-columns: repeat(1, 1fr); }
    .boat-detail-page-center .boat-detail-features .features-list .feature-item {
      align-items: baseline; }

  .boat-detail-equipments-div .equipments-bg {
    font: 600 42px/42px "Montserrat", sans-serif; }
  .boat-detail-equipments-div .equipments-list {
    grid-template-columns: repeat(2, 1fr); }

  .boat-detail-evaluation .right-side {
    gap: 10px; }
  .boat-detail-evaluation .rate-progress label {
    font-size: 16px; }
  .boat-detail-evaluation .evaluation-list {
    display: grid;
    grid-gap: 20px 20px;
    grid-template-columns: repeat(1, 1fr);
    margin-top: 40px; }
  .boat-detail-evaluation .evaluation-button {
    display: none; }
    .boat-detail-evaluation .evaluation-button--mobile {
      display: block; }

  .other-boats-div .other-boats-list {
    grid-template-columns: repeat(1, 1fr); }
    .other-boats-div .other-boats-list .reservation-item:not(:first-child) {
      display: none; }

  .boat-detail-image-area .show-all-button {
    bottom: 0.5rem;
    right: 0.5rem; }
    .boat-detail-image-area .show-all-button .btn.show-all {
      padding: 5px 10px; }

  .app-loader .logo-container {
    width: 300px !important; }
    .app-loader .logo-container img {
      width: 300px !important; }

  .user-menu li:not(:last-child) {
    border-bottom: 1px solid #e5e5e5; }

  .profile-page-div .profile-form {
    width: 100%; }

  .accordion .accordion-item {
    padding: 0; }
    .accordion .accordion-item h2.accordion-header .accordion-button-flex {
      flex-wrap: wrap;
      gap: 10px;
      align-items: flex-start; }
      .accordion .accordion-item h2.accordion-header .accordion-button-flex .itempersons,
      .accordion .accordion-item h2.accordion-header .accordion-button-flex .itemstatus {
        margin: 0; }
  .accordion .conditions-right table {
    width: 100%; }

  .boats-page-div .blog-page-list {
    grid-template-columns: repeat(1, 1fr); }
    .boats-page-div .blog-page-list .sb-item:first-child {
      grid-column: unset;
      grid-row: unset;
      height: unset; }

  .corporate-about-us-div {
    padding: 20px 0; }

  .corporate-quailty-area {
    padding: 0 0 20px; }
    .corporate-quailty-area .quailty-div {
      width: 100%; }

  #selectServiceModal .service-item,
  #showServicesModal .service-item {
    flex-direction: column;
    align-items: flex-start; }
    #selectServiceModal .service-item:not(:last-child),
    #showServicesModal .service-item:not(:last-child) {
      border-bottom: 1px solid #e5e5e5; }
    #selectServiceModal .service-item .right-side,
    #showServicesModal .service-item .right-side {
      margin-top: 5px;
      width: 100%;
      display: flex;
      justify-content: flex-end; }
      #selectServiceModal .service-item .right-side .price,
      #showServicesModal .service-item .right-side .price {
        font: 600 16px/20px "Montserrat", sans-serif; }
      #selectServiceModal .service-item .right-side .muted,
      #showServicesModal .service-item .right-side .muted {
        font: 400 14px/20px "Montserrat", sans-serif; }

  form.login-form .mb-3 {
    margin-bottom: 6px !important; }
  form.login-form .form-control {
    padding: 0.25rem 0.5rem !important; }
  form.login-form .form-check .form-check-label {
    font: 16px/18px "Montserrat", sans-serif; }
    form.login-form .form-check .form-check-label a {
      font: 16px/18px "Montserrat", sans-serif; }
  form.login-form .vue3-treeselect__control {
    height: auto; }
  form.login-form .submit-btn {
    padding: 0.25rem 0.5rem !important; }

  .qb-text {
    padding-left: 0 !important; }

  .google-btn {
    padding: 0.25rem 0.5rem !important; }

  #boatFiltersModal .modal-content {
    height: 100%; }
  #boatFiltersModal .modal-body {
    max-height: 100%;
    overflow-y: auto; }

  .boat-detail__specs table td {
    padding: 5px 10px; }
  .boat-detail__specs-item__icon {
    font-size: 10px;
    white-space: nowrap; }
    .boat-detail__specs-item__icon i,
    .boat-detail__specs-item__icon svg {
      font-size: 16px; }
  .boat-detail__specs-item__value {
    font-size: 10px; }

  .special-services-list {
    display: flex;
    flex-direction: column;
    gap: 20px; } }
@media (min-width: 771px) and (max-width: 1600px) {
  body {
    zoom: 0.7; }

  .slider-area {
    height: 940px; }

  .container-fluid {
    padding: 0 30px; } }
@media (min-width: 1200px) and (max-width: 1400px) {
  header .white-bg {
    width: 33%; }
  header .header-menu {
    margin-left: 70px; } }
@media (min-width: 1700px) and (max-width: 1920px) {
  header .white-bg {
    width: 25%; }
  header .header-menu {
    margin-left: 90px; } }
.mobile-menu__list li:not(:last-child) {
  border-bottom: 1px solid #efefef; }
.mobile-menu__link {
  padding: 10px 0;
  display: flex;
  align-items: center;
  gap: 10px;
  transition: var(--f-button-transition); }
  .mobile-menu__link:hover {
    color: var(--zsiqf-custom-bg-color); }

input.number-input::-webkit-outer-spin-button, input.number-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.btn-centered {
  display: flex;
  margin-left: auto;
  margin-right: auto; }

.text-justify {
  text-align: justify; }

.text-right {
  text-align: right; }

.text-left {
  text-align: left; }

.reservation-list .swiper-wrapper {
  align-items: stretch; }
.reservation-list .swiper-slide {
  height: auto; }

.special-services-list-area .special-service-card {
  margin: 0 10px; }

.service-information-content p {
  margin-bottom: 0.5rem; }

.boats-page__order-list {
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: 100%;
  overflow-x: auto; }
.boats-page__order-item {
  padding: 5px 10px;
  border-radius: 30px;
  text-align: center;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #fff; }
  .boats-page__order-item.active {
    background-color: #fff;
    color: #00347e;
    border-color: #fff; }
  .boats-page__order-item svg {
    color: inherit;
    font-size: 16px;
    width: 16px;
    height: 16px; }
  .boats-page__order-item button {
    outline: none;
    border: none;
    background: none;
    width: 100%;
    color: inherit;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px; }

.dropdown-menu-ss {
  height: auto !important; }

@media (max-width: 768px) {
  .boats-page__order-list {
    overflow-x: auto;
    gap: 5px;
    padding-top: 10px; }
  .boats-page__order-item {
    padding: 5px 5px;
    font-size: 10px;
    background-color: #e6e7e8;
    color: #000;
    border: 0;
    flex: 1; }
    .boats-page__order-item.active {
      background-color: #00347e;
      color: #fff;
      border-color: #00347e; }
    .boats-page__order-item svg {
      font-size: 16px;
      width: 16px;
      height: 16px; } }
.service-information-content a,
.blog-detail-text a,
.about-us-area a,
.boat-detail-description a {
  color: #00347e;
  font-weight: 700;
  display: inline-block; }

.contact-cards {
  display: flex;
  align-items: stretch;
  gap: 20px;
  margin: 40px 0; }
  .contact-cards__item {
    flex: 1;
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 10px;
    border: 1px solid #dee2e6;
    padding: 20px;
    font-size: 16px;
    font-weight: 500;
    color: #00347e;
    text-decoration: none;
    transition: all 0.3s ease; }
    .contact-cards__item svg {
      flex-shrink: 0;
      width: 24px;
      height: 24px; }
    .contact-cards__item.hover-item:hover {
      background-color: #00347e;
      color: #fff; }
    .contact-cards__item.social-items {
      flex-direction: row;
      gap: 10px; }
    .contact-cards__item-social {
      color: #00347e;
      transition: all 0.3s ease;
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%; }
      .contact-cards__item-social:hover {
        background-color: #00347e;
        color: #fff; }

.contact-form {
  background-color: #f0f0f0;
  padding: 40px;
  height: 100%; }
  .contact-form-inner {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center; }

.contact-img {
  max-width: 100%;
  width: 100%; }
  .contact-img img {
    max-width: 100%;
    height: 100%;
    max-height: 200px;
    object-fit: contain; }

.reservation-result-container {
  height: 100dvh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 20px; }
  .reservation-result-container .reservation-result-icon {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #00347e;
    display: flex;
    align-items: center;
    justify-content: center; }
    .reservation-result-container .reservation-result-icon svg {
      color: #fff;
      width: 40px;
      height: 40px;
      stroke-width: 1.5px; }
  .reservation-result-container .reservation-result-buttons {
    display: flex;
    justify-content: center;
    gap: 10px; }

@media (max-width: 991px) {
  .contact-cards {
    gap: 10px; }
    .contact-cards__item {
      min-height: unset;
      flex-direction: row; }

  .contact-img img {
    max-height: 150px; }

  .reservation-result-container {
    height: 100%;
    margin-bottom: 20px; }
    .reservation-result-container .reservation-result-icon {
      width: 60px;
      height: 60px; }

  .reservation-result-buttons {
    flex-direction: column; } }
@media (max-width: 768px) {
  .contact-cards {
    display: flex;
    flex-direction: column;
    margin: 10px 0; }
    .contact-cards__item {
      flex-direction: column;
      padding: 10px;
      font-size: 16px;
      gap: 5px; }
      .contact-cards__item svg {
        width: 18px;
        height: 18px; }
      .contact-cards__item-social {
        width: 30px;
        height: 30px;
        font-size: 20px;
        padding: 5px; } }
.accordion .accordion-item h2.accordion-header button:after {
  display: none !important; }

.global-button {
  display: flex;
  align-items: center;
  color: #00347e;
  font: 500 16px/25px "Montserrat", sans-serif;
  cursor: pointer; }
  .global-button i,
  .global-button svg {
    color: white;
    border-radius: 50%;
    padding: 3px 5px;
    font-size: 20px;
    margin-left: 10px;
    background-color: #00347e; }

/*# sourceMappingURL=styles.css.map */