.tourui-card {
    position: relative;
}

/* CARD */
.tourui-wrapper {
    border:1px solid #c3bbbb;
    margin: 10px;
    background: #fff;
    border-radius: 28px;
    padding: 10px;
    box-shadow: 0 4px 14px rgba(0,0,0,.08);
}
.logo-text{
    font-weight:900 !important;
    font-size:20;
    color: #23445b;
}
/* IMAGE FRAME (WHITE BORDER EFFECT) */
.tourui-image-frame {
    position: relative;
    background: #fff;
    border-radius: 22px;
    padding: 6px;
}

.tourui-image {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 18px;
}

/* PRICE LABELS */
.tourui-price-labels {
    position: absolute;
    top: 16px;
    right: 6px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.price-label {
            padding: 0px 14px;

    font-weight: 600;
    border-radius: 14px 0 0 14px;
    white-space: nowrap;
}

.price-label span {
    font-weight: 500;
    font-size: 12px;
}

.price-label.adult {
    background: #ffd400;
            font-size: 20px;


}

.price-label.child {
        margin-left: 10px;
            font-size: 13px;


    background: #ffffff;
    border-top: 1px solid #eee;
}
.price-label.passenger {
        margin-left: 10px;
            font-size: 13px;


    background: #fffaec;
    border-top: 1px solid #eee;
}
/* BODY */
.tourui-body {
    padding: 4px 4px 4px;
}

/* TITLE */
.tourui-title {
    text-align: center;
    color: #1a4955;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0px;
}

/* RATING */
.tourui-rating {
    display: flex;
    align-items: center;
    gap: 3px;
}

.stars {
    color: #f5c301;
    font-size: 18px;
}

.rate-text {
    font-size: 14px;
    font-weight: 700;
    color: #3f6771;
}

.rate-text span {
    font-weight: 400;
    color: #3f6771;
}

/* DIVIDER */
.tourui-divider {
    height: 1px;
    background: #cdcccc;
    margin: 2px 0;
}
/* VERTICAL DIVIDER */
.tourui-divider-vertical {
    width: 1px;
    height: 65px;
    background: #cdcccc;
    display: inline-block;
}

/* DETAILS */
.tourui-details {
    display: flex;
    justify-content: space-between;
    font-size: 15px;
    margin-bottom: 8px;
}

.tourui-included {
    border-radius: 18px;
    padding: 4px;
    margin-bottom: 5px;
}

.included-header {
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
}

.included-icon {
    font-size: 16px;
    color: #009688;
}
.included-icon-y {
    font-size: 22px;
    color: #03A9F4;
}


.included-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    color: #22445d;
}

.option-icon.included {
    color: #25425e;
    font-size: 22px;
}
.tourui-rating-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2px;
}

.reserve-pay-later {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: #ff7a00; /* orange tone */
    white-space: nowrap;
}

.tourui-extras {
    border-radius: 18px;
    padding: 4px;
    margin-bottom: 5px;
}
.tourui-bg {
    background:#fff;
    border-radius: 18px;
}
.extras-header {
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
}

.extras-icon {
    font-size: 22px;
    color: #009688;
}
.orange {
color:#FF6B4A !important;    
}
.black-icon {
    font-size: 22px;
color:#000 !important;    
}

.grid-1row .tourui-included,
.grid-1row .tourui-extras {
    display: flex;
    gap: 12px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}


/* 4 آیتم → 2×2 */
.grid-2x2 .tourui-included,
.grid-2x2 .tourui-extras {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}


.extras-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    color: #22445d;
}

.option-icon.extra {
    color: #23435a;
    font-size: 22px;
}


/* BADGES */
.tourui-badges {
    display: flex;
    flex-direction: column;
    margin-bottom: 3px;
}

.badge {
    border-radius: 14px;
    font-size: 15px;
}

.badge.cancel {
  text-align: left;
  direction: ltr;
}
.badge.pay {
    background: #eef4ff;
}

/* ACTIONS */
.tourui-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.btn-details {
    font-size:20px;
    background: #ffe0e9;
    border-radius: 18px;
    text-align: center;
    font-weight: 600;
    text-decoration: none;
    color: #000;
}

.btn-book {
    font-size:20px;
    color:#000;
    background: #ffd400;
    border: none;
    border-radius: 18px;
    font-weight: 600;
    cursor: pointer;
}

.recommended-scroll-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.recommended-scroll {
    display: flex;
    gap: 16px;
    padding-bottom: 10px;
}

.recommended-card {
        border:1px solid #e0e0e0;

    min-width: 163px;
    max-width: 163px;
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 4px 14px rgba(0,0,0,.08);
    flex-shrink: 0;
    transition: transform .25s ease;
}

.recommended-card:hover {
    transform: translateY(-4px);
}

.recommended-img {
    position: relative;
    height: 170px;
}

.recommended-img img {
    height: 100%;
    object-fit: cover;
}

.recommended-price {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: #f2b705;
    color: #000;
    padding: 6px 10px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 14px;
}

.recommended-body {
    padding: 6px;
}

.recommended-title {
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    height: 55px;
    overflow: hidden;
}

.recommended-rating {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 6px;
}

.recommended-rating .stars {
    color: #ddd;
    font-size: 14px;
}

.recommended-rating .stars .filled {
    color: #f2b705;
}

.hero-banner {
    position: relative;
    min-height: 400px;
    background-image: url('/public/img/bg.jpeg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;

    border-left: 5px solid #ffffff;
    border-right: 5px solid #ffffff;
}

.color1 {
    color: #00464b;
}
.bg-grey{
    background-color: #ffffffc2;

}
.hero-banner-content {
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    width: 100%;
    max-width: 900px;
    padding: 0 16px;
}

/* Initial animation state */
.hero-title,
.hero-text {
    opacity: 0;
    transform: translateY(-40px);
    animation: heroFadeDown 1s ease forwards;
}

/* Delay for text */
.hero-text {
    animation-delay: 0.35s;
}

/* Animation keyframes */
@keyframes heroFadeDown {
    from {
        opacity: 0;
        transform: translateY(-40px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Text color */
.hero-title,
.hero-text {
    color: #696969;
}

.clamp-text {
    line-height: 1.6;
    overflow: hidden;
    visibility: hidden;   
}

.clamp-text.is-ready {
    visibility: visible;
}

.clamp-text .ellipsis {
    cursor: pointer;
    font-weight: 600;
    white-space: nowrap;
}

.cm-middle-top {
    min-width: 250px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.clamp-text.expanded {
    -webkit-line-clamp: unset;
    overflow: visible;
}
.search-sticky-holder {
    height: 80px;
}

.search-sticky-wrapper {
    height: 80px;
    position: relative;
    width: 100%;
    background: #fff;
}

.search-sticky-wrapper.is-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
}
.search-sticky-wrapper {
    transition: transform 0.25s ease, opacity 0.2s ease;
    will-change: transform;
}

.search-sticky-wrapper.is-soft-hide {
    transform: translateY(-40px);
    opacity: 0;
}
.floating-search-btn {
    position: fixed;
    top: 0;
    right: 0;
    width: 56px;
    height: 56px;

    border-bottom-left-radius: 56px;
color: #fff;
    background: #00d1be7a;
    padding-left: 15px;

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

    cursor: pointer;

    opacity: 0;
    pointer-events: none;
    transform: translate(10px, -10px) scale(0.85);

    transition: opacity 0.25s ease, transform 0.25s ease;
}

.floating-search-btn.is-visible {
    opacity: 1;
    pointer-events: auto;
    transform: translate(0, 0) scale(1);
}



 /* =====================================
   NAVIGATION BAR
   ===================================== */
.cm-nav {
  width: 100%;
  background: radial-gradient(farthest-side at 50% 50%, #F4F7F8, #F4F7F1);
  font-family: Arial, sans-serif;
  position: relative;
  z-index: 9999999;
}

.cm-menu li,
.cm-submenu li {
  list-style-type: none;
}

/* =====================================
   CONTAINER
   ===================================== */
.cm-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 0.3rem;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 9999999;
}

/* =====================================
   LOGO
   ===================================== */
.cm-logo img {
  height: 80px;
}

/* =====================================
   HAMBURGER TOGGLE
   ===================================== */
.cm-toggle {
  display: none;
  flex-direction: column;
  justify-content: space-between;
  width: 40px;
  height: 26px;
  background: none;
  border: none;
  cursor: pointer;
  z-index: 9999999;
}

.cm-toggle span {
  width: 100%;
  height: 3px;
  background: #FF6B4A;
  border-radius: 2px;
  transition: all 0.3s ease;
}

.cm-toggle.cm-active span:nth-child(1) {
  transform: translateX(0) rotate(-90deg);
}

.cm-toggle.cm-active span:nth-child(2) {
  transform: translateX(-8px) rotate(90deg);
}

.cm-toggle.cm-active span:nth-child(3) {
  transform: translateX(-16px) rotate(-90deg);
}

.cm-toggle.cm-active span:nth-child(4) {
  transform: translateX(-25px) rotate(-90deg);
}

/* =====================================
   MENU ITEMS
   ===================================== */
.cm-item {
  position: relative;
}

.cm-link {
  text-align: center;
  background: none;
  border: none;
  color: #25465d;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 992px) {
  .cm-link {
    color: #224359;
  }
}

.cm-link:hover {
  background-color: #42779f;
  border-radius: 4px;
}

/* Arrow icon */
.cm-arrow {
  border: solid #fff;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  margin-left: 6px;
  transform: rotate(45deg);
  transition: transform 0.2s ease;
}

.cm-rotate {
  transform: rotate(-135deg);
}


.cm-menu {
  display: flex;
  align-items: center;
  gap: 1rem;

  /* Desktop-safe defaults */
  position: static;
  top: auto;
  right: auto;
  flex-direction: row;
  background: transparent;

  max-height: none;
  overflow: visible;
  opacity: 1;
  transform: none;
  transition: none;
  padding: 0;
}

/* =====================================
   DESKTOP MENU (Improved Hover Logic)
   ===================================== */
@media (min-width: 993px) {
  .cm-menu {
    display: flex;
    align-items: center;
    gap: 1rem;

    /* Critical overrides to prevent mobile rules affecting desktop */
    position: static !important;
    max-height: none !important;
    overflow: visible !important;
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    background: transparent !important;
  }

  .cm-submenu {
    position: absolute;
    top: 100%; /* directly below menu item */
    left: 0;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    opacity: 0;
    visibility: hidden;
    min-width: 180px;
    transform: translateY(8px);
    transition: opacity 0.25s ease, transform 0.25s ease;
    z-index: 9999999;
    pointer-events: none;
  }

  /* This invisible hover buffer fixes the "instant close" issue */
  .cm-item::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 15px; /* small gap catcher */
    background: transparent;
  }

  /* Show submenu when hovering item or submenu */
  .cm-item:hover > .cm-submenu,
  .cm-item:focus-within > .cm-submenu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
  }

  /* Keep submenu open when hovering it */
  .cm-submenu:hover {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
  }

  .cm-menu,
  .cm-submenu {
    max-height: none !important;
    overflow: visible !important;
  }

  .cm-sub-link {
    text-align: center;
    display: block;
    padding: 10px 14px;
    color: #2f3b4d;
    text-decoration: none;
    font-size: 14px;
  }

  .cm-sub-link:hover {
    background: #f2f5f8;
    color: #000;
  }
}

.m-80 {
  margin-top: 80px !important;
}

/* =====================================
   MOBILE MENU
   ===================================== */
@media (max-width: 992px) {
  .cm-toggle {
    display: flex;
    outline: auto !important;
    outline: none !important;
  }

  /* Mobile overrides ONLY here */
  .cm-menu {
    position: absolute;
    top: 80px;
    right: 0;
    flex-direction: column;
    background: #f4f7f7;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateY(-15px);
    transition: all 0.5s ease;
    padding: 0;
  }

  .cm-menu.cm-open {
    max-height: 600px;
    opacity: 1;
    transform: translateY(0);
    animation: slideFadeIn 0.5s ease forwards;
    padding: 0px;
  }

  .cm-menu.cm-close {
    animation: slideFadeOut 0.4s ease forwards;
  }

  .cm-link {
    display: flex;
    text-align: left;
    width: 150px;
    padding: 6px 18px;
  }

  .cm-submenu {
    padding: 0px;
    position: static;
    background: #fff;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
  }

  .cm-submenu.cm-open {
    max-height: 600px;
  }

  .cm-sub-link {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 6px 22px;
    color: #2f3b4d;
    border-bottom: 1px solid #e5e7eb;
    width: 100%;
  }

  .cm-sub-link:hover {
    background: #f2f5f8;
  }
}

/* =====================================
   ANIMATIONS
   ===================================== */
@keyframes slideFadeIn {
  0% {
    opacity: 0;
    transform: translateY(-15px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slideFadeOut {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-15px);
  }
}

  
  
.toggle-option {
    align-items: center;
    gap: 6px;
}

.toggle-icon {
    width: 20px; 
    height: 20px;
    object-fit: contain;
    display: inline-block;
}

.payment-toggle {
    display: block;
    width: 100%;
    position: relative;
    cursor: pointer;
}

.payment-toggle input {
    display: none;
}

.payment-toggle .toggle-track {
    background: #cdcdcd;
    border-radius: 40px;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    font-weight: 600;
    color: #fff;
}

.payment-toggle .toggle-option {
    width: 50%;
    text-align: center;
    z-index: 2;
    font-size: 14px;
}

.payment-toggle .toggle-slider {
    position: absolute;
    width: 50%;
    height: 100%;
    background: #2176B5;
    border-radius: 40px;
    left: 0;
    top: 0;
    transition: 0.3s ease;
    z-index: 1;
}

.payment-toggle input:checked ~ .toggle-track .toggle-slider {
    left: 50%;
}

.payment-toggle input:checked ~ .toggle-track .left {
    color: #234;
}

.payment-toggle input:checked ~ .toggle-track .right {
    color: #fff;
}

.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
}

.row.g-1 {
  margin-right: 2px;
  margin-left: 2px;
}

.row.g-1 > [class*="col-"] {
  padding-right: 2px;
  padding-left: 2px;
}

.bg-white {
    background-color: #fff !important;
}
.gap-10 {
    display: flex;    
    gap: 10px;      
}

    .faq-question {
        text-align: left;
         font-style: normal;
    }

    .faq-question li,
    .faq-question i {
        margin-left: 0;
        padding-left: 0;
        font-style: normal;
    }
.pac-container { z-index: 200000 !important; }
.price-highlight {
    color: #db202c;
    font-weight: 700; 
}
    .font-weight700 {
      
        font-weight: 700 !important ; 
    }
.gray{
color:#535353 !important
}
  .flash {
    animation: card-in .35s ease-out both;
  }
  @keyframes card-in {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0); }
  }
  
.equal-5 {
  align-items: stretch;     
}

.equal-5 > .col {
  display: flex;         
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 0;            
  text-align: center;
}

.equal-5 img {
  max-width: 40px;      
  height: auto;
}

.equal-5 small,
.equal-5 span {
  white-space: nowrap;
}

.share-btn-container {
    text-align: center;
    
  
}

.share-btn {
    position: relative;
  
    color: #212529;
    border: none;
    border-radius: 50px;
    font-size: 12px;
    display: inline-flex;
  
    gap: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.share-btn:hover {
    transform: translateY(-2px);
        border: none;
}

.share-icon {
    width: 15px;
    height: 15px;
        border: none;
}

.border-bottom-dashed {
    border-bottom: 1px dashed #ccd0d3; 
}

.rent-options {

    padding: 6px; 
    z-index: 1000;
    position: absolute;

    right: 0px;
    top: 30%;

}

.rent-price {
    left:10px;
    font-size: 15px !important;
    padding: 6;
    z-index: 1000;
    position: absolute;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;

    top: 0%;
    background-size: contain;
    color: #ffffff
}


  .qty{align-items:center;gap:.5rem}
  .qty-btn{color: #fff;width:38px;height:38px;border:0;border-radius:12px;background:#007c96;font-size:22px;line-height:1}
  .qty-btn:disabled{opacity:.5;cursor:not-allowed}
  .qty-out{position: relative;top: -2px;font-size: 17;border-radius: 10px;padding: 9px;color: #fff;background-color: #006e85;min-width: 71px;text-align:center;font-weight:700}
.rent-results{
  font-size:13px; font-weight:600; color:#111827; background:#FFF8E1;
  border-radius:10px; padding:6px 10px; ; z-index:10000;;
}
.text-black{
    color:#000 !important;
}
.rent-card.flash { animation: flash-in 450ms ease-out; }
@keyframes flash-in {
  0%{ transform:scale(.7); box-shadow:0 0 0 rgba(0,0,0,0); }
  100%{ transform:scale(1);   box-shadow:0 2px 10px rgba(0,0,0,.06);  z-index:10000;}
}
.rent-empty .alert{ border-radius:10px; }

/* Filters container */
.rent-filters {
    background: #f9f8f4;
    border: 1px solid #e7e9ee;
    border-radius: 12px;
   
}

.filters-top {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.filter-item {
    display: flex;
    flex-direction: column;
    min-width: 220px;
}

.filter-label {
    top: 12px;
    position: relative;
    font-size: 12px;
    color: #555555;
    margin-bottom: 0px;
}

.filter-select {
    height: 36px;
    border-radius: 10px;
    border: 1px solid #dcdfe6;
    padding: 0 10px;
    background: #fff;
}

/* Price slider block */
.price-slider {
    width: 95%;
    margin: 0 auto; 
    display: block;
}


.price-labels {
    display: flex;
    justify-content: space-between;
    font-size: 15px;
    color: #666;
    margin-bottom: 6px;
}

.slider-wrap {
    position: relative;
    width: 100%;
    height: 12px;
}

#price-range {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 6px;
    border-radius: 999px;
    background: linear-gradient(90deg, #e9edf3, #e9edf3);
    outline: none;
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* track (webkit) */
#price-range::-webkit-slider-runnable-track {
    height: 6px;
    border-radius: 999px;
    background: transparent; 
}

/* thumb (webkit) */
#price-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #ffcc00;
    border: 2px solid #d9a800;
    cursor: pointer;
    margin-top: -6px
}

/* Firefox */
#price-range::-moz-range-track {
    height: 6px;
    border-radius: 999px;
    background: transparent;
}
#price-range::-moz-range-thumb {
    width: 18px;
    height: 18px;
    border: 2px solid #d9a800;
    border-radius: 50%;
    background: #ffcc00;
    cursor: pointer;
}

/* Bubble above thumb */
#price-bubble {
    position: absolute;
    top: -28px;
    transform: translateX(-50%);
    color:#ffffff00;
    padding: 2px 8px;
    font-size: 12px;
    border-radius: 8px;
    pointer-events: none;
    left: 0;
}

/* Reset button */
.filter-actions {
    display: flex;
    justify-content: flex-end;
}
.my-close{
  position:absolute;
  top: 0.25rem;
  right: 0.25rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width: 24px;
  height: 24px;
  border:none;
  border-radius:8px;
  background:#3d5973;
  color:#b5bbc9;
  cursor:pointer;
  transition:transform .12s ease, background-color .12s ease, box-shadow .12s ease;
  box-shadow:0 1px 2px rgba(0,0,0,.06);
}
.my-close:hover{ background:#e5e7eb; transform:translateY(-1px); }
.my-close:active{ transform:translateY(0); }
.my-close:focus{ outline:2px solid #3b82f6; outline-offset:2px; }
.my-close svg{ pointer-events:none; }

.left-li li {
    text-align: left !important;
}
.ask-toggle-btn{
    max-width:158px !important;
}

    .ask-icon {
        
        width: 40px;
        height: 40px;
        object-fit: contain;
    }
    .w165 {
     width:165px !important;   
    
    }
.harbor-overlay {
    position: absolute;
    bottom: 10px;
    left: 10px; 
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 10px;
    display: flex;
    align-items: center;
    z-index: 10;
    pointer-events: none;
}

.harbor-overlay i {
    margin-right: 5px;
    color: #fdd835; /* location icon in gold */
}

.rentboat-img-container {
    position: relative;
}

 #message-popup {
    position: fixed;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 16px 20px;
    border-radius: 10px;
    min-width: 80%;
    text-align: center;
    font-weight: bold;
    font-size: 1rem;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
  }

  .success {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
  }

  .error {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
  }

  .message-icon {
    font-size: 32px;
    margin-top: 10px;
  }

header {
  background-color: #1f3549;
  color: white;
  padding: 1rem;
  text-align: center;
}
.custom-ul {
    
    padding-inline-start: 15px;
    margin: 0;
}
.custom-ul a:hover {
    color: #b4ddfe;
    text-decoration: none
}
@media (min-width: 768px) {
    .custom-ul {
        display: flex;
        flex-wrap: wrap;
        gap: 10px; 
        list-style: none; 
        padding-left: 0;
    }

    .custom-ul li {
        max-width:100px;
        display: inline;
    }

    .custom-ul li i {
        margin-right: 5px;
    }
}

ul.custom-ul {
    padding-inline-start: 0px !important;
    margin: 0;
}

.bg-yellow1 {
    background-color: #fffef5 !important;
}
.bg-blue1 {
    background-color: #ddfbfd !important;
}

@media (min-width: 1024px) {
  .desktop-between {
  gap: 32px;
  }
}
.text-truncate-multiline {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.icon-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
    margin-bottom: 1rem;
}

.icon-container img {
    width: 60px;
    height: 60px;
}

.comment-clickable.card {
    cursor: pointer;
    transition: box-shadow 0.3s ease;
    text-align: center;
}

.comment-clickable.card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transform: translateY(-2px);
}
.comment-card .card {
    text-align: center;
}

.d-none {
    display: none !important;
}
.back-to-category {
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    position: fixed;
    bottom: 260px;
    right: -80px;
    z-index: 9999;
    background: #007c96;
    color: white;
    padding: 0px 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    text-decoration: none;
    font-size: 18px;
    transition: background 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotate(90deg);
}

.back-to-category:hover {
    background: #005e63;
}

.back-to-category i {
    transform: rotate(180deg);
}

.day.disabled {
  position: relative;
  opacity: 0.4;
  pointer-events: none;
  background-color: #eee;
  cursor: not-allowed;
}

.day.disabled::after {
  content: 'X';
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  color: #5d5d5d80;
  font-size: 30px;
  font-weight:200;
  
}


.section {
  background: white;
  margin: 0.5rem 0;
  padding: 1rem;
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.section h2 {
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
  align-items: center;
  gap: 0.5rem;
}



form input,
form textarea {
  width: 100%;
  padding: 0.3rem;
  margin-top: 0.3rem;
  border: 1px solid #ccc;
  border-radius: 8px;
}
.number-input {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.number-input button {
    font-size:24px;
    color:#fff;
    border-radius:12px;
  width: 40px;
  height: 40px;
  border: 1px solid #ccc;
  background-color: #008c96;
  cursor: pointer;
}
form button {
    padding-right:15px;
    padding-left:15px;
  background-color: #315577;
  font-size: 18px;
  color: #ffffff;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-weight: bold;
}
.center-placeholder::placeholder {
  text-align: center;
}

.calendar-toggle {
  margin-bottom: 1rem;
  cursor: pointer;
  color: #0066cc;
  text-decoration: underline;
}
.calendar {
  display: none;
  flex-direction: column;
  gap: 0.5rem;
}
.calendar.active {
  display: flex;
}
.calendar .days {
    font-weight: 600;
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 0.4rem;
  overflow: hidden;
  word-break: break-word;
}
.calendar .day,
.calendar .weekday {
  text-align: center;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.2;
}
.calendar .day {
  border: 1px solid #ccc;
  background: #fff;
  cursor: pointer;
 
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}

.calendar .day.selected {
  background-color: #0066cc;
  color: white;
}
.calendar .weekday {
  font-weight: bold;
  background: #f0f0f0;
}
@media screen and (max-width: 600px) {
  .calendar .days {
    
    grid-template-columns: repeat(7, 1fr);
  }
  .calendar .day {
    font-size: 14px;
    padding: 0.1rem;
  }
}
.color-price{
    color: #244e75;
}
.color-pink{
    color: #fd009f;
}
.color-turkuaz{
    color: #abfff8 !important;
}
.mwrent{
    max-width: 100%;
}
.max-w-25 {
  max-width: 25%;
}
  .number-input {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
  }

  .number-label {
    flex: 1;
    text-align: left;
  }

  .number-controls {
    align-items: center;
    gap: 5px;
  }

  .number-controls input {
    width: 50px;
    text-align: center;
  }
#tour-loading-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
}
.spinner {
  border: 6px solid #f3f3f3;
  border-top: 6px solid #007c96;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


h1{
    font-size: 24px;
}
h2{
    font-size: 20px;
}
h3{
    font-size: 18px;
}
h4{
    font-size: 16px;
}
.position-relative-video
{
    border-radius: 15px;
    max-width: 800px;

    position: relative;
}
.white-line {
  width: 100%;
  height: 2px;
  background-color: white;
  border: none;
}
html, body {
      height: 100%; 
      margin: 0;
    }
.rentboat-card {
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0,0,0,0.1);
  transition: transform 0.3s ease;
}

.rentboat-card:hover {
  transform: scale(1.02);
}

.rentboat-img-container {
  position: relative;
  overflow: visible !important;
}

.rentboat-heart {
  position: static;
  top: 10px;
  right: 10px;
  font-size: 1.5rem;
  color: white;
  cursor: pointer;
  z-index: 20;
}

.rentboat-heart.active {
  color: red;
}

.rentboat-info i {
  margin-right: 5px;
}

.rentboat-price {
  padding: 5px;
  color: white;
  border-radius: 12px;
  background-color: #007c96;
  font-size: 1.2rem;
}
.rentboat-detail {
  padding: 5px;
  color: white;
  border-radius: 12px;
  background-color: #ffa200;
  font-size: 1.2rem;
}

.rentboat-rating {
  color:#f5c91c;
  font-weight: bold;
}

.rentboat-card-body {
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
}

.rentboat-icon-text {
  display: flex;
  align-items: center;
  
}

.rentboat-title-overlay {
  font-size: 1rem;
  font-weight: bold;
  z-index: 5;
  max-width: 90%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.rentboat-swiper {
  width: 100%;
  height: 250px;
  border-radius: 15px;
  overflow: hidden;
  position: relative;
}
.tour-swiper {
  width: 100%;

  border-radius: 15px;
  overflow: hidden;
  position: relative;
}

/* Remove border-radius on mobile devices */
@media (max-width: 768px) {
  .tour-swiper {
    border-radius: 0;
  }
}

.swiper-slide img {
  width: 100%;

  object-fit: cover;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.4);
  color: white;
  width: 36px;
  height: 36px;
  border-radius: 25%;
  display: flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 1 !important;
  visibility: visible !important;
  transition: opacity 0.3s ease;
}

.swiper-button-prev {
  left: 10px;
}

.swiper-button-next {
  right: 10px;
}

.swiper-button-next i,
.swiper-button-prev i {
  font-size: 1rem;
  pointer-events: none;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.4 !important;
  pointer-events: none;
}

@media (max-width: 768px) {
  .swiper-button-next,
  .swiper-button-prev {
    width: 30px;
    height: 30px;
  }

  .swiper-button-next i,
  .swiper-button-prev i {
    font-size: 0.8rem;
  }
}
.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color:#adadad;
  opacity: 1;
  border-radius: 50%;
  margin: 0 4px;
  transition: background-color 0.3s ease;
  cursor: pointer;
}
.swiper-pagination {
  position: static;
  bottom: 10px;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 15;
}


.swiper-pagination-bullet-active {
  background-color: #fff;
}

@media (max-width: 768px) {
  .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
  }
}



.play-pause-button {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 33px;
        background: rgba(0, 0, 0, 0.6);
        color: white;
        border-radius: 50%;
        padding: 15px 20px;
        cursor: pointer;
        z-index: 5;
        display: none;
    }

    .time-display {
        position: absolute;
        top: 80%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: rgba(0,0,0,0.6);
        color: white;
        padding: 6px 12px;
        border-radius: 8px;
        font-size: 16px;
        z-index: 6;
        display: none;
    }

    .buffer-circle {
        position: absolute;
        top: 10px;
        left: 10px;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: rgba(255,255,255,0.15);
        overflow: hidden;
        z-index: 4;
    }

    .buffer-circle #bufferFill {
        width: 100%;
        height: 0%;
        background: limegreen;
        transition: height 0.3s ease;
    }
.dist-page h3 {

  text-align: justify;
}
.dist-page h2 {
color: #bd0067;
  text-align: center;
}
.dist-page li {
  color: #343a40;
  text-align: justify;
}
.card-custom {
    display: flex;
    flex-direction: column;
    border: none;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    transition: transform 0.2s ease, box-shadow 0.3s ease;
    text-decoration: none;
    color: inherit;
    height: 100%;
}

.card-custom:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.card-img-rounder {
    position: relative;
    width: 100%;
    padding-top: 65%;
    overflow: hidden;
    border-bottom: 1px solid #eee;
}

.rent-card-img-rounder {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #eee;
}

.card-img-rounder img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.rent-card-img-rounder img {
    width: 100%;
}

.card-img-rounder:hover img {
    transform: scale(1.05);
}

.price {
    position: absolute;
    right: 10px;
    background: #1f3549;
    color: white;
    padding: 0px 8px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: bold;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.card-body {
    padding: 20px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.card-title {
    font-size: 20px;
    font-weight: 700;
    color: #222;
    margin-bottom: 10px;
}

.card-text {
    font-size: 15px;
    color: #555;
    margin-bottom: 8px;
}

.card-text img {
    vertical-align: middle;
    margin-right: 6px;
}
.card-link a {
    color: #494949;
}
.btn.bg-yellow {
    background: linear-gradient(to left, #00437b, #005099, #1b5885) !important;
    color: #fff !important;
    font-weight: bold;
    border-radius: 30px;
    padding: 6px 20px;
    transition: background-color 0.3s ease;
    max-width: 400px;         
    width: 100%;           
    display: block;        
    margin: 0 auto;          
    text-align: center;      
}


.btn.bg-yellow:hover {
    background: linear-gradient(to left, #345168, #0e1d2b, #1b5886);
}
.mw-1000 {
    max-width: 1140px;
    margin: 0 auto;
    padding-right: 5px;
    padding-left: 5px;
}
.mw-800 {
    max-width: 800px;
    margin: 0 auto;
    padding-right: 5px;
    padding-left: 5px;
}
   .mobile-p-l-r-5 {
     padding-left: 0px !important;
      padding-right: 0px !important;
   }
@media (max-width: 767.98px) {
   .mobile-p-l-r-5 {
     padding-left: 5px !important;
      padding-right: 5px !important;
   }
}
.br12{
    border-radius: 12px
}
.mw-900 {
    max-width: 900px;
    margin: 0 auto;

}
.line-black {
    height: 1px;
    background-color: #ddd;
    margin: 0 20px;
}
.headerqa {
    min-height: 42px;
    background: linear-gradient(#ffa200);
    display: flex;
    align-items: center;
}
.cart-button, .socials .icon-button, .wish-button {
    display: inline-block;
    text-align: center;
    cursor: pointer
}

.card, .smallcard .mycard, div, p {
    word-wrap: break-word
}

body {
    background:linear-gradient(#F4F7F8);
    font-family: Cuprum, sans-serif;

}

.nav-rounder, body .aktif {
    background: radial-gradient(farthest-side at 50% 50%, #F4F7F8, #F4F7F9)
}

.siteDesc img {
    width: 100%;
    height: auto
}

.nav-rounder .navbar .navbar-brand:hover, .social-menu .fab:hover, .socials .icon-button:hover .fa-facebook, .socials .icon-button:hover .fa-instagram, .socials .icon-button:hover .fa-odnoklassniki-square, .socials .icon-button:hover .fa-twitter, .socials .icon-button:hover .fa-vk, .whatsapp-sarici i, body .aktif a, footer a, footer ul li a {
    color: #fff
}

body .s-page {
    background-color: rgba(255, 255, 255, .5);
    padding: 15px;
    margin-top: 30px;

}

body .p-header {
    background: linear-gradient(#fdeaae 0, #fce396 25%, #fbdd7d 50%, #fad764 75%, #f9d04c 100%)
}

body .logo {
    margin: 0;
    padding: 0;
    width: 200px;
    z-index: 9
}

body .logo-footer {
    margin-right: 15px
}

body .logo-text {
    font-weight: 700;
    font-size: 20px
}

body .p-header {
    text-align: center;
    color: #333;
    padding: 15px 0;
    font-weight: 600;
    margin: 0;
    width: 100%
}

body .hed1, body .p-header2, body .p-header3 
{color: #1a4955;font-weight: bold;border-radius: 8px;display: inline-block;}



.full-width-no-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 400px;
}


body .hed1 {
    text-align: center;
    padding: 5px;
    margin: 0 0 20px;
    width: 100%
}

.section-a .section-a-in h5, body .p-header2, body .p-header3 {

    width: 100%
}

.section-a .section-a-in h5, .tops h2 {
    text-transform: capitalize;
    text-align: center
}

body .p-header2 {
    text-align: center;
    color: #333;
    font-size: 20px
}

body .p-header3 {
    text-align: center;
    color: #fff
}

body .t-header {
    display: block;
    color: #035e64;
    padding: 5px;
    font-weight: 200;
    font-size: 30px;
    width: 100%
}

body .bgr {
    background-color: #035e64;
    text-align: center;
    color: #fff
}

body .res-round {
    background: linear-gradient(to right, #23313e, #42779f, #23313e);
    border-radius: 4px;


}

body .res-round .radio-inline, footer a:hover {
    color: #000
}

body .fa-whatsapp {
    color: #ffffff
}

a.wishList {
    position: relative
}

.wishList i {
    margin: 0 !important;
    padding-right: 10px
}

.wishList span {
    position: absolute;
    z-index: 1;
    left: 20px;
    color: red
}

body .fa-heart, body .fa-shopping-cart {
    color: #fd2222;
    font-size: 16px;
    cursor: pointer
}

.wishes-box {
    padding: 20px;
    border: 1px solid;
    border-radius: 10px;
    width: 100%
}

.cart-button, .wish-button {
    background-color: #dbb9e9;
    border-radius: 100px;
    box-shadow: rgba(44, 187, 99, .2) 0 -25px 18px -14px inset, rgba(44, 187, 99, .15) 0 1px 2px, rgba(44, 187, 99, .15) 0 2px 4px, rgba(44, 187, 99, .15) 0 4px 8px, rgba(44, 187, 99, .15) 0 8px 16px, rgba(44, 187, 99, .15) 0 16px 32px;
    color: green;
    font-family: CerebriSans-Regular, -apple-system, system-ui, Roboto, sans-serif;
    padding: 7px 20px;
    text-decoration: none;
    transition: 250ms;
    border: 0;
    font-size: 16px;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    margin-bottom: 5px
}

body .fa-viber {
    color: #892eb4
}

body .fa-twitter {
    color: #4099ff
}

body .fa-tiktok {
    color: #000000
}

body .fa-youtube {
    color: #e92323
}

body .fa-facebook {
    color: #3b5998
}

body .fa-vk {
    color: #4b729c
}

body .fa-linkedin-in {
    color: #0f74a8
}

body .fa-odnoklassniki-square {
    color: #ed7e1f
}

body .fa-instagram {
    color: #981e89
}

.active, body a {
    color: #333
}

.nav, body a {
    color: #333
}

.tops, body a {
    color: #1f3549;
    font-weight: bold;
}

footer a {
    font-size: 14px !important;
    color: #333
}

body a:hover {
    color: #4d4d4d;
    text-decoration: none
}

body i {
    margin-right: 5px
}

.transfer-content table table h3,
.u-tour .form-group,
ul#breadcrumb {
    margin: 0;
}

/* Breadcrumb container */
#breadcrumb {
    text-transform: lowercase;
    background: linear-gradient(#F4F7F8);
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
}

/* Breadcrumb item */
#breadcrumb li {
    position: relative;
    display: flex;
    align-items: center;
}

/* Separator ">" between breadcrumbs */
#breadcrumb li:not(:last-child)::after {
    content: ">";
    margin: 0 6px;
    color: #5b6364;
    font-size: 11px;
}

/* Breadcrumb link */
#breadcrumb li a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 18px;
    padding: 0 15px;
    background-color: #6b9ac5;
    color: #5b6364;
    text-decoration: none;
    font-size: 11px;
    min-width: 40px;
    white-space: nowrap;
    border-radius: 3px;
}

/* Alternate background for even items */
#breadcrumb li:nth-child(2n) a {
    background-color: #eaeff3;
}

/* Hover state */
#breadcrumb li a:hover {
    background-color: #7b9ac5;
}

/* Active state */
#breadcrumb li a:active {
    background-color: #8b9ac5;
}



.section-a .section-a-in {
    padding-top: 30px;
    padding-bottom: 30px
}

.section-a .section-a-in h5 {
    color: #fbdd7d;
    text-shadow: -1px 1px 5px #404040, 1px -1px 1px #f6ca17, -1px -1px 1px #404040;
    font-weight: 600
}


.oneblog {
    padding-top: 15px;
    padding-bottom: 15px
}

#reservationForm .modal-body, .top-content {
    background: linear-gradient(#b8ddf2)
}

.headermhn {
    text-shadow: 2px 6px 4px rgb(0 0 0 / 63%);
    min-height: 42px;
    background: linear-gradient(#ffc663);
    display: flex;
    align-items: center;
}

.oneblog a {
    color: #058c95;
    font-weight: 700
}

.oneblog a:hover {
    color: #035e64
}

.top-content {
    padding: 5px;
}

.top-content .dropdown-menu {
    overflow-y: auto;
    max-height: 420px
}

.top-content .dropdown-menu li {
    padding: 10px 5px;
    color: #fff
}

.top-content .oso {
    font-size: 15px;
    font-weight: 700;
    color: #022f32
}

.top-content .asa a, .top-content .oso a {
    font-size: 14px;
    font-weight: 700;
    color: #525252
}

.top-content .asa a i, .top-content .oso a i {
    margin: auto 5px
}

.top-content img {
    height: 20px;
    align-items: center;
    margin: -3px 5px 0 15px
}

.top-content .list-inline-item:after {
    content: " | ";
    color: #fff;
    padding: 0 10px
}

.top-content .list-inline-item:after:last-child {
    content: ""
}

.top-content .list-inline > .list-inline-item {
    float: right
}

.marquee {
    width: 100%;
    overflow: hidden
}

.marquee i {
    color: #333;
    padding-right: 5px
}

.nav-rounder .navbar, .socials {
    margin: 0;
    padding: 0
}

.nav-rounder .navbar a {
    color: #204058;
    font-size: 16px;
    font-weight: 700
}
@media (min-width: 992px) {
  .navbar-expand-lg .navbar-collapse {
    position: absolute;
    right: 0;
  }
}

.nav-rounder .navbar .dropdown-item {
    color: #666 !important
}

.nav-rounder .navbar .active a {
    color: #19a8ac
}

.nav-rounder .navbar .navbar-brand {
    font-size: 25px;
    margin: 0;
    padding: 0 20px 0 0;
    position: relative;
    font-weight: 900
}

.nav-rounder .navbar .navbar-brand small {
    display: block;
    position: absolute;
    font-size: 11px;
    font-weight: 400;
    font-style: italic;
    right: 20px;
    bottom: 10px;
    text-transform: lowercase
}

.socials .icon-button {
    background-color: #fbdd7d;
    border-radius: 1rem;
    font-size: 1.3rem;
    height: 2rem;
    line-height: 1.8rem;
    margin: 0 5px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 2rem;
    border: 2px solid #fff
}

.socials .icon-button:hover span {
    width: 2rem;
    height: 2rem;
    border-radius: 2rem;
    margin: -1rem
}

.socials .icon-button i {
    background: 0 0;
    height: 1rem;
    left: 0;
    line-height: 1.7rem;
    position: absolute;
    top: 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    width: 1.8rem;
    z-index: 10
}

.socials .icon-button span {
    border-radius: 0;
    display: block;
    height: 0;
    left: 50%;
    margin: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    width: 0
}

.social-menu a.twitter:hover, .socials .twitter span {
    background-color: #4099ff
}

.social-menu a.facebook:hover, .socials .facebook span {
    background-color: #3b5998
}

.social-menu a.youtube:hover, .socials .youtube span {
    background-color: #e92323
}

.social-menu a.vk:hover, .socials .vk span {
    background-color: #4b729c
}

.socials .ok span {
    background-color: #ed7e1f
}

.socials .instagram span {
    background-color: #981e89
}

.steps {
    background-color: #fff;
    text-align: center;
    padding: 0
}

.steps .col {
    border-right: 1px solid #17defa;
    background-color: #f8feff;
    padding-bottom: 5px;
    padding-top: 5px
}

.steps .col:last-child {
    border-right: 1px solid transparent
}

.steps img {
    height: 50px;
    width: 75px;
    margin-top: 5px
}

.steps h3 {
    color: #aa4d9f;
    font-weight: 800
}

.steps p {
    font-size: 13px;
    font-weight: 700;
    color: #4d4d4d;
    padding: 0;
    margin: 0 0 5px
}

.whatsapp-sarici {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 250px;
    padding: 0
}

.whatsapp-sarici div {
    position: relative;
    font-size: 20px;
    color: #fff
}

footer .fa-caret-right, footer h5 {
    color: #fbdd7d
}

.whatsapp-sarici .call-icons a {
    text-align: center;
    padding: 8px 15px
}

.whatsapp-sarici .call-icons p {
    margin: 0;
    padding: 0;
    font-size: 11px;
    text-align: center
}

.whatsapp-sarici .tele {
    background-color: #2fa8d9;
    color: #fff
}

.whatsapp-sarici .tele:hover {
    background-color: #196989
}

.whatsapp-sarici .telech {
    background-color: #52cdff;
    color: #fff
}

.whatsapp-sarici .telech:hover {
    background-color: #00a7eb
}

.whatsapp-sarici .viber {
    background-color: #784f98;
    color: #fff
}

.whatsapp-sarici .viber:hover {
    background-color: #432c55
}

.whatsapp-sarici .whatsapp {
    background-color: #16c706;
    color: #fff
}

.whatsapp-sarici .whatsapp:hover {
    background-color: #0b6403
}

.whatsapp-sarici .tel {
    background-color: #404040;
    color: #fff
}

.whatsapp-sarici .tel:hover {
    background-color: #0d0d0d
}

footer .footer-top {
    width: 100%;
    height: 400px;
    margin: 0;
    padding: 0
}

footer .footert-bottom {
    color: #fbdd7d;
    font-weight: 400;
    background: linear-gradient(to right, #23313e, #42779f, #23313e);
    background-color: #c09306;
    font-size: 11px
}

footer h5 {
    margin: 15px auto;
    font-size: 13px;
    font-weight: 600
}

footer i {
    margin-right: 10px;
    color: rgba(251, 221, 125, .4)
}

footer ul li {
    list-style: none;
    color: #fff;
    font-size: 15px
      max-width: 100px;
  display: grid; /* مهم */
  grid-template-columns: auto 1fr; /* آیکون و متن */
  column-gap: 5px;
  align-items: flex-start;
}

footer hr {
    background-color: rgba(251, 221, 125, .1)
}

@media (max-width: 992px) {
    .socials, .whatsapp-sarici {
        text-align: center;
        padding: 0
    }

    body .hed1 {
        font-weight: 700;
        margin-bottom: 0
    }



    body .sld {
        margin-left: -15px;
        margin-right: -15px
    }

    body .etiket-sarici {
        display: inline;
        width: 0;
        height: 0;
        visibility: hidden
    }

    .top-content {
        padding: 5px 0 0;
        margin: 0
    }

    .top-content .list-inline-item:nth-child(3), .top-content .list-inline > .list-inline-item {
        float: left
    }

    .top-content .ttt {
        font-size: 17px !important
    }

    .top-content .ttt i {
        display: none
    }

    .top-content .list-inline-item a {
        font-size: 16px
    }

    .top-content .list-inline-item:after {
        content: "";
        color: #06bbc7;
        padding: 0
    }

    .top-content .slogan {
        width: 100%;
        display: inline-block;
        margin: auto auto 10px;
        padding: 5px 0;
        color: #04757d;
        font-size: 20px;
        font-weight: 400;
        background-color: #fff;
        text-align: center;
        text-transform: uppercase
    }

    .nav-rounder .navbar {
        margin-right: 6px;
        min-height: 60px;
        margin-top: 0;

    }

    .nav-rounder .navbar .nav-link {
        background: #4c657d;
        padding: 7px 5px;
        padding-left: 20px;
        margin: 0;
        border-bottom: 1px solid rgba(255, 255, 255, .3)
    }

    .nav-rounder .navbar .nav-link:hover {
        background-color: #05bfd9
    }

    .nav-rounder .navbar .navbar-brand {
        font-size: 25px;
        margin-left: 0;
        display: inline-block;
        position: relative;
        text-align: center;
        padding: 0
    }

    .nav-rounder .navbar .navbar-brand small {
        display: block;
        position: absolute;
        font-size: 11px;
        font-weight: 300 !important;
        font-style: italic;
        right: 0;
        bottom: 3px;
        text-transform: lowercase
    }

    .nav-rounder .navbar .navbar-brand img {

        margin-left: 5px
    }

    .nav-rounder .navbar .navbar-toggler {
        padding: 0
    }

    .nav-rounder .navbar .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#1ba6ab' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")
    }

    .socials {
        float: none;
        margin: 20px auto
    }

    .whatsapp-sarici {
        border-radius: 0;
        position: relative;
        bottom: 0;
        right: 0;
        left: 0;
        display: inline-block;
        height: auto;
        width: 100%;
        margin-bottom: 20px
    }

    footer .footer-top {
        height: 100px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    footer .footer-top {
        height: 200px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    footer .footer-top {
        height: 300px
    }
}

.smallcard hr {
    background: rgba(255, 255, 255, .2);
    margin: 17px 0 0;
    width: 100%;
    display: block
}

.smallcard:hover {
    color: inherit;
    text-decoration: none
}

.smallcard .mycard {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    background-clip: border-box;
    cursor: pointer;
    background-color: #fff;
    margin-bottom: 30px
}

.smallcard .mycard .card-img-top {
    border-bottom: none;
    width: 100%;
    height: auto;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.smallcard .mycard .card-text {
    height: 95px;
    color: #333;
    overflow: hidden
}

.smallcard .mycard .card-price {
    font-size: 22px;
    color: #d00000;
    margin-top: 12px;
    font-weight: 700
}

.smallcard .mycard .card-body {
    padding: 5px;
    text-align: center;
    background-color: #bbf5f9
}

.smallcard .mycard .btn {
    margin: 5px 0 0
}

.card .twoline, .smallcard .mycard .twoline {
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0
}

.smallcard .mycard .twoline .headsr {
    display: table;
    height: 46px;
    width: 100%
}

.smallcard .mycard .twoline .headsr h3 {
    display: table-cell;
    vertical-align: middle
}

.smallcard .mycard .card-title {
    color: #333;
    font-weight: 400;
    background-color: #fdeaae;
    font-size: 16px;
    letter-spacing: 0;
    width: 100%;
    margin: 0;
    padding: 5px;
    display: inline-block;
    border: none;
    text-align: center
}

.btn-primary {
    color: #fff;
    background-color: #036775;
    border-color: transparent
}

.btn-primary:hover {
    color: #fff;
    background-color: #0493a7;
    border-color: #05d5f2
}

.btn-primary .focus, .btn-primary .show > .dropdown-toggle:focus, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 222, 250, .5)
}

.btn-primary .disabled, .btn-primary .show > .dropdown-toggle, .btn-primary:disabled, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #17defa;
    border-color: #04a9c0
}

.btn-secondary {
    color: #fff;
    background-color: #05a4ae;
    border-color: #06bbc7
}

.btn-secondary:hover {
    color: #fff;
    background-color: #04757d;
    border-color: #05a4ae
}

.btn-secondary .focus, .btn-secondary .show > .dropdown-toggle:focus, .btn-secondary:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 .2rem rgba(6, 187, 199, .5)
}

.btn-secondary .disabled, .btn-secondary .show > .dropdown-toggle, .btn-secondary:disabled, .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #06bbc7;
    border-color: #04757d
}

.map-container {
    position: relative;
    width: 100%;
    border-bottom: 15px solid #06bbc7;
    height: 300px
}

.map-container > * {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%
}

.loading, .loading .loading-inside {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.ctable, .tours-bottom p, .tours-top p, .u-tour .t-spec {
    font-size: 14px
}

.ctable .row {
    border-bottom: 1px solid rgba(3, 94, 100, .1);
    padding: 2px 0 2px 20px
}

.ctable ul {
    padding-left: 15px
}

.ctable ul li {
    list-style: none;
    padding-bottom: 2px;
    padding-top: 2px;
    border-bottom: 1px solid rgba(4, 147, 167, .1)
}

.ctable .clft {
    color: #000f12;
    padding: 5px;
    font-weight: 700
}

.ctable .crgt {
    font-size: 24px;
}

.ctable img {
    padding-right: 15px;
    height: 20px
}

.blg .card {
    background: #ffffff;
    margin-bottom: 20px
}
.blg img {
  max-width:500px;
  width:100%;
}

.blg .card:hover {
    background: #fff
}

.blg .card h2 {
    font-size: 22px;
    overflow: hidden;
    color: #c09306
}

.blg .card .card-body {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 17px;
    overflow: hidden
}

.blg .pagination-container {
    display: table;
    margin: 0 auto
}

.blg .pagination li {
    margin: 0 5px;
    padding: 0
}

.blg .pagination li a {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50% !important;
    border: none;
    padding-top: 10px;
    text-align: center;
    background-color: #adf3fd;
    color: #06bbc7
}

.blg .pagination li a:hover {
    background-color: #06bbc7
}

.tours-bottom, .tours-top {
    padding: 15px 50px 50px
}

.jumbotron img {
    margin: 5px auto 15px
}

#success-modal p {
    background-color: #037d8e;
    padding: 10px;
    border-radius: 8px;
    font-size: 30px;
    text-align: center;
    font-weight: 800;
    color: #fff
}

.loading {
    background-color: rgba(255, 255, 255, .9);
    z-index: 9999999999999;
    width: 100%;
    height: 100%;
    display: none
}

.loading .loading-inside {
    width: 50px;
    height: 50px;
    margin: auto;
    z-index: 1120
}

.tops .c1, .tops .c2, .tops .c3 {
    margin: 5px 20px
}

.loading .loading-inside:before {
    content: '';
    width: 50px;
    height: 5px;
    background: #000;
    opacity: .1;
    position: absolute;
    top: 59px;
    left: 0;
    border-radius: 50%;
    animation: .5s linear infinite shadow
}

.loading .loading-inside:after {
    content: '';
    width: 50px;
    height: 50px;
    background: #2fa8d9;
    animation: .5s linear infinite animate;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 3px
}

@keyframes animate {
    17% {
        border-bottom-right-radius: 3px
    }
    25% {
        transform: translateY(9px) rotate(22.5deg)
    }
    50% {
        transform: translateY(18px) scale(1, .9) rotate(45deg);
        border-bottom-right-radius: 40px
    }
    75% {
        transform: translateY(9px) rotate(67.5deg)
    }
    100% {
        transform: translateY(0) rotate(90deg)
    }
}

@keyframes shadow {
    0%, 100% {
        transform: scale(1, 1)
    }
    50% {
        transform: scale(1.2, 1)
    }
}

.tops {
    margin-bottom: 60px
}

.tops h2 {
    font-size: 17px;
    letter-spacing: 1px;
    color: #0d0d0d;
    font-weight: 400;
    padding: 10px 20px;
    vertical-align: central
}

.tops p {
    margin: 0 auto;
    padding: 15px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: #333
}

.tours-bottom h4, .tours-top h2 {
    font-size: 25px;
    color: #036097;
    margin-top: 30px
}

.tops p::first-letter {
    font-size: 40px;
    font-weight: 900;
    display: inline;
    color: #a78005
}

.tops .bh img {
    border-radius: 4px;
    margin-bottom: 20px
}

.tops .c2 {
    border-right: 1px solid rgba(51, 51, 51, .3);
    border-left: 1px solid rgba(51, 51, 51, .3)
}

.tops .nav {
    background-color: #fdeaae;
    margin-top: 30px;
    z-index: 0;
    width: 100%
}

.antalyaprivate, .antalyashuttle, .gazipasaprivate, .gazipasashuttle, .standart-pages, .t-select, .tops .nav .active, .tops .tab-content, .transfer-content {
    color: #fff
}

.tops .nav li {
    background-size: 30px;
    background-position: left center;
    background-repeat: no-repeat;
    border-right: 2px double #06bbc7;
    padding: 0;
    display: inline-block;
    transition-duration: .5s
}

.tops .nav li:last-child {
    border-right: 0 dashed transparent
}

.tops .nav li:hover {
    color: #01181a;
    background-image: radial-gradient(farthest-side at 50% 50%, #adf3fd, #06bbc7);
    background-size: 40px, 100%;
    background-position: left center, center center;
    background-repeat: no-repeat
}

.tops .nav a {
    color: #01181a;
    margin: 0
}

.tops .nav h2 {
    font-weight: 700;
    font-size: 17px;
    text-align: center;
    padding: 15px 30px;
    margin: 0;
    width: 100%;
    cursor: pointer
}

.tops .tab-content {
    margin: 0 auto;
    padding: 15px 15px 20px;
    border-radius: 0 0 20% 20%;
    width: 100%
}

.tops .tab-content img {
    border-radius: 20px 20%;
    border: 5px solid #fbdd7d
}

.tours-top {
    background-image: linear-gradient(to bottom, rgba(255, 0, 0, 0), rgba(251, 221, 125, .9));
    margin-bottom: 40px
}

.tours-top h2 {
    text-align: center
}

.tours-bottom p strong, .tours-top p strong {
    color: #981e89;
    margin-right: 5px
}

.tours-bottom p strong:after, .tours-top p strong:after, .u-tour .t-spec .spc span:after {
    content: " : "
}

.t-select {
    border-bottom: 1px solid #fbdd7d;
    padding: 8px;
    margin-bottom: 5px
}

.dotted-list, .transfer-content table tbody, .transfer-content table td, .transfer-content table th, .transfer-content table thead, .transfer-content table tr, .u-tour .t-spec .t-pric i {
    padding: 0;
    margin: 0
}

.t-select label {
    margin-bottom: 0
}

.t-select input {
    margin-right: 10px
}

.dotted-list {
    list-style-type: none
}

.dist-page, .standart-pages {
    padding: 15px
}

.dotted-list li {
    overflow: hidden;
    padding-bottom: 5px;
    position: relative
}

.dotted-list li span:first-child {
    float: left;
    display: inline-block;
    padding: 0 20px 0 10px;
    position: relative
}

.dotted-list li span:last-child {
    padding-right: 10px
}

.dotted-list li span + span {
    float: right;
    display: inline-block;
    padding: 0 3px 0 20px;
    position: relative
}

.dotted-list li:before {
    content: ".......................................................................................................................................................................................................................................................................................................................................................";
    white-space: nowrap;
    position: absolute
}

.transferlist h3 {
    text-align: center;
    font-size: 17px;
    margin: 10px auto 0;
    padding-bottom: 4px
}

.transferlist img {
    padding-left: 15px;
    padding-right: 15px
}

.transferlist small {
    display: block;
    text-align: center;
    font-style: italic;
    font-size: 11px;
    margin-bottom: 5px
}

.antalyaprivate {
    border: 1px solid #f8b6b6
}

.antalyaprivate .dotted-list, .antalyaprivate span {
    background-color: #ffe8e8
}

.antalyashuttle {
    border: 1px solid #fbd89d
}

.antalyashuttle .dotted-list, .antalyashuttle span {
    background-color: #f8e3c0
}

.gazipasaprivate {
    border: 1px solid #bdb6f8
}

.gazipasaprivate .dotted-list, .gazipasaprivate span {
    background-color: #dbd8fb
}

.gazipasashuttle {
    border: 1px solid #c3fb9d
}

.gazipasashuttle .dotted-list, .gazipasashuttle span {
    background-color: #e8feda
}

.transfer-content strong {
    color: #036775
}

.transfer-content table {
    margin: 15px 0
}

.transfer-content table td, .transfer-content table th {
    text-align: center;
    padding: 3px
}

.dist-page {
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 12px
}

.dist-page .disc-cont, .dist-page .disc-cont2 {
    border-radius: 4px;
    padding: 15px
}

.dist-page .district-spec .bolum {
    font-size: 17px;
    border-bottom: 1px solid rgba(249, 208, 76, .3);
    padding-bottom: 4px;
    margin-bottom: 4px;
    color: #fff
}
.dist-page .district-spec ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.dist-page .district-spec ul li {
    margin-bottom: 10px;
    font-size: 16px;

}

.dist-page .district-spec ul li strong {
    color:#0b5390; 
    margin-right: 5px;
    display: inline-block;
    font-weight: 700;
}



.dist-page .district-spec h2, .dist-page .district-spec h3, .dist-page .district-spec h4, .dist-page .district-spec h5 {
    color: #00345f;
    padding-bottom: 3px;
    font-weight: 700;
    letter-spacing: 4px
}

.standart-pages li, .standart-pages p, .standart-pages ul, .u-tour .t-book label {
    font-size: 13px
}

.standart-pages h2 {
    font-size: 20px;
    font-weight: 800;
    color: #fff
}
.standart-pages h3 {
    font-weight: 800;
    font-size: 14px;
    color: #ffffff
}
.card-custom {
    overflow: hidden;
    display: flex;
    position: relative
}

.card-custom:hover {
    -webkit-box-shadow: -2px 9px 15px -7px #000;
    -moz-box-shadow: -2px 9px 15px -7px #000;
    box-shadow: -2px 9px 15px -7px #000
}

.card-custom .card-custom-img {
    height: 200px;
    min-height: 200px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-color: inherit
}

.card-custom .card-custom-img::after {
    position: absolute;
    content: '';
    top: 161px;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 40px 0 0 545px;
    border-left-width: calc(575px - 5vw);
    border-color: transparent
}

.card .card-img-rounder .price, .card-custom .card-custom-avatar .price {
    border-radius: 0%;
    position: absolute;
    font-size: 40px;
    font-weight: 800
}

.card-custom .card-custom-avatar {
    text-align: right;
    width: 100%;
    display: inline-block;
    position: relative
}

.card-custom .card-custom-avatar .price {
    bottom: 0;
    right: 33px;
    background-color: rgba(77, 77, 77, .5);
    color: #fef7e0
}

.card .card-img-rounder .price .ic, .card-custom .card-custom-avatar .price .ic {

    position: relative;
    margin: 0 auto;
    text-align: center;
    white-space: nowrap
}

.card-custom .card-custom-avatar img {
    border-radius: 50%;
    position: absolute;
    top: 100px;
    right: 1.25rem;
    width: 100px;
    height: 100px;
    transition-duration: .4s
}

.card-custom .card-title {
    text-align: center;
    font-weight: 700;
    margin: auto 10px;
    color: #000000;
}

.card-custom .card-body {
    padding: 0;
    overflow: hidden !important
}

.card-custom .card-body p {
    font-size: 16px;
    text-align: center;
    font-weight: normal;
    padding: 0 10px;
}

.card .card-img-rounder {
    border-radius:12px;
    position: relative;
    text-align: center
}

.tour-option {
    display: flex;
    flex-direction: column;
    text-align: center;
    border-right: 1px solid #fff;
    padding:0 !important;
}
.tour-option:last-child{
    border-right: none;
}
.tour-map {
    max-width: 400px;
    width: 100%;
    border: 2px solid #ffffff;
    border-radius: 10px;
}

@media (min-width: 992px) {
  .tour-map {
    margin-top: 1rem; 
  }
}

.card-img-rounder img {
    width: 100%;
}

.card .card-img-rounder .price {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    right: 22px;
    top: 0%;
    background: #f80061;
    background-size: contain;
    color: #ffffff
}
@media (min-width: 1024px) {
  .card .card-img-rounder .price {
      background: #1f3549;
  }
}
.card .rent-card-img-rounder .price {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    right: 22px;
    top: 0%;
    background: #004755;
    background-size: contain;
    color: #ffffff;
    font-size: 40px;
}

.card .twoline .headsr {
    display: table;
    width: 100%
}

.card .twoline .headsr h3 {
    display: table-cell;
    vertical-align: middle
}

.tm-header {
    min-height: 42px;
    background: #d5eff9;
    text-align: center;
}

.text-shadow {
    text-shadow: 2px 6px 4px rgb(0 0 0 / 63%);
}

.tour-header {
   color: #1a4955;
   background:linear-gradient(to left, #DFF7F6, #DFF7F6, #DFF7F6) !important;
   text-align: center;
   padding: 8px 5px;
   border: none;
   margin: 0;
}


@media (min-width: 992px) {
  .tour-header {
    border-radius: 12px !important;
  }
}

.tour-header a {

    color: #ffffff;

    
}

.text-side {
    text-shadow: -1px -1px 0 #020202, 1px -1px 0 #101010, -1px 1px 0 #000000, 1px 1px 0 #000000;
    letter-spacing: 2px;
    color: #ffffff;
    font-size: 16px;
}

.content {
    background: #fff;
}


.content a {
    color: #007bff !important;
    text-decoration: none !important;
    background-color: transparent !important;
}

#scroll, .mobile-content {
    background-color: #00d1be7a
}

.tm-header h1 {
    margin-bottom: 0;
    color: #010101;
    font-weight: 700;
    font-size: 30px
}

.tm-header p {
    font-size: 17px;
   
    overflow: hidden;
    padding-right: 10px;
    padding-left: 10px
}
.tm-header1 ul {
    list-style: none;
    padding: 0;
    margin: 10px 0;
    display: flex;
    gap: 15px;
    justify-content: left;
    align-items: left;
    flex-wrap: wrap;
}

@media (min-width: 992px) {
  .tm-header1 ul {
    gap: 5px;
  }
}


.tm-header1 li {
    background-color: #e8f5ff;
    color: #333;
    padding: 8px 15px;
    border-radius: 20px;
    transition: background-color 0.3s ease, color 0.3s ease;
    font-size: 16px;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.tm-header1 li:hover {
    background-color: #1f3549;
    color: #fff;
}

.u-tour, .u-tour .s-rounder img {
    border-radius: 4px
}

.u-tour .t-price {
    font-size: 40px;
    text-align: center;
    color: #035e64;
    font-weight: 900;
    margin-top: 5px;
    height: 85px
}

.u-tour .t-price p {
    font-size: 18px;
    color: gray;
    margin: 0;
    letter-spacing: .2em;
    padding-top: 5px;
    font-weight: 700
}

.u-tour .t-price span {
    font-size: 12px;
    color: #c76613;
    font-weight: 400;
    font-style: italic
}

.u-tour .s-rounder .in_th_below_021 > .carousel-indicators {
    background: 0 0
}

.u-tour .s-rounder .in_th_below_021 > .carousel-indicators li {
    background-color: transparent;
    border: 2px solid transparent
}

.u-tour .s-rounder .in_th_below_021 > .carousel-indicators .active {
    background-color: #fbdd7d;
    border: 2px solid #fbdd7d
}

.u-tour .s-rounder .in_th_below_021 > .carousel-indicators::-webkit-scrollbar {
    background: rgba(51, 51, 51, .3)
}

.u-tour .s-rounder .in_th_below_021 > .carousel-indicators::-webkit-scrollbar-thumb {
    background: rgba(51, 51, 51, .7)
}

.u-tour .s-rounder .fa-chevron-circle-left, .u-tour .s-rounder .fa-chevron-circle-right {
    font-size: 30px;
    color: #fbdd7d;
    position: relative;
    margin-top: -50%
}

.u-tour .form-group label {
    margin: 10px 0 0;
    color: #000;
    font-weight: 700;
    font-size: 14px
}

.u-tour .btn {
    margin-top: 10px
}
.font-17 {
    font-size: 17px !important;
}
.font-18 {
    font-size: 18px !important;
}
.font-14 {
    font-size: 14px !important;
}
.font-20 {
    font-size: 20px !important;
}
.font-10 {
    font-size: 10px !important;
}
.u-tour .t-book h4 small {
    display: block;
    font-size: 12px;
    font-style: italic
}

.u-tour .t-book input {
    border-radius: 0
}
@media (max-width: 767px) {
  .col-12 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

.u-tour .t-prog h3, .u-tour h3.ah {
    background-color: #1f3549 ;
    border-radius: 4px 4px 0 0;
    text-align: center;
    margin-top: 5px;
    color: #fff;
    padding-top: 3px;
    padding-bottom: 5px
}

.u-tour .t-prog p {
    color: #000000;
    text-align: center;
    margin: 0;
    padding: 3px 0;
    font-size: 14px;
    letter-spacing: 3px
}

.u-tour .t-prog ul, .u-tour .t-spec {
    background: #fff
}

.u-tour .t-prog p br {
    display: none
}

.u-tour .t-prog ul {
    width: 100%;
    display: inline-block;
    margin: 0;
    padding: 3px 5px 3px 1px
}

.u-tour .t-prog li {
    width: 100%;
    padding: 3px;
    font-weight: 500;
    font-size: 16px
}

.u-tour .t-prog li i {
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    margin-right: 10px;
    color: #06bbc7
}

.u-tour .t-prog lilist-child {
    border-bottom: none
}

.u-tour .t-spec .saat {
    display: inline-block
}

.u-tour .t-spec .spc {
    padding: 3px 5px 3px 22px;
    text-align: left;
    font-weight: 700;
    font-size: 16px
}

.u-tour .t-spec .spc span {
    color: #a78005;
    font-weight: 700
}

.u-tour .t-spec .t-pric {
    text-align: left;
    color: #d10000;
    font-weight: 700;
    font-size: 16px
}

.u-tour .t-ex {
    margin-top: 30px;
    padding: 0
}

.u-tour .t-ex a {
    color: #0493a7;
    font-weight: 700;
    text-decoration: underline
}

.u-tour .t-ex h2, .u-tour .t-ex h3, .u-tour .t-ex h4 {
    color: #fff;
    border-bottom: 1px solid rgba(251, 221, 125, .3);
    background: #ffa200;
    text-align: center;
    padding: 10px 5px;
    border-radius: 0;
    border-bottom: none;
    margin: 0;
    font-size: 20px;
    font-weight: bolder;
}

.u-tour .t-ex p {
    padding: 0 20px;
}

.u-tour .t-ex img {
    float: left;
    margin-top: 5px;
    margin-right: 15px;
    margin-bottom: 15px;
    width: 300px;
    background-color: #fef7e0;
    border: 8px dashed #06bbc7;
    border-radius: 4px
}

.u-tour .tour-tags {
    padding: 0 10px;
    margin-bottom: 15px
}

.u-tour .tour-tags .tegcloud {
    display: inline-block;
    padding: 30px
}

.u-tour .tour-tags .teg-1 {
    font-size: 15px;
    color: #a8f3a1
}

.u-tour .tour-tags .teg-2 {
    font-size: 18px;
    color: #393b3b
}

.u-tour .tour-tags .teg-3 {
    font-size: 21px;
    color: #f7d566
}

.u-tour .tour-tags .teg-4 {
    font-size: 24px;
    color: #3e8f92
}

.u-tour .tour-tags .teg-5 {
    font-size: 36px;
    color: #f8b6b6
}

.mobile-content {
    padding: 15px 0;
    color: #000;
    font-size: 17px
}

.side-content img, .site-content img {
    padding: 5px;
    border-radius: 12px;
    max-width: 100%;
}
.site-content h2{
    font-size:22px;
}
.site-content h3{
    font-size:20px;

}
.site-content {
    color: #fff;
}
.site-content a {
  color: #f2c40e !important; 
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color 0.3s ease, border-bottom 0.3s ease;
}

.site-content a:hover,
.site-content a:focus {
  color: #0c47b7; /* Darker blue for hover */
  outline: none;
}

.site-content a:visited {
  color:#ffa200; /* Subtle purple to indicate visited links */
}

.site-content a:active {
  color: #d93025; /* Red tone for active click */
}

.lh-45 {
    line-height: 45px !important
}

mark {
    background-color: pink
}

.list-autocomplete {
    padding: 0
}

.list-autocomplete em {
    font-style: normal;
    background-color: #e1f2f9
}

.btn-extra, .hasNoResults {
    display: block;
    padding: 10px
}

.hasNoResults {
    color: #aaa
}

.btn-extra {
    width: 100%;
    border-top: .5px solid #c81f0c
}

.nav-social .icon-button {
    background-color: #fff;
    border-radius: 2rem;
    cursor: pointer;
    display: inline-block;
    font-size: 1.3rem;
    height: 1.8rem;
    line-height: 1.8rem;
    margin: 0 5px;
    position: relative;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 1.8rem
}

.open > .dropdown-menu, .show > .dropdown-menu {
    display: block
}

.tourSearchBox .dropdown {
    border: 8px solid #07d2e0
}

.success-img {
    background: #12c06a;
    text-align: center;
    margin: 50px;
    border-radius: 8px
}

.success-img img {
    width: 25%
}

.successful-booking {
    text-align: center;
    position: relative;
    top: -30px
}

.successful-booking p {
    margin-top: 0;
    width: 100%;
    font-size: 22px;
    font-weight: 700;
    color: #fff
}

.phone-span {
    margin-left: auto
}

.p2 {
    padding: 2px !important
}
.dist-page p {
  line-height: 1.8;
  color: #343a40;
  margin-bottom: 1.5rem;
  text-align: justify;
}
.dist-page img {
  max-width: 100%;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  display: block;
  margin: 1rem auto;
}
.dest-img img {
    border-radius:15px;
  max-width: 94%;
  height: auto;
  display: block;
  margin: 0 auto;
}

@media (min-width: 992px) { 
  .dest-img img {
    max-width: 80%;
  }
}

@media (max-width: 992px) {
    .smallcard .mycard {
        margin-left: -15px;
        margin-right: -15px
    }

    .smallcard .mycard, .smallcard .mycard:hover {
        background-color: #0493a7
    }

    .smallcard .mycard {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-clip: border-box;
        cursor: pointer;
        border: 10px solid #7becfc;
        margin-bottom: 0;
        padding: 0;
        border-bottom: 0
    }

    .smallcard .mycard .card-text {
        color: #fff;
        height: auto
    }

    .smallcard .mycard .card-body {
        margin: 0 !important;
        padding: 15px;
        background-color: #035e64
    }

    .smallcard .mycard .btn {
        margin: -8px 10px 0
    }

    .smallcard .mycard .card-img-top {
        border: 0;
        width: 100%;
        height: auto
    }

    .smallcard .mycard .card-price {
        font-size: 22px;
        color: #fff;
        margin: 0;
        padding: 0;
        font-weight: 700
    }

    .smallcard .mycard .card-price i {
        font-size: 20px
    }

    .smallcard .mycard .card-price span {
        margin: auto 10px
    }

    .smallcard .mycard .card-title {
        color: #fff;
        font-weight: 500;
        background-color: #036775;
        font-size: 20px;
        width: 100%;
        margin: 0;
        padding: 5px;
        display: inline-block;
        border: none;
        text-align: center
    }

    .smallcard .etiket-sarici {
        display: inline;
        width: 0;
        height: 0;
        visibility: hidden
    }

    .btn-primary {
        color: #333;
        background-color: #7becfc;
        border-color: transparent
    }

    .btn-primary:hover {
        color: #333;
        background-color: #adf3fd;
        border-color: #05d5f2
    }

    .btn-primary .focus, .btn-primary:focus {
        box-shadow: 0 0 0 .2rem rgba(23, 222, 250, .5)
    }

    .pagination, .pagination li {
        display: inline-block !important
    }

    .pagination li {
        margin-bottom: 10px !important
    }

    .dist-page {
        margin-top: 0;
        padding-top: 0
    }



    .tm-header {
        border: none;
        margin-bottom: 0
    }
    .tm-header1 {
        border: none;
        margin-bottom: 0
    }

    .u-tour .s-rounder {
        padding: 0
    }

    .u-tour .t-prog {
        padding: 0;
        margin: 0
    }

    .u-tour .t-prog h3,.u-tour .t-prog h2 {
        border-radius: 12px;
        color: #ffffff;
        background: #1f3549;
        text-align: center;
        padding: 3px 5px;
        border: none;
        margin: 0;
        border-radius: unset;
    }

    .u-tour .t-prog ul {
        background: #fff;
        width: 100%;
        display: inline-block;
        margin: 0;
        padding: 3px 5px 3px 0;
        list-style: none;
    }

    .u-tour .t-prog li {
        width: 100%;
        padding: 3px;
        font-size: 16px;
    }

    .u-tour .t-prog li:last-child {
        border-bottom: none;
    }

    .u-tour .t-prog li i {
        border-radius: 50%;
        text-align: center;
        display: inline-block;
        margin-right: 10px;
        color: #06bbc7
    }

    .u-tour .t-prog lilist-child {
        border-bottom: none
    }

    .u-tour .t-spec {
        background: linear-gradient(to right, #f5e7fb, #ebd1f8, #e2bbf5);
        padding: 0;
    }

    .u-tour .t-spec .spc {
        padding: 5px 5px 5px 22px;
        text-align: left;
        list-style: none;
    }

    .u-tour .t-spec .spc span {
        color: #4e1b89;
        font-weight: 700
    }

    .u-tour .t-spec .spc span:after {
        content: " : "
    }

    .u-tour .t-book {
        padding-bottom: 10px;
    }

    .u-tour .t-book .rez-top {
        background-color: #fff;
        color: #058c95;
        font-size: 22px;
        font-weight: 700
    }

    .u-tour .t-book .rez-top .fa-viber {
        position: relative;
        bottom: -2px
    }

    .u-tour .t-book .rez-top p, .u-tour .t-book .rez-top span {
        margin: 0;
        padding: 0
    }

    .u-tour .t-book .rez-top p {
        color: #333;
        font-weight: 700
    }

    .u-tour .t-book .rez-top p a {
        display: inline-block;
        margin: 0;
        padding: 0
    }

    .u-tour .t-ex {
        margin-top: 15px;
        padding: 0;
        font-size: 17px
    }

    .u-tour .t-ex a {
        color: #0493a7;
        font-weight: 700;
        text-decoration: underline
    }

    .u-tour .t-ex strong {
        color: #755a04
    }

    .card .twoline .headsr h3 {
        font-size: 22px
    }

    .card-custom {
        box-shadow: -1px -1px 20px 0px rgb(0 103 101);
        border-radius: 0;
        height: auto;
        padding: 0
    }

    .success-img img {
        width: 100%;
        height: auto
    }

    .nav-rounder .navbar .navbar-toggler-icon {
        display: inline-block;
        width: 1.5em;
        height: 1.5em;
        vertical-align: middle;
        content: "";
        background-size: 100% 100%
    }
}

.u-tour .t-spec .spc li {
    margin: 8px 0;
    border-bottom: 1px solid #fff;
    padding-bottom: 3px;
    font-size: 16px;
}

.u-tour .t-spec .spc li:last-child {
    border-bottom: none;
}

.m-btn, .messenger .btn {
    border: none;
    cursor: pointer
}

#rec, #recFast {
    height: 78px
}

.fa-hand-pointer-o::after {
    content: "\f25a";
    display: block;
    font-size: 40px
}

.m-btn-warning {
    background: linear-gradient(to left, #e6b17b, #eecaa6, #e6b17b)
}

.m-btn-warning:hover {
    box-shadow: 0 4px #473317;
    top: 2px
}

.m-btn-warning:active {
    box-shadow: 0 0 #473317;
    top: 6px
}

.m-btn {
    outline: 0;
    display: block;
    position: relative;
    font-size: 16px;
    font-weight: 300;
    color: #000;
    letter-spacing: 2px;
    padding: 4px;
    margin: 0 auto;
    border-radius: 20px;
    max-width: 250px
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529
}

.table td, .table th {
    padding: .15rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    font-size: 16px;
}

.border-top-none {
    border-top: none;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6
}

.table tbody + tbody {
    border-top: 2px solid #dee2e6
}

.table-sm td, .table-sm th {
    padding: .3rem
}

.table-bordered, .table-bordered td, .table-bordered th {
    border: 1px solid #dee2e6
}

.table-bordered thead td, .table-bordered thead th {
    border-bottom-width: 2px
}

.table-borderless tbody + tbody, .table-borderless td, .table-borderless th, .table-borderless thead th, .table-dark.table-bordered, .table-responsive > .table-bordered {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05)
}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: rgba(0, 0, 0, .075)
}

.table-primary, .table-primary > td, .table-primary > th {
    background-color: #b8daff
}

.table-primary tbody + tbody, .table-primary td, .table-primary th, .table-primary thead th {
    border-color: #7abaff
}

.table-hover .table-primary:hover, .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
    background-color: #9fcdff
}

.table-secondary, .table-secondary > td, .table-secondary > th {
    background-color: #d6d8db
}

.table-secondary tbody + tbody, .table-secondary td, .table-secondary th, .table-secondary thead th {
    border-color: #b3b7bb
}

.table-hover .table-secondary:hover, .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th {
    background-color: #c8cbcf
}

.table-success, .table-success > td, .table-success > th {
    background-color: #c3e6cb
}

.table-success tbody + tbody, .table-success td, .table-success th, .table-success thead th {
    border-color: #8fd19e
}

.table-hover .table-success:hover, .table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
    background-color: #b1dfbb
}

.table-info, .table-info > td, .table-info > th {
    background-color: #bee5eb
}

.table-info tbody + tbody, .table-info td, .table-info th, .table-info thead th {
    border-color: #86cfda
}

.table-hover .table-info:hover, .table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
    background-color: #abdde5
}

.table-warning, .table-warning > td, .table-warning > th {
    background-color: #ffeeba
}

.table-warning tbody + tbody, .table-warning td, .table-warning th, .table-warning thead th {
    border-color: #ffdf7e
}

.table-hover .table-warning:hover, .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
    background-color: #ffe8a1
}

.table-danger, .table-danger > td, .table-danger > th {
    background-color: #f5c6cb
}

.table-danger tbody + tbody, .table-danger td, .table-danger th, .table-danger thead th {
    border-color: #ed969e
}

.table-hover .table-danger:hover, .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
    background-color: #f1b0b7
}

.table-light, .table-light > td, .table-light > th {
    background-color: #fdfdfe
}

.table-light tbody + tbody, .table-light td, .table-light th, .table-light thead th {
    border-color: #fbfcfc
}

.table-hover .table-light:hover, .table-hover .table-light:hover > td, .table-hover .table-light:hover > th {
    background-color: #ececf6
}

.table-dark, .table-dark > td, .table-dark > th {
    background-color: #c6c8ca
}

.table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th {
    border-color: #95999c
}

.table .thead-dark th, .table-dark td, .table-dark th, .table-dark thead th {
    border-color: #454d55
}

.table-hover .table-dark:hover, .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th {
    background-color: #b9bbbe
}

.table-active, .table-active > td, .table-active > th, .table-hover .table-active:hover, .table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
    background-color: rgba(0, 0, 0, .075)
}

.table .thead-dark th, .table-dark {
    background-color: #343a40;
    color: #fff
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, .05)
}

.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, .075)
}

@media (max-width: 575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-sm > .table-bordered {
        border: 0
    }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-md > .table-bordered {
        border: 0
    }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-lg > .table-bordered {
        border: 0
    }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-xl > .table-bordered {
        border: 0
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    -webkit-transform: translate(0, -50px);
    transform: translate(0, -50px)
}

@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none
}

.modal.modal-static .modal-dialog {
    -webkit-transform: scale(1.02);
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    display: -ms-flexbox;
    display: flex;
    max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden
}

.modal-dialog-scrollable .modal-footer, .modal-dialog-scrollable .modal-header {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable::before {
    content: none
}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px)
}

.modal-footer > * {
    margin: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }

    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }

    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem)
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem);
        height: -webkit-min-content;
        height: -moz-min-content;
        height: min-content
    }

    .modal-sm {
        max-width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg, .modal-xl {
        max-width: 800px
    }
}

@media (min-width: 1200px) {
    footer .footer-top {
        height: 400px
    }

    .modal-xl {
        max-width: 1140px
    }
}

.form-control {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.form-control::-webkit-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

textarea.form-control {
    height: auto
}

.form-group {
    margin-bottom: 1rem
}

.form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

.messenger, .messenger-btn {
    display: block;
    height: 60px
}

.form-row > .col, .form-row > [class*=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.fa-wifi:before {
    content: "\f1eb"
}

.standart-pages p, .u-tour .t-ex {
    font-size: 17px
}

#scroll {
  position: fixed;
  right: 0;
  bottom: 160px; 
  cursor: pointer;
  width: 50px;
  height: 50px;
  text-indent: -9999px;
  display: none;

  border-top-left-radius: 60px;
  border-bottom-left-radius: 60px;
  z-index: 1000;
}

#scroll span {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -12px;
  height: 0;
  width: 0;
  border: 8px solid transparent;
  border-bottom-color: #fff;
}

/* فقط برای دسکتاپ‌های lg به بالا */
@media (min-width: 992px) {
  #scroll {
    bottom: 161px;
    display: block; /* در صورت نیاز نمایش در دسکتاپ */
  }
}

        .blog-swiper .swiper-slide {
            display: flex;
            height: auto;
        }

        .blog-swiper .card {
            display: flex;
            flex-direction: column;
            border-radius: 16px;
            overflow: hidden;
            height: 100%;
            width: 100%;
            text-decoration: none;
            color: inherit;
            margin-bottom: 10px;
        }

        .blog-swiper .view img {
            width: 100%;
            height: 200px;
            object-fit: cover;
            border-top-left-radius: 16px;
            border-top-right-radius: 16px;
        }

        .blog-swiper .card-body {
            flex-grow: 1;
            padding: 1rem;
            background-color: #fff;
            border-bottom-left-radius: 16px;
            border-bottom-right-radius: 16px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        .swiper-container-wrapper {
            max-width: 100%;
            position: relative;
        }

/* Default styling (desktop/tablet) */
.swiper-button-next,
.swiper-button-prev {
    color: #000;
}

/* Hide buttons on screens smaller than 768px (typical mobile breakpoint) */
@media (max-width: 767.98px) {
    .swiper-button-next,
    .swiper-button-prev {
        display: none !important;
    }
}

.social-wrapper {
    background: linear-gradient(to right, #23313e, #42779f, #23313e);
    padding: 20px 0;
}

.social-menu h5 {
    text-align: center;
    padding: 10px 0;
    border-top: 5px solid #3fcad5;
    border-bottom: 5px solid #3fcad5
}

.social-menu {
    list-style: none;
    margin: 0 2px
}

.social-menu .fab {
    font-size: 30px;
    line-height: 60px;
    transition: .3s;
    margin: 0
}

.social-menu a {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #fff;
    text-align: center;
    transition: .6s;
    box-shadow: 0 5px 4px rgba(0, 0, 0, .5);
    margin-bottom: 5px
}

.social-menu a:hover {
    transform: translate(0, -10%)
}

.social-menu a.tiktok:hover {
    background-color: #1f1e1e
}

.social-menu a.instagram:hover {
    background-color: #a72323
}

.social-menu a.linkedin:hover {
    background-color: #67a3ff
}



.messenger-btn {
    padding: 14px;
    width: 60px;
    border-radius: 60px;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    z-index: 2
}

.messenger img.messenger-img {
    width: 65px;
    position: fixed;
    right: 10px;
}

.iti, footer .lang-btn {
    display: inline-block;
    position: relative
}

.messenger-btn img {
    width: 32px;
    height: 32px
}

.messenger-links {
    position: absolute;
    left: 0;
    top: 0;
    width: 320px;
    transform: scale(0);
    transform-origin: 50% 100%;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    z-index: 0
}

.messenger-links.show {
    left: 110px;
    transform: scale(1)
}

.messenger-links a {
    width: 40px;
    margin-left: 4px
}

.messenger-links img {
    max-width: 50px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.messenger-links a:hover img {
    transform: scale(1.1);
    text-decoration: none
}

.iti {
    width: 100% !important
}

.error {
    font-size: 10px;
    color: red
}

.messenger .btn {
    color: #fff;
    border-radius: 5px;
    font-weight: 700;
}

.messenger .btn-masterful {
    color: #fff;
    border: none;
    cursor: pointer;
    border-radius: 50px;
    position: relative;
    overflow: hidden
}

.messenger .btn-masterful:active {
    border: none !important;
}

.messenger .btn-masterful .icon {
    position: absolute;
    top: 50%;
    left: 8px;
    transform: translateY(-50%);
    font-size: 24px
}

.messenger .btn-masterful .btn-txt {
    padding-left: 0
}

.messenger .btn-masterful:hover .icon {
    animation: 2s linear infinite rotate
}

@keyframes rotate {
    from {
        transform: translateY(-50%) rotate(0)
    }
    to {
        transform: translateY(-50%) rotate(360deg)
    }
}

footer .language-links {
    text-align: center;
    margin: 20px 0
}

footer .lang-btn {

    margin: 2px;
    overflow: hidden;

}

.blog-card a, .price-table-link:hover {
    color: #007bff
}

footer .lang-btn img {
    height: 25px;
    width: 25px;
    line-height: 0;
    font-size: 22px;
    transition: .2s linear
}

footer .lang-btn:hover img {
    transform: scale(1.3);

}

footer .lang-btn::before {
    content: "";
    position: absolute;
    width: 120%;
    height: 120%;
    background: #fff;
    transform: rotate(45deg);
    left: -110%;
    top: 90%
}

footer .lang-btn:hover::before {
    animation: .6s effect;
    top: -10%;
    left: -10%
}

@keyframes effect {
    0% {
        left: -120%;
        top: 100%
    }
    50% {
        left: 10%;
        top: -30%
    }
    100% {
        top: -10%;
        left: -10%
    }
}

@media (max-width: 576px) {
    #scroll, .social-menu a {
        width: 45px;
        height: 45px
    }

    footer .language-links {
        text-align: center;
        margin-bottom: 30px
    }

    .social-menu a {
        position: relative;
        display: inline-block;
        border-radius: 50%;
        background-color: #fff;
        text-align: center;
        transition: .6s;
        box-shadow: 0 5px 4px rgba(0, 0, 0, .5)
    }

    .social-menu .fab {
        font-size: 30px;
        line-height: 45px;
        transition: .3s;
        margin: 0
    }

    .messenger-links.show {
        left: 0;
        transform: scale(1)
    }

    .messenger-links {
        position: absolute;
        left: 0;
        top: unset;
        width: 320px;
        transform: scale(0);
        transform-origin: 50% 100%;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        z-index: 0;
        bottom: 65px
    }

    #scroll {
        position: fixed;
        right: 0;
        bottom: 130px;
        cursor: pointer;
        text-indent: -9999px;
        display: none;

        z-index: 99
    }
}

.ft-10{
    font-size: 10px;
}
.ft-20{
    font-size: 20px;
    font-weight:200;
}
.tour-video, .white-video-box {
    width: 100%;
    position: absolute
}

.select2-selection__rendered {
    line-height: 40px !important
}

.select2-container .select2-selection--single {
    height: 40px !important
}

.select2-selection__arrow {
    height: 34px !important
}

.price-table-link {
    color: #007bff;
    text-decoration: underline
}

.blog-card {
    border: 1px solid;
    padding: 7px;
    border-radius: 13px;
    margin-bottom: 3px
}

.blog-card a {
    font-size: 1.6em
}

.card {
    border: none;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    background-color: #fff;
    background-clip: border-box;
    border-radius: 25px
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem
}


.card-img-top {
    width: 100%;
    height: auto;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}

.site-img {
    width: 100%;
    height: auto;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.jumbotron {
    text-align: center;
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #32485b;
    color:#ffffff;
    border-radius: .3rem
}

.videoContainer {
    position: relative;
    overflow-y: hidden;
    height: 243px
}

.tour-video {
    height: 120%;
    top: -53px
}

.white-video-box {
    bottom: 18px;
    height: 40px;
    background: #ececec
}

.rate {
    height: 46px;
    padding: 0 10px;
    direction: rtl;
    margin-top: 5px
}

.rate:not(:checked) > input {
    position: absolute;
    top: -9999px
}

.rate:not(:checked) > button {
    width: 1em;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 30px;
    color: #ccc
}

.rate:not(:checked) > button:before {
    content: '★ '
}

.rate > input:checked ~ button {
    color: #ffc700
}

.rate:not(:checked) > button:hover, .rate:not(:checked) > button:hover ~ button {
    color: #deb217
}

.rate > button {
    border: none;
    background: 0 0
}

.rate > button:hover ~ input:checked ~ button, .rate > input:checked + button:hover, .rate > input:checked + button:hover ~ button, .rate > input:checked ~ button:hover, .rate > input:checked ~ button:hover ~ button {
    color: #c59b08
}

.search-box-section {
    left:0px;
    width: 100%;
    position: fixed;
    background: #ffffffeb;
    top: 100vh;
    bottom: 0;
    z-index: 99999999999999999999;
    transition: .4s;
    padding: 50px 18px 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.open-search {
    width: 100%;
    max-width: 520px;
    height: 27px;

    display: flex;
    align-items: center;

    padding: 0 44px 0 14px;

    background-color: #ffffff;
    border: 1px solid #009688;
    border-radius: 6px;

    color: #6b6b6b;
    font-size: 14px;
    font-weight: 500;

    cursor: text;
    position: relative;
    text-align: left !important;
}

.open-search::before {
    content: "";
    position: absolute;

    top: -1px;
    right: -4px;

    width: 38px;
    height: calc(100% + 2px);

    background-color: #009688;

    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.open-search::after {
    content: "";
    position: absolute;

    right: 7px;
    top: 50%;
    transform: translateY(-50%);

    width: 16px;
    height: 16px;

    background-color: #ffffff;

    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M21.71 20.29l-3.388-3.388A8.466 8.466 0 0019 11.5 8.5 8.5 0 1010.5 20a8.466 8.466 0 005.402-1.678l3.388 3.388a1 1 0 001.42-1.42zM4 11.5A6.5 6.5 0 1110.5 18 6.508 6.508 0 014 11.5z'/%3E%3C/svg%3E") center / contain no-repeat;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M21.71 20.29l-3.388-3.388A8.466 8.466 0 0019 11.5 8.5 8.5 0 1010.5 20a8.466 8.466 0 005.402-1.678l3.388 3.388a1 1 0 001.42-1.42zM4 11.5A6.5 6.5 0 1110.5 18 6.508 6.508 0 014 11.5z'/%3E%3C/svg%3E") center / contain no-repeat;
}



.category-btn1 {
    max-width: 1147px;

    margin: 0 auto;
    border-radius: 12px;
    padding: 10px;
    color: #10323A;
    background:  linear-gradient(to left, #DFF7F6, #DFF7F6, #DFF7F6);
    display: block; /* or flex, depending on your layout */
}
.desktop-between {
    gap: 5px; 
}


.category-btn {
    background: #fff;
    color: #e84722;
    max-width: 140px;
    min-height: 120px;
    border-radius: 22px;
    padding: 6px;
    align-items: center;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 1px solid #e0e0e0;
}

.category-btn img {
 border-radius:15px;   
}
.category-btn small {

    font-size: 17px;
    font-weight: bold;
   
    border-radius: 8px;
    display: inline-block;
}

/* Hover effect */
.category-btn:hover {
    box-shadow: 2px 2px 25px 0px rgb(5 145 154 / 70%);
}

/* Click/Active effect */
.category-btn:active {
    transform: scale(0.97);
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.3);
}


.close-search-section {
    color: #000;
    font-size: 30px;
    cursor: pointer
}

.search-box-section {
    left:0px;
    width: 100%;
    position: fixed;
    background: #ffffffeb;
    top: 100vh;
    bottom: 0;
    z-index: 9999999999999999;
    transition: .4s;
    padding: 50px 18px 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow-y: scroll;
}

/* calender */



#calendar {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 5px;
}
#tour-calendar-container {
    text-align: center;
}
#tour-calendar-container {
    text-align: center;
}

#tour-calendar {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 5px;
}
.day {
    padding: 10px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #ccc;
    background: #f9f9f9;
    border-radius: 8px
}

.disabled {
    background: #ddd;
    cursor: not-allowed
}

.booking-button, .booking-button1 {
    padding: 10px;
    color: #fff;
    cursor: pointer
}

.selected {
    background: #c43693;
    color: #fff
}

.day {
    padding: 10px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #ccc;
    background: #f9f9f9;
    border-radius: 8px
}

.disabled {
    background: #ddd;
    cursor: not-allowed
}

.booking-button, .booking-button1 {
    padding: 10px;
    color: #fff;
    cursor: pointer
}

.selected {
    background: #c43693;
    color: #fff
}
#tour-bookingMessage {
    text-align: center;
    margin-top: 20px;
    display: none;
    color: green
}
#bookingMessage {
    text-align: center;
    margin-top: 20px;
    display: none;
    color: green
}

.booking-button {
    font-size: 18px;
    margin-top: 10px;
    background: #03b245;
    border: none;
    border-radius: 8px
}

.booking-button1 {
    background: #31797e;
    border: none;
    border-radius: 8px
}

.month select {
    font-size: 18px;
    padding: 5px;
    border-radius: 8px
}

#calendar {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
#tour-calendar {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.calendar-row {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}

.calendar-cell {
    text-align: center;
    padding: 4px;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin: 1px;
    color: #000;
}

.calendar-header {
    font-weight: bold;
    background-color: #f5f5f5;
}

.day:hover {
    background-color: #c43693;
    cursor: pointer;
}

.selected {
    background-color: #bf3494;
    color: white;
}

.disabled {
    color: #000;
    pointer-events: none;
}


.disabled {
    background: #ddd;
    cursor: not-allowed;
}

.selected {
    background: #c43693;
    color: white;
}

#bookingMessage {
    text-align: center;
    margin-top: 20px;
    display: none;
    color: green;
}

.booking-button {
    font-size: 18px;
    margin-top: 10px;
    padding: 10px;
    background: #03b245;
    color: white;
    border: none;
    cursor: pointer;
    border-radius: 8px;
}

.booking-button1 {

    padding: 10px;
    background: #31797e;
    color: white;
    border: none;
    cursor: pointer;
    border-radius: 8px;
}

.loading {
    font-size: 16px;
    color: gray;
}



.month select {
    font-size: 18px;
    padding: 5px;
    border-radius: 8px;
}

.line {
    width: 92%;
    height: 0.08px;
    display: block;
    background: rgb(112 246 255);
    margin: 0 auto;
}

.line-black {
    width: 92%;
    height: 0.1px;
    display: block;
    background: #000000;
    margin: 0 auto;
    opacity: .3;
}

.line:last-child {
    display: none;
}

.ft-14 {
    font-size: 14px;
}

.ft-12 {
    font-size: 12px !important;
}

.bg-yellow {
    border-radius: 15px;
    background: #004755;
    color: #ffffff !important;
}

.bg-pink {
    background: #ffc8e0;
    color: #ffffff !important;
}

.rating_card {
    border: 1px #dbab13 dashed;
}

.card-message {
    font-size: 17px;
}

.card-data {
    padding-bottom: 5px;
    color: #979797;
    font-size: .8rem;
}

@media (max-width: 575.98px) {
    .custom-padding {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

.strong {
    font-size: 14px;
    font-weight: bold;
}

.text-primary {
    color: #004755 !important;
}
.text-primary2 {
    color: #00b722 !important;
}
.text-gray {
    color: #9b9b9b !important;
}

.blog-swiper .swiper-slide {
    display: flex;
    height: auto;
}

.blog-swiper .card {
    display: flex;
    flex-direction: column;
    border-radius: 16px;
    overflow: hidden;
    height: 100%;
    width: 100%;
    text-decoration: none;
    color: inherit;
    margin-bottom: 10px;
}

.blog-swiper .view img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.blog-swiper .card-body {
    flex-grow: 1;
    padding: 1rem;
    background-color: #fff;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.swiper-container-wrapper {
    max-width: 100%;
    position: relative;
}

/* Default styling (desktop/tablet) */
.swiper-button-next,
.swiper-button-prev {
    color: #000;
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 12px !important;
    color: #fff !important;
}

.swiper-pagination-bullet-active {
    background: #d9d9d9 !important;
}

@media (min-width: 992px) {
  .swiper-pagination {
    position: static !important;
  }
}
.whatsapp-icon {
    z-index: 1000;
    position: fixed;
    right: 8px;
    bottom: 37px;
    width: 60px;
    height: 60px;
    background-color: #32d951;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 30px;
    transition: transform .3s, font-size .3s
}

.whatsapp-icon i {
    font-size: 30px;
    margin: 0;
}

.whatsapp-icon:active {
    transform: scale(1.2);
    font-size: 28px
}

.total-price {
    font-size: 22px;
    width: 92%;
    margin: 0 auto;
    background: #007c96;
    font-weight: 700;
    text-shadow: -1px -1px 0 #025b5e, 1px -1px 0 #025b5e, -1px 1px 0 #025b5e, 1px 1px 0 #025b5e;
    text-align: center;
    color: #ffffff;
}

.fs-24 {
    font-size: 24px !important;
}
.fs-20 {
    font-size: 20px !important;
}
.fs-16 {
    font-size: 16px !important;
}
.play-pause-button, .sec-blog {
    justify-content: center;
    border-radius: 15px
}

.video-container {
    border-radius: 15px;
    max-width: 800px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .3);
    position: relative;
}
@media (min-width: 768px) {
    .video-container {
        min-width: 800px;
        margin-bottom:20px;
    }
}

video {
    width: 100%;
    display: block;
    outline: 0;
    border-radius: 10px;
    cursor: pointer
}

.play-pause-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
    height: 70px;
    background-color: rgba(0, 0, 0, .7);
    display: flex;
    align-items: center;
    cursor: pointer;
    z-index: 10;
    opacity: .8;
    transition: opacity .3s
}

.play-pause-button:hover {
    opacity: 1
}

.icon {
    font-size: 36px;
    color: #fff
}

.lr-radius{
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
    .bg-lightblue {
        background-color: #c1fbff;
    }
    .bg-darkblue {
        background-color: #1f3549;
    }
    .faq-answer-wrapper {
        overflow: hidden;
        transition: max-height 0.5s ease;
    }

    .faq-answer {
        border-top: 1px solid #ccc;
    }

    .faq-item {
        background-color: #fff;
        border-radius: 12px;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
        transition: box-shadow 0.3s ease;
    }

    .faq-item:hover {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    }
    .toggle-icon {

    font-size: 12px;
    transition: transform 0.3s ease;
}
.fa-plus:before {
    content: "\f067";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.fa-minus:before {
    content: "\f068";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
.hidden {
  display: none !important;
}
.floating-contact-btn,
.floating-contact-btn:focus,
.floating-contact-btn:active,
.floating-contact-btn button,
.floating-contact-btn button:focus,
.floating-contact-btn button:active {
    outline: none;
    border: none;
    box-shadow: none;
}

.floating-contact {
    position: fixed;
    bottom: 40px;
    right: 10px;
    z-index: 9999;
}

.floating-contact-btn {

    width: 60px;
    height: 60px;
   opacity:0.8;
   border-radius:15px;
    color: white;
    border: none;
   
    
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;
}

.floating-contact-btn button:focus{
    
}
.floating-contact-txt {
    display: none;
}

.floating-contact-links {
    right:13px;
    z-index:100;
    position: absolute;
    bottom: 70px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    opacity: 0;
    pointer-events: none;
    transform: translateY(20px);
    transition: all 0.4s ease;
}

.floating-contact-links.show {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

.floating-contact-links a {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #ffffff;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.floating-contact-links a:hover {
    transform: scale(1.1);
    background-color: #f0f0f0;
}

.floating-contact-links img {
    width: 50px;
    height: 50px;
}
        .custom-modal .modal-content {
            border-radius: 12px;
            border: none;
            padding: 20px;
            box-shadow: 0 10px 25px rgba(0,0,0,0.2);
        }

        .modal-success {
            background-color: #e6f9f0;
            color: #2e7d32;
        }

        .modal-error {
            background-color: #fdecea;
            color: #c62828;
        }

        .modal-icon {
            font-size: 48px;
            margin-bottom: 10px;
        }

        .btn-close-custom {
            background: none;
            border: none;
            font-size: 1.5rem;
            position: absolute;
            top: 10px;
            right: 15px;
            color: #666;
        }

        .btn-close-custom:hover {
            color: #000;
        }
        
        
        .ask-social-box {
    gap:20px;
    top: auto !important;
    bottom: 100%;
    left: 110% !important;
    transform: translateX(-50%) translateY(-10px) !important; 
    display: none;
    z-index: 9999;
    position: absolute !important;
    transition: all 0.8s ease-in-out;
}
        .ask-rent-box {
    gap:20px;
    top: auto !important;
    bottom: 100%;
    transform: translateX(-50%) translateY(-10px) !important; 
    display: none;
    z-index: 9999;
    position: absolute !important;
    transition: all 0.8s ease-in-out;
}
.ask-rent-box.show {
    display: flex !important;
}
.ask-social-box.show {
    display: flex !important;
}